@embarkai/ui-kit 0.4.122 → 0.4.123

package/dist/iframe/index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-Content-Type-Options" content="nosniff" />
     <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
 
-    <title>EmbarkAI Secure Wallet - iframe version 0.4.122</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.123</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -6342,7 +6342,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.4.122";
+var IFRAME_VERSION = "0.4.123";
 var IframeWallet = class {
   // private finchpay: FinchPayRampAPI
   // private rampnow: RampnowOnrampAPI

package/dist/index.cjs

@@ -11780,9 +11780,9 @@ var init_useOnboardingStore = __esm({
     useOnboardingStore = (0, import_zustand6.create)((set) => ({
       isTourAvailable: false,
       setIsTourAvailable: (isTourAvailable) => set({ isTourAvailable }),
-      elRect: { x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 },
+      elRect: { x: 0, y: 0, width: 0, height: 0 },
       setElRect: (elRect) => set({ elRect }),
-      mountIntoNode: document.body,
+      mountIntoNode: null,
       setMountIntoNode: (mountIntoNode) => set({ mountIntoNode })
     }));
   }
@@ -11802,7 +11802,8 @@ var init_onboarder = __esm({
       elements = /* @__PURE__ */ new Map();
       /** deferred DOM observer */
       domObserverTimer = null;
-      domObserver = new MutationObserver(([domMutation]) => {
+      domObserver = null;
+      onDomMutation = ([domMutation]) => {
         if (this.domObserverTimer) clearTimeout(this.domObserverTimer);
         this.domObserverTimer = setTimeout(() => {
           const elId = this.tour[this.tourPointer]?.elId;
@@ -11812,10 +11813,11 @@ var init_onboarder = __esm({
           elementRef.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
           useOnboardingStore.getState().setElRect({ x, y, width, height });
         }, 200);
-      });
+      };
       /** deferred resize observer */
       resizeObserverTimer = null;
-      resizeObserver = new ResizeObserver((entries) => {
+      resizeObserver = null;
+      onResize = (entries) => {
         if (this.resizeObserverTimer) clearTimeout(this.resizeObserverTimer);
         this.resizeObserverTimer = setTimeout(() => {
           for (const entry of entries) {
@@ -11832,16 +11834,19 @@ var init_onboarder = __esm({
             useOnboardingStore.getState().setElRect(elRectData);
           }
         }, 200);
-      });
+      };
       /** TOUR */
       startTour(tour) {
         if (!tour || tour.length === 0) return;
         this.tourPointer = 0;
         this.tour = tour;
+        useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
         useLayoutDataStore.getInitialState().setIsOnboarding(true);
         useLayoutStore.getInitialState().setIsDialogForced(true);
         const startElRef = this.elements.get(tour[0].elId)?.deref();
         if (!!startElRef) {
+          this.domObserver ??= new MutationObserver(this.onDomMutation);
+          this.resizeObserver ??= new ResizeObserver(this.onResize);
           this.domObserver.observe(startElRef, { childList: true, subtree: true });
           this.resizeObserver.observe(startElRef);
           this.resizeObserver.observe(document.body);
@@ -11850,8 +11855,8 @@ var init_onboarder = __esm({
       endTour() {
         this.tour = null;
         this.tourPointer = 0;
-        this.domObserver.disconnect();
-        this.resizeObserver.disconnect();
+        this.domObserver?.disconnect();
+        this.resizeObserver?.disconnect();
         useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
         setTimeout(() => {
           useLayoutDataStore.getInitialState().setIsOnboarding(false);
@@ -11863,14 +11868,16 @@ var init_onboarder = __esm({
         const curStep = this.tour[this.tourPointer];
         curStep?.onNext?.();
         if (this.tourPointer === this.tour.length - 1) return this.endTour();
-        this.resizeObserver.disconnect();
-        this.domObserver.disconnect();
+        this.resizeObserver?.disconnect();
+        this.domObserver?.disconnect();
         setTimeout(() => {
           const nextStepPointer = this.tourPointer + 1;
           this.tourPointer = nextStepPointer;
           const nextStep = this.tour[nextStepPointer];
           const nextElRef = this.elements.get(nextStep.elId)?.deref();
           if (!!nextElRef) {
+            this.domObserver ??= new MutationObserver(this.onDomMutation);
+            this.resizeObserver ??= new ResizeObserver(this.onResize);
             this.domObserver.observe(nextElRef, { childList: true, subtree: true });
             this.resizeObserver.observe(nextElRef);
             this.resizeObserver.observe(document.body);
@@ -30423,7 +30430,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.122",
+      version: "0.4.123",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.d.cts

@@ -1256,9 +1256,11 @@ declare class Onboarder {
     /** deferred DOM observer */
     private domObserverTimer;
     private domObserver;
+    private onDomMutation;
     /** deferred resize observer */
     private resizeObserverTimer;
     private resizeObserver;
+    private onResize;
     /** TOUR */
     startTour(tour: TourStep[]): void;
     endTour(): void;

package/dist/index.d.ts

@@ -1256,9 +1256,11 @@ declare class Onboarder {
     /** deferred DOM observer */
     private domObserverTimer;
     private domObserver;
+    private onDomMutation;
     /** deferred resize observer */
     private resizeObserverTimer;
     private resizeObserver;
+    private onResize;
     /** TOUR */
     startTour(tour: TourStep[]): void;
     endTour(): void;

package/dist/index.js

@@ -11745,9 +11745,9 @@ var init_useOnboardingStore = __esm({
     useOnboardingStore = create6((set) => ({
       isTourAvailable: false,
       setIsTourAvailable: (isTourAvailable) => set({ isTourAvailable }),
-      elRect: { x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 },
+      elRect: { x: 0, y: 0, width: 0, height: 0 },
       setElRect: (elRect) => set({ elRect }),
-      mountIntoNode: document.body,
+      mountIntoNode: null,
       setMountIntoNode: (mountIntoNode) => set({ mountIntoNode })
     }));
   }
@@ -11767,7 +11767,8 @@ var init_onboarder = __esm({
       elements = /* @__PURE__ */ new Map();
       /** deferred DOM observer */
       domObserverTimer = null;
-      domObserver = new MutationObserver(([domMutation]) => {
+      domObserver = null;
+      onDomMutation = ([domMutation]) => {
         if (this.domObserverTimer) clearTimeout(this.domObserverTimer);
         this.domObserverTimer = setTimeout(() => {
           const elId = this.tour[this.tourPointer]?.elId;
@@ -11777,10 +11778,11 @@ var init_onboarder = __esm({
           elementRef.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
           useOnboardingStore.getState().setElRect({ x, y, width, height });
         }, 200);
-      });
+      };
       /** deferred resize observer */
       resizeObserverTimer = null;
-      resizeObserver = new ResizeObserver((entries) => {
+      resizeObserver = null;
+      onResize = (entries) => {
         if (this.resizeObserverTimer) clearTimeout(this.resizeObserverTimer);
         this.resizeObserverTimer = setTimeout(() => {
           for (const entry of entries) {
@@ -11797,16 +11799,19 @@ var init_onboarder = __esm({
             useOnboardingStore.getState().setElRect(elRectData);
           }
         }, 200);
-      });
+      };
       /** TOUR */
       startTour(tour) {
         if (!tour || tour.length === 0) return;
         this.tourPointer = 0;
         this.tour = tour;
+        useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
         useLayoutDataStore.getInitialState().setIsOnboarding(true);
         useLayoutStore.getInitialState().setIsDialogForced(true);
         const startElRef = this.elements.get(tour[0].elId)?.deref();
         if (!!startElRef) {
+          this.domObserver ??= new MutationObserver(this.onDomMutation);
+          this.resizeObserver ??= new ResizeObserver(this.onResize);
           this.domObserver.observe(startElRef, { childList: true, subtree: true });
           this.resizeObserver.observe(startElRef);
           this.resizeObserver.observe(document.body);
@@ -11815,8 +11820,8 @@ var init_onboarder = __esm({
       endTour() {
         this.tour = null;
         this.tourPointer = 0;
-        this.domObserver.disconnect();
-        this.resizeObserver.disconnect();
+        this.domObserver?.disconnect();
+        this.resizeObserver?.disconnect();
         useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
         setTimeout(() => {
           useLayoutDataStore.getInitialState().setIsOnboarding(false);
@@ -11828,14 +11833,16 @@ var init_onboarder = __esm({
         const curStep = this.tour[this.tourPointer];
         curStep?.onNext?.();
         if (this.tourPointer === this.tour.length - 1) return this.endTour();
-        this.resizeObserver.disconnect();
-        this.domObserver.disconnect();
+        this.resizeObserver?.disconnect();
+        this.domObserver?.disconnect();
         setTimeout(() => {
           const nextStepPointer = this.tourPointer + 1;
           this.tourPointer = nextStepPointer;
           const nextStep = this.tour[nextStepPointer];
           const nextElRef = this.elements.get(nextStep.elId)?.deref();
           if (!!nextElRef) {
+            this.domObserver ??= new MutationObserver(this.onDomMutation);
+            this.resizeObserver ??= new ResizeObserver(this.onResize);
             this.domObserver.observe(nextElRef, { childList: true, subtree: true });
             this.resizeObserver.observe(nextElRef);
             this.resizeObserver.observe(document.body);
@@ -30326,7 +30333,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.122",
+      version: "0.4.123",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.122",
+  "version": "0.4.123",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",