@incodetech/web 0.0.0-dev-20260224-e49e03c → 0.0.0-dev-20260226-4cb58f5

package/dist/flow/flow.es.js

@@ -1,32 +1,33 @@
-import { u as l, B as _, r as $, a as H } from "../incodeModule-DPTWfWvu.js";
-import { createOrchestratedFlowManager as V, getRequiredWasmPipelines as D } from "@incodetech/core/flow";
-import { A as y, d as L, y as g } from "../vendor-preact-CjD4WiuC.js";
-import { api as R, warmupWasm as z } from "@incodetech/core";
+import { u as l, B as $, r as _, a as H } from "../incodeModule-BwGymwZT.js";
+import { createOrchestratedFlowManager as V, getRequiredWasmPipelines as O } from "@incodetech/core/flow";
+import { A as y, d as U, y as g } from "../vendor-preact-CM6KQyKc.js";
+import { api as L, warmupWasm as z } from "@incodetech/core";
 import "../instance-B-q0ZREN.js";
-import { u as G } from "../useTranslation-CD9ZxEvP.js";
-import { S as C } from "../spinner-C-EwvA9l.js";
+import { u as G } from "../useTranslation-Cm51-Wm-.js";
+import { S as C } from "../spinner-BiENeSCl.js";
 import { emailMachine as k } from "@incodetech/core/email";
 import { faceMatchMachine as W } from "@incodetech/core/face-match";
 import { geolocationMachine as j } from "@incodetech/core/geolocation";
-import { idCaptureMachine as b } from "@incodetech/core/id";
-import { phoneMachine as B } from "@incodetech/core/phone";
-import { selfieMachine as K } from "@incodetech/core/selfie";
-import { authenticationMachine as q } from "@incodetech/core/authentication";
-import { curpValidationMachine as Y } from "@incodetech/core/curp-validation";
-import { governmentValidationMachine as Z } from "@incodetech/core/government-validation";
-import { s as J } from "../setup-BhetRn4n.js";
-import { s as v } from "../uiConfig-DEqynrWx.js";
-function Q(e) {
+import { documentUploadMachine as B } from "@incodetech/core/document-upload";
+import { idCaptureMachine as v } from "@incodetech/core/id";
+import { phoneMachine as K } from "@incodetech/core/phone";
+import { selfieMachine as q } from "@incodetech/core/selfie";
+import { authenticationMachine as Y } from "@incodetech/core/authentication";
+import { curpValidationMachine as Z } from "@incodetech/core/curp-validation";
+import { governmentValidationMachine as J } from "@incodetech/core/government-validation";
+import { s as Q } from "../setup-CFo1IZlN.js";
+import { s as b } from "../uiConfig-BG6lJ_HG.js";
+function X(e) {
   let t = e.replace("#", "");
   t.length === 3 && (t = t.split("").map((s) => s + s).join(""));
-  const r = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
-  if (!r) return null;
-  const a = Number.parseInt(r[1], 16) / 255, u = Number.parseInt(r[2], 16) / 255, n = Number.parseInt(r[3], 16) / 255, o = Math.max(a, u, n), f = Math.min(a, u, n);
-  let i = 0, h = 0;
-  const d = (o + f) / 2;
-  if (o !== f) {
-    const s = o - f;
-    switch (h = d > 0.5 ? s / (2 - o - f) : s / (o + f), o) {
+  const o = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+  if (!o) return null;
+  const a = Number.parseInt(o[1], 16) / 255, u = Number.parseInt(o[2], 16) / 255, n = Number.parseInt(o[3], 16) / 255, r = Math.max(a, u, n), p = Math.min(a, u, n);
+  let i = 0, f = 0;
+  const d = (r + p) / 2;
+  if (r !== p) {
+    const s = r - p;
+    switch (f = d > 0.5 ? s / (2 - r - p) : s / (r + p), r) {
       case a:
         i = ((u - n) / s + (u < n ? 6 : 0)) / 6;
         break;
@@ -38,25 +39,25 @@ function Q(e) {
         break;
     }
   }
-  return { h: i * 360, s: h * 100, l: d * 100 };
+  return { h: i * 360, s: f * 100, l: d * 100 };
 }
-function w(e, t, r) {
-  const a = e / 360, u = t / 100, n = r / 100;
-  let o, f, i;
+function w(e, t, o) {
+  const a = e / 360, u = t / 100, n = o / 100;
+  let r, p, i;
   if (u === 0)
-    o = f = i = n;
+    r = p = i = n;
   else {
-    const d = (p, M, m) => (m < 0 && (m += 1), m > 1 && (m -= 1), m < 0.16666666666666666 ? p + (M - p) * 6 * m : m < 0.5 ? M : m < 0.6666666666666666 ? p + (M - p) * (0.6666666666666666 - m) * 6 : p), s = n < 0.5 ? n * (1 + u) : n + u - n * u, c = 2 * n - s;
-    o = d(c, s, a + 1 / 3), f = d(c, s, a), i = d(c, s, a - 1 / 3);
+    const d = (h, M, m) => (m < 0 && (m += 1), m > 1 && (m -= 1), m < 0.16666666666666666 ? h + (M - h) * 6 * m : m < 0.5 ? M : m < 0.6666666666666666 ? h + (M - h) * (0.6666666666666666 - m) * 6 : h), s = n < 0.5 ? n * (1 + u) : n + u - n * u, c = 2 * n - s;
+    r = d(c, s, a + 1 / 3), p = d(c, s, a), i = d(c, s, a - 1 / 3);
   }
-  const h = (d) => {
+  const f = (d) => {
     const s = Math.round(d * 255).toString(16);
     return s.length === 1 ? `0${s}` : s;
   };
-  return `#${h(o)}${h(f)}${h(i)}`;
+  return `#${f(r)}${f(p)}${f(i)}`;
 }
-function X(e) {
-  const t = Q(e);
+function ee(e) {
+  const t = X(e);
   if (!t)
     throw new Error(`Invalid color format: ${e}`);
   return {
@@ -69,10 +70,10 @@ function X(e) {
     900: w(t.h, t.s, 20)
   };
 }
-function ee(e, t) {
+function te(e, t) {
   if (typeof document > "u")
     return;
-  const r = X(e);
+  const o = ee(e);
   let a = document.getElementById(
     "incode-theme"
   );
@@ -80,57 +81,57 @@ function ee(e, t) {
   const u = t || "#ffffff", n = `
     :root,
     :host {
-      --primitive-color-brand-50: ${r[50]};
-      --primitive-color-brand-200: ${r[200]};
-      --primitive-color-brand-300: ${r[300]};
-      --primitive-color-brand-400: ${r[400]};
-      --primitive-color-brand-500: ${r[500]};
-      --primitive-color-brand-600: ${r[600]};
-      --primitive-color-brand-900: ${r[900]};
+      --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: ${u};
     }
   `;
   a.textContent = n;
 }
-async function te() {
-  return (await R.get("/omni/asset/fetch-all")).data;
+async function ne() {
+  return (await L.get("/omni/asset/fetch-all")).data;
 }
 const A = /* @__PURE__ */ new Map();
-async function ne(e) {
+async function oe(e) {
   if (e.startsWith("data:"))
     return e;
   const t = A.get(e);
   if (t)
     return t;
-  const a = await (await fetch(e)).blob(), u = await new Promise((n, o) => {
-    const f = new FileReader();
-    f.onloadend = () => n(f.result), f.onerror = o, f.readAsDataURL(a);
+  const a = await (await fetch(e)).blob(), u = await new Promise((n, r) => {
+    const p = new FileReader();
+    p.onloadend = () => n(p.result), p.onerror = r, p.readAsDataURL(a);
   });
   return A.set(e, u), u;
 }
 async function re() {
-  const e = await te();
+  const e = await ne();
   if (!e.theme)
     throw new Error("Theme URL not found in assets response");
-  const t = e.theme, r = t.startsWith("http://") || t.startsWith("https://");
+  const t = e.theme, o = t.startsWith("http://") || t.startsWith("https://");
   let a;
-  if (r) {
-    const o = await fetch(t);
-    if (!o.ok)
-      throw new Error(`Failed to fetch theme: ${o.statusText}`);
-    a = await o.json();
+  if (o) {
+    const r = await fetch(t);
+    if (!r.ok)
+      throw new Error(`Failed to fetch theme: ${r.statusText}`);
+    a = await r.json();
   } else
-    a = (await R.get(t)).data;
+    a = (await L.get(t)).data;
   const u = e["logo.png"] || e["logo.svg"] || e["logo.jpg"] || e["logo.jpeg"] || e["logo.webp"] || a.logo;
   let n = u;
-  return u && (n = await ne(u)), {
+  return u && (n = await oe(u)), {
     ...a,
     logo: n
   };
 }
-async function oe() {
+async function ie() {
   const e = await re();
-  return e.main && ee(e.main, e.buttonColor), e;
+  return e.main && te(e.main, e.buttonColor), e;
 }
 const T = () => import("../id/id.es.js").then((e) => e.Id), S = {
   PHONE: () => import("../phone/phone.es.js").then((e) => e.Phone),
@@ -140,34 +141,34 @@ const T = () => import("../id/id.es.js").then((e) => e.Id), S = {
   ID: T,
   TUTORIAL_ID: T,
   SECOND_ID: T,
-  THIRD_ID: T,
-  FACE_MATCH: () => import("../faceMatch-iEplxPox.js").then((e) => e.FaceMatch),
+  THIRD_ID: () => import("../documentUpload-h5GfSa2m.js").then((e) => e.DocumentUpload),
+  FACE_MATCH: () => import("../faceMatch-DL5ICOMJ.js").then((e) => e.FaceMatch),
   CURP_VALIDATION: () => import("../curp-validation/curp-validation.es.js").then((e) => e.CurpValidation),
   GOVT_VALIDATION_PROVISIONING: () => import("../governmentValidation/governmentValidation.es.js").then(
     (e) => e.GovernmentValidation
   ),
   GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation)
 };
-function U() {
+function R() {
   return V({
     modules: {
-      PHONE: B,
+      PHONE: K,
       EMAIL: k,
-      SELFIE: K,
-      AUTHENTICATION: q,
-      ID: b,
-      TUTORIAL_ID: b,
-      SECOND_ID: b,
-      THIRD_ID: b,
+      SELFIE: q,
+      AUTHENTICATION: Y,
+      ID: v,
+      TUTORIAL_ID: v,
+      SECOND_ID: v,
+      THIRD_ID: B,
       FACE_MATCH: W,
-      CURP_VALIDATION: Y,
-      GOVT_VALIDATION_PROVISIONING: Z,
+      CURP_VALIDATION: Z,
+      GOVT_VALIDATION_PROVISIONING: J,
       GEOLOCATION: j
     }
   });
 }
 async function N(e) {
-  await J({
+  await Q({
     apiURL: e.apiURL,
     token: e.token,
     i18n: { lang: e.lang ?? "en" }
@@ -175,33 +176,33 @@ async function N(e) {
 }
 async function P() {
   try {
-    const e = await oe(), t = {
+    const e = await ie(), t = {
       logoSrc: e.logo,
       hideFooterBranding: e.hideFooterBranding
     };
-    return v(t), { theme: e, uiConfig: t };
+    return b(t), { theme: e, uiConfig: t };
   } catch {
     return {};
   }
 }
 function x(e, t) {
-  const r = D(e.flow);
-  r.length > 0 && z({
+  const o = O(e.flow);
+  o.length > 0 && z({
     ...t,
-    pipelines: r
+    pipelines: o
   }).catch((a) => {
     console.error("WASM warmup failed:", a);
   });
 }
-function ie(e) {
+function ae(e) {
   const t = e.currentStep;
   if (t) {
-    const r = S[t];
-    r && r().catch(() => {
+    const o = S[t];
+    o && o().catch(() => {
     });
   }
 }
-const ae = ({
+const se = ({
   moduleKey: e,
   onNext: t
 }) => /* @__PURE__ */ l("section", { class: "IncodeUnsupportedModule", "aria-live": "polite", children: /* @__PURE__ */ l("div", { class: "IncodeUnsupportedModuleContent", children: [
@@ -212,7 +213,7 @@ const ae = ({
     '" module is not yet supported in this version.'
   ] }),
   /* @__PURE__ */ l(
-    _,
+    $,
     {
       onClick: t,
       class: "IncodeUnsupportedModuleButton",
@@ -244,22 +245,22 @@ function E(e) {
     }
   };
 }
-function De(e) {
+function Le(e) {
   const { token: t } = e;
   if (I.has(t))
     return E(t);
-  let r, a;
-  const u = new Promise((i, h) => {
-    r = i, a = h;
-  }), n = U(), o = {
+  let o, a;
+  const u = new Promise((i, f) => {
+    o = i, a = f;
+  }), n = R(), r = {
     status: "loading",
     flowManager: n,
     config: e,
     readyPromise: u,
-    readyResolve: r,
+    readyResolve: o,
     readyReject: a
   };
-  return I.set(t, o), (async () => {
+  return I.set(t, r), (async () => {
     try {
       await N({
         apiURL: e.apiURL,
@@ -267,16 +268,16 @@ function De(e) {
         lang: e.lang
       });
       const i = e.disableDashboardTheme ? Promise.resolve({}) : P().then((d) => {
-        o.theme = d.theme, o.uiConfig = d.uiConfig;
-      }), h = n.subscribe((d) => {
+        r.theme = d.theme, r.uiConfig = d.uiConfig;
+      }), f = n.subscribe((d) => {
         if (d.status === "ready") {
           const s = d;
-          e.wasmConfig && x(s, e.wasmConfig), ie(s), o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "ready", o.readyResolve();
-        } else d.status === "error" && (o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "error", o.error = d.error, o.readyReject(new Error(d.error)));
+          e.wasmConfig && x(s, e.wasmConfig), ae(s), r.unsubscribe?.(), r.unsubscribe = void 0, r.status = "ready", r.readyResolve();
+        } else d.status === "error" && (r.unsubscribe?.(), r.unsubscribe = void 0, r.status = "error", r.error = d.error, r.readyReject(new Error(d.error)));
       });
-      o.unsubscribe = h, n.load(), await i;
+      r.unsubscribe = f, n.load(), await i;
     } catch (i) {
-      o.status = "error", o.error = i instanceof Error ? i.message : "Failed to preload", o.readyReject(
+      r.status = "error", r.error = i instanceof Error ? i.message : "Failed to preload", r.readyReject(
         i instanceof Error ? i : new Error("Failed to preload")
       ), I.delete(t);
     }
@@ -285,138 +286,138 @@ function De(e) {
 function F(e) {
   return I.get(e) ?? null;
 }
-function O(e) {
+function D(e) {
   const t = F(e);
   return t && I.delete(e), t;
 }
-function se(e) {
-  const { apiURL: t, token: r, lang: a, disableDashboardTheme: u, onError: n } = e, o = y(null), [f, i] = L(() => {
-    const d = F(r);
+function le(e) {
+  const { apiURL: t, token: o, lang: a, disableDashboardTheme: u, onError: n } = e, r = y(null), [p, i] = U(() => {
+    const d = F(o);
     if (d?.status === "ready") {
-      const c = O(r);
+      const c = D(o);
       if (c)
-        return o.current = c.flowManager, c.uiConfig && v(c.uiConfig), { status: "ready", flowManager: c.flowManager };
+        return r.current = c.flowManager, c.uiConfig && b(c.uiConfig), { status: "ready", flowManager: c.flowManager };
     }
-    const s = U();
-    return o.current = s, d?.status === "error" ? {
+    const s = R();
+    return r.current = s, d?.status === "error" ? {
       status: "error",
       error: d.error ?? "Preload failed",
       flowManager: s
     } : { status: "initializing", flowManager: s };
-  }), h = y(!1);
+  }), f = y(!1);
   return g(() => {
-    if (f.status !== "initializing")
+    if (p.status !== "initializing")
       return;
-    const d = F(r);
+    const d = F(o);
     if (d?.status === "loading") {
       d.readyPromise.then(() => {
-        const c = O(r);
-        c && (o.current = c.flowManager, c.uiConfig && v(c.uiConfig), i({ status: "ready", flowManager: c.flowManager }));
+        const c = D(o);
+        c && (r.current = c.flowManager, c.uiConfig && b(c.uiConfig), i({ status: "ready", flowManager: c.flowManager }));
       }).catch((c) => {
-        const p = c instanceof Error ? c.message : "Preload failed";
+        const h = c instanceof Error ? c.message : "Preload failed";
         i({
           status: "error",
-          error: p,
-          flowManager: f.flowManager
-        }), n?.(p);
+          error: h,
+          flowManager: p.flowManager
+        }), n?.(h);
       });
       return;
     }
-    if (h.current)
+    if (f.current)
       return;
-    h.current = !0, (async () => {
+    f.current = !0, (async () => {
       try {
-        await N({ apiURL: t, token: r, lang: a });
-        const c = u ? Promise.resolve() : P().then((p) => {
-          p.uiConfig && v(p.uiConfig);
+        await N({ apiURL: t, token: o, lang: a });
+        const c = u ? Promise.resolve() : P().then((h) => {
+          h.uiConfig && b(h.uiConfig);
         });
-        f.flowManager.load(), await c, i({ status: "ready", flowManager: f.flowManager });
+        p.flowManager.load(), await c, i({ status: "ready", flowManager: p.flowManager });
       } catch (c) {
-        const p = c instanceof Error ? c.message : "Failed to initialize SDK";
+        const h = c instanceof Error ? c.message : "Failed to initialize SDK";
         i({
           status: "error",
-          error: p,
-          flowManager: f.flowManager
-        }), n?.(p);
+          error: h,
+          flowManager: p.flowManager
+        }), n?.(h);
       }
     })();
-  }, [t, r, a, u, n, f]), f;
+  }, [t, o, a, u, n, p]), p;
 }
-function le(e) {
-  const { moduleKey: t, onModuleLoading: r, onModuleLoaded: a, onError: u } = e, [n, o] = L({ status: "idle" });
+function ce(e) {
+  const { moduleKey: t, onModuleLoading: o, onModuleLoaded: a, onError: u } = e, [n, r] = U({ status: "idle" });
   return g(() => {
     if (!t) {
-      o({ status: "idle" });
+      r({ status: "idle" });
       return;
     }
-    const f = S[t];
-    if (!f) {
-      o({ status: "unsupported", moduleKey: t });
+    const p = S[t];
+    if (!p) {
+      r({ status: "unsupported", moduleKey: t });
       return;
     }
-    o({ status: "loading", moduleKey: t }), r?.(t);
+    r({ status: "loading", moduleKey: t }), o?.(t);
     let i = !1;
-    return f().then((h) => {
-      i || (o({ status: "loaded", moduleKey: t, Component: h }), a?.(t));
-    }).catch((h) => {
+    return p().then((f) => {
+      i || (r({ status: "loaded", moduleKey: t, Component: f }), a?.(t));
+    }).catch((f) => {
       if (!i) {
-        const d = h instanceof Error ? h.message : "Failed to load module";
-        o({ status: "error", moduleKey: t, error: d }), u?.(`Failed to load ${t}: ${d}`);
+        const d = f instanceof Error ? f.message : "Failed to load module";
+        r({ status: "error", moduleKey: t, error: d }), u?.(`Failed to load ${t}: ${d}`);
       }
     }), () => {
       i = !0;
     };
-  }, [t, r, a, u]), n;
+  }, [t, o, a, u]), n;
 }
-function ce(e, t) {
-  const r = y(/* @__PURE__ */ new Set());
+function de(e, t) {
+  const o = y(/* @__PURE__ */ new Set());
   g(() => {
     if (t < e.length - 1) {
       const a = e[t + 1];
-      if (a && !r.current.has(a)) {
-        r.current.add(a);
+      if (a && !o.current.has(a)) {
+        o.current.add(a);
         const u = S[a];
         u && u().catch(() => {
-          r.current.delete(a);
+          o.current.delete(a);
         });
       }
     }
   }, [e, t]);
 }
-const de = ({
+const ue = ({
   config: e,
   onFinish: t,
-  onError: r
+  onError: o
 }) => {
-  const { t: a } = G(), u = se({
+  const { t: a } = G(), u = le({
     apiURL: e.apiURL,
     token: e.token,
     lang: e.lang,
     disableDashboardTheme: e.disableDashboardTheme,
-    onError: r
-  }), [n, o] = H(() => u.flowManager, {
+    onError: o
+  }), [n, r] = H(() => u.flowManager, {
     autoLoad: !1
-  }), f = le({
+  }), p = ce({
     moduleKey: n?.status === "ready" ? n.currentStep : void 0,
     onModuleLoading: e.onModuleLoading,
     onModuleLoaded: e.onModuleLoaded,
-    onError: r
+    onError: o
   });
-  if (ce(
+  if (de(
     n?.status === "ready" ? n.steps : [],
     n?.status === "ready" ? n.currentStepIndex : -1
   ), g(() => {
     if (n?.status === "ready" && e.wasmConfig) {
-      const i = n, h = D(i.flow);
-      h.length > 0 && (e.onWasmWarmup?.(h), x(i, e.wasmConfig));
+      const i = n, f = O(i.flow);
+      f.length > 0 && (e.onWasmWarmup?.(f), x(i, e.wasmConfig));
     }
   }, [n, e]), g(() => {
     n?.status === "finished" && t(n.finishStatus);
   }, [n?.status, t, n]), g(() => {
-    n?.status === "error" && r && r(n.error);
-  }, [n?.status, r, n]), g(() => {
-    n?.status === "ready" && n.currentStep === "ID" && n.steps.includes("TUTORIAL_ID") && o.completeModule();
-  }, [n, o]), u.status === "error")
+    n?.status === "error" && o && o(n.error);
+  }, [n?.status, o, n]), g(() => {
+    n?.status === "ready" && n.currentStep === "ID" && n.steps.includes("TUTORIAL_ID") && r.completeModule();
+  }, [n, r]), u.status === "error")
     return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l("div", { children: [
       "Error: ",
       u.error
@@ -449,8 +450,8 @@ const de = ({
   if (n.status === "finished")
     return null;
   if (n.status === "ready") {
-    const { currentStep: i, config: h } = n;
-    if (!i || !h)
+    const { currentStep: i, config: f } = n;
+    if (!i || !f)
       return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
         C,
         {
@@ -460,15 +461,15 @@ const de = ({
           fullScreen: !0
         }
       ) });
-    if (f.status === "unsupported")
+    if (p.status === "unsupported")
       return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
-        ae,
+        se,
         {
           moduleKey: i,
-          onNext: () => o.completeModule()
+          onNext: () => r.completeModule()
         }
       ) });
-    if (f.status === "idle" || f.status === "loading" || f.status === "error")
+    if (p.status === "idle" || p.status === "loading" || p.status === "error")
       return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
         C,
         {
@@ -478,15 +479,15 @@ const de = ({
           fullScreen: !0
         }
       ) });
-    const { Component: d } = f;
+    const { Component: d } = p;
     if (i === "SELFIE")
       return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
         d,
         {
-          config: h,
-          onFinish: () => o.completeModule(),
+          config: f,
+          onFinish: () => r.completeModule(),
           onError: (c) => {
-            r?.(c ?? "Selfie verification error");
+            o?.(c ?? "Selfie verification error");
           }
         },
         `selfie-${n.currentStepIndex}`
@@ -495,10 +496,10 @@ const de = ({
       return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
         d,
         {
-          config: { ...h, authHint: e.authHint },
-          onFinish: () => o.completeModule(),
+          config: { ...f, authHint: e.authHint },
+          onFinish: () => r.completeModule(),
           onError: (c) => {
-            r?.(c ?? "Authentication error");
+            o?.(c ?? "Authentication error");
           }
         },
         `authentication-${n.currentStepIndex}`
@@ -507,16 +508,16 @@ const de = ({
       return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
         d,
         {
-          config: h,
-          onFinish: () => o.completeModule(),
+          config: f,
+          onFinish: () => r.completeModule(),
           onError: (c) => {
-            r?.(c ?? "Phone verification error");
+            o?.(c ?? "Phone verification error");
           }
         },
         `phone-${n.currentStepIndex}`
       ) });
     if (i === "EMAIL") {
-      const s = h;
+      const s = f;
       return !s || typeof s.otpVerification != "boolean" || typeof s.otpExpirationInMinutes != "number" ? /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l("div", { children: "Error: Invalid email configuration" }) }) : /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
         d,
         {
@@ -524,31 +525,43 @@ const de = ({
             ...s,
             prefill: s.prefill ?? !1
           },
-          onFinish: () => o.completeModule(),
+          onFinish: () => r.completeModule(),
           onError: (c) => {
-            r?.(c ?? "Email verification error");
+            o?.(c ?? "Email verification error");
           }
         },
         `email-${n.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)
+    if (i === "THIRD_ID")
+      return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
+        d,
+        {
+          config: f,
+          onFinish: () => r.completeModule(),
+          onError: (c) => {
+            o?.(c ?? "Document upload error");
+          }
+        },
+        `document-upload-${n.currentStepIndex}`
+      ) });
+    if (i === "TUTORIAL_ID" || i === "SECOND_ID" || // Only render ID if TUTORIAL_ID doesn't exist (otherwise useEffect will skip it)
     i === "ID" && !n.steps.includes("TUTORIAL_ID")) {
-      const s = h, p = i === "SECOND_ID" || i === "THIRD_ID" ? { ...s, isSecondId: !0 } : s;
+      const s = f, h = i === "SECOND_ID" ? { ...s, isSecondId: !0 } : s;
       return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
         d,
         {
-          config: p,
-          onFinish: () => o.completeModule(),
+          config: h,
+          onFinish: () => r.completeModule(),
           onError: (M) => {
-            r?.(M ?? "ID capture error");
+            o?.(M ?? "ID capture error");
           }
         },
         `id-${n.currentStepIndex}`
       ) });
     }
     if (i === "FACE_MATCH") {
-      const s = h, c = {
+      const s = f, c = {
         variant: s.matchingType,
         disableFaceMatchAnimation: s.disableFaceMatchAnimation ?? !1
       };
@@ -556,9 +569,9 @@ const de = ({
         d,
         {
           config: c,
-          onFinish: () => o.completeModule(),
-          onError: (p) => {
-            r?.(p ?? "Face match error");
+          onFinish: () => r.completeModule(),
+          onError: (h) => {
+            o?.(h ?? "Face match error");
           }
         },
         `face-match-${n.currentStepIndex}`
@@ -568,10 +581,10 @@ const de = ({
       return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
         d,
         {
-          config: h,
-          onFinish: () => o.completeModule(),
+          config: f,
+          onFinish: () => r.completeModule(),
           onError: (c) => {
-            r?.(c ?? "CURP validation error");
+            o?.(c ?? "CURP validation error");
           }
         },
         `curp-validation-${n.currentStepIndex}`
@@ -580,10 +593,10 @@ const de = ({
       return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
         d,
         {
-          config: h,
-          onFinish: () => o.completeModule(),
+          config: f,
+          onFinish: () => r.completeModule(),
           onError: (c) => {
-            r?.(c ?? "Government validation error");
+            o?.(c ?? "Government validation error");
           }
         },
         `govt-validation-${n.currentStepIndex}`
@@ -592,31 +605,31 @@ const de = ({
       return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
         d,
         {
-          config: { allowSkip: h.allowUserToSkipGeolocation },
-          onFinish: () => o.completeModule(),
+          config: { allowSkip: f.allowUserToSkipGeolocation },
+          onFinish: () => r.completeModule(),
           onError: (c) => {
-            r?.(c ?? "Geolocation error");
+            o?.(c ?? "Geolocation error");
           }
         },
         `geolocation-${n.currentStepIndex}`
       ) });
   }
   return null;
-}, ue = ({
+}, fe = ({
   config: e,
   onFinish: t = () => {
   },
-  onError: r
+  onError: o
 }) => /* @__PURE__ */ l("div", { class: "IncodeComponent", children: e ? /* @__PURE__ */ l(
-  de,
+  ue,
   {
     config: e,
     onFinish: t,
-    onError: r
+    onError: o
   }
 ) : null });
-$(ue, "incode-flow");
+_(fe, "incode-flow");
 export {
-  ue as IncodeFlow,
-  De as preloadIncodeFlow
+  fe as IncodeFlow,
+  Le as preloadIncodeFlow
 };