@worthai/onboarding-sdk 2.0.16 → 3.0.0-beta.0

package/package.json

@@ -1,55 +1,95 @@
 {
   "name": "@worthai/onboarding-sdk",
-  "version": "2.0.16",
+  "version": "3.0.0-beta.0",
+  "description": "",
+  "packageManager": "pnpm@10.28.2",
+  "engines": {
+    "node": ">=24 <25"
+  },
   "type": "module",
-  "source": "./src",
-  "types": "./dist/index.d.ts",
-  "main": "./dist/index.js",
-  "files": [
-    "dist",
-    "README.md"
-  ],
+  "types": "./dist-sdk/sdk3/index.d.ts",
+  "main": "./dist-sdk/sdk3/index.js",
+  "unpkg": "./dist-sdk/sdk3/worthai-onboarding-sdk.global.js",
+  "jsdelivr": "./dist-sdk/sdk3/worthai-onboarding-sdk.global.js",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "types": "./dist-sdk/sdk3/index.d.ts",
+      "import": "./dist-sdk/sdk3/index.js"
+    },
+    "./sdk3": {
+      "types": "./dist-sdk/sdk3/index.d.ts",
+      "import": "./dist-sdk/sdk3/index.js"
     }
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/joinworth/onboarding-sdk-poc"
-  },
+  "files": [
+    "dist-sdk",
+    "README.md"
+  ],
   "publishConfig": {
-    "registry": "https://registry.npmjs.org",
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
   },
   "scripts": {
+    "start": "vite preview",
     "dev": "vite",
+    "check": "pnpm exec biome check --write && pnpm run lint:md:fix",
+    "check:sdk-contracts": "tsc --noEmit --project tsconfig.sdk-contracts.json",
+    "lint:md:fix": "markdownlint-cli2 --fix",
     "build": "vite build",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "bump-patch-version": "npm version patch -m 'chore: bump patch version to %s'"
+    "build:sdk": "pnpm run check:sdk-contracts && pnpm run build:sdk:esm && pnpm run build:sdk:global",
+    "build:sdk:esm": "vite build --config vite.sdk.config.ts",
+    "build:sdk:global": "vite build --config vite.sdk.global.config.ts",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:coverage:ui": "vitest --ui --coverage",
+    "test:sdk-package": "pnpm run build:sdk && node scripts/sdkPackageSmoke.mjs",
+    "test:run": "vitest run",
+    "test:ui": "vitest --ui"
   },
+  "license": "MIT",
   "devDependencies": {
-    "@storybook/addon-docs": "^9.1.10",
-    "@storybook/html-vite": "^9.1.10",
-    "autoprefixer": "^10.4.21",
-    "axios": "^1.13.1",
-    "msw": "^2.11.6",
-    "postcss": "^8.5.6",
-    "storybook": "^9.1.10",
-    "tailwindcss": "^3.4.18",
-    "typescript": "~5.9.3",
-    "vite": "^7.1.7",
-    "vite-plugin-checker": "^0.11.0",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^5.1.4"
+    "@biomejs/biome": "2.3.13",
+    "@fontsource/figtree": "^5.2.10",
+    "@googlemaps/js-api-loader": "^2.0.2",
+    "@googlemaps/places": "^2.4.0",
+    "@modular-forms/solid": "^0.25.1",
+    "@solid-primitives/utils": "^6.4.0",
+    "@solidjs/router": "^0.15.4",
+    "@solidjs/testing-library": "^0.8.10",
+    "@tailwindcss/vite": "^4.2.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@types/google.maps": "^3.58.1",
+    "@types/jsdom": "^28.0.3",
+    "@types/lodash": "^4.17.24",
+    "@vitest/coverage-v8": "4.1.4",
+    "@vitest/ui": "4.0.18",
+    "axios": "^1.15.0",
+    "axios-retry": "^4.5.0",
+    "daisyui": "^5.5.19",
+    "dexie": "^4.4.2",
+    "jsdom": "^27.4.0",
+    "jsonc-parser": "^3.3.1",
+    "libphonenumber-js": "^1.12.41",
+    "lodash": "^4.18.1",
+    "markdownlint-cli2": "^0.20.0",
+    "monaco-editor": "^0.55.1",
+    "monaco-json": "^3.9.0",
+    "postcss": "^8.5.15",
+    "rollup": "4.59.0",
+    "solid-devtools": "^0.34.5",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.2.2",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.2",
+    "vite-plugin-dts": "^5.0.2",
+    "vite-plugin-monaco-editor-esm": "^2.0.2",
+    "vite-plugin-solid": "^2.11.12",
+    "vitest": "^4.1.4",
+    "zod": "^4.3.6"
   },
-  "packageManager": "pnpm@10.14.0+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748",
-  "msw": {
-    "workerDirectory": [
-      "public"
-    ]
+  "dependencies": {
+    "@solid-primitives/i18n": "^2.2.1",
+    "solid-js": "^1.9.12",
+    "stdnum": "^1.12.1"
   }
 }

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-export * from './interfaces';
-export * from './utils';

package/dist/index.js

@@ -1,279 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const createChildSite = /* @__PURE__ */ __name((args) => {
-  const {
-    origin,
-    initialRoute = "",
-    mode,
-    autoResize = true,
-    style = {},
-    loadingTimeout
-  } = args;
-  const app = args.window || window;
-  const queryParams = args.queryParams;
-  const iframe = document.createElement("iframe");
-  const state = { mode };
-  const setMode = /* @__PURE__ */ __name((mode2) => {
-    state.mode = mode2;
-    postMessage({
-      type: "SET_IFRAME_MODE",
-      payload: { mode: state.mode }
-    });
-  }, "setMode");
-  const refreshSize = /* @__PURE__ */ __name(() => {
-    postMessage({ type: "REFRESH_SIZE" });
-  }, "refreshSize");
-  const buildIframeSrc = /* @__PURE__ */ __name(() => {
-    let srcUrl;
-    if (initialRoute) {
-      srcUrl = new URL(initialRoute.replace(/^\//, ""), origin);
-    } else {
-      srcUrl = new URL(origin);
-    }
-    for (const [key, value] of Object.entries(queryParams || {})) {
-      if (typeof value === "string") {
-        srcUrl.searchParams.set(key, value);
-      }
-    }
-    return srcUrl;
-  }, "buildIframeSrc");
-  const subscribe = /* @__PURE__ */ __name((callback) => {
-    const handler = /* @__PURE__ */ __name((event) => {
-      if (event.source !== iframe.contentWindow) {
-        return;
-      }
-      callback(event);
-    }, "handler");
-    app.addEventListener("message", handler);
-    return {
-      unsubscribe: /* @__PURE__ */ __name(() => app.removeEventListener("message", handler), "unsubscribe")
-    };
-  }, "subscribe");
-  const initializeChildSite = /* @__PURE__ */ __name(() => {
-    iframe.src = buildIframeSrc().toString();
-    iframe.allow = "camera";
-    if (style.zIndex) iframe.style.zIndex = style.zIndex;
-    iframe.style.width = "100%";
-    iframe.style.height = "100%";
-    iframe.style.border = "none";
-    subscribe((event) => {
-      switch (event.data.type) {
-        case "IFRAME_RESIZE":
-          if (autoResize === false || state.mode === "non-embedded") return;
-          iframe.style.border = "none";
-          iframe.style.height = `${event.data.payload.height}px`;
-          break;
-        case "IFRAME_INITIALIZED":
-          setMode(state.mode);
-          postMessage({
-            type: "IFRAME_RENDERED_ON_PARENT_SITE"
-          });
-          if (loadingTimeout !== void 0) {
-            postMessage({
-              type: "SET_LOADING_TIMEOUT",
-              payload: { loadingTimeout }
-            });
-          }
-          break;
-      }
-    });
-  }, "initializeChildSite");
-  const postMessage = /* @__PURE__ */ __name((message, transfer) => {
-    iframe.contentWindow?.postMessage(message, "*", transfer);
-  }, "postMessage");
-  initializeChildSite();
-  return { iframe, subscribe, postMessage, setMode, refreshSize };
-}, "createChildSite");
-const createOnboardingApp = /* @__PURE__ */ __name((args) => {
-  const queryParams = {};
-  const { inviteToken, ...restArgs } = args;
-  const childApp = createChildSite({
-    ...restArgs,
-    queryParams
-  });
-  let detachedChildApp;
-  let childAppSubscription;
-  let detachedChildAppSubscription;
-  const postMessage = /* @__PURE__ */ __name((message) => {
-    childApp.postMessage(message);
-  }, "postMessage");
-  const subscribe = /* @__PURE__ */ __name((callback) => {
-    return childApp.subscribe(callback);
-  }, "subscribe");
-  const skip = /* @__PURE__ */ __name(() => {
-    postMessage({ type: "SKIP_STAGE" });
-  }, "skip");
-  const next = /* @__PURE__ */ __name(() => {
-    postMessage({ type: "NEXT_STAGE" });
-  }, "next");
-  const prev = /* @__PURE__ */ __name(() => {
-    postMessage({ type: "PREV_STAGE" });
-  }, "prev");
-  const setCustomCss = /* @__PURE__ */ __name((css) => {
-    postMessage({ type: "SET_CUSTOM_CSS", payload: { css } });
-  }, "setCustomCss");
-  const appendDetachedOnboardingApp = /* @__PURE__ */ __name(() => {
-    if (childApp.iframe.contentWindow === null) {
-      console.error(
-        "Failed to initialize detached child app. No iframe content window found."
-      );
-      return;
-    }
-    const id = "detached-onboarding-app";
-    detachedChildApp = createChildSite({
-      ...restArgs,
-      queryParams,
-      initialRoute: "/detached",
-      autoResize: false,
-      style: { zIndex: "99999" }
-    });
-    detachedChildApp.iframe.style.display = "none";
-    detachedChildApp.iframe.style.width = "100%";
-    detachedChildApp.iframe.style.height = "100%";
-    detachedChildApp.iframe.style.position = "fixed";
-    detachedChildApp.iframe.style.top = "0px";
-    detachedChildApp.iframe.style.left = "0px";
-    detachedChildApp.iframe.id = id;
-    document.getElementById(id)?.remove();
-    document.querySelector("body")?.appendChild(detachedChildApp.iframe);
-    detachedChildAppSubscription = detachedChildApp.subscribe(
-      (event) => {
-        if (event.data.type === "DETACHED_EVENT" && detachedChildApp) {
-          const detachedEvent = event.data.payload;
-          switch (detachedEvent.type) {
-            case "SHOW_DETACHED_IFRAME":
-              detachedChildApp.iframe.style.display = "block";
-              break;
-            case "HIDE_DETACHED_IFRAME":
-              detachedChildApp.postMessage(event.data);
-              detachedChildApp.iframe.style.display = "none";
-              break;
-            default:
-              postMessage(event.data);
-              break;
-          }
-        }
-      }
-    );
-  }, "appendDetachedOnboardingApp");
-  const onIframeInitialized = /* @__PURE__ */ __name(() => {
-    childAppSubscription = subscribe(
-      (event) => {
-        if (event.data.type === "IFRAME_INITIALIZED") {
-          postMessage({ type: "INVITE_TOKEN_SENT", payload: { inviteToken } });
-        }
-        if (event.data.type === "DETACHED_EVENT" && detachedChildApp) {
-          detachedChildApp.postMessage(event.data);
-        }
-      }
-    );
-  }, "onIframeInitialized");
-  const cleanupChildApp = /* @__PURE__ */ __name(() => {
-    childAppSubscription?.unsubscribe();
-  }, "cleanupChildApp");
-  const cleanupDetachedApp = /* @__PURE__ */ __name(() => {
-    detachedChildAppSubscription?.unsubscribe();
-    detachedChildApp?.iframe.remove();
-  }, "cleanupDetachedApp");
-  const cleanup = /* @__PURE__ */ __name(() => {
-    cleanupChildApp();
-    cleanupDetachedApp();
-  }, "cleanup");
-  const onIframeLoad = /* @__PURE__ */ __name(() => {
-    appendDetachedOnboardingApp();
-    childApp.iframe.removeEventListener("load", onIframeLoad);
-  }, "onIframeLoad");
-  const run = /* @__PURE__ */ __name(() => {
-    onIframeInitialized();
-    childApp.iframe.addEventListener("load", onIframeLoad);
-  }, "run");
-  run();
-  return {
-    subscribe,
-    setMode: childApp.setMode,
-    setCustomCss,
-    iframe: childApp.iframe,
-    next,
-    prev,
-    skip,
-    refreshSize: childApp.refreshSize,
-    cleanup
-  };
-}, "createOnboardingApp");
-const getURLQueryParams = /* @__PURE__ */ __name(() => {
-  const urlSearchParams = new URLSearchParams(window.location.search);
-  const queryParams = {};
-  urlSearchParams.forEach((value, key) => {
-    queryParams[key] = value;
-  });
-  return queryParams;
-}, "getURLQueryParams");
-const createParentSite = /* @__PURE__ */ __name(() => {
-  const queryParams = getURLQueryParams();
-  const notifyHeight = /* @__PURE__ */ __name(() => {
-    const height = document.body.scrollHeight;
-    postMessage({
-      type: "IFRAME_RESIZE",
-      payload: { height }
-    });
-  }, "notifyHeight");
-  const postMessage = /* @__PURE__ */ __name((message) => {
-    window.parent.postMessage(message, "*");
-  }, "postMessage");
-  const subscribe = /* @__PURE__ */ __name((callback) => {
-    const handler = /* @__PURE__ */ __name((event) => {
-      callback(event);
-    }, "handler");
-    window.addEventListener("message", handler);
-    return {
-      unsubscribe: /* @__PURE__ */ __name(() => window.removeEventListener("message", handler), "unsubscribe")
-    };
-  }, "subscribe");
-  const notifySize = /* @__PURE__ */ __name(() => {
-    notifyHeight();
-  }, "notifySize");
-  const initializeParentSite = /* @__PURE__ */ __name(() => {
-    const observer = new ResizeObserver(notifySize);
-    observer.observe(document.body);
-    subscribe((event) => {
-      switch (event.data.type) {
-        case "SET_IFRAME_MODE":
-          const mode = event.data.payload.mode;
-          document.body.style.overflow = mode === "embedded" ? "hidden" : "auto";
-          break;
-        case "REFRESH_SIZE":
-          notifySize();
-          break;
-      }
-    });
-    postMessage({ type: "IFRAME_INITIALIZED" });
-  }, "initializeParentSite");
-  initializeParentSite();
-  return {
-    notifySize,
-    subscribe,
-    postMessage,
-    queryParams
-  };
-}, "createParentSite");
-const createOnboardingConsumerApp = /* @__PURE__ */ __name(() => {
-  const parentApp = createParentSite();
-  const postMessage = /* @__PURE__ */ __name((message) => {
-    parentApp.postMessage(message);
-  }, "postMessage");
-  const subscribe = /* @__PURE__ */ __name((callback) => {
-    return parentApp.subscribe(callback);
-  }, "subscribe");
-  return {
-    postMessage,
-    subscribe,
-    notifySize: parentApp.notifySize
-  };
-}, "createOnboardingConsumerApp");
-export {
-  createChildSite,
-  createOnboardingApp,
-  createOnboardingConsumerApp,
-  createParentSite
-};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/utils/createChildSite/index.ts","../src/utils/createOnboardingApp/index.ts","../src/utils/getURLQueryParams/index.ts","../src/utils/createParentSite/index.ts","../src/utils/createOnboardingConsumerApp/index.ts"],"sourcesContent":["import type { AnyMessage } from '@/interfaces/AnyMessage';\nimport type { ChildSiteMessage } from '@/interfaces/ChildSiteMessage';\nimport type { IframeMode } from '@/interfaces/IframeMode';\nimport type { IframeQueryParams } from '@/interfaces/IframeQueryParams';\nimport type { ParentSiteMessage } from '@/interfaces/ParentSiteMessage';\n\nexport const createChildSite = (args: {\n  origin: string;\n  initialRoute?: string;\n  queryParams?: IframeQueryParams;\n  window?: Window | null;\n  mode?: IframeMode;\n  loadingTimeout?: number;\n  autoResize?: boolean;\n  style?: { zIndex?: string };\n}) => {\n  const {\n    origin,\n    initialRoute = '',\n    mode,\n    autoResize = true,\n    style = {},\n    loadingTimeout,\n  } = args;\n  const app = args.window || window;\n  const queryParams = args.queryParams;\n  const iframe = document.createElement('iframe');\n  const state = { mode };\n\n  const setMode = (mode: IframeMode) => {\n    state.mode = mode;\n    postMessage<ParentSiteMessage>({\n      type: 'SET_IFRAME_MODE',\n      payload: { mode: state.mode },\n    });\n  };\n\n  const refreshSize = () => {\n    postMessage<ParentSiteMessage>({ type: 'REFRESH_SIZE' });\n  };\n\n  const buildIframeSrc = () => {\n    let srcUrl: URL;\n    if (initialRoute) {\n      srcUrl = new URL(initialRoute.replace(/^\\//, ''), origin);\n    } else {\n      srcUrl = new URL(origin);\n    }\n\n    for (const [key, value] of Object.entries(queryParams || {})) {\n      if (typeof value === 'string') {\n        srcUrl.searchParams.set(key, value);\n      }\n    }\n\n    return srcUrl;\n  };\n\n  const subscribe = <T extends AnyMessage>(\n    callback: (event: MessageEvent<T>) => void,\n  ) => {\n    const handler = (event: MessageEvent<T>) => {\n      if (event.source !== iframe.contentWindow) {\n        return;\n      }\n      callback(event);\n    };\n\n    app.addEventListener('message', handler);\n    return {\n      unsubscribe: () => app.removeEventListener('message', handler),\n    };\n  };\n\n  const initializeChildSite = () => {\n    iframe.src = buildIframeSrc().toString();\n    iframe.allow = 'camera';\n    if (style.zIndex) iframe.style.zIndex = style.zIndex;\n    iframe.style.width = '100%';\n    iframe.style.height = '100%';\n    iframe.style.border = 'none';\n\n    subscribe<ChildSiteMessage>((event) => {\n      switch (event.data.type) {\n        case 'IFRAME_RESIZE':\n          if (autoResize === false || state.mode === 'non-embedded') return;\n          iframe.style.border = 'none';\n          iframe.style.height = `${event.data.payload.height}px`;\n          break;\n        case 'IFRAME_INITIALIZED':\n          setMode(state.mode);\n          postMessage<ParentSiteMessage>({\n            type: 'IFRAME_RENDERED_ON_PARENT_SITE',\n          });\n\n          if (loadingTimeout !== undefined) {\n            postMessage<ParentSiteMessage>({\n              type: 'SET_LOADING_TIMEOUT',\n              payload: { loadingTimeout },\n            });\n          }\n          break;\n      }\n    });\n  };\n\n  const postMessage = <TMessage extends AnyMessage>(\n    message: TMessage,\n    transfer?: Transferable[],\n  ) => {\n    iframe.contentWindow?.postMessage(message, '*', transfer);\n  };\n\n  initializeChildSite();\n\n  return { iframe, subscribe, postMessage, setMode, refreshSize };\n};\n","import type { AnyMessage } from '@/interfaces/AnyMessage';\nimport type { ChildSiteSubscription } from '@/interfaces/ChildSiteSubscription';\nimport type { IframeQueryParams } from '@/interfaces/IframeQueryParams';\nimport type { OnboardingAppMessage } from '@/interfaces/OnboardingAppMessage';\nimport type { OnboardingAppMode } from '@/interfaces/OnboardingAppMode';\nimport type { OnboardingConsumerAppMessage } from '@/interfaces/OnboardingConsumerAppMessage';\nimport { createChildSite } from '@/utils/createChildSite';\n\nexport const createOnboardingApp = (args: {\n  origin: string;\n  inviteToken: string;\n  mode?: OnboardingAppMode;\n  loadingTimeout?: number;\n}) => {\n  const queryParams: IframeQueryParams = {};\n  const { inviteToken, ...restArgs } = args;\n  const childApp = createChildSite({\n    ...restArgs,\n    queryParams,\n  });\n  let detachedChildApp: ReturnType<typeof createChildSite> | undefined;\n  let childAppSubscription: ChildSiteSubscription | undefined;\n  let detachedChildAppSubscription: ChildSiteSubscription | undefined;\n\n  const postMessage = (message: OnboardingConsumerAppMessage) => {\n    childApp.postMessage(message as unknown as AnyMessage);\n  };\n\n  const subscribe = (\n    callback: (event: MessageEvent<OnboardingAppMessage>) => void,\n  ) => {\n    return childApp.subscribe(callback);\n  };\n\n  const skip = () => {\n    postMessage({ type: 'SKIP_STAGE' });\n  };\n\n  const next = () => {\n    postMessage({ type: 'NEXT_STAGE' });\n  };\n\n  const prev = () => {\n    postMessage({ type: 'PREV_STAGE' });\n  };\n\n  const setCustomCss = (css: string) => {\n    postMessage({ type: 'SET_CUSTOM_CSS', payload: { css } });\n  };\n\n  const appendDetachedOnboardingApp = () => {\n    if (childApp.iframe.contentWindow === null) {\n      console.error(\n        'Failed to initialize detached child app. No iframe content window found.',\n      );\n      return;\n    }\n\n    const id = 'detached-onboarding-app';\n    detachedChildApp = createChildSite({\n      ...restArgs,\n      queryParams,\n      initialRoute: '/detached',\n      autoResize: false,\n      style: { zIndex: '99999' },\n    });\n\n    detachedChildApp.iframe.style.display = 'none';\n    detachedChildApp.iframe.style.width = '100%';\n    detachedChildApp.iframe.style.height = '100%';\n    detachedChildApp.iframe.style.position = 'fixed';\n    detachedChildApp.iframe.style.top = '0px';\n    detachedChildApp.iframe.style.left = '0px';\n    detachedChildApp.iframe.id = id;\n    document.getElementById(id)?.remove();\n    document.querySelector('body')?.appendChild(detachedChildApp.iframe);\n\n    detachedChildAppSubscription = detachedChildApp.subscribe(\n      (event: MessageEvent<OnboardingAppMessage>) => {\n        if (event.data.type === 'DETACHED_EVENT' && detachedChildApp) {\n          const detachedEvent = event.data.payload;\n          switch (detachedEvent.type) {\n            case 'SHOW_DETACHED_IFRAME':\n              detachedChildApp.iframe.style.display = 'block';\n              break;\n            case 'HIDE_DETACHED_IFRAME':\n              detachedChildApp.postMessage(event.data);\n              detachedChildApp.iframe.style.display = 'none';\n              break;\n            default:\n              postMessage(event.data);\n              break;\n          }\n        }\n      },\n    );\n  };\n\n  const onIframeInitialized = () => {\n    childAppSubscription = subscribe(\n      (event: MessageEvent<OnboardingAppMessage>) => {\n        if (event.data.type === 'IFRAME_INITIALIZED') {\n          postMessage({ type: 'INVITE_TOKEN_SENT', payload: { inviteToken } });\n        }\n\n        if (event.data.type === 'DETACHED_EVENT' && detachedChildApp) {\n          detachedChildApp.postMessage(event.data);\n        }\n      },\n    );\n  };\n\n  const cleanupChildApp = () => {\n    childAppSubscription?.unsubscribe();\n  };\n\n  const cleanupDetachedApp = () => {\n    detachedChildAppSubscription?.unsubscribe();\n    detachedChildApp?.iframe.remove();\n  };\n\n  const cleanup = () => {\n    cleanupChildApp();\n    cleanupDetachedApp();\n  };\n\n  const onIframeLoad = () => {\n    appendDetachedOnboardingApp();\n    childApp.iframe.removeEventListener('load', onIframeLoad);\n  };\n\n  const run = () => {\n    onIframeInitialized();\n    childApp.iframe.addEventListener('load', onIframeLoad);\n  };\n\n  run();\n\n  return {\n    subscribe,\n    setMode: childApp.setMode,\n    setCustomCss,\n    iframe: childApp.iframe,\n    next,\n    prev,\n    skip,\n    refreshSize: childApp.refreshSize,\n    cleanup,\n  };\n};\n","import type { QueryParams } from '@/interfaces/QueryParams';\n\nexport const getURLQueryParams = <T extends QueryParams>() => {\n  const urlSearchParams = new URLSearchParams(window.location.search);\n  const queryParams: QueryParams = {};\n  urlSearchParams.forEach((value, key) => {\n    queryParams[key] = value;\n  });\n\n  return queryParams as T;\n};\n","import type { AnyMessage } from '@/interfaces/AnyMessage';\nimport type { ChildSiteMessage } from '@/interfaces/ChildSiteMessage';\nimport type { IframeMode } from '@/interfaces/IframeMode';\nimport type { IframeQueryParams } from '@/interfaces/IframeQueryParams';\nimport { getURLQueryParams } from '@/utils/getURLQueryParams';\n\nexport const createParentSite = () => {\n  const queryParams = getURLQueryParams<IframeQueryParams>();\n\n  const notifyHeight = () => {\n    const height = document.body.scrollHeight;\n    postMessage<ChildSiteMessage>({\n      type: 'IFRAME_RESIZE',\n      payload: { height },\n    });\n  };\n\n  const postMessage = <TMessage extends AnyMessage>(message: TMessage) => {\n    window.parent.postMessage(message, '*');\n  };\n\n  const subscribe = <T extends AnyMessage>(\n    callback: (event: MessageEvent<T>) => void\n  ) => {\n    const handler = (event: MessageEvent<T>) => {\n      callback(event);\n    };\n\n    window.addEventListener('message', handler);\n    return {\n      unsubscribe: () => window.removeEventListener('message', handler),\n    };\n  };\n\n  const notifySize = () => {\n    notifyHeight();\n  };\n\n  const initializeParentSite = () => {\n    const observer = new ResizeObserver(notifySize);\n    observer.observe(document.body);\n\n    subscribe((event) => {\n      switch (event.data.type) {\n        case 'SET_IFRAME_MODE':\n          const mode = event.data.payload.mode as IframeMode;\n          document.body.style.overflow =\n            mode === 'embedded' ? 'hidden' : 'auto';\n          break;\n        case 'REFRESH_SIZE':\n          notifySize();\n          break;\n        default:\n          break;\n      }\n    });\n\n    postMessage<ChildSiteMessage>({ type: 'IFRAME_INITIALIZED' });\n  };\n\n  initializeParentSite();\n\n  return {\n    notifySize,\n    subscribe,\n    postMessage,\n    queryParams,\n  };\n};\n","import type { OnboardingAppMessage } from '@/interfaces/OnboardingAppMessage';\nimport type { OnboardingConsumerAppMessage } from '@/interfaces/OnboardingConsumerAppMessage';\nimport { createParentSite } from '@/utils/createParentSite';\n\nexport const createOnboardingConsumerApp = () => {\n  const parentApp = createParentSite();\n\n  const postMessage = (message: OnboardingAppMessage) => {\n    parentApp.postMessage(message);\n  };\n\n  const subscribe = (\n    callback: (event: MessageEvent<OnboardingConsumerAppMessage>) => void\n  ) => {\n    return parentApp.subscribe(callback);\n  };\n\n  return {\n    postMessage,\n    subscribe,\n    notifySize: parentApp.notifySize,\n  };\n};\n"],"names":["mode"],"mappings":"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"}

package/dist/interfaces/AnyMessage.d.ts

@@ -1,4 +0,0 @@
-export type AnyMessage = {
-    type: string;
-    payload?: any;
-};

package/dist/interfaces/ChildSite.d.ts

@@ -1,2 +0,0 @@
-import { createChildSite } from '../utils/createChildSite';
-export type ChildSite = ReturnType<typeof createChildSite>;

package/dist/interfaces/ChildSiteMessage.d.ts

@@ -1,8 +0,0 @@
-export type ChildSiteMessage = {
-    type: 'IFRAME_RESIZE';
-    payload: {
-        height: number;
-    };
-} | {
-    type: 'IFRAME_INITIALIZED';
-};

package/dist/interfaces/ChildSiteSubscription.d.ts

@@ -1,2 +0,0 @@
-import { ChildSite } from './ChildSite';
-export type ChildSiteSubscription = ReturnType<ChildSite['subscribe']>;

package/dist/interfaces/DetachedEvent.d.ts

@@ -1,73 +0,0 @@
-export type DetachedEvent = {
-    type: 'PLAID_CONNECT';
-    payload: {
-        token: string | null;
-    };
-} | {
-    type: 'PLAID_IDV_CONNECT';
-    payload: {
-        token: string | null;
-    };
-} | {
-    type: 'OPEN_MANUAL_BANKING_ACCOUNT_MODAL';
-    payload?: {
-        /** Account is present if editing an existing account, otherwise modal is adding a new account */
-        account?: {
-            id: string;
-            bank_account: string;
-            routing_number: string;
-            subtype: string;
-            account_holder_type?: string;
-            account_holder_name?: string;
-        };
-    };
-} | {
-    /** Fired by detached modal when user clicks submit button to pass form data to main iframe */
-    type: 'SUBMIT_MANUAL_BANKING_ACCOUNT_MODAL';
-    payload: {
-        account: {
-            accountId?: string;
-            accountNumber: string;
-            routingNumber: string;
-            accountType?: string;
-            accountHolderType?: string | null;
-            accountHolderName?: string | null;
-            isProcessorOrchestrationEnabled?: boolean;
-        };
-    };
-} | {
-    /** Fired by main iframe when add/update account API has completed (success or error) so detached modal can close. */
-    type: 'MANUAL_BANKING_ACCOUNT_MODAL_SUBMIT_COMPLETE';
-} | {
-    type: 'OPEN_CONFIRMATION_MODAL';
-    payload: {
-        key?: string;
-        modal_config?: {
-            title?: string;
-            description?: string;
-            buttonText?: string;
-            type?: 'success' | 'warning' | 'danger' | 'dark';
-        };
-    };
-} | {
-    type: 'SUBMIT_CONFIRMATION_MODAL';
-    payload: {
-        key?: string;
-    };
-} | {
-    type: 'IDENTITY_VERIFICATION_PASS_SESSION';
-} | {
-    type: 'IDENTITY_VERIFICATION_FAIL_SESSION';
-} | {
-    type: 'PLAID_LINK_SUCCESS';
-    payload: {
-        key: string;
-        meta: any;
-    };
-} | {
-    type: 'SHOW_DETACHED_IFRAME';
-} | {
-    type: 'HIDE_DETACHED_IFRAME';
-} | {
-    type: 'DETACHED_IFRAME_READY';
-};

package/dist/interfaces/IframeMode.d.ts

@@ -1 +0,0 @@
-export type IframeMode = 'embedded' | 'non-embedded' | undefined;

package/dist/interfaces/IframeQueryParams.d.ts

@@ -1 +0,0 @@
-export type IframeQueryParams = {};

package/dist/interfaces/OnboardingApp.d.ts

@@ -1,2 +0,0 @@
-import { createOnboardingApp } from '../utils/createOnboardingApp';
-export type OnboardingApp = ReturnType<typeof createOnboardingApp>;

package/dist/interfaces/OnboardingAppAppSubscription.d.ts

@@ -1,2 +0,0 @@
-import { OnboardingConsumerApp } from './OnboardingConsumerApp';
-export type OnboardingConsumerAppSubscription = ReturnType<OnboardingConsumerApp['subscribe']>;

package/dist/interfaces/OnboardingAppMessage.d.ts

@@ -1,39 +0,0 @@
-import { ChildSiteMessage } from './ChildSiteMessage';
-import { DetachedEvent } from './DetachedEvent';
-import { StageNavigation } from './StageNavigation';
-export type OnboardingAppMessage = {
-    type: 'ROUTE_URL';
-    payload: {
-        url: string;
-    };
-} | {
-    type: 'AUTHENTICATING';
-} | {
-    type: 'RESTARTING';
-} | {
-    type: 'AUTHENTICATION_SUCCESS';
-} | {
-    type: 'AUTHENTICATION_STATUS';
-    payload: {
-        isAuthenticated: boolean;
-    };
-} | {
-    type: 'ONBOARDING_STARTED';
-} | {
-    type: 'DETACHED_EVENT';
-    payload: DetachedEvent;
-} | {
-    type: 'ERROR';
-    payload: {
-        error: {
-            message: string;
-        };
-    };
-} | {
-    type: 'STAGE_NAVIGATION';
-    payload: {
-        stageNavigation: StageNavigation;
-    };
-} | {
-    type: 'LOADING_TIMED_OUT';
-} | ChildSiteMessage;

package/dist/interfaces/OnboardingAppMode.d.ts

@@ -1,2 +0,0 @@
-import { IframeMode } from './IframeMode';
-export type OnboardingAppMode = IframeMode;

package/dist/interfaces/OnboardingAppSubscription.d.ts

@@ -1,2 +0,0 @@
-import { OnboardingApp } from './OnboardingApp';
-export type OnboardingAppSubscription = ReturnType<OnboardingApp['subscribe']>;

package/dist/interfaces/OnboardingConsumerApp.d.ts

@@ -1,2 +0,0 @@
-import { createOnboardingConsumerApp } from '../utils/createOnboardingConsumerApp';
-export type OnboardingConsumerApp = ReturnType<typeof createOnboardingConsumerApp>;

package/dist/interfaces/OnboardingConsumerAppMessage.d.ts

@@ -1,17 +0,0 @@
-import { ParentSiteMessage } from './ParentSiteMessage';
-import { DetachedEvent } from './DetachedEvent';
-export type OnboardingConsumerAppMessage = {
-    type: 'NEXT_STAGE';
-} | {
-    type: 'PREV_STAGE';
-} | {
-    type: 'SKIP_STAGE';
-} | {
-    type: 'DETACHED_EVENT';
-    payload: DetachedEvent;
-} | {
-    type: 'INVITE_TOKEN_SENT';
-    payload: {
-        inviteToken: string;
-    };
-} | ParentSiteMessage;

package/dist/interfaces/ParentSite.d.ts

@@ -1,2 +0,0 @@
-import { createParentSite } from '../utils/createParentSite';
-export type ParentSite = ReturnType<typeof createParentSite>;