@incodetech/web 0.0.0-dev-20260330-e91ed6b → 0.0.0-dev-20260331-a4ec4fe

package/dist/{captureOverlay-CB8lyLgp.js → captureOverlay-rwQkQuBD.js}

@@ -1,62 +1,62 @@
-import { u as t, c as T, b as D, S as W } from "./button-B2Ewo0rX.js";
-import { D as w, y as h, d as B, A as C, q as $, k as R, P as _, z as A, T as E } from "./vendor-preact-BoMmvSgn.js";
+import { u as t, c as A, b as w, S as W } from "./button-B2Ewo0rX.js";
+import { D as N, y as h, d as B, A as g, q as $, k as R, P as _, z as k, T as E } from "./vendor-preact-BoMmvSgn.js";
 import { E as M } from "./errorIcon-C-Zd24vb.js";
 import { S as G } from "./successIcon-DyHNp_UT.js";
 import "./uiConfig-DmIn-g8M.js";
 import { b as L, a as S, c as V, C as j } from "./captureFooter-B_3eu8kq.js";
 import { L as q } from "./manualCaptureButton-CUq6VXLb.js";
-const K = w(
-  (r, a) => {
-    const { class: e, rows: i = 4, ...n } = r;
+const K = N(
+  (e, a) => {
+    const { class: r, rows: i = 4, ...n } = e;
     return /* @__PURE__ */ t(
       "textarea",
       {
         ...n,
         ref: a,
         rows: i,
-        class: T("IncodeTextArea", e)
+        class: A("IncodeTextArea", r)
       }
     );
   }
-), U = w(
+), U = N(
   ({
-    id: r,
+    id: e,
     label: a,
-    "aria-label": e,
+    "aria-label": r,
     error: i,
     showErrorIcon: n,
     helper: o,
     showHelperIcon: l,
-    required: u,
-    rows: p = 4,
-    class: f,
+    required: d,
+    rows: u = 4,
+    class: p,
     ...b
-  }, c) => {
-    const v = `${r}-helper`, m = `${r}-error`, g = [o ? v : null, i ? m : null].filter(Boolean).join(" ");
-    return /* @__PURE__ */ t("div", { class: T("IncodeTextAreaComposed", f), children: [
+  }, s) => {
+    const f = `${e}-helper`, v = `${e}-error`, T = [o ? f : null, i ? v : null].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t("div", { class: A("IncodeTextAreaComposed", p), children: [
       a && /* @__PURE__ */ t(
         "label",
         {
           class: "IncodeTextAreaComposedLabel",
-          htmlFor: r,
-          "data-testid": `${r}-label`,
+          htmlFor: e,
+          "data-testid": `${e}-label`,
           children: [
             a,
-            u && /* @__PURE__ */ t("span", { class: "IncodeTextAreaComposedRequired", children: " *" })
+            d && /* @__PURE__ */ t("span", { class: "IncodeTextAreaComposedRequired", children: " *" })
           ]
         }
       ),
       /* @__PURE__ */ t("div", { class: "IncodeTextAreaComposedWrapper", children: /* @__PURE__ */ t(
         K,
         {
-          id: r,
-          rows: p,
+          id: e,
+          rows: u,
           ...b,
-          ref: c,
-          required: u,
-          ...!a && e ? { "aria-label": e } : {},
-          "aria-describedby": g || void 0,
-          "aria-required": u ? "true" : void 0,
+          ref: s,
+          required: d,
+          ...!a && r ? { "aria-label": r } : {},
+          "aria-describedby": T || void 0,
+          "aria-required": d ? "true" : void 0,
           "aria-invalid": i ? "true" : void 0
         }
       ) }),
@@ -64,10 +64,10 @@ const K = w(
         "div",
         {
           class: "IncodeTextAreaComposedErrorWrapper",
-          "data-testid": `${r}-error-wrapper`,
+          "data-testid": `${e}-error-wrapper`,
           children: [
             n && /* @__PURE__ */ t("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ t(M, { size: 17 }) }),
-            /* @__PURE__ */ t("p", { id: m, class: "IncodeTextAreaComposedError", children: i })
+            /* @__PURE__ */ t("p", { id: v, class: "IncodeTextAreaComposedError", children: i })
           ]
         }
       ),
@@ -75,10 +75,10 @@ const K = w(
         "div",
         {
           class: "IncodeTextAreaComposedHelperWrapper",
-          "data-testid": `${r}-helper-wrapper`,
+          "data-testid": `${e}-helper-wrapper`,
           children: [
             l && /* @__PURE__ */ t("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ t(G, { size: 17 }) }),
-            /* @__PURE__ */ t("p", { id: v, class: "IncodeTextAreaComposedHelper", children: o })
+            /* @__PURE__ */ t("p", { id: f, class: "IncodeTextAreaComposedHelper", children: o })
           ]
         }
       )
@@ -86,7 +86,7 @@ const K = w(
   }
 );
 U.displayName = "TextAreaComposed";
-const I = /* @__PURE__ */ new Map();
+const m = /* @__PURE__ */ new Map();
 let P = !1;
 const y = {
   blur: () => import("./blurdevicelottie-_BZRug1c.js"),
@@ -95,15 +95,15 @@ const y = {
   front: () => import("./frontdevicelottie-KhKxT5n9.js"),
   back: () => import("./backdevicelottie-B4NgyWmX.js")
 };
-function O(r) {
+function O(e) {
   P || (P = !0, Promise.all([
     y.blur(),
     y.glare(),
     y.align(),
     y.front(),
     y.back()
-  ]).then(([a, e, i, n, o]) => {
-    I.set("blur", a.default), I.set("glare", e.default), I.set("align", i.default), I.set("front", n.default), I.set("back", o.default), r?.();
+  ]).then(([a, r, i, n, o]) => {
+    m.set("blur", a.default), m.set("glare", r.default), m.set("align", i.default), m.set("front", n.default), m.set("back", o.default), e?.();
   }).catch(() => {
   }));
 }
@@ -115,104 +115,95 @@ function Q() {
     J();
   }, []);
 }
-function X(r, a) {
-  const { t: e } = D(), [, i] = B(0);
+function X(e, a) {
+  const { t: r } = w(), [, i] = B(0);
   if (h(() => {
     O(() => i((n) => n + 1));
-  }, []), r === "blur")
+  }, []), e === "blur")
     return {
-      title: e("idv2.capture.notifications.blur.title"),
-      description: e("idv2.capture.notifications.blur.description"),
-      animationData: I.get("blur") ?? null
+      title: r("idv2.capture.notifications.blur.title"),
+      description: r("idv2.capture.notifications.blur.description"),
+      animationData: m.get("blur") ?? null
     };
-  if (r === "glare")
+  if (e === "glare")
     return {
-      title: e("idv2.capture.notifications.glare.title"),
-      description: e("idv2.capture.notifications.glare.description"),
-      animationData: I.get("glare") ?? null
+      title: r("idv2.capture.notifications.glare.title"),
+      description: r("idv2.capture.notifications.glare.description"),
+      animationData: m.get("glare") ?? null
     };
-  if (r === "farAway")
+  if (e === "farAway")
     return {
-      title: e("idv2.capture.notifications.notAligned.title"),
-      description: e("idv2.capture.notifications.notAligned.description"),
-      animationData: I.get("align") ?? null
+      title: r("idv2.capture.notifications.notAligned.title"),
+      description: r("idv2.capture.notifications.notAligned.description"),
+      animationData: m.get("align") ?? null
     };
-  if (r === "wrongSide") {
+  if (e === "wrongSide") {
     const n = a === "back";
     return {
-      title: e(n ? "idv2.capture.notifications.showBack.title" : "idv2.capture.notifications.showFront.title"),
-      description: e(n ? "idv2.capture.notifications.showBack.description" : "idv2.capture.notifications.showFront.description"),
-      animationData: I.get(n ? "back" : "front") ?? null
+      title: r(n ? "idv2.capture.notifications.showBack.title" : "idv2.capture.notifications.showFront.title"),
+      description: r(n ? "idv2.capture.notifications.showBack.description" : "idv2.capture.notifications.showFront.description"),
+      animationData: m.get(n ? "back" : "front") ?? null
     };
   }
   return null;
 }
 const Y = ({
-  detectionStatus: r,
+  detectionStatus: e,
   mode: a,
-  isCapturing: e
+  isCapturing: r
 }) => {
-  const { t: i } = D(), n = X(r, a), o = C(null), l = C({
+  const { t: i } = w(), n = X(e, a), o = g(null), l = g({
     message: "",
     at: 0
-  }), u = C(r), p = C(!1), f = C(), b = C(), c = r === "detecting" || r === "idNotDetected" || r === "manualCapture", v = r === "manualCapture", m = r === "wrongSide", g = r === "farAway", k = r === "glare", H = r === "blur", s = $((d) => {
-    const x = Date.now(), N = l.current;
-    if (d === N.message && x - N.at < 200) return;
-    l.current = { message: d, at: x };
-    const z = o.current;
-    z && (clearTimeout(f.current), z.textContent = "", b.current = setTimeout(() => {
-      z.textContent = d, f.current = setTimeout(() => {
-        z.textContent = "";
+  }), d = g(e), u = g(!1), p = g(), b = g(), s = e === "detecting" || e === "idNotDetected" || e === "manualCapture", f = e === "manualCapture", v = e === "wrongSide", T = e === "farAway", H = e === "glare", F = e === "blur", I = $((c) => {
+    const z = Date.now(), D = l.current;
+    if (c === D.message && z - D.at < 200) return;
+    l.current = { message: c, at: z };
+    const C = o.current;
+    C && (clearTimeout(p.current), C.textContent = "", b.current = setTimeout(() => {
+      C.textContent = c, p.current = setTimeout(() => {
+        C.textContent = "";
       }, 3e3);
     }, 50));
-  }, []), F = $(() => i(a === "passport" ? "idv2.capture.fillFramePassport" : a === "back" ? "idv2.capture.v2.fillFrameBack" : "idv2.capture.v2.fillFrameFront"), [a, i]);
+  }, []), x = $(() => i(a === "passport" ? "idv2.capture.fillFramePassport" : a === "back" ? "idv2.capture.v2.fillFrameBack" : "idv2.capture.v2.fillFrameFront"), [a, i]);
   return h(() => {
-    if (v) {
-      p.current = !1;
+    if (f) {
+      u.current = !1;
       return;
     }
-    if (p.current || !c) return;
-    const d = setTimeout(() => {
-      p.current = !0, s(F());
+    if (u.current || !s) return;
+    const c = setTimeout(() => {
+      u.current = !0, I(x());
     }, 500);
-    return () => clearTimeout(d);
-  }, [c, v, s, F]), h(() => {
-    const d = u.current;
-    u.current = r, d !== "manualCapture" && v && s(i("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
-  }, [s, r, v, i]), h(() => {
-    if (!e) {
-      if (m) {
-        const x = a === "front" || a === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
-        s(`${i(`${x}.title`)}. ${i(`${x}.description`)}`);
-        return;
-      }
-      if (g) {
-        s(`${i("idv2.capture.notifications.notAligned.title")}.`);
-        return;
-      }
-      if (k) {
-        s(`${i("idv2.capture.notifications.glare.title")}.`);
-        return;
-      }
-      if (H) {
-        s(`${i("idv2.capture.notifications.blur.title")}.`);
-        return;
-      }
-      c && p.current && s(F());
-    }
+    return () => clearTimeout(c);
+  }, [s, f, I, x]), h(() => {
+    const c = d.current;
+    d.current = e, c !== "manualCapture" && f && I(i("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
+  }, [I, e, f, i]), h(() => {
+    if (r) return;
+    let c;
+    if (v) {
+      const C = a === "front" || a === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
+      c = `${i(`${C}.title`)}. ${i(`${C}.description`)}`;
+    } else T ? c = `${i("idv2.capture.notifications.notAligned.title")}.` : H ? c = `${i("idv2.capture.notifications.glare.title")}.` : F ? c = `${i("idv2.capture.notifications.blur.title")}.` : s && u.current && (c = x());
+    if (!c) return;
+    const z = setTimeout(() => {
+      I(c);
+    }, 500);
+    return () => clearTimeout(z);
   }, [
-    s,
+    I,
+    F,
+    r,
+    T,
     H,
-    e,
-    g,
-    k,
-    c,
-    m,
+    s,
+    v,
     a,
     i,
-    F
+    x
   ]), h(() => () => {
-    clearTimeout(b.current), clearTimeout(f.current);
+    clearTimeout(b.current), clearTimeout(p.current);
   }, []), /* @__PURE__ */ t(R, { children: [
     /* @__PURE__ */ t(
       "div",
@@ -223,8 +214,8 @@ const Y = ({
         "aria-atomic": "true"
       }
     ),
-    n ? /* @__PURE__ */ t("div", { class: T("IncodeIdCaptureNotification"), "aria-hidden": "true", children: /* @__PURE__ */ t("div", { class: "IncodeIdCaptureNotificationContent", children: [
-      /* @__PURE__ */ t("div", { class: T("IncodeIdCaptureNotificationText"), children: [
+    n ? /* @__PURE__ */ t("div", { class: A("IncodeIdCaptureNotification"), "aria-hidden": "true", children: /* @__PURE__ */ t("div", { class: "IncodeIdCaptureNotificationContent", children: [
+      /* @__PURE__ */ t("div", { class: A("IncodeIdCaptureNotificationText"), children: [
         /* @__PURE__ */ t("div", { class: "IncodeIdCaptureNotificationTitle", children: n.title }),
         n.description && /* @__PURE__ */ t("div", { class: "IncodeIdCaptureNotificationDescription", children: n.description })
       ] }),
@@ -232,17 +223,17 @@ const Y = ({
       n.animationData && /* @__PURE__ */ t("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ t(q, { animationData: n.animationData, loop: !0 }) })
     ] }) }) : null
   ] });
-}, Z = A(
+}, Z = k(
   () => import("./front-horizontal-hint-lRLKd7vY.js")
-), tt = A(
+), tt = k(
   () => import("./front-vertical-hint-qQoJXRE3.js")
-), rt = A(
+), et = k(
   () => import("./back-horizontal-hint-CSlf9KI1.js")
-), et = A(
+), rt = k(
   () => import("./back-vertical-hint-CNieqiCr.js")
-), it = A(
+), it = k(
   () => import("./passport-horizontal-hint-BCtpMp1Y.js")
-), nt = A(
+), nt = k(
   () => import("./passport-vertical-hint-GaLnzqHP.js")
 ), at = {
   "front-horizontal": 348,
@@ -253,98 +244,98 @@ const Y = ({
   "back-vertical": 446,
   "passport-vertical": 342
 };
-function ct(r, a, e, i) {
-  const n = `${r}-${a}`, o = at[n];
-  if (o) return e / o;
+function ct(e, a, r, i) {
+  const n = `${e}-${a}`, o = at[n];
+  if (o) return r / o;
   const l = ot[n];
   return l ? i / l : 1;
 }
-const lt = ({ mode: r, orientation: a }) => {
-  const e = C(null), [i, n] = B(1);
+const st = ({ mode: e, orientation: a }) => {
+  const r = g(null), [i, n] = B(1);
   h(() => {
-    const l = e.current;
+    const l = r.current;
     if (!l) return;
-    const u = () => {
+    const d = () => {
       n(
-        ct(r, a, l.clientWidth, l.clientHeight)
+        ct(e, a, l.clientWidth, l.clientHeight)
       );
     };
-    u();
-    const p = new ResizeObserver(u);
-    return p.observe(l), () => p.disconnect();
-  }, [r, a]);
-  const o = () => r === "front" ? a === "horizontal" ? /* @__PURE__ */ t(Z, {}) : /* @__PURE__ */ t(tt, {}) : r === "back" ? a === "horizontal" ? /* @__PURE__ */ t(rt, {}) : /* @__PURE__ */ t(et, {}) : r === "passport" ? a === "horizontal" ? /* @__PURE__ */ t(it, {}) : /* @__PURE__ */ t(nt, {}) : null;
+    d();
+    const u = new ResizeObserver(d);
+    return u.observe(l), () => u.disconnect();
+  }, [e, a]);
+  const o = () => e === "front" ? a === "horizontal" ? /* @__PURE__ */ t(Z, {}) : /* @__PURE__ */ t(tt, {}) : e === "back" ? a === "horizontal" ? /* @__PURE__ */ t(et, {}) : /* @__PURE__ */ t(rt, {}) : e === "passport" ? a === "horizontal" ? /* @__PURE__ */ t(it, {}) : /* @__PURE__ */ t(nt, {}) : null;
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: e,
+      ref: r,
       class: "IncodeIdHint",
       "aria-hidden": "true",
       role: "presentation",
       children: /* @__PURE__ */ t("div", { class: "IncodeIdHintAnimated", children: /* @__PURE__ */ t(_, { fallback: null, children: /* @__PURE__ */ t("div", { class: "IncodeIdHintSvg", style: { transform: `scale(${i})` }, children: o() }) }) })
     }
   );
-}, It = w(
+}, It = N(
   ({
-    mode: r,
+    mode: e,
     orientation: a,
-    detectionStatus: e,
+    detectionStatus: r,
     counterValue: i,
     isCapturing: n,
     showManualCapture: o,
     onCapture: l,
-    onOpenHelp: u,
-    helpButtonRef: p,
-    captureButtonRef: f
+    onOpenHelp: d,
+    helpButtonRef: u,
+    captureButtonRef: p
   }, b) => {
-    const { t: c } = D();
+    const { t: s } = w();
     Q(), h(() => {
-      o && f && f.current?.focus();
-    }, [o, f]);
-    const v = () => n || e === "capturing" ? "capturing" : e === "blur" || e === "glare" || e === "wrongSide" || e === "farAway" ? "error" : "idle", m = E(() => {
-      if (n || e === "capturing")
+      o && p && p.current?.focus();
+    }, [o, p]);
+    const f = () => n || r === "capturing" ? "capturing" : r === "blur" || r === "glare" || r === "wrongSide" || r === "farAway" ? "error" : "idle", v = E(() => {
+      if (n || r === "capturing")
         return {
-          title: c("idv2.capture.takingPhoto"),
-          subtitle: c("idv2.capture.dontMove")
+          title: s("idv2.capture.takingPhoto"),
+          subtitle: s("idv2.capture.dontMove")
         };
-      if (e === "detecting" || e === "idNotDetected" || e === "manualCapture") {
-        const d = e === "manualCapture";
-        return r === "passport" ? {
-          title: c("idv2.capture.fillFramePassport"),
-          subtitle: d ? "" : c("idv2.capture.v2.autoCapture")
-        } : r === "back" ? {
-          title: c("idv2.capture.v2.fillFrameBack"),
-          subtitle: d ? "" : c("idv2.capture.v2.autoCapture")
+      if (r === "detecting" || r === "idNotDetected" || r === "manualCapture") {
+        const c = r === "manualCapture";
+        return e === "passport" ? {
+          title: s("idv2.capture.fillFramePassport"),
+          subtitle: c ? "" : s("idv2.capture.v2.autoCapture")
+        } : e === "back" ? {
+          title: s("idv2.capture.v2.fillFrameBack"),
+          subtitle: c ? "" : s("idv2.capture.v2.autoCapture")
         } : {
-          title: c("idv2.capture.v2.fillFrameFront"),
-          subtitle: d ? "" : c("idv2.capture.v2.autoCapture")
+          title: s("idv2.capture.v2.fillFrameFront"),
+          subtitle: c ? "" : s("idv2.capture.v2.autoCapture")
         };
       }
       return null;
-    }, [n, e, r, c]), g = v(), k = r === "passport", H = a !== "vertical" || k, s = H ? "horizontal" : "vertical";
+    }, [n, r, e, s]), T = f(), H = e === "passport", F = a !== "vertical" || H, I = F ? "horizontal" : "vertical";
     return /* @__PURE__ */ t(
       j,
       {
-        className: T(
+        className: A(
           "IncodeCaptureOverlayId",
-          !H && "IncodeCaptureOverlayVertical"
+          !F && "IncodeCaptureOverlayVertical"
         ),
         children: [
           /* @__PURE__ */ t("div", { class: "IncodeCaptureTopSection", children: [
             /* @__PURE__ */ t(
               Y,
               {
-                detectionStatus: e,
-                mode: r,
+                detectionStatus: r,
+                mode: e,
                 isCapturing: n
               }
             ),
             /* @__PURE__ */ t(
               L,
               {
-                title: m?.title ?? "",
-                subtitle: m?.subtitle,
-                visible: m !== null,
+                title: v?.title ?? "",
+                subtitle: v?.subtitle,
+                visible: v !== null,
                 titleId: "id-capture-heading"
               }
             )
@@ -354,12 +345,12 @@ const lt = ({ mode: r, orientation: a }) => {
             {
               ref: b,
               variant: "locked",
-              orientation: s,
-              frameState: g,
-              className: T(k && "IncodeCaptureFramePassport"),
+              orientation: I,
+              frameState: T,
+              className: A(H && "IncodeCaptureFramePassport"),
               children: [
                 n && i > 0 && /* @__PURE__ */ t("div", { class: "IncodeCaptureCounter", children: i }),
-                e === "idNotDetected" && /* @__PURE__ */ t(lt, { mode: r, orientation: a ?? "horizontal" })
+                r === "idNotDetected" && /* @__PURE__ */ t(st, { mode: e, orientation: a ?? "horizontal" })
               ]
             }
           ),
@@ -367,11 +358,11 @@ const lt = ({ mode: r, orientation: a }) => {
           /* @__PURE__ */ t(
             V,
             {
-              onOpenHelp: u,
+              onOpenHelp: d,
               onCapture: l,
               isManualCapture: o,
-              helpButtonRef: p,
-              captureButtonRef: f,
+              helpButtonRef: u,
+              captureButtonRef: p,
               captureAriaDescribedBy: o ? "manual-capture-tooltip" : void 0,
               children: o ? /* @__PURE__ */ t("div", { class: "IncodeIdManualCaptureTooltipContainer", children: /* @__PURE__ */ t(
                 "div",
@@ -380,8 +371,8 @@ const lt = ({ mode: r, orientation: a }) => {
                   role: "tooltip",
                   class: "IncodeIdManualCaptureTooltip",
                   children: /* @__PURE__ */ t("ol", { class: "IncodeIdManualCaptureTooltipList", children: [
-                    /* @__PURE__ */ t("li", { children: c("idv2.commonIssues.firstStep") }),
-                    /* @__PURE__ */ t("li", { children: c("idv2.commonIssues.secondStep") })
+                    /* @__PURE__ */ t("li", { children: s("idv2.commonIssues.firstStep") }),
+                    /* @__PURE__ */ t("li", { children: s("idv2.commonIssues.secondStep") })
                   ] })
                 }
               ) }) : null

package/dist/email/email.es.js

@@ -1,9 +1,9 @@
-import { b as v, u as e, I as O, a as C, S as w, B as y } from "../button-B2Ewo0rX.js";
+import { b, u as e, I as O, a as C, S as w, B as y } from "../button-B2Ewo0rX.js";
 import { createEmailManager as P } from "@incodetech/core/email";
-import { d as b, y as S } from "../vendor-preact-BoMmvSgn.js";
+import { d as h, y as V } from "../vendor-preact-BoMmvSgn.js";
 import "@incodetech/core";
-import { O as V } from "../otpInput-CGlYkmvB.js";
-import { P as f } from "../page-DiscPBzz.js";
+import { O as S } from "../otpInput-CGlYkmvB.js";
+import { P as I } from "../page-DiscPBzz.js";
 import { r as k } from "../incodeModule-C4XIllao.js";
 import "../uiConfig-DmIn-g8M.js";
 import "../typography-zMrvftfB.js";
@@ -11,11 +11,11 @@ import { a as L } from "../inputComposed-CJQTXKNA.js";
 import "../checkbox-CXnQVsbJ.js";
 import "../phoneInputComposed-Dsf9ZDTj.js";
 import "../dateInputComposed-DmlHvCmR.js";
-import "../captureOverlay-CB8lyLgp.js";
+import "../captureOverlay-rwQkQuBD.js";
 import "../manualCaptureButton-CUq6VXLb.js";
 import "../captureFooter-B_3eu8kq.js";
 import "../countries-DfLkrF0x.js";
-const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, R = ({
+const v = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, R = ({
   prefilledEmail: i,
   emailError: s,
   label: m,
@@ -23,35 +23,35 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, R = ({
   required: n = !1,
   onEmailChange: t
 }) => {
-  const { t: o } = v(), [g, p] = b("");
-  S(() => {
+  const { t: r } = b(), [E, p] = h("");
+  V(() => {
     if (i) {
       p(i);
-      const a = I.test(i.trim());
+      const a = v.test(i.trim());
       t(i.trim(), a);
     }
   }, [i, t]);
-  const E = (a) => {
+  const f = (a) => {
     const d = a.target.value;
     p(d);
-    const r = d.trim(), h = r.length > 0 && I.test(r);
-    t(r, h);
-  }, l = s ? "email-error" : void 0;
+    const l = d.trim(), g = l.length > 0 && v.test(l);
+    t(l, g);
+  }, o = s ? "email-error" : void 0;
   return /* @__PURE__ */ e("div", { class: "IncodeEmailInput", children: /* @__PURE__ */ e("div", { class: "IncodeEmailInputContainer", children: /* @__PURE__ */ e(
     L,
     {
       id: "email-input",
       type: "email",
-      value: g,
-      onInput: E,
-      placeholder: o("email.placeholder"),
+      value: E,
+      onInput: f,
+      placeholder: r("email.placeholder"),
       disabled: u,
       required: n,
       label: m,
       "data-testid": "email-input",
       "aria-label": m ? void 0 : "Email address",
       "aria-invalid": s ? "true" : void 0,
-      "aria-describedby": l || void 0,
+      "aria-describedby": o || void 0,
       autocomplete: "email",
       error: s,
       showErrorIcon: !0
@@ -63,7 +63,7 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, R = ({
   onFinish: m,
   onError: u
 }) => {
-  const { t: n } = v(), [t, o] = C(
+  const { t: n } = b(), [t, r] = C(
     () => {
       if (s) return s;
       if (!i)
@@ -71,24 +71,24 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, R = ({
       return P({ config: i });
     },
     { manageLifecycle: !s }
-  ), [g, p] = b(!1);
+  ), [E, p] = h(!1);
   if (t.status === "idle" || t.status === "loadingPrefill" || t.status === "inputting" || t.status === "submitting" || t.status === "sendingInitialOtp") {
-    const l = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingInitialOtp", a = t.status === "inputting" ? t.prefilledEmail : void 0, c = t.status === "inputting" && t.emailError ? n(t.emailError) : void 0;
+    const o = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingInitialOtp", a = t.status === "inputting" ? t.prefilledEmail : void 0, c = t.status === "inputting" && t.emailError ? n(t.emailError) : void 0, d = t.status === "inputting" ? t.otpVerification ?? !1 : !1;
     return /* @__PURE__ */ e(
-      f,
+      I,
       {
         className: "IncodeEmailPage",
         title: n("otp.enterCodeEmail"),
-        subtitle: i.otpVerification ? n("email.willSendCode") : void 0,
+        subtitle: d ? n("email.willSendCode") : void 0,
         children: [
           /* @__PURE__ */ e(
             R,
             {
               prefilledEmail: a,
               emailError: c,
-              disabled: l,
-              onEmailChange: (d, r) => {
-                o.setEmail(d, r), p(r);
+              disabled: o,
+              onEmailChange: (l, g) => {
+                r.setEmail(l, g), p(g);
               }
             }
           ),
@@ -96,9 +96,9 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, R = ({
           /* @__PURE__ */ e(
             y,
             {
-              onClick: () => o.submit(),
-              disabled: !g,
-              isLoading: l,
+              onClick: () => r.submit(),
+              disabled: !E,
+              isLoading: o,
               "data-testid": "email-submit",
               children: n("common.continue")
             }
@@ -108,23 +108,23 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, R = ({
     );
   }
   if (t.status === "awaitingOtp" || t.status === "verifyingOtp" || t.status === "otpError" || t.status === "resendingOtp") {
-    const l = t.status === "verifyingOtp", a = t.status === "otpError", c = t.status === "awaitingOtp", d = t.status === "resendingOtp";
+    const o = t.status === "verifyingOtp", a = t.status === "otpError", c = t.status === "awaitingOtp", d = t.status === "resendingOtp";
     return /* @__PURE__ */ e(
-      f,
+      I,
       {
         className: "IncodeEmailPage IncodeEmailOtpPage",
         title: n("otp.enterCodeEmail"),
         children: /* @__PURE__ */ e(
-          V,
+          S,
           {
             resendTimer: c || a ? t.resendTimer : 0,
             canResend: c || a ? t.canResend : !1,
             error: a ? n(t.otpError) : void 0,
-            isLoading: l,
-            disabled: d || l,
-            onSubmit: (r) => o.submitOtp(r),
-            onResend: () => o.resendOtp(),
-            onBack: () => o.back(),
+            isLoading: o,
+            disabled: d || o,
+            onSubmit: (l) => r.submitOtp(l),
+            onResend: () => r.resendOtp(),
+            onBack: () => r.back(),
             backLinkText: "otp.changeEmail"
           }
         )
@@ -137,7 +137,7 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, R = ({
   manager: s,
   onFinish: m,
   onError: u
-}) => /* @__PURE__ */ e(O, { children: i ? /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(O, { children: i || s ? /* @__PURE__ */ e(
   T,
   {
     config: i,

package/dist/extensibility.es.js

@@ -14,8 +14,8 @@ import { C as Y, a as Z } from "./checkbox-CXnQVsbJ.js";
 import { P as $ } from "./phoneInputComposed-Dsf9ZDTj.js";
 import { D as ra, S as ea } from "./dropdownComposed-DFrqye1c.js";
 import { C as ta, D as sa } from "./dateInputComposed-DmlHvCmR.js";
-import { T as pa, a as ca } from "./captureOverlay-CB8lyLgp.js";
-import { d as ua, C as ma, b as la, I as Ca, c as da, F as fa, T as Ia, S as xa, V as ha, a as ga } from "./flipAnimation-l8x6CJ9Q.js";
+import { T as pa, a as ca } from "./captureOverlay-rwQkQuBD.js";
+import { d as ua, C as ma, b as la, I as Ca, c as da, F as fa, T as Ia, S as xa, V as ha, a as ga } from "./flipAnimation-B48PXORR.js";
 import { L as Ta, M as va } from "./manualCaptureButton-CUq6VXLb.js";
 import { a as Ba, C as Fa, b as Pa, d as La, c as Oa, H as ba, L as Ha } from "./captureFooter-B_3eu8kq.js";
 import { A as i, y as u, q as m } from "./vendor-preact-BoMmvSgn.js";

package/dist/{flipAnimation-l8x6CJ9Q.js → flipAnimation-B48PXORR.js}

@@ -7,7 +7,7 @@ import { P as A, C as z } from "./cameraView-CT9-WWcG.js";
 import { S as H } from "./spinner-DfUoOZN4.js";
 import { M as w, L as D } from "./manualCaptureButton-CUq6VXLb.js";
 import { L as G } from "./captureFooter-B_3eu8kq.js";
-import { C as N } from "./captureOverlay-CB8lyLgp.js";
+import { C as N } from "./captureOverlay-rwQkQuBD.js";
 import { B as W } from "./permissions-DbPRF91z.js";
 import "@incodetech/core";
 import "./inputComposed-CJQTXKNA.js";

package/dist/id/id.es.js

@@ -1,12 +1,12 @@
-import { u as r, I as u, a as m } from "../button-B2Ewo0rX.js";
-import { createIdCaptureManager as d } from "@incodetech/core/id";
-import { z as c, P as l } from "../vendor-preact-BoMmvSgn.js";
+import { u as r, I as u, a as d } from "../button-B2Ewo0rX.js";
+import { createIdCaptureManager as m } from "@incodetech/core/id";
+import { z as c, P as p } from "../vendor-preact-BoMmvSgn.js";
 import "@incodetech/core";
-import { P as p } from "../permissions-DbPRF91z.js";
-import { r as f } from "../incodeModule-C4XIllao.js";
-import { P as C } from "../processing-De8XWnFp.js";
-import { b as g, T as h, F as a, C as I, c as y, I as F } from "../flipAnimation-l8x6CJ9Q.js";
-import "../captureOverlay-CB8lyLgp.js";
+import { P as f } from "../permissions-DbPRF91z.js";
+import { r as l } from "../incodeModule-C4XIllao.js";
+import { P as h } from "../processing-De8XWnFp.js";
+import { b as C, T as I, F as a, C as g, c as y, I as F } from "../flipAnimation-B48PXORR.js";
+import "../captureOverlay-rwQkQuBD.js";
 import "../uiConfig-DmIn-g8M.js";
 import "../typography-zMrvftfB.js";
 const M = c(
@@ -19,25 +19,32 @@ const M = c(
   onFinish: o,
   onError: i
 }) => {
-  const [t, n] = m(
-    () => e ?? d({ config: s }),
+  const [t, n] = d(
+    () => {
+      if (e) return e;
+      if (!s)
+        throw new Error(
+          "ID capture config is required when no manager is provided"
+        );
+      return m({ config: s });
+    },
     { manageLifecycle: !e }
   );
-  return t.status === "idle" || t.status === "loading" ? null : t.status === "chooser" ? /* @__PURE__ */ r(g, { manager: n, state: t }) : t.status === "tutorial" ? /* @__PURE__ */ r(h, { manager: n, state: t }) : t.status === "permissions" ? /* @__PURE__ */ r(
-    p,
+  return t.status === "idle" || t.status === "loading" ? null : t.status === "chooser" ? /* @__PURE__ */ r(C, { manager: n, state: t }) : t.status === "tutorial" ? /* @__PURE__ */ r(I, { manager: n, state: t }) : t.status === "permissions" ? /* @__PURE__ */ r(
+    f,
     {
       manager: n,
       permissionStatus: t.permissionStatus
     }
-  ) : t.status === "frontFinished" ? /* @__PURE__ */ r(a, { manager: n, direction: "toBack" }) : t.status === "backFinished" ? /* @__PURE__ */ r(a, { manager: n, direction: "toFront" }) : t.status === "capture" ? /* @__PURE__ */ r(I, { manager: n, state: t, onFinish: () => o?.() }) : t.status === "mandatoryConsent" ? /* @__PURE__ */ r(l, { fallback: null, children: /* @__PURE__ */ r(
+  ) : t.status === "frontFinished" ? /* @__PURE__ */ r(a, { manager: n, direction: "toBack" }) : t.status === "backFinished" ? /* @__PURE__ */ r(a, { manager: n, direction: "toFront" }) : t.status === "capture" ? /* @__PURE__ */ r(g, { manager: n, state: t, onFinish: () => o?.() }) : t.status === "mandatoryConsent" ? /* @__PURE__ */ r(p, { fallback: null, children: /* @__PURE__ */ r(
     M,
     {
       config: { consentType: t.regulationType },
       onFinish: () => n.acceptMandatoryConsent(),
       onError: () => n.cancelMandatoryConsent()
     }
-  ) }) : t.status === "processing" ? /* @__PURE__ */ r(C, {}) : t.status === "expired" ? /* @__PURE__ */ r(y, { manager: n }) : t.status === "finished" ? (o?.(), null) : t.status === "closed" ? (i?.(void 0), null) : t.status === "error" ? /* @__PURE__ */ r(F, { manager: n, state: t, onError: i }) : null;
-}, T = ({ config: s, manager: e, onFinish: o, onError: i }) => /* @__PURE__ */ r(u, { children: s ? /* @__PURE__ */ r(
+  ) }) : t.status === "processing" ? /* @__PURE__ */ r(h, {}) : t.status === "expired" ? /* @__PURE__ */ r(y, { manager: n }) : t.status === "finished" ? (o?.(), null) : t.status === "closed" ? (i?.(void 0), null) : t.status === "error" ? /* @__PURE__ */ r(F, { manager: n, state: t, onError: i }) : null;
+}, E = ({ config: s, manager: e, onFinish: o, onError: i }) => /* @__PURE__ */ r(u, { children: s || e ? /* @__PURE__ */ r(
   P,
   {
     config: s,
@@ -46,7 +53,7 @@ const M = c(
     onError: i
   }
 ) : null });
-f(T, "incode-id");
+l(E, "incode-id");
 export {
-  T as Id
+  E as Id
 };

package/dist/phone/phone.es.js

@@ -1,73 +1,73 @@
-import { u as e, I, b, a as O, S as h, B as C } from "../button-B2Ewo0rX.js";
-import { createPhoneManager as E } from "@incodetech/core/phone";
-import { d as v } from "../vendor-preact-BoMmvSgn.js";
+import { u as e, I as O, b as C, a as E, S as f, B as v } from "../button-B2Ewo0rX.js";
+import { createPhoneManager as S } from "@incodetech/core/phone";
+import { d as w } from "../vendor-preact-BoMmvSgn.js";
 import "../uiConfig-DmIn-g8M.js";
 import "@incodetech/core";
-import { C as S } from "../checkbox-CXnQVsbJ.js";
-import { O as w } from "../otpInput-CGlYkmvB.js";
+import { C as y } from "../checkbox-CXnQVsbJ.js";
+import { O as k } from "../otpInput-CGlYkmvB.js";
 import { P as g } from "../page-DiscPBzz.js";
-import { P as y } from "../phoneInputComposed-Dsf9ZDTj.js";
-import { r as k } from "../incodeModule-C4XIllao.js";
-const R = ({
-  config: n,
-  manager: i,
-  onFinish: p,
-  onError: l
+import { P as R } from "../phoneInputComposed-Dsf9ZDTj.js";
+import { r as V } from "../incodeModule-C4XIllao.js";
+const B = ({
+  config: i,
+  manager: s,
+  onFinish: d,
+  onError: p
 }) => {
-  const { t: s } = b(), [t, o] = O(
+  const { t: n } = C(), [t, o] = E(
     () => {
-      if (i) return i;
-      if (!n)
+      if (s) return s;
+      if (!i)
         throw new Error("Phone config is required");
-      return E({ config: n });
+      return S({ config: i });
     },
-    { manageLifecycle: !i }
-  ), [f, P] = v(!1);
+    { manageLifecycle: !s }
+  ), [P, b] = w(!1);
   if (t.status === "idle" || t.status === "loadingPrefill" || t.status === "inputting" || t.status === "submitting" || t.status === "sendingInitialOtp") {
-    const r = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingInitialOtp", a = t.status === "inputting" ? t.countryCode : "US", d = t.status === "inputting" ? t.prefilledPhone : void 0, c = t.status === "inputting" && t.phoneError ? s(t.phoneError) : void 0;
+    const r = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingInitialOtp", a = t.status === "inputting" ? t.countryCode : "US", u = t.status === "inputting" ? t.prefilledPhone : void 0, l = t.status === "inputting" && t.phoneError ? n(t.phoneError) : void 0, c = t.status === "inputting" ? t.otpVerification ?? !1 : !1, I = t.status === "inputting" ? t.optinEnabled ?? !1 : !1;
     return /* @__PURE__ */ e(
       g,
       {
         className: "IncodePhonePage",
-        title: s("phone.verify"),
-        subtitle: n.otpVerification ? s("email.willSendCode") : void 0,
+        title: n("phone.verify"),
+        subtitle: c ? n("email.willSendCode") : void 0,
         children: [
           /* @__PURE__ */ e("div", { class: "IncodePhoneInputContainer", children: [
             /* @__PURE__ */ e(
-              y,
+              R,
               {
                 id: "phone",
                 countryCode: a,
-                value: d,
-                error: c,
+                value: u,
+                error: l,
                 disabled: r,
-                onChange: (u, m) => {
-                  o.setPhoneNumber(u, m), P(m);
+                onChange: (m, h) => {
+                  o.setPhoneNumber(m, h), b(h);
                 },
                 "data-testid": "phone-input",
                 showErrorIcon: !0
               }
             ),
-            /* @__PURE__ */ e(h, { size: 16 }),
-            n.optinEnabled && /* @__PURE__ */ e(
-              S,
+            /* @__PURE__ */ e(f, { size: 16 }),
+            I && /* @__PURE__ */ e(
+              y,
               {
                 id: "phone-optin",
-                label: s("phone.optIn"),
+                label: n("phone.optIn"),
                 size: "s",
-                onChange: (u) => o.setOptInGranted(u.target.checked)
+                onChange: (m) => o.setOptInGranted(m.target.checked)
               }
             )
           ] }),
-          /* @__PURE__ */ e(h, {}),
+          /* @__PURE__ */ e(f, {}),
           /* @__PURE__ */ e(
-            C,
+            v,
             {
               onClick: () => o.submit(),
-              disabled: !f,
+              disabled: !P,
               isLoading: r,
               "data-testid": "phone-submit",
-              children: s("common.continue")
+              children: n("common.continue")
             }
           )
         ]
@@ -75,37 +75,37 @@ const R = ({
     );
   }
   if (t.status === "awaitingOtp" || t.status === "verifyingOtp" || t.status === "otpError" || t.status === "resendingOtp") {
-    const r = t.status === "verifyingOtp", a = t.status === "otpError", d = t.status === "awaitingOtp", c = t.status === "resendingOtp";
-    return /* @__PURE__ */ e(g, { className: "IncodePhonePage", title: s("otp.enterCodeSMS"), children: /* @__PURE__ */ e(
-      w,
+    const r = t.status === "verifyingOtp", a = t.status === "otpError", u = t.status === "awaitingOtp", l = t.status === "resendingOtp";
+    return /* @__PURE__ */ e(g, { className: "IncodePhonePage", title: n("otp.enterCodeSMS"), children: /* @__PURE__ */ e(
+      k,
       {
-        resendTimer: d || a ? t.resendTimer : 0,
-        canResend: d || a ? t.canResend : !1,
+        resendTimer: u || a ? t.resendTimer : 0,
+        canResend: u || a ? t.canResend : !1,
         isLoading: r,
-        disabled: c || r,
-        error: a ? s(t.otpError) : void 0,
-        onSubmit: (u) => o.submitOtp(u),
+        disabled: l || r,
+        error: a ? n(t.otpError) : void 0,
+        onSubmit: (c) => o.submitOtp(c),
         onResend: () => o.resendOtp(),
         onBack: () => o.back()
       }
     ) });
   }
-  return t.status === "finished" ? (p?.(), null) : (t.status === "error" && l?.(t.error), null);
-}, B = ({
-  config: n,
-  manager: i,
-  onFinish: p,
-  onError: l
-}) => /* @__PURE__ */ e(I, { children: n ? /* @__PURE__ */ e(
-  R,
+  return t.status === "finished" ? (d?.(), null) : (t.status === "error" && p?.(t.error), null);
+}, L = ({
+  config: i,
+  manager: s,
+  onFinish: d,
+  onError: p
+}) => /* @__PURE__ */ e(O, { children: i || s ? /* @__PURE__ */ e(
+  B,
   {
-    config: n,
-    manager: i,
-    onFinish: p,
-    onError: l
+    config: i,
+    manager: s,
+    onFinish: d,
+    onError: p
   }
 ) : null });
-k(B, "incode-phone");
+V(L, "incode-phone");
 export {
-  B as Phone
+  L as Phone
 };

package/dist/selfie/selfie.es.js

@@ -1,4 +1,4 @@
-import { u as r, I as u, a } from "../button-B2Ewo0rX.js";
+import { u as e, I as u, a } from "../button-B2Ewo0rX.js";
 import { createSelfieManager as l } from "@incodetech/core/selfie";
 import "../vendor-preact-BoMmvSgn.js";
 import "@incodetech/core";
@@ -7,32 +7,39 @@ import { r as f } from "../incodeModule-C4XIllao.js";
 import { P as p } from "../processing-De8XWnFp.js";
 import { T as c, C as d } from "../tutorial-BnO6iyLI.js";
 const g = ({
-  config: e,
-  manager: s,
+  config: s,
+  manager: t,
   onFinish: n,
   onError: i
 }) => {
-  const [t, o] = a(
-    () => s ?? l({ config: e }),
-    { manageLifecycle: !s }
+  const [r, o] = a(
+    () => {
+      if (t) return t;
+      if (!s)
+        throw new Error(
+          "Selfie config is required when no manager is provided"
+        );
+      return l({ config: s });
+    },
+    { manageLifecycle: !t }
   );
-  return t.status === "idle" || t.status === "loading" ? null : t.status === "tutorial" ? /* @__PURE__ */ r(c, { manager: o }) : t.status === "permissions" ? /* @__PURE__ */ r(
+  return r.status === "idle" || r.status === "loading" ? null : r.status === "tutorial" ? /* @__PURE__ */ e(c, { manager: o }) : r.status === "permissions" ? /* @__PURE__ */ e(
     m,
     {
       manager: o,
-      permissionStatus: t.permissionStatus
+      permissionStatus: r.permissionStatus
     }
-  ) : t.status === "capture" ? /* @__PURE__ */ r(d, { manager: o, state: t }) : t.status === "processing" ? /* @__PURE__ */ r(p, {}) : t.status === "finished" ? (n?.(), null) : t.status === "closed" ? (i?.(void 0), null) : (t.status === "error" && i?.(t.error), null);
+  ) : r.status === "capture" ? /* @__PURE__ */ e(d, { manager: o, state: r }) : r.status === "processing" ? /* @__PURE__ */ e(p, {}) : r.status === "finished" ? (n?.(), null) : r.status === "closed" ? (i?.(void 0), null) : (r.status === "error" && i?.(r.error), null);
 }, S = ({
-  config: e,
-  manager: s,
+  config: s,
+  manager: t,
   onFinish: n,
   onError: i
-}) => /* @__PURE__ */ r(u, { children: e ? /* @__PURE__ */ r(
+}) => /* @__PURE__ */ e(u, { children: s || t ? /* @__PURE__ */ e(
   g,
   {
-    config: e,
-    manager: s,
+    config: s,
+    manager: t,
     onFinish: n,
     onError: i
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260330-e91ed6b",
+  "version": "0.0.0-dev-20260331-a4ec4fe",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -136,7 +136,7 @@
     "preact-markup": "^2.1.1",
     "qrcode": "^1.5.4",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260330-e91ed6b"
+    "@incodetech/core": "0.0.0-dev-20260331-a4ec4fe"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",
@@ -167,6 +167,7 @@
   },
   "scripts": {
     "dev": "vite --host",
+    "dev:http": "VITE_DEV_HTTPS=false vite --host",
     "dev:debug": "vite --host --no-open",
     "build:dev": "vite build --watch",
     "build": "vite build",