@incodetech/web 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/selfie/selfie.es.js

@@ -1,11 +1,32 @@
-import { u as e, S as c, B as C, b as _, L as w, a as O } from "../button-DeMZ_34N.js";
-import { createSelfieManager as M } from "@incodetech/core/selfie";
-import { u as d, T as y } from "../title-ng7q7YDh.js";
-import { P as u, g as A, r as P, a as b, I as x } from "../incodeModule-DFQUQvfY.js";
+import { u as e, S as c, B as C, c as _, L as w, r as O, a as M } from "../incodeModule-Dv8Qllrv.js";
+import { createSelfieManager as y } from "@incodetech/core/selfie";
+import { u as d, T as A } from "../title-BfO5Dlzk.js";
+import { P as u, g as P, r as x, I as b } from "../page-CSoG4tGT.js";
 import { getBrowser as B, getDeviceClass as N } from "@incodetech/core";
 import { k as E, g as K, d as v, A as T, y as I } from "../vendor-preact-CK0WeTOR.js";
-/* empty css                      */
-const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permissions-img-83924a96.svg", V = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/android-dots-icon-846d605c.svg", k = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/android-settings-icon-8bd49c8d.svg", H = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/android-toggle-icon-03e22d7a.svg", U = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/chrome-icon-4c3b130c.svg", z = () => /* @__PURE__ */ e(
+import "../instance-B-q0ZREN.js";
+const F = ({ size: i = 64 }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: i,
+    height: i,
+    viewBox: "0 0 16 17",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: "IncodeSuccessIcon",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ e("title", { children: "status" }),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M8 0.5C12.4182 0.500064 16 4.0818 16 8.5C16 12.9182 12.4181 16.4999 8 16.5C3.58181 16.5 3.68521e-05 12.9182 0 8.5C0 4.08176 3.58179 0.5 8 0.5ZM11.1748 6.11621C10.9423 5.88373 10.5747 5.86781 10.3242 6.06934L10.3203 6.07324L10.2764 6.1123L6.85742 9.53125L5.72656 8.40039C5.47758 8.1514 5.0732 8.1514 4.82422 8.40039C4.59169 8.63292 4.57673 9.00038 4.77832 9.25098L4.78125 9.25488L4.82031 9.29883L6.40625 10.8848C6.63867 11.117 7.00542 11.1319 7.25586 10.9307L7.26074 10.9277L7.30371 10.8877L11.1748 7.01758C11.4235 6.76863 11.4234 6.36521 11.1748 6.11621Z",
+          fill: "var(--icon-status-positive-static)"
+        }
+      )
+    ]
+  }
+), V = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/permissions-img-83924a96.svg", k = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/android-dots-icon-846d605c.svg", H = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/android-settings-icon-8bd49c8d.svg", U = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/android-toggle-icon-03e22d7a.svg", z = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/chrome-icon-4c3b130c.svg", Z = () => /* @__PURE__ */ e(
   "svg",
   {
     class: "IncodeBoldWithArrowIcon",
@@ -23,35 +44,35 @@ const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permis
       }
     )
   }
-), Z = ({ i18nKey: i }) => {
+), W = ({ i18nKey: i }) => {
   const { t: n } = d(), s = n(i).split(/<arrow\s*\/?>/gi);
   return /* @__PURE__ */ e("span", { class: "IncodeBoldWithArrow", children: s.map((o, r) => /* @__PURE__ */ e("span", { children: [
     o,
-    r < s.length - 1 ? /* @__PURE__ */ e(z, {}) : null
+    r < s.length - 1 ? /* @__PURE__ */ e(Z, {}) : null
   ] }, r)) });
-}, D = ({ icon: i, title: n }) => /* @__PURE__ */ e("div", { class: "IncodeIconWrapper", children: /* @__PURE__ */ e("img", { src: i, alt: n, class: "IncodeIconWrapperImage" }) }), W = () => {
+}, D = ({ icon: i, title: n }) => /* @__PURE__ */ e("div", { class: "IncodeIconWrapper", children: /* @__PURE__ */ e("img", { src: i, alt: n, class: "IncodeIconWrapperImage" }) }), $ = () => {
   const { t: i } = d(), n = [
     {
-      icon: V,
+      icon: k,
       iconTitle: i("idv2.permissions.denied.settings"),
       instructionKey: "tap",
       boldKey: "idv2.permissions.denied.dots",
       additionalText: ` ${i("idv2.permissions.denied.topRight")}`
     },
     {
-      icon: k,
+      icon: H,
       iconTitle: i("idv2.permissions.denied.browser"),
       instructionKey: "tap",
       boldKey: "idv2.permissions.denied.siteSettings"
     },
     {
-      icon: H,
+      icon: U,
       iconTitle: i("idv2.permissions.denied.camera"),
       instructionKey: "tap",
       boldKey: "idv2.permissions.denied.cameraAllow"
     },
     {
-      icon: U,
+      icon: z,
       iconTitle: i("idv2.permissions.denied.toggle"),
       instructionKey: "returnPress",
       boldKey: "idv2.permissions.denied.refreshPage"
@@ -62,11 +83,11 @@ const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permis
     /* @__PURE__ */ e("p", { class: "IncodeDeniedStepText", children: [
       i(`idv2.permissions.denied.${t.instructionKey}`),
       " ",
-      /* @__PURE__ */ e(Z, { i18nKey: t.boldKey }),
+      /* @__PURE__ */ e(W, { i18nKey: t.boldKey }),
       t.additionalText ? t.additionalText : null
     ] })
   ] }, t.boldKey)) }) });
-}, $ = ({ number: i }) => /* @__PURE__ */ e("div", { class: "IncodeNumberedStep", children: /* @__PURE__ */ e("span", { class: "IncodeNumberedStepText", children: i }) }), Q = (i) => {
+}, Q = ({ number: i }) => /* @__PURE__ */ e("div", { class: "IncodeNumberedStep", children: /* @__PURE__ */ e("span", { class: "IncodeNumberedStepText", children: i }) }), Y = (i) => {
   const n = [
     `idv2.permissions.denied.${i}.firstStep`,
     `idv2.permissions.denied.${i}.secondStep`,
@@ -75,25 +96,25 @@ const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permis
     `idv2.permissions.denied.${i}.fifthStep`
   ];
   return i === "safari" && n.push(`idv2.permissions.denied.${i}.sixthStep`), n;
-}, Y = (i, n) => i(n).split(/(<strong>[^<]+<\/strong>)/g).map((o, r) => {
+}, G = (i, n) => i(n).split(/(<strong>[^<]+<\/strong>)/g).map((o, r) => {
   if (o.startsWith("<strong>") && o.endsWith("</strong>")) {
     const a = o.slice(8, -9);
     return /* @__PURE__ */ e("span", { class: "IncodeDeniedStepTextBold", children: a }, r);
   }
   return o;
-}), G = () => {
-  const { t: i } = d(), n = B(), t = Q(n);
+}), j = () => {
+  const { t: i } = d(), n = B(), t = Y(n);
   return /* @__PURE__ */ e("div", { class: "IncodeDeniedInstructionsContainer", children: /* @__PURE__ */ e("div", { class: "IncodeDeniedDesktopContainer", children: t.map((s, o) => /* @__PURE__ */ e(E, { children: [
     /* @__PURE__ */ e("div", { class: "IncodeDeniedDesktopStep", children: [
-      /* @__PURE__ */ e($, { number: o + 1 }),
-      /* @__PURE__ */ e("p", { class: "IncodeDeniedStepText", children: Y(i, s) })
+      /* @__PURE__ */ e(Q, { number: o + 1 }),
+      /* @__PURE__ */ e("p", { class: "IncodeDeniedStepText", children: G(i, s) })
     ] }),
     o < t.length - 1 ? /* @__PURE__ */ e("div", { class: "IncodeNumberedStepConnector" }) : null
   ] }, s)) }) });
-}, j = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/camera-ios-9eac3be1.svg", R = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/safari-icon-7823d73d.svg", q = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/settings-icon-9743cbda.svg", X = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/toggle-icon-351f86ce.svg", J = () => {
+}, q = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/camera-ios-9eac3be1.svg", R = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/safari-icon-7823d73d.svg", X = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/settings-icon-9743cbda.svg", J = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/toggle-icon-351f86ce.svg", ee = () => {
   const { t: i } = d(), n = [
     {
-      icon: q,
+      icon: X,
       iconTitle: i("idv2.permissions.denied.settings"),
       instructionKey: "open",
       boldKey: "settings"
@@ -105,13 +126,13 @@ const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permis
       boldKey: "yourBrowser"
     },
     {
-      icon: j,
+      icon: q,
       iconTitle: i("idv2.permissions.denied.camera"),
       instructionKey: "tap",
       boldKey: "camera"
     },
     {
-      icon: X,
+      icon: J,
       iconTitle: i("idv2.permissions.denied.toggle"),
       instructionKey: "changeTo",
       boldKey: "allow",
@@ -140,36 +161,36 @@ const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permis
       ] }) : null
     ] })
   ] }, t.boldKey)) }) });
-}, ee = () => {
+}, ie = () => {
   const i = N();
-  return i === "ios" ? /* @__PURE__ */ e(J, {}) : i === "android" ? /* @__PURE__ */ e(W, {}) : /* @__PURE__ */ e(G, {});
-}, ie = ({ onRefresh: i }) => {
+  return i === "ios" ? /* @__PURE__ */ e(ee, {}) : i === "android" ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ e(j, {});
+}, ne = ({ onRefresh: i }) => {
   const { t: n } = d();
   return /* @__PURE__ */ e(u, { hideHeader: !0, className: "IncodeDeniedPage", children: [
     /* @__PURE__ */ e(c, { size: 24 }),
     /* @__PURE__ */ e("p", { class: "IncodeDeniedTitle", children: n("idv2.permissions.denied.title") }),
     /* @__PURE__ */ e(c, { size: 64 }),
-    /* @__PURE__ */ e(ee, {}),
+    /* @__PURE__ */ e(ie, {}),
     /* @__PURE__ */ e("div", { class: "IncodeDeniedActions", children: /* @__PURE__ */ e(C, { onClick: i, children: n("idv2.permissions.denied.refreshPage") }) })
   ] });
-}, ne = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/bank-card-icon-6af62350.svg", te = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/camera-icon-b2fc4c1c.svg", se = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/check-icon-b1d1ddd8.svg", oe = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/password-icon-f5257b0b.svg", re = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/warning-icon-f3eadd0b.svg", ce = [
+}, te = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/bank-card-icon-6af62350.svg", se = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/camera-icon-b2fc4c1c.svg", oe = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/check-icon-b1d1ddd8.svg", re = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/password-icon-f5257b0b.svg", ce = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.7/assets/warning-icon-f3eadd0b.svg", ae = [
   {
-    icon: te,
+    icon: se,
     textKey: "idv2.permissions.learnMorePage.instructions.1"
   },
   {
-    icon: ne,
+    icon: te,
     textKey: "idv2.permissions.learnMorePage.instructions.2"
   },
   {
-    icon: oe,
+    icon: re,
     textKey: "idv2.permissions.learnMorePage.instructions.3"
   },
   {
-    icon: se,
+    icon: oe,
     textKey: "idv2.permissions.learnMorePage.instructions.4"
   }
-], ae = ({
+], de = ({
   onAllowPermissions: i,
   onQuitProcess: n
 }) => {
@@ -180,7 +201,7 @@ const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permis
       /* @__PURE__ */ e(
         "img",
         {
-          src: re,
+          src: ce,
           alt: t("idv2.permissions.learnMorePage.warning"),
           class: "IncodeLearnMoreImage"
         }
@@ -188,7 +209,7 @@ const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permis
       /* @__PURE__ */ e(c, { size: 12 }),
       /* @__PURE__ */ e("p", { class: "IncodeLearnMoreTitle", children: t("idv2.permissions.learnMorePage.title") }),
       /* @__PURE__ */ e(c, { size: 32 }),
-      /* @__PURE__ */ e("div", { class: "IncodeLearnMoreInstructions", children: ce.map((s) => /* @__PURE__ */ e("div", { class: "IncodeLearnMoreInstruction", children: [
+      /* @__PURE__ */ e("div", { class: "IncodeLearnMoreInstructions", children: ae.map((s) => /* @__PURE__ */ e("div", { class: "IncodeLearnMoreInstruction", children: [
         /* @__PURE__ */ e("div", { class: "IncodeLearnMoreInstructionIcon", children: /* @__PURE__ */ e(
           "img",
           {
@@ -206,18 +227,18 @@ const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permis
       /* @__PURE__ */ e(C, { variant: "link", onClick: n, children: t("idv2.permissions.learnMorePage.quitProcess") })
     ] })
   ] });
-}, de = ({
+}, le = ({
   manager: i,
   permissionStatus: n
 }) => {
   const { t } = d();
   return n === "requesting" ? /* @__PURE__ */ e(u, { className: "IncodePermissionsRequestingPage", hideHeader: !0 }) : n === "learnMore" ? /* @__PURE__ */ e(
-    ae,
+    de,
     {
       onAllowPermissions: () => i.requestPermission(),
       onQuitProcess: () => i.close()
     }
-  ) : n === "denied" ? /* @__PURE__ */ e(ie, { onRefresh: () => window.location.reload() }) : /* @__PURE__ */ e(
+  ) : n === "denied" ? /* @__PURE__ */ e(ne, { onRefresh: () => window.location.reload() }) : /* @__PURE__ */ e(
     u,
     {
       className: "IncodePermissionsPage",
@@ -229,7 +250,7 @@ const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permis
         /* @__PURE__ */ e("div", { class: "IncodePermissionsImageContainer", children: /* @__PURE__ */ e(
           "img",
           {
-            src: F,
+            src: V,
             alt: t("idv2.permissions.alertAlt"),
             class: "IncodePermissionsImage"
           }
@@ -244,28 +265,7 @@ const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permis
       ]
     }
   );
-}, le = ({ size: i = 64 }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    width: i,
-    height: i,
-    viewBox: "0 0 16 17",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    class: "IncodeSuccessIcon",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ e("title", { children: "status" }),
-      /* @__PURE__ */ e(
-        "path",
-        {
-          d: "M8 0.5C12.4182 0.500064 16 4.0818 16 8.5C16 12.9182 12.4181 16.4999 8 16.5C3.58181 16.5 3.68521e-05 12.9182 0 8.5C0 4.08176 3.58179 0.5 8 0.5ZM11.1748 6.11621C10.9423 5.88373 10.5747 5.86781 10.3242 6.06934L10.3203 6.07324L10.2764 6.1123L6.85742 9.53125L5.72656 8.40039C5.47758 8.1514 5.0732 8.1514 4.82422 8.40039C4.59169 8.63292 4.57673 9.00038 4.77832 9.25098L4.78125 9.25488L4.82031 9.29883L6.40625 10.8848C6.63867 11.117 7.00542 11.1319 7.25586 10.9307L7.26074 10.9277L7.30371 10.8877L11.1748 7.01758C11.4235 6.76863 11.4234 6.36521 11.1748 6.11621Z",
-          fill: "var(--icon-status-positive-static)"
-        }
-      )
-    ]
-  }
-), S = ({
+}, S = ({
   title: i,
   description: n,
   attemptsText: t,
@@ -750,9 +750,9 @@ const F = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.5/assets/permis
     }
   ) : s === "success" ? /* @__PURE__ */ e(u, { className: "IncodeCaptureSuccessPage", children: /* @__PURE__ */ e("div", { class: "IncodeCaptureSuccessContainer", children: [
     /* @__PURE__ */ e(c, { size: 160 }),
-    /* @__PURE__ */ e(le, { size: 64 }),
+    /* @__PURE__ */ e(F, { size: 64 }),
     /* @__PURE__ */ e(c, { size: 16 }),
-    /* @__PURE__ */ e(y, { children: f("idv2.capture.processing.success") })
+    /* @__PURE__ */ e(A, { children: f("idv2.capture.processing.success") })
   ] }) }) : null;
 }, Se = ({ stream: i }) => {
   const n = T(null);
@@ -826,12 +826,12 @@ const Me = ({
   disclaimerText: r,
   isLoading: a
 }) => {
-  const l = A("--surface-brand-500");
+  const l = P("--surface-brand-500");
   return /* @__PURE__ */ e(u, { className: "IncodeTutorialPage", title: n, subtitle: t, children: [
     /* @__PURE__ */ e("div", { class: "IncodeBaseTutorialContainer", children: /* @__PURE__ */ e("div", { class: "IncodeBaseTutorialAnimationContainer", children: /* @__PURE__ */ e(
       Oe,
       {
-        animationData: P(
+        animationData: x(
           i,
           l ?? "#006aff"
         ),
@@ -878,16 +878,16 @@ const Me = ({
   onFinish: n,
   onError: t
 }) => {
-  const [s, o] = O(() => M({ config: i }));
+  const [s, o] = M(() => y({ config: i }));
   return s.status === "idle" || s.status === "loading" ? null : s.status === "tutorial" ? /* @__PURE__ */ e(ye, { manager: o }) : s.status === "permissions" ? /* @__PURE__ */ e(
-    de,
+    le,
     {
       manager: o,
       permissionStatus: s.permissionStatus
     }
   ) : s.status === "capture" ? /* @__PURE__ */ e(De, { manager: o, state: s, onFinish: () => n?.() }) : s.status === "finished" ? (n?.(), null) : s.status === "closed" ? (t?.(void 0), null) : (s.status === "error" && t?.(s.error), null);
-}, Pe = ({ config: i, onFinish: n, onError: t }) => /* @__PURE__ */ e(x, { children: i ? /* @__PURE__ */ e(Ae, { config: i, onFinish: n, onError: t }) : null });
-b(Pe, "incode-selfie");
+}, Pe = ({ config: i, onFinish: n, onError: t }) => /* @__PURE__ */ e(b, { children: i ? /* @__PURE__ */ e(Ae, { config: i, onFinish: n, onError: t }) : null });
+O(Pe, "incode-selfie");
 export {
   Pe as Selfie
 };