@incodetech/web 0.0.0-dev-20260325-b804685 → 0.0.0-dev-20260325-9772cd2

package/dist/{flipAnimation-CK0kvOE9.js → flipAnimation-CmG-kgPi.js}

@@ -1,20 +1,20 @@
-import { u as e, c as _, b as v, B as D, S as F } from "./button-qiC4m4lf.js";
-import { _ as E, D as k, q as R, A as g, d as M, y as I, k as S, T as N } from "./vendor-preact-BY8u4mdq.js";
+import { u as e, c as M, b as m, B as F, S as H } from "./button-qiC4m4lf.js";
+import { _ as E, D as A, q as k, A as v, d as y, y as h, k as z, P as q, z as b, T as N } from "./vendor-preact-BY8u4mdq.js";
 import "./uiConfig-BSR3Bl6G.js";
 import { P as T } from "./page-CH1_PpOG.js";
-import { T as H } from "./typography-DgyeaZWI.js";
-import { L as j, P as q, c as Q, a as J, d as X, C as Y, b as e1 } from "./captureFooter-BIPDtCn6.js";
-import { S as z } from "./spinner-_-QbAnd8.js";
-import { M as V, L as A, B as t1 } from "./manualCaptureButton-6WD7GhPe.js";
+import { T as R } from "./typography-DgyeaZWI.js";
+import { L as Q, P as J, c as X, a as Y, d as e1, C as t1, b as i1 } from "./captureFooter-BIPDtCn6.js";
+import { S as G } from "./spinner-_-QbAnd8.js";
+import { M as V, L as U, B as n1 } from "./manualCaptureButton-6WD7GhPe.js";
 import "@incodetech/core";
 import "./inputComposed-7r-2MfA7.js";
 import "./checkbox-KYc1FnQr.js";
 import "./phoneInputComposed-B4OTfqLt.js";
 import "./dateInputComposed-DzB7gNed.js";
-import { E as i1 } from "./errorIcon-DbJL-4MJ.js";
-import { S as n1 } from "./successIcon-C-3-t1kz.js";
+import { E as r1 } from "./errorIcon-DbJL-4MJ.js";
+import { S as l1 } from "./successIcon-C-3-t1kz.js";
 import "./countries-DfLkrF0x.js";
-const r1 = ({
+const o1 = ({
   size: i,
   class: t,
   variant: n = "xs"
@@ -62,7 +62,7 @@ const r1 = ({
       )
     }
   );
-}, l1 = (i) => /* @__PURE__ */ E("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ E("g", { clipPath: "url(#clip0_6394_10544)" }, /* @__PURE__ */ E("path", { d: "M8.3538 4.90039L3.9788 9.58789C3.93243 9.63737 3.87124 9.67042 3.80444 9.68207C3.73764 9.69372 3.66887 9.68332 3.60849 9.65245C3.54812 9.62158 3.49943 9.57191 3.46976 9.51094C3.4401 9.44997 3.43106 9.38101 3.44403 9.31445L4.01669 6.45L1.76552 5.60468C1.71717 5.5866 1.67405 5.55682 1.64002 5.51801C1.60599 5.4792 1.58211 5.43256 1.5705 5.38226C1.5589 5.33196 1.55993 5.27957 1.57351 5.22977C1.58709 5.17997 1.61279 5.13431 1.64833 5.09687L6.02333 0.409372C6.06969 0.359894 6.13089 0.326837 6.19769 0.315191C6.26448 0.303545 6.33326 0.313941 6.39363 0.34481C6.454 0.375679 6.50269 0.425347 6.53236 0.486318C6.56203 0.547289 6.57106 0.616255 6.55809 0.68281L5.98387 3.55039L8.23505 4.39453C8.28304 4.41273 8.32581 4.44248 8.35957 4.48114C8.39333 4.5198 8.41706 4.56618 8.42864 4.61618C8.44023 4.66619 8.43931 4.71828 8.42599 4.76784C8.41266 4.81741 8.38733 4.86293 8.35223 4.90039H8.3538Z", fill: "var(--icon-brand-500-static)" })), /* @__PURE__ */ E("defs", null, /* @__PURE__ */ E("clipPath", { id: "clip0_6394_10544" }, /* @__PURE__ */ E("rect", { width: 10, height: 10, fill: "white" })))), o1 = k(
+}, a1 = (i) => /* @__PURE__ */ E("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ E("g", { clipPath: "url(#clip0_6394_10544)" }, /* @__PURE__ */ E("path", { d: "M8.3538 4.90039L3.9788 9.58789C3.93243 9.63737 3.87124 9.67042 3.80444 9.68207C3.73764 9.69372 3.66887 9.68332 3.60849 9.65245C3.54812 9.62158 3.49943 9.57191 3.46976 9.51094C3.4401 9.44997 3.43106 9.38101 3.44403 9.31445L4.01669 6.45L1.76552 5.60468C1.71717 5.5866 1.67405 5.55682 1.64002 5.51801C1.60599 5.4792 1.58211 5.43256 1.5705 5.38226C1.5589 5.33196 1.55993 5.27957 1.57351 5.22977C1.58709 5.17997 1.61279 5.13431 1.64833 5.09687L6.02333 0.409372C6.06969 0.359894 6.13089 0.326837 6.19769 0.315191C6.26448 0.303545 6.33326 0.313941 6.39363 0.34481C6.454 0.375679 6.50269 0.425347 6.53236 0.486318C6.56203 0.547289 6.57106 0.616255 6.55809 0.68281L5.98387 3.55039L8.23505 4.39453C8.28304 4.41273 8.32581 4.44248 8.35957 4.48114C8.39333 4.5198 8.41706 4.56618 8.42864 4.61618C8.44023 4.66619 8.43931 4.71828 8.42599 4.76784C8.41266 4.81741 8.38733 4.86293 8.35223 4.90039H8.3538Z", fill: "var(--icon-brand-500-static)" })), /* @__PURE__ */ E("defs", null, /* @__PURE__ */ E("clipPath", { id: "clip0_6394_10544" }, /* @__PURE__ */ E("rect", { width: 10, height: 10, fill: "white" })))), s1 = A(
   (i, t) => {
     const { class: n, rows: r = 4, ...l } = i;
     return /* @__PURE__ */ e(
@@ -71,11 +71,11 @@ const r1 = ({
         ...l,
         ref: t,
         rows: r,
-        class: _("IncodeTextArea", n)
+        class: M("IncodeTextArea", n)
       }
     );
   }
-), a1 = k(
+), c1 = A(
   ({
     id: i,
     label: t,
@@ -83,14 +83,14 @@ const r1 = ({
     error: r,
     showErrorIcon: l,
     helper: o,
-    showHelperIcon: s,
-    required: a,
+    showHelperIcon: a,
+    required: s,
     rows: c = 4,
     class: d,
-    ...h
+    ...f
   }, C) => {
-    const w = `${i}-helper`, u = `${i}-error`, y = [o ? w : null, r ? u : null].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("div", { class: _("IncodeTextAreaComposed", d), children: [
+    const w = `${i}-helper`, u = `${i}-error`, _ = [o ? w : null, r ? u : null].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e("div", { class: M("IncodeTextAreaComposed", d), children: [
       t && /* @__PURE__ */ e(
         "label",
         {
@@ -99,21 +99,21 @@ const r1 = ({
           "data-testid": `${i}-label`,
           children: [
             t,
-            a && /* @__PURE__ */ e("span", { class: "IncodeTextAreaComposedRequired", children: " *" })
+            s && /* @__PURE__ */ e("span", { class: "IncodeTextAreaComposedRequired", children: " *" })
           ]
         }
       ),
       /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedWrapper", children: /* @__PURE__ */ e(
-        o1,
+        s1,
         {
           id: i,
           rows: c,
-          ...h,
+          ...f,
           ref: C,
-          required: a,
+          required: s,
           ...!t && n ? { "aria-label": n } : {},
-          "aria-describedby": y || void 0,
-          "aria-required": a ? "true" : void 0,
+          "aria-describedby": _ || void 0,
+          "aria-required": s ? "true" : void 0,
           "aria-invalid": r ? "true" : void 0
         }
       ) }),
@@ -123,7 +123,7 @@ const r1 = ({
           class: "IncodeTextAreaComposedErrorWrapper",
           "data-testid": `${i}-error-wrapper`,
           children: [
-            l && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(i1, { size: 17 }) }),
+            l && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(r1, { size: 17 }) }),
             /* @__PURE__ */ e("p", { id: u, class: "IncodeTextAreaComposedError", children: r })
           ]
         }
@@ -134,7 +134,7 @@ const r1 = ({
           class: "IncodeTextAreaComposedHelperWrapper",
           "data-testid": `${i}-helper-wrapper`,
           children: [
-            s && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(n1, { size: 17 }) }),
+            a && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(l1, { size: 17 }) }),
             /* @__PURE__ */ e("p", { id: w, class: "IncodeTextAreaComposedHelper", children: o })
           ]
         }
@@ -142,13 +142,13 @@ const r1 = ({
     ] });
   }
 );
-a1.displayName = "TextAreaComposed";
-function s1({
+c1.displayName = "TextAreaComposed";
+function d1({
   children: i
 }) {
   return /* @__PURE__ */ e("div", { class: "IncodeVerificationOptionCardList", children: i });
 }
-function c1({
+function C1({
   icon: i,
   title: t,
   testId: n,
@@ -181,7 +181,7 @@ function c1({
               class: "IncodeVerificationOptionCardTitleTagContainer",
               children: [
                 /* @__PURE__ */ e("span", { class: "IncodeVerificationOptionCardTitle", children: t }),
-                l && /* @__PURE__ */ e(d1, { label: l })
+                l && /* @__PURE__ */ e(p1, { label: l })
               ]
             }
           ),
@@ -190,7 +190,7 @@ function c1({
             {
               class: "IncodeVerificationOptionCardArrow",
               "data-testid": "chevron-right-icon",
-              children: /* @__PURE__ */ e(r1, { size: 24, variant: "m" })
+              children: /* @__PURE__ */ e(o1, { size: 24, variant: "m" })
             }
           )
         ] })
@@ -198,13 +198,13 @@ function c1({
     }
   );
 }
-function d1({ label: i }) {
+function p1({ label: i }) {
   return /* @__PURE__ */ e("div", { class: "IncodeVerificationOptionCardTag", children: [
-    /* @__PURE__ */ e(l1, {}),
+    /* @__PURE__ */ e(a1, {}),
     /* @__PURE__ */ e("span", { children: i })
   ] });
 }
-const C1 = ({ className: i }) => /* @__PURE__ */ e(
+const u1 = ({ className: i }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -252,7 +252,7 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), p1 = ({ className: i }) => /* @__PURE__ */ e(
+), h1 = ({ className: i }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -293,7 +293,7 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), u1 = ({
+), f1 = ({
   className: i
 }) => /* @__PURE__ */ e(
   "svg",
@@ -344,7 +344,7 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), h1 = ({ className: i }) => /* @__PURE__ */ e(
+), I1 = ({ className: i }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "64",
@@ -365,23 +365,23 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), f1 = ({
+), v1 = ({
   open: i,
   onClose: t,
   onTakeManually: n,
   portalContainer: r
 }) => {
-  const { t: l } = v(), o = R((a) => {
-    a?.focus();
-  }, []), s = () => {
+  const { t: l } = m(), o = k((s) => {
+    s?.focus();
+  }, []), a = () => {
     n(), t();
   };
   return /* @__PURE__ */ e(
     V.Root,
     {
       open: i,
-      onOpenChange: (a) => {
-        a || t();
+      onOpenChange: (s) => {
+        s || t();
       },
       class: "IncodeCommonIssuesFullScreen",
       hasBackdrop: !1,
@@ -389,9 +389,9 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
       manageInitialFocus: !1,
       children: /* @__PURE__ */ e(V.Content, { class: "IncodeCommonIssuesContent", children: [
         /* @__PURE__ */ e(V.Close, { "aria-label": l("commonIssues.close") }),
-        /* @__PURE__ */ e(V.Icon, { class: "IncodeCommonIssuesQuestionIcon", children: /* @__PURE__ */ e(h1, {}) }),
+        /* @__PURE__ */ e(V.Icon, { class: "IncodeCommonIssuesQuestionIcon", children: /* @__PURE__ */ e(I1, {}) }),
         /* @__PURE__ */ e(V.TitleSection, { children: /* @__PURE__ */ e(
-          H,
+          R,
           {
             id: "incode-modal-title",
             ref: o,
@@ -402,21 +402,21 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
         ) }),
         /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCards", children: [
           /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
-            /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(p1, {}) }),
+            /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(h1, {}) }),
             /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
               /* @__PURE__ */ e("h3", { class: "IncodeCommonIssuesCardTitle", children: l("commonIssues.glarePresent") }),
               /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: l("commonIssues.glarePresentDescription") })
             ] })
           ] }),
           /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
-            /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(C1, {}) }),
+            /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(u1, {}) }),
             /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
               /* @__PURE__ */ e("h3", { class: "IncodeCommonIssuesCardTitle", children: l("commonIssues.blurPresent") }),
               /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: l("commonIssues.blurPresentDescription") })
             ] })
           ] }),
           /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
-            /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(u1, {}) }),
+            /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(f1, {}) }),
             /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
               /* @__PURE__ */ e("h3", { class: "IncodeCommonIssuesCardTitle", children: l("commonIssues.notReadable") }),
               /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: l("commonIssues.notReadableDescription") })
@@ -425,35 +425,35 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
         ] }),
         /* @__PURE__ */ e(V.Actions, { class: "IncodeCommonIssuesButtons", children: [
           /* @__PURE__ */ e(
-            D,
+            F,
             {
               variant: "link",
-              onClick: s,
+              onClick: a,
               class: "IncodeCommonIssuesTakeManually",
               children: l("commonIssues.takeManually")
             }
           ),
-          /* @__PURE__ */ e(D, { onClick: t, class: "IncodeCommonIssuesTryAgain", children: l("commonIssues.tryAgain") })
+          /* @__PURE__ */ e(F, { onClick: t, class: "IncodeCommonIssuesTryAgain", children: l("commonIssues.tryAgain") })
         ] })
       ] })
     }
   );
-}, I1 = ({
+}, g1 = ({
   orientation: i,
   mode: t,
   state: n,
   children: r,
   className: l
 }) => {
-  const o = i !== "vertical" || t === "passport", s = t === "passport", a = `IncodeCaptureFrame${n.charAt(0).toUpperCase() + n.slice(1)}`;
+  const o = i !== "vertical" || t === "passport", a = t === "passport", s = `IncodeCaptureFrame${n.charAt(0).toUpperCase() + n.slice(1)}`;
   return /* @__PURE__ */ e(
     "div",
     {
-      class: _(
+      class: M(
         "IncodeCaptureFrame",
         o ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
-        a,
-        s && "IncodeCaptureFramePassport",
+        s,
+        a && "IncodeCaptureFramePassport",
         l
       ),
       "aria-hidden": "true",
@@ -461,20 +461,20 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
       children: r
     }
   );
-}, G = ({
+}, $ = ({
   imageUrl: i,
   orientation: t,
   mode: n,
   borderState: r,
   topContent: l,
   bottomContent: o,
-  overlayContent: s
+  overlayContent: a
 }) => {
-  const { t: a } = v();
+  const { t: s } = m();
   return /* @__PURE__ */ e(T, { 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(
-      I1,
+      g1,
       {
         orientation: t,
         mode: n === "id" ? "front" : n,
@@ -489,14 +489,14 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
               class: "IncodeIdProcessingImage"
             }
           ),
-          s && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingOverlay", "aria-hidden": "true", children: s })
+          a && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingOverlay", "aria-hidden": "true", children: a })
         ]
       }
     ),
     /* @__PURE__ */ e("div", { class: "IncodeIdProcessingBottomArea", children: [
       /* @__PURE__ */ e("div", { class: "IncodeCaptureEncryptionLabel", children: [
-        /* @__PURE__ */ e(j, { className: "IncodeCaptureEncryptionIcon" }),
-        /* @__PURE__ */ e("span", { children: a("v2.capture.label") })
+        /* @__PURE__ */ e(Q, { className: "IncodeCaptureEncryptionIcon" }),
+        /* @__PURE__ */ e("span", { children: s("v2.capture.label") })
       ] }),
       o
     ] })
@@ -507,26 +507,26 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
   orientation: n,
   mode: r
 }) => {
-  const { t: l } = v(), o = g(null), s = n !== "vertical" || r === "passport", [a, c] = M(null);
-  return I(() => {
+  const { t: l } = m(), o = v(null), a = n !== "vertical" || r === "passport", [s, c] = y(null);
+  return h(() => {
     o.current?.focus();
-  }, []), I(() => {
-    s ? import("./id-laser-h-BBV3r3rz.js").then((d) => {
+  }, []), h(() => {
+    a ? import("./id-laser-h-BBV3r3rz.js").then((d) => {
       c(d.default);
     }) : import("./id-laser-v-BTHJaSfx.js").then((d) => {
       c(d.default);
     });
-  }, [s]), /* @__PURE__ */ e(
-    G,
+  }, [a]), /* @__PURE__ */ e(
+    $,
     {
       imageUrl: i,
       orientation: n,
       mode: r,
       borderState: "analyzing",
       topContent: /* @__PURE__ */ e("div", { class: "IncodeAnalyzingContent", children: [
-        /* @__PURE__ */ e(q, { progress: t }),
+        /* @__PURE__ */ e(J, { progress: t }),
         /* @__PURE__ */ e(
-          H,
+          R,
           {
             ref: o,
             id: "analyzing-title",
@@ -536,17 +536,17 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
           }
         )
       ] }),
-      overlayContent: a ? /* @__PURE__ */ e(
-        A,
+      overlayContent: s ? /* @__PURE__ */ e(
+        U,
         {
-          animationData: a,
+          animationData: s,
           loop: !0,
           className: "IncodeAnalyzingLottie"
         }
       ) : null
     }
   );
-}, g1 = ({ className: i, ...t }) => /* @__PURE__ */ e(
+}, w1 = ({ className: i, ...t }) => /* @__PURE__ */ e(
   "svg",
   {
     class: i,
@@ -565,7 +565,7 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
       }
     )
   }
-), $ = ({ className: i, ...t }) => /* @__PURE__ */ e(
+), W = ({ className: i, ...t }) => /* @__PURE__ */ e(
   "svg",
   {
     class: i,
@@ -584,41 +584,41 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
       }
     )
   }
-), W = ({
+), K = ({
   variant: i,
   imageUrl: t,
   orientation: n,
   mode: r,
   title: l,
   subtitle: o,
-  buttonText: s,
-  onButtonClick: a,
+  buttonText: a,
+  onButtonClick: s,
   attemptsRemaining: c
 }) => {
-  const { t: d } = v(), h = g(null);
-  return I(() => {
-    h.current?.focus();
+  const { t: d } = m(), f = v(null);
+  return h(() => {
+    f.current?.focus();
   }, []), /* @__PURE__ */ e(
-    G,
+    $,
     {
       imageUrl: t,
       orientation: n,
       mode: r,
       borderState: i,
       topContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultContent", role: "status", children: [
-        i === "success" ? /* @__PURE__ */ e(g1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e($, { className: "IncodeIdProcessingResultIcon" }),
-        /* @__PURE__ */ e(F, { size: 16 }),
+        i === "success" ? /* @__PURE__ */ e(w1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(W, { className: "IncodeIdProcessingResultIcon" }),
+        /* @__PURE__ */ e(H, { size: 16 }),
         l && /* @__PURE__ */ e(
-          H,
+          R,
           {
-            ref: h,
+            ref: f,
             className: "IncodeIdProcessingResultTitle",
             tabIndex: -1,
             children: l
           }
         ),
-        o && /* @__PURE__ */ e(S, { children: [
-          /* @__PURE__ */ e(F, { size: 12 }),
+        o && /* @__PURE__ */ e(z, { children: [
+          /* @__PURE__ */ e(H, { size: 12 }),
           /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultSubtitle", children: o })
         ] })
       ] }),
@@ -626,17 +626,17 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
         c !== void 0 && c > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: d("v2.idError.attemptsLeft", {
           count: c
         }) }),
-        /* @__PURE__ */ e(D, { onClick: a, "data-testid": "retry-button", children: s })
+        /* @__PURE__ */ e(F, { onClick: s, "data-testid": "retry-button", children: a })
       ] })
     }
   );
-}, v1 = ({ manager: i, state: t }) => {
-  const { t: n } = v();
+}, x1 = ({ manager: i, state: t }) => {
+  const { t: n } = m();
   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(
-    W,
+    K,
     {
       variant: "success",
       imageUrl: t.previewImageUrl,
@@ -648,16 +648,16 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
       onButtonClick: () => i.nextStep()
     }
   );
-}, w1 = ({ manager: i, state: t, ...n }) => {
-  const { t: r } = v();
+}, L1 = ({ manager: i, state: t, ...n }) => {
+  const { t: r } = m();
   if (t.status === "error")
     return /* @__PURE__ */ e("div", { class: "IncodeIdError", role: "alert", children: [
       /* @__PURE__ */ e("div", { class: "IncodeIdErrorMessage", children: t.error }),
-      /* @__PURE__ */ e(D, { onClick: () => i.reset(), "data-testid": "retry-button", children: r("idv2.capturePreview.retry") })
+      /* @__PURE__ */ e(F, { onClick: () => i.reset(), "data-testid": "retry-button", children: r("idv2.capturePreview.retry") })
     ] });
   const l = t.currentMode === "passport" ? "passport" : "id";
   return t.previewImageUrl ? /* @__PURE__ */ e(
-    W,
+    K,
     {
       variant: "error",
       imageUrl: t.previewImageUrl,
@@ -670,9 +670,9 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
       attemptsRemaining: t.attemptsRemaining
     }
   ) : null;
-}, Q1 = ({ manager: i }) => {
-  const { t } = v(), n = g(null);
-  I(() => {
+}, s2 = ({ manager: i }) => {
+  const { t } = m(), n = v(null);
+  h(() => {
     n.current?.focus();
   }, []);
   const r = () => {
@@ -680,47 +680,47 @@ const C1 = ({ className: i }) => /* @__PURE__ */ e(
   };
   return /* @__PURE__ */ e(T, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
     /* @__PURE__ */ e("div", { class: "IncodeIdExpiredContent", role: "alert", children: [
-      /* @__PURE__ */ e($, { className: "IncodeIdExpiredIcon" }),
-      /* @__PURE__ */ e(H, { ref: n, tabIndex: -1, className: "IncodeIdExpiredTitle", children: t("idv2.capture.notifications.expiredId") }),
-      /* @__PURE__ */ e(F, { size: 12 }),
+      /* @__PURE__ */ e(W, { className: "IncodeIdExpiredIcon" }),
+      /* @__PURE__ */ e(R, { ref: n, tabIndex: -1, className: "IncodeIdExpiredTitle", children: t("idv2.capture.notifications.expiredId") }),
+      /* @__PURE__ */ e(H, { size: 12 }),
       /* @__PURE__ */ e("p", { class: "IncodeIdExpiredSubtitle", children: t("idv2.capture.notifications.useDifferent") }),
-      /* @__PURE__ */ e(F, { size: 80 })
+      /* @__PURE__ */ e(H, { size: 80 })
     ] }),
-    /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(D, { variant: "primary", onClick: r, children: t("idv2.unacceptedId.tryAgain") }) })
+    /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(F, { variant: "primary", onClick: r, children: t("idv2.unacceptedId.tryAgain") }) })
   ] });
 }, L = /* @__PURE__ */ new Map();
-let O = !1;
-const b = {
+let S = !1;
+const D = {
   blur: () => import("./blurdevicelottie-_BZRug1c.js"),
   glare: () => import("./glaredevicelottie-DLuIStvb.js"),
   align: () => import("./aligndevicelottie-DlQCRPfM.js"),
   front: () => import("./frontdevicelottie-KhKxT5n9.js"),
   back: () => import("./backdevicelottie-B4NgyWmX.js")
 };
-function K(i) {
-  O || (O = !0, Promise.all([
-    b.blur(),
-    b.glare(),
-    b.align(),
-    b.front(),
-    b.back()
+function j(i) {
+  S || (S = !0, Promise.all([
+    D.blur(),
+    D.glare(),
+    D.align(),
+    D.front(),
+    D.back()
   ]).then(([t, n, r, l, o]) => {
     L.set("blur", t.default), L.set("glare", n.default), L.set("align", r.default), L.set("front", l.default), L.set("back", o.default), i?.();
   }).catch(() => {
   }));
 }
-function x1() {
-  K();
+function y1() {
+  j();
 }
-function L1() {
-  I(() => {
-    x1();
+function _1() {
+  h(() => {
+    y1();
   }, []);
 }
-function y1(i, t) {
-  const { t: n } = v(), [, r] = M(0);
-  if (I(() => {
-    K(() => r((l) => l + 1));
+function M1(i, t) {
+  const { t: n } = m(), [, r] = y(0);
+  if (h(() => {
+    j(() => r((l) => l + 1));
   }, []), i === "blur")
     return {
       title: n("idv2.capture.notifications.blur.title"),
@@ -749,73 +749,73 @@ function y1(i, t) {
   }
   return null;
 }
-const _1 = ({
+const B1 = ({
   detectionStatus: i,
   mode: t,
   isCapturing: n
 }) => {
-  const { t: r } = v(), l = y1(i, t), o = g(null), s = g({
+  const { t: r } = m(), l = M1(i, t), o = v(null), a = v({
     message: "",
     at: 0
-  }), a = g(i), c = g(!1), d = g(), h = g(), C = i === "detecting" || i === "idNotDetected" || i === "manualCapture", w = i === "manualCapture", u = i === "wrongSide", y = i === "farAway", B = i === "glare", Z = i === "blur", m = R((p) => {
-    const x = Date.now(), U = s.current;
-    if (p === U.message && x - U.at < 200) return;
-    s.current = { message: p, at: x };
+  }), s = v(i), c = v(!1), d = v(), f = v(), C = i === "detecting" || i === "idNotDetected" || i === "manualCapture", w = i === "manualCapture", u = i === "wrongSide", _ = i === "farAway", B = i === "glare", Z = i === "blur", g = k((p) => {
+    const x = Date.now(), O = a.current;
+    if (p === O.message && x - O.at < 200) return;
+    a.current = { message: p, at: x };
     const P = o.current;
-    P && (clearTimeout(d.current), P.textContent = "", h.current = setTimeout(() => {
+    P && (clearTimeout(d.current), P.textContent = "", f.current = setTimeout(() => {
       P.textContent = p, d.current = setTimeout(() => {
         P.textContent = "";
       }, 3e3);
     }, 50));
-  }, []), f = R(() => r(t === "passport" ? "idv2.capture.fillFramePassport" : t === "back" ? "idv2.capture.v2.fillFrameBack" : "idv2.capture.v2.fillFrameFront"), [t, r]);
-  return I(() => {
+  }, []), I = k(() => r(t === "passport" ? "idv2.capture.fillFramePassport" : t === "back" ? "idv2.capture.v2.fillFrameBack" : "idv2.capture.v2.fillFrameFront"), [t, r]);
+  return h(() => {
     if (w) {
       c.current = !1;
       return;
     }
     if (c.current || !C) return;
     const p = setTimeout(() => {
-      c.current = !0, m(f());
+      c.current = !0, g(I());
     }, 500);
     return () => clearTimeout(p);
-  }, [C, w, m, f]), I(() => {
-    const p = a.current;
-    a.current = i, p !== "manualCapture" && w && m(r("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
-  }, [m, i, w, r]), I(() => {
+  }, [C, w, g, I]), h(() => {
+    const p = s.current;
+    s.current = i, p !== "manualCapture" && w && g(r("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
+  }, [g, i, w, r]), h(() => {
     if (!n) {
       if (u) {
         const x = t === "front" || t === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
-        m(`${r(`${x}.title`)}. ${r(`${x}.description`)}`);
+        g(`${r(`${x}.title`)}. ${r(`${x}.description`)}`);
         return;
       }
-      if (y) {
-        m(`${r("idv2.capture.notifications.notAligned.title")}.`);
+      if (_) {
+        g(`${r("idv2.capture.notifications.notAligned.title")}.`);
         return;
       }
       if (B) {
-        m(`${r("idv2.capture.notifications.glare.title")}.`);
+        g(`${r("idv2.capture.notifications.glare.title")}.`);
         return;
       }
       if (Z) {
-        m(`${r("idv2.capture.notifications.blur.title")}.`);
+        g(`${r("idv2.capture.notifications.blur.title")}.`);
         return;
       }
-      C && c.current && m(f());
+      C && c.current && g(I());
     }
   }, [
-    m,
+    g,
     Z,
     n,
-    y,
+    _,
     B,
     C,
     u,
     t,
     r,
-    f
-  ]), I(() => () => {
-    clearTimeout(h.current), clearTimeout(d.current);
-  }, []), /* @__PURE__ */ e(S, { children: [
+    I
+  ]), h(() => () => {
+    clearTimeout(f.current), clearTimeout(d.current);
+  }, []), /* @__PURE__ */ e(z, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -825,16 +825,68 @@ const _1 = ({
         "aria-atomic": "true"
       }
     ),
-    l ? /* @__PURE__ */ e("div", { class: _("IncodeIdCaptureNotification"), "aria-hidden": "true", children: /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationContent", children: [
-      /* @__PURE__ */ e("div", { class: _("IncodeIdCaptureNotificationText"), children: [
+    l ? /* @__PURE__ */ e("div", { class: M("IncodeIdCaptureNotification"), "aria-hidden": "true", children: /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationContent", children: [
+      /* @__PURE__ */ e("div", { class: M("IncodeIdCaptureNotificationText"), children: [
         /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationTitle", children: l.title }),
         l.description && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationDescription", children: l.description })
       ] }),
-      /* @__PURE__ */ e(F, { size: 16, direction: "horizontal" }),
-      l.animationData && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ e(A, { animationData: l.animationData, loop: !0 }) })
+      /* @__PURE__ */ e(H, { size: 16, direction: "horizontal" }),
+      l.animationData && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ e(U, { animationData: l.animationData, loop: !0 }) })
     ] }) }) : null
   ] });
-}, M1 = k(
+}, Z1 = b(
+  () => import("./front-horizontal-hint-Ca8ux7ED.js")
+), E1 = b(
+  () => import("./front-vertical-hint-Cl9a47Kq.js")
+), V1 = b(
+  () => import("./back-horizontal-hint-CktUy0An.js")
+), H1 = b(
+  () => import("./back-vertical-hint-CMOWSEsc.js")
+), b1 = b(
+  () => import("./passport-horizontal-hint-CWnj6Kh1.js")
+), D1 = b(
+  () => import("./passport-vertical-hint-DzkQdaag.js")
+), F1 = {
+  "front-horizontal": 348,
+  "back-horizontal": 348,
+  "passport-horizontal": 342
+}, T1 = {
+  "front-vertical": 446,
+  "back-vertical": 446,
+  "passport-vertical": 342
+};
+function R1(i, t, n, r) {
+  const l = `${i}-${t}`, o = F1[l];
+  if (o) return n / o;
+  const a = T1[l];
+  return a ? r / a : 1;
+}
+const P1 = ({ mode: i, orientation: t }) => {
+  const n = v(null), [r, l] = y(1);
+  h(() => {
+    const a = n.current;
+    if (!a) return;
+    const s = () => {
+      l(
+        R1(i, t, a.clientWidth, a.clientHeight)
+      );
+    };
+    s();
+    const c = new ResizeObserver(s);
+    return c.observe(a), () => c.disconnect();
+  }, [i, t]);
+  const o = () => i === "front" ? t === "horizontal" ? /* @__PURE__ */ e(Z1, {}) : /* @__PURE__ */ e(E1, {}) : i === "back" ? t === "horizontal" ? /* @__PURE__ */ e(V1, {}) : /* @__PURE__ */ e(H1, {}) : i === "passport" ? t === "horizontal" ? /* @__PURE__ */ e(b1, {}) : /* @__PURE__ */ e(D1, {}) : null;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: n,
+      class: "IncodeIdHint",
+      "aria-hidden": "true",
+      role: "presentation",
+      children: /* @__PURE__ */ e("div", { class: "IncodeIdHintAnimated", children: /* @__PURE__ */ e(q, { fallback: null, children: /* @__PURE__ */ e("div", { class: "IncodeIdHintSvg", style: { transform: `scale(${r})` }, children: o() }) }) })
+    }
+  );
+}, k1 = A(
   ({
     mode: i,
     orientation: t,
@@ -842,13 +894,13 @@ const _1 = ({
     counterValue: r,
     isCapturing: l,
     showManualCapture: o,
-    onCapture: s,
-    onOpenHelp: a,
+    onCapture: a,
+    onOpenHelp: s,
     helpButtonRef: c,
     captureButtonRef: d
-  }, h) => {
-    const { t: C } = v();
-    L1(), I(() => {
+  }, f) => {
+    const { t: C } = m();
+    _1(), h(() => {
       o && d && d.current?.focus();
     }, [o, d]);
     const w = () => l || n === "capturing" ? "capturing" : n === "blur" || n === "glare" || n === "wrongSide" || n === "farAway" ? "error" : "idle", u = N(() => {
@@ -871,18 +923,18 @@ const _1 = ({
         };
       }
       return null;
-    }, [l, n, i, C]), y = w(), B = i === "passport", Z = t !== "vertical" || B, m = Z ? "horizontal" : "vertical";
+    }, [l, n, i, C]), _ = w(), B = i === "passport", Z = t !== "vertical" || B, g = Z ? "horizontal" : "vertical";
     return /* @__PURE__ */ e(
-      Y,
+      t1,
       {
-        className: _(
+        className: M(
           "IncodeCaptureOverlayId",
           !Z && "IncodeCaptureOverlayVertical"
         ),
         children: [
           /* @__PURE__ */ e("div", { class: "IncodeCaptureTopSection", children: [
             /* @__PURE__ */ e(
-              _1,
+              B1,
               {
                 detectionStatus: n,
                 mode: i,
@@ -890,7 +942,7 @@ const _1 = ({
               }
             ),
             /* @__PURE__ */ e(
-              Q,
+              X,
               {
                 title: u?.title ?? "",
                 subtitle: u?.subtitle,
@@ -900,22 +952,25 @@ const _1 = ({
             )
           ] }),
           /* @__PURE__ */ e(
-            J,
+            Y,
             {
-              ref: h,
+              ref: f,
               variant: "locked",
-              orientation: m,
-              frameState: y,
-              className: _(B && "IncodeCaptureFramePassport"),
-              children: l && r > 0 && /* @__PURE__ */ e("div", { class: "IncodeCaptureCounter", children: r })
+              orientation: g,
+              frameState: _,
+              className: M(B && "IncodeCaptureFramePassport"),
+              children: [
+                l && r > 0 && /* @__PURE__ */ e("div", { class: "IncodeCaptureCounter", children: r }),
+                n === "idNotDetected" && /* @__PURE__ */ e(P1, { mode: i, orientation: t ?? "horizontal" })
+              ]
             }
           ),
           /* @__PURE__ */ e("div", { class: "IncodeSrOnly", "aria-live": "polite", "aria-atomic": "true", children: l && r > 0 ? r : "" }),
           /* @__PURE__ */ e(
-            X,
+            e1,
             {
-              onOpenHelp: a,
-              onCapture: s,
+              onOpenHelp: s,
+              onCapture: a,
               isManualCapture: o,
               helpButtonRef: c,
               captureButtonRef: d,
@@ -938,10 +993,10 @@ const _1 = ({
       }
     );
   }
-), J1 = ({ manager: i, state: t }) => {
-  const { t: n } = v();
+), c2 = ({ manager: i, state: t }) => {
+  const { t: n } = m();
   if (t.captureStatus === "initializing")
-    return /* @__PURE__ */ e(T, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(z, { size: "large", title: `${n("webcam.loading")}...` }) });
+    return /* @__PURE__ */ e(T, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(G, { size: "large", title: `${n("webcam.loading")}...` }) });
   if (t.captureStatus === "uploading" && t.previewImageUrl) {
     const r = t.currentMode === "passport" ? "passport" : "id";
     return /* @__PURE__ */ e(
@@ -954,21 +1009,21 @@ const _1 = ({
       }
     );
   }
-  return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(v1, { manager: i, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(w1, { manager: i, state: t }) : /* @__PURE__ */ e(B1, { manager: i, state: t });
-}, B1 = ({ manager: i, state: t }) => {
-  const n = g(null), r = g(null), l = g(null), o = g(null), s = g(null), [a, c] = M(!1), [d, h] = M(!1);
-  I(() => {
-    const f = n.current;
-    if (!f || !t.stream) {
-      h(!1);
+  return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(x1, { manager: i, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(L1, { manager: i, state: t }) : /* @__PURE__ */ e(A1, { manager: i, state: t });
+}, A1 = ({ manager: i, state: t }) => {
+  const n = v(null), r = v(null), l = v(null), o = v(null), a = v(null), [s, c] = y(!1), [d, f] = y(!1);
+  h(() => {
+    const I = n.current;
+    if (!I || !t.stream) {
+      f(!1);
       return;
     }
-    h(!1);
-    const p = () => h(!0);
-    return f.addEventListener("playing", p), f.srcObject = t.stream, f.play().catch(() => {
-    }), () => f.removeEventListener("playing", p);
-  }, [t.stream]), I(() => {
-    const f = () => {
+    f(!1);
+    const p = () => f(!0);
+    return I.addEventListener("playing", p), I.srcObject = t.stream, I.play().catch(() => {
+    }), () => I.removeEventListener("playing", p);
+  }, [t.stream]), h(() => {
+    const I = () => {
       const p = r.current;
       if (!p)
         return;
@@ -980,9 +1035,9 @@ const _1 = ({
         height: x.height
       });
     };
-    return f(), window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
+    return I(), window.addEventListener("resize", I), () => window.removeEventListener("resize", I);
   }, [i, t.orientation, d]);
-  const C = t.captureStatus === "capturing" || t.detectionStatus === "capturing", w = t.detectionStatus, u = w === "manualCapture" || t.showCaptureButtonInAuto && t.captureStatus === "detecting" && w !== "capturing", y = () => {
+  const C = t.captureStatus === "capturing" || t.detectionStatus === "capturing", w = t.detectionStatus, u = w === "manualCapture" || t.showCaptureButtonInAuto && t.captureStatus === "detecting" && w !== "capturing", _ = () => {
     c(!0);
   }, B = () => {
     c(!1), requestAnimationFrame(() => {
@@ -990,12 +1045,12 @@ const _1 = ({
     });
   }, Z = () => {
     c(!1), i.switchToManualCapture();
-  }, m = () => {
+  }, g = () => {
     i.capture();
   };
   return /* @__PURE__ */ e(T, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: [
-    /* @__PURE__ */ e(e1, { stream: t.stream, "aria-hidden": a || void 0, children: /* @__PURE__ */ e(
-      M1,
+    /* @__PURE__ */ e(i1, { stream: t.stream, "aria-hidden": s || void 0, children: /* @__PURE__ */ e(
+      k1,
       {
         ref: r,
         mode: t.currentMode,
@@ -1004,55 +1059,55 @@ const _1 = ({
         counterValue: t.counterValue,
         isCapturing: C,
         showManualCapture: u,
-        onCapture: m,
-        onOpenHelp: y,
+        onCapture: g,
+        onOpenHelp: _,
         helpButtonRef: l,
         captureButtonRef: o
       }
     ) }),
-    /* @__PURE__ */ e("div", { ref: s }),
+    /* @__PURE__ */ e("div", { ref: a }),
     /* @__PURE__ */ e(
-      f1,
+      v1,
       {
-        open: a,
+        open: s,
         onClose: B,
         onTakeManually: Z,
-        portalContainer: s.current
+        portalContainer: a.current
       }
     )
   ] });
-}, X1 = ({ manager: i, state: t }) => {
-  const { t: n } = v(), [r, l] = M(!1), [o, s] = M(null), a = t.selectedDocumentType === "passport", c = t.currentMode === "back";
-  if (I(() => {
-    a ? import("./passport-tutorial-CaYBFTqt.js").then((u) => {
-      s(u.default);
+}, d2 = ({ manager: i, state: t }) => {
+  const { t: n } = m(), [r, l] = y(!1), [o, a] = y(null), s = t.selectedDocumentType === "passport", c = t.currentMode === "back";
+  if (h(() => {
+    s ? import("./passport-tutorial-CaYBFTqt.js").then((u) => {
+      a(u.default);
     }) : c ? import("./back-tutorial-An9AcMSe.js").then((u) => {
-      s(u.default);
+      a(u.default);
     }) : import("./id-tutorial-B-F5Q28m.js").then((u) => {
-      s(u.default);
+      a(u.default);
     });
-  }, [a, c]), !o)
+  }, [s, c]), !o)
     return null;
-  const d = n(a ? "idv2.capture.passport.title" : c ? "idv2.backTutorial.title" : "idv2.tutorial.v2.title"), h = n(a ? "idv2.capture.passport.subtitle" : c ? "idv2.backTutorial.subtitle" : "idv2.tutorial.subtitle"), C = n(c ? "idv2.backTutorial.disclaimer" : "idv2.tutorial.v2.autocapture");
+  const d = n(s ? "idv2.capture.passport.title" : c ? "idv2.backTutorial.title" : "idv2.tutorial.v2.title"), f = n(s ? "idv2.capture.passport.subtitle" : c ? "idv2.backTutorial.subtitle" : "idv2.tutorial.subtitle"), C = n(c ? "idv2.backTutorial.disclaimer" : "idv2.tutorial.v2.autocapture");
   return /* @__PURE__ */ e(
-    t1,
+    n1,
     {
       animationData: o,
       title: d,
-      subtitle: h,
+      subtitle: f,
       onContinue: () => {
         l(!0), i.nextStep();
       },
       buttonText: n("idv2.tutorial.startScan"),
       disclaimerText: C,
       isLoading: r,
-      className: _(
+      className: M(
         "IncodeIdTutorial",
-        a ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"
+        s ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"
       )
     }
   );
-}, Z1 = () => /* @__PURE__ */ e(
+}, U1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "119",
@@ -1246,7 +1301,7 @@ const _1 = ({
       ] })
     ]
   }
-), E1 = () => /* @__PURE__ */ e(
+), O1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "118",
@@ -1551,7 +1606,7 @@ const _1 = ({
       ] })
     ]
   }
-), V1 = () => /* @__PURE__ */ e(
+), S1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "60",
@@ -1762,7 +1817,7 @@ const _1 = ({
       ] })
     ]
   }
-), F1 = () => /* @__PURE__ */ e(
+), z1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "60",
@@ -1968,7 +2023,7 @@ const _1 = ({
       ] })
     ]
   }
-), b1 = () => /* @__PURE__ */ e(
+), N1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "61",
@@ -2277,30 +2332,30 @@ const _1 = ({
       ] })
     ]
   }
-), D1 = {
+), G1 = {
   digitalIdUpload: {
     type: "digitalIdUpload",
-    icon: b1,
+    icon: N1,
     title: "idv2.chooser.digitalIdUploadButtonTitle",
     testId: "verification-option-digitalIdUpload",
     weight: 1
   },
   id: {
     type: "id",
-    icon: Z1,
+    icon: U1,
     title: "idv2.chooser.idButtonTitle",
     testId: "verification-option-id",
     weight: 2
   },
   passport: {
     type: "passport",
-    icon: E1,
+    icon: O1,
     title: "idv2.chooser.passportButtonTitle",
     testId: "verification-option-passport",
     weight: 3
   },
   digitalId: {
-    icon: V1,
+    icon: S1,
     title: "idv2.chooser.digitalIdButtonTitle",
     testId: "verification-option-digitalId",
     type: "digitalId",
@@ -2308,22 +2363,22 @@ const _1 = ({
   },
   manualIdUpload: {
     type: "manualIdUpload",
-    icon: F1,
+    icon: z1,
     title: "idv2.chooser.manualUploadButtonTitle",
     testId: "verification-option-manualIdUpload",
     weight: 5
   }
 };
-function T1(i) {
+function $1(i) {
   const t = (n, r) => {
-    const l = D1[r];
+    const l = G1[r];
     return l && n.push(l), n;
   };
   return i.reduce(t, []).sort((n, r) => n.weight - r.weight);
 }
-const Y1 = ({ manager: i, state: t }) => {
-  const { t: n } = v(), r = N(
-    () => T1(t.availableDocumentTypes),
+const C2 = ({ manager: i, state: t }) => {
+  const { t: n } = m(), r = N(
+    () => $1(t.availableDocumentTypes),
     [t.availableDocumentTypes]
   ), l = (o) => {
     i.selectDocument(o);
@@ -2334,8 +2389,8 @@ const Y1 = ({ manager: i, state: t }) => {
       title: n("idv2.chooser.chooseHowToVerifyTitle"),
       "data-testid": "document-chooser-page",
       className: "IncodeChooserPage",
-      children: /* @__PURE__ */ e("div", { class: "IncodeChooserContainer", children: /* @__PURE__ */ e(s1, { children: r.map((o) => /* @__PURE__ */ e(
-        c1,
+      children: /* @__PURE__ */ e("div", { class: "IncodeChooserContainer", children: /* @__PURE__ */ e(d1, { children: r.map((o) => /* @__PURE__ */ e(
+        C1,
         {
           icon: o.icon,
           title: n(o.title),
@@ -2347,44 +2402,44 @@ const Y1 = ({ manager: i, state: t }) => {
       )) }) })
     }
   );
-}, e2 = ({
+}, p2 = ({
   manager: i,
   direction: t
 }) => {
-  const [n, r] = M(null), [l, o] = M(!1), { t: s } = v();
-  I(() => {
+  const [n, r] = y(null), [l, o] = y(!1), { t: a } = m();
+  h(() => {
     import("./flip-animation-COR596wy.js").then((d) => {
       r(d.default);
     });
   }, []);
-  const a = R(async () => {
+  const s = k(async () => {
     await new Promise((d) => setTimeout(d, 1e3)), t === "toBack" ? i.continueToBack() : i.continueToFront(), o(!0);
   }, [t, i]);
-  return l ? /* @__PURE__ */ e(z, { size: "large" }) : n ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
-    /* @__PURE__ */ e(H, { role: "status", className: "IncodeFlipAnimationTitle", children: s(t === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront") }),
-    /* @__PURE__ */ e(F, { size: 32 }),
+  return l ? /* @__PURE__ */ e(G, { size: "large" }) : n ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
+    /* @__PURE__ */ e(R, { role: "status", className: "IncodeFlipAnimationTitle", children: a(t === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront") }),
+    /* @__PURE__ */ e(H, { size: 32 }),
     /* @__PURE__ */ e(
-      A,
+      U,
       {
         animationData: n,
         loop: !1,
         reverse: t === "toFront",
-        onComplete: a
+        onComplete: s
       }
     )
   ] }) : null;
 };
 export {
-  J1 as C,
-  e2 as F,
-  w1 as I,
-  l1 as S,
-  o1 as T,
-  c1 as V,
-  a1 as a,
-  s1 as b,
-  X1 as c,
-  Y1 as d,
-  Q1 as e,
-  r1 as f
+  c2 as C,
+  p2 as F,
+  L1 as I,
+  a1 as S,
+  s1 as T,
+  C1 as V,
+  c1 as a,
+  d1 as b,
+  d2 as c,
+  C2 as d,
+  s2 as e,
+  o1 as f
 };