@incodetech/web 2.0.0-alpha.11 → 2.0.0-alpha.12

package/dist/flow/flow.es.js

@@ -1,111 +1,72 @@
-import { c as D, u as i, 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 { u as f, B as N, r as O, a as _ } from "../incodeModule-DR92HDjR.js";
+import { createOrchestratedFlowManager as k, getRequiredWasmPipelines as U } from "@incodetech/core/flow";
+import { A as E, d as T, y as g } from "../vendor-preact-CjD4WiuC.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: a
-}) => {
-  const r = G[n], o = D(
-    "IncodeSpinner",
-    s && "IncodeSpinnerFullScreen",
-    a
-  );
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      class: o,
-      "data-testid": "spinner",
-      "data-title": e,
-      "data-subtitle": t,
-      "data-size": n,
-      children: /* @__PURE__ */ i("div", { class: "IncodeSpinnerContent", children: [
-        /* @__PURE__ */ i(W, { size: r }),
-        (e || t) && /* @__PURE__ */ i(F, { children: [
-          /* @__PURE__ */ i(E, { size: 16 }),
-          /* @__PURE__ */ i("div", { class: "IncodeSpinnerText", children: [
-            e && /* @__PURE__ */ i(K, { className: "IncodeSpinnerTitle", children: e }),
-            t && /* @__PURE__ */ i(F, { children: [
-              e && /* @__PURE__ */ i(E, { size: 12 }),
-              /* @__PURE__ */ i("p", { class: "IncodeSpinnerSubtitle", children: t })
-            ] })
-          ] })
-        ] })
-      ] })
-    }
-  );
-};
-function J(e) {
+import { u as H, S as M } from "../spinner-CQtj_FFo.js";
+import { api as P, warmupWasm as W, IdCaptureProvider as j } from "@incodetech/core";
+import { emailMachine as B } from "@incodetech/core/email";
+import { idCaptureMachine as b } from "@incodetech/core/id";
+import { phoneMachine as K } from "@incodetech/core/phone";
+import { selfieMachine as q } from "@incodetech/core/selfie";
+import { s as V } from "../setup-BhetRn4n.js";
+import { s as C } from "../uiConfig-DEqynrWx.js";
+function Y(e) {
   let t = e.replace("#", "");
-  t.length === 3 && (t = t.split("").map((d) => d + d).join(""));
+  t.length === 3 && (t = t.split("").map((l) => l + l).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, a = Number.parseInt(n[2], 16) / 255, r = Number.parseInt(n[3], 16) / 255, o = Math.max(s, a, r), c = Math.min(s, a, 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) {
+  const s = Number.parseInt(n[1], 16) / 255, a = Number.parseInt(n[2], 16) / 255, r = Number.parseInt(n[3], 16) / 255, o = Math.max(s, a, r), d = Math.min(s, a, r);
+  let i = 0, p = 0;
+  const c = (o + d) / 2;
+  if (o !== d) {
+    const l = o - d;
+    switch (p = c > 0.5 ? l / (2 - o - d) : l / (o + d), o) {
       case s:
-        l = ((a - r) / d + (a < r ? 6 : 0)) / 6;
+        i = ((a - r) / l + (a < r ? 6 : 0)) / 6;
         break;
       case a:
-        l = ((r - s) / d + 2) / 6;
+        i = ((r - s) / l + 2) / 6;
         break;
       case r:
-        l = ((s - a) / d + 4) / 6;
+        i = ((s - a) / l + 4) / 6;
         break;
     }
   }
-  return { h: l * 360, s: p * 100, l: u * 100 };
+  return { h: i * 360, s: p * 100, l: c * 100 };
 }
-function w(e, t, n) {
+function I(e, t, n) {
   const s = e / 360, a = t / 100, r = n / 100;
-  let o, c, l;
+  let o, d, i;
   if (a === 0)
-    o = c = l = r;
+    o = d = i = 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 + a) : r + a - r * a, f = 2 * r - d;
-    o = u(f, d, s + 1 / 3), c = u(f, d, s), l = u(f, d, s - 1 / 3);
+    const c = (h, v, m) => (m < 0 && (m += 1), m > 1 && (m -= 1), m < 0.16666666666666666 ? h + (v - h) * 6 * m : m < 0.5 ? v : m < 0.6666666666666666 ? h + (v - h) * (0.6666666666666666 - m) * 6 : h), l = r < 0.5 ? r * (1 + a) : r + a - r * a, u = 2 * r - l;
+    o = c(u, l, s + 1 / 3), d = c(u, l, s), i = c(u, l, s - 1 / 3);
   }
-  const p = (u) => {
-    const d = Math.round(u * 255).toString(16);
-    return d.length === 1 ? `0${d}` : d;
+  const p = (c) => {
+    const l = Math.round(c * 255).toString(16);
+    return l.length === 1 ? `0${l}` : l;
   };
-  return `#${p(o)}${p(c)}${p(l)}`;
+  return `#${p(o)}${p(d)}${p(i)}`;
 }
-function Q(e) {
-  const t = J(e);
+function Z(e) {
+  const t = Y(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)),
+    50: I(t.h, t.s, 95),
+    200: I(t.h, t.s, 80),
+    300: I(t.h, t.s, 65),
+    400: I(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)
+    600: I(t.h, t.s, Math.max(0, t.l - 10)),
+    900: I(t.h, t.s, 20)
   };
 }
-function X(e, t) {
+function G(e, t) {
   if (typeof document > "u")
     return;
-  const n = Q(e);
+  const n = Z(e);
   let s = document.getElementById(
     "incode-theme"
   );
@@ -125,24 +86,24 @@ function X(e, t) {
   `;
   s.textContent = r;
 }
-async function ee() {
-  return (await z.get("/omni/asset/fetch-all")).data;
+async function J() {
+  return (await P.get("/omni/asset/fetch-all")).data;
 }
-const L = /* @__PURE__ */ new Map();
-async function te(e) {
+const D = /* @__PURE__ */ new Map();
+async function Q(e) {
   if (e.startsWith("data:"))
     return e;
-  const t = L.get(e);
+  const t = D.get(e);
   if (t)
     return t;
   const s = await (await fetch(e)).blob(), a = await new Promise((r, o) => {
-    const c = new FileReader();
-    c.onloadend = () => r(c.result), c.onerror = o, c.readAsDataURL(s);
+    const d = new FileReader();
+    d.onloadend = () => r(d.result), d.onerror = o, d.readAsDataURL(s);
   });
-  return L.set(e, a), a;
+  return D.set(e, a), a;
 }
-async function re() {
-  const e = await ee();
+async function X() {
+  const e = await J();
   if (!e.theme)
     throw new Error("Theme URL not found in assets response");
   const t = e.theme, n = t.startsWith("http://") || t.startsWith("https://");
@@ -153,60 +114,68 @@ async function re() {
       throw new Error(`Failed to fetch theme: ${o.statusText}`);
     s = await o.json();
   } else
-    s = (await z.get(t)).data;
+    s = (await P.get(t)).data;
   const a = e["logo.png"] || e["logo.svg"] || e["logo.jpg"] || e["logo.jpeg"] || e["logo.webp"] || s.logo;
   let r = a;
-  return a && (r = await te(a)), {
+  return a && (r = await Q(a)), {
     ...s,
     logo: r
   };
 }
-async function ne() {
-  const e = await re();
-  return e.main && X(e.main, e.buttonColor), e;
+async function ee() {
+  const e = await X();
+  return e.main && G(e.main, e.buttonColor), e;
 }
-const S = {
+const y = () => import("../id/id.es.js").then((e) => e.Id), 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)
+  SELFIE: () => import("../selfie/selfie.es.js").then((e) => e.Selfie),
+  ID: y,
+  TUTORIAL_ID: y,
+  SECOND_ID: y,
+  THIRD_ID: y
 };
-function T() {
-  return O({
+function x() {
+  return k({
     modules: {
-      PHONE: V,
-      EMAIL: _,
-      SELFIE: Y
+      PHONE: K,
+      EMAIL: B,
+      SELFIE: q,
+      ID: b,
+      TUTORIAL_ID: b,
+      SECOND_ID: b,
+      THIRD_ID: b
     }
   });
 }
-async function N(e) {
-  await Z({
+async function $(e) {
+  await V({
     apiURL: e.apiURL,
     token: e.token,
     i18n: { lang: e.lang ?? "en" }
   });
 }
-async function k() {
+async function z() {
   try {
-    const e = await ne(), t = {
+    const e = await ee(), t = {
       logoSrc: e.logo,
       hideFooterBranding: e.hideFooterBranding
     };
-    return y(t), { theme: e, uiConfig: t };
+    return C(t), { theme: e, uiConfig: t };
   } catch (e) {
     return console.warn("Failed to fetch dashboard theme:", e), {};
   }
 }
 function A(e, t) {
-  const n = R(e.flow);
-  n.length > 0 && q({
+  const n = U(e.flow);
+  n.length > 0 && W({
     ...t,
     pipelines: n
   }).catch((s) => {
     console.error("WASM warmup failed:", s);
   });
 }
-function oe(e) {
+function te(e) {
   const t = e.currentStep;
   if (t) {
     const n = S[t];
@@ -214,30 +183,28 @@ function oe(e) {
     });
   }
 }
-const se = ({
+const re = ({
   moduleKey: e,
   onNext: t
-}) => {
-  const { t: n } = $();
-  return /* @__PURE__ */ i("section", { class: "IncodeUnsupportedModule", "aria-live": "polite", children: /* @__PURE__ */ i("div", { class: "IncodeUnsupportedModuleContent", children: [
-    /* @__PURE__ */ i("h2", { class: "IncodeUnsupportedModuleTitle", children: n("unsupportedModule.title", "Module not available") }),
-    /* @__PURE__ */ i("p", { class: "IncodeUnsupportedModuleMessage", children: n(
-      "unsupportedModule.message",
-      `The "${e}" module is not yet supported in this version.`
-    ) }),
-    /* @__PURE__ */ i(
-      j,
-      {
-        onClick: t,
-        class: "IncodeUnsupportedModuleButton",
-        "data-testid": "unsupported-module-next-button",
-        children: n("unsupportedModule.next", "Next")
-      }
-    )
-  ] }) });
-}, g = /* @__PURE__ */ new Map();
-function U(e) {
-  const t = g.get(e);
+}) => /* @__PURE__ */ f("section", { class: "IncodeUnsupportedModule", "aria-live": "polite", children: /* @__PURE__ */ f("div", { class: "IncodeUnsupportedModuleContent", children: [
+  /* @__PURE__ */ f("h2", { class: "IncodeUnsupportedModuleTitle", children: "Module not available" }),
+  /* @__PURE__ */ f("p", { class: "IncodeUnsupportedModuleMessage", children: [
+    'The "',
+    e,
+    '" module is not yet supported in this version.'
+  ] }),
+  /* @__PURE__ */ f(
+    N,
+    {
+      onClick: t,
+      class: "IncodeUnsupportedModuleButton",
+      "data-testid": "unsupported-module-next-button",
+      children: "Next"
+    }
+  )
+] }) }), w = /* @__PURE__ */ new Map();
+function R(e) {
+  const t = w.get(e);
   if (!t)
     throw new Error("Preload state not found");
   return {
@@ -255,18 +222,18 @@ function U(e) {
       }
     },
     cancel() {
-      t.status === "loading" && (t.unsubscribe && t.unsubscribe(), t.flowManager.stop(), t.readyReject(new Error("Preload cancelled")), g.delete(e));
+      t.status === "loading" && (t.unsubscribe && t.unsubscribe(), t.flowManager.stop(), t.readyReject(new Error("Preload cancelled")), w.delete(e));
     }
   };
 }
-function Ie(e) {
+function be(e) {
   const { token: t } = e;
-  if (g.has(t))
-    return U(t);
+  if (w.has(t))
+    return R(t);
   let n, s;
-  const a = new Promise((l, p) => {
-    n = l, s = p;
-  }), r = T(), o = {
+  const a = new Promise((i, p) => {
+    n = i, s = p;
+  }), r = x(), o = {
     status: "loading",
     flowManager: r,
     config: e,
@@ -274,65 +241,65 @@ function Ie(e) {
     readyResolve: n,
     readyReject: s
   };
-  return g.set(t, o), (async () => {
+  return w.set(t, o), (async () => {
     try {
-      await N({
+      await $({
         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)));
+      const i = e.disableDashboardTheme ? Promise.resolve({}) : z().then((c) => {
+        o.theme = c.theme, o.uiConfig = c.uiConfig;
+      }), p = r.subscribe((c) => {
+        if (c.status === "ready") {
+          const l = c;
+          e.wasmConfig && A(l, e.wasmConfig), te(l), o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "ready", o.readyResolve();
+        } else c.status === "error" && (o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "error", o.error = c.error, o.readyReject(new Error(c.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);
+      o.unsubscribe = p, r.load(), await i;
+    } catch (i) {
+      o.status = "error", o.error = i instanceof Error ? i.message : "Failed to preload", o.readyReject(
+        i instanceof Error ? i : new Error("Failed to preload")
+      ), w.delete(t);
     }
-  })(), U(t);
+  })(), R(t);
 }
-function v(e) {
-  return g.get(e) ?? null;
+function F(e) {
+  return w.get(e) ?? null;
 }
-function P(e) {
-  const t = v(e);
-  return t && g.delete(e), t;
+function L(e) {
+  const t = F(e);
+  return t && w.delete(e), t;
 }
-function ie(e) {
-  const { apiURL: t, token: n, lang: s, disableDashboardTheme: a, 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 };
+function ne(e) {
+  const { apiURL: t, token: n, lang: s, disableDashboardTheme: a, onError: r } = e, o = E(null), [d, i] = T(() => {
+    const c = F(n);
+    if (c?.status === "ready") {
+      const u = L(n);
+      if (u)
+        return o.current = u.flowManager, u.uiConfig && C(u.uiConfig), { status: "ready", flowManager: u.flowManager };
     }
-    const d = T();
-    return o.current = d, u?.status === "error" ? {
+    const l = x();
+    return o.current = l, c?.status === "error" ? {
       status: "error",
-      error: u.error ?? "Preload failed",
-      flowManager: d
-    } : { status: "initializing", flowManager: d };
-  }), p = I(!1);
-  return M(() => {
-    if (c.status !== "initializing")
+      error: c.error ?? "Preload failed",
+      flowManager: l
+    } : { status: "initializing", flowManager: l };
+  }), p = E(!1);
+  return g(() => {
+    if (d.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({
+    const c = F(n);
+    if (c?.status === "loading") {
+      c.readyPromise.then(() => {
+        const u = L(n);
+        u && (o.current = u.flowManager, u.uiConfig && C(u.uiConfig), i({ status: "ready", flowManager: u.flowManager }));
+      }).catch((u) => {
+        const h = u instanceof Error ? u.message : "Preload failed";
+        i({
           status: "error",
           error: h,
-          flowManager: c.flowManager
+          flowManager: d.flowManager
         }), r?.(h);
       });
       return;
@@ -341,51 +308,51 @@ function ie(e) {
       return;
     p.current = !0, (async () => {
       try {
-        await N({ apiURL: t, token: n, lang: s });
-        const f = a ? Promise.resolve() : k().then((h) => {
-          h.uiConfig && y(h.uiConfig);
+        await $({ apiURL: t, token: n, lang: s });
+        const u = a ? Promise.resolve() : z().then((h) => {
+          h.uiConfig && C(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({
+        d.flowManager.load(), await u, i({ status: "ready", flowManager: d.flowManager });
+      } catch (u) {
+        const h = u instanceof Error ? u.message : "Failed to initialize SDK";
+        i({
           status: "error",
           error: h,
-          flowManager: c.flowManager
+          flowManager: d.flowManager
         }), r?.(h);
       }
     })();
-  }, [t, n, s, a, r, c]), c;
+  }, [t, n, s, a, r, d]), d;
 }
-function ae(e) {
-  const { moduleKey: t, onModuleLoading: n, onModuleLoaded: s, onError: a } = e, [r, o] = x({ status: "idle" });
-  return M(() => {
+function oe(e) {
+  const { moduleKey: t, onModuleLoading: n, onModuleLoaded: s, onError: a } = e, [r, o] = T({ status: "idle" });
+  return g(() => {
     if (!t) {
       o({ status: "idle" });
       return;
     }
-    const c = S[t];
-    if (!c) {
+    const d = S[t];
+    if (!d) {
       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));
+    let i = !1;
+    return d().then((p) => {
+      i || (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 }), a?.(`Failed to load ${t}: ${u}`);
+      if (!i) {
+        const c = p instanceof Error ? p.message : "Failed to load module";
+        o({ status: "error", moduleKey: t, error: c }), a?.(`Failed to load ${t}: ${c}`);
       }
     }), () => {
-      l = !0;
+      i = !0;
     };
   }, [t, n, s, a]), r;
 }
-function le(e, t) {
-  const n = I(/* @__PURE__ */ new Set());
-  M(() => {
+function se(e, t) {
+  const n = E(/* @__PURE__ */ new Set());
+  g(() => {
     if (t < e.length - 1) {
       const s = e[t + 1];
       if (s && !n.current.has(s)) {
@@ -398,74 +365,76 @@ function le(e, t) {
     }
   }, [e, t]);
 }
-const de = ({
+const ie = ({
   config: e,
   onFinish: t,
   onError: n
 }) => {
-  const { t: s } = $(), a = ie({
+  const { t: s } = H(), a = ne({
     apiURL: e.apiURL,
     token: e.token,
     lang: e.lang,
     disableDashboardTheme: e.disableDashboardTheme,
     onError: n
-  }), [r, o] = B(() => a.flowManager, {
+  }), [r, o] = _(() => a.flowManager, {
     autoLoad: !1
-  }), c = ae({
+  }), d = oe({
     moduleKey: r?.status === "ready" ? r.currentStep : void 0,
     onModuleLoading: e.onModuleLoading,
     onModuleLoaded: e.onModuleLoaded,
     onError: n
   });
-  if (le(
+  if (se(
     r?.status === "ready" ? r.steps : [],
     r?.status === "ready" ? r.currentStepIndex : -1
-  ), M(() => {
+  ), g(() => {
     if (r?.status === "ready" && e.wasmConfig) {
-      const l = r, p = R(l.flow);
-      p.length > 0 && (e.onWasmWarmup?.(p), A(l, e.wasmConfig));
+      const i = r, p = U(i.flow);
+      p.length > 0 && (e.onWasmWarmup?.(p), A(i, e.wasmConfig));
     }
-  }, [r, e]), M(() => {
+  }, [r, e]), g(() => {
     r?.status === "finished" && t(r.finishStatus);
-  }, [r?.status, t, r]), M(() => {
+  }, [r?.status, t, r]), g(() => {
     r?.status === "error" && n && n(r.error);
-  }, [r?.status, n, r]), a.status === "error")
-    return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i("div", { children: [
+  }, [r?.status, n, r]), g(() => {
+    r?.status === "ready" && r.currentStep === "ID" && r.steps.includes("TUTORIAL_ID") && o.completeModule();
+  }, [r, o]), a.status === "error")
+    return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f("div", { children: [
       "Error: ",
       a.error
     ] }) });
   if (a.status === "initializing")
-    return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-      b,
+    return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+      M,
       {
-        title: e.spinnerConfig?.title ?? s("home.settingUp"),
+        title: e.spinnerConfig?.title,
         subtitle: e.spinnerConfig?.subtitle,
         size: e.spinnerConfig?.size,
         fullScreen: !0
       }
     ) });
   if (!r || r.status === "idle" || r.status === "loading")
-    return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-      b,
+    return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+      M,
       {
-        title: e.spinnerConfig?.title ?? s("home.settingUp"),
+        title: e.spinnerConfig?.title,
         subtitle: e.spinnerConfig?.subtitle,
         size: e.spinnerConfig?.size,
         fullScreen: !0
       }
     ) });
   if (r.status === "error")
-    return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i("div", { children: [
+    return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f("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__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        b,
+    const { currentStep: i, config: p } = r;
+    if (!i || !p)
+      return console.log("no current step or config", i, p), /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+        M,
         {
           title: e.spinnerConfig?.title ?? s("loadingCircle.hangOn"),
           subtitle: e.spinnerConfig?.subtitle ?? s("loadingCircle.validating"),
@@ -473,17 +442,17 @@ const de = ({
           fullScreen: !0
         }
       ) });
-    if (c.status === "unsupported")
-      return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        se,
+    if (d.status === "unsupported")
+      return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+        re,
         {
-          moduleKey: l,
+          moduleKey: i,
           onNext: () => o.completeModule()
         }
       ) });
-    if (c.status === "idle" || c.status === "loading" || c.status === "error")
-      return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        b,
+    if (d.status === "idle" || d.status === "loading" || d.status === "error")
+      return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+        M,
         {
           title: e.spinnerConfig?.title ?? s("loadingCircle.hangOn"),
           subtitle: e.spinnerConfig?.subtitle ?? s("loadingCircle.validating"),
@@ -491,65 +460,81 @@ const de = ({
           fullScreen: !0
         }
       ) });
-    const { Component: u } = c;
-    if (l === "SELFIE")
-      return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        u,
+    const { Component: c } = d;
+    if (i === "SELFIE")
+      return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+        c,
         {
           config: p,
           onFinish: () => o.completeModule(),
-          onError: (f) => {
-            n?.(f ?? "Selfie verification error");
+          onError: (u) => {
+            n?.(u ?? "Selfie verification error");
           }
         },
         `selfie-${r.currentStepIndex}`
       ) });
-    if (l === "PHONE")
-      return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        u,
+    if (i === "PHONE")
+      return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+        c,
         {
           config: p,
           onFinish: () => o.completeModule(),
-          onError: (f) => {
-            n?.(f ?? "Phone verification error");
+          onError: (u) => {
+            n?.(u ?? "Phone verification error");
           }
         },
         `phone-${r.currentStepIndex}`
       ) });
-    if (l === "EMAIL") {
-      const d = p;
-      return !d || typeof d.otpVerification != "boolean" || typeof d.otpExpirationInMinutes != "number" ? /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i("div", { children: "Error: Invalid email configuration" }) }) : /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        u,
+    if (i === "EMAIL") {
+      const l = p;
+      return !l || typeof l.otpVerification != "boolean" || typeof l.otpExpirationInMinutes != "number" ? /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f("div", { children: "Error: Invalid email configuration" }) }) : /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+        c,
         {
           config: {
-            ...d,
-            prefill: d.prefill ?? !1
+            ...l,
+            prefill: l.prefill ?? !1
           },
           onFinish: () => o.completeModule(),
-          onError: (f) => {
-            n?.(f ?? "Email verification error");
+          onError: (u) => {
+            n?.(u ?? "Email verification error");
           }
         },
         `email-${r.currentStepIndex}`
       ) });
     }
+    if (i === "TUTORIAL_ID" || i === "SECOND_ID" || i === "THIRD_ID" || // Only render ID if TUTORIAL_ID doesn't exist (otherwise useEffect will skip it)
+    i === "ID" && !r.steps.includes("TUTORIAL_ID")) {
+      const l = p, u = new j();
+      return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+        c,
+        {
+          config: l,
+          provider: u,
+          onFinish: () => o.completeModule(),
+          onError: (h) => {
+            n?.(h ?? "ID capture error");
+          }
+        },
+        `id-${r.currentStepIndex}`
+      ) });
+    }
   }
   return null;
-}, ce = ({
+}, ae = ({
   config: e,
   onFinish: t = () => {
   },
   onError: n
-}) => /* @__PURE__ */ i("div", { class: "IncodeComponent", children: e ? /* @__PURE__ */ i(
-  de,
+}) => /* @__PURE__ */ f("div", { class: "IncodeComponent", children: e ? /* @__PURE__ */ f(
+  ie,
   {
     config: e,
     onFinish: t,
     onError: n
   }
 ) : null });
-H(ce, "incode-flow");
+O(ae, "incode-flow");
 export {
-  ce as IncodeFlow,
-  Ie as preloadIncodeFlow
+  ae as IncodeFlow,
+  be as preloadIncodeFlow
 };