@incodetech/web 0.0.0-dev-20260320-96b0018 → 0.0.0-dev-20260320-c9bdba0

package/dist/base.css

@@ -334,6 +334,7 @@
   border-style: var(--tw-border-style);
   border-width: 1.5px;
   border-color: var(--color-button-secondary-border-default, var(--button-secondary-border-default));
+  background-color: #0000;
 }
 .IncodeButton.IncodeButtonSecondary:active {
   border-color: var(--color-button-secondary-border-pressed, var(--button-secondary-border-pressed));

package/dist/extensibility.es.js

@@ -10,7 +10,7 @@ import { F as J, V as K } from "./formField-hlgxOSE6.js";
 import { a as Q, C as X, c as Y, b as Z, e as _, d as $, H as aa, L as ea, P as ra } from "./captureFooter-SNtyUXrI.js";
 import { I as ta, a as sa } from "./inputComposed-CyGtRLzv.js";
 import { O as pa } from "./otpInput-B3iNW8b5.js";
-import { C as ia, g as ua, h as la, b as da, d as ma, I as Ca, e as fa, F as Ia, c as xa, S as ha, T as ga, a as ya, f as Ta, V as Sa } from "./flipAnimation-B6At4rzA.js";
+import { C as ia, g as ua, h as la, b as da, d as ma, I as Ca, e as fa, F as Ia, c as xa, S as ha, T as ga, a as ya, f as Ta, V as Sa } from "./flipAnimation-CnXEIDH1.js";
 import { P as Ba } from "./phoneInputComposed-DNfU__MR.js";
 import { D as Pa, S as La } from "./dropdownComposed-Cg6lQD2C.js";
 import { C as Ha, D as Ma } from "./dateInputComposed-C8WTSu9L.js";

package/dist/{flipAnimation-B6At4rzA.js → flipAnimation-CnXEIDH1.js}

@@ -1,13 +1,13 @@
-import { u as e, d as x, b as w, S as E, B as k } from "./button-zCdeDeEB.js";
-import { _ as V, D as H, d as B, A as g, y as I, k as $, q as U, T as i1 } from "./vendor-preact-BXf0bkEs.js";
+import { u as e, d as x, b as g, S as Z, B as k } from "./button-zCdeDeEB.js";
+import { _ as V, D as H, d as b, A as m, y as I, k as $, q as U, T as W } from "./vendor-preact-BXf0bkEs.js";
 import "./uiConfig-Z6RT23Sl.js";
 import { P as D } from "./page-Dv0s0RPn.js";
-import { T as P, S as W } from "./spinner-BbVGMG-G.js";
+import { T as P, S as j } from "./spinner-BbVGMG-G.js";
 import { L as n1, P as r1, c as l1, a as o1, d as a1, C as s1, b as c1 } from "./captureFooter-SNtyUXrI.js";
 import { L as A, B as d1 } from "./manualCaptureButton-iYqQECzn.js";
 import "@incodetech/core";
 import "./inputComposed-CyGtRLzv.js";
-import { E as j } from "./errorIcon-bIXk9nAy.js";
+import { E as K } from "./errorIcon-bIXk9nAy.js";
 import "./phoneInputComposed-DNfU__MR.js";
 import "./dateInputComposed-C8WTSu9L.js";
 import { S as C1 } from "./successIcon-DN8LMqE2.js";
@@ -96,18 +96,18 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
     onChange: c,
     error: h,
     helper: C,
-    showErrorIcon: m = !0,
+    showErrorIcon: v = !0,
     class: u,
-    "aria-label": y,
-    "aria-labelledby": M,
+    "aria-label": L,
+    "aria-labelledby": y,
     "aria-describedby": _,
     "aria-invalid": p,
-    ...v
+    ...w
   }, f) => {
-    const [L, F] = B(!!l), Z = r !== void 0, O = Z ? !!r : L, R = !!o, X = !!s, Y = typeof u == "string" ? u : void 0, e1 = (N) => {
-      Z || F(N.target.checked), c?.(N);
-    }, S = C ? `${i}-helper` : void 0, z = h ? `${i}-error` : void 0, t1 = [_, z, S].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ e("div", { class: x("IncodeCheckbox", Y), children: [
+    const [E, F] = b(!!l), B = r !== void 0, O = B ? !!r : E, R = !!o, Y = !!s, e1 = typeof u == "string" ? u : void 0, t1 = (N) => {
+      B || F(N.target.checked), c?.(N);
+    }, S = C ? `${i}-helper` : void 0, z = h ? `${i}-error` : void 0, i1 = [_, z, S].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ e("div", { class: x("IncodeCheckbox", e1), children: [
       /* @__PURE__ */ e(
         "label",
         {
@@ -126,16 +126,16 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
                   id: i,
                   name: a,
                   value: d,
-                  ...Z ? { checked: r } : { defaultChecked: l },
+                  ...B ? { checked: r } : { defaultChecked: l },
                   disabled: o,
                   required: s,
-                  onChange: e1,
-                  "aria-label": y,
-                  "aria-labelledby": M,
-                  "aria-describedby": t1,
+                  onChange: t1,
+                  "aria-label": L,
+                  "aria-labelledby": y,
+                  "aria-describedby": i1,
                   "aria-invalid": p || !!h,
-                  "aria-required": X,
-                  ...v
+                  "aria-required": Y,
+                  ...w
                 }
               ),
               /* @__PURE__ */ e(
@@ -158,7 +158,7 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
                   IncodeCheckboxTextM: n === "m",
                   IncodeCheckboxTextDisabled: R
                 }),
-                "aria-hidden": M ? "true" : void 0,
+                "aria-hidden": y ? "true" : void 0,
                 children: [
                   t,
                   s && /* @__PURE__ */ e("span", { class: "IncodeCheckboxRequired", "aria-hidden": "true", children: "*" })
@@ -174,7 +174,7 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
           class: "IncodeCheckboxMessageWrapper",
           "data-testid": `${i}-error-wrapper`,
           children: [
-            m && /* @__PURE__ */ e("div", { class: "IncodeCheckboxIconWrapper", children: /* @__PURE__ */ e(j, { size: 17 }) }),
+            v && /* @__PURE__ */ e("div", { class: "IncodeCheckboxIconWrapper", children: /* @__PURE__ */ e(K, { size: 17 }) }),
             /* @__PURE__ */ e("p", { id: z, class: "IncodeCheckboxErrorText", children: h })
           ]
         }
@@ -216,7 +216,7 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
     class: c,
     ...h
   }, C) => {
-    const m = `${i}-helper`, u = `${i}-error`, y = [o ? m : null, r ? u : null].filter(Boolean).join(" ");
+    const v = `${i}-helper`, u = `${i}-error`, L = [o ? v : null, r ? u : null].filter(Boolean).join(" ");
     return /* @__PURE__ */ e("div", { class: x("IncodeTextAreaComposed", c), children: [
       t && /* @__PURE__ */ e(
         "label",
@@ -239,7 +239,7 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
           ref: C,
           required: a,
           ...!t && n ? { "aria-label": n } : {},
-          "aria-describedby": y || void 0,
+          "aria-describedby": L || void 0,
           "aria-required": a ? "true" : void 0,
           "aria-invalid": r ? "true" : void 0
         }
@@ -250,7 +250,7 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
           class: "IncodeTextAreaComposedErrorWrapper",
           "data-testid": `${i}-error-wrapper`,
           children: [
-            l && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(j, { size: 17 }) }),
+            l && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(K, { size: 17 }) }),
             /* @__PURE__ */ e("p", { id: u, class: "IncodeTextAreaComposedError", children: r })
           ]
         }
@@ -262,7 +262,7 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
           "data-testid": `${i}-helper-wrapper`,
           children: [
             s && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(C1, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: m, class: "IncodeTextAreaComposedHelper", children: o })
+            /* @__PURE__ */ e("p", { id: v, class: "IncodeTextAreaComposedHelper", children: o })
           ]
         }
       )
@@ -514,7 +514,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
   onClose: i,
   onTakeManually: t
 }) => {
-  const { t: n } = w(), r = g(null), l = () => {
+  const { t: n } = g(), r = m(null), l = () => {
     t(), i();
   };
   return I(() => {
@@ -545,7 +545,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ e(E, { size: 12 }),
+          /* @__PURE__ */ e(Z, { size: 12 }),
           /* @__PURE__ */ e(
             "h2",
             {
@@ -556,7 +556,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
               children: n("commonIssues.commonIssues")
             }
           ),
-          /* @__PURE__ */ e(E, { size: 24 }),
+          /* @__PURE__ */ e(Z, { size: 24 }),
           /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCards", children: [
             /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
               /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(L1, {}) }),
@@ -619,7 +619,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       children: r
     }
   );
-}, K = ({
+}, q = ({
   imageUrl: i,
   orientation: t,
   mode: n,
@@ -628,7 +628,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
   bottomContent: o,
   overlayContent: s
 }) => {
-  const { t: a } = w();
+  const { t: a } = g();
   return /* @__PURE__ */ e(D, { hideHeader: !0, hideFooterBranding: !0, children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayout", children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayoutContent", children: [
     l && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingTopArea", children: l }),
     /* @__PURE__ */ e(
@@ -665,7 +665,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
   orientation: n,
   mode: r
 }) => {
-  const { t: l } = w(), o = g(null), s = n !== "vertical" || r === "passport", [a, d] = B(null);
+  const { t: l } = g(), o = m(null), s = n !== "vertical" || r === "passport", [a, d] = b(null);
   return I(() => {
     o.current?.focus();
   }, []), I(() => {
@@ -675,7 +675,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       d(c.default);
     });
   }, [s]), /* @__PURE__ */ e(
-    K,
+    q,
     {
       imageUrl: i,
       orientation: n,
@@ -723,7 +723,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       }
     )
   }
-), q = ({ className: i, ...t }) => /* @__PURE__ */ e(
+), Q = ({ className: i, ...t }) => /* @__PURE__ */ e(
   "svg",
   {
     class: i,
@@ -742,7 +742,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       }
     )
   }
-), Q = ({
+), J = ({
   variant: i,
   imageUrl: t,
   orientation: n,
@@ -753,19 +753,19 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
   onButtonClick: a,
   attemptsRemaining: d
 }) => {
-  const { t: c } = w(), h = g(null);
+  const { t: c } = g(), h = m(null);
   return I(() => {
     h.current?.focus();
   }, []), /* @__PURE__ */ e(
-    K,
+    q,
     {
       imageUrl: t,
       orientation: n,
       mode: r,
       borderState: i,
       topContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultContent", role: "status", children: [
-        i === "success" ? /* @__PURE__ */ e(Z1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(q, { className: "IncodeIdProcessingResultIcon" }),
-        /* @__PURE__ */ e(E, { size: 16 }),
+        i === "success" ? /* @__PURE__ */ e(Z1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(Q, { className: "IncodeIdProcessingResultIcon" }),
+        /* @__PURE__ */ e(Z, { size: 16 }),
         l && /* @__PURE__ */ e(
           P,
           {
@@ -776,7 +776,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
           }
         ),
         o && /* @__PURE__ */ e($, { children: [
-          /* @__PURE__ */ e(E, { size: 12 }),
+          /* @__PURE__ */ e(Z, { size: 12 }),
           /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultSubtitle", children: o })
         ] })
       ] }),
@@ -789,12 +789,12 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
     }
   );
 }, E1 = ({ manager: i, state: t }) => {
-  const { t: n } = w();
+  const { t: n } = g();
   if (!t.previewImageUrl)
     return null;
   const r = t.currentMode === "passport" ? "passport" : "id", l = () => t.needsBackCapture ? n("v2.idSuccess.subtitle") : t.needsFrontCapture ? n("idv2.capture.processing.successBackSubtitleScanFront") : n("v2.idSuccess.subtitleBack"), o = () => t.needsBackCapture ? n("idv2.capture.processing.scanBack") : t.needsFrontCapture ? n("idv2.capture.processing.scanFront") : n("idv2.capturePreview.continue");
   return /* @__PURE__ */ e(
-    Q,
+    J,
     {
       variant: "success",
       imageUrl: t.previewImageUrl,
@@ -807,7 +807,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
     }
   );
 }, V1 = ({ manager: i, state: t, ...n }) => {
-  const { t: r } = w();
+  const { t: r } = g();
   if (t.status === "error")
     return /* @__PURE__ */ e("div", { class: "IncodeIdError", role: "alert", children: [
       /* @__PURE__ */ e("div", { class: "IncodeIdErrorMessage", children: t.error }),
@@ -815,7 +815,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
     ] });
   const l = t.currentMode === "passport" ? "passport" : "id";
   return t.previewImageUrl ? /* @__PURE__ */ e(
-    Q,
+    J,
     {
       variant: "error",
       imageUrl: t.previewImageUrl,
@@ -829,7 +829,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
     }
   ) : null;
 }, l2 = ({ manager: i }) => {
-  const { t } = w(), n = g(null);
+  const { t } = g(), n = m(null);
   I(() => {
     n.current?.focus();
   }, []);
@@ -838,15 +838,15 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
   };
   return /* @__PURE__ */ e(D, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
     /* @__PURE__ */ e("div", { class: "IncodeIdExpiredContent", role: "alert", children: [
-      /* @__PURE__ */ e(q, { className: "IncodeIdExpiredIcon" }),
+      /* @__PURE__ */ e(Q, { className: "IncodeIdExpiredIcon" }),
       /* @__PURE__ */ e(P, { ref: n, tabIndex: -1, className: "IncodeIdExpiredTitle", children: t("idv2.capture.notifications.expiredId") }),
-      /* @__PURE__ */ e(E, { size: 12 }),
+      /* @__PURE__ */ e(Z, { size: 12 }),
       /* @__PURE__ */ e("p", { class: "IncodeIdExpiredSubtitle", children: t("idv2.capture.notifications.useDifferent") }),
-      /* @__PURE__ */ e(E, { size: 80 })
+      /* @__PURE__ */ e(Z, { size: 80 })
     ] }),
     /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(k, { variant: "primary", onClick: r, children: t("idv2.unacceptedId.tryAgain") }) })
   ] });
-}, b = /* @__PURE__ */ new Map();
+}, M = /* @__PURE__ */ new Map();
 let G = !1;
 const T = {
   blur: () => import("./blurdevicelottie-_BZRug1c.js"),
@@ -855,7 +855,7 @@ const T = {
   front: () => import("./frontdevicelottie-KhKxT5n9.js"),
   back: () => import("./backdevicelottie-B4NgyWmX.js")
 };
-function J(i) {
+function X(i) {
   G || (G = !0, Promise.all([
     T.blur(),
     T.glare(),
@@ -863,12 +863,12 @@ function J(i) {
     T.front(),
     T.back()
   ]).then(([t, n, r, l, o]) => {
-    b.set("blur", t.default), b.set("glare", n.default), b.set("align", r.default), b.set("front", l.default), b.set("back", o.default), i?.();
+    M.set("blur", t.default), M.set("glare", n.default), M.set("align", r.default), M.set("front", l.default), M.set("back", o.default), i?.();
   }).catch(() => {
   }));
 }
 function T1() {
-  J();
+  X();
 }
 function k1() {
   I(() => {
@@ -876,33 +876,33 @@ function k1() {
   }, []);
 }
 function D1(i, t) {
-  const { t: n } = w(), [, r] = B(0);
+  const { t: n } = g(), [, r] = b(0);
   if (I(() => {
-    J(() => r((l) => l + 1));
+    X(() => r((l) => l + 1));
   }, []), i === "blur")
     return {
       title: n("idv2.capture.notifications.blur.title"),
       description: n("idv2.capture.notifications.blur.description"),
-      animationData: b.get("blur") ?? null
+      animationData: M.get("blur") ?? null
     };
   if (i === "glare")
     return {
       title: n("idv2.capture.notifications.glare.title"),
       description: n("idv2.capture.notifications.glare.description"),
-      animationData: b.get("glare") ?? null
+      animationData: M.get("glare") ?? null
     };
   if (i === "farAway")
     return {
       title: n("idv2.capture.notifications.notAligned.title"),
       description: n("idv2.capture.notifications.notAligned.description"),
-      animationData: b.get("align") ?? null
+      animationData: M.get("align") ?? null
     };
   if (i === "wrongSide") {
     const l = t === "back";
     return {
       title: n(l ? "idv2.capture.notifications.showBack.title" : "idv2.capture.notifications.showFront.title"),
       description: n(l ? "idv2.capture.notifications.showBack.description" : "idv2.capture.notifications.showFront.description"),
-      animationData: b.get(l ? "back" : "front") ?? null
+      animationData: M.get(l ? "back" : "front") ?? null
     };
   }
   return null;
@@ -912,45 +912,45 @@ const F1 = ({
   mode: t,
   isCapturing: n
 }) => {
-  const { t: r } = w(), l = D1(i, t), o = g(null), s = g({
+  const { t: r } = g(), l = D1(i, t), o = m(null), s = m({
     message: "",
     at: 0
-  }), a = g(i), d = g(!1), c = g(), h = g(), C = i === "detecting" || i === "idNotDetected" || i === "manualCapture", m = i === "manualCapture", u = i === "wrongSide", y = i === "farAway", M = i === "glare", _ = i === "blur", p = U((f) => {
-    const L = Date.now(), F = s.current;
-    if (f === F.message && L - F.at < 200) return;
-    s.current = { message: f, at: L };
-    const Z = o.current;
-    Z && (clearTimeout(c.current), Z.textContent = "", h.current = setTimeout(() => {
-      Z.textContent = f, c.current = setTimeout(() => {
-        Z.textContent = "";
+  }), a = m(i), d = m(!1), c = m(), h = m(), C = i === "detecting" || i === "idNotDetected" || i === "manualCapture", v = i === "manualCapture", u = i === "wrongSide", L = i === "farAway", y = i === "glare", _ = i === "blur", p = U((f) => {
+    const E = Date.now(), F = s.current;
+    if (f === F.message && E - F.at < 200) return;
+    s.current = { message: f, at: E };
+    const B = o.current;
+    B && (clearTimeout(c.current), B.textContent = "", h.current = setTimeout(() => {
+      B.textContent = f, c.current = setTimeout(() => {
+        B.textContent = "";
       }, 3e3);
     }, 50));
-  }, []), v = U(() => r(t === "passport" ? "idv2.capture.fillFramePassport" : t === "back" ? "idv2.capture.v2.fillFrameBack" : "idv2.capture.v2.fillFrameFront"), [t, r]);
+  }, []), w = U(() => r(t === "passport" ? "idv2.capture.fillFramePassport" : t === "back" ? "idv2.capture.v2.fillFrameBack" : "idv2.capture.v2.fillFrameFront"), [t, r]);
   return I(() => {
-    if (m) {
+    if (v) {
       d.current = !1;
       return;
     }
     if (d.current || !C) return;
     const f = setTimeout(() => {
-      d.current = !0, p(v());
+      d.current = !0, p(w());
     }, 500);
     return () => clearTimeout(f);
-  }, [C, m, p, v]), I(() => {
+  }, [C, v, p, w]), I(() => {
     const f = a.current;
-    a.current = i, f !== "manualCapture" && m && p(r("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
-  }, [p, i, m, r]), I(() => {
+    a.current = i, f !== "manualCapture" && v && p(r("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
+  }, [p, i, v, r]), I(() => {
     if (!n) {
       if (u) {
-        const L = t === "front" || t === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
-        p(`${r(`${L}.title`)}. ${r(`${L}.description`)}`);
+        const E = t === "front" || t === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
+        p(`${r(`${E}.title`)}. ${r(`${E}.description`)}`);
         return;
       }
-      if (y) {
+      if (L) {
         p(`${r("idv2.capture.notifications.notAligned.title")}.`);
         return;
       }
-      if (M) {
+      if (y) {
         p(`${r("idv2.capture.notifications.glare.title")}.`);
         return;
       }
@@ -958,19 +958,19 @@ const F1 = ({
         p(`${r("idv2.capture.notifications.blur.title")}.`);
         return;
       }
-      C && d.current && p(v());
+      C && d.current && p(w());
     }
   }, [
     p,
     _,
     n,
+    L,
     y,
-    M,
     C,
     u,
     t,
     r,
-    v
+    w
   ]), I(() => () => {
     clearTimeout(h.current), clearTimeout(c.current);
   }, []), /* @__PURE__ */ e($, { children: [
@@ -988,7 +988,7 @@ const F1 = ({
         /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationTitle", children: l.title }),
         l.description && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationDescription", children: l.description })
       ] }),
-      /* @__PURE__ */ e(E, { size: 16, direction: "horizontal" }),
+      /* @__PURE__ */ e(Z, { size: 16, direction: "horizontal" }),
       l.animationData && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ e(A, { animationData: l.animationData, loop: !0 }) })
     ] }) }) : null
   ] });
@@ -1005,37 +1005,37 @@ const F1 = ({
     helpButtonRef: d,
     captureButtonRef: c
   }, h) => {
-    const { t: C } = w();
+    const { t: C } = g();
     k1(), I(() => {
       o && c && c.current?.focus();
     }, [o, c]);
-    const m = n === "detecting" || n === "idNotDetected" || n === "manualCapture", u = () => l || n === "capturing" ? "capturing" : n === "blur" || n === "glare" || n === "wrongSide" || n === "farAway" ? "error" : "idle", y = () => {
+    const v = () => l || n === "capturing" ? "capturing" : n === "blur" || n === "glare" || n === "wrongSide" || n === "farAway" ? "error" : "idle", u = W(() => {
       if (l || n === "capturing")
         return {
           title: C("idv2.capture.takingPhoto"),
           subtitle: C("idv2.capture.dontMove")
         };
-      if (m) {
-        const L = n === "manualCapture";
+      if (n === "detecting" || n === "idNotDetected" || n === "manualCapture") {
+        const f = n === "manualCapture";
         return i === "passport" ? {
           title: C("idv2.capture.fillFramePassport"),
-          subtitle: L ? "" : C("idv2.capture.v2.autoCapture")
+          subtitle: f ? "" : C("idv2.capture.v2.autoCapture")
         } : i === "back" ? {
           title: C("idv2.capture.v2.fillFrameBack"),
-          subtitle: L ? "" : C("idv2.capture.v2.autoCapture")
+          subtitle: f ? "" : C("idv2.capture.v2.autoCapture")
         } : {
           title: C("idv2.capture.v2.fillFrameFront"),
-          subtitle: L ? "" : C("idv2.capture.v2.autoCapture")
+          subtitle: f ? "" : C("idv2.capture.v2.autoCapture")
         };
       }
       return null;
-    }, M = u(), _ = y(), p = i === "passport", v = t !== "vertical" || p, f = v ? "horizontal" : "vertical";
+    }, [l, n, i, C]), L = v(), y = i === "passport", _ = t !== "vertical" || y, p = _ ? "horizontal" : "vertical";
     return /* @__PURE__ */ e(
       s1,
       {
         className: x(
           "IncodeCaptureOverlayId",
-          !v && "IncodeCaptureOverlayVertical"
+          !_ && "IncodeCaptureOverlayVertical"
         ),
         children: [
           /* @__PURE__ */ e("div", { class: "IncodeCaptureTopSection", children: [
@@ -1050,9 +1050,9 @@ const F1 = ({
             /* @__PURE__ */ e(
               l1,
               {
-                title: _?.title ?? "",
-                subtitle: _?.subtitle,
-                visible: _ !== null,
+                title: u?.title ?? "",
+                subtitle: u?.subtitle,
+                visible: u !== null,
                 titleId: "id-capture-heading"
               }
             )
@@ -1062,15 +1062,13 @@ const F1 = ({
             {
               ref: h,
               variant: "locked",
-              orientation: f,
-              frameState: M,
-              className: x(p && "IncodeCaptureFramePassport"),
-              children: [
-                l && r > 0 && /* @__PURE__ */ e("div", { class: "IncodeCaptureCounter", "aria-hidden": "true", children: r }),
-                /* @__PURE__ */ e("div", { class: "IncodeSrOnly", "aria-live": "polite", "aria-atomic": "true", children: l && r > 0 ? r : "" })
-              ]
+              orientation: p,
+              frameState: L,
+              className: x(y && "IncodeCaptureFramePassport"),
+              children: l && r > 0 && /* @__PURE__ */ e("div", { class: "IncodeCaptureCounter", children: r })
             }
           ),
+          /* @__PURE__ */ e("div", { class: "IncodeSrOnly", "aria-live": "polite", "aria-atomic": "true", children: l && r > 0 ? r : "" }),
           /* @__PURE__ */ e(
             a1,
             {
@@ -1099,9 +1097,9 @@ const F1 = ({
     );
   }
 ), o2 = ({ manager: i, state: t }) => {
-  const { t: n } = w();
+  const { t: n } = g();
   if (t.captureStatus === "initializing")
-    return /* @__PURE__ */ e(D, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(W, { size: "large", title: `${n("webcam.loading")}...` }) });
+    return /* @__PURE__ */ e(D, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(j, { size: "large", title: `${n("webcam.loading")}...` }) });
   if (t.captureStatus === "uploading" && t.previewImageUrl) {
     const r = t.currentMode === "passport" ? "passport" : "id";
     return /* @__PURE__ */ e(
@@ -1116,7 +1114,7 @@ const F1 = ({
   }
   return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(E1, { manager: i, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(V1, { manager: i, state: t }) : /* @__PURE__ */ e(P1, { manager: i, state: t });
 }, P1 = ({ manager: i, state: t }) => {
-  const n = g(null), r = g(null), l = g(null), o = g(null), [s, a] = B(!1), [d, c] = B(!1);
+  const n = m(null), r = m(null), l = m(null), o = m(null), [s, a] = b(!1), [d, c] = b(!1);
   I(() => {
     const p = n.current;
     if (!p || !t.stream) {
@@ -1124,15 +1122,15 @@ const F1 = ({
       return;
     }
     c(!1);
-    const v = () => c(!0);
-    return p.addEventListener("playing", v), p.srcObject = t.stream, p.play().catch(() => {
-    }), () => p.removeEventListener("playing", v);
+    const w = () => c(!0);
+    return p.addEventListener("playing", w), p.srcObject = t.stream, p.play().catch(() => {
+    }), () => p.removeEventListener("playing", w);
   }, [t.stream]), I(() => {
     const p = () => {
-      const v = r.current;
-      if (!v)
+      const w = r.current;
+      if (!w)
         return;
-      const f = v.getBoundingClientRect();
+      const f = w.getBoundingClientRect();
       i.updateDetectionArea({
         x: f.left,
         y: f.top,
@@ -1142,13 +1140,13 @@ const F1 = ({
     };
     return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
   }, [i, t.orientation, d]);
-  const h = t.captureStatus === "capturing" || t.detectionStatus === "capturing", C = t.detectionStatus, m = C === "manualCapture" || t.showCaptureButtonInAuto && t.captureStatus === "detecting" && C !== "capturing", u = () => {
+  const h = t.captureStatus === "capturing" || t.detectionStatus === "capturing", C = t.detectionStatus, v = C === "manualCapture" || t.showCaptureButtonInAuto && t.captureStatus === "detecting" && C !== "capturing", u = () => {
     a(!0);
-  }, y = () => {
+  }, L = () => {
     a(!1), requestAnimationFrame(() => {
       o.current ? o.current.focus() : l.current?.focus();
     });
-  }, M = () => {
+  }, y = () => {
     a(!1), i.switchToManualCapture();
   }, _ = () => {
     i.capture();
@@ -1163,7 +1161,7 @@ const F1 = ({
         detectionStatus: t.detectionStatus,
         counterValue: t.counterValue,
         isCapturing: h,
-        showManualCapture: m,
+        showManualCapture: v,
         onCapture: _,
         onOpenHelp: u,
         helpButtonRef: l,
@@ -1173,13 +1171,13 @@ const F1 = ({
     s && /* @__PURE__ */ e(
       M1,
       {
-        onClose: y,
-        onTakeManually: M
+        onClose: L,
+        onTakeManually: y
       }
     )
   ] });
 }, a2 = ({ manager: i, state: t }) => {
-  const { t: n } = w(), [r, l] = B(!1), [o, s] = B(null), a = t.selectedDocumentType === "passport", d = t.currentMode === "back";
+  const { t: n } = g(), [r, l] = b(!1), [o, s] = b(null), a = t.selectedDocumentType === "passport", d = t.currentMode === "back";
   if (I(() => {
     a ? import("./passport-tutorial-CaYBFTqt.js").then((u) => {
       s(u.default);
@@ -2479,7 +2477,7 @@ function N1(i) {
   return i.reduce(t, []).sort((n, r) => n.weight - r.weight);
 }
 const s2 = ({ manager: i, state: t }) => {
-  const { t: n } = w(), r = i1(
+  const { t: n } = g(), r = W(
     () => N1(t.availableDocumentTypes),
     [t.availableDocumentTypes]
   ), l = (o) => {
@@ -2508,7 +2506,7 @@ const s2 = ({ manager: i, state: t }) => {
   manager: i,
   direction: t
 }) => {
-  const [n, r] = B(null), [l, o] = B(!1), { t: s } = w();
+  const [n, r] = b(null), [l, o] = b(!1), { t: s } = g();
   I(() => {
     import("./flip-animation-COR596wy.js").then((c) => {
       r(c.default);
@@ -2517,9 +2515,9 @@ const s2 = ({ manager: i, state: t }) => {
   const a = U(async () => {
     await new Promise((c) => setTimeout(c, 1e3)), t === "toBack" ? i.continueToBack() : i.continueToFront(), o(!0);
   }, [t, i]);
-  return l ? /* @__PURE__ */ e(W, { size: "large" }) : n ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
+  return l ? /* @__PURE__ */ e(j, { size: "large" }) : n ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
     /* @__PURE__ */ e(P, { role: "status", className: "IncodeFlipAnimationTitle", children: s(t === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront") }),
-    /* @__PURE__ */ e(E, { size: 32 }),
+    /* @__PURE__ */ e(Z, { size: 32 }),
     /* @__PURE__ */ e(
       A,
       {

package/dist/id/id.es.js

@@ -5,7 +5,7 @@ import "@incodetech/core";
 import { P as c } from "../manualCaptureButton-iYqQECzn.js";
 import { r as p } from "../incodeModule-aE-LkKwM.js";
 import { P as l } from "../processing-BhY0-0xy.js";
-import { d as f, c as I, F as a, b as g, e as h, I as C } from "../flipAnimation-B6At4rzA.js";
+import { d as f, c as I, F as a, b as g, e as h, I as C } from "../flipAnimation-CnXEIDH1.js";
 import "../uiConfig-Z6RT23Sl.js";
 import "../spinner-BbVGMG-G.js";
 const F = ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260320-96b0018",
+  "version": "0.0.0-dev-20260320-c9bdba0",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -119,7 +119,7 @@
     "preact-custom-element": "^4.6.0",
     "qrcode": "^1.5.4",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260320-96b0018"
+    "@incodetech/core": "0.0.0-dev-20260320-c9bdba0"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",