@incodetech/web 0.0.0-dev-20260317-ce5d28b → 0.0.0-dev-20260317-6ffceac

package/dist/extensibility.es.js

@@ -1,26 +1,27 @@
 import { u as e, d as l, B as V } from "./button-Ca1tRSTI.js";
 import { I as Y, e as _, S as N, a as ee, b as ae } from "./button-Ca1tRSTI.js";
-import { s as re, u as ne } from "./uiConfig-Z6RT23Sl.js";
+import { s as re, u as te } from "./uiConfig-Z6RT23Sl.js";
 import { P as se } from "./page-BVHG3h0V.js";
 import { C as ie, F as le, M as de } from "./fileIcon-DOyMcRWU.js";
-import { S as ue, T as he, a as Ce, b as xe, c as Ie, d as me } from "./spinner-Cx3FPUCD.js";
+import { S as ue, T as he, a as Ce, b as xe, c as me, d as Ie } from "./spinner-Cx3FPUCD.js";
 import { P as be } from "./processing-CDgOueI3.js";
 import { E as ve } from "./errorContent-yUAdbZ5o.js";
-import { F as ye, V as we } from "./formField-B2HDj15w.js";
+import { F as ye, V as we } from "./formField-UWsp-7Fj.js";
 import { a as Be, C as Le, c as Me, b as Se, e as Fe, d as De, H as He, L as Pe, P as Ve } from "./captureFooter-X2qN1773.js";
-import { D as Oe, a as Re, I as We, S as je } from "./dropdownComposed-DBm7cotT.js";
-import { O as $e } from "./otpInput-cazUY73p.js";
+import { a as Oe, I as Re } from "./inputComposed-BHi-MSpP.js";
+import { O as je } from "./otpInput-DdkvlvCS.js";
 import { D as E, d as O, A as R, y as W, q as j } from "./vendor-preact-BXf0bkEs.js";
 import { E as U } from "./errorIcon-BL647nVh.js";
-import { P as Ae } from "./phoneInputComposed-D0oBe-el.js";
-import { C as ze, D as Ge } from "./dateInputComposed-CvFmQpJ0.js";
-import { B as Ke, L as Qe, P as Xe } from "./permissions-DwF2Ez1N.js";
-import { C as _e } from "./chevronDown-BUaOuf9J.js";
-import { C as ea } from "./closeIcon-BM7WLbKp.js";
-import { S as oa } from "./successIcon-BybULRRU.js";
-import { c as na, a as ta, g as sa } from "./countries-C9bhJe4u.js";
-import { C as ia, T as la } from "./tutorial-Dagmccxh.js";
-import { a as pa, C as ua, b as ha, I as Ca, F as xa, T as Ia } from "./flipAnimation-DoMQoFPb.js";
+import { P as $e } from "./phoneInputComposed-CwtJKvGh.js";
+import { D as Ae, S as Ze } from "./dropdownComposed-B5ZuQS8C.js";
+import { C as Ge, D as Je } from "./dateInputComposed-CvFmQpJ0.js";
+import { B as Qe, L as Xe, P as Ye } from "./permissions-DwF2Ez1N.js";
+import { C as Ne } from "./chevronDown-BUaOuf9J.js";
+import { C as aa } from "./closeIcon-BM7WLbKp.js";
+import { S as ra } from "./successIcon-BybULRRU.js";
+import { c as na, a as sa, g as ca } from "./countries-C9bhJe4u.js";
+import { C as la, T as da } from "./tutorial-Dagmccxh.js";
+import { a as ua, C as ha, b as Ca, I as xa, F as ma, T as Ia } from "./flipAnimation-DoMQoFPb.js";
 const $ = ({ size: a = 28 }) => /* @__PURE__ */ e(
   "svg",
   {
@@ -71,11 +72,11 @@ const $ = ({ size: a = 28 }) => /* @__PURE__ */ e(
   ({
     id: a,
     label: o,
-    size: n = "m",
+    size: t = "m",
     checked: r,
     defaultChecked: c,
     disabled: i = !1,
-    required: t = !1,
+    required: n = !1,
     name: b,
     value: g,
     onChange: v,
@@ -89,9 +90,9 @@ const $ = ({ size: a = 28 }) => /* @__PURE__ */ e(
     "aria-invalid": T,
     ...B
   }, L) => {
-    const [M, S] = O(!!c), p = r !== void 0, x = p ? !!r : M, u = !!i, F = !!t, D = typeof h == "string" ? h : void 0, H = (f) => {
+    const [M, S] = O(!!c), p = r !== void 0, x = p ? !!r : M, u = !!i, F = !!n, D = typeof h == "string" ? h : void 0, H = (f) => {
       p || S(f.target.checked), v?.(f);
-    }, I = d ? `${a}-helper` : void 0, m = s ? `${a}-error` : void 0, P = [w, m, I].filter(Boolean).join(" ") || void 0;
+    }, m = d ? `${a}-helper` : void 0, I = s ? `${a}-error` : void 0, P = [w, I, m].filter(Boolean).join(" ") || void 0;
     return /* @__PURE__ */ e("div", { class: l("IncodeCheckbox", D), children: [
       /* @__PURE__ */ e(
         "label",
@@ -113,7 +114,7 @@ const $ = ({ size: a = 28 }) => /* @__PURE__ */ e(
                   value: g,
                   ...p ? { checked: r } : { defaultChecked: c },
                   disabled: i,
-                  required: t,
+                  required: n,
                   onChange: H,
                   "aria-label": y,
                   "aria-labelledby": C,
@@ -139,14 +140,14 @@ const $ = ({ size: a = 28 }) => /* @__PURE__ */ e(
               "span",
               {
                 class: l("IncodeCheckboxText", {
-                  IncodeCheckboxTextS: n === "s",
-                  IncodeCheckboxTextM: n === "m",
+                  IncodeCheckboxTextS: t === "s",
+                  IncodeCheckboxTextM: t === "m",
                   IncodeCheckboxTextDisabled: u
                 }),
                 "aria-hidden": C ? "true" : void 0,
                 children: [
                   o,
-                  t && /* @__PURE__ */ e("span", { class: "IncodeCheckboxRequired", "aria-hidden": "true", children: "*" })
+                  n && /* @__PURE__ */ e("span", { class: "IncodeCheckboxRequired", "aria-hidden": "true", children: "*" })
                 ]
               }
             )
@@ -160,7 +161,7 @@ const $ = ({ size: a = 28 }) => /* @__PURE__ */ e(
           "data-testid": `${a}-error-wrapper`,
           children: [
             k && /* @__PURE__ */ e("div", { class: "IncodeCheckboxIconWrapper", children: /* @__PURE__ */ e(U, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: m, class: "IncodeCheckboxErrorText", children: s })
+            /* @__PURE__ */ e("p", { id: I, class: "IncodeCheckboxErrorText", children: s })
           ]
         }
       ),
@@ -169,7 +170,7 @@ const $ = ({ size: a = 28 }) => /* @__PURE__ */ e(
         {
           class: "IncodeCheckboxMessageWrapper",
           "data-testid": `${a}-helper-wrapper`,
-          children: /* @__PURE__ */ e("p", { id: I, class: "IncodeCheckboxHelperText", children: d })
+          children: /* @__PURE__ */ e("p", { id: m, class: "IncodeCheckboxHelperText", children: d })
         }
       )
     ] });
@@ -180,13 +181,13 @@ function q(a) {
     return null;
   const o = document.createElement("canvas");
   o.width = a.videoWidth, o.height = a.videoHeight;
-  const n = o.getContext("2d");
-  return n ? (n.drawImage(a, 0, 0), o.toDataURL("image/jpeg", 0.92).split(",")[1] ?? null) : null;
+  const t = o.getContext("2d");
+  return t ? (t.drawImage(a, 0, 0), o.toDataURL("image/jpeg", 0.92).split(",")[1] ?? null) : null;
 }
 const K = ({
   stream: a,
   onCapture: o,
-  disabled: n
+  disabled: t
 }) => {
   const r = R(null);
   W(() => {
@@ -195,10 +196,10 @@ const K = ({
   }, [a]);
   const c = j(() => {
     const i = r.current;
-    if (!i || n) return;
-    const t = q(i);
-    t && o(t);
-  }, [o, n]);
+    if (!i || t) return;
+    const n = q(i);
+    n && o(n);
+  }, [o, t]);
   return /* @__PURE__ */ e("div", { class: "IncodeManualCapture", children: [
     /* @__PURE__ */ e("div", { class: "IncodeManualCaptureVideoContainer", children: /* @__PURE__ */ e(
       "video",
@@ -217,7 +218,7 @@ const K = ({
         variant: "primary",
         size: "L",
         onClick: c,
-        disabled: n,
+        disabled: t,
         class: "IncodeManualCaptureButton",
         "aria-label": "Capture document",
         children: "Capture"
@@ -226,9 +227,9 @@ const K = ({
   ] });
 };
 export {
-  Ke as BaseTutorial,
+  Qe as BaseTutorial,
   V as Button,
-  ze as CalendarIcon,
+  Ge as CalendarIcon,
   Be as CameraFrame,
   ie as CameraIcon,
   Le as CameraOverlay,
@@ -238,53 +239,53 @@ export {
   De as CaptureFooter,
   J as Checkbox,
   $ as CheckmarkIcon,
-  _e as ChevronDown,
+  Ne as ChevronDown,
   G as ChevronRightIcon,
-  ea as CloseIcon,
-  Ge as DateInputComposed,
-  Oe as DropdownComposed,
+  aa as CloseIcon,
+  Je as DateInputComposed,
+  Ae as DropdownComposed,
   ve as ErrorContent,
   U as ErrorIcon,
   le as FileIcon,
   ye as FormField,
   He as HelpIcon,
-  pa as IdCapture,
-  ua as IdChooser,
-  ha as IdError,
-  Ca as IdExpired,
-  xa as IdFlipAnimation,
+  ua as IdCapture,
+  ha as IdChooser,
+  Ca as IdError,
+  xa as IdExpired,
+  ma as IdFlipAnimation,
   Ia as IdTutorial,
   Y as IncodeComponent,
-  Re as Input,
-  We as InputComposed,
+  Oe as Input,
+  Re as InputComposed,
   _ as LandscapeBlocker,
   Pe as LockIcon,
-  Qe as Lottie,
+  Xe as Lottie,
   K as ManualCapture,
   de as Modal,
-  $e as OtpInput,
+  je as OtpInput,
   se as Page,
-  Xe as Permissions,
-  Ae as PhoneInputComposed,
+  Ye as Permissions,
+  $e as PhoneInputComposed,
   be as Processing,
   Ve as ProgressBar,
-  je as SearchIcon,
-  ia as SelfieCapture,
-  la as SelfieTutorial,
+  Ze as SearchIcon,
+  la as SelfieCapture,
+  da as SelfieTutorial,
   N as Spacer,
   ue as Spinner,
-  oa as SuccessIcon,
+  ra as SuccessIcon,
   he as Title,
   Ce as TypographyH1,
   xe as TypographyH3,
-  Ie as TypographyH4,
-  me as TypographyH5,
+  me as TypographyH4,
+  Ie as TypographyH5,
   we as VerificationResult,
   na as countries,
-  ta as getCountryByCallingCode,
-  sa as getCountryByCode,
+  sa as getCountryByCallingCode,
+  ca as getCountryByCode,
   re as setUiConfig,
   ee as useManager,
-  ne as useScreenOrientation,
+  te as useScreenOrientation,
   ae as useTranslation
 };

package/dist/flow/flow.es.js

@@ -2000,8 +2000,8 @@ const Pe = () => import("../id/id.es.js").then((e) => e.Id), ke = {
     (e) => e.GovernmentValidation
   ),
   GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation),
-  EXTERNAL_VERIFICATION: () => import("../ekycModule-fxKjsL1i.js").then((e) => e.EkycModule),
-  EKYB: () => import("../ekybModule-CV7jE8qz.js").then((e) => e.EkybModule),
+  EXTERNAL_VERIFICATION: () => import("../ekycModule-CWu3ZTNN.js").then((e) => e.EkycModule),
+  EKYB: () => import("../ekybModule-BKSouMz6.js").then((e) => e.EkybModule),
   DOCUMENT_CAPTURE: () => import("../documentCapture-PdKA2frR.js").then(
     (e) => e.DocumentCapture
   ),

package/dist/{formField-B2HDj15w.js → formField-UWsp-7Fj.js}

@@ -5,7 +5,7 @@ import { E as b } from "./errorIcon-BL647nVh.js";
 import { S as y } from "./successIcon-BybULRRU.js";
 import { P as m } from "./page-BVHG3h0V.js";
 import { S as F } from "./spinner-Cx3FPUCD.js";
-import { I as E } from "./dropdownComposed-DBm7cotT.js";
+import { I as E } from "./inputComposed-BHi-MSpP.js";
 const L = ({
   status: i,
   submittingTitle: t,

package/dist/governmentValidation/governmentValidation.es.js

@@ -6,7 +6,7 @@ import "../uiConfig-Z6RT23Sl.js";
 import { E as h } from "../errorIcon-BL647nVh.js";
 import { S as c } from "../successIcon-BybULRRU.js";
 import { W as I } from "../warningIcon-DyoKeqDd.js";
-import { O as V } from "../otpInput-cazUY73p.js";
+import { O as V } from "../otpInput-DdkvlvCS.js";
 import { P as r } from "../page-BVHG3h0V.js";
 import { S as G } from "../spinner-Cx3FPUCD.js";
 import { r as S } from "../incodeModule-aE-LkKwM.js";

package/dist/inputComposed-BHi-MSpP.js

@@ -0,0 +1,102 @@
+import { u as o, d as m } from "./button-Ca1tRSTI.js";
+import { D as u } from "./vendor-preact-BXf0bkEs.js";
+import { C as W } from "./closeIcon-BM7WLbKp.js";
+import { E as y } from "./errorIcon-BL647nVh.js";
+import { S as E } from "./successIcon-BybULRRU.js";
+const w = u((e, n) => {
+  const { class: a, type: s = "text", ...r } = e;
+  return /* @__PURE__ */ o(
+    "input",
+    {
+      ...r,
+      ref: n,
+      type: s,
+      class: m("IncodeInput", a)
+    }
+  );
+}), j = u(
+  ({
+    id: e,
+    label: n,
+    "aria-label": a,
+    type: s,
+    error: r,
+    showErrorIcon: C,
+    helper: t,
+    showHelperIcon: h,
+    closeButton: p,
+    required: l,
+    suppressMessages: d = !1,
+    class: v,
+    value: c,
+    ...b
+  }, f) => {
+    const i = `${e}-helper`, I = `${e}-error`, $ = d ? "" : [t ? i : null, r ? I : null].filter(Boolean).join(" ");
+    return /* @__PURE__ */ o("div", { class: m("IncodeInputComposed", v), children: [
+      n && /* @__PURE__ */ o(
+        "label",
+        {
+          class: "IncodeInputComposedLabel",
+          htmlFor: e,
+          "data-testid": `${e}-label`,
+          children: n
+        }
+      ),
+      /* @__PURE__ */ o("div", { class: "IncodeInputComposedWrapper", children: [
+        /* @__PURE__ */ o(
+          w,
+          {
+            id: e,
+            type: s,
+            ...b,
+            ref: f,
+            required: l,
+            "data-has-value": !!(c && String(c).length > 0),
+            ...!n && a ? { "aria-label": a } : {},
+            "aria-describedby": $ || void 0,
+            "aria-required": l ? "true" : void 0,
+            "aria-invalid": r ? "true" : void 0,
+            value: c
+          }
+        ),
+        p?.show && /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Clear",
+            class: "IncodeInputComposedClearButton",
+            onClick: p.onClose,
+            "data-testid": `${e}-clear`,
+            children: /* @__PURE__ */ o(W, {})
+          }
+        )
+      ] }),
+      !d && r && /* @__PURE__ */ o(
+        "div",
+        {
+          class: "IncodeInputComposedErrorWrapper",
+          "data-testid": `${e}-error-wrapper`,
+          children: [
+            C && /* @__PURE__ */ o("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ o(y, { size: 17 }) }),
+            /* @__PURE__ */ o("p", { id: I, class: "IncodeInputComposedError", children: r })
+          ]
+        }
+      ),
+      !d && t && !r && /* @__PURE__ */ o(
+        "div",
+        {
+          class: "IncodeInputComposedHelperWrapper",
+          "data-testid": `${e}-helper-wrapper`,
+          children: [
+            h && /* @__PURE__ */ o("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ o(E, { size: 17 }) }),
+            /* @__PURE__ */ o("p", { id: i, class: "IncodeInputComposedHelper", children: t })
+          ]
+        }
+      )
+    ] });
+  }
+);
+export {
+  j as I,
+  w as a
+};

package/dist/otpInput-DdkvlvCS.js

@@ -0,0 +1,107 @@
+import { b as P, u as e, S as O, B as b } from "./button-Ca1tRSTI.js";
+import { d as D, A as g, y as m } from "./vendor-preact-BXf0bkEs.js";
+import { I as M } from "./inputComposed-BHi-MSpP.js";
+import "./uiConfig-Z6RT23Sl.js";
+const s = 6, N = (r) => {
+  const u = Math.floor(r / 60), a = r % 60;
+  return `${u}:${a.toString().padStart(2, "0")}`;
+}, v = (r) => r.replace(/[^a-zA-Z0-9]/g, "").toUpperCase().slice(0, s), E = ({
+  resendTimer: r,
+  canResend: u,
+  error: a,
+  onSubmit: p,
+  onResend: x,
+  onBack: k,
+  backLinkText: f = "otp.changePhoneNumber",
+  disabled: i = !1,
+  isLoading: t = !1
+}) => {
+  const { t: c } = P(), [n, I] = D(""), d = g(null), C = g(0);
+  m(() => {
+    d.current && d.current.focus();
+  }, []), m(() => {
+    a && setTimeout(() => {
+      d.current?.focus();
+    }, 0);
+  }, [a]), m(() => {
+    if (!n) return;
+    const o = n.length === s && C.current < s;
+    C.current = n.length, o && !t && p(n);
+  }, [n, t, p]);
+  const T = (o) => {
+    o.target.select();
+  }, y = (o) => {
+    const h = o.target;
+    I(v(h.value));
+  }, z = (o) => {
+    o.preventDefault();
+    const h = o.clipboardData?.getData("text") || "", l = v(h);
+    l && (I(l), l.length === s && !t && p(l));
+  }, A = () => /* @__PURE__ */ e("div", { class: "IncodeOtpInputActions", children: u && !t ? /* @__PURE__ */ e("p", { class: "IncodeOtpInputResendText", "data-testid": "otp-resend-section", children: [
+    c("otp.didYouNotGetIt"),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        class: "IncodeOtpInputLink",
+        onClick: x,
+        disabled: i || t,
+        "data-testid": "otp-resend",
+        children: c("otp.resendCode")
+      }
+    ),
+    ` ${c("otp.or")} `,
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        class: "IncodeOtpInputLink",
+        onClick: k,
+        disabled: i || t,
+        "data-testid": "otp-back",
+        children: c(f)
+      }
+    )
+  ] }) : t ? null : /* @__PURE__ */ e(b, { variant: "link", disabled: !0, "data-testid": "otp-timer", children: c("otp.resendCountdown", { time: N(r) }) }) });
+  return /* @__PURE__ */ e("div", { class: "IncodeOtpInput IncodeOtpInputComposed", children: [
+    /* @__PURE__ */ e(
+      M,
+      {
+        id: "otp-code",
+        type: "text",
+        inputMode: "text",
+        ref: d,
+        maxLength: s,
+        value: n,
+        error: a,
+        onInput: y,
+        onPaste: z,
+        onFocus: T,
+        disabled: i || t,
+        autocomplete: "one-time-code",
+        "data-testid": "otp-input-0",
+        "aria-label": c(f),
+        class: "IncodeOtpSingleInput",
+        showErrorIcon: !0
+      }
+    ),
+    /* @__PURE__ */ e(O, {}),
+    /* @__PURE__ */ e(
+      b,
+      {
+        onClick: () => {
+          n.length === s && p(n);
+        },
+        disabled: n.length < s || t,
+        isLoading: t,
+        "data-testid": "otp-submit",
+        children: c("common.continue")
+      }
+    ),
+    /* @__PURE__ */ e(O, { size: 12 }),
+    A()
+  ] });
+};
+export {
+  E as O
+};

package/dist/phone/phone.es.js

@@ -1,59 +1,60 @@
-import { u as e, I as P, a as O, S as b, B as I } from "../button-Ca1tRSTI.js";
-import { createPhoneManager as C } from "@incodetech/core/phone";
-import { d as E } from "../vendor-preact-BXf0bkEs.js";
+import { u as e, I as b, b as O, a as I, S as C, B as E } from "../button-Ca1tRSTI.js";
+import { createPhoneManager as S } from "@incodetech/core/phone";
+import { d as v } from "../vendor-preact-BXf0bkEs.js";
+import "../uiConfig-Z6RT23Sl.js";
 import "@incodetech/core";
-import { O as y } from "../otpInput-cazUY73p.js";
-import { P as l } from "../page-BVHG3h0V.js";
-import { r as v } from "../incodeModule-aE-LkKwM.js";
-import { PhoneInput as w } from "../phoneInput-Duuochsh.js";
-const S = ({
+import { O as y } from "../otpInput-DdkvlvCS.js";
+import { P as m } from "../page-BVHG3h0V.js";
+import { r as w } from "../incodeModule-aE-LkKwM.js";
+import { PhoneInput as k } from "../phoneInput-Duuochsh.js";
+const B = ({
   config: n,
-  manager: i,
-  onFinish: r,
-  onError: a
+  manager: r,
+  onFinish: a,
+  onError: u
 }) => {
-  const [t, s] = O(
+  const { t: s } = O(), [t, o] = I(
     () => {
-      if (i) return i;
+      if (r) return r;
       if (!n)
         throw new Error("Phone config is required");
-      return C({ config: n });
+      return S({ config: n });
     },
-    { manageLifecycle: !i }
-  ), [c, m] = E(!1);
+    { manageLifecycle: !r }
+  ), [c, h] = v(!1);
   if (t.status === "idle" || t.status === "loadingPrefill" || t.status === "inputting" || t.status === "submitting" || t.status === "sendingOtp") {
-    const o = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingOtp", u = t.status === "inputting" ? t.countryCode : "US", h = t.status === "inputting" ? t.phonePrefix : "+1", f = t.status === "inputting" ? t.prefilledPhone : void 0, g = t.status === "inputting" ? t.phoneError : void 0;
+    const i = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingOtp", p = t.status === "inputting" ? t.countryCode : "US", f = t.status === "inputting" ? t.phonePrefix : "+1", g = t.status === "inputting" ? t.prefilledPhone : void 0, P = t.status === "inputting" && t.phoneError ? s(t.phoneError) : void 0;
     return /* @__PURE__ */ e(
-      l,
+      m,
       {
         className: "IncodePhonePage",
-        title: "Verify Phone",
-        subtitle: n.otpVerification ? "We will send you a verification code" : void 0,
+        title: s("phone.verify"),
+        subtitle: n.otpVerification ? s("email.willSendCode") : void 0,
         children: [
           /* @__PURE__ */ e(
-            w,
+            k,
             {
-              countryCode: u,
-              phonePrefix: h,
-              prefilledPhone: f,
-              phoneError: g,
+              countryCode: p,
+              phonePrefix: f,
+              prefilledPhone: g,
+              phoneError: P,
               optinEnabled: n.optinEnabled,
-              disabled: o,
-              onPhoneChange: (d, p) => {
-                s.setPhoneNumber(d, p), m(p);
+              disabled: i,
+              onPhoneChange: (d, l) => {
+                o.setPhoneNumber(d, l), h(l);
               },
-              onOptInChange: (d) => s.setOptInGranted(d)
+              onOptInChange: (d) => o.setOptInGranted(d)
             }
           ),
-          /* @__PURE__ */ e(b, {}),
+          /* @__PURE__ */ e(C, {}),
           /* @__PURE__ */ e(
-            I,
+            E,
             {
-              onClick: () => s.submit(),
+              onClick: () => o.submit(),
               disabled: !c,
-              isLoading: o,
+              isLoading: i,
               "data-testid": "phone-submit",
-              children: "Continue"
+              children: s("common.continue")
             }
           )
         ]
@@ -61,43 +62,36 @@ const S = ({
     );
   }
   if (t.status === "awaitingOtp" || t.status === "verifyingOtp" || t.status === "otpError") {
-    const o = t.status === "verifyingOtp";
-    return /* @__PURE__ */ e(
-      l,
+    const i = t.status === "verifyingOtp";
+    return /* @__PURE__ */ e(m, { className: "IncodePhonePage", title: s("otp.enterCodeSMS"), children: /* @__PURE__ */ e(
+      y,
       {
-        className: "IncodePhonePage IncodePhoneOtpPage",
-        title: "Enter Verification Code",
-        children: /* @__PURE__ */ e(
-          y,
-          {
-            resendTimer: t.status === "awaitingOtp" ? t.resendTimer : 0,
-            canResend: t.status === "awaitingOtp" ? t.canResend : !1,
-            error: t.status === "otpError" ? t.error : void 0,
-            onSubmit: (u) => s.submitOtp(u),
-            onResend: () => s.resendOtp(),
-            onBack: () => s.back(),
-            isLoading: o
-          }
-        )
+        resendTimer: t.status === "awaitingOtp" ? t.resendTimer : 0,
+        canResend: t.status === "awaitingOtp" ? t.canResend : !1,
+        error: t.status === "otpError" ? s(t.error) : void 0,
+        onSubmit: (p) => o.submitOtp(p),
+        onResend: () => o.resendOtp(),
+        onBack: () => o.back(),
+        isLoading: i
       }
-    );
+    ) });
   }
-  return t.status === "finished" ? (r?.(), null) : (t.status === "error" && a?.(t.error), null);
-}, V = ({
+  return t.status === "finished" ? (a?.(), null) : (t.status === "error" && u?.(t.error), null);
+}, L = ({
   config: n,
-  manager: i,
-  onFinish: r,
-  onError: a
-}) => /* @__PURE__ */ e(P, { children: n ? /* @__PURE__ */ e(
-  S,
+  manager: r,
+  onFinish: a,
+  onError: u
+}) => /* @__PURE__ */ e(b, { children: n ? /* @__PURE__ */ e(
+  B,
   {
     config: n,
-    manager: i,
-    onFinish: r,
-    onError: a
+    manager: r,
+    onFinish: a,
+    onError: u
   }
 ) : null });
-v(V, "incode-phone");
+w(L, "incode-phone");
 export {
-  V as Phone
+  L as Phone
 };