@incodetech/web 0.0.0-dev-20260306-aac8dd3 → 0.0.0-dev-20260309-8c96b8e

package/dist/id/id.es.js

@@ -1,14 +1,14 @@
-import { u as e, b as u, S as p, B, c as w, r as z, I as U, a as N } from "../incodeModule-Cep-QgBA.js";
-import { createIdCaptureManager as O } from "@incodetech/core/id";
-import { d as m, y as v, k as G, D as K, A as Z } from "../vendor-preact-DP-hbKuj.js";
+import { u as e, b as C, S as p, B, c as w, r as z, I as N, a as O } from "../incodeModule-Cep-QgBA.js";
+import { createIdCaptureManager as G } from "@incodetech/core/id";
+import { d as m, y as v, k as K, D as Q, A as Z, q as $ } from "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
-import { L as E, B as Q, P as j } from "../baseTutorial-Bn4o165G.js";
-import { P as $ } from "../processing-BivHhXrQ.js";
+import { L as E, B as j, P as q } from "../baseTutorial-Bn4o165G.js";
+import { P as W } from "../processing-BivHhXrQ.js";
 import "../uiConfig-B8PUPgHY.js";
-import { L as q, P as J, a as W, b as X, c as Y, C as e1, d as t1 } from "../captureFooter-I1T3jXYf.js";
+import { L as J, P as X, a as Y, b as e1, c as t1, C as i1, d as n1 } from "../captureFooter-I1T3jXYf.js";
 import { P as M } from "../page-ws5_se-Y.js";
-import { T as H, S as i1 } from "../spinner-BNswWIfS.js";
-const n1 = ({ className: n }) => /* @__PURE__ */ e(
+import { T as H, S as D } from "../spinner-BNswWIfS.js";
+const r1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -56,7 +56,7 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
       )
     ]
   }
-), r1 = ({ className: n }) => /* @__PURE__ */ e(
+), o1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -74,7 +74,7 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
       }
     )
   }
-), o1 = ({ className: n }) => /* @__PURE__ */ e(
+), s1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -115,7 +115,7 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
       )
     ]
   }
-), s1 = ({
+), l1 = ({
   className: n
 }) => /* @__PURE__ */ e(
   "svg",
@@ -166,7 +166,7 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
       )
     ]
   }
-), l1 = ({ className: n }) => /* @__PURE__ */ e(
+), a1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "64",
@@ -187,11 +187,11 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
       )
     ]
   }
-), a1 = ({
+), c1 = ({
   onClose: n,
   onTakeManually: t
 }) => {
-  const { t: i } = u(), r = () => {
+  const { t: i } = C(), r = () => {
     t(), n();
   };
   return /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesModal", children: /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesModalContent", children: [
@@ -202,31 +202,31 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
         class: "IncodeCommonIssuesCloseButton",
         onClick: n,
         "aria-label": i("commonIssues.close"),
-        children: /* @__PURE__ */ e(r1, {})
+        children: /* @__PURE__ */ e(o1, {})
       }
     ) }),
     /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesContent", children: [
-      /* @__PURE__ */ e(l1, { className: "IncodeCommonIssuesQuestionIcon" }),
+      /* @__PURE__ */ e(a1, { className: "IncodeCommonIssuesQuestionIcon" }),
       /* @__PURE__ */ e(p, { size: 12 }),
       /* @__PURE__ */ e("h2", { class: "IncodeCommonIssuesTitle", children: i("commonIssues.commonIssues") }),
       /* @__PURE__ */ e(p, { size: 24 }),
       /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCards", children: [
         /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
-          /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", children: /* @__PURE__ */ e(o1, {}) }),
+          /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", children: /* @__PURE__ */ e(s1, {}) }),
           /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
             /* @__PURE__ */ e("h5", { class: "IncodeCommonIssuesCardTitle", children: i("commonIssues.glarePresent") }),
             /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: i("commonIssues.glarePresentDescription") })
           ] })
         ] }),
         /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
-          /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", children: /* @__PURE__ */ e(n1, {}) }),
+          /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", children: /* @__PURE__ */ e(r1, {}) }),
           /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
             /* @__PURE__ */ e("h3", { class: "IncodeCommonIssuesCardTitle", children: i("commonIssues.blurPresent") }),
             /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: i("commonIssues.blurPresentDescription") })
           ] })
         ] }),
         /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
-          /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", children: /* @__PURE__ */ e(s1, {}) }),
+          /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", children: /* @__PURE__ */ e(l1, {}) }),
           /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
             /* @__PURE__ */ e("h3", { class: "IncodeCommonIssuesCardTitle", children: i("commonIssues.notReadable") }),
             /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: i("commonIssues.notReadableDescription") })
@@ -247,14 +247,14 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
       ] })
     ] })
   ] }) });
-}, c1 = ({
+}, d1 = ({
   orientation: n,
   mode: t,
   state: i,
   children: r,
   className: o
 }) => {
-  const s = n !== "vertical" || t === "passport", a = t === "passport", l = `IncodeCaptureFrame${i.charAt(0).toUpperCase() + i.slice(1)}`;
+  const s = n !== "vertical" || t === "passport", c = t === "passport", l = `IncodeCaptureFrame${i.charAt(0).toUpperCase() + i.slice(1)}`;
   return /* @__PURE__ */ e(
     "div",
     {
@@ -262,26 +262,26 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
         "IncodeCaptureFrame",
         s ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
         l,
-        a && "IncodeCaptureFramePassport",
+        c && "IncodeCaptureFramePassport",
         o
       ),
       children: r
     }
   );
-}, D = ({
+}, V = ({
   imageUrl: n,
   orientation: t,
   mode: i,
   borderState: r,
   topContent: o,
   bottomContent: s,
-  overlayContent: a
+  overlayContent: c
 }) => {
-  const { t: l } = u();
+  const { t: l } = C();
   return /* @__PURE__ */ e(M, { hideHeader: !0, hideFooterBranding: !0, children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayout", children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayoutContent", children: [
     o && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingTopArea", children: o }),
     /* @__PURE__ */ e(
-      c1,
+      d1,
       {
         orientation: t,
         mode: i === "id" ? "front" : i,
@@ -295,46 +295,46 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
               class: "IncodeIdProcessingImage"
             }
           ),
-          a && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingOverlay", children: a })
+          c && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingOverlay", children: c })
         ]
       }
     ),
     /* @__PURE__ */ e("div", { class: "IncodeIdProcessingBottomArea", children: [
       /* @__PURE__ */ e("div", { class: "IncodeCaptureEncryptionLabel", children: [
-        /* @__PURE__ */ e(q, { className: "IncodeCaptureEncryptionIcon" }),
+        /* @__PURE__ */ e(J, { className: "IncodeCaptureEncryptionIcon" }),
         /* @__PURE__ */ e("span", { children: l("v2.capture.label") })
       ] }),
       s
     ] })
   ] }) }) });
-}, d1 = ({
+}, C1 = ({
   imageUrl: n,
   progress: t,
   orientation: i,
   mode: r
 }) => {
-  const { t: o } = u(), s = i !== "vertical" || r === "passport", [a, l] = m(null);
+  const { t: o } = C(), s = i !== "vertical" || r === "passport", [c, l] = m(null);
   return v(() => {
-    s ? import("../id-laser-h-BBV3r3rz.js").then((c) => {
-      l(c.default);
-    }) : import("../id-laser-v-BTHJaSfx.js").then((c) => {
-      l(c.default);
+    s ? import("../id-laser-h-BBV3r3rz.js").then((d) => {
+      l(d.default);
+    }) : import("../id-laser-v-BTHJaSfx.js").then((d) => {
+      l(d.default);
     });
   }, [s]), /* @__PURE__ */ e(
-    D,
+    V,
     {
       imageUrl: n,
       orientation: i,
       mode: r,
       borderState: "analyzing",
       topContent: /* @__PURE__ */ e("div", { class: "IncodeAnalyzingContent", children: [
-        /* @__PURE__ */ e(J, { progress: t }),
+        /* @__PURE__ */ e(X, { progress: t }),
         /* @__PURE__ */ e("h2", { class: "IncodeAnalyzingTitle", children: o("idv2.capture.processing.analyzing") })
       ] }),
-      overlayContent: a ? /* @__PURE__ */ e(
+      overlayContent: c ? /* @__PURE__ */ e(
         E,
         {
-          animationData: a,
+          animationData: c,
           loop: !0,
           className: "IncodeAnalyzingLottie"
         }
@@ -358,7 +358,7 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
       }
     )
   }
-), V = ({ className: n }) => /* @__PURE__ */ e(
+), A = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {
     class: n,
@@ -375,49 +375,49 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
       }
     )
   }
-), A = ({
+), S = ({
   variant: n,
   imageUrl: t,
   orientation: i,
   mode: r,
   title: o,
   subtitle: s,
-  buttonText: a,
+  buttonText: c,
   onButtonClick: l,
-  attemptsRemaining: c
+  attemptsRemaining: d
 }) => {
-  const { t: d } = u();
+  const { t: a } = C();
   return /* @__PURE__ */ e(
-    D,
+    V,
     {
       imageUrl: t,
       orientation: i,
       mode: r,
       borderState: n,
       topContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultContent", children: [
-        n === "success" ? /* @__PURE__ */ e(u1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(V, { className: "IncodeIdProcessingResultIcon" }),
+        n === "success" ? /* @__PURE__ */ e(u1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(A, { className: "IncodeIdProcessingResultIcon" }),
         /* @__PURE__ */ e(p, { size: 16 }),
         o && /* @__PURE__ */ e("h2", { class: "IncodeIdProcessingResultTitle", children: o }),
-        s && /* @__PURE__ */ e(G, { children: [
+        s && /* @__PURE__ */ e(K, { children: [
           /* @__PURE__ */ e(p, { size: 12 }),
           /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultSubtitle", children: s })
         ] })
       ] }),
       bottomContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultButtonContainer", children: [
-        c !== void 0 && c > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: d("v2.idError.attemptsLeft", {
-          count: c
+        d !== void 0 && d > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: a("v2.idError.attemptsLeft", {
+          count: d
         }) }),
-        /* @__PURE__ */ e(B, { onClick: l, "data-testid": "retry-button", children: a })
+        /* @__PURE__ */ e(B, { onClick: l, "data-testid": "retry-button", children: c })
       ] })
     }
   );
-}, C1 = ({ manager: n, state: t }) => {
-  const { t: i } = u();
+}, p1 = ({ manager: n, state: t }) => {
+  const { t: i } = C();
   if (!t.previewImageUrl)
     return null;
   const r = t.currentMode === "passport" ? "passport" : "id", o = () => t.needsBackCapture ? i("v2.idSuccess.subtitle") : t.needsFrontCapture ? i("idv2.capture.processing.successBackSubtitleScanFront") : i("v2.idSuccess.subtitleBack"), s = () => t.needsBackCapture ? i("idv2.capture.processing.scanBack") : t.needsFrontCapture ? i("idv2.capture.processing.scanFront") : i("idv2.capturePreview.continue");
   return /* @__PURE__ */ e(
-    A,
+    S,
     {
       variant: "success",
       imageUrl: t.previewImageUrl,
@@ -429,8 +429,8 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
       onButtonClick: () => n.nextStep()
     }
   );
-}, S = ({ manager: n, state: t, ...i }) => {
-  const { t: r } = u();
+}, R = ({ manager: n, state: t, ...i }) => {
+  const { t: r } = C();
   if (t.status === "error")
     return /* @__PURE__ */ e("div", { class: "IncodeIdError", children: [
       /* @__PURE__ */ e("div", { class: "IncodeIdErrorMessage", children: t.error }),
@@ -438,7 +438,7 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
     ] });
   const o = t.currentMode === "passport" ? "passport" : "id";
   return t.previewImageUrl ? /* @__PURE__ */ e(
-    A,
+    S,
     {
       variant: "error",
       imageUrl: t.previewImageUrl,
@@ -451,13 +451,13 @@ const n1 = ({ className: n }) => /* @__PURE__ */ e(
       attemptsRemaining: t.attemptsRemaining
     }
   ) : null;
-}, p1 = ({ manager: n }) => {
-  const { t } = u(), i = () => {
+}, h1 = ({ manager: n }) => {
+  const { t } = C(), i = () => {
     n.retryCapture();
   };
   return /* @__PURE__ */ e(M, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
     /* @__PURE__ */ e("div", { class: "IncodeIdExpiredContent", children: [
-      /* @__PURE__ */ e(V, { className: "IncodeIdExpiredIcon" }),
+      /* @__PURE__ */ e(A, { className: "IncodeIdExpiredIcon" }),
       /* @__PURE__ */ e(H, { className: "IncodeIdExpiredTitle", children: t("idv2.capture.notifications.expiredId") }),
       /* @__PURE__ */ e(p, { size: 12 }),
       /* @__PURE__ */ e("p", { class: "IncodeIdExpiredSubtitle", children: t("idv2.capture.notifications.useDifferent") }),
@@ -474,7 +474,7 @@ const x = {
   front: () => import("../frontdevicelottie-KhKxT5n9.js"),
   back: () => import("../backdevicelottie-B4NgyWmX.js")
 };
-function R(n) {
+function U(n) {
   k || (k = !0, Promise.all([
     x.blur(),
     x.glare(),
@@ -486,18 +486,18 @@ function R(n) {
   }).catch(() => {
   }));
 }
-function h1() {
-  R();
-}
 function f1() {
+  U();
+}
+function I1() {
   v(() => {
-    h1();
+    f1();
   }, []);
 }
-function I1(n, t) {
-  const { t: i } = u(), [, r] = m(0);
+function m1(n, t) {
+  const { t: i } = C(), [, r] = m(0);
   if (v(() => {
-    R(() => r((o) => o + 1));
+    U(() => r((o) => o + 1));
   }, []), n === "blur")
     return {
       title: i("idv2.capture.notifications.blur.title"),
@@ -526,11 +526,11 @@ function I1(n, t) {
   }
   return null;
 }
-const m1 = ({
+const v1 = ({
   detectionStatus: n,
   mode: t
 }) => {
-  const i = I1(n, t);
+  const i = m1(n, t);
   return i ? /* @__PURE__ */ e("div", { class: w("IncodeIdCaptureNotification"), children: /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationContent", children: [
     /* @__PURE__ */ e("div", { class: w("IncodeIdCaptureNotificationText"), children: [
       /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationTitle", children: i.title }),
@@ -539,7 +539,7 @@ const m1 = ({
     /* @__PURE__ */ e(p, { size: 16, direction: "horizontal" }),
     i.animationData && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ e(E, { animationData: i.animationData, loop: !0 }) })
   ] }) }) : null;
-}, v1 = K(
+}, g1 = Q(
   ({
     mode: n,
     orientation: t,
@@ -547,34 +547,34 @@ const m1 = ({
     counterValue: r,
     isCapturing: o,
     showManualCapture: s,
-    onCapture: a,
+    onCapture: c,
     onOpenHelp: l
-  }, c) => {
-    const { t: d } = u();
-    f1();
+  }, d) => {
+    const { t: a } = C();
+    I1();
     const L = i === "detecting" || i === "idNotDetected" || i === "manualCapture", b = () => o || i === "capturing" ? "capturing" : i === "blur" || i === "glare" || i === "wrongSide" || i === "farAway" ? "error" : "idle", h = () => {
       if (o || i === "capturing")
         return {
-          title: d("idv2.capture.takingPhoto"),
-          subtitle: d("idv2.capture.dontMove")
+          title: a("idv2.capture.takingPhoto"),
+          subtitle: a("idv2.capture.dontMove")
         };
       if (L) {
         const _ = i === "manualCapture";
         return n === "passport" ? {
-          title: d("idv2.capture.fillFramePassport"),
-          subtitle: _ ? "" : d("idv2.capture.v2.autoCapture")
+          title: a("idv2.capture.fillFramePassport"),
+          subtitle: _ ? "" : a("idv2.capture.v2.autoCapture")
         } : n === "back" ? {
-          title: d("idv2.capture.v2.fillFrameBack"),
-          subtitle: _ ? "" : d("idv2.capture.v2.autoCapture")
+          title: a("idv2.capture.v2.fillFrameBack"),
+          subtitle: _ ? "" : a("idv2.capture.v2.autoCapture")
         } : {
-          title: d("idv2.capture.v2.fillFrameFront"),
-          subtitle: _ ? "" : d("idv2.capture.v2.autoCapture")
+          title: a("idv2.capture.v2.fillFrameFront"),
+          subtitle: _ ? "" : a("idv2.capture.v2.autoCapture")
         };
       }
       return null;
-    }, P = b(), y = h(), C = n === "passport", I = t !== "vertical" || C, g = I ? "horizontal" : "vertical";
+    }, P = b(), y = h(), u = n === "passport", I = t !== "vertical" || u, g = I ? "horizontal" : "vertical";
     return /* @__PURE__ */ e(
-      e1,
+      i1,
       {
         className: w(
           "IncodeCaptureOverlayId",
@@ -582,9 +582,9 @@ const m1 = ({
         ),
         children: [
           /* @__PURE__ */ e("div", { class: "IncodeCaptureTopSection", children: [
-            /* @__PURE__ */ e(m1, { detectionStatus: i, mode: n }),
+            /* @__PURE__ */ e(v1, { detectionStatus: i, mode: n }),
             /* @__PURE__ */ e(
-              W,
+              Y,
               {
                 title: y?.title ?? "",
                 subtitle: y?.subtitle,
@@ -593,25 +593,25 @@ const m1 = ({
             )
           ] }),
           /* @__PURE__ */ e(
-            X,
+            e1,
             {
-              ref: c,
+              ref: d,
               variant: "locked",
               orientation: g,
               frameState: P,
-              className: w(C && "IncodeCaptureFramePassport"),
+              className: w(u && "IncodeCaptureFramePassport"),
               children: o && r > 0 && /* @__PURE__ */ e("div", { class: "IncodeCaptureCounter", children: r })
             }
           ),
           /* @__PURE__ */ e(
-            Y,
+            t1,
             {
               onOpenHelp: l,
-              onCapture: a,
+              onCapture: c,
               isManualCapture: s,
               children: s ? /* @__PURE__ */ e("div", { class: "IncodeIdManualCaptureTooltipContainer", children: /* @__PURE__ */ e("div", { class: "IncodeIdManualCaptureTooltip", children: /* @__PURE__ */ e("ol", { class: "IncodeIdManualCaptureTooltipList", children: [
-                /* @__PURE__ */ e("li", { children: d("idv2.commonIssues.firstStep") }),
-                /* @__PURE__ */ e("li", { children: d("idv2.commonIssues.secondStep") })
+                /* @__PURE__ */ e("li", { children: a("idv2.commonIssues.firstStep") }),
+                /* @__PURE__ */ e("li", { children: a("idv2.commonIssues.secondStep") })
               ] }) }) }) : null
             }
           )
@@ -619,17 +619,14 @@ const m1 = ({
       }
     );
   }
-), g1 = ({ manager: n, state: t }) => {
-  const { t: i } = u();
+), w1 = ({ manager: n, state: t }) => {
+  const { t: i } = C();
   if (t.captureStatus === "initializing")
-    return /* @__PURE__ */ e(M, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e("div", { class: "IncodeCaptureInitializing", children: [
-      /* @__PURE__ */ e(i1, { size: "large" }),
-      /* @__PURE__ */ e("p", { class: "IncodeCaptureInitializingText", children: i("idv2.capture.initializing") })
-    ] }) });
+    return /* @__PURE__ */ e(M, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(D, { size: "large", title: `${i("webcam.loading")}...` }) });
   if (t.captureStatus === "uploading" && t.previewImageUrl) {
     const r = t.currentMode === "passport" ? "passport" : "id";
     return /* @__PURE__ */ e(
-      d1,
+      C1,
       {
         imageUrl: t.previewImageUrl,
         progress: t.uploadProgress ?? 0,
@@ -638,21 +635,21 @@ const m1 = ({
       }
     );
   }
-  return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(C1, { manager: n, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(S, { manager: n, state: t }) : /* @__PURE__ */ e(w1, { manager: n, state: t });
-}, w1 = ({ manager: n, state: t }) => {
-  const i = Z(null), r = Z(null), [o, s] = m(!1), [a, l] = m(!1);
+  return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(p1, { manager: n, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(R, { manager: n, state: t }) : /* @__PURE__ */ e(L1, { manager: n, state: t });
+}, L1 = ({ manager: n, state: t }) => {
+  const i = Z(null), r = Z(null), [o, s] = m(!1), [c, l] = m(!1);
   v(() => {
-    const C = i.current;
-    if (!C || !t.stream) {
+    const u = i.current;
+    if (!u || !t.stream) {
       l(!1);
       return;
     }
     l(!1);
     const I = () => l(!0);
-    return C.addEventListener("playing", I), C.srcObject = t.stream, C.play().catch(() => {
-    }), () => C.removeEventListener("playing", I);
+    return u.addEventListener("playing", I), u.srcObject = t.stream, u.play().catch(() => {
+    }), () => u.removeEventListener("playing", I);
   }, [t.stream]), v(() => {
-    const C = () => {
+    const u = () => {
       const I = r.current;
       if (!I)
         return;
@@ -664,9 +661,9 @@ const m1 = ({
         height: g.height
       });
     };
-    return C(), window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
-  }, [n, t.orientation, a]);
-  const c = t.captureStatus === "capturing" || t.detectionStatus === "capturing", d = t.detectionStatus, L = d === "manualCapture" || t.showCaptureButtonInAuto && t.captureStatus === "detecting" && d !== "capturing", b = () => {
+    return u(), window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
+  }, [n, t.orientation, c]);
+  const d = t.captureStatus === "capturing" || t.detectionStatus === "capturing", a = t.detectionStatus, L = a === "manualCapture" || t.showCaptureButtonInAuto && t.captureStatus === "detecting" && a !== "capturing", b = () => {
     s(!0);
   }, h = () => {
     s(!1);
@@ -675,30 +672,30 @@ const m1 = ({
   }, y = () => {
     n.capture();
   };
-  return /* @__PURE__ */ e(M, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(t1, { stream: t.stream, children: [
+  return /* @__PURE__ */ e(M, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(n1, { stream: t.stream, children: [
     /* @__PURE__ */ e(
-      v1,
+      g1,
       {
         ref: r,
         mode: t.currentMode,
         orientation: t.orientation,
         detectionStatus: t.detectionStatus,
         counterValue: t.counterValue,
-        isCapturing: c,
+        isCapturing: d,
         showManualCapture: L,
         onCapture: y,
         onOpenHelp: b
       }
     ),
     o && /* @__PURE__ */ e(
-      a1,
+      c1,
       {
         onClose: h,
         onTakeManually: P
       }
     )
   ] }) });
-}, L1 = () => /* @__PURE__ */ e(
+}, y1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "119",
@@ -892,7 +889,7 @@ const m1 = ({
       ] })
     ]
   }
-), y1 = () => /* @__PURE__ */ e(
+), x1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "118",
@@ -1197,7 +1194,7 @@ const m1 = ({
       ] })
     ]
   }
-), x1 = ({ className: n }) => /* @__PURE__ */ e(
+), B1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "46",
@@ -1230,7 +1227,7 @@ const m1 = ({
       )
     ]
   }
-), T = ({
+), F = ({
   icon: n,
   title: t,
   description: i,
@@ -1252,12 +1249,12 @@ const m1 = ({
         /* @__PURE__ */ e(p, { size: 4 }),
         /* @__PURE__ */ e("span", { class: "IncodeChooserButtonDescription", children: i }),
         /* @__PURE__ */ e(p, { size: 8 }),
-        /* @__PURE__ */ e("div", { class: "IncodeChooserButtonArrow", children: /* @__PURE__ */ e(x1, {}) })
+        /* @__PURE__ */ e("div", { class: "IncodeChooserButtonArrow", children: /* @__PURE__ */ e(B1, {}) })
       ] })
     ]
   }
-), B1 = ({ manager: n }) => {
-  const { t } = u(), i = () => {
+), M1 = ({ manager: n }) => {
+  const { t } = C(), i = () => {
     n.selectDocument("id");
   }, r = () => {
     n.selectDocument("passport");
@@ -1270,9 +1267,9 @@ const m1 = ({
       className: "IncodeChooserPage",
       children: /* @__PURE__ */ e("div", { class: "IncodeChooserContainer", children: /* @__PURE__ */ e("div", { class: "IncodeChooserButtons", children: [
         /* @__PURE__ */ e(
-          T,
+          F,
           {
-            icon: L1,
+            icon: y1,
             title: t("idv2.chooser.idButtonTitle"),
             description: t("idv2.chooser.idButtonDescription"),
             ariaLabel: t("idv2.chooser.idButtonTitle"),
@@ -1281,9 +1278,9 @@ const m1 = ({
           }
         ),
         /* @__PURE__ */ e(
-          T,
+          F,
           {
-            icon: y1,
+            icon: x1,
             title: t("idv2.chooser.passportButtonTitle"),
             description: t("idv2.chooser.passportButtonDescription"),
             ariaLabel: t("idv2.chooser.passportButtonTitle"),
@@ -1294,49 +1291,49 @@ const m1 = ({
       ] }) })
     }
   );
-}, F = ({
+}, T = ({
   manager: n,
   direction: t
 }) => {
-  const [i, r] = m(null), { t: o } = u();
+  const [i, r] = m(null), [o, s] = m(!1), { t: c } = C();
   v(() => {
-    import("../flip-animation-COR596wy.js").then((l) => {
-      r(l.default);
+    import("../flip-animation-COR596wy.js").then((a) => {
+      r(a.default);
     });
   }, []);
-  const s = async () => {
-    await new Promise((l) => setTimeout(l, 1e3)), t === "toBack" ? n.continueToBack() : n.continueToFront();
-  };
-  return i ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
-    /* @__PURE__ */ e(H, { className: "IncodeFlipAnimationTitle", children: o(t === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront") }),
+  const l = $(async () => {
+    await new Promise((a) => setTimeout(a, 1e3)), t === "toBack" ? n.continueToBack() : n.continueToFront(), s(!0);
+  }, [t, n]);
+  return o ? /* @__PURE__ */ e(D, { size: "large" }) : i ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
+    /* @__PURE__ */ e(H, { className: "IncodeFlipAnimationTitle", children: c(t === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront") }),
     /* @__PURE__ */ e(p, { size: 32 }),
     /* @__PURE__ */ e(
       E,
       {
         animationData: i,
         loop: !1,
-        onComplete: s
+        onComplete: l
       }
     )
   ] }) : null;
-}, M1 = ({ manager: n, state: t }) => {
-  const { t: i } = u(), [r, o] = m(!1), [s, a] = m(null), l = t.selectedDocumentType === "passport", c = t.currentMode === "back";
+}, b1 = ({ manager: n, state: t }) => {
+  const { t: i } = C(), [r, o] = m(!1), [s, c] = m(null), l = t.selectedDocumentType === "passport", d = t.currentMode === "back";
   if (v(() => {
     l ? import("../passport-tutorial-CaYBFTqt.js").then((h) => {
-      a(h.default);
-    }) : c ? import("../id-tutorial-B-F5Q28m.js").then((h) => {
-      a(h.default);
+      c(h.default);
+    }) : d ? import("../id-tutorial-B-F5Q28m.js").then((h) => {
+      c(h.default);
     }) : import("../id-tutorial-B-F5Q28m.js").then((h) => {
-      a(h.default);
+      c(h.default);
     });
-  }, [l, c]), !s)
+  }, [l, d]), !s)
     return null;
-  const d = i(l ? "idv2.capture.passport.title" : c ? "idv2.tutorial.v2.titleBack" : "idv2.tutorial.v2.title"), L = i(l ? "idv2.capture.passport.subtitle" : c ? "idv2.tutorial.subtitleBack" : "idv2.tutorial.subtitle");
+  const a = i(l ? "idv2.capture.passport.title" : d ? "idv2.tutorial.v2.titleBack" : "idv2.tutorial.v2.title"), L = i(l ? "idv2.capture.passport.subtitle" : d ? "idv2.tutorial.subtitleBack" : "idv2.tutorial.subtitle");
   return /* @__PURE__ */ e(
-    Q,
+    j,
     {
       animationData: s,
-      title: d,
+      title: a,
       subtitle: L,
       onContinue: () => {
         o(!0), n.nextStep();
@@ -1350,17 +1347,17 @@ const m1 = ({
       )
     }
   );
-}, b1 = ({ config: n, onFinish: t, onError: i }) => {
-  const [r, o] = N(() => O({ config: n }));
-  return r.status === "idle" || r.status === "loading" ? null : r.status === "chooser" ? /* @__PURE__ */ e(B1, { manager: o }) : r.status === "tutorial" ? /* @__PURE__ */ e(M1, { manager: o, state: r }) : r.status === "permissions" ? /* @__PURE__ */ e(
-    j,
+}, P1 = ({ config: n, onFinish: t, onError: i }) => {
+  const [r, o] = O(() => G({ config: n }));
+  return r.status === "idle" || r.status === "loading" ? null : r.status === "chooser" ? /* @__PURE__ */ e(M1, { manager: o }) : r.status === "tutorial" ? /* @__PURE__ */ e(b1, { manager: o, state: r }) : r.status === "permissions" ? /* @__PURE__ */ e(
+    q,
     {
       manager: o,
       permissionStatus: r.permissionStatus
     }
-  ) : r.status === "frontFinished" ? /* @__PURE__ */ e(F, { manager: o, direction: "toBack" }) : r.status === "backFinished" ? /* @__PURE__ */ e(F, { manager: o, direction: "toFront" }) : r.status === "capture" ? /* @__PURE__ */ e(g1, { manager: o, state: r, onFinish: () => t?.() }) : r.status === "processing" ? /* @__PURE__ */ e($, {}) : r.status === "expired" ? /* @__PURE__ */ e(p1, { manager: o }) : r.status === "finished" ? (t?.(), null) : r.status === "closed" ? (i?.(void 0), null) : r.status === "error" ? /* @__PURE__ */ e(S, { manager: o, state: r, onError: i }) : null;
-}, P1 = ({ config: n, onFinish: t, onError: i }) => /* @__PURE__ */ e(U, { children: n ? /* @__PURE__ */ e(b1, { config: n, onFinish: t, onError: i }) : null });
-z(P1, "incode-id");
+  ) : r.status === "frontFinished" ? /* @__PURE__ */ e(T, { manager: o, direction: "toBack" }) : r.status === "backFinished" ? /* @__PURE__ */ e(T, { manager: o, direction: "toFront" }) : r.status === "capture" ? /* @__PURE__ */ e(w1, { manager: o, state: r, onFinish: () => t?.() }) : r.status === "processing" ? /* @__PURE__ */ e(W, {}) : r.status === "expired" ? /* @__PURE__ */ e(h1, { manager: o }) : r.status === "finished" ? (t?.(), null) : r.status === "closed" ? (i?.(void 0), null) : r.status === "error" ? /* @__PURE__ */ e(R, { manager: o, state: r, onError: i }) : null;
+}, _1 = ({ config: n, onFinish: t, onError: i }) => /* @__PURE__ */ e(N, { children: n ? /* @__PURE__ */ e(P1, { config: n, onFinish: t, onError: i }) : null });
+z(_1, "incode-id");
 export {
-  P1 as Id
+  _1 as Id
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260306-aac8dd3",
+  "version": "0.0.0-dev-20260309-8c96b8e",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -107,7 +107,7 @@
     "libphonenumber-js": "^1.11.0",
     "preact-custom-element": "^4.6.0",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260306-aac8dd3"
+    "@incodetech/core": "0.0.0-dev-20260309-8c96b8e"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",