@incodetech/web 0.0.0-dev-20260303-3dab9f2 → 0.0.0-dev-20260304-4c68279

package/dist/id/id.es.js

@@ -1,12 +1,12 @@
-import { u as e, S as C, B as I, c as f, r as A, a as R } from "../incodeModule-_kfNnq5z.js";
+import { u as e, S as C, B as f, c as m, r as A, a as R } from "../incodeModule-_kfNnq5z.js";
 import { createIdCaptureManager as z } from "@incodetech/core/id";
-import { d as L, y as m, k as U, D as N, A as Z } from "../vendor-preact-BDue3y7V.js";
+import { d as g, y as v, k as U, D as N, A as Z } from "../vendor-preact-BDue3y7V.js";
 import "@incodetech/core";
 import { L as b, B as O, P as G } from "../baseTutorial-Bbadb04i.js";
-import { P as x, I as $ } from "../incodeComponent-DSqGVqSo.js";
+import { P as y, I as $ } from "../incodeComponent-DSqGVqSo.js";
 import { P as K } from "../processing-BuaxyhmY.js";
 import "../instance-B-q0ZREN.js";
-import { u as c } from "../useTranslation-B1jrtqlW.js";
+import { u as d } from "../useTranslation-B1jrtqlW.js";
 import { T as _, S as Q } from "../spinner-Ogo-u91P.js";
 const j = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
@@ -191,7 +191,7 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
   onClose: n,
   onTakeManually: i
 }) => {
-  const { t } = c(), r = () => {
+  const { t } = d(), r = () => {
     i(), n();
   };
   return /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesModal", children: /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesModalContent", children: [
@@ -235,7 +235,7 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
       ] }),
       /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesButtons", children: [
         /* @__PURE__ */ e(
-          I,
+          f,
           {
             variant: "link",
             onClick: r,
@@ -243,7 +243,7 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
             children: t("commonIssues.takeManually")
           }
         ),
-        /* @__PURE__ */ e(I, { onClick: n, class: "IncodeCommonIssuesTryAgain", children: t("commonIssues.tryAgain") })
+        /* @__PURE__ */ e(f, { onClick: n, class: "IncodeCommonIssuesTryAgain", children: t("commonIssues.tryAgain") })
       ] })
     ] })
   ] }) });
@@ -272,14 +272,14 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
   children: r,
   className: o
 }) => {
-  const l = n !== "vertical" || i === "passport", a = i === "passport", s = `IncodeCaptureFrame${t.charAt(0).toUpperCase() + t.slice(1)}`;
+  const s = n !== "vertical" || i === "passport", a = i === "passport", l = `IncodeCaptureFrame${t.charAt(0).toUpperCase() + t.slice(1)}`;
   return /* @__PURE__ */ e(
     "div",
     {
-      class: f(
+      class: m(
         "IncodeCaptureFrame",
-        l ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
-        s,
+        s ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
+        l,
         a && "IncodeCaptureFramePassport",
         o
       ),
@@ -292,11 +292,11 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
   mode: t,
   borderState: r,
   topContent: o,
-  bottomContent: l,
+  bottomContent: s,
   overlayContent: a
 }) => {
-  const { t: s } = c();
-  return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayout", children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayoutContent", children: [
+  const { t: l } = d();
+  return /* @__PURE__ */ e(y, { 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(
       e1,
@@ -320,9 +320,9 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
     /* @__PURE__ */ e("div", { class: "IncodeIdProcessingBottomArea", children: [
       /* @__PURE__ */ e("div", { class: "IncodeCaptureEncryptionLabel", children: [
         /* @__PURE__ */ e(P, { className: "IncodeCaptureEncryptionIcon" }),
-        /* @__PURE__ */ e("span", { children: s("v2.capture.label") })
+        /* @__PURE__ */ e("span", { children: l("v2.capture.label") })
       ] }),
-      l
+      s
     ] })
   ] }) }) });
 }, t1 = ({
@@ -331,14 +331,14 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
   orientation: t,
   mode: r
 }) => {
-  const { t: o } = c(), l = t !== "vertical" || r === "passport", [a, s] = L(null);
-  return m(() => {
-    l ? import("../id-laser-h-BBV3r3rz.js").then((d) => {
-      s(d.default);
-    }) : import("../id-laser-v-BTHJaSfx.js").then((d) => {
-      s(d.default);
+  const { t: o } = d(), s = t !== "vertical" || r === "passport", [a, l] = g(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);
     });
-  }, [l]), /* @__PURE__ */ e(
+  }, [s]), /* @__PURE__ */ e(
     k,
     {
       imageUrl: n,
@@ -405,12 +405,12 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
   orientation: t,
   mode: r,
   title: o,
-  subtitle: l,
+  subtitle: s,
   buttonText: a,
-  onButtonClick: s,
-  attemptsRemaining: d
+  onButtonClick: l,
+  attemptsRemaining: c
 }) => {
-  const { t: u } = c();
+  const { t: h } = d();
   return /* @__PURE__ */ e(
     k,
     {
@@ -422,24 +422,24 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
         n === "success" ? /* @__PURE__ */ e(i1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(F, { className: "IncodeIdProcessingResultIcon" }),
         /* @__PURE__ */ e(C, { size: 16 }),
         o && /* @__PURE__ */ e("h2", { class: "IncodeIdProcessingResultTitle", children: o }),
-        l && /* @__PURE__ */ e(U, { children: [
+        s && /* @__PURE__ */ e(U, { children: [
           /* @__PURE__ */ e(C, { size: 12 }),
-          /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultSubtitle", children: l })
+          /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultSubtitle", children: s })
         ] })
       ] }),
       bottomContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultButtonContainer", children: [
-        d !== void 0 && d > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: u("v2.idError.attemptsLeft", {
-          count: d
+        c !== void 0 && c > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: h("v2.idError.attemptsLeft", {
+          count: c
         }) }),
-        /* @__PURE__ */ e(I, { onClick: s, "data-testid": "retry-button", children: a })
+        /* @__PURE__ */ e(f, { onClick: l, "data-testid": "retry-button", children: a })
       ] })
     }
   );
 }, n1 = ({ manager: n, state: i }) => {
-  const { t } = c();
+  const { t } = d();
   if (!i.previewImageUrl)
     return null;
-  const r = i.currentMode === "passport" ? "passport" : "id", o = () => i.needsBackCapture ? t("v2.idSuccess.subtitle") : i.needsFrontCapture ? t("idv2.capture.processing.successBackSubtitleScanFront") : t("v2.idSuccess.subtitleBack"), l = () => i.needsBackCapture ? t("idv2.capture.processing.scanBack") : i.needsFrontCapture ? t("idv2.capture.processing.scanFront") : t("idv2.capturePreview.continue");
+  const r = i.currentMode === "passport" ? "passport" : "id", o = () => i.needsBackCapture ? t("v2.idSuccess.subtitle") : i.needsFrontCapture ? t("idv2.capture.processing.successBackSubtitleScanFront") : t("v2.idSuccess.subtitleBack"), s = () => i.needsBackCapture ? t("idv2.capture.processing.scanBack") : i.needsFrontCapture ? t("idv2.capture.processing.scanFront") : t("idv2.capturePreview.continue");
   return /* @__PURE__ */ e(
     V,
     {
@@ -449,16 +449,16 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
       mode: r,
       title: t("v2.idSuccess.title"),
       subtitle: o(),
-      buttonText: l(),
+      buttonText: s(),
       onButtonClick: () => n.nextStep()
     }
   );
 }, D = ({ manager: n, state: i, ...t }) => {
-  const { t: r } = c();
+  const { t: r } = d();
   if (i.status === "error")
     return /* @__PURE__ */ e("div", { class: "IncodeIdError", children: [
       /* @__PURE__ */ e("div", { class: "IncodeIdErrorMessage", children: i.error }),
-      /* @__PURE__ */ e(I, { onClick: () => n.reset(), "data-testid": "retry-button", children: r("idv2.capturePreview.retry") })
+      /* @__PURE__ */ e(f, { onClick: () => n.reset(), "data-testid": "retry-button", children: r("idv2.capturePreview.retry") })
     ] });
   const o = i.currentMode === "passport" ? "passport" : "id";
   return i.previewImageUrl ? /* @__PURE__ */ e(
@@ -476,10 +476,10 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
     }
   ) : null;
 }, r1 = ({ manager: n }) => {
-  const { t: i } = c(), t = () => {
+  const { t: i } = d(), t = () => {
     n.retryCapture();
   };
-  return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
+  return /* @__PURE__ */ e(y, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
     /* @__PURE__ */ e("div", { class: "IncodeIdExpiredContent", children: [
       /* @__PURE__ */ e(F, { className: "IncodeIdExpiredIcon" }),
       /* @__PURE__ */ e(_, { className: "IncodeIdExpiredTitle", children: i("idv2.capture.notifications.expiredId") }),
@@ -487,7 +487,7 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("p", { class: "IncodeIdExpiredSubtitle", children: i("idv2.capture.notifications.useDifferent") }),
       /* @__PURE__ */ e(C, { size: 80 })
     ] }),
-    /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(I, { variant: "primary", onClick: t, children: i("idv2.unacceptedId.tryAgain") }) })
+    /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(f, { variant: "primary", onClick: t, children: i("idv2.unacceptedId.tryAgain") }) })
   ] });
 }, o1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
@@ -522,7 +522,7 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
   }
 ), p = /* @__PURE__ */ new Map();
 let T = !1;
-const w = {
+const x = {
   blur: () => import("../blurdevicelottie-_BZRug1c.js"),
   glare: () => import("../glaredevicelottie-DLuIStvb.js"),
   align: () => import("../aligndevicelottie-DlQCRPfM.js"),
@@ -531,13 +531,13 @@ const w = {
 };
 function S(n) {
   T || (T = !0, Promise.all([
-    w.blur(),
-    w.glare(),
-    w.align(),
-    w.front(),
-    w.back()
-  ]).then(([i, t, r, o, l]) => {
-    p.set("blur", i.default), p.set("glare", t.default), p.set("align", r.default), p.set("front", o.default), p.set("back", l.default), n?.();
+    x.blur(),
+    x.glare(),
+    x.align(),
+    x.front(),
+    x.back()
+  ]).then(([i, t, r, o, s]) => {
+    p.set("blur", i.default), p.set("glare", t.default), p.set("align", r.default), p.set("front", o.default), p.set("back", s.default), n?.();
   }).catch(() => {
   }));
 }
@@ -545,13 +545,13 @@ function l1() {
   S();
 }
 function s1() {
-  m(() => {
+  v(() => {
     l1();
   }, []);
 }
 function a1(n, i) {
-  const { t } = c(), [, r] = L(0);
-  if (m(() => {
+  const { t } = d(), [, r] = g(0);
+  if (v(() => {
     S(() => r((o) => o + 1));
   }, []), n === "blur")
     return {
@@ -586,8 +586,8 @@ const c1 = ({
   mode: i
 }) => {
   const t = a1(n, i);
-  return t ? /* @__PURE__ */ e("div", { class: f("IncodeIdCaptureNotification"), children: /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationContent", children: [
-    /* @__PURE__ */ e("div", { class: f("IncodeIdCaptureNotificationText"), children: [
+  return t ? /* @__PURE__ */ e("div", { class: m("IncodeIdCaptureNotification"), children: /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationContent", children: [
+    /* @__PURE__ */ e("div", { class: m("IncodeIdCaptureNotificationText"), children: [
       /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationTitle", children: t.title }),
       t.description && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationDescription", children: t.description })
     ] }),
@@ -601,37 +601,37 @@ const c1 = ({
     detectionStatus: t,
     counterValue: r,
     isCapturing: o,
-    onOpenHelp: l
+    onOpenHelp: s
   }, a) => {
-    const { t: s } = c();
+    const { t: l } = d();
     s1();
-    const d = t === "detecting" || t === "idNotDetected" || t === "manualCapture", u = () => o || t === "capturing" ? "Capturing" : t === "blur" || t === "glare" || t === "wrongSide" || t === "farAway" ? "Error" : "Idle", y = () => {
+    const c = t === "detecting" || t === "idNotDetected" || t === "manualCapture", h = () => o || t === "capturing" ? "Capturing" : t === "blur" || t === "glare" || t === "wrongSide" || t === "farAway" ? "Error" : "Idle", w = () => {
       if (o || t === "capturing")
         return {
-          title: s("idv2.capture.takingPhoto"),
-          subtitle: s("idv2.capture.dontMove")
+          title: l("idv2.capture.takingPhoto"),
+          subtitle: l("idv2.capture.dontMove")
         };
-      if (d) {
+      if (c) {
         const M = t === "manualCapture";
         return n === "passport" ? {
-          title: s("idv2.capture.fillFramePassport"),
-          subtitle: M ? "" : s("idv2.capture.v2.autoCapture")
+          title: l("idv2.capture.fillFramePassport"),
+          subtitle: M ? "" : l("idv2.capture.v2.autoCapture")
         } : n === "back" ? {
-          title: s("idv2.capture.v2.fillFrameBack"),
-          subtitle: M ? "" : s("idv2.capture.v2.autoCapture")
+          title: l("idv2.capture.v2.fillFrameBack"),
+          subtitle: M ? "" : l("idv2.capture.v2.autoCapture")
         } : {
-          title: s("idv2.capture.v2.fillFrameFront"),
-          subtitle: M ? "" : s("idv2.capture.v2.autoCapture")
+          title: l("idv2.capture.v2.fillFrameFront"),
+          subtitle: M ? "" : l("idv2.capture.v2.autoCapture")
         };
       }
       return null;
-    }, B = u(), v = y(), g = n === "passport", h = i !== "vertical" || g;
+    }, B = h(), u = w(), L = n === "passport", I = i !== "vertical" || L;
     return /* @__PURE__ */ e(
       "div",
       {
-        class: f(
+        class: m(
           "IncodeCaptureOverlay",
-          !h && "IncodeCaptureOverlayVertical"
+          !I && "IncodeCaptureOverlayVertical"
         ),
         children: [
           /* @__PURE__ */ e(
@@ -639,23 +639,23 @@ const c1 = ({
             {
               detectionStatus: t,
               mode: n,
-              topContent: v
+              topContent: u
             }
           ),
           /* @__PURE__ */ e(
             "div",
             {
               ref: a,
-              class: f(
+              class: m(
                 "IncodeCaptureFrame",
-                h ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
+                I ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
                 `IncodeCaptureFrame${B}`,
-                g && "IncodeCaptureFramePassport"
+                L && "IncodeCaptureFramePassport"
               ),
               children: o && r > 0 && /* @__PURE__ */ e("div", { class: "IncodeCaptureCounter", children: r })
             }
           ),
-          /* @__PURE__ */ e(C1, { onOpenHelp: l })
+          /* @__PURE__ */ e(C1, { onOpenHelp: s })
         ]
       }
     );
@@ -665,7 +665,7 @@ const c1 = ({
   /* @__PURE__ */ e(
     "div",
     {
-      class: f(
+      class: m(
         "IncodeCaptureTopText",
         !t && "IncodeCaptureTopTextHidden"
       ),
@@ -676,14 +676,14 @@ const c1 = ({
     }
   )
 ] }), C1 = ({ onOpenHelp: n }) => {
-  const { t: i } = c();
+  const { t: i } = d();
   return /* @__PURE__ */ e("div", { class: "IncodeCaptureBottomSection", children: [
     /* @__PURE__ */ e("div", { class: "IncodeCaptureEncryptionLabel", children: [
       /* @__PURE__ */ e(P, { className: "IncodeCaptureEncryptionIcon" }),
       /* @__PURE__ */ e("span", { children: i("v2.capture.label") })
     ] }),
     /* @__PURE__ */ e("div", { class: "IncodeCaptureHelpButton", children: /* @__PURE__ */ e(
-      I,
+      f,
       {
         variant: "link",
         onClick: n,
@@ -722,7 +722,7 @@ const c1 = ({
   onClick: n,
   disabled: i
 }) => {
-  const { t } = c();
+  const { t } = d();
   return /* @__PURE__ */ e(
     "div",
     {
@@ -734,7 +734,7 @@ const c1 = ({
           /* @__PURE__ */ e("li", { children: t("idv2.commonIssues.secondStep") })
         ] }) }) }),
         /* @__PURE__ */ e("div", { class: "IncodeIdManualCaptureButtonContent", children: /* @__PURE__ */ e(
-          I,
+          f,
           {
             variant: "link",
             onClick: n,
@@ -748,9 +748,9 @@ const c1 = ({
     }
   );
 }, I1 = ({ manager: n, state: i }) => {
-  const { t } = c();
+  const { t } = d();
   if (i.captureStatus === "initializing")
-    return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e("div", { class: "IncodeCaptureInitializing", children: [
+    return /* @__PURE__ */ e(y, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e("div", { class: "IncodeCaptureInitializing", children: [
       /* @__PURE__ */ e(Q, { size: "large" }),
       /* @__PURE__ */ e("p", { class: "IncodeCaptureInitializingText", children: t("idv2.capture.initializing") })
     ] }) });
@@ -768,33 +768,33 @@ const c1 = ({
   }
   return i.captureStatus === "success" && i.previewImageUrl ? /* @__PURE__ */ e(n1, { manager: n, state: i }) : i.captureStatus === "uploadError" && i.previewImageUrl ? /* @__PURE__ */ e(D, { manager: n, state: i }) : /* @__PURE__ */ e(f1, { manager: n, state: i });
 }, f1 = ({ manager: n, state: i }) => {
-  const t = Z(null), r = Z(null), [o, l] = L(!1);
-  m(() => {
+  const t = Z(null), r = Z(null), [o, s] = g(!1);
+  v(() => {
     t.current && i.stream && (t.current.srcObject = i.stream, t.current.play().catch(() => {
     }));
-  }, [i.stream]), m(() => {
-    const v = () => {
-      const g = r.current;
-      if (!g)
+  }, [i.stream]), v(() => {
+    const u = () => {
+      const L = r.current;
+      if (!L)
         return;
-      const h = g.getBoundingClientRect();
+      const I = L.getBoundingClientRect();
       n.updateDetectionArea({
-        x: h.left,
-        y: h.top,
-        width: h.width,
-        height: h.height
+        x: I.left,
+        y: I.top,
+        width: I.width,
+        height: I.height
       });
     };
-    return v(), window.addEventListener("resize", v), () => window.removeEventListener("resize", v);
+    return u(), window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
   }, [n, i.orientation]);
-  const a = i.captureStatus === "capturing" || i.detectionStatus === "capturing", s = i.detectionStatus, d = s === "manualCapture" || i.showCaptureButtonInAuto && i.captureStatus === "detecting" && s !== "capturing", u = () => {
-    l(!0);
-  }, y = () => {
-    l(!1);
+  const a = i.captureStatus === "capturing" || i.detectionStatus === "capturing", l = i.detectionStatus, c = l === "manualCapture" || i.showCaptureButtonInAuto && i.captureStatus === "detecting" && l !== "capturing", h = () => {
+    s(!0);
+  }, w = () => {
+    s(!1);
   }, B = () => {
-    l(!1), n.switchToManualCapture();
+    s(!1), n.switchToManualCapture();
   };
-  return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e("div", { class: "IncodeCapture", children: [
+  return /* @__PURE__ */ e(y, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e("div", { class: "IncodeCapture", children: [
     /* @__PURE__ */ e("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ e(
       "video",
       {
@@ -815,14 +815,14 @@ const c1 = ({
         detectionStatus: i.detectionStatus,
         counterValue: i.counterValue,
         isCapturing: a,
-        onOpenHelp: u
+        onOpenHelp: h
       }
     ),
-    d && /* @__PURE__ */ e(h1, { onClick: () => n.capture() }),
+    c && /* @__PURE__ */ e(h1, { onClick: () => n.capture() }),
     o && /* @__PURE__ */ e(
       Y,
       {
-        onClose: y,
+        onClose: w,
         onTakeManually: B
       }
     )
@@ -1365,13 +1365,13 @@ const c1 = ({
   description: t,
   ariaLabel: r,
   testId: o,
-  onClick: l
+  onClick: s
 }) => /* @__PURE__ */ e(
   "button",
   {
     type: "button",
     class: "IncodeChooserButton",
-    onClick: l,
+    onClick: s,
     "aria-label": r,
     "data-testid": o,
     children: [
@@ -1386,13 +1386,13 @@ const c1 = ({
     ]
   }
 ), w1 = ({ manager: n }) => {
-  const { t: i } = c(), t = () => {
+  const { t: i } = d(), t = () => {
     n.selectDocument("id");
   }, r = () => {
     n.selectDocument("passport");
   };
   return /* @__PURE__ */ e(
-    x,
+    y,
     {
       title: i("idv2.chooser.title"),
       "data-testid": "document-chooser-page",
@@ -1427,14 +1427,14 @@ const c1 = ({
   manager: n,
   direction: i
 }) => {
-  const [t, r] = L(null), { t: o } = c();
-  m(() => {
-    import("../flip-animation-COR596wy.js").then((s) => {
-      r(s.default);
+  const [t, r] = g(null), { t: o } = d();
+  v(() => {
+    import("../flip-animation-COR596wy.js").then((l) => {
+      r(l.default);
     });
   }, []);
-  const l = async () => {
-    await new Promise((s) => setTimeout(s, 1e3)), i === "toBack" ? n.continueToBack() : n.continueToFront();
+  const s = async () => {
+    await new Promise((l) => setTimeout(l, 1e3)), i === "toBack" ? n.continueToBack() : n.continueToFront();
   };
   return t ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
     /* @__PURE__ */ e(_, { className: "IncodeFlipAnimationTitle", children: o(i === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront") }),
@@ -1444,33 +1444,36 @@ const c1 = ({
       {
         animationData: t,
         loop: !1,
-        onComplete: l
+        onComplete: s
       }
     )
   ] }) : null;
 }, L1 = ({ manager: n, state: i }) => {
-  const { t } = c(), [r, o] = L(null), l = i.selectedDocumentType === "passport", a = i.currentMode === "back";
-  if (m(() => {
+  const { t } = d(), [r, o] = g(!1), [s, a] = g(null), l = i.selectedDocumentType === "passport", c = i.currentMode === "back";
+  if (v(() => {
     l ? import("../passport-tutorial-CaYBFTqt.js").then((u) => {
-      o(u.default);
-    }) : a ? import("../id-tutorial-B-F5Q28m.js").then((u) => {
-      o(u.default);
+      a(u.default);
+    }) : c ? import("../id-tutorial-B-F5Q28m.js").then((u) => {
+      a(u.default);
     }) : import("../id-tutorial-B-F5Q28m.js").then((u) => {
-      o(u.default);
+      a(u.default);
     });
-  }, [l, a]), !r)
+  }, [l, c]), !s)
     return null;
-  const s = t(l ? "idv2.capture.passport.title" : a ? "idv2.tutorial.v2.titleBack" : "idv2.tutorial.v2.title"), d = t(l ? "idv2.capture.passport.subtitle" : a ? "idv2.tutorial.subtitleBack" : "idv2.tutorial.subtitle");
+  const h = t(l ? "idv2.capture.passport.title" : c ? "idv2.tutorial.v2.titleBack" : "idv2.tutorial.v2.title"), w = t(l ? "idv2.capture.passport.subtitle" : c ? "idv2.tutorial.subtitleBack" : "idv2.tutorial.subtitle");
   return /* @__PURE__ */ e(
     O,
     {
-      animationData: r,
-      title: s,
-      subtitle: d,
-      onContinue: () => n.nextStep(),
+      animationData: s,
+      title: h,
+      subtitle: w,
+      onContinue: () => {
+        o(!0), n.nextStep();
+      },
       buttonText: t("idv2.tutorial.startScan"),
       disclaimerText: t("idv2.tutorial.v2.autocapture"),
-      className: f(
+      isLoading: r,
+      className: m(
         "IncodeIdTutorial",
         l ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"
       )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260303-3dab9f2",
+  "version": "0.0.0-dev-20260304-4c68279",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -100,7 +100,7 @@
     "libphonenumber-js": "^1.11.0",
     "preact-custom-element": "^4.6.0",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260303-3dab9f2"
+    "@incodetech/core": "0.0.0-dev-20260304-4c68279"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",