@incodetech/web 0.0.0-dev-20260402-0dc2fb9 → 0.0.0-dev-20260403-10f7d94

package/dist/base.css

@@ -1104,6 +1104,14 @@
   width: 100%;
   display: flex;
 }
+.IncodeOtpInputTimerText {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  text-align: center;
+  font-size: var(--text-18, var(--primitive-typography-size-18));
+  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
 .IncodeOtpInputResendText {
   margin: var(--spacing-0, var(--spacing-none, 0px));
   text-align: center;

package/dist/email/email.es.js

@@ -2,7 +2,7 @@ import { b as v, u as e, I as O, a as w, S as C, B as y } from "../button-DXIWei
 import { createEmailManager as P } from "@incodetech/core/email";
 import { d as b, y as V } from "../vendor-preact-BoMmvSgn.js";
 import "@incodetech/core";
-import { O as R } from "../otpInput-B85heGC5.js";
+import { O as R } from "../otpInput-CMi5-n2O.js";
 import { P as I } from "../page-D4OThpFS.js";
 import { r as S } from "../incodeModule-C4XIllao.js";
 import "../uiConfig-DmIn-g8M.js";
@@ -17,7 +17,7 @@ import "../countries-DfLkrF0x.js";
 const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = ({
   prefilledEmail: i,
   emailError: s,
-  label: d,
+  label: m,
   disabled: c = !1,
   required: a = !1,
   onEmailChange: t
@@ -31,9 +31,9 @@ const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = ({
     }
   }, [i, t]);
   const f = (r) => {
-    const m = r.target.value;
-    p(m);
-    const o = m.trim(), u = o.length > 0 && h.test(o);
+    const d = r.target.value;
+    p(d);
+    const o = d.trim(), u = o.length > 0 && h.test(o);
     t(o, u);
   }, n = s ? "email-error" : void 0;
   return /* @__PURE__ */ e("div", { class: "IncodeEmailInput", children: /* @__PURE__ */ e("div", { class: "IncodeEmailInputContainer", children: /* @__PURE__ */ e(
@@ -46,9 +46,9 @@ const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = ({
       placeholder: l("email.placeholder"),
       disabled: c,
       required: a,
-      label: d,
+      label: m,
       "data-testid": "email-input",
-      "aria-label": d ? void 0 : "Email address",
+      "aria-label": m ? void 0 : "Email address",
       "aria-invalid": s ? "true" : void 0,
       "aria-describedby": n || void 0,
       autocomplete: "email",
@@ -59,7 +59,7 @@ const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = ({
 }, T = ({
   config: i,
   manager: s,
-  onFinish: d,
+  onFinish: m,
   onError: c
 }) => {
   const { t: a } = v(), [t, l] = w(
@@ -72,13 +72,13 @@ const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = ({
     { manageLifecycle: !s }
   ), [E, p] = b(!1);
   if (t.status === "idle" || t.status === "loadingPrefill" || t.status === "inputting" || t.status === "submitting" || t.status === "sendingInitialOtp") {
-    const n = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingInitialOtp", r = t.status === "inputting" ? t.prefilledEmail : void 0, g = t.status === "inputting" && t.emailError ? a(t.emailError) : void 0, m = t.status === "inputting" ? t.otpVerification ?? !1 : !1;
+    const n = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingInitialOtp", r = t.status === "inputting" ? t.prefilledEmail : void 0, g = t.status === "inputting" && t.emailError ? a(t.emailError) : void 0, d = t.status === "inputting" ? t.otpVerification ?? !1 : !1;
     return /* @__PURE__ */ e(
       I,
       {
         className: "IncodeEmailPage",
         title: a("otp.enterCodeEmail"),
-        subtitle: m ? a("email.willSendCode") : void 0,
+        subtitle: d ? a("email.willSendCode") : void 0,
         children: [
           /* @__PURE__ */ e(
             L,
@@ -103,11 +103,12 @@ const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = ({
             }
           )
         ]
-      }
+      },
+      "email-input"
     );
   }
   if (t.status === "awaitingOtp" || t.status === "verifyingOtp" || t.status === "otpError" || t.status === "resendingOtp") {
-    const n = t.status === "verifyingOtp", r = t.status === "otpError", g = t.status === "awaitingOtp", m = t.status === "resendingOtp", o = g || r || n;
+    const n = t.status === "verifyingOtp", r = t.status === "otpError", g = t.status === "awaitingOtp", d = t.status === "resendingOtp", o = g || r || n;
     return /* @__PURE__ */ e(
       I,
       {
@@ -120,28 +121,29 @@ const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = ({
             canResend: o ? t.canResend : !1,
             error: r ? a(t.otpError) : void 0,
             isLoading: n,
-            disabled: m || n,
+            disabled: d || n,
             onSubmit: (u) => l.submitOtp(u),
             onResend: () => l.resendOtp(),
             onBack: () => l.back(),
             backLinkText: "otp.changeEmail"
           }
         )
-      }
+      },
+      "email-otp"
     );
   }
-  return t.status === "finished" ? (d?.(), null) : (t.status === "error" && c?.(t.error), null);
+  return t.status === "finished" ? (m?.(), null) : (t.status === "error" && c?.(t.error), null);
 }, B = ({
   config: i,
   manager: s,
-  onFinish: d,
+  onFinish: m,
   onError: c
 }) => /* @__PURE__ */ e(O, { children: i || s ? /* @__PURE__ */ e(
   T,
   {
     config: i,
     manager: s,
-    onFinish: d,
+    onFinish: m,
     onError: c
   }
 ) : null });

package/dist/extensibility.es.js

@@ -9,13 +9,13 @@ import { E as A } from "./errorContent-CnY-Deoi.js";
 import { F as U, V as j } from "./formField-BoozuV2w.js";
 import { C as q, P as z } from "./cameraView-DXT7CWqE.js";
 import { I as J, a as K } from "./inputComposed-QzDneavl.js";
-import { O as Q } from "./otpInput-B85heGC5.js";
+import { O as Q } from "./otpInput-CMi5-n2O.js";
 import { C as Y, a as Z } from "./checkbox-wo8qk7tM.js";
 import { P as $ } from "./phoneInputComposed-BAFZQ4Y8.js";
 import { D as ra, S as ea } from "./dropdownComposed-CzAsPPqv.js";
 import { C as ta, D as sa } from "./dateInputComposed-D5kgh_aC.js";
 import { b as pa, C as ca, c as ia, e as ua, d as la, H as ma, L as Ca, T as da, a as fa } from "./captureOverlay-wQmz2Z5r.js";
-import { d as xa, C as ha, b as ga, I as ya, c as Ta, F as va, T as Sa, S as Ba, V as Fa, a as Pa } from "./flipAnimation-CLQ2VPp5.js";
+import { d as xa, C as ha, b as ga, I as ya, c as Ta, F as va, T as Sa, S as Ba, V as Fa, a as Pa } from "./flipAnimation-r4wJkacO.js";
 import { L as Oa, M as ba } from "./manualCaptureButton-CPZ2xxEI.js";
 import { A as i, y as u, q as l } from "./vendor-preact-BoMmvSgn.js";
 import { B as Ma, P as Va } from "./permissions-BeU3HuVB.js";

package/dist/{flipAnimation-CLQ2VPp5.js → flipAnimation-r4wJkacO.js}

@@ -291,17 +291,17 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
   onTakeManually: l,
   portalContainer: n
 }) => {
-  const { t: r } = C(), o = E((s) => {
-    s?.focus();
-  }, []), a = () => {
+  const { t: r } = C(), o = E((a) => {
+    a?.focus();
+  }, []), s = () => {
     l(), t();
   };
   return /* @__PURE__ */ e(
     w.Root,
     {
       open: i,
-      onOpenChange: (s) => {
-        s || t();
+      onOpenChange: (a) => {
+        a || t();
       },
       class: "IncodeCommonIssuesFullScreen",
       hasBackdrop: !1,
@@ -348,7 +348,7 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
             L,
             {
               variant: "link",
-              onClick: a,
+              onClick: s,
               class: "IncodeCommonIssuesTakeManually",
               children: r("commonIssues.takeManually")
             }
@@ -365,15 +365,15 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
   children: n,
   className: r
 }) => {
-  const o = i !== "vertical" || t === "passport", a = t === "passport", s = `IncodeCaptureFrame${l.charAt(0).toUpperCase() + l.slice(1)}`;
+  const o = i !== "vertical" || t === "passport", s = t === "passport", a = `IncodeCaptureFrame${l.charAt(0).toUpperCase() + l.slice(1)}`;
   return /* @__PURE__ */ e(
     "div",
     {
       class: V(
         "IncodeCaptureFrame",
         o ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
-        s,
-        a && "IncodeCaptureFramePassport",
+        a,
+        s && "IncodeCaptureFramePassport",
         r
       ),
       "aria-hidden": "true",
@@ -388,9 +388,9 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
   borderState: n,
   topContent: r,
   bottomContent: o,
-  overlayContent: a
+  overlayContent: s
 }) => {
-  const { t: s } = C();
+  const { t: a } = C();
   return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayout", children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayoutContent", children: [
     r && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingTopArea", children: r }),
     /* @__PURE__ */ e(
@@ -409,14 +409,14 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
               class: "IncodeIdProcessingImage"
             }
           ),
-          a && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingOverlay", "aria-hidden": "true", children: a })
+          s && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingOverlay", "aria-hidden": "true", children: s })
         ]
       }
     ),
     /* @__PURE__ */ e("div", { class: "IncodeIdProcessingBottomArea", children: [
       /* @__PURE__ */ e("div", { class: "IncodeCaptureEncryptionLabel", children: [
         /* @__PURE__ */ e(G, { className: "IncodeCaptureEncryptionIcon" }),
-        /* @__PURE__ */ e("span", { children: s("v2.capture.label") })
+        /* @__PURE__ */ e("span", { children: a("v2.capture.label") })
       ] }),
       o
     ] })
@@ -427,16 +427,16 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
   orientation: l,
   mode: n
 }) => {
-  const { t: r } = C(), o = u(null), a = l !== "vertical" || n === "passport", [s, d] = g(null);
+  const { t: r } = C(), o = u(null), s = l !== "vertical" || n === "passport", [a, d] = g(null);
   return f(() => {
     o.current?.focus();
   }, []), f(() => {
-    a ? import("./id-laser-h-BBV3r3rz.js").then((c) => {
+    s ? import("./id-laser-h-BBV3r3rz.js").then((c) => {
       d(c.default);
     }) : import("./id-laser-v-BTHJaSfx.js").then((c) => {
       d(c.default);
     });
-  }, [a]), /* @__PURE__ */ e(
+  }, [s]), /* @__PURE__ */ e(
     F,
     {
       imageUrl: i,
@@ -456,10 +456,10 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
           }
         )
       ] }),
-      overlayContent: s ? /* @__PURE__ */ e(
+      overlayContent: a ? /* @__PURE__ */ e(
         D,
         {
-          animationData: s,
+          animationData: a,
           loop: !0,
           className: "IncodeAnalyzingLottie"
         }
@@ -511,8 +511,8 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
   mode: n,
   title: r,
   subtitle: o,
-  buttonText: a,
-  onButtonClick: s,
+  buttonText: s,
+  onButtonClick: a,
   attemptsRemaining: d
 }) => {
   const { t: c } = C(), h = u(null);
@@ -546,7 +546,7 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
         d !== void 0 && d > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: c("v2.idError.attemptsLeft", {
           count: d
         }) }),
-        /* @__PURE__ */ e(L, { onClick: s, "data-testid": "retry-button", children: a })
+        /* @__PURE__ */ e(L, { onClick: a, "data-testid": "retry-button", children: s })
       ] })
     }
   );
@@ -624,9 +624,9 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
       }
     );
   }
-  return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(r1, { manager: i, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(o1, { manager: i, state: t }) : /* @__PURE__ */ e(s1, { manager: i, state: t });
-}, s1 = ({ manager: i, state: t }) => {
-  const l = u(null), n = u(null), r = u(null), o = u(null), a = u(null), [s, d] = g(!1), [c, h] = g(!1);
+  return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(r1, { manager: i, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(o1, { manager: i, state: t }) : /* @__PURE__ */ e(a1, { manager: i, state: t });
+}, a1 = ({ manager: i, state: t }) => {
+  const l = u(null), n = u(null), r = u(null), o = u(null), s = u(null), [a, d] = g(!1), [c, h] = g(!1);
   f(() => {
     const p = l.current;
     if (!p || !t.stream) {
@@ -664,7 +664,7 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
     i.capture();
   };
   return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: [
-    /* @__PURE__ */ e(z, { stream: t.stream, "aria-hidden": s || void 0, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(z, { stream: t.stream, "aria-hidden": a || void 0, children: /* @__PURE__ */ e(
       N,
       {
         ref: n,
@@ -680,30 +680,30 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
         captureButtonRef: o
       }
     ) }),
-    /* @__PURE__ */ e("div", { ref: a }),
+    /* @__PURE__ */ e("div", { ref: s }),
     /* @__PURE__ */ e(
       t1,
       {
-        open: s,
+        open: a,
         onClose: b,
         onTakeManually: S,
-        portalContainer: a.current
+        portalContainer: s.current
       }
     )
   ] });
 }, R1 = ({ manager: i, state: t }) => {
-  const { t: l } = C(), [n, r] = g(!1), [o, a] = g(null), s = t.selectedDocumentType === "passport", d = t.currentMode === "back";
+  const { t: l } = C(), [n, r] = g(!1), [o, s] = g(null), a = t.selectedDocumentType === "passport", d = t.currentMode === "back";
   if (f(() => {
-    s ? import("./passport-tutorial-CaYBFTqt.js").then((I) => {
-      a(I.default);
+    a ? import("./passport-tutorial-CaYBFTqt.js").then((I) => {
+      s(I.default);
     }) : d ? import("./back-tutorial-An9AcMSe.js").then((I) => {
-      a(I.default);
+      s(I.default);
     }) : import("./id-tutorial-B-F5Q28m.js").then((I) => {
-      a(I.default);
+      s(I.default);
     });
-  }, [s, d]), !o)
+  }, [a, d]), !o)
     return null;
-  const c = l(s ? "idv2.capture.passport.title" : d ? "idv2.backTutorial.title" : "idv2.tutorial.v2.title"), h = l(s ? "idv2.capture.passport.subtitle" : d ? "idv2.backTutorial.subtitle" : "idv2.tutorial.subtitle"), B = l(d ? "idv2.backTutorial.disclaimer" : "idv2.tutorial.v2.autocapture");
+  const c = l(a ? "idv2.capture.passport.title" : d ? "idv2.backTutorial.title" : "idv2.tutorial.v2.title"), h = l(a ? "idv2.capture.passport.subtitle" : d ? "idv2.backTutorial.subtitle" : "idv2.tutorial.subtitle"), B = l(d ? "idv2.backTutorial.disclaimer" : "idv2.tutorial.v2.autocapture");
   return /* @__PURE__ */ e(
     W,
     {
@@ -718,11 +718,11 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
       isLoading: n,
       className: V(
         "IncodeIdTutorial",
-        s ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"
+        a ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"
       )
     }
   );
-}, a1 = () => /* @__PURE__ */ e(
+}, s1 = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "119",
@@ -1957,7 +1957,7 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
   },
   id: {
     type: "id",
-    icon: a1,
+    icon: s1,
     title: "idv2.chooser.idButtonTitle",
     testId: "verification-option-id",
     weight: 2
@@ -2021,17 +2021,17 @@ const U1 = ({ manager: i, state: t }) => {
   manager: i,
   direction: t
 }) => {
-  const [l, n] = g(null), [r, o] = g(!1), { t: a } = C();
+  const [l, n] = g(null), [r, o] = g(!1), { t: s } = C();
   f(() => {
     import("./flip-animation-COR596wy.js").then((c) => {
       n(c.default);
     });
   }, []);
-  const s = E(async () => {
+  const a = E(async () => {
     await new Promise((c) => setTimeout(c, 1e3)), t === "toBack" ? i.continueToBack() : i.continueToFront(), o(!0);
   }, [t, i]);
-  return r ? /* @__PURE__ */ e(H, { size: "large" }) : l ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
-    /* @__PURE__ */ e(y, { role: "status", className: "IncodeFlipAnimationTitle", children: a(t === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront") }),
+  return r ? /* @__PURE__ */ e(H, { size: "large", title: `${s("webcam.loading")}...` }) : l ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
+    /* @__PURE__ */ e(y, { role: "status", className: "IncodeFlipAnimationTitle", children: s(t === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront") }),
     /* @__PURE__ */ e(_, { size: 32 }),
     /* @__PURE__ */ e(
       D,
@@ -2039,7 +2039,7 @@ const U1 = ({ manager: i, state: t }) => {
         animationData: l,
         loop: !1,
         reverse: t === "toFront",
-        onComplete: s
+        onComplete: a
       }
     )
   ] }) : null;

package/dist/governmentValidation/governmentValidation.es.js

@@ -6,7 +6,7 @@ import "../uiConfig-DmIn-g8M.js";
 import { E as h } from "../errorIcon-DOuc6ONw.js";
 import { S as c } from "../successIcon-BZphSsQr.js";
 import { W as I } from "../warningIcon-xqaHPxjF.js";
-import { O as V } from "../otpInput-B85heGC5.js";
+import { O as V } from "../otpInput-CMi5-n2O.js";
 import { P as r } from "../page-D4OThpFS.js";
 import { S as G } from "../spinner-CLwSl2tJ.js";
 import { r as S } from "../incodeModule-C4XIllao.js";

package/dist/id/id.es.js

@@ -5,7 +5,7 @@ import "@incodetech/core";
 import { P as f } from "../permissions-BeU3HuVB.js";
 import { r as l } from "../incodeModule-C4XIllao.js";
 import { P as h } from "../processing-Ss26Ad0W.js";
-import { b as C, T as I, F as a, C as g, c as y, I as F } from "../flipAnimation-CLQ2VPp5.js";
+import { b as C, T as I, F as a, C as g, c as y, I as F } from "../flipAnimation-r4wJkacO.js";
 import "../captureOverlay-wQmz2Z5r.js";
 import "../uiConfig-DmIn-g8M.js";
 import "../typography-CBPoLoAP.js";

package/dist/otpInput-CMi5-n2O.js

@@ -0,0 +1,155 @@
+import { b as B, u as r, S as A, B as M } from "./button-DXIWeie9.js";
+import { d as N, A as s, q as y, y as C } from "./vendor-preact-BoMmvSgn.js";
+import { a as E } from "./inputComposed-QzDneavl.js";
+import "./uiConfig-DmIn-g8M.js";
+const u = 6, G = (o) => {
+  const c = Math.floor(o / 60), l = o % 60;
+  return `${c}:${l.toString().padStart(2, "0")}`;
+}, b = (o) => o.replace(/[^a-zA-Z0-9]/g, "").toUpperCase().slice(0, u), L = ({
+  resendTimer: o,
+  canResend: c,
+  error: l,
+  onSubmit: g,
+  onResend: z,
+  onBack: D,
+  backLinkText: P = "otp.changePhoneNumber",
+  disabled: f = !1,
+  isLoading: p = !1
+}) => {
+  const { t: n } = B(), [a, m] = N(""), x = s(null), S = s(0), d = s(null), T = s(null), k = s(c), v = s(!1), O = s(), i = y((t) => {
+    const e = T.current;
+    e && (clearTimeout(O.current), e.textContent = "", O.current = setTimeout(() => {
+      e.textContent = t;
+    }, 50));
+  }, []);
+  C(() => {
+    const t = !k.current;
+    return k.current = c, t && c && i(n("otp.resendCodeAvailable")), () => clearTimeout(O.current);
+  }, [c, i, n]), C(() => {
+    l && (d.current = null, setTimeout(() => {
+      x.current?.focus();
+    }, 0));
+  }, [l]);
+  const h = y(
+    (t) => {
+      const e = b(t);
+      e.length !== u || p || d.current !== e && (d.current = e, g(e));
+    },
+    [p, g]
+  );
+  C(() => {
+    if (!a) return;
+    const t = a.length === u && S.current < u;
+    S.current = a.length, t && h(a);
+  }, [a, h]);
+  const R = (t) => {
+    const e = t.target;
+    m(b(e.value));
+  }, $ = (t) => {
+    t.preventDefault();
+    const e = t.clipboardData?.getData("text") || "", I = b(e);
+    I && (m(I), I.length === u && h(I));
+  };
+  C(() => {
+    if (c || o <= 0) {
+      v.current = !1;
+      return;
+    }
+    if (!v.current) {
+      v.current = !0, i(n("otp.timerStarted", { time: String(o) }));
+      return;
+    }
+    o === 10 ? i(n("otp.timerTenSeconds")) : o === 5 && i(n("otp.timerFiveSeconds"));
+  }, [o, c, i, n]);
+  const w = () => {
+    if (!c && o > 0)
+      return /* @__PURE__ */ r("div", { class: "IncodeOtpInputActions", children: /* @__PURE__ */ r("p", { class: "IncodeOtpInputTimerText", "data-testid": "otp-timer", children: n("otp.resendCountdown", { time: G(o) }) }) });
+    const t = () => {
+      d.current = null, m(""), z();
+    }, e = () => {
+      d.current = null, m(""), D();
+    };
+    return /* @__PURE__ */ r("div", { class: "IncodeOtpInputActions", children: /* @__PURE__ */ r(
+      "p",
+      {
+        class: `IncodeOtpInputResendText ${f ? "IncodeOtpInputResendTextDisabled" : ""}`,
+        "data-testid": "otp-resend-section",
+        children: [
+          n("otp.didYouNotGetIt"),
+          /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              class: "IncodeOtpInputLink",
+              onClick: t,
+              disabled: f || !c,
+              "data-testid": "otp-resend",
+              children: n("otp.resendCode")
+            }
+          ),
+          ` ${n("otp.or")} `,
+          /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              class: "IncodeOtpInputLink",
+              onClick: e,
+              disabled: f,
+              "data-testid": "otp-back",
+              children: n(P)
+            }
+          )
+        ]
+      }
+    ) });
+  };
+  return /* @__PURE__ */ r("div", { class: "IncodeOtpInput IncodeOtpInputComposed", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        ref: T,
+        class: "IncodeSrOnly",
+        "aria-live": "polite",
+        "aria-atomic": "true"
+      }
+    ),
+    /* @__PURE__ */ r(
+      E,
+      {
+        id: "otp-code",
+        type: "text",
+        inputMode: "text",
+        ref: x,
+        maxLength: u,
+        value: a,
+        error: l,
+        onInput: R,
+        onPaste: $,
+        disabled: f || p,
+        autocomplete: "one-time-code",
+        "data-testid": "otp-input-0",
+        "aria-label": n("otp.verificationCode"),
+        class: "IncodeOtpSingleInput",
+        showErrorIcon: !0
+      }
+    ),
+    /* @__PURE__ */ r(A, {}),
+    /* @__PURE__ */ r(
+      M,
+      {
+        onClick: () => {
+          h(a);
+        },
+        disabled: a.length < u || p,
+        isLoading: p,
+        "data-testid": "otp-submit",
+        children: n("common.continue")
+      }
+    ),
+    /* @__PURE__ */ r(A, { size: 12 }),
+    w()
+  ] });
+};
+export {
+  L as O
+};

package/dist/phone/phone.es.js

@@ -1,20 +1,20 @@
-import { u as e, I as O, b as C, a as E, S as g, B as v } from "../button-DXIWeie9.js";
+import { u as n, I as O, b as C, a as E, S as g, B as v } from "../button-DXIWeie9.js";
 import { createPhoneManager as w } from "@incodetech/core/phone";
 import { d as S } from "../vendor-preact-BoMmvSgn.js";
 import "../uiConfig-DmIn-g8M.js";
 import "@incodetech/core";
 import { C as y } from "../checkbox-wo8qk7tM.js";
-import { O as k } from "../otpInput-B85heGC5.js";
+import { O as k } from "../otpInput-CMi5-n2O.js";
 import { P } from "../page-D4OThpFS.js";
 import { P as R } from "../phoneInputComposed-BAFZQ4Y8.js";
 import { r as V } from "../incodeModule-C4XIllao.js";
 const B = ({
   config: r,
   manager: s,
-  onFinish: d,
-  onError: p
+  onFinish: p,
+  onError: d
 }) => {
-  const { t: n } = C(), [t, o] = E(
+  const { t: e } = C(), [t, o] = E(
     () => {
       if (s) return s;
       if (!r)
@@ -24,16 +24,16 @@ const B = ({
     { manageLifecycle: !s }
   ), [b, I] = S(!1);
   if (t.status === "idle" || t.status === "loadingPrefill" || t.status === "inputting" || t.status === "submitting" || t.status === "sendingInitialOtp") {
-    const i = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingInitialOtp", a = t.status === "inputting" ? t.countryCode : "US", l = t.status === "inputting" ? t.prefilledPhone : void 0, c = t.status === "inputting" && t.phoneError ? n(t.phoneError) : void 0, u = t.status === "inputting" ? t.otpVerification ?? !1 : !1, h = t.status === "inputting" ? t.optinEnabled ?? !1 : !1;
-    return /* @__PURE__ */ e(
+    const i = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingInitialOtp", a = t.status === "inputting" ? t.countryCode : "US", l = t.status === "inputting" ? t.prefilledPhone : void 0, c = t.status === "inputting" && t.phoneError ? e(t.phoneError) : void 0, u = t.status === "inputting" ? t.otpVerification ?? !1 : !1, h = t.status === "inputting" ? t.optinEnabled ?? !1 : !1;
+    return /* @__PURE__ */ n(
       P,
       {
         className: "IncodePhonePage",
-        title: n("phone.verify"),
-        subtitle: u ? n("email.willSendCode") : void 0,
+        title: e("phone.verify"),
+        subtitle: u ? e("email.willSendCode") : void 0,
         children: [
-          /* @__PURE__ */ e("div", { class: "IncodePhoneInputContainer", children: [
-            /* @__PURE__ */ e(
+          /* @__PURE__ */ n("div", { class: "IncodePhoneInputContainer", children: [
+            /* @__PURE__ */ n(
               R,
               {
                 id: "phone",
@@ -48,61 +48,70 @@ const B = ({
                 showErrorIcon: !0
               }
             ),
-            /* @__PURE__ */ e(g, { size: 16 }),
-            h && /* @__PURE__ */ e(
+            /* @__PURE__ */ n(g, { size: 16 }),
+            h && /* @__PURE__ */ n(
               y,
               {
                 id: "phone-optin",
-                label: n("phone.optIn"),
+                label: e("phone.optIn"),
                 size: "s",
                 onChange: (m) => o.setOptInGranted(m.target.checked)
               }
             )
           ] }),
-          /* @__PURE__ */ e(g, {}),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ n(g, {}),
+          /* @__PURE__ */ n(
             v,
             {
               onClick: () => o.submit(),
               disabled: !b,
               isLoading: i,
               "data-testid": "phone-submit",
-              children: n("common.continue")
+              children: e("common.continue")
             }
           )
         ]
-      }
+      },
+      "phone-input"
     );
   }
   if (t.status === "awaitingOtp" || t.status === "verifyingOtp" || t.status === "otpError" || t.status === "resendingOtp") {
     const i = t.status === "verifyingOtp", a = t.status === "otpError", l = t.status === "awaitingOtp", c = t.status === "resendingOtp", u = l || a || i;
-    return /* @__PURE__ */ e(P, { className: "IncodePhonePage", title: n("otp.enterCodeSMS"), children: /* @__PURE__ */ e(
-      k,
+    return /* @__PURE__ */ n(
+      P,
       {
-        resendTimer: u ? t.resendTimer : 0,
-        canResend: u ? t.canResend : !1,
-        isLoading: i,
-        disabled: c || i,
-        error: a ? n(t.otpError) : void 0,
-        onSubmit: (h) => o.submitOtp(h),
-        onResend: () => o.resendOtp(),
-        onBack: () => o.back()
-      }
-    ) });
+        className: "IncodePhonePage",
+        title: e("otp.enterCodeSMS"),
+        children: /* @__PURE__ */ n(
+          k,
+          {
+            resendTimer: u ? t.resendTimer : 0,
+            canResend: u ? t.canResend : !1,
+            isLoading: i,
+            disabled: c || i,
+            error: a ? e(t.otpError) : void 0,
+            onSubmit: (h) => o.submitOtp(h),
+            onResend: () => o.resendOtp(),
+            onBack: () => o.back()
+          }
+        )
+      },
+      "phone-otp"
+    );
   }
-  return t.status === "finished" ? (d?.(), null) : (t.status === "error" && p?.(t.error), null);
+  return t.status === "finished" ? (p?.(), null) : (t.status === "error" && d?.(t.error), null);
 }, L = ({
   config: r,
   manager: s,
-  onFinish: d,
-  onError: p
-}) => /* @__PURE__ */ e(O, { children: r || s ? /* @__PURE__ */ e(
+  onFinish: p,
+  onError: d
+}) => /* @__PURE__ */ n(O, { children: r || s ? /* @__PURE__ */ n(
   B,
   {
     config: r,
     manager: s,
-    onFinish: d,
-    onError: p
+    onFinish: p,
+    onError: d
   }
 ) : null });
 V(L, "incode-phone");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260402-0dc2fb9",
+  "version": "0.0.0-dev-20260403-10f7d94",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -137,7 +137,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260402-0dc2fb9"
+    "@incodetech/core": "0.0.0-dev-20260403-10f7d94"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/otpInput-B85heGC5.js

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