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

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

@@ -1,26 +1,26 @@
-import { u as e, c as y, b as m, S as _, B as D } from "./button-qiC4m4lf.js";
-import { _ as E, D as R, A as I, y as f, d as M, k as O, q as P, T as S } 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 F } from "./page-CH1_PpOG.js";
-import { T as H } from "./typography-DgyeaZWI.js";
-import { L as K, P as j, c as q, a as Q, d as J, C as X, b as Y } from "./captureFooter-BIPDtCn6.js";
-import { S as z } from "./spinner-_-QbAnd8.js";
-import { L as k, B as e1 } from "./manualCaptureButton-iyltFWfQ.js";
+import { P as T } from "./page-CH1_PpOG.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 t1 } from "./errorIcon-DbJL-4MJ.js";
-import { S as i1 } 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 n1 = ({
-  size: n,
+const o1 = ({
+  size: i,
   class: t,
-  variant: i = "xs"
+  variant: n = "xs"
 }) => {
-  const r = n ?? (i === "xs" ? 14 : 24);
-  return i === "xs" ? /* @__PURE__ */ e(
+  const r = i ?? (n === "xs" ? 14 : 24);
+  return n === "xs" ? /* @__PURE__ */ e(
     "svg",
     {
       width: r,
@@ -62,58 +62,58 @@ const n1 = ({
       )
     }
   );
-}, r1 = (n) => /* @__PURE__ */ E("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__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" })))), l1 = R(
-  (n, t) => {
-    const { class: i, rows: r = 4, ...l } = n;
+}, 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(
       "textarea",
       {
         ...l,
         ref: t,
         rows: r,
-        class: y("IncodeTextArea", i)
+        class: M("IncodeTextArea", n)
       }
     );
   }
-), o1 = R(
+), c1 = A(
   ({
-    id: n,
+    id: i,
     label: t,
-    "aria-label": i,
+    "aria-label": n,
     error: r,
     showErrorIcon: l,
     helper: o,
-    showHelperIcon: c,
-    required: a,
-    rows: d = 4,
-    class: s,
-    ...g
+    showHelperIcon: a,
+    required: s,
+    rows: c = 4,
+    class: d,
+    ...f
   }, C) => {
-    const v = `${n}-helper`, u = `${n}-error`, x = [o ? v : null, r ? u : null].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("div", { class: y("IncodeTextAreaComposed", s), 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",
         {
           class: "IncodeTextAreaComposedLabel",
-          htmlFor: n,
-          "data-testid": `${n}-label`,
+          htmlFor: i,
+          "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(
-        l1,
+        s1,
         {
-          id: n,
-          rows: d,
-          ...g,
+          id: i,
+          rows: c,
+          ...f,
           ref: C,
-          required: a,
-          ...!t && i ? { "aria-label": i } : {},
-          "aria-describedby": x || void 0,
-          "aria-required": a ? "true" : void 0,
+          required: s,
+          ...!t && n ? { "aria-label": n } : {},
+          "aria-describedby": _ || void 0,
+          "aria-required": s ? "true" : void 0,
           "aria-invalid": r ? "true" : void 0
         }
       ) }),
@@ -121,9 +121,9 @@ const n1 = ({
         "div",
         {
           class: "IncodeTextAreaComposedErrorWrapper",
-          "data-testid": `${n}-error-wrapper`,
+          "data-testid": `${i}-error-wrapper`,
           children: [
-            l && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(t1, { size: 17 }) }),
+            l && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(r1, { size: 17 }) }),
             /* @__PURE__ */ e("p", { id: u, class: "IncodeTextAreaComposedError", children: r })
           ]
         }
@@ -132,26 +132,26 @@ const n1 = ({
         "div",
         {
           class: "IncodeTextAreaComposedHelperWrapper",
-          "data-testid": `${n}-helper-wrapper`,
+          "data-testid": `${i}-helper-wrapper`,
           children: [
-            c && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(i1, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: v, class: "IncodeTextAreaComposedHelper", children: o })
+            a && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(l1, { size: 17 }) }),
+            /* @__PURE__ */ e("p", { id: w, class: "IncodeTextAreaComposedHelper", children: o })
           ]
         }
       )
     ] });
   }
 );
-o1.displayName = "TextAreaComposed";
-function a1({
-  children: n
+c1.displayName = "TextAreaComposed";
+function d1({
+  children: i
 }) {
-  return /* @__PURE__ */ e("div", { class: "IncodeVerificationOptionCardList", children: n });
+  return /* @__PURE__ */ e("div", { class: "IncodeVerificationOptionCardList", children: i });
 }
-function s1({
-  icon: n,
+function C1({
+  icon: i,
   title: t,
-  testId: i,
+  testId: n,
   onClick: r,
   tag: l
 }) {
@@ -161,27 +161,27 @@ function s1({
       type: "button",
       class: "IncodeVerificationOptionCard",
       onClick: r,
-      "data-testid": i,
-      "aria-labelledby": `${i}-label`,
+      "data-testid": n,
+      "aria-labelledby": `${n}-label`,
       children: [
         /* @__PURE__ */ e(
           "span",
           {
             class: "IncodeVerificationOptionCardIcon",
             "aria-hidden": "true",
-            "data-testid": `${i}-icon`,
-            children: /* @__PURE__ */ e(n, {})
+            "data-testid": `${n}-icon`,
+            children: /* @__PURE__ */ e(i, {})
           }
         ),
         /* @__PURE__ */ e("span", { class: "IncodeVerificationOptionCardContent", children: [
           /* @__PURE__ */ e(
             "span",
             {
-              id: `${i}-label`,
+              id: `${n}-label`,
               class: "IncodeVerificationOptionCardTitleTagContainer",
               children: [
                 /* @__PURE__ */ e("span", { class: "IncodeVerificationOptionCardTitle", children: t }),
-                l && /* @__PURE__ */ e(c1, { label: l })
+                l && /* @__PURE__ */ e(p1, { label: l })
               ]
             }
           ),
@@ -190,7 +190,7 @@ function s1({
             {
               class: "IncodeVerificationOptionCardArrow",
               "data-testid": "chevron-right-icon",
-              children: /* @__PURE__ */ e(n1, { size: 24, variant: "m" })
+              children: /* @__PURE__ */ e(o1, { size: 24, variant: "m" })
             }
           )
         ] })
@@ -198,13 +198,13 @@ function s1({
     }
   );
 }
-function c1({ label: n }) {
+function p1({ label: i }) {
   return /* @__PURE__ */ e("div", { class: "IncodeVerificationOptionCardTag", children: [
-    /* @__PURE__ */ e(r1, {}),
-    /* @__PURE__ */ e("span", { children: n })
+    /* @__PURE__ */ e(a1, {}),
+    /* @__PURE__ */ e("span", { children: i })
   ] });
 }
-const d1 = ({ className: n }) => /* @__PURE__ */ e(
+const u1 = ({ className: i }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -212,7 +212,7 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: n,
+    class: i,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e(
@@ -252,25 +252,7 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
       )
     ]
   }
-), C1 = ({ className: n }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    class: n,
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ e(
-      "path",
-      {
-        d: "M18.0431 4.54303C18.4336 4.15251 19.0666 4.15251 19.4572 4.54303C19.8476 4.93356 19.8476 5.5666 19.4572 5.95709L13.4142 12.0001L19.4572 18.043C19.8476 18.4336 19.8476 19.0666 19.4572 19.4571C19.0667 19.8475 18.4336 19.8475 18.0431 19.4571L12.0001 13.4141L5.95715 19.4571C5.56666 19.8475 4.93361 19.8475 4.54309 19.4571C4.15258 19.0666 4.15261 18.4336 4.54309 18.043L10.5861 12.0001L4.54309 5.95709C4.15258 5.56658 4.15261 4.93356 4.54309 4.54303C4.93362 4.15251 5.56663 4.15251 5.95715 4.54303L12.0001 10.586L18.0431 4.54303Z",
-        fill: "currentColor"
-      }
-    )
-  }
-), p1 = ({ className: n }) => /* @__PURE__ */ e(
+), h1 = ({ className: i }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -278,7 +260,7 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: n,
+    class: i,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e(
@@ -311,8 +293,8 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
       )
     ]
   }
-), u1 = ({
-  className: n
+), f1 = ({
+  className: i
 }) => /* @__PURE__ */ e(
   "svg",
   {
@@ -321,7 +303,7 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: n,
+    class: i,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e(
@@ -362,7 +344,7 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
       )
     ]
   }
-), h1 = ({ className: n }) => /* @__PURE__ */ e(
+), I1 = ({ className: i }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "64",
@@ -370,7 +352,7 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
     viewBox: "0 0 64 64",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: n,
+    class: i,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e("circle", { cx: "32", cy: "32", r: "32", fill: "#14151A" }),
@@ -383,108 +365,95 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
       )
     ]
   }
-), f1 = ({
-  onClose: n,
-  onTakeManually: t
+), v1 = ({
+  open: i,
+  onClose: t,
+  onTakeManually: n,
+  portalContainer: r
 }) => {
-  const { t: i } = m(), r = I(null), l = () => {
-    t(), n();
+  const { t: l } = m(), o = k((s) => {
+    s?.focus();
+  }, []), a = () => {
+    n(), t();
   };
-  return f(() => {
-    r.current?.focus();
-  }, []), /* @__PURE__ */ e(
-    "div",
+  return /* @__PURE__ */ e(
+    V.Root,
     {
-      class: "IncodeCommonIssuesModal",
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-labelledby": "common-issues-title",
-      children: /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesModalContent", children: [
-        /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesHeader", children: /* @__PURE__ */ e(
-          "button",
+      open: i,
+      onOpenChange: (s) => {
+        s || t();
+      },
+      class: "IncodeCommonIssuesFullScreen",
+      hasBackdrop: !1,
+      portalContainer: r ?? void 0,
+      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(I1, {}) }),
+        /* @__PURE__ */ e(V.TitleSection, { children: /* @__PURE__ */ e(
+          R,
           {
-            type: "button",
-            class: "IncodeCommonIssuesCloseButton",
-            onClick: n,
-            "aria-label": i("commonIssues.close"),
-            children: /* @__PURE__ */ e(C1, {})
+            id: "incode-modal-title",
+            ref: o,
+            className: "IncodeCommonIssuesTitle",
+            tabIndex: -1,
+            children: l("commonIssues.commonIssues")
           }
         ) }),
-        /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesContent", children: [
-          /* @__PURE__ */ e(
-            h1,
-            {
-              className: "IncodeCommonIssuesQuestionIcon",
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ e(_, { size: 12 }),
+        /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCards", children: [
+          /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
+            /* @__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(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(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") })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(V.Actions, { class: "IncodeCommonIssuesButtons", children: [
           /* @__PURE__ */ e(
-            "h2",
+            F,
             {
-              ref: r,
-              id: "common-issues-title",
-              class: "IncodeCommonIssuesTitle",
-              tabIndex: -1,
-              children: i("commonIssues.commonIssues")
+              variant: "link",
+              onClick: a,
+              class: "IncodeCommonIssuesTakeManually",
+              children: l("commonIssues.takeManually")
             }
           ),
-          /* @__PURE__ */ e(_, { size: 24 }),
-          /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCards", children: [
-            /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
-              /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(p1, {}) }),
-              /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
-                /* @__PURE__ */ e("h3", { 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", "aria-hidden": "true", children: /* @__PURE__ */ e(d1, {}) }),
-              /* @__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", "aria-hidden": "true", children: /* @__PURE__ */ e(u1, {}) }),
-              /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
-                /* @__PURE__ */ e("h3", { class: "IncodeCommonIssuesCardTitle", children: i("commonIssues.notReadable") }),
-                /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: i("commonIssues.notReadableDescription") })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesButtons", children: [
-            /* @__PURE__ */ e(
-              D,
-              {
-                variant: "link",
-                onClick: l,
-                class: "IncodeCommonIssuesTakeManually",
-                children: i("commonIssues.takeManually")
-              }
-            ),
-            /* @__PURE__ */ e(D, { onClick: n, class: "IncodeCommonIssuesTryAgain", children: i("commonIssues.tryAgain") })
-          ] })
+          /* @__PURE__ */ e(F, { onClick: t, class: "IncodeCommonIssuesTryAgain", children: l("commonIssues.tryAgain") })
         ] })
       ] })
     }
   );
-}, I1 = ({
-  orientation: n,
+}, g1 = ({
+  orientation: i,
   mode: t,
-  state: i,
+  state: n,
   children: r,
   className: l
 }) => {
-  const o = n !== "vertical" || t === "passport", c = t === "passport", a = `IncodeCaptureFrame${i.charAt(0).toUpperCase() + i.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: y(
+      class: M(
         "IncodeCaptureFrame",
         o ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
-        a,
-        c && "IncodeCaptureFramePassport",
+        s,
+        a && "IncodeCaptureFramePassport",
         l
       ),
       "aria-hidden": "true",
@@ -492,72 +461,72 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
       children: r
     }
   );
-}, N = ({
-  imageUrl: n,
+}, $ = ({
+  imageUrl: i,
   orientation: t,
-  mode: i,
+  mode: n,
   borderState: r,
   topContent: l,
   bottomContent: o,
-  overlayContent: c
+  overlayContent: a
 }) => {
-  const { t: a } = m();
-  return /* @__PURE__ */ e(F, { hideHeader: !0, hideFooterBranding: !0, children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayout", children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayoutContent", children: [
+  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: i === "id" ? "front" : i,
+        mode: n === "id" ? "front" : n,
         state: r,
         children: [
           /* @__PURE__ */ e(
             "img",
             {
-              src: n,
+              src: i,
               alt: "",
               "aria-hidden": "true",
               class: "IncodeIdProcessingImage"
             }
           ),
-          c && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingOverlay", "aria-hidden": "true", children: c })
+          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(K, { className: "IncodeCaptureEncryptionIcon" }),
-        /* @__PURE__ */ e("span", { children: a("v2.capture.label") })
+        /* @__PURE__ */ e(Q, { className: "IncodeCaptureEncryptionIcon" }),
+        /* @__PURE__ */ e("span", { children: s("v2.capture.label") })
       ] }),
       o
     ] })
   ] }) }) });
 }, m1 = ({
-  imageUrl: n,
+  imageUrl: i,
   progress: t,
-  orientation: i,
+  orientation: n,
   mode: r
 }) => {
-  const { t: l } = m(), o = I(null), c = i !== "vertical" || r === "passport", [a, d] = M(null);
-  return f(() => {
+  const { t: l } = m(), o = v(null), a = n !== "vertical" || r === "passport", [s, c] = y(null);
+  return h(() => {
     o.current?.focus();
-  }, []), f(() => {
-    c ? import("./id-laser-h-BBV3r3rz.js").then((s) => {
-      d(s.default);
-    }) : import("./id-laser-v-BTHJaSfx.js").then((s) => {
-      d(s.default);
+  }, []), h(() => {
+    a ? import("./id-laser-h-BBV3r3rz.js").then((d) => {
+      c(d.default);
+    }) : import("./id-laser-v-BTHJaSfx.js").then((d) => {
+      c(d.default);
     });
-  }, [c]), /* @__PURE__ */ e(
-    N,
+  }, [a]), /* @__PURE__ */ e(
+    $,
     {
-      imageUrl: n,
-      orientation: i,
+      imageUrl: i,
+      orientation: n,
       mode: r,
       borderState: "analyzing",
       topContent: /* @__PURE__ */ e("div", { class: "IncodeAnalyzingContent", children: [
-        /* @__PURE__ */ e(j, { progress: t }),
+        /* @__PURE__ */ e(J, { progress: t }),
         /* @__PURE__ */ e(
-          H,
+          R,
           {
             ref: o,
             id: "analyzing-title",
@@ -567,20 +536,20 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
           }
         )
       ] }),
-      overlayContent: a ? /* @__PURE__ */ e(
-        k,
+      overlayContent: s ? /* @__PURE__ */ e(
+        U,
         {
-          animationData: a,
+          animationData: s,
           loop: !0,
           className: "IncodeAnalyzingLottie"
         }
       ) : null
     }
   );
-}, g1 = ({ className: n, ...t }) => /* @__PURE__ */ e(
+}, w1 = ({ className: i, ...t }) => /* @__PURE__ */ e(
   "svg",
   {
-    class: n,
+    class: i,
     width: "32",
     height: "32",
     viewBox: "0 0 32 32",
@@ -596,10 +565,10 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
       }
     )
   }
-), G = ({ className: n, ...t }) => /* @__PURE__ */ e(
+), W = ({ className: i, ...t }) => /* @__PURE__ */ e(
   "svg",
   {
-    class: n,
+    class: i,
     width: "33",
     height: "32",
     viewBox: "0 0 33 32",
@@ -615,80 +584,80 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
       }
     )
   }
-), $ = ({
-  variant: n,
+), K = ({
+  variant: i,
   imageUrl: t,
-  orientation: i,
+  orientation: n,
   mode: r,
   title: l,
   subtitle: o,
-  buttonText: c,
-  onButtonClick: a,
-  attemptsRemaining: d
+  buttonText: a,
+  onButtonClick: s,
+  attemptsRemaining: c
 }) => {
-  const { t: s } = m(), g = I(null);
-  return f(() => {
-    g.current?.focus();
+  const { t: d } = m(), f = v(null);
+  return h(() => {
+    f.current?.focus();
   }, []), /* @__PURE__ */ e(
-    N,
+    $,
     {
       imageUrl: t,
-      orientation: i,
+      orientation: n,
       mode: r,
-      borderState: n,
+      borderState: i,
       topContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultContent", role: "status", children: [
-        n === "success" ? /* @__PURE__ */ e(g1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(G, { className: "IncodeIdProcessingResultIcon" }),
-        /* @__PURE__ */ e(_, { 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: g,
+            ref: f,
             className: "IncodeIdProcessingResultTitle",
             tabIndex: -1,
             children: l
           }
         ),
-        o && /* @__PURE__ */ e(O, { children: [
-          /* @__PURE__ */ e(_, { size: 12 }),
+        o && /* @__PURE__ */ e(z, { children: [
+          /* @__PURE__ */ e(H, { size: 12 }),
           /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultSubtitle", children: o })
         ] })
       ] }),
       bottomContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultButtonContainer", children: [
-        d !== void 0 && d > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: s("v2.idError.attemptsLeft", {
-          count: d
+        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: c })
+        /* @__PURE__ */ e(F, { onClick: s, "data-testid": "retry-button", children: a })
       ] })
     }
   );
-}, v1 = ({ manager: n, state: t }) => {
-  const { t: i } = m();
+}, x1 = ({ manager: i, state: t }) => {
+  const { t: n } = m();
   if (!t.previewImageUrl)
     return null;
-  const r = t.currentMode === "passport" ? "passport" : "id", l = () => t.needsBackCapture ? i("v2.idSuccess.subtitle") : t.needsFrontCapture ? i("idv2.capture.processing.successBackSubtitleScanFront") : i("v2.idSuccess.subtitleBack"), o = () => t.needsBackCapture ? i("idv2.capture.processing.scanBack") : t.needsFrontCapture ? i("idv2.capture.processing.scanFront") : i("idv2.capturePreview.continue");
+  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(
-    $,
+    K,
     {
       variant: "success",
       imageUrl: t.previewImageUrl,
       orientation: t.orientation,
       mode: r,
-      title: i("v2.idSuccess.title"),
+      title: n("v2.idSuccess.title"),
       subtitle: l(),
       buttonText: o(),
-      onButtonClick: () => n.nextStep()
+      onButtonClick: () => i.nextStep()
     }
   );
-}, w1 = ({ manager: n, state: t, ...i }) => {
+}, 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: () => n.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(
-    $,
+    K,
     {
       variant: "error",
       imageUrl: t.previewImageUrl,
@@ -697,156 +666,156 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
       title: t.uploadErrorMessage,
       subtitle: t.uploadErrorDescription,
       buttonText: t.canRetry ? r("idv2.capturePreview.tryAgain") : r("idv2.capturePreview.continue"),
-      onButtonClick: () => n.continueFromError(),
+      onButtonClick: () => i.continueFromError(),
       attemptsRemaining: t.attemptsRemaining
     }
   ) : null;
-}, Q1 = ({ manager: n }) => {
-  const { t } = m(), i = I(null);
-  f(() => {
-    i.current?.focus();
+}, s2 = ({ manager: i }) => {
+  const { t } = m(), n = v(null);
+  h(() => {
+    n.current?.focus();
   }, []);
   const r = () => {
-    n.retryCapture();
+    i.retryCapture();
   };
-  return /* @__PURE__ */ e(F, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
+  return /* @__PURE__ */ e(T, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
     /* @__PURE__ */ e("div", { class: "IncodeIdExpiredContent", role: "alert", children: [
-      /* @__PURE__ */ e(G, { className: "IncodeIdExpiredIcon" }),
-      /* @__PURE__ */ e(H, { ref: i, tabIndex: -1, className: "IncodeIdExpiredTitle", children: t("idv2.capture.notifications.expiredId") }),
-      /* @__PURE__ */ e(_, { 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(_, { 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 A = !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 W(n) {
-  A || (A = !0, Promise.all([
-    b.blur(),
-    b.glare(),
-    b.align(),
-    b.front(),
-    b.back()
-  ]).then(([t, i, r, l, o]) => {
-    L.set("blur", t.default), L.set("glare", i.default), L.set("align", r.default), L.set("front", l.default), L.set("back", o.default), n?.();
+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 L1() {
-  W();
+function y1() {
+  j();
 }
-function x1() {
-  f(() => {
-    L1();
+function _1() {
+  h(() => {
+    y1();
   }, []);
 }
-function y1(n, t) {
-  const { t: i } = m(), [, r] = M(0);
-  if (f(() => {
-    W(() => r((l) => l + 1));
-  }, []), n === "blur")
+function M1(i, t) {
+  const { t: n } = m(), [, r] = y(0);
+  if (h(() => {
+    j(() => r((l) => l + 1));
+  }, []), i === "blur")
     return {
-      title: i("idv2.capture.notifications.blur.title"),
-      description: i("idv2.capture.notifications.blur.description"),
+      title: n("idv2.capture.notifications.blur.title"),
+      description: n("idv2.capture.notifications.blur.description"),
       animationData: L.get("blur") ?? null
     };
-  if (n === "glare")
+  if (i === "glare")
     return {
-      title: i("idv2.capture.notifications.glare.title"),
-      description: i("idv2.capture.notifications.glare.description"),
+      title: n("idv2.capture.notifications.glare.title"),
+      description: n("idv2.capture.notifications.glare.description"),
       animationData: L.get("glare") ?? null
     };
-  if (n === "farAway")
+  if (i === "farAway")
     return {
-      title: i("idv2.capture.notifications.notAligned.title"),
-      description: i("idv2.capture.notifications.notAligned.description"),
+      title: n("idv2.capture.notifications.notAligned.title"),
+      description: n("idv2.capture.notifications.notAligned.description"),
       animationData: L.get("align") ?? null
     };
-  if (n === "wrongSide") {
+  if (i === "wrongSide") {
     const l = t === "back";
     return {
-      title: i(l ? "idv2.capture.notifications.showBack.title" : "idv2.capture.notifications.showFront.title"),
-      description: i(l ? "idv2.capture.notifications.showBack.description" : "idv2.capture.notifications.showFront.description"),
+      title: n(l ? "idv2.capture.notifications.showBack.title" : "idv2.capture.notifications.showFront.title"),
+      description: n(l ? "idv2.capture.notifications.showBack.description" : "idv2.capture.notifications.showFront.description"),
       animationData: L.get(l ? "back" : "front") ?? null
     };
   }
   return null;
 }
-const _1 = ({
-  detectionStatus: n,
+const B1 = ({
+  detectionStatus: i,
   mode: t,
-  isCapturing: i
+  isCapturing: n
 }) => {
-  const { t: r } = m(), l = y1(n, t), o = I(null), c = I({
+  const { t: r } = m(), l = M1(i, t), o = v(null), a = v({
     message: "",
     at: 0
-  }), a = I(n), d = I(!1), s = I(), g = I(), C = n === "detecting" || n === "idNotDetected" || n === "manualCapture", v = n === "manualCapture", u = n === "wrongSide", x = n === "farAway", B = n === "glare", Z = n === "blur", p = P((h) => {
-    const V = Date.now(), U = c.current;
-    if (h === U.message && V - U.at < 200) return;
-    c.current = { message: h, at: V };
-    const T = o.current;
-    T && (clearTimeout(s.current), T.textContent = "", g.current = setTimeout(() => {
-      T.textContent = h, s.current = setTimeout(() => {
-        T.textContent = "";
+  }), 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 = "", f.current = setTimeout(() => {
+      P.textContent = p, d.current = setTimeout(() => {
+        P.textContent = "";
       }, 3e3);
     }, 50));
-  }, []), w = P(() => r(t === "passport" ? "idv2.capture.fillFramePassport" : t === "back" ? "idv2.capture.v2.fillFrameBack" : "idv2.capture.v2.fillFrameFront"), [t, r]);
-  return f(() => {
-    if (v) {
-      d.current = !1;
+  }, []), 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 (d.current || !C) return;
-    const h = setTimeout(() => {
-      d.current = !0, p(w());
+    if (c.current || !C) return;
+    const p = setTimeout(() => {
+      c.current = !0, g(I());
     }, 500);
-    return () => clearTimeout(h);
-  }, [C, v, p, w]), f(() => {
-    const h = a.current;
-    a.current = n, h !== "manualCapture" && v && p(r("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
-  }, [p, n, v, r]), f(() => {
-    if (!i) {
+    return () => clearTimeout(p);
+  }, [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 V = t === "front" || t === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
-        p(`${r(`${V}.title`)}. ${r(`${V}.description`)}`);
+        const x = t === "front" || t === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
+        g(`${r(`${x}.title`)}. ${r(`${x}.description`)}`);
         return;
       }
-      if (x) {
-        p(`${r("idv2.capture.notifications.notAligned.title")}.`);
+      if (_) {
+        g(`${r("idv2.capture.notifications.notAligned.title")}.`);
         return;
       }
       if (B) {
-        p(`${r("idv2.capture.notifications.glare.title")}.`);
+        g(`${r("idv2.capture.notifications.glare.title")}.`);
         return;
       }
       if (Z) {
-        p(`${r("idv2.capture.notifications.blur.title")}.`);
+        g(`${r("idv2.capture.notifications.blur.title")}.`);
         return;
       }
-      C && d.current && p(w());
+      C && c.current && g(I());
     }
   }, [
-    p,
+    g,
     Z,
-    i,
-    x,
+    n,
+    _,
     B,
     C,
     u,
     t,
     r,
-    w
-  ]), f(() => () => {
-    clearTimeout(g.current), clearTimeout(s.current);
-  }, []), /* @__PURE__ */ e(O, { children: [
+    I
+  ]), h(() => () => {
+    clearTimeout(f.current), clearTimeout(d.current);
+  }, []), /* @__PURE__ */ e(z, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -856,72 +825,124 @@ const _1 = ({
         "aria-atomic": "true"
       }
     ),
-    l ? /* @__PURE__ */ e("div", { class: y("IncodeIdCaptureNotification"), "aria-hidden": "true", children: /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationContent", children: [
-      /* @__PURE__ */ e("div", { class: y("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(_, { size: 16, direction: "horizontal" }),
-      l.animationData && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ e(k, { 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 = R(
+}, 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: n,
+    mode: i,
     orientation: t,
-    detectionStatus: i,
+    detectionStatus: n,
     counterValue: r,
     isCapturing: l,
     showManualCapture: o,
-    onCapture: c,
-    onOpenHelp: a,
-    helpButtonRef: d,
-    captureButtonRef: s
-  }, g) => {
+    onCapture: a,
+    onOpenHelp: s,
+    helpButtonRef: c,
+    captureButtonRef: d
+  }, f) => {
     const { t: C } = m();
-    x1(), f(() => {
-      o && s && s.current?.focus();
-    }, [o, s]);
-    const v = () => l || i === "capturing" ? "capturing" : i === "blur" || i === "glare" || i === "wrongSide" || i === "farAway" ? "error" : "idle", u = S(() => {
-      if (l || i === "capturing")
+    _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(() => {
+      if (l || n === "capturing")
         return {
           title: C("idv2.capture.takingPhoto"),
           subtitle: C("idv2.capture.dontMove")
         };
-      if (i === "detecting" || i === "idNotDetected" || i === "manualCapture") {
-        const h = i === "manualCapture";
-        return n === "passport" ? {
+      if (n === "detecting" || n === "idNotDetected" || n === "manualCapture") {
+        const p = n === "manualCapture";
+        return i === "passport" ? {
           title: C("idv2.capture.fillFramePassport"),
-          subtitle: h ? "" : C("idv2.capture.v2.autoCapture")
-        } : n === "back" ? {
+          subtitle: p ? "" : C("idv2.capture.v2.autoCapture")
+        } : i === "back" ? {
           title: C("idv2.capture.v2.fillFrameBack"),
-          subtitle: h ? "" : C("idv2.capture.v2.autoCapture")
+          subtitle: p ? "" : C("idv2.capture.v2.autoCapture")
         } : {
           title: C("idv2.capture.v2.fillFrameFront"),
-          subtitle: h ? "" : C("idv2.capture.v2.autoCapture")
+          subtitle: p ? "" : C("idv2.capture.v2.autoCapture")
         };
       }
       return null;
-    }, [l, i, n, C]), x = v(), B = n === "passport", Z = t !== "vertical" || B, p = Z ? "horizontal" : "vertical";
+    }, [l, n, i, C]), _ = w(), B = i === "passport", Z = t !== "vertical" || B, g = Z ? "horizontal" : "vertical";
     return /* @__PURE__ */ e(
-      X,
+      t1,
       {
-        className: y(
+        className: M(
           "IncodeCaptureOverlayId",
           !Z && "IncodeCaptureOverlayVertical"
         ),
         children: [
           /* @__PURE__ */ e("div", { class: "IncodeCaptureTopSection", children: [
             /* @__PURE__ */ e(
-              _1,
+              B1,
               {
-                detectionStatus: i,
-                mode: n,
+                detectionStatus: n,
+                mode: i,
                 isCapturing: l
               }
             ),
             /* @__PURE__ */ e(
-              q,
+              X,
               {
                 title: u?.title ?? "",
                 subtitle: u?.subtitle,
@@ -931,25 +952,28 @@ const _1 = ({
             )
           ] }),
           /* @__PURE__ */ e(
-            Q,
+            Y,
             {
-              ref: g,
+              ref: f,
               variant: "locked",
-              orientation: p,
-              frameState: x,
-              className: y(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(
-            J,
+            e1,
             {
-              onOpenHelp: a,
-              onCapture: c,
+              onOpenHelp: s,
+              onCapture: a,
               isManualCapture: o,
-              helpButtonRef: d,
-              captureButtonRef: s,
+              helpButtonRef: c,
+              captureButtonRef: d,
               captureAriaDescribedBy: o ? "manual-capture-tooltip" : void 0,
               children: o ? /* @__PURE__ */ e("div", { class: "IncodeIdManualCaptureTooltipContainer", children: /* @__PURE__ */ e(
                 "div",
@@ -969,10 +993,10 @@ const _1 = ({
       }
     );
   }
-), J1 = ({ manager: n, state: t }) => {
-  const { t: i } = m();
+), c2 = ({ manager: i, state: t }) => {
+  const { t: n } = m();
   if (t.captureStatus === "initializing")
-    return /* @__PURE__ */ e(F, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(z, { size: "large", title: `${i("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(
@@ -985,102 +1009,105 @@ const _1 = ({
       }
     );
   }
-  return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(v1, { manager: n, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(w1, { manager: n, state: t }) : /* @__PURE__ */ e(B1, { manager: n, state: t });
-}, B1 = ({ manager: n, state: t }) => {
-  const i = I(null), r = I(null), l = I(null), o = I(null), [c, a] = M(!1), [d, s] = M(!1);
-  f(() => {
-    const p = i.current;
-    if (!p || !t.stream) {
-      s(!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;
     }
-    s(!1);
-    const w = () => s(!0);
-    return p.addEventListener("playing", w), p.srcObject = t.stream, p.play().catch(() => {
-    }), () => p.removeEventListener("playing", w);
-  }, [t.stream]), f(() => {
-    const p = () => {
-      const w = r.current;
-      if (!w)
+    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;
-      const h = w.getBoundingClientRect();
-      n.updateDetectionArea({
-        x: h.left,
-        y: h.top,
-        width: h.width,
-        height: h.height
+      const x = p.getBoundingClientRect();
+      i.updateDetectionArea({
+        x: x.left,
+        y: x.top,
+        width: x.width,
+        height: x.height
       });
     };
-    return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
-  }, [n, t.orientation, d]);
-  const g = t.captureStatus === "capturing" || t.detectionStatus === "capturing", C = t.detectionStatus, v = C === "manualCapture" || t.showCaptureButtonInAuto && t.captureStatus === "detecting" && C !== "capturing", u = () => {
-    a(!0);
-  }, x = () => {
-    a(!1), requestAnimationFrame(() => {
+    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", _ = () => {
+    c(!0);
+  }, B = () => {
+    c(!1), requestAnimationFrame(() => {
       o.current ? o.current.focus() : l.current?.focus();
     });
-  }, B = () => {
-    a(!1), n.switchToManualCapture();
   }, Z = () => {
-    n.capture();
+    c(!1), i.switchToManualCapture();
+  }, g = () => {
+    i.capture();
   };
-  return /* @__PURE__ */ e(F, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: [
-    /* @__PURE__ */ e(Y, { stream: t.stream, "aria-hidden": c || void 0, children: /* @__PURE__ */ e(
-      M1,
+  return /* @__PURE__ */ e(T, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: [
+    /* @__PURE__ */ e(i1, { stream: t.stream, "aria-hidden": s || void 0, children: /* @__PURE__ */ e(
+      k1,
       {
         ref: r,
         mode: t.currentMode,
         orientation: t.orientation,
         detectionStatus: t.detectionStatus,
         counterValue: t.counterValue,
-        isCapturing: g,
-        showManualCapture: v,
-        onCapture: Z,
-        onOpenHelp: u,
+        isCapturing: C,
+        showManualCapture: u,
+        onCapture: g,
+        onOpenHelp: _,
         helpButtonRef: l,
         captureButtonRef: o
       }
     ) }),
-    c && /* @__PURE__ */ e(
-      f1,
+    /* @__PURE__ */ e("div", { ref: a }),
+    /* @__PURE__ */ e(
+      v1,
       {
-        onClose: x,
-        onTakeManually: B
+        open: s,
+        onClose: B,
+        onTakeManually: Z,
+        portalContainer: a.current
       }
     )
   ] });
-}, X1 = ({ manager: n, state: t }) => {
-  const { t: i } = m(), [r, l] = M(!1), [o, c] = M(null), a = t.selectedDocumentType === "passport", d = t.currentMode === "back";
-  if (f(() => {
-    a ? import("./passport-tutorial-CaYBFTqt.js").then((u) => {
-      c(u.default);
-    }) : d ? import("./back-tutorial-An9AcMSe.js").then((u) => {
-      c(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) => {
+      a(u.default);
     }) : import("./id-tutorial-B-F5Q28m.js").then((u) => {
-      c(u.default);
+      a(u.default);
     });
-  }, [a, d]), !o)
+  }, [s, c]), !o)
     return null;
-  const s = i(a ? "idv2.capture.passport.title" : d ? "idv2.backTutorial.title" : "idv2.tutorial.v2.title"), g = i(a ? "idv2.capture.passport.subtitle" : d ? "idv2.backTutorial.subtitle" : "idv2.tutorial.subtitle"), C = i(d ? "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(
-    e1,
+    n1,
     {
       animationData: o,
-      title: s,
-      subtitle: g,
+      title: d,
+      subtitle: f,
       onContinue: () => {
-        l(!0), n.nextStep();
+        l(!0), i.nextStep();
       },
-      buttonText: i("idv2.tutorial.startScan"),
+      buttonText: n("idv2.tutorial.startScan"),
       disclaimerText: C,
       isLoading: r,
-      className: y(
+      className: M(
         "IncodeIdTutorial",
-        a ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"
+        s ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"
       )
     }
   );
-}, Z1 = () => /* @__PURE__ */ e(
+}, U1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "119",
@@ -1274,7 +1301,7 @@ const _1 = ({
       ] })
     ]
   }
-), E1 = () => /* @__PURE__ */ e(
+), O1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "118",
@@ -1579,7 +1606,7 @@ const _1 = ({
       ] })
     ]
   }
-), V1 = () => /* @__PURE__ */ e(
+), S1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "60",
@@ -1790,7 +1817,7 @@ const _1 = ({
       ] })
     ]
   }
-), b1 = () => /* @__PURE__ */ e(
+), z1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "60",
@@ -1996,7 +2023,7 @@ const _1 = ({
       ] })
     ]
   }
-), D1 = () => /* @__PURE__ */ e(
+), N1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "61",
@@ -2305,30 +2332,30 @@ const _1 = ({
       ] })
     ]
   }
-), F1 = {
+), G1 = {
   digitalIdUpload: {
     type: "digitalIdUpload",
-    icon: D1,
+    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",
@@ -2336,83 +2363,83 @@ const _1 = ({
   },
   manualIdUpload: {
     type: "manualIdUpload",
-    icon: b1,
+    icon: z1,
     title: "idv2.chooser.manualUploadButtonTitle",
     testId: "verification-option-manualIdUpload",
     weight: 5
   }
 };
-function T1(n) {
-  const t = (i, r) => {
-    const l = F1[r];
-    return l && i.push(l), i;
+function $1(i) {
+  const t = (n, r) => {
+    const l = G1[r];
+    return l && n.push(l), n;
   };
-  return n.reduce(t, []).sort((i, r) => i.weight - r.weight);
+  return i.reduce(t, []).sort((n, r) => n.weight - r.weight);
 }
-const Y1 = ({ manager: n, state: t }) => {
-  const { t: i } = m(), r = S(
-    () => T1(t.availableDocumentTypes),
+const C2 = ({ manager: i, state: t }) => {
+  const { t: n } = m(), r = N(
+    () => $1(t.availableDocumentTypes),
     [t.availableDocumentTypes]
   ), l = (o) => {
-    n.selectDocument(o);
+    i.selectDocument(o);
   };
   return /* @__PURE__ */ e(
-    F,
+    T,
     {
-      title: i("idv2.chooser.chooseHowToVerifyTitle"),
+      title: n("idv2.chooser.chooseHowToVerifyTitle"),
       "data-testid": "document-chooser-page",
       className: "IncodeChooserPage",
-      children: /* @__PURE__ */ e("div", { class: "IncodeChooserContainer", children: /* @__PURE__ */ e(a1, { children: r.map((o) => /* @__PURE__ */ e(
-        s1,
+      children: /* @__PURE__ */ e("div", { class: "IncodeChooserContainer", children: /* @__PURE__ */ e(d1, { children: r.map((o) => /* @__PURE__ */ e(
+        C1,
         {
           icon: o.icon,
-          title: i(o.title),
+          title: n(o.title),
           testId: o.testId,
-          tag: o.tag ? i(o.tag) : void 0,
+          tag: o.tag ? n(o.tag) : void 0,
           onClick: () => l(o.type)
         },
         o.type
       )) }) })
     }
   );
-}, e2 = ({
-  manager: n,
+}, p2 = ({
+  manager: i,
   direction: t
 }) => {
-  const [i, r] = M(null), [l, o] = M(!1), { t: c } = m();
-  f(() => {
-    import("./flip-animation-COR596wy.js").then((s) => {
-      r(s.default);
+  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 = P(async () => {
-    await new Promise((s) => setTimeout(s, 1e3)), t === "toBack" ? n.continueToBack() : n.continueToFront(), o(!0);
-  }, [t, n]);
-  return l ? /* @__PURE__ */ e(z, { size: "large" }) : i ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
-    /* @__PURE__ */ e(H, { role: "status", className: "IncodeFlipAnimationTitle", children: c(t === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront") }),
-    /* @__PURE__ */ e(_, { size: 32 }),
+  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(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(
-      k,
+      U,
       {
-        animationData: i,
+        animationData: n,
         loop: !1,
         reverse: t === "toFront",
-        onComplete: a
+        onComplete: s
       }
     )
   ] }) : null;
 };
 export {
-  J1 as C,
-  e2 as F,
-  w1 as I,
-  r1 as S,
-  l1 as T,
-  s1 as V,
-  o1 as a,
-  a1 as b,
-  X1 as c,
-  Y1 as d,
-  Q1 as e,
-  n1 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
 };