@incodetech/web 0.0.0-dev-20260205-bb46959 → 0.0.0-dev-20260206-cd4d6ec

package/dist/flow/flow.es.js

@@ -1,77 +1,78 @@
-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 { api as P, warmupWasm as H, IdCaptureProvider as W } from "@incodetech/core";
+import { u, B as N, r as _, a as O } from "../incodeModule-DR92HDjR.js";
+import { createOrchestratedFlowManager as H, getRequiredWasmPipelines as L } from "@incodetech/core/flow";
+import { A as F, d as U, y as g } from "../vendor-preact-CjD4WiuC.js";
+import { api as P, warmupWasm as k, IdCaptureProvider as W } from "@incodetech/core";
 import "../instance-B-q0ZREN.js";
-import { u as j, S as M } from "../spinner-CQtj_FFo.js";
+import { u as j, S as I } from "../spinner-CQtj_FFo.js";
 import { emailMachine as B } from "@incodetech/core/email";
+import { faceMatchMachine as K } from "@incodetech/core/face-match";
 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) {
+import { phoneMachine as q } from "@incodetech/core/phone";
+import { selfieMachine as V } from "@incodetech/core/selfie";
+import { s as Y } from "../setup-BhetRn4n.js";
+import { s as y } from "../uiConfig-DEqynrWx.js";
+function Z(e) {
   let t = e.replace("#", "");
-  t.length === 3 && (t = t.split("").map((l) => l + l).join(""));
+  t.length === 3 && (t = t.split("").map((a) => a + a).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), 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) {
+  const s = Number.parseInt(n[1], 16) / 255, l = Number.parseInt(n[2], 16) / 255, r = Number.parseInt(n[3], 16) / 255, o = Math.max(s, l, r), f = Math.min(s, l, r);
+  let i = 0, h = 0;
+  const c = (o + f) / 2;
+  if (o !== f) {
+    const a = o - f;
+    switch (h = c > 0.5 ? a / (2 - o - f) : a / (o + f), o) {
       case s:
-        i = ((a - r) / l + (a < r ? 6 : 0)) / 6;
+        i = ((l - r) / a + (l < r ? 6 : 0)) / 6;
         break;
-      case a:
-        i = ((r - s) / l + 2) / 6;
+      case l:
+        i = ((r - s) / a + 2) / 6;
         break;
       case r:
-        i = ((s - a) / l + 4) / 6;
+        i = ((s - l) / a + 4) / 6;
         break;
     }
   }
-  return { h: i * 360, s: p * 100, l: c * 100 };
+  return { h: i * 360, s: h * 100, l: c * 100 };
 }
-function I(e, t, n) {
-  const s = e / 360, a = t / 100, r = n / 100;
-  let o, d, i;
-  if (a === 0)
-    o = d = i = r;
+function M(e, t, n) {
+  const s = e / 360, l = t / 100, r = n / 100;
+  let o, f, i;
+  if (l === 0)
+    o = f = i = r;
   else {
-    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 c = (p, v, m) => (m < 0 && (m += 1), m > 1 && (m -= 1), m < 0.16666666666666666 ? p + (v - p) * 6 * m : m < 0.5 ? v : m < 0.6666666666666666 ? p + (v - p) * (0.6666666666666666 - m) * 6 : p), a = r < 0.5 ? r * (1 + l) : r + l - r * l, d = 2 * r - a;
+    o = c(d, a, s + 1 / 3), f = c(d, a, s), i = c(d, a, s - 1 / 3);
   }
-  const p = (c) => {
-    const l = Math.round(c * 255).toString(16);
-    return l.length === 1 ? `0${l}` : l;
+  const h = (c) => {
+    const a = Math.round(c * 255).toString(16);
+    return a.length === 1 ? `0${a}` : a;
   };
-  return `#${p(o)}${p(d)}${p(i)}`;
+  return `#${h(o)}${h(f)}${h(i)}`;
 }
-function Z(e) {
-  const t = Y(e);
+function G(e) {
+  const t = Z(e);
   if (!t)
     throw new Error(`Invalid color format: ${e}`);
   return {
-    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)),
+    50: M(t.h, t.s, 95),
+    200: M(t.h, t.s, 80),
+    300: M(t.h, t.s, 65),
+    400: M(t.h, t.s, Math.min(100, t.l + 10)),
     500: e,
-    600: I(t.h, t.s, Math.max(0, t.l - 10)),
-    900: I(t.h, t.s, 20)
+    600: M(t.h, t.s, Math.max(0, t.l - 10)),
+    900: M(t.h, t.s, 20)
   };
 }
-function G(e, t) {
+function J(e, t) {
   if (typeof document > "u")
     return;
-  const n = Z(e);
+  const n = G(e);
   let s = document.getElementById(
     "incode-theme"
   );
   s || (s = document.createElement("style"), s.id = "incode-theme", document.head.appendChild(s));
-  const a = t || "#ffffff", r = `
+  const l = t || "#ffffff", r = `
     :root,
     :host {
       --primitive-color-brand-50: ${n[50]};
@@ -81,29 +82,29 @@ function G(e, t) {
       --primitive-color-brand-500: ${n[500]};
       --primitive-color-brand-600: ${n[600]};
       --primitive-color-brand-900: ${n[900]};
-      --button-primary-text-default: ${a};
+      --button-primary-text-default: ${l};
     }
   `;
   s.textContent = r;
 }
-async function J() {
+async function Q() {
   return (await P.get("/omni/asset/fetch-all")).data;
 }
-const D = /* @__PURE__ */ new Map();
-async function Q(e) {
+const T = /* @__PURE__ */ new Map();
+async function X(e) {
   if (e.startsWith("data:"))
     return e;
-  const t = D.get(e);
+  const t = T.get(e);
   if (t)
     return t;
-  const s = await (await fetch(e)).blob(), a = await new Promise((r, o) => {
-    const d = new FileReader();
-    d.onloadend = () => r(d.result), d.onerror = o, d.readAsDataURL(s);
+  const s = await (await fetch(e)).blob(), l = await new Promise((r, o) => {
+    const f = new FileReader();
+    f.onloadend = () => r(f.result), f.onerror = o, f.readAsDataURL(s);
   });
-  return D.set(e, a), a;
+  return T.set(e, l), l;
 }
-async function X() {
-  const e = await J();
+async function ee() {
+  const e = await Q();
   if (!e.theme)
     throw new Error("Theme URL not found in assets response");
   const t = e.theme, n = t.startsWith("http://") || t.startsWith("https://");
@@ -115,67 +116,69 @@ async function X() {
     s = await o.json();
   } else
     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 Q(a)), {
+  const l = e["logo.png"] || e["logo.svg"] || e["logo.jpg"] || e["logo.jpeg"] || e["logo.webp"] || s.logo;
+  let r = l;
+  return l && (r = await X(l)), {
     ...s,
     logo: r
   };
 }
-async function ee() {
-  const e = await X();
-  return e.main && G(e.main, e.buttonColor), e;
+async function te() {
+  const e = await ee();
+  return e.main && J(e.main, e.buttonColor), e;
 }
-const y = () => import("../id/id.es.js").then((e) => e.Id), S = {
+const C = () => 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),
-  ID: y,
-  TUTORIAL_ID: y,
-  SECOND_ID: y,
-  THIRD_ID: y
+  ID: C,
+  TUTORIAL_ID: C,
+  SECOND_ID: C,
+  THIRD_ID: C,
+  FACE_MATCH: () => import("../faceMatch-BUaXZ4NY.js").then((e) => e.FaceMatch)
 };
 function x() {
-  return k({
+  return H({
     modules: {
-      PHONE: K,
+      PHONE: q,
       EMAIL: B,
-      SELFIE: q,
+      SELFIE: V,
       ID: b,
       TUTORIAL_ID: b,
       SECOND_ID: b,
-      THIRD_ID: b
+      THIRD_ID: b,
+      FACE_MATCH: K
     }
   });
 }
-async function $(e) {
-  await V({
+async function A(e) {
+  await Y({
     apiURL: e.apiURL,
     token: e.token,
     i18n: { lang: e.lang ?? "en" }
   });
 }
-async function z() {
+async function $() {
   try {
-    const e = await ee(), t = {
+    const e = await te(), t = {
       logoSrc: e.logo,
       hideFooterBranding: e.hideFooterBranding
     };
-    return C(t), { theme: e, uiConfig: t };
+    return y(t), { theme: e, uiConfig: t };
   } catch (e) {
     return console.warn("Failed to fetch dashboard theme:", e), {};
   }
 }
-function A(e, t) {
-  const n = U(e.flow);
-  n.length > 0 && H({
+function z(e, t) {
+  const n = L(e.flow);
+  n.length > 0 && k({
     ...t,
     pipelines: n
   }).catch((s) => {
     console.error("WASM warmup failed:", s);
   });
 }
-function te(e) {
+function re(e) {
   const t = e.currentStep;
   if (t) {
     const n = S[t];
@@ -183,17 +186,17 @@ function te(e) {
     });
   }
 }
-const re = ({
+const ne = ({
   moduleKey: e,
   onNext: t
-}) => /* @__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: [
+}) => /* @__PURE__ */ u("section", { class: "IncodeUnsupportedModule", "aria-live": "polite", children: /* @__PURE__ */ u("div", { class: "IncodeUnsupportedModuleContent", children: [
+  /* @__PURE__ */ u("h2", { class: "IncodeUnsupportedModuleTitle", children: "Module not available" }),
+  /* @__PURE__ */ u("p", { class: "IncodeUnsupportedModuleMessage", children: [
     'The "',
     e,
     '" module is not yet supported in this version.'
   ] }),
-  /* @__PURE__ */ f(
+  /* @__PURE__ */ u(
     N,
     {
       onClick: t,
@@ -203,7 +206,7 @@ const re = ({
     }
   )
 ] }) }), w = /* @__PURE__ */ new Map();
-function R(e) {
+function D(e) {
   const t = w.get(e);
   if (!t)
     throw new Error("Preload state not found");
@@ -226,171 +229,171 @@ function R(e) {
     }
   };
 }
-function be(e) {
+function ye(e) {
   const { token: t } = e;
   if (w.has(t))
-    return R(t);
+    return D(t);
   let n, s;
-  const a = new Promise((i, p) => {
-    n = i, s = p;
+  const l = new Promise((i, h) => {
+    n = i, s = h;
   }), r = x(), o = {
     status: "loading",
     flowManager: r,
     config: e,
-    readyPromise: a,
+    readyPromise: l,
     readyResolve: n,
     readyReject: s
   };
   return w.set(t, o), (async () => {
     try {
-      await $({
+      await A({
         apiURL: e.apiURL,
         token: e.token,
         lang: e.lang
       });
-      const i = e.disableDashboardTheme ? Promise.resolve({}) : z().then((c) => {
+      const i = e.disableDashboardTheme ? Promise.resolve({}) : $().then((c) => {
         o.theme = c.theme, o.uiConfig = c.uiConfig;
-      }), p = r.subscribe((c) => {
+      }), h = 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();
+          const a = c;
+          e.wasmConfig && z(a, e.wasmConfig), re(a), 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 i;
+      o.unsubscribe = h, 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);
     }
-  })(), R(t);
+  })(), D(t);
 }
-function F(e) {
+function E(e) {
   return w.get(e) ?? null;
 }
-function L(e) {
-  const t = F(e);
+function R(e) {
+  const t = E(e);
   return t && w.delete(e), t;
 }
-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);
+function oe(e) {
+  const { apiURL: t, token: n, lang: s, disableDashboardTheme: l, onError: r } = e, o = F(null), [f, i] = U(() => {
+    const c = E(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 = R(n);
+      if (d)
+        return o.current = d.flowManager, d.uiConfig && y(d.uiConfig), { status: "ready", flowManager: d.flowManager };
     }
-    const l = x();
-    return o.current = l, c?.status === "error" ? {
+    const a = x();
+    return o.current = a, c?.status === "error" ? {
       status: "error",
       error: c.error ?? "Preload failed",
-      flowManager: l
-    } : { status: "initializing", flowManager: l };
-  }), p = E(!1);
+      flowManager: a
+    } : { status: "initializing", flowManager: a };
+  }), h = F(!1);
   return g(() => {
-    if (d.status !== "initializing")
+    if (f.status !== "initializing")
       return;
-    const c = F(n);
+    const c = E(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";
+        const d = R(n);
+        d && (o.current = d.flowManager, d.uiConfig && y(d.uiConfig), i({ status: "ready", flowManager: d.flowManager }));
+      }).catch((d) => {
+        const p = d instanceof Error ? d.message : "Preload failed";
         i({
           status: "error",
-          error: h,
-          flowManager: d.flowManager
-        }), r?.(h);
+          error: p,
+          flowManager: f.flowManager
+        }), r?.(p);
       });
       return;
     }
-    if (p.current)
+    if (h.current)
       return;
-    p.current = !0, (async () => {
+    h.current = !0, (async () => {
       try {
-        await $({ apiURL: t, token: n, lang: s });
-        const u = a ? Promise.resolve() : z().then((h) => {
-          h.uiConfig && C(h.uiConfig);
+        await A({ apiURL: t, token: n, lang: s });
+        const d = l ? Promise.resolve() : $().then((p) => {
+          p.uiConfig && y(p.uiConfig);
         });
-        d.flowManager.load(), await u, i({ status: "ready", flowManager: d.flowManager });
-      } catch (u) {
-        const h = u instanceof Error ? u.message : "Failed to initialize SDK";
+        f.flowManager.load(), await d, i({ status: "ready", flowManager: f.flowManager });
+      } catch (d) {
+        const p = d instanceof Error ? d.message : "Failed to initialize SDK";
         i({
           status: "error",
-          error: h,
-          flowManager: d.flowManager
-        }), r?.(h);
+          error: p,
+          flowManager: f.flowManager
+        }), r?.(p);
       }
     })();
-  }, [t, n, s, a, r, d]), d;
+  }, [t, n, s, l, r, f]), f;
 }
-function oe(e) {
-  const { moduleKey: t, onModuleLoading: n, onModuleLoaded: s, onError: a } = e, [r, o] = T({ status: "idle" });
+function se(e) {
+  const { moduleKey: t, onModuleLoading: n, onModuleLoaded: s, onError: l } = e, [r, o] = U({ status: "idle" });
   return g(() => {
     if (!t) {
       o({ status: "idle" });
       return;
     }
-    const d = S[t];
-    if (!d) {
+    const f = S[t];
+    if (!f) {
       o({ status: "unsupported", moduleKey: t });
       return;
     }
     o({ status: "loading", moduleKey: t }), n?.(t);
     let i = !1;
-    return d().then((p) => {
-      i || (o({ status: "loaded", moduleKey: t, Component: p }), s?.(t));
-    }).catch((p) => {
+    return f().then((h) => {
+      i || (o({ status: "loaded", moduleKey: t, Component: h }), s?.(t));
+    }).catch((h) => {
       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}`);
+        const c = h instanceof Error ? h.message : "Failed to load module";
+        o({ status: "error", moduleKey: t, error: c }), l?.(`Failed to load ${t}: ${c}`);
       }
     }), () => {
       i = !0;
     };
-  }, [t, n, s, a]), r;
+  }, [t, n, s, l]), r;
 }
-function se(e, t) {
-  const n = E(/* @__PURE__ */ new Set());
+function ie(e, t) {
+  const n = F(/* @__PURE__ */ new Set());
   g(() => {
     if (t < e.length - 1) {
       const s = e[t + 1];
       if (s && !n.current.has(s)) {
         n.current.add(s);
-        const a = S[s];
-        a && a().catch(() => {
+        const l = S[s];
+        l && l().catch(() => {
           n.current.delete(s);
         });
       }
     }
   }, [e, t]);
 }
-const ie = ({
+const ae = ({
   config: e,
   onFinish: t,
   onError: n
 }) => {
-  const { t: s } = j(), a = ne({
+  const { t: s } = j(), l = oe({
     apiURL: e.apiURL,
     token: e.token,
     lang: e.lang,
     disableDashboardTheme: e.disableDashboardTheme,
     onError: n
-  }), [r, o] = _(() => a.flowManager, {
+  }), [r, o] = O(() => l.flowManager, {
     autoLoad: !1
-  }), d = oe({
+  }), f = se({
     moduleKey: r?.status === "ready" ? r.currentStep : void 0,
     onModuleLoading: e.onModuleLoading,
     onModuleLoaded: e.onModuleLoaded,
     onError: n
   });
-  if (se(
+  if (ie(
     r?.status === "ready" ? r.steps : [],
     r?.status === "ready" ? r.currentStepIndex : -1
   ), g(() => {
     if (r?.status === "ready" && e.wasmConfig) {
-      const i = r, p = U(i.flow);
-      p.length > 0 && (e.onWasmWarmup?.(p), A(i, e.wasmConfig));
+      const i = r, h = L(i.flow);
+      h.length > 0 && (e.onWasmWarmup?.(h), z(i, e.wasmConfig));
     }
   }, [r, e]), g(() => {
     r?.status === "finished" && t(r.finishStatus);
@@ -398,14 +401,14 @@ const ie = ({
     r?.status === "error" && n && n(r.error);
   }, [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: [
+  }, [r, o]), l.status === "error")
+    return /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u("div", { children: [
       "Error: ",
-      a.error
+      l.error
     ] }) });
-  if (a.status === "initializing")
-    return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
-      M,
+  if (l.status === "initializing")
+    return /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u(
+      I,
       {
         title: e.spinnerConfig?.title,
         subtitle: e.spinnerConfig?.subtitle,
@@ -414,8 +417,8 @@ const ie = ({
       }
     ) });
   if (!r || r.status === "idle" || r.status === "loading")
-    return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
-      M,
+    return /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u(
+      I,
       {
         title: e.spinnerConfig?.title,
         subtitle: e.spinnerConfig?.subtitle,
@@ -424,17 +427,17 @@ const ie = ({
       }
     ) });
   if (r.status === "error")
-    return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f("div", { children: [
+    return /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u("div", { children: [
       "Error: ",
       r.error
     ] }) });
   if (r.status === "finished")
     return null;
   if (r.status === "ready") {
-    const { currentStep: i, config: p } = r;
-    if (!i || !p)
-      return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
-        M,
+    const { currentStep: i, config: h } = r;
+    if (!i || !h)
+      return /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u(
+        I,
         {
           title: e.spinnerConfig?.title ?? s("loadingCircle.hangOn"),
           subtitle: e.spinnerConfig?.subtitle ?? s("loadingCircle.validating"),
@@ -442,17 +445,17 @@ const ie = ({
           fullScreen: !0
         }
       ) });
-    if (d.status === "unsupported")
-      return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
-        re,
+    if (f.status === "unsupported")
+      return /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u(
+        ne,
         {
           moduleKey: i,
           onNext: () => o.completeModule()
         }
       ) });
-    if (d.status === "idle" || d.status === "loading" || d.status === "error")
-      return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
-        M,
+    if (f.status === "idle" || f.status === "loading" || f.status === "error")
+      return /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u(
+        I,
         {
           title: e.spinnerConfig?.title ?? s("loadingCircle.hangOn"),
           subtitle: e.spinnerConfig?.subtitle ?? s("loadingCircle.validating"),
@@ -460,43 +463,43 @@ const ie = ({
           fullScreen: !0
         }
       ) });
-    const { Component: c } = d;
+    const { Component: c } = f;
     if (i === "SELFIE")
-      return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+      return /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u(
         c,
         {
-          config: p,
+          config: h,
           onFinish: () => o.completeModule(),
-          onError: (u) => {
-            n?.(u ?? "Selfie verification error");
+          onError: (d) => {
+            n?.(d ?? "Selfie verification error");
           }
         },
         `selfie-${r.currentStepIndex}`
       ) });
     if (i === "PHONE")
-      return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+      return /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u(
         c,
         {
-          config: p,
+          config: h,
           onFinish: () => o.completeModule(),
-          onError: (u) => {
-            n?.(u ?? "Phone verification error");
+          onError: (d) => {
+            n?.(d ?? "Phone verification error");
           }
         },
         `phone-${r.currentStepIndex}`
       ) });
     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(
+      const a = h;
+      return !a || typeof a.otpVerification != "boolean" || typeof a.otpExpirationInMinutes != "number" ? /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u("div", { children: "Error: Invalid email configuration" }) }) : /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u(
         c,
         {
           config: {
-            ...l,
-            prefill: l.prefill ?? !1
+            ...a,
+            prefill: a.prefill ?? !1
           },
           onFinish: () => o.completeModule(),
-          onError: (u) => {
-            n?.(u ?? "Email verification error");
+          onError: (d) => {
+            n?.(d ?? "Email verification error");
           }
         },
         `email-${r.currentStepIndex}`
@@ -504,37 +507,54 @@ const ie = ({
     }
     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 W();
-      return /* @__PURE__ */ f("div", { class: "IncodeFlow", children: /* @__PURE__ */ f(
+      const a = h, d = new W();
+      return /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u(
         c,
         {
-          config: l,
-          provider: u,
+          config: a,
+          provider: d,
           onFinish: () => o.completeModule(),
-          onError: (h) => {
-            n?.(h ?? "ID capture error");
+          onError: (p) => {
+            n?.(p ?? "ID capture error");
           }
         },
         `id-${r.currentStepIndex}`
       ) });
     }
+    if (i === "FACE_MATCH") {
+      const a = h, d = {
+        variant: a.matchingType,
+        disableFaceMatchAnimation: a.disableFaceMatchAnimation ?? !1
+      };
+      return /* @__PURE__ */ u("div", { class: "IncodeFlow", children: /* @__PURE__ */ u(
+        c,
+        {
+          config: d,
+          onFinish: () => o.completeModule(),
+          onError: (p) => {
+            n?.(p ?? "Face match error");
+          }
+        },
+        `face-match-${r.currentStepIndex}`
+      ) });
+    }
   }
   return null;
-}, ae = ({
+}, le = ({
   config: e,
   onFinish: t = () => {
   },
   onError: n
-}) => /* @__PURE__ */ f("div", { class: "IncodeComponent", children: e ? /* @__PURE__ */ f(
-  ie,
+}) => /* @__PURE__ */ u("div", { class: "IncodeComponent", children: e ? /* @__PURE__ */ u(
+  ae,
   {
     config: e,
     onFinish: t,
     onError: n
   }
 ) : null });
-O(ae, "incode-flow");
+_(le, "incode-flow");
 export {
-  ae as IncodeFlow,
-  be as preloadIncodeFlow
+  le as IncodeFlow,
+  ye as preloadIncodeFlow
 };