@incodetech/web 0.0.0-dev-20260320-b29aeee → 0.0.0-dev-20260320-e46eb90

package/dist/{flipAnimation-DLpjmTf-.js → flipAnimation-CJfs4vnz.js}

@@ -1,46 +1,25 @@
-import { u as e, d as x, b as g, S as Z, B as k } from "./button-zCdeDeEB.js";
-import { _ as V, D as H, d as b, A as m, y as I, k as $, q as U, T as W } from "./vendor-preact-BXf0bkEs.js";
-import "./uiConfig-Z6RT23Sl.js";
-import { P as D } from "./page-Dv0s0RPn.js";
-import { T as P, S as j } from "./spinner-BbVGMG-G.js";
-import { L as n1, P as r1, c as l1, a as o1, d as a1, C as s1, b as c1 } from "./captureFooter-SNtyUXrI.js";
-import { L as A, B as d1 } from "./manualCaptureButton-iYqQECzn.js";
+import { u as e, d as y, b as m, S as _, B as D } from "./button-Yr39X4SE.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--mDTxXnt.js";
+import "./uiConfig-CKJmKRCo.js";
+import { P as F } from "./page-DO2rYslN.js";
+import { T as H, S as z } from "./spinner-Djok6FY8.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-Dum5qpdZ.js";
+import { L as k, B as e1 } from "./manualCaptureButton-CtHbJjgz.js";
 import "@incodetech/core";
-import "./inputComposed-CyGtRLzv.js";
-import { E as K } from "./errorIcon-bIXk9nAy.js";
-import "./phoneInputComposed-DKesjaq0.js";
-import "./dateInputComposed-C8WTSu9L.js";
-import { S as C1 } from "./successIcon-DN8LMqE2.js";
+import "./inputComposed-n2VIh213.js";
+import "./checkbox-BkW6ZbEQ.js";
+import "./phoneInputComposed-C66n6e7L.js";
+import "./dateInputComposed-CjfYBUJj.js";
+import { E as t1 } from "./errorIcon-DOyZZgsP.js";
+import { S as i1 } from "./successIcon-CjkBWk8J.js";
 import "./countries-DfLkrF0x.js";
-const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    width: i,
-    height: i,
-    viewBox: "0 0 28 28",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ e("title", { children: "checkmark" }),
-      /* @__PURE__ */ e(
-        "path",
-        {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
-          d: "M19.3321 10.2929C19.7226 10.6834 19.7226 11.3166 19.3321 11.7071L13.3321 17.7071C12.9416 18.0976 12.3084 18.0976 11.9179 17.7071L9.29289 15.0821C8.90237 14.6916 8.90237 14.0584 9.29289 13.6679C9.68342 13.2774 10.3166 13.2774 10.7071 13.6679L12.625 15.5858L17.9179 10.2929C18.3084 9.90237 18.9416 9.90237 19.3321 10.2929Z",
-          fill: "var(--checkbox-icon-default)"
-        }
-      )
-    ]
-  }
-), h1 = ({
-  size: i,
+const n1 = ({
+  size: n,
   class: t,
-  variant: n = "xs"
+  variant: i = "xs"
 }) => {
-  const r = i ?? (n === "xs" ? 14 : 24);
-  return n === "xs" ? /* @__PURE__ */ e(
+  const r = n ?? (i === "xs" ? 14 : 24);
+  return i === "xs" ? /* @__PURE__ */ e(
     "svg",
     {
       width: r,
@@ -82,148 +61,41 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
       )
     }
   );
-}, u1 = (i) => /* @__PURE__ */ V("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ V("g", { clipPath: "url(#clip0_6394_10544)" }, /* @__PURE__ */ V("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__ */ V("defs", null, /* @__PURE__ */ V("clipPath", { id: "clip0_6394_10544" }, /* @__PURE__ */ V("rect", { width: 10, height: 10, fill: "white" })))), r2 = H(
-  ({
-    id: i,
-    label: t,
-    size: n = "m",
-    checked: r,
-    defaultChecked: l,
-    disabled: o = !1,
-    required: s = !1,
-    name: a,
-    value: d,
-    onChange: c,
-    error: h,
-    helper: C,
-    showErrorIcon: v = !0,
-    class: u,
-    "aria-label": L,
-    "aria-labelledby": y,
-    "aria-describedby": _,
-    "aria-invalid": p,
-    ...w
-  }, f) => {
-    const [E, F] = b(!!l), B = r !== void 0, O = B ? !!r : E, R = !!o, Y = !!s, e1 = typeof u == "string" ? u : void 0, t1 = (N) => {
-      B || F(N.target.checked), c?.(N);
-    }, S = C ? `${i}-helper` : void 0, z = h ? `${i}-error` : void 0, i1 = [_, z, S].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ e("div", { class: x("IncodeCheckbox", e1), children: [
-      /* @__PURE__ */ e(
-        "label",
-        {
-          class: x("IncodeCheckboxLabel", {
-            IncodeCheckboxLabelDisabled: R
-          }),
-          htmlFor: i,
-          children: [
-            /* @__PURE__ */ e("div", { class: "relative inline-flex", children: [
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  ref: f,
-                  type: "checkbox",
-                  class: "IncodeCheckboxInput",
-                  id: i,
-                  name: a,
-                  value: d,
-                  ...B ? { checked: r } : { defaultChecked: l },
-                  disabled: o,
-                  required: s,
-                  onChange: t1,
-                  "aria-label": L,
-                  "aria-labelledby": y,
-                  "aria-describedby": i1,
-                  "aria-invalid": p || !!h,
-                  "aria-required": Y,
-                  ...w
-                }
-              ),
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  class: x("IncodeCheckboxVisual", {
-                    IncodeCheckboxVisualChecked: O,
-                    IncodeCheckboxVisualDisabled: R,
-                    IncodeCheckboxVisualError: !!h
-                  }),
-                  children: O && /* @__PURE__ */ e(p1, { size: 28 })
-                }
-              )
-            ] }),
-            t && /* @__PURE__ */ e(
-              "span",
-              {
-                class: x("IncodeCheckboxText", {
-                  IncodeCheckboxTextS: n === "s",
-                  IncodeCheckboxTextM: n === "m",
-                  IncodeCheckboxTextDisabled: R
-                }),
-                "aria-hidden": y ? "true" : void 0,
-                children: [
-                  t,
-                  s && /* @__PURE__ */ e("span", { class: "IncodeCheckboxRequired", "aria-hidden": "true", children: "*" })
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      h && /* @__PURE__ */ e(
-        "div",
-        {
-          class: "IncodeCheckboxMessageWrapper",
-          "data-testid": `${i}-error-wrapper`,
-          children: [
-            v && /* @__PURE__ */ e("div", { class: "IncodeCheckboxIconWrapper", children: /* @__PURE__ */ e(K, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: z, class: "IncodeCheckboxErrorText", children: h })
-          ]
-        }
-      ),
-      C && !h && /* @__PURE__ */ e(
-        "div",
-        {
-          class: "IncodeCheckboxMessageWrapper",
-          "data-testid": `${i}-helper-wrapper`,
-          children: /* @__PURE__ */ e("p", { id: S, class: "IncodeCheckboxHelperText", children: C })
-        }
-      )
-    ] });
-  }
-), f1 = H(
-  (i, t) => {
-    const { class: n, rows: r = 4, ...l } = i;
+}, 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;
     return /* @__PURE__ */ e(
       "textarea",
       {
         ...l,
         ref: t,
         rows: r,
-        class: x("IncodeTextArea", n)
+        class: y("IncodeTextArea", i)
       }
     );
   }
-), I1 = H(
+), o1 = R(
   ({
-    id: i,
+    id: n,
     label: t,
-    "aria-label": n,
+    "aria-label": i,
     error: r,
     showErrorIcon: l,
     helper: o,
-    showHelperIcon: s,
+    showHelperIcon: c,
     required: a,
     rows: d = 4,
-    class: c,
-    ...h
+    class: s,
+    ...g
   }, C) => {
-    const v = `${i}-helper`, u = `${i}-error`, L = [o ? v : null, r ? u : null].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("div", { class: x("IncodeTextAreaComposed", c), children: [
+    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: [
       t && /* @__PURE__ */ e(
         "label",
         {
           class: "IncodeTextAreaComposedLabel",
-          htmlFor: i,
-          "data-testid": `${i}-label`,
+          htmlFor: n,
+          "data-testid": `${n}-label`,
           children: [
             t,
             a && /* @__PURE__ */ e("span", { class: "IncodeTextAreaComposedRequired", children: " *" })
@@ -231,15 +103,15 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
         }
       ),
       /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedWrapper", children: /* @__PURE__ */ e(
-        f1,
+        l1,
         {
-          id: i,
+          id: n,
           rows: d,
-          ...h,
+          ...g,
           ref: C,
           required: a,
-          ...!t && n ? { "aria-label": n } : {},
-          "aria-describedby": L || void 0,
+          ...!t && i ? { "aria-label": i } : {},
+          "aria-describedby": x || void 0,
           "aria-required": a ? "true" : void 0,
           "aria-invalid": r ? "true" : void 0
         }
@@ -248,9 +120,9 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
         "div",
         {
           class: "IncodeTextAreaComposedErrorWrapper",
-          "data-testid": `${i}-error-wrapper`,
+          "data-testid": `${n}-error-wrapper`,
           children: [
-            l && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(K, { size: 17 }) }),
+            l && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(t1, { size: 17 }) }),
             /* @__PURE__ */ e("p", { id: u, class: "IncodeTextAreaComposedError", children: r })
           ]
         }
@@ -259,9 +131,9 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
         "div",
         {
           class: "IncodeTextAreaComposedHelperWrapper",
-          "data-testid": `${i}-helper-wrapper`,
+          "data-testid": `${n}-helper-wrapper`,
           children: [
-            s && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(C1, { size: 17 }) }),
+            c && /* @__PURE__ */ e("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ e(i1, { size: 17 }) }),
             /* @__PURE__ */ e("p", { id: v, class: "IncodeTextAreaComposedHelper", children: o })
           ]
         }
@@ -269,16 +141,16 @@ const p1 = ({ size: i = 28 }) => /* @__PURE__ */ e(
     ] });
   }
 );
-I1.displayName = "TextAreaComposed";
-function v1({
-  children: i
+o1.displayName = "TextAreaComposed";
+function a1({
+  children: n
 }) {
-  return /* @__PURE__ */ e("div", { class: "IncodeVerificationOptionCardList", children: i });
+  return /* @__PURE__ */ e("div", { class: "IncodeVerificationOptionCardList", children: n });
 }
-function m1({
-  icon: i,
+function s1({
+  icon: n,
   title: t,
-  testId: n,
+  testId: i,
   onClick: r,
   tag: l
 }) {
@@ -288,27 +160,27 @@ function m1({
       type: "button",
       class: "IncodeVerificationOptionCard",
       onClick: r,
-      "data-testid": n,
-      "aria-labelledby": `${n}-label`,
+      "data-testid": i,
+      "aria-labelledby": `${i}-label`,
       children: [
         /* @__PURE__ */ e(
           "span",
           {
             class: "IncodeVerificationOptionCardIcon",
             "aria-hidden": "true",
-            "data-testid": `${n}-icon`,
-            children: /* @__PURE__ */ e(i, {})
+            "data-testid": `${i}-icon`,
+            children: /* @__PURE__ */ e(n, {})
           }
         ),
         /* @__PURE__ */ e("span", { class: "IncodeVerificationOptionCardContent", children: [
           /* @__PURE__ */ e(
             "span",
             {
-              id: `${n}-label`,
+              id: `${i}-label`,
               class: "IncodeVerificationOptionCardTitleTagContainer",
               children: [
                 /* @__PURE__ */ e("span", { class: "IncodeVerificationOptionCardTitle", children: t }),
-                l && /* @__PURE__ */ e(g1, { label: l })
+                l && /* @__PURE__ */ e(c1, { label: l })
               ]
             }
           ),
@@ -317,7 +189,7 @@ function m1({
             {
               class: "IncodeVerificationOptionCardArrow",
               "data-testid": "chevron-right-icon",
-              children: /* @__PURE__ */ e(h1, { size: 24, variant: "m" })
+              children: /* @__PURE__ */ e(n1, { size: 24, variant: "m" })
             }
           )
         ] })
@@ -325,13 +197,13 @@ function m1({
     }
   );
 }
-function g1({ label: i }) {
+function c1({ label: n }) {
   return /* @__PURE__ */ e("div", { class: "IncodeVerificationOptionCardTag", children: [
-    /* @__PURE__ */ e(u1, {}),
-    /* @__PURE__ */ e("span", { children: i })
+    /* @__PURE__ */ e(r1, {}),
+    /* @__PURE__ */ e("span", { children: n })
   ] });
 }
-const w1 = ({ className: i }) => /* @__PURE__ */ e(
+const d1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -339,7 +211,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: i,
+    class: n,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e(
@@ -379,7 +251,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), x1 = ({ className: i }) => /* @__PURE__ */ e(
+), C1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -387,7 +259,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: i,
+    class: n,
     "aria-hidden": "true",
     children: /* @__PURE__ */ e(
       "path",
@@ -397,7 +269,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       }
     )
   }
-), L1 = ({ className: i }) => /* @__PURE__ */ e(
+), p1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "24",
@@ -405,7 +277,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: i,
+    class: n,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e(
@@ -438,8 +310,8 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), y1 = ({
-  className: i
+), u1 = ({
+  className: n
 }) => /* @__PURE__ */ e(
   "svg",
   {
@@ -448,7 +320,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: i,
+    class: n,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e(
@@ -489,7 +361,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), _1 = ({ className: i }) => /* @__PURE__ */ e(
+), h1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "64",
@@ -497,7 +369,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
     viewBox: "0 0 64 64",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: i,
+    class: n,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e("circle", { cx: "32", cy: "32", r: "32", fill: "#14151A" }),
@@ -510,14 +382,14 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       )
     ]
   }
-), M1 = ({
-  onClose: i,
+), f1 = ({
+  onClose: n,
   onTakeManually: t
 }) => {
-  const { t: n } = g(), r = m(null), l = () => {
-    t(), i();
+  const { t: i } = m(), r = I(null), l = () => {
+    t(), n();
   };
-  return I(() => {
+  return f(() => {
     r.current?.focus();
   }, []), /* @__PURE__ */ e(
     "div",
@@ -532,20 +404,20 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
           {
             type: "button",
             class: "IncodeCommonIssuesCloseButton",
-            onClick: i,
-            "aria-label": n("commonIssues.close"),
-            children: /* @__PURE__ */ e(x1, {})
+            onClick: n,
+            "aria-label": i("commonIssues.close"),
+            children: /* @__PURE__ */ e(C1, {})
           }
         ) }),
         /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesContent", children: [
           /* @__PURE__ */ e(
-            _1,
+            h1,
             {
               className: "IncodeCommonIssuesQuestionIcon",
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ e(Z, { size: 12 }),
+          /* @__PURE__ */ e(_, { size: 12 }),
           /* @__PURE__ */ e(
             "h2",
             {
@@ -553,65 +425,65 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
               id: "common-issues-title",
               class: "IncodeCommonIssuesTitle",
               tabIndex: -1,
-              children: n("commonIssues.commonIssues")
+              children: i("commonIssues.commonIssues")
             }
           ),
-          /* @__PURE__ */ e(Z, { size: 24 }),
+          /* @__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(L1, {}) }),
+              /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(p1, {}) }),
               /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
-                /* @__PURE__ */ e("h3", { class: "IncodeCommonIssuesCardTitle", children: n("commonIssues.glarePresent") }),
-                /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: n("commonIssues.glarePresentDescription") })
+                /* @__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(w1, {}) }),
+              /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(d1, {}) }),
               /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
-                /* @__PURE__ */ e("h3", { class: "IncodeCommonIssuesCardTitle", children: n("commonIssues.blurPresent") }),
-                /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: n("commonIssues.blurPresentDescription") })
+                /* @__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(y1, {}) }),
+              /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", "aria-hidden": "true", children: /* @__PURE__ */ e(u1, {}) }),
               /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
-                /* @__PURE__ */ e("h3", { class: "IncodeCommonIssuesCardTitle", children: n("commonIssues.notReadable") }),
-                /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: n("commonIssues.notReadableDescription") })
+                /* @__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(
-              k,
+              D,
               {
                 variant: "link",
                 onClick: l,
                 class: "IncodeCommonIssuesTakeManually",
-                children: n("commonIssues.takeManually")
+                children: i("commonIssues.takeManually")
               }
             ),
-            /* @__PURE__ */ e(k, { onClick: i, class: "IncodeCommonIssuesTryAgain", children: n("commonIssues.tryAgain") })
+            /* @__PURE__ */ e(D, { onClick: n, class: "IncodeCommonIssuesTryAgain", children: i("commonIssues.tryAgain") })
           ] })
         ] })
       ] })
     }
   );
-}, b1 = ({
-  orientation: i,
+}, I1 = ({
+  orientation: n,
   mode: t,
-  state: n,
+  state: i,
   children: r,
   className: l
 }) => {
-  const o = i !== "vertical" || t === "passport", s = t === "passport", a = `IncodeCaptureFrame${n.charAt(0).toUpperCase() + n.slice(1)}`;
+  const o = n !== "vertical" || t === "passport", c = t === "passport", a = `IncodeCaptureFrame${i.charAt(0).toUpperCase() + i.slice(1)}`;
   return /* @__PURE__ */ e(
     "div",
     {
-      class: x(
+      class: y(
         "IncodeCaptureFrame",
         o ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
         a,
-        s && "IncodeCaptureFramePassport",
+        c && "IncodeCaptureFramePassport",
         l
       ),
       "aria-hidden": "true",
@@ -619,72 +491,72 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       children: r
     }
   );
-}, q = ({
-  imageUrl: i,
+}, N = ({
+  imageUrl: n,
   orientation: t,
-  mode: n,
+  mode: i,
   borderState: r,
   topContent: l,
   bottomContent: o,
-  overlayContent: s
+  overlayContent: c
 }) => {
-  const { t: a } = g();
-  return /* @__PURE__ */ e(D, { hideHeader: !0, hideFooterBranding: !0, children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayout", children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayoutContent", children: [
+  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: [
     l && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingTopArea", children: l }),
     /* @__PURE__ */ e(
-      b1,
+      I1,
       {
         orientation: t,
-        mode: n === "id" ? "front" : n,
+        mode: i === "id" ? "front" : i,
         state: r,
         children: [
           /* @__PURE__ */ e(
             "img",
             {
-              src: i,
+              src: n,
               alt: "",
               "aria-hidden": "true",
               class: "IncodeIdProcessingImage"
             }
           ),
-          s && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingOverlay", "aria-hidden": "true", children: s })
+          c && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingOverlay", "aria-hidden": "true", children: c })
         ]
       }
     ),
     /* @__PURE__ */ e("div", { class: "IncodeIdProcessingBottomArea", children: [
       /* @__PURE__ */ e("div", { class: "IncodeCaptureEncryptionLabel", children: [
-        /* @__PURE__ */ e(n1, { className: "IncodeCaptureEncryptionIcon" }),
+        /* @__PURE__ */ e(K, { className: "IncodeCaptureEncryptionIcon" }),
         /* @__PURE__ */ e("span", { children: a("v2.capture.label") })
       ] }),
       o
     ] })
   ] }) }) });
-}, B1 = ({
-  imageUrl: i,
+}, m1 = ({
+  imageUrl: n,
   progress: t,
-  orientation: n,
+  orientation: i,
   mode: r
 }) => {
-  const { t: l } = g(), o = m(null), s = n !== "vertical" || r === "passport", [a, d] = b(null);
-  return I(() => {
+  const { t: l } = m(), o = I(null), c = i !== "vertical" || r === "passport", [a, d] = M(null);
+  return f(() => {
     o.current?.focus();
-  }, []), I(() => {
-    s ? import("./id-laser-h-BBV3r3rz.js").then((c) => {
-      d(c.default);
-    }) : import("./id-laser-v-BTHJaSfx.js").then((c) => {
-      d(c.default);
+  }, []), f(() => {
+    c ? import("./id-laser-h-BBV3r3rz.js").then((s) => {
+      d(s.default);
+    }) : import("./id-laser-v-BTHJaSfx.js").then((s) => {
+      d(s.default);
     });
-  }, [s]), /* @__PURE__ */ e(
-    q,
+  }, [c]), /* @__PURE__ */ e(
+    N,
     {
-      imageUrl: i,
-      orientation: n,
+      imageUrl: n,
+      orientation: i,
       mode: r,
       borderState: "analyzing",
       topContent: /* @__PURE__ */ e("div", { class: "IncodeAnalyzingContent", children: [
-        /* @__PURE__ */ e(r1, { progress: t }),
+        /* @__PURE__ */ e(j, { progress: t }),
         /* @__PURE__ */ e(
-          P,
+          H,
           {
             ref: o,
             id: "analyzing-title",
@@ -695,7 +567,7 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
         )
       ] }),
       overlayContent: a ? /* @__PURE__ */ e(
-        A,
+        k,
         {
           animationData: a,
           loop: !0,
@@ -704,10 +576,10 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       ) : null
     }
   );
-}, Z1 = ({ className: i, ...t }) => /* @__PURE__ */ e(
+}, g1 = ({ className: n, ...t }) => /* @__PURE__ */ e(
   "svg",
   {
-    class: i,
+    class: n,
     width: "32",
     height: "32",
     viewBox: "0 0 32 32",
@@ -723,10 +595,10 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       }
     )
   }
-), Q = ({ className: i, ...t }) => /* @__PURE__ */ e(
+), G = ({ className: n, ...t }) => /* @__PURE__ */ e(
   "svg",
   {
-    class: i,
+    class: n,
     width: "33",
     height: "32",
     viewBox: "0 0 33 32",
@@ -742,80 +614,80 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       }
     )
   }
-), J = ({
-  variant: i,
+), $ = ({
+  variant: n,
   imageUrl: t,
-  orientation: n,
+  orientation: i,
   mode: r,
   title: l,
   subtitle: o,
-  buttonText: s,
+  buttonText: c,
   onButtonClick: a,
   attemptsRemaining: d
 }) => {
-  const { t: c } = g(), h = m(null);
-  return I(() => {
-    h.current?.focus();
+  const { t: s } = m(), g = I(null);
+  return f(() => {
+    g.current?.focus();
   }, []), /* @__PURE__ */ e(
-    q,
+    N,
     {
       imageUrl: t,
-      orientation: n,
+      orientation: i,
       mode: r,
-      borderState: i,
+      borderState: n,
       topContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultContent", role: "status", children: [
-        i === "success" ? /* @__PURE__ */ e(Z1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(Q, { className: "IncodeIdProcessingResultIcon" }),
-        /* @__PURE__ */ e(Z, { size: 16 }),
+        n === "success" ? /* @__PURE__ */ e(g1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(G, { className: "IncodeIdProcessingResultIcon" }),
+        /* @__PURE__ */ e(_, { size: 16 }),
         l && /* @__PURE__ */ e(
-          P,
+          H,
           {
-            ref: h,
+            ref: g,
             className: "IncodeIdProcessingResultTitle",
             tabIndex: -1,
             children: l
           }
         ),
-        o && /* @__PURE__ */ e($, { children: [
-          /* @__PURE__ */ e(Z, { 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: [
-        d !== void 0 && d > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: c("v2.idError.attemptsLeft", {
+        d !== void 0 && d > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: s("v2.idError.attemptsLeft", {
           count: d
         }) }),
-        /* @__PURE__ */ e(k, { onClick: a, "data-testid": "retry-button", children: s })
+        /* @__PURE__ */ e(D, { onClick: a, "data-testid": "retry-button", children: c })
       ] })
     }
   );
-}, E1 = ({ manager: i, state: t }) => {
-  const { t: n } = g();
+}, v1 = ({ manager: n, state: t }) => {
+  const { t: i } = m();
   if (!t.previewImageUrl)
     return null;
-  const r = t.currentMode === "passport" ? "passport" : "id", l = () => t.needsBackCapture ? n("v2.idSuccess.subtitle") : t.needsFrontCapture ? n("idv2.capture.processing.successBackSubtitleScanFront") : n("v2.idSuccess.subtitleBack"), o = () => t.needsBackCapture ? n("idv2.capture.processing.scanBack") : t.needsFrontCapture ? n("idv2.capture.processing.scanFront") : n("idv2.capturePreview.continue");
+  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");
   return /* @__PURE__ */ e(
-    J,
+    $,
     {
       variant: "success",
       imageUrl: t.previewImageUrl,
       orientation: t.orientation,
       mode: r,
-      title: n("v2.idSuccess.title"),
+      title: i("v2.idSuccess.title"),
       subtitle: l(),
       buttonText: o(),
-      onButtonClick: () => i.nextStep()
+      onButtonClick: () => n.nextStep()
     }
   );
-}, V1 = ({ manager: i, state: t, ...n }) => {
-  const { t: r } = g();
+}, w1 = ({ manager: n, state: t, ...i }) => {
+  const { t: r } = m();
   if (t.status === "error")
     return /* @__PURE__ */ e("div", { class: "IncodeIdError", role: "alert", children: [
       /* @__PURE__ */ e("div", { class: "IncodeIdErrorMessage", children: t.error }),
-      /* @__PURE__ */ e(k, { onClick: () => i.reset(), "data-testid": "retry-button", children: r("idv2.capturePreview.retry") })
+      /* @__PURE__ */ e(D, { onClick: () => n.reset(), "data-testid": "retry-button", children: r("idv2.capturePreview.retry") })
     ] });
   const l = t.currentMode === "passport" ? "passport" : "id";
   return t.previewImageUrl ? /* @__PURE__ */ e(
-    J,
+    $,
     {
       variant: "error",
       imageUrl: t.previewImageUrl,
@@ -824,137 +696,137 @@ const w1 = ({ className: i }) => /* @__PURE__ */ e(
       title: t.uploadErrorMessage,
       subtitle: t.uploadErrorDescription,
       buttonText: t.canRetry ? r("idv2.capturePreview.tryAgain") : r("idv2.capturePreview.continue"),
-      onButtonClick: () => i.continueFromError(),
+      onButtonClick: () => n.continueFromError(),
       attemptsRemaining: t.attemptsRemaining
     }
   ) : null;
-}, l2 = ({ manager: i }) => {
-  const { t } = g(), n = m(null);
-  I(() => {
-    n.current?.focus();
+}, q1 = ({ manager: n }) => {
+  const { t } = m(), i = I(null);
+  f(() => {
+    i.current?.focus();
   }, []);
   const r = () => {
-    i.retryCapture();
+    n.retryCapture();
   };
-  return /* @__PURE__ */ e(D, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
+  return /* @__PURE__ */ e(F, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
     /* @__PURE__ */ e("div", { class: "IncodeIdExpiredContent", role: "alert", children: [
-      /* @__PURE__ */ e(Q, { className: "IncodeIdExpiredIcon" }),
-      /* @__PURE__ */ e(P, { ref: n, tabIndex: -1, className: "IncodeIdExpiredTitle", children: t("idv2.capture.notifications.expiredId") }),
-      /* @__PURE__ */ e(Z, { size: 12 }),
+      /* @__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("p", { class: "IncodeIdExpiredSubtitle", children: t("idv2.capture.notifications.useDifferent") }),
-      /* @__PURE__ */ e(Z, { size: 80 })
+      /* @__PURE__ */ e(_, { size: 80 })
     ] }),
-    /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(k, { variant: "primary", onClick: r, children: t("idv2.unacceptedId.tryAgain") }) })
+    /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(D, { variant: "primary", onClick: r, children: t("idv2.unacceptedId.tryAgain") }) })
   ] });
-}, M = /* @__PURE__ */ new Map();
-let G = !1;
-const T = {
+}, L = /* @__PURE__ */ new Map();
+let A = !1;
+const b = {
   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 X(i) {
-  G || (G = !0, Promise.all([
-    T.blur(),
-    T.glare(),
-    T.align(),
-    T.front(),
-    T.back()
-  ]).then(([t, n, r, l, o]) => {
-    M.set("blur", t.default), M.set("glare", n.default), M.set("align", r.default), M.set("front", l.default), M.set("back", o.default), i?.();
+function W(n) {
+  A || (A = !0, Promise.all([
+    b.blur(),
+    b.glare(),
+    b.align(),
+    b.front(),
+    b.back()
+  ]).then(([t, i, r, l, o]) => {
+    L.set("blur", t.default), L.set("glare", i.default), L.set("align", r.default), L.set("front", l.default), L.set("back", o.default), n?.();
   }).catch(() => {
   }));
 }
-function T1() {
-  X();
+function L1() {
+  W();
 }
-function k1() {
-  I(() => {
-    T1();
+function x1() {
+  f(() => {
+    L1();
   }, []);
 }
-function D1(i, t) {
-  const { t: n } = g(), [, r] = b(0);
-  if (I(() => {
-    X(() => r((l) => l + 1));
-  }, []), i === "blur")
+function y1(n, t) {
+  const { t: i } = m(), [, r] = M(0);
+  if (f(() => {
+    W(() => r((l) => l + 1));
+  }, []), n === "blur")
     return {
-      title: n("idv2.capture.notifications.blur.title"),
-      description: n("idv2.capture.notifications.blur.description"),
-      animationData: M.get("blur") ?? null
+      title: i("idv2.capture.notifications.blur.title"),
+      description: i("idv2.capture.notifications.blur.description"),
+      animationData: L.get("blur") ?? null
     };
-  if (i === "glare")
+  if (n === "glare")
     return {
-      title: n("idv2.capture.notifications.glare.title"),
-      description: n("idv2.capture.notifications.glare.description"),
-      animationData: M.get("glare") ?? null
+      title: i("idv2.capture.notifications.glare.title"),
+      description: i("idv2.capture.notifications.glare.description"),
+      animationData: L.get("glare") ?? null
     };
-  if (i === "farAway")
+  if (n === "farAway")
     return {
-      title: n("idv2.capture.notifications.notAligned.title"),
-      description: n("idv2.capture.notifications.notAligned.description"),
-      animationData: M.get("align") ?? null
+      title: i("idv2.capture.notifications.notAligned.title"),
+      description: i("idv2.capture.notifications.notAligned.description"),
+      animationData: L.get("align") ?? null
     };
-  if (i === "wrongSide") {
+  if (n === "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: M.get(l ? "back" : "front") ?? null
+      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"),
+      animationData: L.get(l ? "back" : "front") ?? null
     };
   }
   return null;
 }
-const F1 = ({
-  detectionStatus: i,
+const _1 = ({
+  detectionStatus: n,
   mode: t,
-  isCapturing: n
+  isCapturing: i
 }) => {
-  const { t: r } = g(), l = D1(i, t), o = m(null), s = m({
+  const { t: r } = m(), l = y1(n, t), o = I(null), c = I({
     message: "",
     at: 0
-  }), a = m(i), d = m(!1), c = m(), h = m(), C = i === "detecting" || i === "idNotDetected" || i === "manualCapture", v = i === "manualCapture", u = i === "wrongSide", L = i === "farAway", y = i === "glare", _ = i === "blur", p = U((f) => {
-    const E = Date.now(), F = s.current;
-    if (f === F.message && E - F.at < 200) return;
-    s.current = { message: f, at: E };
-    const B = o.current;
-    B && (clearTimeout(c.current), B.textContent = "", h.current = setTimeout(() => {
-      B.textContent = f, c.current = setTimeout(() => {
-        B.textContent = "";
+  }), 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 = "";
       }, 3e3);
     }, 50));
-  }, []), w = U(() => r(t === "passport" ? "idv2.capture.fillFramePassport" : t === "back" ? "idv2.capture.v2.fillFrameBack" : "idv2.capture.v2.fillFrameFront"), [t, r]);
-  return I(() => {
+  }, []), 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;
       return;
     }
     if (d.current || !C) return;
-    const f = setTimeout(() => {
+    const h = setTimeout(() => {
       d.current = !0, p(w());
     }, 500);
-    return () => clearTimeout(f);
-  }, [C, v, p, w]), I(() => {
-    const f = a.current;
-    a.current = i, f !== "manualCapture" && v && p(r("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
-  }, [p, i, v, r]), I(() => {
-    if (!n) {
+    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) {
       if (u) {
-        const E = t === "front" || t === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
-        p(`${r(`${E}.title`)}. ${r(`${E}.description`)}`);
+        const V = t === "front" || t === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
+        p(`${r(`${V}.title`)}. ${r(`${V}.description`)}`);
         return;
       }
-      if (L) {
+      if (x) {
         p(`${r("idv2.capture.notifications.notAligned.title")}.`);
         return;
       }
-      if (y) {
+      if (B) {
         p(`${r("idv2.capture.notifications.glare.title")}.`);
         return;
       }
-      if (_) {
+      if (Z) {
         p(`${r("idv2.capture.notifications.blur.title")}.`);
         return;
       }
@@ -962,18 +834,18 @@ const F1 = ({
     }
   }, [
     p,
-    _,
-    n,
-    L,
-    y,
+    Z,
+    i,
+    x,
+    B,
     C,
     u,
     t,
     r,
     w
-  ]), I(() => () => {
-    clearTimeout(h.current), clearTimeout(c.current);
-  }, []), /* @__PURE__ */ e($, { children: [
+  ]), f(() => () => {
+    clearTimeout(g.current), clearTimeout(s.current);
+  }, []), /* @__PURE__ */ e(O, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -983,72 +855,72 @@ const F1 = ({
         "aria-atomic": "true"
       }
     ),
-    l ? /* @__PURE__ */ e("div", { class: x("IncodeIdCaptureNotification"), "aria-hidden": "true", children: /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationContent", children: [
-      /* @__PURE__ */ e("div", { class: x("IncodeIdCaptureNotificationText"), children: [
+    l ? /* @__PURE__ */ e("div", { class: y("IncodeIdCaptureNotification"), "aria-hidden": "true", children: /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationContent", children: [
+      /* @__PURE__ */ e("div", { class: y("IncodeIdCaptureNotificationText"), children: [
         /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationTitle", children: l.title }),
         l.description && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationDescription", children: l.description })
       ] }),
-      /* @__PURE__ */ e(Z, { size: 16, direction: "horizontal" }),
-      l.animationData && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ e(A, { animationData: l.animationData, loop: !0 }) })
+      /* @__PURE__ */ e(_, { size: 16, direction: "horizontal" }),
+      l.animationData && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ e(k, { animationData: l.animationData, loop: !0 }) })
     ] }) }) : null
   ] });
-}, H1 = H(
+}, M1 = R(
   ({
-    mode: i,
+    mode: n,
     orientation: t,
-    detectionStatus: n,
+    detectionStatus: i,
     counterValue: r,
     isCapturing: l,
     showManualCapture: o,
-    onCapture: s,
+    onCapture: c,
     onOpenHelp: a,
     helpButtonRef: d,
-    captureButtonRef: c
-  }, h) => {
-    const { t: C } = g();
-    k1(), I(() => {
-      o && c && c.current?.focus();
-    }, [o, c]);
-    const v = () => l || n === "capturing" ? "capturing" : n === "blur" || n === "glare" || n === "wrongSide" || n === "farAway" ? "error" : "idle", u = W(() => {
-      if (l || n === "capturing")
+    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")
         return {
           title: C("idv2.capture.takingPhoto"),
           subtitle: C("idv2.capture.dontMove")
         };
-      if (n === "detecting" || n === "idNotDetected" || n === "manualCapture") {
-        const f = n === "manualCapture";
-        return i === "passport" ? {
+      if (i === "detecting" || i === "idNotDetected" || i === "manualCapture") {
+        const h = i === "manualCapture";
+        return n === "passport" ? {
           title: C("idv2.capture.fillFramePassport"),
-          subtitle: f ? "" : C("idv2.capture.v2.autoCapture")
-        } : i === "back" ? {
+          subtitle: h ? "" : C("idv2.capture.v2.autoCapture")
+        } : n === "back" ? {
           title: C("idv2.capture.v2.fillFrameBack"),
-          subtitle: f ? "" : C("idv2.capture.v2.autoCapture")
+          subtitle: h ? "" : C("idv2.capture.v2.autoCapture")
         } : {
           title: C("idv2.capture.v2.fillFrameFront"),
-          subtitle: f ? "" : C("idv2.capture.v2.autoCapture")
+          subtitle: h ? "" : C("idv2.capture.v2.autoCapture")
         };
       }
       return null;
-    }, [l, n, i, C]), L = v(), y = i === "passport", _ = t !== "vertical" || y, p = _ ? "horizontal" : "vertical";
+    }, [l, i, n, C]), x = v(), B = n === "passport", Z = t !== "vertical" || B, p = Z ? "horizontal" : "vertical";
     return /* @__PURE__ */ e(
-      s1,
+      X,
       {
-        className: x(
+        className: y(
           "IncodeCaptureOverlayId",
-          !_ && "IncodeCaptureOverlayVertical"
+          !Z && "IncodeCaptureOverlayVertical"
         ),
         children: [
           /* @__PURE__ */ e("div", { class: "IncodeCaptureTopSection", children: [
             /* @__PURE__ */ e(
-              F1,
+              _1,
               {
-                detectionStatus: n,
-                mode: i,
+                detectionStatus: i,
+                mode: n,
                 isCapturing: l
               }
             ),
             /* @__PURE__ */ e(
-              l1,
+              q,
               {
                 title: u?.title ?? "",
                 subtitle: u?.subtitle,
@@ -1058,25 +930,25 @@ const F1 = ({
             )
           ] }),
           /* @__PURE__ */ e(
-            o1,
+            Q,
             {
-              ref: h,
+              ref: g,
               variant: "locked",
               orientation: p,
-              frameState: L,
-              className: x(y && "IncodeCaptureFramePassport"),
+              frameState: x,
+              className: y(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(
-            a1,
+            J,
             {
               onOpenHelp: a,
-              onCapture: s,
+              onCapture: c,
               isManualCapture: o,
               helpButtonRef: d,
-              captureButtonRef: c,
+              captureButtonRef: s,
               captureAriaDescribedBy: o ? "manual-capture-tooltip" : void 0,
               children: o ? /* @__PURE__ */ e("div", { class: "IncodeIdManualCaptureTooltipContainer", children: /* @__PURE__ */ e(
                 "div",
@@ -1096,14 +968,14 @@ const F1 = ({
       }
     );
   }
-), o2 = ({ manager: i, state: t }) => {
-  const { t: n } = g();
+), Q1 = ({ manager: n, state: t }) => {
+  const { t: i } = m();
   if (t.captureStatus === "initializing")
-    return /* @__PURE__ */ e(D, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(j, { size: "large", title: `${n("webcam.loading")}...` }) });
+    return /* @__PURE__ */ e(F, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(z, { size: "large", title: `${i("webcam.loading")}...` }) });
   if (t.captureStatus === "uploading" && t.previewImageUrl) {
     const r = t.currentMode === "passport" ? "passport" : "id";
     return /* @__PURE__ */ e(
-      B1,
+      m1,
       {
         imageUrl: t.previewImageUrl,
         progress: t.uploadProgress ?? 0,
@@ -1112,102 +984,102 @@ const F1 = ({
       }
     );
   }
-  return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(E1, { manager: i, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(V1, { manager: i, state: t }) : /* @__PURE__ */ e(P1, { manager: i, state: t });
-}, P1 = ({ manager: i, state: t }) => {
-  const n = m(null), r = m(null), l = m(null), o = m(null), [s, a] = b(!1), [d, c] = b(!1);
-  I(() => {
-    const p = n.current;
+  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) {
-      c(!1);
+      s(!1);
       return;
     }
-    c(!1);
-    const w = () => c(!0);
+    s(!1);
+    const w = () => s(!0);
     return p.addEventListener("playing", w), p.srcObject = t.stream, p.play().catch(() => {
     }), () => p.removeEventListener("playing", w);
-  }, [t.stream]), I(() => {
+  }, [t.stream]), f(() => {
     const p = () => {
       const w = r.current;
       if (!w)
         return;
-      const f = w.getBoundingClientRect();
-      i.updateDetectionArea({
-        x: f.left,
-        y: f.top,
-        width: f.width,
-        height: f.height
+      const h = w.getBoundingClientRect();
+      n.updateDetectionArea({
+        x: h.left,
+        y: h.top,
+        width: h.width,
+        height: h.height
       });
     };
     return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
-  }, [i, t.orientation, d]);
-  const h = t.captureStatus === "capturing" || t.detectionStatus === "capturing", C = t.detectionStatus, v = C === "manualCapture" || t.showCaptureButtonInAuto && t.captureStatus === "detecting" && C !== "capturing", u = () => {
+  }, [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);
-  }, L = () => {
+  }, x = () => {
     a(!1), requestAnimationFrame(() => {
       o.current ? o.current.focus() : l.current?.focus();
     });
-  }, y = () => {
-    a(!1), i.switchToManualCapture();
-  }, _ = () => {
-    i.capture();
+  }, B = () => {
+    a(!1), n.switchToManualCapture();
+  }, Z = () => {
+    n.capture();
   };
-  return /* @__PURE__ */ e(D, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: [
-    /* @__PURE__ */ e(c1, { stream: t.stream, "aria-hidden": s || void 0, children: /* @__PURE__ */ e(
-      H1,
+  return /* @__PURE__ */ e(F, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: [
+    /* @__PURE__ */ e(Y, { stream: t.stream, "aria-hidden": c || void 0, children: /* @__PURE__ */ e(
+      M1,
       {
         ref: r,
         mode: t.currentMode,
         orientation: t.orientation,
         detectionStatus: t.detectionStatus,
         counterValue: t.counterValue,
-        isCapturing: h,
+        isCapturing: g,
         showManualCapture: v,
-        onCapture: _,
+        onCapture: Z,
         onOpenHelp: u,
         helpButtonRef: l,
         captureButtonRef: o
       }
     ) }),
-    s && /* @__PURE__ */ e(
-      M1,
+    c && /* @__PURE__ */ e(
+      f1,
       {
-        onClose: L,
-        onTakeManually: y
+        onClose: x,
+        onTakeManually: B
       }
     )
   ] });
-}, a2 = ({ manager: i, state: t }) => {
-  const { t: n } = g(), [r, l] = b(!1), [o, s] = b(null), a = t.selectedDocumentType === "passport", d = t.currentMode === "back";
-  if (I(() => {
+}, J1 = ({ manager: n, state: t }) => {
+  const { t: i } = m(), [r, l] = M(!1), [o, c] = M(null), a = t.selectedDocumentType === "passport", d = t.currentMode === "back";
+  if (f(() => {
     a ? import("./passport-tutorial-CaYBFTqt.js").then((u) => {
-      s(u.default);
+      c(u.default);
     }) : d ? import("./back-tutorial-An9AcMSe.js").then((u) => {
-      s(u.default);
+      c(u.default);
     }) : import("./id-tutorial-B-F5Q28m.js").then((u) => {
-      s(u.default);
+      c(u.default);
     });
   }, [a, d]), !o)
     return null;
-  const c = n(a ? "idv2.capture.passport.title" : d ? "idv2.backTutorial.title" : "idv2.tutorial.v2.title"), h = n(a ? "idv2.capture.passport.subtitle" : d ? "idv2.backTutorial.subtitle" : "idv2.tutorial.subtitle"), C = n(d ? "idv2.backTutorial.disclaimer" : "idv2.tutorial.v2.autocapture");
+  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");
   return /* @__PURE__ */ e(
-    d1,
+    e1,
     {
       animationData: o,
-      title: c,
-      subtitle: h,
+      title: s,
+      subtitle: g,
       onContinue: () => {
-        l(!0), i.nextStep();
+        l(!0), n.nextStep();
       },
-      buttonText: n("idv2.tutorial.startScan"),
+      buttonText: i("idv2.tutorial.startScan"),
       disclaimerText: C,
       isLoading: r,
-      className: x(
+      className: y(
         "IncodeIdTutorial",
         a ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"
       )
     }
   );
-}, R1 = () => /* @__PURE__ */ e(
+}, Z1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "119",
@@ -1401,7 +1273,7 @@ const F1 = ({
       ] })
     ]
   }
-), U1 = () => /* @__PURE__ */ e(
+), E1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "118",
@@ -1706,7 +1578,7 @@ const F1 = ({
       ] })
     ]
   }
-), A1 = () => /* @__PURE__ */ e(
+), V1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "60",
@@ -1917,7 +1789,7 @@ const F1 = ({
       ] })
     ]
   }
-), O1 = () => /* @__PURE__ */ e(
+), b1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "60",
@@ -2123,7 +1995,7 @@ const F1 = ({
       ] })
     ]
   }
-), S1 = () => /* @__PURE__ */ e(
+), D1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "61",
@@ -2432,30 +2304,30 @@ const F1 = ({
       ] })
     ]
   }
-), z1 = {
+), F1 = {
   digitalIdUpload: {
     type: "digitalIdUpload",
-    icon: S1,
+    icon: D1,
     title: "idv2.chooser.digitalIdUploadButtonTitle",
     testId: "verification-option-digitalIdUpload",
     weight: 1
   },
   id: {
     type: "id",
-    icon: R1,
+    icon: Z1,
     title: "idv2.chooser.idButtonTitle",
     testId: "verification-option-id",
     weight: 2
   },
   passport: {
     type: "passport",
-    icon: U1,
+    icon: E1,
     title: "idv2.chooser.passportButtonTitle",
     testId: "verification-option-passport",
     weight: 3
   },
   digitalId: {
-    icon: A1,
+    icon: V1,
     title: "idv2.chooser.digitalIdButtonTitle",
     testId: "verification-option-digitalId",
     type: "digitalId",
@@ -2463,65 +2335,65 @@ const F1 = ({
   },
   manualIdUpload: {
     type: "manualIdUpload",
-    icon: O1,
+    icon: b1,
     title: "idv2.chooser.manualUploadButtonTitle",
     testId: "verification-option-manualIdUpload",
     weight: 5
   }
 };
-function N1(i) {
-  const t = (n, r) => {
-    const l = z1[r];
-    return l && n.push(l), n;
+function T1(n) {
+  const t = (i, r) => {
+    const l = F1[r];
+    return l && i.push(l), i;
   };
-  return i.reduce(t, []).sort((n, r) => n.weight - r.weight);
+  return n.reduce(t, []).sort((i, r) => i.weight - r.weight);
 }
-const s2 = ({ manager: i, state: t }) => {
-  const { t: n } = g(), r = W(
-    () => N1(t.availableDocumentTypes),
+const X1 = ({ manager: n, state: t }) => {
+  const { t: i } = m(), r = S(
+    () => T1(t.availableDocumentTypes),
     [t.availableDocumentTypes]
   ), l = (o) => {
-    i.selectDocument(o);
+    n.selectDocument(o);
   };
   return /* @__PURE__ */ e(
-    D,
+    F,
     {
-      title: n("idv2.chooser.chooseHowToVerifyTitle"),
+      title: i("idv2.chooser.chooseHowToVerifyTitle"),
       "data-testid": "document-chooser-page",
       className: "IncodeChooserPage",
-      children: /* @__PURE__ */ e("div", { class: "IncodeChooserContainer", children: /* @__PURE__ */ e(v1, { children: r.map((o) => /* @__PURE__ */ e(
-        m1,
+      children: /* @__PURE__ */ e("div", { class: "IncodeChooserContainer", children: /* @__PURE__ */ e(a1, { children: r.map((o) => /* @__PURE__ */ e(
+        s1,
         {
           icon: o.icon,
-          title: n(o.title),
+          title: i(o.title),
           testId: o.testId,
-          tag: o.tag ? n(o.tag) : void 0,
+          tag: o.tag ? i(o.tag) : void 0,
           onClick: () => l(o.type)
         },
         o.type
       )) }) })
     }
   );
-}, c2 = ({
-  manager: i,
+}, Y1 = ({
+  manager: n,
   direction: t
 }) => {
-  const [n, r] = b(null), [l, o] = b(!1), { t: s } = g();
-  I(() => {
-    import("./flip-animation-COR596wy.js").then((c) => {
-      r(c.default);
+  const [i, r] = M(null), [l, o] = M(!1), { t: c } = m();
+  f(() => {
+    import("./flip-animation-COR596wy.js").then((s) => {
+      r(s.default);
     });
   }, []);
-  const a = U(async () => {
-    await new Promise((c) => setTimeout(c, 1e3)), t === "toBack" ? i.continueToBack() : i.continueToFront(), o(!0);
-  }, [t, i]);
-  return l ? /* @__PURE__ */ e(j, { size: "large" }) : n ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
-    /* @__PURE__ */ e(P, { role: "status", className: "IncodeFlipAnimationTitle", children: s(t === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront") }),
-    /* @__PURE__ */ e(Z, { size: 32 }),
+  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 }),
     /* @__PURE__ */ e(
-      A,
+      k,
       {
-        animationData: n,
+        animationData: i,
         loop: !1,
         reverse: t === "toFront",
         onComplete: a
@@ -2530,18 +2402,16 @@ const s2 = ({ manager: i, state: t }) => {
   ] }) : null;
 };
 export {
-  r2 as C,
-  c2 as F,
-  V1 as I,
-  u1 as S,
-  f1 as T,
-  v1 as V,
-  I1 as a,
-  o2 as b,
-  a2 as c,
-  s2 as d,
-  l2 as e,
-  m1 as f,
-  p1 as g,
-  h1 as h
+  Q1 as C,
+  Y1 as F,
+  w1 as I,
+  r1 as S,
+  l1 as T,
+  a1 as V,
+  o1 as a,
+  J1 as b,
+  X1 as c,
+  q1 as d,
+  s1 as e,
+  n1 as f
 };