@incodetech/web 0.0.0-dev-20260313-486e658 → 0.0.0-dev-20260313-bc2dab4

package/dist/{ekybModule-Bttpjr3j.js → ekybModule-DiFpO2sE.js}

@@ -1,11 +1,13 @@
-import { b as k, u as t, I as U, a as F, S as $, B as R, r as M } from "./incodeModule-DLGHhn9E.js";
-import { SUPPORTED_COUNTRIES as I, DEV_ONLY_COUNTRIES as D, createEkybManager as w } from "@incodetech/core/ekyb";
-import { T as A, y as v, A as L, k as P } from "./vendor-preact-BXf0bkEs.js";
-import "./uiConfig-DisZ_yFB.js";
+import { b as k, u as t, I as U, a as F, S as $, B as R } from "./button-Ca1tRSTI.js";
+import { SUPPORTED_COUNTRIES as I, DEV_ONLY_COUNTRIES as M, createEkybManager as D } from "@incodetech/core/ekyb";
+import { T as w, y as v, A, k as L } from "./vendor-preact-BXf0bkEs.js";
+import "./uiConfig-Z6RT23Sl.js";
 import "@incodetech/core";
-import { F as O, V as E, u as T } from "./verificationResult-CKZqPXb9.js";
-import { P as _ } from "./page-BJDfLRpO.js";
-import { D as g, I as S } from "./dropdownComposed-BgGKKaXv.js";
+import { u as P } from "./useFormScrollable-3O3GeT4m.js";
+import { P as O } from "./page-BVHG3h0V.js";
+import { F as T, V as E } from "./formField-C91ckby4.js";
+import { r as _ } from "./incodeModule-aE-LkKwM.js";
+import { D as g, I as S } from "./dropdownComposed-DBm7cotT.js";
 function B(e) {
   return [...e.toUpperCase()].map((o) => String.fromCodePoint(127462 + o.charCodeAt(0) - 65)).join("");
 }
@@ -37,7 +39,7 @@ const K = ({
   value: e,
   onChange: o
 }) => {
-  const { t: r } = k(), n = A(() => (G() ? [...I, ...D] : [...I]).map(q).sort((u, l) => u.label.localeCompare(l.label)), []);
+  const { t: r } = k(), n = w(() => (G() ? [...I, ...M] : [...I]).map(q).sort((u, l) => u.label.localeCompare(l.label)), []);
   return /* @__PURE__ */ t("div", { className: "IncodeEkybCountrySelector", children: /* @__PURE__ */ t(
     g,
     {
@@ -78,7 +80,7 @@ const K = ({
     );
   }
   return /* @__PURE__ */ t(
-    O,
+    T,
     {
       name: e.name,
       label: e.label,
@@ -153,7 +155,7 @@ const K = ({
     )
   ] });
 }, W = ({ config: e, onFinish: o, onError: r }) => {
-  const [n, c] = F(() => w({ config: e }), {
+  const [n, c] = F(() => D({ config: e }), {
     autoLoad: !1
   });
   v(() => {
@@ -171,8 +173,8 @@ const K = ({
   "state",
   "postalCode"
 ]), Y = ({ state: e, manager: o }) => {
-  const { country: r, fields: n, values: c, displayErrors: u, isValid: l, ubos: m, canAddUbo: a } = e, { t: b } = k(), i = L(null), h = T(i, n.length), d = n.filter((s) => !f.has(s.name)), C = n.filter((s) => f.has(s.name));
-  return /* @__PURE__ */ t(_, { className: `IncodeEkybPage${h ? " IncodeEkybPageScrollable" : ""}`, title: b("ekyb.title"), children: [
+  const { country: r, fields: n, values: c, displayErrors: u, isValid: l, ubos: m, canAddUbo: a } = e, { t: b } = k(), i = A(null), h = P(i, n.length), d = n.filter((s) => !f.has(s.name)), C = n.filter((s) => f.has(s.name));
+  return /* @__PURE__ */ t(O, { className: `IncodeEkybPage${h ? " IncodeEkybPageScrollable" : ""}`, title: b("ekyb.title"), children: [
     /* @__PURE__ */ t("div", { ref: i, className: "IncodeEkybForm", children: [
       /* @__PURE__ */ t(
         K,
@@ -192,7 +194,7 @@ const K = ({
         },
         s.name
       )),
-      C.length > 0 && /* @__PURE__ */ t(P, { children: [
+      C.length > 0 && /* @__PURE__ */ t(L, { children: [
         /* @__PURE__ */ t("h3", { className: "IncodeEkybSectionHeader", children: b("ekyb.addressDetails") }),
         C.map((s) => /* @__PURE__ */ t(
           N,
@@ -236,7 +238,7 @@ const K = ({
   onFinish: o,
   onError: r
 }) => /* @__PURE__ */ t(U, { children: e ? /* @__PURE__ */ t(W, { config: e, onFinish: o, onError: r }) : null });
-M(j, "incode-ekyb");
+_(j, "incode-ekyb");
 export {
   j as EkybModule
 };

package/dist/ekycModule-DdD1iChB.js

@@ -0,0 +1,370 @@
+import { b as L, u as t, I as q, a as O, S as V, B as K } from "./button-Ca1tRSTI.js";
+import { createEkycManager as B } from "@incodetech/core/ekyc";
+import { d as w, A as x, y as N, q as H } from "./vendor-preact-BXf0bkEs.js";
+import "./uiConfig-Z6RT23Sl.js";
+import "@incodetech/core";
+import { u as T } from "./useFormScrollable-3O3GeT4m.js";
+import { D as Q } from "./dateInputComposed-CvFmQpJ0.js";
+import { I as z, D as G } from "./dropdownComposed-DBm7cotT.js";
+import { V as S, F as U } from "./formField-C91ckby4.js";
+import { P as W } from "./page-BVHG3h0V.js";
+import { r as j } from "./incodeModule-aE-LkKwM.js";
+import { P as J } from "./phoneInputComposed-B1gXoSzr.js";
+import { u as X } from "./useMediaQuery-CiSMgDyi.js";
+const Y = ({
+  label: y,
+  value: n,
+  error: h,
+  suggestions: l,
+  readonly: a,
+  optional: b,
+  onChange: E,
+  onSearch: M,
+  onSelect: F
+}) => {
+  const { t: v } = L(), [D, I] = w(!1), [r, C] = w(!1), [P, g] = w(""), [k, A] = w(-1), $ = x(null), e = "ekyc-address-listbox", i = X(), p = v(y), u = b ? `${p} (${v("common.optional")})` : p;
+  N(() => {
+    function o(d) {
+      $.current && !$.current.contains(d.target) && I(!1);
+    }
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, []), N(() => {
+    A(-1);
+  }, [l]);
+  const c = H(
+    (o) => {
+      F(o), I(!1), C(!1), A(-1);
+    },
+    [F]
+  ), s = (o) => {
+    E(o), o.length >= 3 ? i ? (C(!0), g(o)) : (M(o), I(!0)) : I(!1);
+  }, m = (o) => {
+    !D || l.length === 0 || (o.key === "ArrowDown" ? (o.preventDefault(), A((d) => d < l.length - 1 ? d + 1 : 0)) : o.key === "ArrowUp" ? (o.preventDefault(), A((d) => d > 0 ? d - 1 : l.length - 1)) : o.key === "Enter" && k >= 0 ? (o.preventDefault(), c(l[k])) : o.key === "Escape" && (I(!1), A(-1)));
+  }, f = !i && D && l.length > 0, R = f && k >= 0 ? `${e}-option-${k}` : void 0;
+  return /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete", ref: $, children: [
+    /* @__PURE__ */ t(
+      z,
+      {
+        id: "ekyc-street",
+        label: u,
+        name: "street",
+        value: n,
+        readOnly: a,
+        error: h ? v(h) : void 0,
+        onInput: (o) => s(o.target.value),
+        onKeyDown: m,
+        role: "combobox",
+        "aria-expanded": f,
+        "aria-controls": e,
+        "aria-activedescendant": R,
+        "aria-autocomplete": "list",
+        "data-testid": "ekyc-address-input"
+      }
+    ),
+    f && /* @__PURE__ */ t(
+      "ul",
+      {
+        id: e,
+        role: "listbox",
+        className: "IncodeAddressAutocompleteSuggestions",
+        children: l.map((o, d) => /* @__PURE__ */ t(
+          "li",
+          {
+            id: `${e}-option-${d}`,
+            role: "option",
+            "aria-selected": d === k,
+            className: `IncodeAddressAutocompleteSuggestion${d === k ? "IncodeAddressAutocompleteSuggestionActive" : ""}`,
+            onClick: () => c(o),
+            children: o.label
+          },
+          o.id
+        ))
+      }
+    ),
+    i && r && /* @__PURE__ */ t("div", { className: "IncodeAddressAutocompleteModalOverlay", children: /* @__PURE__ */ t("div", { className: "IncodeAddressAutocompleteModal", children: [
+      /* @__PURE__ */ t("div", { className: "IncodeAddressAutocompleteModalHeader", children: [
+        /* @__PURE__ */ t("h3", { children: v("verification.addressSearch") }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            className: "IncodeAddressAutocompleteModalClose",
+            onClick: () => C(!1),
+            type: "button",
+            children: "×"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "IncodeAddressAutocompleteModalBody", children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            className: "IncodeAddressAutocompleteModalInput",
+            type: "text",
+            value: P,
+            placeholder: v("verification.addressPlaceholder"),
+            onInput: (o) => {
+              const d = o.target.value;
+              g(d), d.length >= 3 && M(d);
+            },
+            autoFocus: !0
+          }
+        ),
+        l.length > 0 && /* @__PURE__ */ t(
+          "ul",
+          {
+            role: "listbox",
+            className: "IncodeAddressAutocompleteModalSuggestions",
+            children: l.map((o) => /* @__PURE__ */ t(
+              "li",
+              {
+                role: "option",
+                className: "IncodeAddressAutocompleteModalSuggestion",
+                onClick: () => c(o),
+                children: o.label
+              },
+              o.id
+            ))
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            className: "IncodeAddressAutocompleteEnterManually",
+            onClick: () => C(!1),
+            type: "button",
+            children: v("verification.enterManually")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}, Z = ({ config: y, onFinish: n, onError: h }) => {
+  const { t: l } = L(), [a, b] = O(() => B({ config: y }));
+  N(() => {
+    (a.status === "finished" || a.status === "closed") && n?.();
+  }, [a.status, n]);
+  const E = a.status === "error" ? a.errorMessage : void 0;
+  return N(() => {
+    a.status === "error" && h?.(E);
+  }, [a.status, h, E]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ t(
+    S,
+    {
+      status: "submitting",
+      submittingTitle: l("common.loading")
+    }
+  ) : a.status === "submitting" ? /* @__PURE__ */ t(S, { status: "submitting" }) : a.status === "success" ? /* @__PURE__ */ t(S, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ t(
+    S,
+    {
+      status: "failure",
+      onRetry: () => b.retry(),
+      onSkip: () => b.skip()
+    }
+  ) : a.status === "misconfigured" ? /* @__PURE__ */ t(
+    S,
+    {
+      status: "failure",
+      failureTitle: l("verification.noFormFields"),
+      onSkip: () => b.close(),
+      skipLabel: l("common.close")
+    }
+  ) : a.status === "form" ? /* @__PURE__ */ t(_, { state: a, manager: b }) : null;
+}, _ = ({ state: y, manager: n }) => {
+  const {
+    fields: h,
+    values: l,
+    displayErrors: a,
+    errorParams: b,
+    isValid: E,
+    addressSuggestions: M,
+    prefilled: F,
+    hideEmail: v,
+    fieldsCountry: D,
+    submitError: I
+  } = y, { t: r } = L(), C = x(null), P = x(null), g = x(void 0), k = T(C, h.length);
+  N(() => {
+    const e = a.postalCode, i = g.current;
+    if (g.current = e, !e || i === e)
+      return;
+    const p = requestAnimationFrame(() => {
+      const u = P.current;
+      if (!u) return;
+      (u.querySelector("#postalCode-error") ?? u).scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    });
+    return () => cancelAnimationFrame(p);
+  }, [a.postalCode]);
+  let A;
+  return /* @__PURE__ */ t(W, { className: `IncodeEkycPage${k ? " IncodeEkycPageScrollable" : ""}`, title: r("verification.title"), children: [
+    /* @__PURE__ */ t("div", { ref: C, className: "IncodeEkycForm", children: h.map((e) => {
+      if (e.name === "email" && v) return null;
+      let i = null;
+      e.section && e.section !== A && (A = e.section, i = /* @__PURE__ */ t("h3", { className: "IncodeEkycSectionHeader", children: r({
+        address: "verification.labels.addressDetailsSection",
+        driverLicense: "verification.labels.dlDetailsSection"
+      }[e.section] ?? e.section) }));
+      const p = e.readonly || F[e.name], u = l[e.name] ?? "", c = a[e.name];
+      if (e.name === "street" && e.section === "address")
+        return /* @__PURE__ */ t("div", { children: [
+          i,
+          /* @__PURE__ */ t(
+            Y,
+            {
+              label: e.label,
+              value: u,
+              error: c,
+              suggestions: M,
+              readonly: p,
+              onChange: (s) => n.setField("street", s),
+              onSearch: (s) => n.searchAddress(s),
+              onSelect: (s) => n.selectAddress(s)
+            }
+          )
+        ] }, e.name);
+      if (e.type === "dropdown") {
+        const s = r(e.label);
+        return /* @__PURE__ */ t("div", { children: [
+          i,
+          /* @__PURE__ */ t(
+            G,
+            {
+              id: `ekyc-${e.name}`,
+              label: s,
+              placeholder: e.placeholder ? r(e.placeholder) : void 0,
+              value: u,
+              options: (e.options ?? []).map((m) => ({
+                ...m,
+                label: r(m.label)
+              })),
+              error: c ? r(c) : void 0,
+              disabled: p,
+              searchable: !0,
+              onChange: (m) => n.setField(e.name, m),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      if (e.type === "date") {
+        const s = r(e.label);
+        return /* @__PURE__ */ t("div", { children: [
+          i,
+          /* @__PURE__ */ t(
+            Q,
+            {
+              id: `ekyc-${e.name}`,
+              label: s,
+              value: u,
+              error: c ? r(c) : void 0,
+              disabled: p,
+              onInput: (m) => {
+                const f = m.target;
+                n.setField(e.name, f.value);
+              },
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      if (e.type === "phone") {
+        const s = r(e.label);
+        return /* @__PURE__ */ t("div", { children: [
+          i,
+          /* @__PURE__ */ t(
+            J,
+            {
+              id: `ekyc-${e.name}`,
+              label: s,
+              countryCode: D,
+              value: u,
+              placeholder: e.placeholder,
+              error: c ? r(c) : void 0,
+              disabled: p,
+              disableCountrySelector: e.disableCountrySelector,
+              required: e.required,
+              onChange: (m) => n.setField(e.name, m),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      return e.type === "radio" ? /* @__PURE__ */ t("div", { children: [
+        i,
+        /* @__PURE__ */ t("div", { className: "IncodeEkycRadioGroup", children: [
+          /* @__PURE__ */ t("label", { className: "IncodeEkycRadioLabel", children: r(e.label) }),
+          /* @__PURE__ */ t("div", { className: "IncodeEkycRadioOptions", children: e.options?.map((s) => /* @__PURE__ */ t(
+            "label",
+            {
+              className: "IncodeEkycRadioOption",
+              children: [
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    type: "radio",
+                    name: e.name,
+                    checked: u === s.value,
+                    value: s.value,
+                    onChange: () => n.setField(e.name, s.value),
+                    disabled: p
+                  }
+                ),
+                /* @__PURE__ */ t("span", { children: r(s.label) })
+              ]
+            },
+            s.value
+          )) }),
+          c && /* @__PURE__ */ t("span", { className: "IncodeEkycFieldError", children: r(c) })
+        ] })
+      ] }, e.name) : /* @__PURE__ */ t(
+        "div",
+        {
+          ref: e.name === "postalCode" ? P : void 0,
+          children: [
+            i,
+            /* @__PURE__ */ t(
+              U,
+              {
+                name: e.name,
+                label: e.label,
+                value: u,
+                error: c,
+                errorParams: b[e.name],
+                type: e.type,
+                placeholder: e.placeholder,
+                placeholderParams: e.placeholderParams,
+                required: e.required,
+                optional: e.optional,
+                readonly: p,
+                maxLength: e.maxLength,
+                onChange: (s, m) => n.setField(s, m)
+              }
+            )
+          ]
+        },
+        e.name
+      );
+    }) }),
+    /* @__PURE__ */ t("div", { className: "IncodeEkycFooter", children: [
+      /* @__PURE__ */ t(V, { size: 32 }),
+      I && /* @__PURE__ */ t("p", { className: "IncodeEkycSubmitError", children: r(I) }),
+      /* @__PURE__ */ t(
+        K,
+        {
+          onClick: () => n.submit(),
+          disabled: !E,
+          "data-testid": "ekyc-submit",
+          children: r("common.continue")
+        }
+      )
+    ] })
+  ] });
+}, ee = ({
+  config: y,
+  onFinish: n,
+  onError: h
+}) => /* @__PURE__ */ t(q, { children: y ? /* @__PURE__ */ t(Z, { config: y, onFinish: n, onError: h }) : null });
+j(ee, "incode-ekyc");
+export {
+  ee as EkycModule
+};

package/dist/email/email.es.js

@@ -1,42 +1,43 @@
-import { u as e, S as g, r as b, I as h, a as v, B as O } from "../incodeModule-DLGHhn9E.js";
+import { u as i, S as f, I as h, a as v, B as O } from "../button-Ca1tRSTI.js";
 import { createEmailManager as y } from "@incodetech/core/email";
-import { d as f, y as V, k as P } from "../vendor-preact-BXf0bkEs.js";
+import { d as b, y as V, k as P } from "../vendor-preact-BXf0bkEs.js";
 import "@incodetech/core";
-import { O as k } from "../otpInput-BT0ZXrAt.js";
-import { P as E } from "../page-BJDfLRpO.js";
-const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
-  prefilledEmail: i,
+import { O as k } from "../otpInput-cazUY73p.js";
+import { P as I } from "../page-BVHG3h0V.js";
+import { r as w } from "../incodeModule-aE-LkKwM.js";
+const g = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, C = ({
+  prefilledEmail: e,
   emailError: a,
   disabled: r = !1,
-  onEmailChange: t
+  onEmailChange: n
 }) => {
-  const [n, o] = f("");
+  const [t, s] = b("");
   V(() => {
-    if (i) {
-      o(i);
-      const s = I.test(i.trim());
-      t(i.trim(), s);
+    if (e) {
+      s(e);
+      const c = g.test(e.trim());
+      n(e.trim(), c);
     }
-  }, [i, t]);
-  const m = (s) => {
-    const u = s.target.value;
-    o(u);
-    const l = u.trim(), c = l.length > 0 && I.test(l);
-    t(l, c);
-  }, p = a ? "email-error" : void 0;
-  return /* @__PURE__ */ e("div", { class: "IncodeEmailInput", children: /* @__PURE__ */ e("div", { class: "IncodeEmailInputContainer", children: [
-    /* @__PURE__ */ e(
+  }, [e, n]);
+  const m = (c) => {
+    const l = c.target.value;
+    s(l);
+    const d = l.trim(), p = d.length > 0 && g.test(d);
+    n(d, p);
+  }, u = a ? "email-error" : void 0;
+  return /* @__PURE__ */ i("div", { class: "IncodeEmailInput", children: /* @__PURE__ */ i("div", { class: "IncodeEmailInputContainer", children: [
+    /* @__PURE__ */ i(
       "div",
       {
         class: `IncodeEmailInputWrapper ${a ? "IncodeEmailInputWrapperError" : ""} ${r ? "IncodeEmailInputWrapperDisabled" : ""}`,
         children: [
-          /* @__PURE__ */ e("label", { for: "email-input", class: "IncodeEmailInputLabel", children: "Email" }),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ i("label", { for: "email-input", class: "IncodeEmailInputLabel", children: "Email" }),
+          /* @__PURE__ */ i(
             "input",
             {
               id: "email-input",
               type: "email",
-              value: n,
+              value: t,
               onInput: m,
               placeholder: "Email",
               disabled: r,
@@ -44,19 +45,19 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
               "data-testid": "email-input",
               "aria-label": "Email address",
               "aria-invalid": a ? "true" : "false",
-              "aria-describedby": p,
+              "aria-describedby": u,
               autocomplete: "email"
             }
           )
         ]
       }
     ),
-    a && /* @__PURE__ */ e(P, { children: [
-      /* @__PURE__ */ e(g, { size: 8 }),
-      /* @__PURE__ */ e(
+    a && /* @__PURE__ */ i(P, { children: [
+      /* @__PURE__ */ i(f, { size: 8 }),
+      /* @__PURE__ */ i(
         "p",
         {
-          id: p,
+          id: u,
           class: "IncodeEmailInputError",
           "data-testid": "email-error",
           role: "alert",
@@ -65,39 +66,48 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
       )
     ] })
   ] }) });
-}, C = ({ config: i, onFinish: a, onError: r }) => {
-  const [t, n] = v(() => {
-    if (!i)
-      throw new Error("Email config is required");
-    return y({ config: i });
-  }), [o, m] = f(!1);
+}, L = ({
+  config: e,
+  manager: a,
+  onFinish: r,
+  onError: n
+}) => {
+  const [t, s] = v(
+    () => {
+      if (a) return a;
+      if (!e)
+        throw new Error("Email config is required");
+      return y({ config: e });
+    },
+    { manageLifecycle: !a }
+  ), [m, u] = b(!1);
   if (t.status === "idle" || t.status === "loadingPrefill" || t.status === "inputting" || t.status === "submitting" || t.status === "sendingOtp") {
-    const s = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingOtp", d = t.status === "inputting" ? t.prefilledEmail : void 0, u = t.status === "inputting" ? t.emailError : void 0;
-    return /* @__PURE__ */ e(
-      E,
+    const o = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingOtp", l = t.status === "inputting" ? t.prefilledEmail : void 0, d = t.status === "inputting" ? t.emailError : void 0;
+    return /* @__PURE__ */ i(
+      I,
       {
         className: "IncodeEmailPage",
         title: "Verify Email",
-        subtitle: i.otpVerification ? "We will send you a verification code" : void 0,
+        subtitle: e.otpVerification ? "We will send you a verification code" : void 0,
         children: [
-          /* @__PURE__ */ e(
-            w,
+          /* @__PURE__ */ i(
+            C,
             {
-              prefilledEmail: d,
-              emailError: u,
-              disabled: s,
-              onEmailChange: (l, c) => {
-                n.setEmail(l, c), m(c);
+              prefilledEmail: l,
+              emailError: d,
+              disabled: o,
+              onEmailChange: (p, E) => {
+                s.setEmail(p, E), u(E);
               }
             }
           ),
-          /* @__PURE__ */ e(g, {}),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ i(f, {}),
+          /* @__PURE__ */ i(
             O,
             {
-              onClick: () => n.submit(),
-              disabled: !o,
-              isLoading: s,
+              onClick: () => s.submit(),
+              disabled: !m,
+              isLoading: o,
               "data-testid": "email-submit",
               children: "Continue"
             }
@@ -107,31 +117,44 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
     );
   }
   if (t.status === "awaitingOtp" || t.status === "verifyingOtp" || t.status === "otpError") {
-    const s = t.status === "verifyingOtp";
-    return /* @__PURE__ */ e(
-      E,
+    const o = t.status === "verifyingOtp";
+    return /* @__PURE__ */ i(
+      I,
       {
         className: "IncodeEmailPage IncodeEmailOtpPage",
         title: "Enter Verification Code",
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ i(
           k,
           {
             resendTimer: t.status === "awaitingOtp" ? t.resendTimer : 0,
             canResend: t.status === "awaitingOtp" ? t.canResend : !1,
             error: t.status === "otpError" ? t.error : void 0,
-            onSubmit: (d) => n.submitOtp(d),
-            onResend: () => n.resendOtp(),
-            onBack: () => n.back(),
+            onSubmit: (l) => s.submitOtp(l),
+            onResend: () => s.resendOtp(),
+            onBack: () => s.back(),
             backLinkText: "change email address",
-            isLoading: s
+            isLoading: o
           }
         )
       }
     );
   }
-  return t.status === "finished" ? (a?.(), null) : (t.status === "error" && r?.(t.error), null);
-}, L = ({ config: i, onFinish: a, onError: r }) => /* @__PURE__ */ e(h, { children: i ? /* @__PURE__ */ e(C, { config: i, onFinish: a, onError: r }) : null });
-b(L, "incode-email");
+  return t.status === "finished" ? (r?.(), null) : (t.status === "error" && n?.(t.error), null);
+}, S = ({
+  config: e,
+  manager: a,
+  onFinish: r,
+  onError: n
+}) => /* @__PURE__ */ i(h, { children: e ? /* @__PURE__ */ i(
+  L,
+  {
+    config: e,
+    manager: a,
+    onFinish: r,
+    onError: n
+  }
+) : null });
+w(S, "incode-email");
 export {
-  L as Email
+  S as Email
 };

package/dist/{errorContent-6xl4ArMV.js → errorContent-yUAdbZ5o.js}

@@ -1,9 +1,9 @@
-import { b as l, u as n, S as r, B as m } from "./incodeModule-DLGHhn9E.js";
+import { b as l, u as n, S as r, B as m } from "./button-Ca1tRSTI.js";
 import { A as p, y as C } from "./vendor-preact-BXf0bkEs.js";
-import { E } from "./errorIcon-Cxcv4ISP.js";
-import { W as I } from "./warningIcon-WqI5X7cK.js";
-import { P as f } from "./page-BJDfLRpO.js";
-import { T as h } from "./spinner--i134wYq.js";
+import { E } from "./errorIcon-BL647nVh.js";
+import { W as I } from "./warningIcon-DyoKeqDd.js";
+import { P as f } from "./page-BVHG3h0V.js";
+import { T as h } from "./spinner-Cx3FPUCD.js";
 const x = ({
   title: c,
   description: s,