Minor fixes for reactivity issues and some updates

packages/bbui/src/Actions/position_dropdown.js

@@ -3,6 +3,9 @@ export default function positionDropdown(
   { anchor, align, maxWidth, useAnchorWidth, showTip }
 ) {
   const update = () => {
+    if (!anchor) {
+      return
+    }
     const anchorBounds = anchor.getBoundingClientRect()
     const elementBounds = element.getBoundingClientRect()
     let styles = {
@@ -66,7 +69,9 @@ export default function positionDropdown(
   const resizeObserver = new ResizeObserver(entries => {
     entries.forEach(update)
   })
-  resizeObserver.observe(anchor)
+  if (anchor) {
+    resizeObserver.observe(anchor)
+  }
   resizeObserver.observe(element)
   resizeObserver.observe(document.body)
 

packages/builder/src/components/portal/onboarding/TourPopover.svelte

@@ -16,6 +16,9 @@
   $: tourStepKey = $store.tourStepKey
 
   const initTour = targetKey => {
+    if (!targetKey) {
+      return
+    }
     tourSteps = [...TOURS[targetKey]]
     tourStepIdx = 0
     tourStep = { ...tourSteps[tourStepIdx] }
@@ -24,6 +27,9 @@
   $: initTour(tourKey)
 
   const updateTourStep = targetStepKey => {
+    if (!tourSteps?.length) {
+      return
+    }
     tourStepIdx = getCurrentStepIdx(tourSteps, targetStepKey)
     lastStep = tourStepIdx + 1 == tourSteps.length
     tourStep = { ...tourSteps[tourStepIdx] }
@@ -33,6 +39,9 @@
   $: updateTourStep(tourStepKey)
 
   const showPopover = (tourStep, tourNodes, popover) => {
+    if (!tourStep) {
+      return
+    }
     popoverAnchor = tourNodes[tourStep.id]
     popover?.show()
   }

packages/builder/src/components/portal/onboarding/TourWrap.svelte

@@ -20,7 +20,9 @@
     ready = true
   })
   onDestroy(() => {
-    handler.destroy()
+    if (handler) {
+      handler.destroy()
+    }
   })
 </script>
 

packages/builder/src/components/portal/onboarding/tours.js

@@ -72,11 +72,14 @@ const getTours = () => {
               onboardedAt: new Date().toISOString(),
             })
 
+            // Update the cached user
+            await auth.getSelf()
+
             store.update(state => ({
               ...state,
-              tourNodes: null,
+              tourNodes: undefined,
-              tourKey: null,
+              tourKey: undefined,
-              tourKeyStep: null,
+              tourKeyStep: undefined,
               onboarding: false,
             }))
           }