@incodetech/web 2.0.0-alpha.8 → 2.0.0-rc.0

package/dist/flow/flow.es.js

@@ -1,557 +1,661 @@
-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 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
-}, b = ({
-  title: e,
-  subtitle: t,
-  size: n = "medium",
-  fullScreen: s = !0,
-  className: i
-}) => {
-  const r = G[n], o = D(
-    "IncodeSpinner",
-    s && "IncodeSpinnerFullScreen",
-    i
-  );
-  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 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:
-        l = ((i - r) / d + (i < r ? 6 : 0)) / 6;
-        break;
-      case i:
-        l = ((r - s) / d + 2) / 6;
-        break;
-      case r:
-        l = ((s - i) / d + 4) / 6;
-        break;
-    }
-  }
-  return { h: l * 360, s: p * 100, l: u * 100 };
+import { n as e } from "../i18n-9s4OSqwi.js";
+import { _ as t, c as n, d as r, l as i, o as a, p as o, v as s } from "../vendor-preact-D6SntenC.js";
+import { t as c } from "../uiConfig-CwpQ-IM6.js";
+import { o as l } from "../hooks-BVnGysT7.js";
+import { t as u } from "../incodeComponent-C1o4M0ZK.js";
+import { t as d } from "../transitionSpinner-PIEPU2Vx.js";
+import { t as f } from "../incodeModule-BqCjVgEI.js";
+import { a as p, c as m, d as h, f as g, h as _, l as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T } from "../useModuleLoader-BFiVA41N.js";
+import { getDeviceClass as E } from "@incodetech/core/device";
+import { getRequiredWasmPipelines as D } from "@incodetech/core/flow";
+import { QrValidationError as O, bootstrapSession as k, refreshQrUrlUuid as A } from "@incodetech/core/session";
+//#region src/shared/processing/useDelayedFlag.ts
+function j(e, n) {
+	let [r, i] = o(!1);
+	return t(() => {
+		if (e === !1) {
+			i(!1);
+			return;
+		}
+		let t = window.setTimeout(() => {
+			i(!0);
+		}, n);
+		return () => {
+			window.clearTimeout(t);
+		};
+	}, [e, n]), r;
 }
-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 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 p = (u) => {
-    const d = Math.round(u * 255).toString(16);
-    return d.length === 1 ? `0${d}` : d;
-  };
-  return `#${p(o)}${p(c)}${p(l)}`;
+//#endregion
+//#region src/modules/flow/createFlowSession.ts
+function M(e) {
+	return Array.from(new Uint8Array(e), (e) => e.toString(16).padStart(2, "0")).join("");
 }
-function Q(e) {
-  const t = J(e);
-  if (!t)
-    throw new Error(`Invalid color format: ${e}`);
-  return {
-    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 X(e, t) {
-  if (typeof document > "u")
-    return;
-  const n = Q(e);
-  let s = document.getElementById(
-    "incode-theme"
-  );
-  s || (s = document.createElement("style"), s.id = "incode-theme", document.head.appendChild(s));
-  const i = t || "#ffffff", r = `
-    :root,
-    :host {
-      --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 = r;
-}
-async function ee() {
-  return (await z.get("/omni/asset/fetch-all")).data;
+async function N(e) {
+	let t = globalThis.crypto?.subtle;
+	if (!t) throw Error("SHA-1 is not available in this environment");
+	return M(await t.digest("SHA-1", new TextEncoder().encode(e)));
 }
-const L = /* @__PURE__ */ new Map();
-async function te(e) {
-  if (e.startsWith("data:"))
-    return e;
-  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 L.set(e, i), i;
+async function P(e) {
+	if (typeof e.apiKey == "string") return e.apiKey;
+	if (typeof e.clientId == "string") return N(e.clientId);
+	throw Error("Flow self-loading mode requires apiKey or clientId");
 }
-async function re() {
-  const e = await ee();
-  if (!e.theme)
-    throw new Error("Theme URL not found in assets response");
-  const t = e.theme, n = t.startsWith("http://") || t.startsWith("https://");
-  let s;
-  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 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: r
-  };
+async function F(e, t) {
+	return k(await P(e), {
+		configurationId: e.configurationId,
+		externalId: e.externalId,
+		externalCustomerId: e.externalCustomerId,
+		language: e.lang,
+		customFields: e.customFields,
+		uuid: e.uuid,
+		urlUuid: e.urlUuid,
+		interviewId: e.interviewId,
+		onUrlUuidRefreshed: e.onUrlUuidRefreshed
+	}, t);
 }
-async function ne() {
-  const e = await re();
-  return e.main && X(e.main, e.buttonColor), e;
+//#endregion
+//#region src/modules/flow/flowConfig.ts
+function I(e) {
+	return typeof e.token == "string";
 }
-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 T() {
-  return O({
-    modules: {
-      PHONE: V,
-      EMAIL: _,
-      SELFIE: Y
-    }
-  });
+function L(e) {
+	let t = e;
+	return typeof t.configurationId == "string" && (typeof t.apiKey == "string" || typeof t.clientId == "string");
 }
-async function N(e) {
-  await Z({
-    apiURL: e.apiURL,
-    token: e.token,
-    i18n: { lang: e.lang ?? "en" }
-  });
+//#endregion
+//#region src/modules/flow/preloadFlow.ts
+var R = /* @__PURE__ */ new Map();
+function z(e) {
+	let t = R.get(e);
+	if (!t) throw Error("Preload state not found");
+	return {
+		get isReady() {
+			return t.status === "ready";
+		},
+		get error() {
+			return t.status === "error" ? t.error ?? null : null;
+		},
+		async waitUntilReady() {
+			if (t.status !== "ready") {
+				if (t.status === "error") throw Error(t.error ?? "Preload failed");
+				return t.readyPromise;
+			}
+		},
+		cancel() {
+			t.status === "loading" && (t.unsubscribe && t.unsubscribe(), t.flowManager.stop(), t.readyReject(/* @__PURE__ */ Error("Preload cancelled")), R.delete(e));
+		}
+	};
 }
-async function k() {
-  try {
-    const e = await ne(), t = {
-      logoSrc: e.logo,
-      hideFooterBranding: e.hideFooterBranding
-    };
-    return y(t), { theme: e, uiConfig: t };
-  } catch (e) {
-    return console.warn("Failed to fetch dashboard theme:", e), {};
-  }
+function B(e) {
+	let { token: t } = e;
+	if (e.urlUuid) throw Error("preloadIncodeFlow does not support urlUuid; pass it to <IncodeFlow> directly so the SDK can rotate it on mount.");
+	if (R.has(t)) return z(t);
+	let n, r, i = new Promise((e, t) => {
+		n = e, r = t;
+	}), a = m(e);
+	a.getState().presentation.shouldPrefetchHome && g();
+	let o = {
+		status: "loading",
+		flowManager: a,
+		config: e,
+		readyPromise: i,
+		readyResolve: n,
+		readyReject: r
+	};
+	return R.set(t, o), (async () => {
+		try {
+			await T({
+				token: e.token,
+				lang: e.lang,
+				flowManager: a
+			});
+			let t = e.disableDashboardTheme ? Promise.resolve({}) : v().then((e) => {
+				o.theme = e.theme, o.uiConfig = e.uiConfig;
+			});
+			o.unsubscribe = a.subscribe((t) => {
+				if (t.status === "ready") {
+					let n = t;
+					_(n, e.wasmConfig), h(n), o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "ready", o.readyResolve();
+				} else t.status === "error" && (o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "error", o.error = t.error, o.readyReject(Error(t.error)));
+			}), await t;
+		} catch (e) {
+			o.status = "error", o.error = e instanceof Error ? e.message : "Failed to preload", o.readyReject(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to preload")), R.delete(t);
+		}
+	})(), z(t);
 }
-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 V(e) {
+	return R.get(e) ?? null;
 }
-function oe(e) {
-  const t = e.currentStep;
-  if (t) {
-    const n = S[t];
-    n && n().catch(() => {
-    });
-  }
+function H(e) {
+	let t = V(e);
+	return t && R.delete(e), t;
 }
-const se = ({
-  moduleKey: e,
-  onNext: t
-}) => {
-  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 "${e}" module is not yet supported in this version.`
-    ) }),
-    /* @__PURE__ */ a(
-      j,
-      {
-        onClick: t,
-        class: "IncodeUnsupportedModuleButton",
-        "data-testid": "unsupported-module-next-button",
-        children: n("unsupportedModule.next", "Next")
-      }
-    )
-  ] }) });
-}, g = /* @__PURE__ */ new Map();
+//#endregion
+//#region src/modules/flow/useFlowInitialization.ts
 function U(e) {
-  const t = g.get(e);
-  if (!t)
-    throw new Error("Preload state not found");
-  return {
-    get isReady() {
-      return t.status === "ready";
-    },
-    get error() {
-      return t.status === "error" ? t.error ?? null : null;
-    },
-    async waitUntilReady() {
-      if (t.status !== "ready") {
-        if (t.status === "error")
-          throw new Error(t.error ?? "Preload failed");
-        return t.readyPromise;
-      }
-    },
-    cancel() {
-      t.status === "loading" && (t.unsubscribe && t.unsubscribe(), t.flowManager.stop(), t.readyReject(new Error("Preload cancelled")), g.delete(e));
-    }
-  };
-}
-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: r,
-    config: e,
-    readyPromise: i,
-    readyResolve: n,
-    readyReject: s
-  };
-  return g.set(t, o), (async () => {
-    try {
-      await N({
-        apiURL: e.apiURL,
-        token: e.token,
-        lang: e.lang
-      });
-      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)));
-      });
-      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);
-    }
-  })(), U(t);
-}
-function v(e) {
-  return g.get(e) ?? null;
-}
-function P(e) {
-  const t = v(e);
-  return t && g.delete(e), t;
-}
-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 = T();
-    return o.current = d, u?.status === "error" ? {
-      status: "error",
-      error: u.error ?? "Preload failed",
-      flowManager: d
-    } : { status: "initializing", flowManager: d };
-  }), p = I(!1);
-  return M(() => {
-    if (c.status !== "initializing")
-      return;
-    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: h,
-          flowManager: c.flowManager
-        }), r?.(h);
-      });
-      return;
-    }
-    if (p.current)
-      return;
-    p.current = !0, (async () => {
-      try {
-        await N({ apiURL: t, token: n, lang: s });
-        const f = i ? Promise.resolve() : k().then((h) => {
-          h.uiConfig && y(h.uiConfig);
-        });
-        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: h,
-          flowManager: c.flowManager
-        }), r?.(h);
-      }
-    })();
-  }, [t, n, s, i, r, c]), c;
+	e.getState().presentation.shouldPrefetchHome && g();
 }
-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 c = S[t];
-    if (!c) {
-      o({ status: "unsupported", moduleKey: t });
-      return;
-    }
-    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}`);
-      }
-    }), () => {
-      l = !0;
-    };
-  }, [t, n, s, i]), r;
+function W() {
+	E() === "desktop" && x();
 }
-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);
-        });
-      }
-    }
-  }, [e, t]);
+function G(e) {
+	let { lang: n, disableDashboardTheme: r, enableHome: a, onError: s, useCPF: l } = e, u = I(e) ? e.token : void 0, d = i(null), [f, p] = o(() => {
+		let t = u ? V(u) : null;
+		if (u && t?.status === "ready") {
+			let e = H(u);
+			if (e) return d.current = e.flowManager, U(e.flowManager), W(), e.uiConfig && c(e.uiConfig), {
+				status: "ready",
+				flowManager: e.flowManager
+			};
+		}
+		let n = m({
+			authHint: e.authHint,
+			lang: e.lang,
+			enableHome: e.enableHome,
+			useCPF: e.useCPF
+		});
+		return d.current = n, U(n), W(), t?.status === "error" ? {
+			status: "error",
+			error: t.error ?? "Preload failed",
+			flowManager: n
+		} : {
+			status: "initializing",
+			flowManager: n
+		};
+	}), h = i(!1);
+	return t(() => {
+		if (f.status !== "initializing") return;
+		let t = u ? V(u) : null;
+		if (u && t?.status === "loading") {
+			t.readyPromise.then(() => {
+				let e = H(u);
+				e && (d.current = e.flowManager, U(e.flowManager), W(), e.uiConfig && c(e.uiConfig), p({
+					status: "ready",
+					flowManager: e.flowManager
+				}));
+			}).catch((e) => {
+				let t = e instanceof Error ? e.message : "Preload failed", n = e instanceof O ? e.status : void 0;
+				p({
+					status: "error",
+					error: t,
+					errorCode: n,
+					flowManager: f.flowManager
+				}), s?.(t, n);
+			});
+			return;
+		}
+		if (h.current) return;
+		h.current = !0;
+		let i = new AbortController(), { signal: a } = i;
+		return (async () => {
+			try {
+				let t;
+				if (I(e)) t = e.token, e.urlUuid && await A({
+					urlUuid: e.urlUuid,
+					onboardingId: null,
+					onRefreshed: e.onUrlUuidRefreshed
+				}, a);
+				else if (L(e)) t = (await F(e, a)).token;
+				else throw Error("Flow requires token, or configurationId with apiKey or clientId");
+				await T({
+					token: t,
+					lang: n,
+					flowManager: f.flowManager
+				});
+				let i = r ? Promise.resolve() : v().then((e) => {
+					e.uiConfig && c(e.uiConfig);
+				}), o = f.flowManager.waitForReady();
+				await Promise.all([o, i]), p({
+					status: "ready",
+					flowManager: f.flowManager
+				});
+			} catch (e) {
+				if (a.aborted) return;
+				let t = e instanceof Error ? e.message : "Failed to initialize SDK", n = e instanceof O ? e.status : void 0;
+				p({
+					status: "error",
+					error: t,
+					errorCode: n,
+					flowManager: f.flowManager
+				}), s?.(t, n);
+			}
+		})(), () => i.abort();
+	}, [
+		u,
+		n,
+		r,
+		a,
+		l,
+		s,
+		e,
+		f
+	]), f;
 }
-const de = ({
-  config: e,
-  onFinish: t,
-  onError: n
-}) => {
-  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
-  }), c = ie({
-    moduleKey: r?.status === "ready" ? r.currentStep : void 0,
-    onModuleLoading: e.onModuleLoading,
-    onModuleLoaded: e.onModuleLoaded,
-    onError: n
-  });
-  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));
-    }
-  }, [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: ",
-      i.error
-    ] }) });
-  if (i.status === "initializing")
-    return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
-      b,
-      {
-        title: e.spinnerConfig?.title ?? s("home.settingUp"),
-        subtitle: e.spinnerConfig?.subtitle,
-        size: e.spinnerConfig?.size,
-        fullScreen: !0
-      }
-    ) });
-  if (!r || r.status === "idle" || r.status === "loading")
-    return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
-      b,
-      {
-        title: e.spinnerConfig?.title ?? s("home.settingUp"),
-        subtitle: e.spinnerConfig?.subtitle,
-        size: e.spinnerConfig?.size,
-        fullScreen: !0
-      }
-    ) });
-  if (r.status === "error")
-    return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a("div", { children: [
-      "Error: ",
-      r.error
-    ] }) });
-  if (r.status === "finished")
-    return null;
-  if (r.status === "ready") {
-    const { currentStep: l, config: p } = r;
-    if (!l || !p)
-      return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
-        b,
-        {
-          title: e.spinnerConfig?.title ?? s("loadingCircle.hangOn"),
-          subtitle: e.spinnerConfig?.subtitle ?? s("loadingCircle.validating"),
-          size: e.spinnerConfig?.size,
-          fullScreen: !0
-        }
-      ) });
-    if (c.status === "unsupported")
-      return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
-        se,
-        {
-          moduleKey: l,
-          onNext: () => o.completeModule()
-        }
-      ) });
-    if (c.status === "idle" || c.status === "loading" || c.status === "error")
-      return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
-        b,
-        {
-          title: e.spinnerConfig?.title ?? s("loadingCircle.hangOn"),
-          subtitle: e.spinnerConfig?.subtitle ?? s("loadingCircle.validating"),
-          size: e.spinnerConfig?.size,
-          fullScreen: !0
-        }
-      ) });
-    const { Component: u } = c;
-    if (l === "SELFIE")
-      return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
-        u,
-        {
-          config: p,
-          onFinish: () => o.completeModule(),
-          onError: (f) => {
-            n?.(f ?? "Selfie verification error");
-          }
-        },
-        `selfie-${r.currentStepIndex}`
-      ) });
-    if (l === "PHONE")
-      return /* @__PURE__ */ a("div", { class: "IncodeFlow", children: /* @__PURE__ */ a(
-        u,
-        {
-          config: p,
-          onFinish: () => o.completeModule(),
-          onError: (f) => {
-            n?.(f ?? "Phone verification error");
-          }
-        },
-        `phone-${r.currentStepIndex}`
-      ) });
-    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: {
-            ...d,
-            prefill: d.prefill ?? !1
-          },
-          onFinish: () => o.completeModule(),
-          onError: (f) => {
-            n?.(f ?? "Email verification error");
-          }
-        },
-        `email-${r.currentStepIndex}`
-      ) });
-    }
-  }
-  return null;
-}, ce = ({
-  config: e,
-  onFinish: t = () => {
-  },
-  onError: n
-}) => /* @__PURE__ */ a("div", { class: "IncodeComponent", children: e ? /* @__PURE__ */ a(
-  de,
-  {
-    config: e,
-    onFinish: t,
-    onError: n
-  }
-) : null });
-H(ce, "incode-flow");
-export {
-  ce as IncodeFlow,
-  Ie as preloadIncodeFlow
-};
+//#endregion
+//#region src/modules/flow/flow.tsx
+var K = n(() => import("../homeScreen-DnP1jw9A.js").then((e) => ({ default: e.HomeScreen }))), q = ({ config: n, onFinish: i, onError: o }) => {
+	let { i18n: c } = e(), u = G(r(() => ({
+		...n,
+		onError: o
+	}), [n, o])), [f, m] = l(() => u.flowManager, { autoLoad: !1 }), h = f.presentation.lazyModuleKey, v = f.status === "ready" ? f.currentStep : void 0, x = w({
+		moduleKey: h,
+		modules: C,
+		onModuleLoading: n.onModuleLoading,
+		onModuleLoaded: n.onModuleLoaded,
+		onError: o
+	});
+	y({
+		moduleKey: f.status === "ready" && f.homeScreen.visible ? v : void 0,
+		modules: C
+	});
+	let T = x.status === "loaded", E = n.enableHome === !0 && f.status === "ready" && f.flow.disableLaunchScreen !== !0 && f.currentStepIndex === 0 && f.homeScreen.visible === !1 && x.status === "loading", O = j(f.presentation.isAwaitingReady === !0, 150), k = j(f.status === "ready" && (x.status === "idle" || x.status === "loading" || x.status === "error"), 150);
+	S(f?.status === "ready" ? f.steps : [], f?.status === "ready" ? f.currentStepIndex : -1, C, T), t(() => {
+		if (n.onFlowEvent) return m.subscribeFlowEvent(n.onFlowEvent);
+	}, [m, n.onFlowEvent]), t(() => {
+		f.presentation.shouldPrefetchHome && g();
+	}, [f.presentation.shouldPrefetchHome]), t(() => {
+		n.lang && c.language !== n.lang && c.changeLanguage(n.lang);
+	}, [n.lang, c]), t(() => {
+		if (f?.status !== "ready" || f.currentStep === "REDIRECT_TO_MOBILE") return;
+		let e = f, t = D(e.flow);
+		t.length > 0 && (n.onWasmWarmup?.(t), _(e, n.wasmConfig));
+	}, [f, n]), t(() => {
+		f?.status === "finished" && i(f.finishStatus);
+	}, [
+		f?.status,
+		i,
+		f
+	]), t(() => {
+		f?.status === "error" && o && o(f.error, f.errorCode);
+	}, [
+		f?.status,
+		o,
+		f
+	]), t(() => {
+		f?.status === "ready" && f.currentStep === "ID" && f.steps.includes("TUTORIAL_ID") && m.completeModule();
+	}, [f, m]);
+	let A = !(n.spinnerConfig?.title || n.spinnerConfig?.subtitle);
+	if (u.status === "error") return /* @__PURE__ */ s("div", {
+		class: "IncodeFlow",
+		children: /* @__PURE__ */ s("div", { children: ["Error: ", u.error] })
+	});
+	if (f.homeScreen.visible || E) return /* @__PURE__ */ s("div", {
+		class: "IncodeFlow",
+		children: /* @__PURE__ */ s(a, {
+			fallback: null,
+			children: /* @__PURE__ */ s(K, {
+				isContinueLoading: f.homeScreen.isContinueLoading || E,
+				onContinue: () => m.continueFromHome()
+			})
+		})
+	});
+	if (u.status === "initializing") return /* @__PURE__ */ s("div", {
+		class: "IncodeFlow",
+		children: /* @__PURE__ */ s(d, {
+			spinnerConfig: n.spinnerConfig,
+			hideText: A
+		})
+	});
+	if (f.presentation.isAwaitingReady) return O ? /* @__PURE__ */ s("div", {
+		class: "IncodeFlow",
+		children: /* @__PURE__ */ s(d, {
+			spinnerConfig: n.spinnerConfig,
+			hideText: A
+		})
+	}) : /* @__PURE__ */ s("div", { class: "IncodeFlow" });
+	if (f.status === "error") return /* @__PURE__ */ s("div", {
+		class: "IncodeFlow",
+		children: /* @__PURE__ */ s("div", { children: ["Error: ", f.error] })
+	});
+	if (f.status === "finished") return null;
+	if (f?.status === "ready") {
+		let { currentStep: e, config: t, flow: r } = f, { flowId: i } = r;
+		if (!e || !t) return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(d, {
+				spinnerConfig: n.spinnerConfig,
+				hideText: A
+			})
+		});
+		if (b.has(e)) return /* @__PURE__ */ s("div", { class: "IncodeFlow" });
+		if (x.status === "unsupported") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(p, {
+				moduleKey: e,
+				onNext: () => m.completeModule()
+			})
+		});
+		if (x.status === "idle" || x.status === "loading" || x.status === "error") return k ? /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(d, {
+				spinnerConfig: n.spinnerConfig,
+				hideText: A
+			})
+		}) : /* @__PURE__ */ s("div", { class: "IncodeFlow" });
+		let { Component: a } = x;
+		if (e === "REDIRECT_TO_MOBILE") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeFlow(),
+				onContinue: () => m.completeModule(),
+				onError: o
+			}, `redirect-to-mobile-${f.currentStepIndex}`)
+		});
+		if (e === "SELFIE") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Selfie verification error");
+				}
+			}, `selfie-${f.currentStepIndex}`)
+		});
+		if (e === "AUTHENTICATION") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: {
+					...t,
+					authHint: n.authHint
+				},
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Authentication error");
+				}
+			}, `authentication-${f.currentStepIndex}`)
+		});
+		if (e === "PHONE") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Phone verification error");
+				}
+			}, `phone-${f.currentStepIndex}`)
+		});
+		if (e === "EMAIL") {
+			let e = t;
+			return !e || typeof e.otpVerification != "boolean" || typeof e.otpExpirationInMinutes != "number" ? /* @__PURE__ */ s("div", {
+				class: "IncodeFlow",
+				children: /* @__PURE__ */ s("div", { children: "Error: Invalid email configuration" })
+			}) : /* @__PURE__ */ s("div", {
+				class: "IncodeFlow",
+				children: /* @__PURE__ */ s(a, {
+					config: e,
+					onFinish: () => m.completeModule(),
+					onError: (e) => {
+						o?.(e ?? "Email verification error");
+					}
+				}, `email-${f.currentStepIndex}`)
+			});
+		}
+		if (e === "ID" || e === "SECOND_ID") {
+			let n = t;
+			return /* @__PURE__ */ s("div", {
+				class: "IncodeFlow",
+				children: /* @__PURE__ */ s(a, {
+					config: e === "SECOND_ID" ? {
+						...n,
+						isSecondId: !0
+					} : n,
+					onFinish: () => m.completeModule(),
+					onError: (e) => {
+						o?.(e ?? "ID capture error");
+					}
+				}, `id-${f.currentStepIndex}`)
+			});
+		}
+		if (e === "ID_OCR") {
+			let e = t, n = f.steps.includes("SECOND_ID");
+			return /* @__PURE__ */ s("div", {
+				class: "IncodeFlow",
+				children: /* @__PURE__ */ s(a, {
+					config: {
+						...e,
+						secondId: e.secondId ?? n,
+						flowId: i
+					},
+					onFinish: () => m.completeModule(),
+					onError: (e) => {
+						o?.(e ?? "ID OCR error");
+					}
+				}, `id-ocr-${f.currentStepIndex}`)
+			});
+		}
+		if (e === "CPF_OCR") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "CPF OCR error");
+				}
+			}, `cpf-ocr-${f.currentStepIndex}`)
+		});
+		if (e === "FACE_MATCH") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Face match error");
+				}
+			}, `face-match-${f.currentStepIndex}`)
+		});
+		if (e === "CURP_VALIDATION") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "CURP validation error");
+				}
+			}, `curp-validation-${f.currentStepIndex}`)
+		});
+		if (e === "GOVT_VALIDATION_PROVISIONING") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Government validation error");
+				}
+			}, `govt-validation-${f.currentStepIndex}`)
+		});
+		if (e === "GEOLOCATION") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Geolocation error");
+				}
+			}, `geolocation-${f.currentStepIndex}`)
+		});
+		if (e === "EXTERNAL_VERIFICATION") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: { flowId: f.flow.flowId },
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "External verification error");
+				}
+			}, `ekyc-${f.currentStepIndex}`)
+		});
+		if (e === "DOCUMENT_CAPTURE") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Document capture error");
+				}
+			}, `document-capture-${f.currentStepIndex}`)
+		});
+		if (e === "ADDRESS") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: {
+					...t,
+					processingType: "addressStatement"
+				},
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Address capture error");
+				}
+			}, `address-${f.currentStepIndex}`)
+		});
+		if (e === "SIGNATURE") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Signature capture error");
+				}
+			}, `signature-${f.currentStepIndex}`)
+		});
+		if (e === "EKYB") {
+			let e = t;
+			return /* @__PURE__ */ s("div", {
+				class: "IncodeFlow",
+				children: /* @__PURE__ */ s(a, {
+					config: {
+						flowId: i,
+						checkBusinessName: e.checkBusinessName,
+						checkAddress: e.checkAddress,
+						checkTaxId: e.checkTaxId,
+						checkUniqueBeneficialOwner: e.checkUniqueBeneficialOwner
+					},
+					onFinish: () => m.completeModule(),
+					onError: (e) => {
+						o?.(e ?? "eKYB verification error");
+					}
+				}, `ekyb-${f.currentStepIndex}`)
+			});
+		}
+		if (e === "COMBINED_CONSENT") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Combined consent error");
+				}
+			}, `combined-consent-${f.currentStepIndex}`)
+		});
+		if (e === "MANDATORY_CONSENT") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Mandatory consent error");
+				}
+			}, `mandatory-consent-${f.currentStepIndex}`)
+		});
+		if (e === "AE_SIGNATURE" || e === "QE_SIGNATURE") {
+			let n = t, r = e === "QE_SIGNATURE" ? "qe" : "ae";
+			return /* @__PURE__ */ s("div", {
+				class: "IncodeFlow",
+				children: /* @__PURE__ */ s(a, {
+					config: {
+						uploadDocument: n.uploadDocument,
+						downloadDocument: n.downloadDocument
+					},
+					onFinish: () => m.completeModule(),
+					onError: (e) => {
+						o?.(e ?? `${r.toUpperCase()} Signature error`);
+					}
+				}, `${r}-signature-${f.currentStepIndex}`)
+			});
+		}
+		if (e === "ANTIFRAUD") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Antifraud check error");
+				}
+			}, `antifraud-${f.currentStepIndex}`)
+		});
+		if (e === "CUSTOM_FIELDS") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Custom fields error");
+				}
+			}, `custom-fields-${f.currentStepIndex}`)
+		});
+		if (e === "WATCHLIST") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Watchlist check error");
+				}
+			}, `watchlist-${f.currentStepIndex}`)
+		});
+		if (e === "WATCHLIST_BUSINESS") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Watchlist for business check error");
+				}
+			}, `watchlist-for-business-${f.currentStepIndex}`)
+		});
+		if (e === "INCODE_WATCHLIST") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: t,
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Custom watchlist check error");
+				}
+			}, `incode-watchlist-${f.currentStepIndex}`)
+		});
+		if (e === "CROSS_DOCUMENT_DATA_MATCH") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Cross document data match error");
+				}
+			}, `cross-document-data-match-${f.currentStepIndex}`)
+		});
+		if (e === "DYNAMIC_FORMS") return /* @__PURE__ */ s("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ s(a, {
+				config: { screens: t.screens.map((e) => ({
+					title: e.title,
+					hideTitle: e.hideTitle,
+					questions: e.questions.map((e) => ({
+						questionId: e.questionId,
+						question: e.question,
+						inputType: e.inputType,
+						isOptional: e.isOptional,
+						overrides: e.overrides ?? void 0,
+						isPredefined: e.isPredefined,
+						options: e.options
+					}))
+				})) },
+				onFinish: () => m.completeModule(),
+				onError: (e) => {
+					o?.(e ?? "Dynamic forms error");
+				}
+			}, `dynamic-forms-${f.currentStepIndex}`)
+		});
+	}
+	return null;
+}, J = ({ config: e, onFinish: t = () => {}, onError: n }) => /* @__PURE__ */ s(u, { children: e ? /* @__PURE__ */ s(q, {
+	config: e,
+	onFinish: t,
+	onError: n
+}) : null });
+f(J, "incode-flow");
+//#endregion
+export { J as IncodeFlow, B as preloadIncodeFlow };