@incodetech/web 2.0.0-alpha.6 → 2.0.0-alpha.8

package/dist/flow/flow.es.js

@@ -1,557 +1,557 @@
-import { b as K, u as i, L as W, S as R, B as q, c as _, a as V } from "../preact-custom-element.esm-BGQkPkOv.js";
-import { getRequiredWasmPipelines as N, createOrchestratedFlowManager as Y } from "@incodetech/core/flow";
-import { k as $, A as U, d as k, y as v } from "../vendor-preact-CK0WeTOR.js";
+import { c as D, u as a, L as W, S as E, B as j, r as H, a as B } from "../incodeModule-Dv8Qllrv.js";
+import { createOrchestratedFlowManager as O, getRequiredWasmPipelines as R } from "@incodetech/core/flow";
+import { k as F, A as I, d as x, y as M } from "../vendor-preact-CK0WeTOR.js";
 import "../instance-B-q0ZREN.js";
-import { T as Z, u as A } from "../title-XSxhaBDx.js";
-import { api as D, warmupWasm as G } from "@incodetech/core";
-import { emailMachine as J } from "@incodetech/core/email";
-import { phoneMachine as Q } from "@incodetech/core/phone";
-import { selfieMachine as X } from "@incodetech/core/selfie";
-import { s as ee } from "../setup-wNL83jmW.js";
-import { s as F } from "../uiConfig-CQ1W9cUD.js";
-const te = {
+import { T as K, u as $ } from "../title-BfO5Dlzk.js";
+import { api as z, warmupWasm as q } from "@incodetech/core";
+import { emailMachine as _ } from "@incodetech/core/email";
+import { phoneMachine as V } from "@incodetech/core/phone";
+import { selfieMachine as Y } from "@incodetech/core/selfie";
+import { s as Z } from "../setup-wNL83jmW.js";
+import { s as y } from "../uiConfig-CQ1W9cUD.js";
+const G = {
   small: 24,
   medium: 48,
   large: 64
-}, E = ({
-  title: t,
-  subtitle: e,
-  size: o = "medium",
+}, b = ({
+  title: e,
+  subtitle: t,
+  size: n = "medium",
   fullScreen: s = !0,
-  className: l
+  className: i
 }) => {
-  const c = te[o], r = K(
+  const r = G[n], o = D(
     "IncodeSpinner",
     s && "IncodeSpinnerFullScreen",
-    l
+    i
   );
-  return /* @__PURE__ */ i("div", { class: r, children: /* @__PURE__ */ i("div", { class: "IncodeSpinnerContent", children: [
-    /* @__PURE__ */ i(W, { size: c }),
-    (t || e) && /* @__PURE__ */ i($, { children: [
-      /* @__PURE__ */ i(R, { size: 16 }),
-      /* @__PURE__ */ i("div", { class: "IncodeSpinnerText", children: [
-        t && /* @__PURE__ */ i(Z, { className: "IncodeSpinnerTitle", children: t }),
-        e && /* @__PURE__ */ i($, { children: [
-          t && /* @__PURE__ */ i(R, { size: 12 }),
-          /* @__PURE__ */ i("p", { class: "IncodeSpinnerSubtitle", children: e })
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      class: o,
+      "data-testid": "spinner",
+      "data-title": e,
+      "data-subtitle": t,
+      "data-size": n,
+      children: /* @__PURE__ */ a("div", { class: "IncodeSpinnerContent", children: [
+        /* @__PURE__ */ a(W, { size: r }),
+        (e || t) && /* @__PURE__ */ a(F, { children: [
+          /* @__PURE__ */ a(E, { size: 16 }),
+          /* @__PURE__ */ a("div", { class: "IncodeSpinnerText", children: [
+            e && /* @__PURE__ */ a(K, { className: "IncodeSpinnerTitle", children: e }),
+            t && /* @__PURE__ */ a(F, { children: [
+              e && /* @__PURE__ */ a(E, { size: 12 }),
+              /* @__PURE__ */ a("p", { class: "IncodeSpinnerSubtitle", children: t })
+            ] })
+          ] })
         ] })
       ] })
-    ] })
-  ] }) });
+    }
+  );
 };
-function re(t) {
-  let e = t.replace("#", "");
-  e.length === 3 && (e = e.split("").map((d) => d + d).join(""));
-  const o = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
-  if (!o) return null;
-  const s = Number.parseInt(o[1], 16) / 255, l = Number.parseInt(o[2], 16) / 255, c = Number.parseInt(o[3], 16) / 255, r = Math.max(s, l, c), u = Math.min(s, l, c);
-  let f = 0, m = 0;
-  const a = (r + u) / 2;
-  if (r !== u) {
-    const d = r - u;
-    switch (m = a > 0.5 ? d / (2 - r - u) : d / (r + u), r) {
+function J(e) {
+  let t = e.replace("#", "");
+  t.length === 3 && (t = t.split("").map((d) => d + d).join(""));
+  const n = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+  if (!n) return null;
+  const s = Number.parseInt(n[1], 16) / 255, i = Number.parseInt(n[2], 16) / 255, r = Number.parseInt(n[3], 16) / 255, o = Math.max(s, i, r), c = Math.min(s, i, r);
+  let l = 0, p = 0;
+  const u = (o + c) / 2;
+  if (o !== c) {
+    const d = o - c;
+    switch (p = u > 0.5 ? d / (2 - o - c) : d / (o + c), o) {
       case s:
-        f = ((l - c) / d + (l < c ? 6 : 0)) / 6;
+        l = ((i - r) / d + (i < r ? 6 : 0)) / 6;
         break;
-      case l:
-        f = ((c - s) / d + 2) / 6;
+      case i:
+        l = ((r - s) / d + 2) / 6;
         break;
-      case c:
-        f = ((s - l) / d + 4) / 6;
+      case r:
+        l = ((s - i) / d + 4) / 6;
         break;
     }
   }
-  return { h: f * 360, s: m * 100, l: a * 100 };
+  return { h: l * 360, s: p * 100, l: u * 100 };
 }
-function I(t, e, o) {
-  const s = t / 360, l = e / 100, c = o / 100;
-  let r, u, f;
-  if (l === 0)
-    r = u = f = c;
+function w(e, t, n) {
+  const s = e / 360, i = t / 100, r = n / 100;
+  let o, c, l;
+  if (i === 0)
+    o = c = l = r;
   else {
-    const a = (n, g, p) => (p < 0 && (p += 1), p > 1 && (p -= 1), p < 0.16666666666666666 ? n + (g - n) * 6 * p : p < 0.5 ? g : p < 0.6666666666666666 ? n + (g - n) * (0.6666666666666666 - p) * 6 : n), d = c < 0.5 ? c * (1 + l) : c + l - c * l, h = 2 * c - d;
-    r = a(h, d, s + 1 / 3), u = a(h, d, s), f = a(h, d, s - 1 / 3);
+    const u = (h, C, m) => (m < 0 && (m += 1), m > 1 && (m -= 1), m < 0.16666666666666666 ? h + (C - h) * 6 * m : m < 0.5 ? C : m < 0.6666666666666666 ? h + (C - h) * (0.6666666666666666 - m) * 6 : h), d = r < 0.5 ? r * (1 + i) : r + i - r * i, f = 2 * r - d;
+    o = u(f, d, s + 1 / 3), c = u(f, d, s), l = u(f, d, s - 1 / 3);
   }
-  const m = (a) => {
-    const d = Math.round(a * 255).toString(16);
+  const p = (u) => {
+    const d = Math.round(u * 255).toString(16);
     return d.length === 1 ? `0${d}` : d;
   };
-  return `#${m(r)}${m(u)}${m(f)}`;
+  return `#${p(o)}${p(c)}${p(l)}`;
 }
-function oe(t) {
-  const e = re(t);
-  if (!e)
-    throw new Error(`Invalid color format: ${t}`);
+function Q(e) {
+  const t = J(e);
+  if (!t)
+    throw new Error(`Invalid color format: ${e}`);
   return {
-    50: I(e.h, e.s, 95),
-    200: I(e.h, e.s, 80),
-    300: I(e.h, e.s, 65),
-    400: I(e.h, e.s, Math.min(100, e.l + 10)),
-    500: t,
-    600: I(e.h, e.s, Math.max(0, e.l - 10)),
-    900: I(e.h, e.s, 20)
+    50: w(t.h, t.s, 95),
+    200: w(t.h, t.s, 80),
+    300: w(t.h, t.s, 65),
+    400: w(t.h, t.s, Math.min(100, t.l + 10)),
+    500: e,
+    600: w(t.h, t.s, Math.max(0, t.l - 10)),
+    900: w(t.h, t.s, 20)
   };
 }
-function ne(t, e) {
+function X(e, t) {
   if (typeof document > "u")
     return;
-  const o = oe(t);
+  const n = Q(e);
   let s = document.getElementById(
     "incode-theme"
   );
   s || (s = document.createElement("style"), s.id = "incode-theme", document.head.appendChild(s));
-  const l = e || "#ffffff", c = `
+  const i = t || "#ffffff", r = `
     :root,
     :host {
-      --primitive-color-brand-50: ${o[50]};
-      --primitive-color-brand-200: ${o[200]};
-      --primitive-color-brand-300: ${o[300]};
-      --primitive-color-brand-400: ${o[400]};
-      --primitive-color-brand-500: ${o[500]};
-      --primitive-color-brand-600: ${o[600]};
-      --primitive-color-brand-900: ${o[900]};
-      --button-primary-text-default: ${l};
+      --primitive-color-brand-50: ${n[50]};
+      --primitive-color-brand-200: ${n[200]};
+      --primitive-color-brand-300: ${n[300]};
+      --primitive-color-brand-400: ${n[400]};
+      --primitive-color-brand-500: ${n[500]};
+      --primitive-color-brand-600: ${n[600]};
+      --primitive-color-brand-900: ${n[900]};
+      --button-primary-text-default: ${i};
     }
   `;
-  s.textContent = c;
+  s.textContent = r;
 }
-async function se() {
-  return (await D.get("/omni/asset/fetch-all")).data;
+async function ee() {
+  return (await z.get("/omni/asset/fetch-all")).data;
 }
-const z = /* @__PURE__ */ new Map();
-async function ae(t) {
-  if (t.startsWith("data:"))
-    return t;
-  const e = z.get(t);
-  if (e)
+const L = /* @__PURE__ */ new Map();
+async function te(e) {
+  if (e.startsWith("data:"))
     return e;
-  const s = await (await fetch(t)).blob(), l = await new Promise((c, r) => {
-    const u = new FileReader();
-    u.onloadend = () => c(u.result), u.onerror = r, u.readAsDataURL(s);
+  const t = L.get(e);
+  if (t)
+    return t;
+  const s = await (await fetch(e)).blob(), i = await new Promise((r, o) => {
+    const c = new FileReader();
+    c.onloadend = () => r(c.result), c.onerror = o, c.readAsDataURL(s);
   });
-  return z.set(t, l), l;
+  return L.set(e, i), i;
 }
-async function ie() {
-  const t = await se();
-  if (!t.theme)
+async function re() {
+  const e = await ee();
+  if (!e.theme)
     throw new Error("Theme URL not found in assets response");
-  const e = t.theme, o = e.startsWith("http://") || e.startsWith("https://");
+  const t = e.theme, n = t.startsWith("http://") || t.startsWith("https://");
   let s;
-  if (o) {
-    const r = await fetch(e);
-    if (!r.ok)
-      throw new Error(`Failed to fetch theme: ${r.statusText}`);
-    s = await r.json();
+  if (n) {
+    const o = await fetch(t);
+    if (!o.ok)
+      throw new Error(`Failed to fetch theme: ${o.statusText}`);
+    s = await o.json();
   } else
-    s = (await D.get(e)).data;
-  const l = t["logo.png"] || t["logo.svg"] || t["logo.jpg"] || t["logo.jpeg"] || t["logo.webp"] || s.logo;
-  let c = l;
-  return l && (c = await ae(l)), {
+    s = (await z.get(t)).data;
+  const i = e["logo.png"] || e["logo.svg"] || e["logo.jpg"] || e["logo.jpeg"] || e["logo.webp"] || s.logo;
+  let r = i;
+  return i && (r = await te(i)), {
     ...s,
-    logo: c
+    logo: r
   };
 }
-async function le() {
-  const t = await ie();
-  return t.main && ne(t.main, t.buttonColor), t;
+async function ne() {
+  const e = await re();
+  return e.main && X(e.main, e.buttonColor), e;
 }
-const L = {
-  PHONE: () => import("../phone/phone.es.js").then((t) => t.Phone),
-  EMAIL: () => import("../email/email.es.js").then((t) => t.Email),
-  SELFIE: () => import("../selfie/selfie.es.js").then((t) => t.Selfie)
+const S = {
+  PHONE: () => import("../phone/phone.es.js").then((e) => e.Phone),
+  EMAIL: () => import("../email/email.es.js").then((e) => e.Email),
+  SELFIE: () => import("../selfie/selfie.es.js").then((e) => e.Selfie)
 };
-function j() {
-  return Y({
+function T() {
+  return O({
     modules: {
-      PHONE: Q,
-      EMAIL: J,
-      SELFIE: X
+      PHONE: V,
+      EMAIL: _,
+      SELFIE: Y
     }
   });
 }
-async function H(t) {
-  await ee({
-    apiURL: t.apiURL,
-    token: t.token,
-    i18n: { lang: t.lang ?? "en" }
+async function N(e) {
+  await Z({
+    apiURL: e.apiURL,
+    token: e.token,
+    i18n: { lang: e.lang ?? "en" }
   });
 }
-async function B() {
+async function k() {
   try {
-    const t = await le(), e = {
-      logoSrc: t.logo,
-      hideFooterBranding: t.hideFooterBranding
+    const e = await ne(), t = {
+      logoSrc: e.logo,
+      hideFooterBranding: e.hideFooterBranding
     };
-    return F(e), { theme: t, uiConfig: e };
-  } catch (t) {
-    return console.warn("Failed to fetch dashboard theme:", t), {};
+    return y(t), { theme: e, uiConfig: t };
+  } catch (e) {
+    return console.warn("Failed to fetch dashboard theme:", e), {};
   }
 }
-function O(t, e) {
-  const o = N(t.flow);
-  o.length > 0 && G({
-    ...e,
-    pipelines: o
+function A(e, t) {
+  const n = R(e.flow);
+  n.length > 0 && q({
+    ...t,
+    pipelines: n
   }).catch((s) => {
     console.error("WASM warmup failed:", s);
   });
 }
-function ce(t) {
-  const e = t.currentStep;
-  if (e) {
-    const o = L[e];
-    o && o().catch(() => {
+function oe(e) {
+  const t = e.currentStep;
+  if (t) {
+    const n = S[t];
+    n && n().catch(() => {
     });
   }
 }
-const de = ({
-  moduleKey: t,
-  onNext: e
+const se = ({
+  moduleKey: e,
+  onNext: t
 }) => {
-  const { t: o } = A();
-  return /* @__PURE__ */ i("section", { class: "IncodeUnsupportedModule", "aria-live": "polite", children: /* @__PURE__ */ i("div", { class: "IncodeUnsupportedModuleContent", children: [
-    /* @__PURE__ */ i("h2", { class: "IncodeUnsupportedModuleTitle", children: o("unsupportedModule.title", "Module not available") }),
-    /* @__PURE__ */ i("p", { class: "IncodeUnsupportedModuleMessage", children: o(
+  const { t: n } = $();
+  return /* @__PURE__ */ a("section", { class: "IncodeUnsupportedModule", "aria-live": "polite", children: /* @__PURE__ */ a("div", { class: "IncodeUnsupportedModuleContent", children: [
+    /* @__PURE__ */ a("h2", { class: "IncodeUnsupportedModuleTitle", children: n("unsupportedModule.title", "Module not available") }),
+    /* @__PURE__ */ a("p", { class: "IncodeUnsupportedModuleMessage", children: n(
       "unsupportedModule.message",
-      `The "${t}" module is not yet supported in this version.`
+      `The "${e}" module is not yet supported in this version.`
     ) }),
-    /* @__PURE__ */ i(
-      q,
+    /* @__PURE__ */ a(
+      j,
       {
-        onClick: e,
+        onClick: t,
         class: "IncodeUnsupportedModuleButton",
         "data-testid": "unsupported-module-next-button",
-        children: o("unsupportedModule.next", "Next")
+        children: n("unsupportedModule.next", "Next")
       }
     )
   ] }) });
-}, y = /* @__PURE__ */ new Map();
-function C(t) {
-  const e = y.get(t);
-  if (!e)
+}, g = /* @__PURE__ */ new Map();
+function U(e) {
+  const t = g.get(e);
+  if (!t)
     throw new Error("Preload state not found");
   return {
     get isReady() {
-      return e.status === "ready";
+      return t.status === "ready";
     },
     get error() {
-      return e.status === "error" ? e.error ?? null : null;
+      return t.status === "error" ? t.error ?? null : null;
     },
     async waitUntilReady() {
-      if (e.status !== "ready") {
-        if (e.status === "error")
-          throw new Error(e.error ?? "Preload failed");
-        return e.readyPromise;
+      if (t.status !== "ready") {
+        if (t.status === "error")
+          throw new Error(t.error ?? "Preload failed");
+        return t.readyPromise;
       }
     },
     cancel() {
-      e.status === "loading" && (e.unsubscribe && e.unsubscribe(), e.flowManager.stop(), e.readyReject(new Error("Preload cancelled")), y.delete(t));
+      t.status === "loading" && (t.unsubscribe && t.unsubscribe(), t.flowManager.stop(), t.readyReject(new Error("Preload cancelled")), g.delete(e));
     }
   };
 }
-function Ue(t) {
-  const { token: e } = t;
-  if (y.has(e))
-    return C(e);
-  let o, s;
-  const l = new Promise((f, m) => {
-    o = f, s = m;
-  }), c = j(), r = {
+function Ie(e) {
+  const { token: t } = e;
+  if (g.has(t))
+    return U(t);
+  let n, s;
+  const i = new Promise((l, p) => {
+    n = l, s = p;
+  }), r = T(), o = {
     status: "loading",
-    flowManager: c,
-    config: t,
-    readyPromise: l,
-    readyResolve: o,
+    flowManager: r,
+    config: e,
+    readyPromise: i,
+    readyResolve: n,
     readyReject: s
   };
-  return y.set(e, r), (async () => {
+  return g.set(t, o), (async () => {
     try {
-      await H({
-        apiURL: t.apiURL,
-        token: t.token,
-        lang: t.lang
+      await N({
+        apiURL: e.apiURL,
+        token: e.token,
+        lang: e.lang
       });
-      const f = t.disableDashboardTheme ? Promise.resolve({}) : B().then((a) => {
-        r.theme = a.theme, r.uiConfig = a.uiConfig;
-      }), m = c.subscribe((a) => {
-        if (a.status === "ready") {
-          const d = a;
-          t.wasmConfig && O(d, t.wasmConfig), ce(d), r.unsubscribe?.(), r.unsubscribe = void 0, r.status = "ready", r.readyResolve();
-        } else a.status === "error" && (r.unsubscribe?.(), r.unsubscribe = void 0, r.status = "error", r.error = a.error, r.readyReject(new Error(a.error)));
+      const l = e.disableDashboardTheme ? Promise.resolve({}) : k().then((u) => {
+        o.theme = u.theme, o.uiConfig = u.uiConfig;
+      }), p = r.subscribe((u) => {
+        if (u.status === "ready") {
+          const d = u;
+          e.wasmConfig && A(d, e.wasmConfig), oe(d), o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "ready", o.readyResolve();
+        } else u.status === "error" && (o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "error", o.error = u.error, o.readyReject(new Error(u.error)));
       });
-      r.unsubscribe = m, c.load(), await f;
-    } catch (f) {
-      r.status = "error", r.error = f instanceof Error ? f.message : "Failed to preload", r.readyReject(
-        f instanceof Error ? f : new Error("Failed to preload")
-      ), y.delete(e);
+      o.unsubscribe = p, r.load(), await l;
+    } catch (l) {
+      o.status = "error", o.error = l instanceof Error ? l.message : "Failed to preload", o.readyReject(
+        l instanceof Error ? l : new Error("Failed to preload")
+      ), g.delete(t);
     }
-  })(), C(e);
+  })(), U(t);
 }
-function x(t) {
-  return y.get(t) ?? null;
+function v(e) {
+  return g.get(e) ?? null;
 }
-function T(t) {
-  const e = x(t);
-  return e && y.delete(t), e;
+function P(e) {
+  const t = v(e);
+  return t && g.delete(e), t;
 }
-function ue(t) {
-  const { apiURL: e, token: o, lang: s, disableDashboardTheme: l, onError: c } = t, r = U(null), [u, f] = k(() => {
-    const a = x(o);
-    if (a?.status === "ready") {
-      const h = T(o);
-      if (h)
-        return r.current = h.flowManager, h.uiConfig && F(h.uiConfig), { status: "ready", flowManager: h.flowManager };
+function ae(e) {
+  const { apiURL: t, token: n, lang: s, disableDashboardTheme: i, onError: r } = e, o = I(null), [c, l] = x(() => {
+    const u = v(n);
+    if (u?.status === "ready") {
+      const f = P(n);
+      if (f)
+        return o.current = f.flowManager, f.uiConfig && y(f.uiConfig), { status: "ready", flowManager: f.flowManager };
     }
-    const d = j();
-    return r.current = d, a?.status === "error" ? {
+    const d = T();
+    return o.current = d, u?.status === "error" ? {
       status: "error",
-      error: a.error ?? "Preload failed",
+      error: u.error ?? "Preload failed",
       flowManager: d
     } : { status: "initializing", flowManager: d };
-  }), m = U(!1);
-  return v(() => {
-    if (u.status !== "initializing")
+  }), p = I(!1);
+  return M(() => {
+    if (c.status !== "initializing")
       return;
-    const a = x(o);
-    if (a?.status === "loading") {
-      a.readyPromise.then(() => {
-        const h = T(o);
-        h && (r.current = h.flowManager, h.uiConfig && F(h.uiConfig), f({ status: "ready", flowManager: h.flowManager }));
-      }).catch((h) => {
-        const n = h instanceof Error ? h.message : "Preload failed";
-        f({
+    const u = v(n);
+    if (u?.status === "loading") {
+      u.readyPromise.then(() => {
+        const f = P(n);
+        f && (o.current = f.flowManager, f.uiConfig && y(f.uiConfig), l({ status: "ready", flowManager: f.flowManager }));
+      }).catch((f) => {
+        const h = f instanceof Error ? f.message : "Preload failed";
+        l({
           status: "error",
-          error: n,
-          flowManager: u.flowManager
-        }), c?.(n);
+          error: h,
+          flowManager: c.flowManager
+        }), r?.(h);
       });
       return;
     }
-    if (m.current)
+    if (p.current)
       return;
-    m.current = !0, (async () => {
+    p.current = !0, (async () => {
       try {
-        await H({ apiURL: e, token: o, lang: s });
-        const h = l ? Promise.resolve() : B().then((n) => {
-          n.uiConfig && F(n.uiConfig);
+        await N({ apiURL: t, token: n, lang: s });
+        const f = i ? Promise.resolve() : k().then((h) => {
+          h.uiConfig && y(h.uiConfig);
         });
-        u.flowManager.load(), await h, f({ status: "ready", flowManager: u.flowManager });
-      } catch (h) {
-        const n = h instanceof Error ? h.message : "Failed to initialize SDK";
-        f({
+        c.flowManager.load(), await f, l({ status: "ready", flowManager: c.flowManager });
+      } catch (f) {
+        const h = f instanceof Error ? f.message : "Failed to initialize SDK";
+        l({
           status: "error",
-          error: n,
-          flowManager: u.flowManager
-        }), c?.(n);
+          error: h,
+          flowManager: c.flowManager
+        }), r?.(h);
       }
     })();
-  }, [e, o, s, l, c, u]), u;
+  }, [t, n, s, i, r, c]), c;
 }
-function fe(t) {
-  const { moduleKey: e, onModuleLoading: o, onModuleLoaded: s, onError: l } = t, [c, r] = k({ status: "idle" });
-  return v(() => {
-    if (!e) {
-      r({ status: "idle" });
+function ie(e) {
+  const { moduleKey: t, onModuleLoading: n, onModuleLoaded: s, onError: i } = e, [r, o] = x({ status: "idle" });
+  return M(() => {
+    if (!t) {
+      o({ status: "idle" });
       return;
     }
-    const u = L[e];
-    if (!u) {
-      r({ status: "unsupported", moduleKey: e });
+    const c = S[t];
+    if (!c) {
+      o({ status: "unsupported", moduleKey: t });
       return;
     }
-    r({ status: "loading", moduleKey: e }), o?.(e);
-    let f = !1;
-    return u().then((m) => {
-      f || (r({ status: "loaded", moduleKey: e, Component: m }), s?.(e));
-    }).catch((m) => {
-      if (!f) {
-        const a = m instanceof Error ? m.message : "Failed to load module";
-        r({ status: "error", moduleKey: e, error: a }), l?.(`Failed to load ${e}: ${a}`);
+    o({ status: "loading", moduleKey: t }), n?.(t);
+    let l = !1;
+    return c().then((p) => {
+      l || (o({ status: "loaded", moduleKey: t, Component: p }), s?.(t));
+    }).catch((p) => {
+      if (!l) {
+        const u = p instanceof Error ? p.message : "Failed to load module";
+        o({ status: "error", moduleKey: t, error: u }), i?.(`Failed to load ${t}: ${u}`);
       }
     }), () => {
-      f = !0;
+      l = !0;
     };
-  }, [e, o, s, l]), c;
+  }, [t, n, s, i]), r;
 }
-function he(t, e) {
-  const o = U(/* @__PURE__ */ new Set());
-  v(() => {
-    if (e < t.length - 1) {
-      const s = t[e + 1];
-      if (s && !o.current.has(s)) {
-        o.current.add(s);
-        const l = L[s];
-        l && l().catch(() => {
-          o.current.delete(s);
+function le(e, t) {
+  const n = I(/* @__PURE__ */ new Set());
+  M(() => {
+    if (t < e.length - 1) {
+      const s = e[t + 1];
+      if (s && !n.current.has(s)) {
+        n.current.add(s);
+        const i = S[s];
+        i && i().catch(() => {
+          n.current.delete(s);
         });
       }
     }
-  }, [t, e]);
+  }, [e, t]);
 }
-const me = ({
-  apiURL: t,
-  token: e,
-  wasmConfig: o,
-  lang: s,
-  disableDashboardTheme: l,
-  onComplete: c,
-  onError: r,
-  onModuleLoading: u,
-  onModuleLoaded: f,
-  onWasmWarmup: m,
-  spinnerConfig: a
+const de = ({
+  config: e,
+  onFinish: t,
+  onError: n
 }) => {
-  const { t: d } = A(), h = ue({
-    apiURL: t,
-    token: e,
-    lang: s,
-    disableDashboardTheme: l,
-    onError: r
-  }), [n, g] = V(() => h.flowManager, {
+  const { t: s } = $();
+  console.log("[debug] IncodeFlowContent", { config: e, onFinish: t, onError: n });
+  const i = ae({
+    apiURL: e.apiURL,
+    token: e.token,
+    lang: e.lang,
+    disableDashboardTheme: e.disableDashboardTheme,
+    onError: n
+  }), [r, o] = B(() => i.flowManager, {
     autoLoad: !1
-  }), p = fe({
-    moduleKey: n?.status === "ready" ? n.currentStep : void 0,
-    onModuleLoading: u,
-    onModuleLoaded: f,
-    onError: r
+  }), c = ie({
+    moduleKey: r?.status === "ready" ? r.currentStep : void 0,
+    onModuleLoading: e.onModuleLoading,
+    onModuleLoaded: e.onModuleLoaded,
+    onError: n
   });
-  if (he(
-    n?.status === "ready" ? n.steps : [],
-    n?.status === "ready" ? n.currentStepIndex : -1
-  ), v(() => {
-    if (n?.status === "ready" && o) {
-      const w = n, b = N(w.flow);
-      b.length > 0 && (m?.(b), O(w, o));
+  if (le(
+    r?.status === "ready" ? r.steps : [],
+    r?.status === "ready" ? r.currentStepIndex : -1
+  ), M(() => {
+    if (r?.status === "ready" && e.wasmConfig) {
+      const l = r, p = R(l.flow);
+      p.length > 0 && (e.onWasmWarmup?.(p), A(l, e.wasmConfig));
     }
-  }, [n?.status, o, n, m]), v(() => {
-    n?.status === "finished" && c(n.finishStatus);
-  }, [n?.status, c, n]), v(() => {
-    n?.status === "error" && r && r(n.error);
-  }, [n?.status, r, n]), h.status === "error")
-    return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i("div", { children: [
+  }, [r, e]), M(() => {
+    r?.status === "finished" && t(r.finishStatus);
+  }, [r?.status, t, r]), M(() => {
+    r?.status === "error" && n && n(r.error);
+  }, [r?.status, n, r]), i.status === "error")
+    return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a("div", { children: [
       "Error: ",
-      h.error
+      i.error
     ] }) });
-  if (h.status === "initializing")
-    return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-      E,
+  if (i.status === "initializing")
+    return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
+      b,
       {
-        title: a?.title ?? d("home.settingUp"),
-        subtitle: a?.subtitle,
-        size: a?.size,
+        title: e.spinnerConfig?.title ?? s("home.settingUp"),
+        subtitle: e.spinnerConfig?.subtitle,
+        size: e.spinnerConfig?.size,
         fullScreen: !0
       }
     ) });
-  if (!n || n.status === "idle" || n.status === "loading")
-    return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-      E,
+  if (!r || r.status === "idle" || r.status === "loading")
+    return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
+      b,
       {
-        title: a?.title ?? d("home.settingUp"),
-        subtitle: a?.subtitle,
-        size: a?.size,
+        title: e.spinnerConfig?.title ?? s("home.settingUp"),
+        subtitle: e.spinnerConfig?.subtitle,
+        size: e.spinnerConfig?.size,
         fullScreen: !0
       }
     ) });
-  if (n.status === "error")
-    return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i("div", { children: [
+  if (r.status === "error")
+    return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a("div", { children: [
       "Error: ",
-      n.error
+      r.error
     ] }) });
-  if (n.status === "finished")
+  if (r.status === "finished")
     return null;
-  if (n.status === "ready") {
-    const { currentStep: w, config: b } = n;
-    if (!w || !b)
-      return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        E,
+  if (r.status === "ready") {
+    const { currentStep: l, config: p } = r;
+    if (!l || !p)
+      return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
+        b,
         {
-          title: a?.title ?? d("loadingCircle.hangOn"),
-          subtitle: a?.subtitle ?? d("loadingCircle.validating"),
-          size: a?.size,
+          title: e.spinnerConfig?.title ?? s("loadingCircle.hangOn"),
+          subtitle: e.spinnerConfig?.subtitle ?? s("loadingCircle.validating"),
+          size: e.spinnerConfig?.size,
           fullScreen: !0
         }
       ) });
-    if (p.status === "unsupported")
-      return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        de,
+    if (c.status === "unsupported")
+      return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
+        se,
         {
-          moduleKey: w,
-          onNext: () => g.completeModule()
+          moduleKey: l,
+          onNext: () => o.completeModule()
         }
       ) });
-    if (p.status === "idle" || p.status === "loading" || p.status === "error")
-      return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        E,
+    if (c.status === "idle" || c.status === "loading" || c.status === "error")
+      return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
+        b,
         {
-          title: a?.title ?? d("loadingCircle.hangOn"),
-          subtitle: a?.subtitle ?? d("loadingCircle.validating"),
-          size: a?.size,
+          title: e.spinnerConfig?.title ?? s("loadingCircle.hangOn"),
+          subtitle: e.spinnerConfig?.subtitle ?? s("loadingCircle.validating"),
+          size: e.spinnerConfig?.size,
           fullScreen: !0
         }
       ) });
-    const { Component: P } = p;
-    if (w === "SELFIE")
-      return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        P,
+    const { Component: u } = c;
+    if (l === "SELFIE")
+      return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
+        u,
         {
-          config: b,
-          onFinish: () => g.completeModule(),
-          onError: (S) => {
-            r?.(S ?? "Selfie verification error");
+          config: p,
+          onFinish: () => o.completeModule(),
+          onError: (f) => {
+            n?.(f ?? "Selfie verification error");
           }
         },
-        `selfie-${n.currentStepIndex}`
+        `selfie-${r.currentStepIndex}`
       ) });
-    if (w === "PHONE")
-      return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        P,
+    if (l === "PHONE")
+      return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
+        u,
         {
-          config: b,
-          onFinish: () => g.completeModule(),
-          onError: (S) => {
-            r?.(S ?? "Phone verification error");
+          config: p,
+          onFinish: () => o.completeModule(),
+          onError: (f) => {
+            n?.(f ?? "Phone verification error");
           }
         },
-        `phone-${n.currentStepIndex}`
+        `phone-${r.currentStepIndex}`
       ) });
-    if (w === "EMAIL") {
-      const M = b;
-      return !M || typeof M.otpVerification != "boolean" || typeof M.otpExpirationInMinutes != "number" ? /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i("div", { children: "Error: Invalid email configuration" }) }) : /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        P,
+    if (l === "EMAIL") {
+      const d = p;
+      return !d || typeof d.otpVerification != "boolean" || typeof d.otpExpirationInMinutes != "number" ? /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a("div", { children: "Error: Invalid email configuration" }) }) : /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
+        u,
         {
           config: {
-            ...M,
-            prefill: M.prefill ?? !1
+            ...d,
+            prefill: d.prefill ?? !1
           },
-          onFinish: () => g.completeModule(),
-          onError: (S) => {
-            r?.(S ?? "Email verification error");
+          onFinish: () => o.completeModule(),
+          onError: (f) => {
+            n?.(f ?? "Email verification error");
           }
         },
-        `email-${n.currentStepIndex}`
+        `email-${r.currentStepIndex}`
       ) });
     }
   }
   return null;
-}, pe = (t) => /* @__PURE__ */ i("div", { class: "IncodeComponent", children: /* @__PURE__ */ i(me, { ...t }) });
-_(
-  pe,
-  "incode-flow",
-  [
-    "apiURL",
-    "token",
-    "wasmConfig",
-    "lang",
-    "disableDashboardTheme",
-    "spinnerConfig",
-    "onComplete",
-    "onError"
-  ],
+}, ce = ({
+  config: e,
+  onFinish: t = () => {
+  },
+  onError: n
+}) => /* @__PURE__ */ a("div", { class: "IncodeComponent", children: e ? /* @__PURE__ */ a(
+  de,
   {
-    shadow: !1
+    config: e,
+    onFinish: t,
+    onError: n
   }
-);
+) : null });
+H(ce, "incode-flow");
 export {
-  pe as IncodeFlow,
-  Ue as preloadIncodeFlow
+  ce as IncodeFlow,
+  Ie as preloadIncodeFlow
 };