@incodetech/web 0.0.0-dev-20260326-ac8336a → 0.0.0-dev-20260326-106dc21

package/dist/{flipAnimation-BXWZxnGC.js → flipAnimation-CQ3So9XG.js}

@@ -1,30 +1,31 @@
-import { u as e, c as M, b as m, B as F, S as H } from "./button-qiC4m4lf.js";
-import { _ as E, D as A, q as k, A as v, d as y, y as h, k as z, P as q, z as b, T as N } from "./vendor-preact-BY8u4mdq.js";
-import "./uiConfig-BSR3Bl6G.js";
-import { P as T } from "./page-CH1_PpOG.js";
-import { T as 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 { u as e, b as C, B as L, c as V, S as _ } from "./button-B2Ewo0rX.js";
+import { _ as m, q as E, A as u, d as g, y as f, k as O, T as k } from "./vendor-preact-BoMmvSgn.js";
+import "./uiConfig-DmIn-g8M.js";
+import { P as x } from "./page-DiscPBzz.js";
+import { T as y } from "./typography-zMrvftfB.js";
+import { P as A, C as z } from "./cameraView-CT9-WWcG.js";
+import { S as H } from "./spinner-DfUoOZN4.js";
+import { M as w, L as D } from "./manualCaptureButton-CUq6VXLb.js";
+import { L as G } from "./captureFooter-B_3eu8kq.js";
+import { C as N } from "./captureOverlay-CB8lyLgp.js";
+import { B as W } from "./permissions-CDir4ckn.js";
 import "@incodetech/core";
-import "./inputComposed-7r-2MfA7.js";
-import "./checkbox-KYc1FnQr.js";
-import "./phoneInputComposed-DYE5UsRs.js";
-import "./dateInputComposed-DzB7gNed.js";
-import { E as r1 } from "./errorIcon-DbJL-4MJ.js";
-import { S as l1 } from "./successIcon-C-3-t1kz.js";
+import "./inputComposed-CJQTXKNA.js";
+import "./checkbox-CXnQVsbJ.js";
+import "./phoneInputComposed-Dsf9ZDTj.js";
+import "./dateInputComposed-DmlHvCmR.js";
 import "./countries-DfLkrF0x.js";
-const o1 = ({
+const $ = ({
   size: i,
   class: t,
-  variant: n = "xs"
+  variant: l = "xs"
 }) => {
-  const r = i ?? (n === "xs" ? 14 : 24);
-  return n === "xs" ? /* @__PURE__ */ e(
+  const n = i ?? (l === "xs" ? 14 : 24);
+  return l === "xs" ? /* @__PURE__ */ e(
     "svg",
     {
-      width: r,
-      height: r,
+      width: n,
+      height: n,
       viewBox: "0 0 14 14",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -45,8 +46,8 @@ const o1 = ({
   ) : /* @__PURE__ */ e(
     "svg",
     {
-      width: r,
-      height: r,
+      width: n,
+      height: n,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -62,114 +63,34 @@ const o1 = ({
       )
     }
   );
-}, 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: M("IncodeTextArea", n)
-      }
-    );
-  }
-), c1 = A(
-  ({
-    id: i,
-    label: t,
-    "aria-label": n,
-    error: r,
-    showErrorIcon: l,
-    helper: o,
-    showHelperIcon: a,
-    required: s,
-    rows: c = 4,
-    class: d,
-    ...f
-  }, C) => {
-    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: i,
-          "data-testid": `${i}-label`,
-          children: [
-            t,
-            s && /* @__PURE__ */ e("span", { class: "IncodeTextAreaComposedRequired", children: " *" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedWrapper", children: /* @__PURE__ */ e(
-        s1,
-        {
-          id: i,
-          rows: c,
-          ...f,
-          ref: C,
-          required: s,
-          ...!t && n ? { "aria-label": n } : {},
-          "aria-describedby": _ || void 0,
-          "aria-required": s ? "true" : void 0,
-          "aria-invalid": r ? "true" : void 0
-        }
-      ) }),
-      r && /* @__PURE__ */ e(
-        "div",
-        {
-          class: "IncodeTextAreaComposedErrorWrapper",
-          "data-testid": `${i}-error-wrapper`,
-          children: [
-            l && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(r1, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: u, class: "IncodeTextAreaComposedError", children: r })
-          ]
-        }
-      ),
-      o && !r && /* @__PURE__ */ e(
-        "div",
-        {
-          class: "IncodeTextAreaComposedHelperWrapper",
-          "data-testid": `${i}-helper-wrapper`,
-          children: [
-            a && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(l1, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: w, class: "IncodeTextAreaComposedHelper", children: o })
-          ]
-        }
-      )
-    ] });
-  }
-);
-c1.displayName = "TextAreaComposed";
-function d1({
+}, K = (i) => /* @__PURE__ */ m("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ m("g", { clipPath: "url(#clip0_6394_10544)" }, /* @__PURE__ */ m("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__ */ m("defs", null, /* @__PURE__ */ m("clipPath", { id: "clip0_6394_10544" }, /* @__PURE__ */ m("rect", { width: 10, height: 10, fill: "white" }))));
+function j({
   children: i
 }) {
   return /* @__PURE__ */ e("div", { class: "IncodeVerificationOptionCardList", children: i });
 }
-function C1({
+function q({
   icon: i,
   title: t,
-  testId: n,
-  onClick: r,
-  tag: l
+  testId: l,
+  onClick: n,
+  tag: r
 }) {
   return /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       class: "IncodeVerificationOptionCard",
-      onClick: r,
-      "data-testid": n,
-      "aria-labelledby": `${n}-label`,
+      onClick: n,
+      "data-testid": l,
+      "aria-labelledby": `${l}-label`,
       children: [
         /* @__PURE__ */ e(
           "span",
           {
             class: "IncodeVerificationOptionCardIcon",
             "aria-hidden": "true",
-            "data-testid": `${n}-icon`,
+            "data-testid": `${l}-icon`,
             children: /* @__PURE__ */ e(i, {})
           }
         ),
@@ -177,11 +98,11 @@ function C1({
           /* @__PURE__ */ e(
             "span",
             {
-              id: `${n}-label`,
+              id: `${l}-label`,
               class: "IncodeVerificationOptionCardTitleTagContainer",
               children: [
                 /* @__PURE__ */ e("span", { class: "IncodeVerificationOptionCardTitle", children: t }),
-                l && /* @__PURE__ */ e(p1, { label: l })
+                r && /* @__PURE__ */ e(Q, { label: r })
               ]
             }
           ),
@@ -190,7 +111,7 @@ function C1({
             {
               class: "IncodeVerificationOptionCardArrow",
               "data-testid": "chevron-right-icon",
-              children: /* @__PURE__ */ e(o1, { size: 24, variant: "m" })
+              children: /* @__PURE__ */ e($, { size: 24, variant: "m" })
             }
           )
         ] })
@@ -198,13 +119,13 @@ function C1({
     }
   );
 }
-function p1({ label: i }) {
+function Q({ label: i }) {
   return /* @__PURE__ */ e("div", { class: "IncodeVerificationOptionCardTag", children: [
-    /* @__PURE__ */ e(a1, {}),
+    /* @__PURE__ */ e(K, {}),
     /* @__PURE__ */ e("span", { children: i })
   ] });
 }
-const u1 = ({ className: i }) => /* @__PURE__ */ e(
+const J = ({ className: i }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -252,7 +173,7 @@ const u1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), h1 = ({ className: i }) => /* @__PURE__ */ e(
+), X = ({ className: i }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -293,7 +214,7 @@ const u1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), f1 = ({
+), Y = ({
   className: i
 }) => /* @__PURE__ */ e(
   "svg",
@@ -344,7 +265,7 @@ const u1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), I1 = ({ className: i }) => /* @__PURE__ */ e(
+), e1 = ({ className: i }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "64",
@@ -365,19 +286,19 @@ const u1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), v1 = ({
+), t1 = ({
   open: i,
   onClose: t,
-  onTakeManually: n,
-  portalContainer: r
+  onTakeManually: l,
+  portalContainer: n
 }) => {
-  const { t: l } = m(), o = k((s) => {
+  const { t: r } = C(), o = E((s) => {
     s?.focus();
   }, []), a = () => {
-    n(), t();
+    l(), t();
   };
   return /* @__PURE__ */ e(
-    V.Root,
+    w.Root,
     {
       open: i,
       onOpenChange: (s) => {
@@ -385,100 +306,100 @@ const u1 = ({ className: i }) => /* @__PURE__ */ e(
       },
       class: "IncodeCommonIssuesFullScreen",
       hasBackdrop: !1,
-      portalContainer: r ?? void 0,
+      portalContainer: n ?? 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,
+      children: /* @__PURE__ */ e(w.Content, { class: "IncodeCommonIssuesContent", children: [
+        /* @__PURE__ */ e(w.Close, { "aria-label": r("commonIssues.close") }),
+        /* @__PURE__ */ e(w.Icon, { class: "IncodeCommonIssuesQuestionIcon", children: /* @__PURE__ */ e(e1, {}) }),
+        /* @__PURE__ */ e(w.TitleSection, { children: /* @__PURE__ */ e(
+          y,
           {
             id: "incode-modal-title",
             ref: o,
             className: "IncodeCommonIssuesTitle",
             tabIndex: -1,
-            children: l("commonIssues.commonIssues")
+            children: r("commonIssues.commonIssues")
           }
         ) }),
         /* @__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: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(X, {}) }),
             /* @__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("h3", { class: "IncodeCommonIssuesCardTitle", children: r("commonIssues.glarePresent") }),
+              /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: r("commonIssues.glarePresentDescription") })
             ] })
           ] }),
           /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
-            /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(u1, {}) }),
+            /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(J, {}) }),
             /* @__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("h3", { class: "IncodeCommonIssuesCardTitle", children: r("commonIssues.blurPresent") }),
+              /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: r("commonIssues.blurPresentDescription") })
             ] })
           ] }),
           /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
-            /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(f1, {}) }),
+            /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(Y, {}) }),
             /* @__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("h3", { class: "IncodeCommonIssuesCardTitle", children: r("commonIssues.notReadable") }),
+              /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: r("commonIssues.notReadableDescription") })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e(V.Actions, { class: "IncodeCommonIssuesButtons", children: [
+        /* @__PURE__ */ e(w.Actions, { class: "IncodeCommonIssuesButtons", children: [
           /* @__PURE__ */ e(
-            F,
+            L,
             {
               variant: "link",
               onClick: a,
               class: "IncodeCommonIssuesTakeManually",
-              children: l("commonIssues.takeManually")
+              children: r("commonIssues.takeManually")
             }
           ),
-          /* @__PURE__ */ e(F, { onClick: t, class: "IncodeCommonIssuesTryAgain", children: l("commonIssues.tryAgain") })
+          /* @__PURE__ */ e(L, { onClick: t, class: "IncodeCommonIssuesTryAgain", children: r("commonIssues.tryAgain") })
         ] })
       ] })
     }
   );
-}, g1 = ({
+}, i1 = ({
   orientation: i,
   mode: t,
-  state: n,
-  children: r,
-  className: l
+  state: l,
+  children: n,
+  className: r
 }) => {
-  const o = i !== "vertical" || t === "passport", a = t === "passport", s = `IncodeCaptureFrame${n.charAt(0).toUpperCase() + n.slice(1)}`;
+  const o = i !== "vertical" || t === "passport", a = t === "passport", s = `IncodeCaptureFrame${l.charAt(0).toUpperCase() + l.slice(1)}`;
   return /* @__PURE__ */ e(
     "div",
     {
-      class: M(
+      class: V(
         "IncodeCaptureFrame",
         o ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
         s,
         a && "IncodeCaptureFramePassport",
-        l
+        r
       ),
       "aria-hidden": "true",
       role: "presentation",
-      children: r
+      children: n
     }
   );
-}, $ = ({
+}, F = ({
   imageUrl: i,
   orientation: t,
-  mode: n,
-  borderState: r,
-  topContent: l,
+  mode: l,
+  borderState: n,
+  topContent: r,
   bottomContent: o,
   overlayContent: a
 }) => {
-  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 }),
+  const { t: s } = C();
+  return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayout", children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayoutContent", children: [
+    r && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingTopArea", children: r }),
     /* @__PURE__ */ e(
-      g1,
+      i1,
       {
         orientation: t,
-        mode: n === "id" ? "front" : n,
-        state: r,
+        mode: l === "id" ? "front" : l,
+        state: n,
         children: [
           /* @__PURE__ */ e(
             "img",
@@ -495,49 +416,49 @@ const u1 = ({ className: i }) => /* @__PURE__ */ e(
     ),
     /* @__PURE__ */ e("div", { class: "IncodeIdProcessingBottomArea", children: [
       /* @__PURE__ */ e("div", { class: "IncodeCaptureEncryptionLabel", children: [
-        /* @__PURE__ */ e(Q, { className: "IncodeCaptureEncryptionIcon" }),
+        /* @__PURE__ */ e(G, { className: "IncodeCaptureEncryptionIcon" }),
         /* @__PURE__ */ e("span", { children: s("v2.capture.label") })
       ] }),
       o
     ] })
   ] }) }) });
-}, m1 = ({
+}, l1 = ({
   imageUrl: i,
   progress: t,
-  orientation: n,
-  mode: r
+  orientation: l,
+  mode: n
 }) => {
-  const { t: l } = m(), o = v(null), a = n !== "vertical" || r === "passport", [s, c] = y(null);
-  return h(() => {
+  const { t: r } = C(), o = u(null), a = l !== "vertical" || n === "passport", [s, d] = g(null);
+  return f(() => {
     o.current?.focus();
-  }, []), h(() => {
-    a ? import("./id-laser-h-BBV3r3rz.js").then((d) => {
-      c(d.default);
-    }) : import("./id-laser-v-BTHJaSfx.js").then((d) => {
-      c(d.default);
+  }, []), f(() => {
+    a ? import("./id-laser-h-BBV3r3rz.js").then((c) => {
+      d(c.default);
+    }) : import("./id-laser-v-BTHJaSfx.js").then((c) => {
+      d(c.default);
     });
   }, [a]), /* @__PURE__ */ e(
-    $,
+    F,
     {
       imageUrl: i,
-      orientation: n,
-      mode: r,
+      orientation: l,
+      mode: n,
       borderState: "analyzing",
       topContent: /* @__PURE__ */ e("div", { class: "IncodeAnalyzingContent", children: [
-        /* @__PURE__ */ e(J, { progress: t }),
+        /* @__PURE__ */ e(A, { progress: t }),
         /* @__PURE__ */ e(
-          R,
+          y,
           {
             ref: o,
             id: "analyzing-title",
             className: "IncodeAnalyzingTitle",
             tabIndex: -1,
-            children: l("idv2.capture.processing.analyzing")
+            children: r("idv2.capture.processing.analyzing")
           }
         )
       ] }),
       overlayContent: s ? /* @__PURE__ */ e(
-        U,
+        D,
         {
           animationData: s,
           loop: !0,
@@ -546,7 +467,7 @@ const u1 = ({ className: i }) => /* @__PURE__ */ e(
       ) : null
     }
   );
-}, w1 = ({ className: i, ...t }) => /* @__PURE__ */ e(
+}, n1 = ({ className: i, ...t }) => /* @__PURE__ */ e(
   "svg",
   {
     class: i,
@@ -565,7 +486,7 @@ const u1 = ({ className: i }) => /* @__PURE__ */ e(
       }
     )
   }
-), W = ({ className: i, ...t }) => /* @__PURE__ */ e(
+), R = ({ className: i, ...t }) => /* @__PURE__ */ e(
   "svg",
   {
     class: i,
@@ -584,530 +505,225 @@ const u1 = ({ className: i }) => /* @__PURE__ */ e(
       }
     )
   }
-), K = ({
+), U = ({
   variant: i,
   imageUrl: t,
-  orientation: n,
-  mode: r,
-  title: l,
+  orientation: l,
+  mode: n,
+  title: r,
   subtitle: o,
   buttonText: a,
   onButtonClick: s,
-  attemptsRemaining: c
+  attemptsRemaining: d
 }) => {
-  const { t: d } = m(), f = v(null);
-  return h(() => {
-    f.current?.focus();
+  const { t: c } = C(), h = u(null);
+  return f(() => {
+    h.current?.focus();
   }, []), /* @__PURE__ */ e(
-    $,
+    F,
     {
       imageUrl: t,
-      orientation: n,
-      mode: r,
+      orientation: l,
+      mode: n,
       borderState: i,
       topContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultContent", role: "status", children: [
-        i === "success" ? /* @__PURE__ */ e(w1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(W, { className: "IncodeIdProcessingResultIcon" }),
-        /* @__PURE__ */ e(H, { size: 16 }),
-        l && /* @__PURE__ */ e(
-          R,
+        i === "success" ? /* @__PURE__ */ e(n1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(R, { className: "IncodeIdProcessingResultIcon" }),
+        /* @__PURE__ */ e(_, { size: 16 }),
+        r && /* @__PURE__ */ e(
+          y,
           {
-            ref: f,
+            ref: h,
             className: "IncodeIdProcessingResultTitle",
             tabIndex: -1,
-            children: l
+            children: r
           }
         ),
-        o && /* @__PURE__ */ e(z, { children: [
-          /* @__PURE__ */ e(H, { size: 12 }),
+        o && /* @__PURE__ */ e(O, { children: [
+          /* @__PURE__ */ e(_, { size: 12 }),
           /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultSubtitle", children: o })
         ] })
       ] }),
       bottomContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultButtonContainer", children: [
-        c !== void 0 && c > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: d("v2.idError.attemptsLeft", {
-          count: c
+        d !== void 0 && d > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: c("v2.idError.attemptsLeft", {
+          count: d
         }) }),
-        /* @__PURE__ */ e(F, { onClick: s, "data-testid": "retry-button", children: a })
+        /* @__PURE__ */ e(L, { onClick: s, "data-testid": "retry-button", children: a })
       ] })
     }
   );
-}, x1 = ({ manager: i, state: t }) => {
-  const { t: n } = m();
+}, r1 = ({ manager: i, state: t }) => {
+  const { t: l } = C();
   if (!t.previewImageUrl)
     return null;
-  const r = t.currentMode === "passport" ? "passport" : "id", l = () => t.needsBackCapture ? n("v2.idSuccess.subtitle") : t.needsFrontCapture ? n("idv2.capture.processing.successBackSubtitleScanFront") : n("v2.idSuccess.subtitleBack"), o = () => t.needsBackCapture ? n("idv2.capture.processing.scanBack") : t.needsFrontCapture ? n("idv2.capture.processing.scanFront") : n("idv2.capturePreview.continue");
+  const n = t.currentMode === "passport" ? "passport" : "id", r = () => t.needsBackCapture ? l("v2.idSuccess.subtitle") : t.needsFrontCapture ? l("idv2.capture.processing.successBackSubtitleScanFront") : l("v2.idSuccess.subtitleBack"), o = () => t.needsBackCapture ? l("idv2.capture.processing.scanBack") : t.needsFrontCapture ? l("idv2.capture.processing.scanFront") : l("idv2.capturePreview.continue");
   return /* @__PURE__ */ e(
-    K,
+    U,
     {
       variant: "success",
       imageUrl: t.previewImageUrl,
       orientation: t.orientation,
-      mode: r,
-      title: n("v2.idSuccess.title"),
-      subtitle: l(),
+      mode: n,
+      title: l("v2.idSuccess.title"),
+      subtitle: r(),
       buttonText: o(),
       onButtonClick: () => i.nextStep()
     }
   );
-}, L1 = ({ manager: i, state: t, ...n }) => {
-  const { t: r } = m();
+}, o1 = ({ manager: i, state: t, ...l }) => {
+  const { t: n } = C();
   if (t.status === "error")
     return /* @__PURE__ */ e("div", { class: "IncodeIdError", role: "alert", children: [
       /* @__PURE__ */ e("div", { class: "IncodeIdErrorMessage", children: t.error }),
-      /* @__PURE__ */ e(F, { onClick: () => i.reset(), "data-testid": "retry-button", children: r("idv2.capturePreview.retry") })
+      /* @__PURE__ */ e(L, { onClick: () => i.reset(), "data-testid": "retry-button", children: n("idv2.capturePreview.retry") })
     ] });
-  const l = t.currentMode === "passport" ? "passport" : "id";
+  const r = t.currentMode === "passport" ? "passport" : "id";
   return t.previewImageUrl ? /* @__PURE__ */ e(
-    K,
+    U,
     {
       variant: "error",
       imageUrl: t.previewImageUrl,
       orientation: t.orientation,
-      mode: l,
+      mode: r,
       title: t.uploadErrorMessage,
       subtitle: t.uploadErrorDescription,
-      buttonText: t.canRetry ? r("idv2.capturePreview.tryAgain") : r("idv2.capturePreview.continue"),
+      buttonText: t.canRetry ? n("idv2.capturePreview.tryAgain") : n("idv2.capturePreview.continue"),
       onButtonClick: () => i.continueFromError(),
       attemptsRemaining: t.attemptsRemaining
     }
   ) : null;
-}, s2 = ({ manager: i }) => {
-  const { t } = m(), n = v(null);
-  h(() => {
-    n.current?.focus();
+}, F1 = ({ manager: i }) => {
+  const { t } = C(), l = u(null);
+  f(() => {
+    l.current?.focus();
   }, []);
-  const r = () => {
+  const n = () => {
     i.retryCapture();
   };
-  return /* @__PURE__ */ e(T, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
+  return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
     /* @__PURE__ */ e("div", { class: "IncodeIdExpiredContent", role: "alert", children: [
-      /* @__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(R, { className: "IncodeIdExpiredIcon" }),
+      /* @__PURE__ */ e(y, { ref: l, tabIndex: -1, className: "IncodeIdExpiredTitle", children: t("idv2.capture.notifications.expiredId") }),
+      /* @__PURE__ */ e(_, { size: 12 }),
       /* @__PURE__ */ e("p", { class: "IncodeIdExpiredSubtitle", children: t("idv2.capture.notifications.useDifferent") }),
-      /* @__PURE__ */ e(H, { size: 80 })
+      /* @__PURE__ */ e(_, { size: 80 })
     ] }),
-    /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(F, { variant: "primary", onClick: r, children: t("idv2.unacceptedId.tryAgain") }) })
-  ] });
-}, L = /* @__PURE__ */ new Map();
-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 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 y1() {
-  j();
-}
-function _1() {
-  h(() => {
-    y1();
-  }, []);
-}
-function M1(i, t) {
-  const { t: n } = m(), [, r] = y(0);
-  if (h(() => {
-    j(() => r((l) => l + 1));
-  }, []), i === "blur")
-    return {
-      title: n("idv2.capture.notifications.blur.title"),
-      description: n("idv2.capture.notifications.blur.description"),
-      animationData: L.get("blur") ?? null
-    };
-  if (i === "glare")
-    return {
-      title: n("idv2.capture.notifications.glare.title"),
-      description: n("idv2.capture.notifications.glare.description"),
-      animationData: L.get("glare") ?? null
-    };
-  if (i === "farAway")
-    return {
-      title: n("idv2.capture.notifications.notAligned.title"),
-      description: n("idv2.capture.notifications.notAligned.description"),
-      animationData: L.get("align") ?? null
-    };
-  if (i === "wrongSide") {
-    const l = t === "back";
-    return {
-      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 B1 = ({
-  detectionStatus: i,
-  mode: t,
-  isCapturing: n
-}) => {
-  const { t: r } = m(), l = M1(i, t), o = v(null), a = v({
-    message: "",
-    at: 0
-  }), 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));
-  }, []), I = k(() => r(t === "passport" ? "idv2.capture.fillFramePassport" : t === "back" ? "idv2.capture.v2.fillFrameBack" : "idv2.capture.v2.fillFrameFront"), [t, r]);
-  return h(() => {
-    if (w) {
-      c.current = !1;
-      return;
-    }
-    if (c.current || !C) return;
-    const p = setTimeout(() => {
-      c.current = !0, g(I());
-    }, 500);
-    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 x = t === "front" || t === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
-        g(`${r(`${x}.title`)}. ${r(`${x}.description`)}`);
-        return;
-      }
-      if (_) {
-        g(`${r("idv2.capture.notifications.notAligned.title")}.`);
-        return;
-      }
-      if (B) {
-        g(`${r("idv2.capture.notifications.glare.title")}.`);
-        return;
-      }
-      if (Z) {
-        g(`${r("idv2.capture.notifications.blur.title")}.`);
-        return;
-      }
-      C && c.current && g(I());
-    }
-  }, [
-    g,
-    Z,
-    n,
-    _,
-    B,
-    C,
-    u,
-    t,
-    r,
-    I
-  ]), h(() => () => {
-    clearTimeout(f.current), clearTimeout(d.current);
-  }, []), /* @__PURE__ */ e(z, { children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        ref: o,
-        class: "IncodeSrOnly",
-        "aria-live": "assertive",
-        "aria-atomic": "true"
-      }
-    ),
-    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(H, { size: 16, direction: "horizontal" }),
-      l.animationData && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ e(U, { animationData: l.animationData, loop: !0 }) })
-    ] }) }) : null
+    /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(L, { variant: "primary", onClick: n, children: t("idv2.unacceptedId.tryAgain") }) })
   ] });
-}, Z1 = b(
-  () => import("./front-horizontal-hint-Ca8ux7ED.js")
-), E1 = b(
-  () => import("./front-vertical-hint-Cl9a47Kq.js")
-), V1 = b(
-  () => import("./back-horizontal-hint-CktUy0An.js")
-), H1 = b(
-  () => import("./back-vertical-hint-CMOWSEsc.js")
-), b1 = b(
-  () => import("./passport-horizontal-hint-CWnj6Kh1.js")
-), D1 = b(
-  () => import("./passport-vertical-hint-DzkQdaag.js")
-), F1 = {
-  "front-horizontal": 348,
-  "back-horizontal": 348,
-  "passport-horizontal": 342
-}, T1 = {
-  "front-vertical": 446,
-  "back-vertical": 446,
-  "passport-vertical": 342
-};
-function R1(i, t, n, r) {
-  const l = `${i}-${t}`, o = F1[l];
-  if (o) return n / o;
-  const a = T1[l];
-  return a ? r / a : 1;
-}
-const P1 = ({ mode: i, orientation: t }) => {
-  const n = v(null), [r, l] = y(1);
-  h(() => {
-    const a = n.current;
-    if (!a) return;
-    const s = () => {
-      l(
-        R1(i, t, a.clientWidth, a.clientHeight)
-      );
-    };
-    s();
-    const c = new ResizeObserver(s);
-    return c.observe(a), () => c.disconnect();
-  }, [i, t]);
-  const o = () => i === "front" ? t === "horizontal" ? /* @__PURE__ */ e(Z1, {}) : /* @__PURE__ */ e(E1, {}) : i === "back" ? t === "horizontal" ? /* @__PURE__ */ e(V1, {}) : /* @__PURE__ */ e(H1, {}) : i === "passport" ? t === "horizontal" ? /* @__PURE__ */ e(b1, {}) : /* @__PURE__ */ e(D1, {}) : null;
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ref: n,
-      class: "IncodeIdHint",
-      "aria-hidden": "true",
-      role: "presentation",
-      children: /* @__PURE__ */ e("div", { class: "IncodeIdHintAnimated", children: /* @__PURE__ */ e(q, { fallback: null, children: /* @__PURE__ */ e("div", { class: "IncodeIdHintSvg", style: { transform: `scale(${r})` }, children: o() }) }) })
-    }
-  );
-}, k1 = A(
-  ({
-    mode: i,
-    orientation: t,
-    detectionStatus: n,
-    counterValue: r,
-    isCapturing: l,
-    showManualCapture: o,
-    onCapture: a,
-    onOpenHelp: s,
-    helpButtonRef: c,
-    captureButtonRef: d
-  }, f) => {
-    const { t: C } = m();
-    _1(), h(() => {
-      o && d && d.current?.focus();
-    }, [o, d]);
-    const w = () => l || n === "capturing" ? "capturing" : n === "blur" || n === "glare" || n === "wrongSide" || n === "farAway" ? "error" : "idle", u = N(() => {
-      if (l || n === "capturing")
-        return {
-          title: C("idv2.capture.takingPhoto"),
-          subtitle: C("idv2.capture.dontMove")
-        };
-      if (n === "detecting" || n === "idNotDetected" || n === "manualCapture") {
-        const p = n === "manualCapture";
-        return i === "passport" ? {
-          title: C("idv2.capture.fillFramePassport"),
-          subtitle: p ? "" : C("idv2.capture.v2.autoCapture")
-        } : i === "back" ? {
-          title: C("idv2.capture.v2.fillFrameBack"),
-          subtitle: p ? "" : C("idv2.capture.v2.autoCapture")
-        } : {
-          title: C("idv2.capture.v2.fillFrameFront"),
-          subtitle: p ? "" : C("idv2.capture.v2.autoCapture")
-        };
-      }
-      return null;
-    }, [l, n, i, C]), _ = w(), B = i === "passport", Z = t !== "vertical" || B, g = Z ? "horizontal" : "vertical";
-    return /* @__PURE__ */ e(
-      t1,
-      {
-        className: M(
-          "IncodeCaptureOverlayId",
-          !Z && "IncodeCaptureOverlayVertical"
-        ),
-        children: [
-          /* @__PURE__ */ e("div", { class: "IncodeCaptureTopSection", children: [
-            /* @__PURE__ */ e(
-              B1,
-              {
-                detectionStatus: n,
-                mode: i,
-                isCapturing: l
-              }
-            ),
-            /* @__PURE__ */ e(
-              X,
-              {
-                title: u?.title ?? "",
-                subtitle: u?.subtitle,
-                visible: u !== null,
-                titleId: "id-capture-heading"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(
-            Y,
-            {
-              ref: f,
-              variant: "locked",
-              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(
-            e1,
-            {
-              onOpenHelp: s,
-              onCapture: a,
-              isManualCapture: o,
-              helpButtonRef: c,
-              captureButtonRef: d,
-              captureAriaDescribedBy: o ? "manual-capture-tooltip" : void 0,
-              children: o ? /* @__PURE__ */ e("div", { class: "IncodeIdManualCaptureTooltipContainer", children: /* @__PURE__ */ e(
-                "div",
-                {
-                  id: "manual-capture-tooltip",
-                  role: "tooltip",
-                  class: "IncodeIdManualCaptureTooltip",
-                  children: /* @__PURE__ */ e("ol", { class: "IncodeIdManualCaptureTooltipList", children: [
-                    /* @__PURE__ */ e("li", { children: C("idv2.commonIssues.firstStep") }),
-                    /* @__PURE__ */ e("li", { children: C("idv2.commonIssues.secondStep") })
-                  ] })
-                }
-              ) }) : null
-            }
-          )
-        ]
-      }
-    );
-  }
-), c2 = ({ manager: i, state: t }) => {
-  const { t: n } = m();
+}, R1 = ({ manager: i, state: t }) => {
+  const { t: l } = C();
   if (t.captureStatus === "initializing")
-    return /* @__PURE__ */ e(T, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(G, { size: "large", title: `${n("webcam.loading")}...` }) });
+    return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(H, { size: "large", title: `${l("webcam.loading")}...` }) });
   if (t.captureStatus === "uploading" && t.previewImageUrl) {
-    const r = t.currentMode === "passport" ? "passport" : "id";
+    const n = t.currentMode === "passport" ? "passport" : "id";
     return /* @__PURE__ */ e(
-      m1,
+      l1,
       {
         imageUrl: t.previewImageUrl,
         progress: t.uploadProgress ?? 0,
         orientation: t.orientation,
-        mode: r
+        mode: n
       }
     );
   }
-  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 t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(r1, { manager: i, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(o1, { manager: i, state: t }) : /* @__PURE__ */ e(s1, { manager: i, state: t });
+}, s1 = ({ manager: i, state: t }) => {
+  const l = u(null), n = u(null), r = u(null), o = u(null), a = u(null), [s, d] = g(!1), [c, h] = g(!1);
+  f(() => {
+    const p = l.current;
+    if (!p || !t.stream) {
+      h(!1);
       return;
     }
-    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)
+    h(!1);
+    const v = () => h(!0);
+    return p.addEventListener("playing", v), p.srcObject = t.stream, p.play().catch(() => {
+    }), () => p.removeEventListener("playing", v);
+  }, [t.stream]), f(() => {
+    const p = () => {
+      const v = n.current;
+      if (!v)
         return;
-      const x = p.getBoundingClientRect();
+      const M = v.getBoundingClientRect();
       i.updateDetectionArea({
-        x: x.left,
-        y: x.top,
-        width: x.width,
-        height: x.height
+        x: M.left,
+        y: M.top,
+        width: M.width,
+        height: M.height
       });
     };
-    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();
+    return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
+  }, [i, t.orientation, c]);
+  const B = t.captureStatus === "capturing" || t.detectionStatus === "capturing", Z = t.detectionStatus, I = Z === "manualCapture" || t.showCaptureButtonInAuto && t.captureStatus === "detecting" && Z !== "capturing", P = () => {
+    d(!0);
+  }, b = () => {
+    d(!1), requestAnimationFrame(() => {
+      o.current ? o.current.focus() : r.current?.focus();
     });
-  }, Z = () => {
-    c(!1), i.switchToManualCapture();
-  }, g = () => {
+  }, S = () => {
+    d(!1), i.switchToManualCapture();
+  }, T = () => {
     i.capture();
   };
-  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,
+  return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: [
+    /* @__PURE__ */ e(z, { stream: t.stream, "aria-hidden": s || void 0, children: /* @__PURE__ */ e(
+      N,
       {
-        ref: r,
+        ref: n,
         mode: t.currentMode,
         orientation: t.orientation,
         detectionStatus: t.detectionStatus,
         counterValue: t.counterValue,
-        isCapturing: C,
-        showManualCapture: u,
-        onCapture: g,
-        onOpenHelp: _,
-        helpButtonRef: l,
+        isCapturing: B,
+        showManualCapture: I,
+        onCapture: T,
+        onOpenHelp: P,
+        helpButtonRef: r,
         captureButtonRef: o
       }
     ) }),
     /* @__PURE__ */ e("div", { ref: a }),
     /* @__PURE__ */ e(
-      v1,
+      t1,
       {
         open: s,
-        onClose: B,
-        onTakeManually: Z,
+        onClose: b,
+        onTakeManually: S,
         portalContainer: a.current
       }
     )
   ] });
-}, 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) => {
-      a(u.default);
+}, U1 = ({ manager: i, state: t }) => {
+  const { t: l } = C(), [n, r] = g(!1), [o, a] = g(null), s = t.selectedDocumentType === "passport", d = t.currentMode === "back";
+  if (f(() => {
+    s ? import("./passport-tutorial-CaYBFTqt.js").then((I) => {
+      a(I.default);
+    }) : d ? import("./back-tutorial-An9AcMSe.js").then((I) => {
+      a(I.default);
+    }) : import("./id-tutorial-B-F5Q28m.js").then((I) => {
+      a(I.default);
     });
-  }, [s, c]), !o)
+  }, [s, d]), !o)
     return null;
-  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");
+  const c = l(s ? "idv2.capture.passport.title" : d ? "idv2.backTutorial.title" : "idv2.tutorial.v2.title"), h = l(s ? "idv2.capture.passport.subtitle" : d ? "idv2.backTutorial.subtitle" : "idv2.tutorial.subtitle"), B = l(d ? "idv2.backTutorial.disclaimer" : "idv2.tutorial.v2.autocapture");
   return /* @__PURE__ */ e(
-    n1,
+    W,
     {
       animationData: o,
-      title: d,
-      subtitle: f,
+      title: c,
+      subtitle: h,
       onContinue: () => {
-        l(!0), i.nextStep();
+        r(!0), i.nextStep();
       },
-      buttonText: n("idv2.tutorial.startScan"),
-      disclaimerText: C,
-      isLoading: r,
-      className: M(
+      buttonText: l("idv2.tutorial.startScan"),
+      disclaimerText: B,
+      isLoading: n,
+      className: V(
         "IncodeIdTutorial",
         s ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"
       )
     }
   );
-}, U1 = () => /* @__PURE__ */ e(
+}, a1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "119",
@@ -1301,7 +917,7 @@ const P1 = ({ mode: i, orientation: t }) => {
       ] })
     ]
   }
-), O1 = () => /* @__PURE__ */ e(
+), d1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "118",
@@ -1606,7 +1222,7 @@ const P1 = ({ mode: i, orientation: t }) => {
       ] })
     ]
   }
-), S1 = () => /* @__PURE__ */ e(
+), c1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "60",
@@ -1817,7 +1433,7 @@ const P1 = ({ mode: i, orientation: t }) => {
       ] })
     ]
   }
-), z1 = () => /* @__PURE__ */ e(
+), C1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "60",
@@ -2023,7 +1639,7 @@ const P1 = ({ mode: i, orientation: t }) => {
       ] })
     ]
   }
-), N1 = () => /* @__PURE__ */ e(
+), p1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "61",
@@ -2332,30 +1948,30 @@ const P1 = ({ mode: i, orientation: t }) => {
       ] })
     ]
   }
-), G1 = {
+), h1 = {
   digitalIdUpload: {
     type: "digitalIdUpload",
-    icon: N1,
+    icon: p1,
     title: "idv2.chooser.digitalIdUploadButtonTitle",
     testId: "verification-option-digitalIdUpload",
     weight: 1
   },
   id: {
     type: "id",
-    icon: U1,
+    icon: a1,
     title: "idv2.chooser.idButtonTitle",
     testId: "verification-option-id",
     weight: 2
   },
   passport: {
     type: "passport",
-    icon: O1,
+    icon: d1,
     title: "idv2.chooser.passportButtonTitle",
     testId: "verification-option-passport",
     weight: 3
   },
   digitalId: {
-    icon: S1,
+    icon: c1,
     title: "idv2.chooser.digitalIdButtonTitle",
     testId: "verification-option-digitalId",
     type: "digitalId",
@@ -2363,65 +1979,65 @@ const P1 = ({ mode: i, orientation: t }) => {
   },
   manualIdUpload: {
     type: "manualIdUpload",
-    icon: z1,
+    icon: C1,
     title: "idv2.chooser.manualUploadButtonTitle",
     testId: "verification-option-manualIdUpload",
     weight: 5
   }
 };
-function $1(i) {
-  const t = (n, r) => {
-    const l = G1[r];
-    return l && n.push(l), n;
+function u1(i) {
+  const t = (l, n) => {
+    const r = h1[n];
+    return r && l.push(r), l;
   };
-  return i.reduce(t, []).sort((n, r) => n.weight - r.weight);
+  return i.reduce(t, []).sort((l, n) => l.weight - n.weight);
 }
-const C2 = ({ manager: i, state: t }) => {
-  const { t: n } = m(), r = N(
-    () => $1(t.availableDocumentTypes),
+const P1 = ({ manager: i, state: t }) => {
+  const { t: l } = C(), n = k(
+    () => u1(t.availableDocumentTypes),
     [t.availableDocumentTypes]
-  ), l = (o) => {
+  ), r = (o) => {
     i.selectDocument(o);
   };
   return /* @__PURE__ */ e(
-    T,
+    x,
     {
-      title: n("idv2.chooser.chooseHowToVerifyTitle"),
+      title: l("idv2.chooser.chooseHowToVerifyTitle"),
       "data-testid": "document-chooser-page",
       className: "IncodeChooserPage",
-      children: /* @__PURE__ */ e("div", { class: "IncodeChooserContainer", children: /* @__PURE__ */ e(d1, { children: r.map((o) => /* @__PURE__ */ e(
-        C1,
+      children: /* @__PURE__ */ e("div", { class: "IncodeChooserContainer", children: /* @__PURE__ */ e(j, { children: n.map((o) => /* @__PURE__ */ e(
+        q,
         {
           icon: o.icon,
-          title: n(o.title),
+          title: l(o.title),
           testId: o.testId,
-          tag: o.tag ? n(o.tag) : void 0,
-          onClick: () => l(o.type)
+          tag: o.tag ? l(o.tag) : void 0,
+          onClick: () => r(o.type)
         },
         o.type
       )) }) })
     }
   );
-}, p2 = ({
+}, b1 = ({
   manager: i,
   direction: t
 }) => {
-  const [n, r] = y(null), [l, o] = y(!1), { t: a } = m();
-  h(() => {
-    import("./flip-animation-COR596wy.js").then((d) => {
-      r(d.default);
+  const [l, n] = g(null), [r, o] = g(!1), { t: a } = C();
+  f(() => {
+    import("./flip-animation-COR596wy.js").then((c) => {
+      n(c.default);
     });
   }, []);
-  const s = k(async () => {
-    await new Promise((d) => setTimeout(d, 1e3)), t === "toBack" ? i.continueToBack() : i.continueToFront(), o(!0);
+  const s = E(async () => {
+    await new Promise((c) => setTimeout(c, 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 }),
+  return r ? /* @__PURE__ */ e(H, { size: "large" }) : l ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
+    /* @__PURE__ */ e(y, { role: "status", className: "IncodeFlipAnimationTitle", children: a(t === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront") }),
+    /* @__PURE__ */ e(_, { size: 32 }),
     /* @__PURE__ */ e(
-      U,
+      D,
       {
-        animationData: n,
+        animationData: l,
         loop: !1,
         reverse: t === "toFront",
         onComplete: s
@@ -2430,16 +2046,14 @@ const C2 = ({ manager: i, state: t }) => {
   ] }) : null;
 };
 export {
-  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
+  R1 as C,
+  b1 as F,
+  o1 as I,
+  K as S,
+  U1 as T,
+  q as V,
+  j as a,
+  P1 as b,
+  F1 as c,
+  $ as d
 };