@incodetech/web 0.0.0-dev-20260325-bc7b3fb → 0.0.0-dev-20260325-b804685

package/dist/{flipAnimation-Dth_zuN5.js → flipAnimation-CK0kvOE9.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 _, 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 "./uiConfig-BSR3Bl6G.js";
-import { P as F } from "./page-CH1_PpOG.js";
+import { P as T } 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 { 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 { L as k, B as e1 } from "./manualCaptureButton-iyltFWfQ.js";
+import { M as V, L as A, B as t1 } 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 i1 } from "./errorIcon-DbJL-4MJ.js";
+import { S as n1 } from "./successIcon-C-3-t1kz.js";
 import "./countries-DfLkrF0x.js";
-const n1 = ({
-  size: n,
+const r1 = ({
+  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,41 +62,41 @@ 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;
+}, 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(
+  (i, t) => {
+    const { class: n, rows: r = 4, ...l } = i;
     return /* @__PURE__ */ e(
       "textarea",
       {
         ...l,
         ref: t,
         rows: r,
-        class: y("IncodeTextArea", i)
+        class: _("IncodeTextArea", n)
       }
     );
   }
-), o1 = R(
+), a1 = k(
   ({
-    id: n,
+    id: i,
     label: t,
-    "aria-label": i,
+    "aria-label": n,
     error: r,
     showErrorIcon: l,
     helper: o,
-    showHelperIcon: c,
+    showHelperIcon: s,
     required: a,
-    rows: d = 4,
-    class: s,
-    ...g
+    rows: c = 4,
+    class: d,
+    ...h
   }, 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`, y = [o ? w : null, r ? u : null].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e("div", { class: _("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: " *" })
@@ -104,15 +104,15 @@ const n1 = ({
         }
       ),
       /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedWrapper", children: /* @__PURE__ */ e(
-        l1,
+        o1,
         {
-          id: n,
-          rows: d,
-          ...g,
+          id: i,
+          rows: c,
+          ...h,
           ref: C,
           required: a,
-          ...!t && i ? { "aria-label": i } : {},
-          "aria-describedby": x || void 0,
+          ...!t && n ? { "aria-label": n } : {},
+          "aria-describedby": y || void 0,
           "aria-required": a ? "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(i1, { 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 })
+            s && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(n1, { size: 17 }) }),
+            /* @__PURE__ */ e("p", { id: w, class: "IncodeTextAreaComposedHelper", children: o })
           ]
         }
       )
     ] });
   }
 );
-o1.displayName = "TextAreaComposed";
-function a1({
-  children: n
+a1.displayName = "TextAreaComposed";
+function s1({
+  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(d1, { 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(r1, { size: 24, variant: "m" })
             }
           )
         ] })
@@ -198,13 +198,13 @@ function s1({
     }
   );
 }
-function c1({ label: n }) {
+function d1({ label: i }) {
   return /* @__PURE__ */ e("div", { class: "IncodeVerificationOptionCardTag", children: [
-    /* @__PURE__ */ e(r1, {}),
-    /* @__PURE__ */ e("span", { children: n })
+    /* @__PURE__ */ e(l1, {}),
+    /* @__PURE__ */ e("span", { children: i })
   ] });
 }
-const d1 = ({ className: n }) => /* @__PURE__ */ e(
+const C1 = ({ 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(
+), p1 = ({ 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(
@@ -312,7 +294,7 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
     ]
   }
 ), u1 = ({
-  className: n
+  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(
+), h1 = ({ 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" }),
@@ -384,107 +366,94 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
     ]
   }
 ), f1 = ({
-  onClose: n,
-  onTakeManually: t
+  open: i,
+  onClose: t,
+  onTakeManually: n,
+  portalContainer: r
 }) => {
-  const { t: i } = m(), r = I(null), l = () => {
-    t(), n();
+  const { t: l } = v(), o = R((a) => {
+    a?.focus();
+  }, []), s = () => {
+    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: (a) => {
+        a || 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(h1, {}) }),
+        /* @__PURE__ */ e(V.TitleSection, { children: /* @__PURE__ */ e(
+          H,
           {
-            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(p1, {}) }),
+            /* @__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: "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: "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",
+            D,
             {
-              ref: r,
-              id: "common-issues-title",
-              class: "IncodeCommonIssuesTitle",
-              tabIndex: -1,
-              children: i("commonIssues.commonIssues")
+              variant: "link",
+              onClick: s,
+              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(D, { onClick: t, class: "IncodeCommonIssuesTryAgain", children: l("commonIssues.tryAgain") })
         ] })
       ] })
     }
   );
 }, I1 = ({
-  orientation: n,
+  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", s = t === "passport", a = `IncodeCaptureFrame${n.charAt(0).toUpperCase() + n.slice(1)}`;
   return /* @__PURE__ */ e(
     "div",
     {
-      class: y(
+      class: _(
         "IncodeCaptureFrame",
         o ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
         a,
-        c && "IncodeCaptureFramePassport",
+        s && "IncodeCaptureFramePassport",
         l
       ),
       "aria-hidden": "true",
@@ -492,70 +461,70 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
       children: r
     }
   );
-}, N = ({
-  imageUrl: n,
+}, G = ({
+  imageUrl: i,
   orientation: t,
-  mode: i,
+  mode: n,
   borderState: r,
   topContent: l,
   bottomContent: o,
-  overlayContent: c
+  overlayContent: s
 }) => {
-  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: a } = v();
+  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,
       {
         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 })
+          s && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingOverlay", "aria-hidden": "true", children: s })
         ]
       }
     ),
     /* @__PURE__ */ e("div", { class: "IncodeIdProcessingBottomArea", children: [
       /* @__PURE__ */ e("div", { class: "IncodeCaptureEncryptionLabel", children: [
-        /* @__PURE__ */ e(K, { className: "IncodeCaptureEncryptionIcon" }),
+        /* @__PURE__ */ e(j, { className: "IncodeCaptureEncryptionIcon" }),
         /* @__PURE__ */ e("span", { children: a("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 } = v(), o = g(null), s = n !== "vertical" || r === "passport", [a, c] = M(null);
+  return I(() => {
     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);
+  }, []), I(() => {
+    s ? 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,
+  }, [s]), /* @__PURE__ */ e(
+    G,
     {
-      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(q, { progress: t }),
         /* @__PURE__ */ e(
           H,
           {
@@ -568,7 +537,7 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
         )
       ] }),
       overlayContent: a ? /* @__PURE__ */ e(
-        k,
+        A,
         {
           animationData: a,
           loop: !0,
@@ -577,10 +546,10 @@ const d1 = ({ className: n }) => /* @__PURE__ */ e(
       ) : null
     }
   );
-}, g1 = ({ className: n, ...t }) => /* @__PURE__ */ e(
+}, g1 = ({ 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(
+), $ = ({ 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,
+), W = ({
+  variant: i,
   imageUrl: t,
-  orientation: i,
+  orientation: n,
   mode: r,
   title: l,
   subtitle: o,
-  buttonText: c,
+  buttonText: s,
   onButtonClick: a,
-  attemptsRemaining: d
+  attemptsRemaining: c
 }) => {
-  const { t: s } = m(), g = I(null);
-  return f(() => {
-    g.current?.focus();
+  const { t: d } = v(), h = g(null);
+  return I(() => {
+    h.current?.focus();
   }, []), /* @__PURE__ */ e(
-    N,
+    G,
     {
       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(g1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e($, { className: "IncodeIdProcessingResultIcon" }),
+        /* @__PURE__ */ e(F, { size: 16 }),
         l && /* @__PURE__ */ e(
           H,
           {
-            ref: g,
+            ref: h,
             className: "IncodeIdProcessingResultTitle",
             tabIndex: -1,
             children: l
           }
         ),
-        o && /* @__PURE__ */ e(O, { children: [
-          /* @__PURE__ */ e(_, { size: 12 }),
+        o && /* @__PURE__ */ e(S, { children: [
+          /* @__PURE__ */ e(F, { 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(D, { onClick: a, "data-testid": "retry-button", children: s })
       ] })
     }
   );
-}, v1 = ({ manager: n, state: t }) => {
-  const { t: i } = m();
+}, v1 = ({ manager: i, state: t }) => {
+  const { t: n } = v();
   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(
-    $,
+    W,
     {
       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 }) => {
-  const { t: r } = m();
+}, w1 = ({ manager: i, state: t, ...n }) => {
+  const { t: r } = v();
   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(D, { 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,
     {
       variant: "error",
       imageUrl: t.previewImageUrl,
@@ -697,30 +666,30 @@ 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();
+}, Q1 = ({ manager: i }) => {
+  const { t } = v(), n = g(null);
+  I(() => {
+    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($, { className: "IncodeIdExpiredIcon" }),
+      /* @__PURE__ */ e(H, { ref: n, tabIndex: -1, className: "IncodeIdExpiredTitle", children: t("idv2.capture.notifications.expiredId") }),
+      /* @__PURE__ */ e(F, { size: 12 }),
       /* @__PURE__ */ e("p", { class: "IncodeIdExpiredSubtitle", children: t("idv2.capture.notifications.useDifferent") }),
-      /* @__PURE__ */ e(_, { size: 80 })
+      /* @__PURE__ */ e(F, { size: 80 })
     ] }),
     /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(D, { variant: "primary", onClick: r, children: t("idv2.unacceptedId.tryAgain") }) })
   ] });
 }, L = /* @__PURE__ */ new Map();
-let A = !1;
+let O = !1;
 const b = {
   blur: () => import("./blurdevicelottie-_BZRug1c.js"),
   glare: () => import("./glaredevicelottie-DLuIStvb.js"),
@@ -728,125 +697,125 @@ const b = {
   front: () => import("./frontdevicelottie-KhKxT5n9.js"),
   back: () => import("./backdevicelottie-B4NgyWmX.js")
 };
-function W(n) {
-  A || (A = !0, Promise.all([
+function K(i) {
+  O || (O = !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?.();
+  ]).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 x1() {
-  f(() => {
-    L1();
+  K();
+}
+function L1() {
+  I(() => {
+    x1();
   }, []);
 }
-function y1(n, t) {
-  const { t: i } = m(), [, r] = M(0);
-  if (f(() => {
-    W(() => r((l) => l + 1));
-  }, []), n === "blur")
+function y1(i, t) {
+  const { t: n } = v(), [, r] = M(0);
+  if (I(() => {
+    K(() => 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,
+  detectionStatus: i,
   mode: t,
-  isCapturing: i
+  isCapturing: n
 }) => {
-  const { t: r } = m(), l = y1(n, t), o = I(null), c = I({
+  const { t: r } = v(), l = y1(i, t), o = g(null), s = g({
     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 = "";
+  }), 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 };
+    const P = o.current;
+    P && (clearTimeout(d.current), P.textContent = "", h.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;
+  }, []), f = R(() => r(t === "passport" ? "idv2.capture.fillFramePassport" : t === "back" ? "idv2.capture.v2.fillFrameBack" : "idv2.capture.v2.fillFrameFront"), [t, r]);
+  return I(() => {
+    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, m(f());
     }, 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, m, f]), I(() => {
+    const p = a.current;
+    a.current = i, p !== "manualCapture" && w && m(r("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
+  }, [m, i, w, r]), I(() => {
+    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";
+        m(`${r(`${x}.title`)}. ${r(`${x}.description`)}`);
         return;
       }
-      if (x) {
-        p(`${r("idv2.capture.notifications.notAligned.title")}.`);
+      if (y) {
+        m(`${r("idv2.capture.notifications.notAligned.title")}.`);
         return;
       }
       if (B) {
-        p(`${r("idv2.capture.notifications.glare.title")}.`);
+        m(`${r("idv2.capture.notifications.glare.title")}.`);
         return;
       }
       if (Z) {
-        p(`${r("idv2.capture.notifications.blur.title")}.`);
+        m(`${r("idv2.capture.notifications.blur.title")}.`);
         return;
       }
-      C && d.current && p(w());
+      C && c.current && m(f());
     }
   }, [
-    p,
+    m,
     Z,
-    i,
-    x,
+    n,
+    y,
     B,
     C,
     u,
     t,
     r,
-    w
-  ]), f(() => () => {
-    clearTimeout(g.current), clearTimeout(s.current);
-  }, []), /* @__PURE__ */ e(O, { children: [
+    f
+  ]), I(() => () => {
+    clearTimeout(h.current), clearTimeout(d.current);
+  }, []), /* @__PURE__ */ e(S, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -856,57 +825,57 @@ 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: _("IncodeIdCaptureNotification"), "aria-hidden": "true", children: /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationContent", children: [
+      /* @__PURE__ */ e("div", { class: _("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(F, { size: 16, direction: "horizontal" }),
+      l.animationData && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ e(A, { animationData: l.animationData, loop: !0 }) })
     ] }) }) : null
   ] });
-}, M1 = R(
+}, M1 = k(
   ({
-    mode: n,
+    mode: i,
     orientation: t,
-    detectionStatus: i,
+    detectionStatus: n,
     counterValue: r,
     isCapturing: l,
     showManualCapture: o,
-    onCapture: c,
+    onCapture: s,
     onOpenHelp: a,
-    helpButtonRef: d,
-    captureButtonRef: s
-  }, g) => {
-    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")
+    helpButtonRef: c,
+    captureButtonRef: d
+  }, h) => {
+    const { t: C } = v();
+    L1(), I(() => {
+      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]), y = w(), B = i === "passport", Z = t !== "vertical" || B, m = Z ? "horizontal" : "vertical";
     return /* @__PURE__ */ e(
-      X,
+      Y,
       {
-        className: y(
+        className: _(
           "IncodeCaptureOverlayId",
           !Z && "IncodeCaptureOverlayVertical"
         ),
@@ -915,13 +884,13 @@ const _1 = ({
             /* @__PURE__ */ e(
               _1,
               {
-                detectionStatus: i,
-                mode: n,
+                detectionStatus: n,
+                mode: i,
                 isCapturing: l
               }
             ),
             /* @__PURE__ */ e(
-              q,
+              Q,
               {
                 title: u?.title ?? "",
                 subtitle: u?.subtitle,
@@ -931,25 +900,25 @@ const _1 = ({
             )
           ] }),
           /* @__PURE__ */ e(
-            Q,
+            J,
             {
-              ref: g,
+              ref: h,
               variant: "locked",
-              orientation: p,
-              frameState: x,
-              className: y(B && "IncodeCaptureFramePassport"),
+              orientation: m,
+              frameState: y,
+              className: _(B && "IncodeCaptureFramePassport"),
               children: l && r > 0 && /* @__PURE__ */ e("div", { class: "IncodeCaptureCounter", children: r })
             }
           ),
           /* @__PURE__ */ e("div", { class: "IncodeSrOnly", "aria-live": "polite", "aria-atomic": "true", children: l && r > 0 ? r : "" }),
           /* @__PURE__ */ e(
-            J,
+            X,
             {
               onOpenHelp: a,
-              onCapture: c,
+              onCapture: s,
               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 +938,10 @@ const _1 = ({
       }
     );
   }
-), J1 = ({ manager: n, state: t }) => {
-  const { t: i } = m();
+), J1 = ({ manager: i, state: t }) => {
+  const { t: n } = v();
   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(z, { size: "large", title: `${n("webcam.loading")}...` }) });
   if (t.captureStatus === "uploading" && t.previewImageUrl) {
     const r = t.currentMode === "passport" ? "passport" : "id";
     return /* @__PURE__ */ e(
@@ -985,47 +954,47 @@ 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(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;
     }
-    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)
+    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 = () => {
+      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 f(), window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
+  }, [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 = () => {
+    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();
+  }, m = () => {
+    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(
+  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,
       {
         ref: r,
@@ -1033,48 +1002,51 @@ const _1 = ({
         orientation: t.orientation,
         detectionStatus: t.detectionStatus,
         counterValue: t.counterValue,
-        isCapturing: g,
-        showManualCapture: v,
-        onCapture: Z,
-        onOpenHelp: u,
+        isCapturing: C,
+        showManualCapture: u,
+        onCapture: m,
+        onOpenHelp: y,
         helpButtonRef: l,
         captureButtonRef: o
       }
     ) }),
-    c && /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { ref: s }),
+    /* @__PURE__ */ e(
       f1,
       {
-        onClose: x,
-        onTakeManually: B
+        open: a,
+        onClose: B,
+        onTakeManually: Z,
+        portalContainer: s.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(() => {
+}, 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) => {
-      c(u.default);
-    }) : d ? import("./back-tutorial-An9AcMSe.js").then((u) => {
-      c(u.default);
+      s(u.default);
+    }) : c ? import("./back-tutorial-An9AcMSe.js").then((u) => {
+      s(u.default);
     }) : import("./id-tutorial-B-F5Q28m.js").then((u) => {
-      c(u.default);
+      s(u.default);
     });
-  }, [a, d]), !o)
+  }, [a, 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(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");
   return /* @__PURE__ */ e(
-    e1,
+    t1,
     {
       animationData: o,
-      title: s,
-      subtitle: g,
+      title: d,
+      subtitle: h,
       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: _(
         "IncodeIdTutorial",
         a ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"
       )
@@ -1790,7 +1762,7 @@ const _1 = ({
       ] })
     ]
   }
-), b1 = () => /* @__PURE__ */ e(
+), F1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "60",
@@ -1996,7 +1968,7 @@ const _1 = ({
       ] })
     ]
   }
-), D1 = () => /* @__PURE__ */ e(
+), b1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "61",
@@ -2305,10 +2277,10 @@ const _1 = ({
       ] })
     ]
   }
-), F1 = {
+), D1 = {
   digitalIdUpload: {
     type: "digitalIdUpload",
-    icon: D1,
+    icon: b1,
     title: "idv2.chooser.digitalIdUploadButtonTitle",
     testId: "verification-option-digitalIdUpload",
     weight: 1
@@ -2336,39 +2308,39 @@ const _1 = ({
   },
   manualIdUpload: {
     type: "manualIdUpload",
-    icon: b1,
+    icon: F1,
     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 T1(i) {
+  const t = (n, r) => {
+    const l = D1[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(
+const Y1 = ({ manager: i, state: t }) => {
+  const { t: n } = v(), r = N(
     () => T1(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(s1, { 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
@@ -2376,25 +2348,25 @@ const Y1 = ({ manager: n, state: t }) => {
     }
   );
 }, e2 = ({
-  manager: n,
+  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] = M(null), [l, o] = M(!1), { t: s } = v();
+  I(() => {
+    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 a = R(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 }),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
-        animationData: i,
+        animationData: n,
         loop: !1,
         reverse: t === "toFront",
         onComplete: a
@@ -2406,13 +2378,13 @@ 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,
+  l1 as S,
+  o1 as T,
+  c1 as V,
+  a1 as a,
+  s1 as b,
   X1 as c,
   Y1 as d,
   Q1 as e,
-  n1 as f
+  r1 as f
 };