@incodetech/web 2.0.0-alpha.9 → 2.0.0

package/dist/flow/flow.es.js

@@ -1,555 +0,0 @@
-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 "../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) {
-  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, 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) {
-      case s:
-        l = ((a - r) / d + (a < r ? 6 : 0)) / 6;
-        break;
-      case a:
-        l = ((r - s) / d + 2) / 6;
-        break;
-      case r:
-        l = ((s - a) / d + 4) / 6;
-        break;
-    }
-  }
-  return { h: l * 360, s: p * 100, l: u * 100 };
-}
-function w(e, t, n) {
-  const s = e / 360, a = t / 100, r = n / 100;
-  let o, c, l;
-  if (a === 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 + 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 p = (u) => {
-    const d = Math.round(u * 255).toString(16);
-    return d.length === 1 ? `0${d}` : d;
-  };
-  return `#${p(o)}${p(c)}${p(l)}`;
-}
-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 a = 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: ${a};
-    }
-  `;
-  s.textContent = r;
-}
-async function ee() {
-  return (await z.get("/omni/asset/fetch-all")).data;
-}
-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(), a = await new Promise((r, o) => {
-    const c = new FileReader();
-    c.onloadend = () => r(c.result), c.onerror = o, c.readAsDataURL(s);
-  });
-  return L.set(e, a), a;
-}
-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 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)), {
-    ...s,
-    logo: r
-  };
-}
-async function ne() {
-  const e = await re();
-  return e.main && X(e.main, e.buttonColor), e;
-}
-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
-    }
-  });
-}
-async function N(e) {
-  await Z({
-    apiURL: e.apiURL,
-    token: e.token,
-    i18n: { lang: e.lang ?? "en" }
-  });
-}
-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 A(e, t) {
-  const n = R(e.flow);
-  n.length > 0 && q({
-    ...t,
-    pipelines: n
-  }).catch((s) => {
-    console.error("WASM warmup failed:", s);
-  });
-}
-function oe(e) {
-  const t = e.currentStep;
-  if (t) {
-    const n = S[t];
-    n && n().catch(() => {
-    });
-  }
-}
-const se = ({
-  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);
-  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 a = new Promise((l, p) => {
-    n = l, s = p;
-  }), r = T(), o = {
-    status: "loading",
-    flowManager: r,
-    config: e,
-    readyPromise: a,
-    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 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 };
-    }
-    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 = a ? 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, a, r, c]), c;
-}
-function ae(e) {
-  const { moduleKey: t, onModuleLoading: n, onModuleLoaded: s, onError: a } = 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 }), a?.(`Failed to load ${t}: ${u}`);
-      }
-    }), () => {
-      l = !0;
-    };
-  }, [t, n, s, a]), r;
-}
-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 a = S[s];
-        a && a().catch(() => {
-          n.current.delete(s);
-        });
-      }
-    }
-  }, [e, t]);
-}
-const de = ({
-  config: e,
-  onFinish: t,
-  onError: n
-}) => {
-  const { t: s } = $(), a = ie({
-    apiURL: e.apiURL,
-    token: e.token,
-    lang: e.lang,
-    disableDashboardTheme: e.disableDashboardTheme,
-    onError: n
-  }), [r, o] = B(() => a.flowManager, {
-    autoLoad: !1
-  }), c = ae({
-    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]), a.status === "error")
-    return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i("div", { children: [
-      "Error: ",
-      a.error
-    ] }) });
-  if (a.status === "initializing")
-    return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-      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__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-      b,
-      {
-        title: e.spinnerConfig?.title ?? s("home.settingUp"),
-        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: [
-      "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,
-        {
-          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__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        se,
-        {
-          moduleKey: l,
-          onNext: () => o.completeModule()
-        }
-      ) });
-    if (c.status === "idle" || c.status === "loading" || c.status === "error")
-      return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        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__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        u,
-        {
-          config: p,
-          onFinish: () => o.completeModule(),
-          onError: (f) => {
-            n?.(f ?? "Selfie verification error");
-          }
-        },
-        `selfie-${r.currentStepIndex}`
-      ) });
-    if (l === "PHONE")
-      return /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        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__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i("div", { children: "Error: Invalid email configuration" }) }) : /* @__PURE__ */ i("div", { class: "IncodeFlow", children: /* @__PURE__ */ i(
-        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__ */ i("div", { class: "IncodeComponent", children: e ? /* @__PURE__ */ i(
-  de,
-  {
-    config: e,
-    onFinish: t,
-    onError: n
-  }
-) : null });
-H(ce, "incode-flow");
-export {
-  ce as IncodeFlow,
-  Ie as preloadIncodeFlow
-};