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

package/dist/dropdownComposed-B5ZuQS8C.js

@@ -0,0 +1,345 @@
+import { u as o, d as M } from "./button-Ca1tRSTI.js";
+import { d as D, A as p, y as C } from "./vendor-preact-BXf0bkEs.js";
+import { C as ce } from "./chevronDown-BUaOuf9J.js";
+import { E as de } from "./errorIcon-BL647nVh.js";
+import { S as ie } from "./successIcon-BybULRRU.js";
+const le = ({ size: s = 20 }) => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: s,
+    height: s,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    class: "IncodeSearchIcon",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ o("title", { children: "Search" }),
+      /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z",
+          stroke: "var(--icon-neutral-300)",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M19 19L14.65 14.65",
+          stroke: "var(--icon-neutral-300)",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      )
+    ]
+  }
+), ve = ({
+  id: s,
+  label: u,
+  placeholder: b = "Choose an option",
+  value: g,
+  options: k,
+  onChange: Q,
+  error: l,
+  helper: y,
+  showErrorIcon: U,
+  showHelperIcon: V,
+  suppressMessages: S = !1,
+  disabled: f = !1,
+  required: T,
+  searchable: w = !1,
+  searchPlaceholder: W = "Search...",
+  noResultsText: Z = "No results found",
+  name: H,
+  tabIndex: _,
+  onKeyDown: G,
+  onBlur: J,
+  renderSelectedLabel: K,
+  siblingElement: x,
+  enterKeyHint: pe,
+  class: P,
+  "data-testid": X
+}) => {
+  const [n, d] = D(!1), [Y, L] = D(!1), [a, t] = D(-1), [$, O] = D(""), B = p(null), m = p(null), j = p(null), R = p([]), A = p(null), E = p(""), h = p(), v = k.find((e) => e.value === g), c = w && $ ? k.filter(
+    (e) => e.label.toLowerCase().includes($.toLowerCase())
+  ) : k, F = `${s}-label`, z = `${s}-listbox`, N = `${s}-helper`, q = `${s}-error`, ee = S ? "" : [y ? N : null, l ? q : null].filter(Boolean).join(" ");
+  C(() => {
+    if (!n) return;
+    const e = requestAnimationFrame(() => {
+      w && A.current && A.current.focus(), requestAnimationFrame(() => {
+        j.current?.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "nearest"
+        });
+      });
+    });
+    return () => cancelAnimationFrame(e);
+  }, [n, w]), C(() => {
+    n || (t(-1), O(""));
+  }, [n]), C(() => {
+    a >= 0 && R.current[a] && R.current[a]?.scrollIntoView({
+      block: "nearest",
+      inline: "nearest"
+    });
+  }, [a]), C(() => () => {
+    h.current && clearTimeout(h.current);
+  }, []);
+  const oe = () => {
+    f || d((e) => !e);
+  }, I = (e) => {
+    Q(e), d(!1), t(-1), m.current?.focus();
+  }, re = () => {
+    L(!0);
+  }, ne = (e) => {
+    L(!1), B.current?.contains(e.relatedTarget) || (d(!1), J?.());
+  }, te = (e) => {
+    if (f) return;
+    G?.(e);
+    const { key: i } = e;
+    if (i.length === 1 && /^[a-zA-Z0-9]$/.test(i)) {
+      e.preventDefault(), h.current && clearTimeout(h.current), E.current += i.toLowerCase();
+      const r = c.findIndex(
+        (se) => se.label.toLowerCase().startsWith(E.current)
+      );
+      r !== -1 && (n || d(!0), t(r)), h.current = setTimeout(() => {
+        E.current = "";
+      }, 500);
+      return;
+    }
+    switch (i) {
+      case "ArrowDown":
+        e.preventDefault(), n ? t(
+          (r) => r < c.length - 1 ? r + 1 : r
+        ) : (d(!0), t(0));
+        break;
+      case "ArrowUp":
+        e.preventDefault(), n ? t((r) => r > 0 ? r - 1 : r) : (d(!0), t(c.length - 1));
+        break;
+      case "Home":
+        e.preventDefault(), n && t(0);
+        break;
+      case "End":
+        e.preventDefault(), n && t(c.length - 1);
+        break;
+      case "Enter":
+        e.preventDefault(), n && a >= 0 && c[a] ? I(c[a].value) : n || d(!0);
+        break;
+      case " ":
+        e.preventDefault(), n && a >= 0 && c[a] ? I(c[a].value) : n || (d(!0), t(0));
+        break;
+      case "Escape":
+        e.preventDefault(), n && (d(!1), t(-1), m.current?.focus());
+        break;
+      case "Tab":
+        n && (d(!1), t(-1));
+        break;
+    }
+  }, ae = (e) => {
+    const { key: i } = e;
+    switch (i) {
+      case "ArrowDown":
+        e.preventDefault(), t(
+          (r) => r < c.length - 1 ? r + 1 : r
+        );
+        break;
+      case "ArrowUp":
+        e.preventDefault(), t((r) => r > 0 ? r - 1 : r);
+        break;
+      case "Home":
+        e.preventDefault(), t(0);
+        break;
+      case "End":
+        e.preventDefault(), t(c.length - 1);
+        break;
+      case "Enter":
+        e.preventDefault(), a >= 0 && c[a] && I(c[a].value);
+        break;
+      case "Escape":
+        e.preventDefault(), d(!1), t(-1), m.current?.focus();
+        break;
+      case "Tab":
+        d(!1), t(-1);
+        break;
+    }
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      class: M("IncodeDropdownComposed", P),
+      ref: B,
+      onBlur: ne,
+      children: [
+        H && /* @__PURE__ */ o(
+          "input",
+          {
+            type: "hidden",
+            name: H,
+            value: g || "",
+            disabled: f,
+            required: T
+          }
+        ),
+        u && /* @__PURE__ */ o(
+          "label",
+          {
+            class: "IncodeDropdownComposedLabel",
+            id: F,
+            htmlFor: s,
+            "data-testid": `${s}-label`,
+            children: [
+              u,
+              T && /* @__PURE__ */ o("span", { class: "IncodeDropdownComposedRequired", children: " *" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedWrapper", children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              class: M("IncodeDropdownComposedTriggerRow", {
+                IncodeDropdownComposedTriggerRowWithSibling: !!x
+              }),
+              children: [
+                /* @__PURE__ */ o(
+                  "button",
+                  {
+                    ref: m,
+                    type: "button",
+                    id: s,
+                    class: "IncodeDropdownComposedTrigger",
+                    onClick: oe,
+                    onFocus: re,
+                    onKeyDown: te,
+                    tabIndex: f ? -1 : _ ?? 0,
+                    disabled: f,
+                    "aria-haspopup": "listbox",
+                    "aria-expanded": n ? "true" : "false",
+                    "aria-disabled": f ? "true" : void 0,
+                    "aria-labelledby": u ? F : void 0,
+                    "aria-label": u ? void 0 : b,
+                    "aria-controls": n ? z : void 0,
+                    "aria-activedescendant": n && a >= 0 ? `${s}-option-${a}` : void 0,
+                    "aria-invalid": l ? "true" : void 0,
+                    "aria-required": T ? "true" : void 0,
+                    "aria-describedby": ee || void 0,
+                    "data-error": l ? "true" : void 0,
+                    "data-focused": Y || n ? "true" : void 0,
+                    "data-testid": X,
+                    children: [
+                      /* @__PURE__ */ o(
+                        "span",
+                        {
+                          class: v ? "IncodeDropdownComposedTriggerText" : "IncodeDropdownComposedTriggerPlaceholder",
+                          children: v ? K ? K(v) : v.label : b
+                        }
+                      ),
+                      /* @__PURE__ */ o(
+                        "span",
+                        {
+                          class: "IncodeDropdownComposedTriggerIcon",
+                          "aria-hidden": "true",
+                          "data-open": n,
+                          children: /* @__PURE__ */ o(ce, {})
+                        }
+                      )
+                    ]
+                  }
+                ),
+                x && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSibling", children: x })
+              ]
+            }
+          ),
+          n && /* @__PURE__ */ o(
+            "div",
+            {
+              ref: j,
+              id: z,
+              class: "IncodeDropdownComposedList",
+              role: "listbox",
+              "aria-labelledby": u ? F : void 0,
+              "aria-label": u ? void 0 : b,
+              "data-error": l ? "true" : void 0,
+              children: [
+                w && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSearchWrapper", children: /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSearchInner", children: [
+                  /* @__PURE__ */ o(
+                    "input",
+                    {
+                      ref: A,
+                      type: "text",
+                      class: "IncodeDropdownComposedSearchInput",
+                      value: $,
+                      onInput: (e) => {
+                        O(e.target.value), t(0);
+                      },
+                      onKeyDown: ae,
+                      placeholder: W,
+                      "aria-label": W,
+                      autocomplete: "off"
+                    }
+                  ),
+                  /* @__PURE__ */ o(
+                    "span",
+                    {
+                      class: "IncodeDropdownComposedSearchIcon",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ o(le, { size: 20 })
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedOptionsScroll", children: c.length === 0 ? /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedNoResults", children: Z }) : c.map((e, i) => /* @__PURE__ */ o(
+                  "div",
+                  {
+                    id: `${s}-option-${i}`,
+                    role: "option",
+                    "aria-selected": g === e.value ? "true" : "false",
+                    class: "IncodeDropdownComposedOption",
+                    "data-highlighted": a === i,
+                    ref: (r) => {
+                      R.current[i] = r;
+                    },
+                    onClick: () => I(e.value),
+                    onMouseDown: (r) => r.preventDefault(),
+                    onMouseEnter: () => t(i),
+                    children: e.label
+                  },
+                  e.value
+                )) })
+              ]
+            }
+          )
+        ] }),
+        !S && l && /* @__PURE__ */ o(
+          "div",
+          {
+            class: "IncodeDropdownComposedErrorWrapper",
+            "data-testid": `${s}-error-wrapper`,
+            children: [
+              U && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ o(de, { size: 17 }) }),
+              /* @__PURE__ */ o("p", { id: q, class: "IncodeDropdownComposedError", children: l })
+            ]
+          }
+        ),
+        !S && y && !l && /* @__PURE__ */ o(
+          "div",
+          {
+            class: "IncodeDropdownComposedHelperWrapper",
+            "data-testid": `${s}-helper-wrapper`,
+            children: [
+              V && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ o(ie, { size: 17 }) }),
+              /* @__PURE__ */ o("p", { id: N, class: "IncodeDropdownComposedHelper", children: y })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ve as D,
+  le as S
+};

package/dist/{ekybModule-CV7jE8qz.js → ekybModule-BKSouMz6.js}

@@ -1,13 +1,14 @@
 import { b as k, u as o, I as w, a as D, S as L, B as T } from "./button-Ca1tRSTI.js";
-import { SUPPORTED_COUNTRIES as F, DEV_ONLY_COUNTRIES as O, createEkybManager as _ } from "@incodetech/core/ekyb";
+import { SUPPORTED_COUNTRIES as f, DEV_ONLY_COUNTRIES as O, createEkybManager as _ } from "@incodetech/core/ekyb";
 import { T as q, y as g, A as S, k as B } from "./vendor-preact-BXf0bkEs.js";
 import "./uiConfig-Z6RT23Sl.js";
 import "@incodetech/core";
-import { u as V, A as G } from "./addressAutocomplete-CL7IcYGQ.js";
+import { u as V, A as G } from "./addressAutocomplete-3u5x8ZFs.js";
 import { P as K } from "./page-BVHG3h0V.js";
-import { t as $, F as z, V as v } from "./formField-B2HDj15w.js";
+import { t as $, F as z, V as v } from "./formField-UWsp-7Fj.js";
 import { r as W } from "./incodeModule-aE-LkKwM.js";
-import { D as P, I as f } from "./dropdownComposed-DBm7cotT.js";
+import { D as P } from "./dropdownComposed-B5ZuQS8C.js";
+import { I as F } from "./inputComposed-BHi-MSpP.js";
 function Y(e) {
   return [...e.toUpperCase()].map((r) => String.fromCodePoint(127462 + r.charCodeAt(0) - 65)).join("");
 }
@@ -39,7 +40,7 @@ const J = ({
   value: e,
   onChange: r
 }) => {
-  const { t: u } = k(), i = q(() => (X() ? [...F, ...O] : [...F]).map(H).sort((l, a) => l.label.localeCompare(a.label)), []);
+  const { t: u } = k(), i = q(() => (X() ? [...f, ...O] : [...f]).map(H).sort((l, a) => l.label.localeCompare(a.label)), []);
   return /* @__PURE__ */ o("div", { className: "IncodeEkybCountrySelector", children: /* @__PURE__ */ o(
     P,
     {
@@ -108,7 +109,7 @@ const J = ({
       const b = n === 0 ? m("ekyb.uboName") : m("ekyb.uboNameWithNumber", { number: n + 1 }), C = n === 0 ? m("ekyb.uboSurname") : m("ekyb.uboSurnameWithNumber", { number: n + 1 }), E = n === 0;
       return /* @__PURE__ */ o("div", { className: "IncodeEkybUboEntry", children: [
         /* @__PURE__ */ o(
-          f,
+          F,
           {
             id: `ubo-${n}-name`,
             label: b,
@@ -120,7 +121,7 @@ const J = ({
           }
         ),
         /* @__PURE__ */ o(
-          f,
+          F,
           {
             id: `ubo-${n}-surname`,
             label: C,

package/dist/{ekycModule-fxKjsL1i.js → ekycModule-CWu3ZTNN.js}

@@ -3,13 +3,13 @@ import { createEkycManager as x } from "@incodetech/core/ekyc";
 import { y as E, A as k } from "./vendor-preact-BXf0bkEs.js";
 import "./uiConfig-Z6RT23Sl.js";
 import "@incodetech/core";
-import { u as T, A as B } from "./addressAutocomplete-CL7IcYGQ.js";
-import { V as b, t as H, F as K } from "./formField-B2HDj15w.js";
+import { u as T, A as B } from "./addressAutocomplete-3u5x8ZFs.js";
+import { V as b, t as H, F as K } from "./formField-UWsp-7Fj.js";
 import { D as O } from "./dateInputComposed-CvFmQpJ0.js";
-import { D as z } from "./dropdownComposed-DBm7cotT.js";
+import { D as z } from "./dropdownComposed-B5ZuQS8C.js";
 import { P as G } from "./page-BVHG3h0V.js";
 import { r as j } from "./incodeModule-aE-LkKwM.js";
-import { P as J } from "./phoneInputComposed-D0oBe-el.js";
+import { P as J } from "./phoneInputComposed-CwtJKvGh.js";
 const Q = ({ config: p, onFinish: s, onError: m }) => {
   const { t: h } = P(), [t, i] = M(() => x({ config: p }));
   E(() => {

package/dist/email/email.es.js

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