doct-ui-auth-kit 1.0.0

package/dist/signup-Cnybfnhd.js

@@ -0,0 +1,720 @@
+import { jsx as d, jsxs as O } from "react/jsx-runtime";
+import { DoctTypography as P, DoctButton as x, DoctLabeledInput as re, DoctPhoneInput as ie, DoctOtpInput as oe } from "docthub-core-components";
+import { useFormContext as B, Controller as V, useForm as q, FormProvider as z } from "react-hook-form";
+import { z as _ } from "zod";
+import R, { useState as ae, useEffect as se } from "react";
+var T = { exports: {} }, A = {};
+var U;
+function ce() {
+  if (U) return A;
+  U = 1;
+  var t = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  return A.c = function(e) {
+    return t.H.useMemoCache(e);
+  }, A;
+}
+var H = {};
+var G;
+function me() {
+  return G || (G = 1, process.env.NODE_ENV !== "production" && (function() {
+    var t = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    H.c = function(e) {
+      var n = t.H;
+      return n === null && console.error(
+        `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
+      ), n.useMemoCache(e);
+    };
+  })()), H;
+}
+var Y;
+function ue() {
+  return Y || (Y = 1, process.env.NODE_ENV === "production" ? T.exports = ce() : T.exports = me()), T.exports;
+}
+var N = ue();
+function Ae(t) {
+  const e = N.c(11), {
+    error: n,
+    onGoBack: r
+  } = t, o = n?.message ?? "This account is already linked to another identifier. Please use that method to sign in or try a different one.", i = n?.linkedIdentifier;
+  let u;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ d(P, { variant: "h5", weight: "extraBold", align: "left", className: "mb-2 text-black", children: "Account already exists" }), e[0] = u) : u = e[0];
+  let a;
+  e[1] !== o ? (a = /* @__PURE__ */ d(P, { variant: "body2", align: "left", className: "mb-4 text-black/80", children: o }), e[1] = o, e[2] = a) : a = e[2];
+  let l;
+  e[3] !== i ? (l = i ? /* @__PURE__ */ O(P, { variant: "title2", align: "left", className: "mb-4 text-black/70", children: [
+    "Linked to: ",
+    i
+  ] }) : null, e[3] = i, e[4] = l) : l = e[4];
+  let m;
+  e[5] !== r ? (m = /* @__PURE__ */ d(x, { variant: "primary", size: "large", fullWidth: !0, onClick: r, children: "Go back" }), e[5] = r, e[6] = m) : m = e[6];
+  let s;
+  return e[7] !== a || e[8] !== l || e[9] !== m ? (s = /* @__PURE__ */ O("div", { className: "w-full flex flex-col gap-[12px]", children: [
+    u,
+    a,
+    l,
+    m
+  ] }), e[7] = a, e[8] = l, e[9] = m, e[10] = s) : s = e[10], s;
+}
+function D(t) {
+  const e = N.c(14), {
+    name: n,
+    label: r,
+    placeholder: o,
+    className: i,
+    control: u,
+    required: a,
+    type: l,
+    disabled: m,
+    onKeyDown: s,
+    maxLength: c,
+    numericOnly: f
+  } = t, b = B(), p = u || b.control;
+  let h;
+  e[0] !== i || e[1] !== m || e[2] !== r || e[3] !== c || e[4] !== f || e[5] !== s || e[6] !== o || e[7] !== a || e[8] !== l ? (h = (v) => {
+    const {
+      field: S,
+      fieldState: E
+    } = v;
+    return /* @__PURE__ */ d(re, { ...S, value: S.value ?? "", ...r !== void 0 && {
+      label: r
+    }, ...o !== void 0 && {
+      placeholder: o
+    }, ...E.error?.message !== void 0 && {
+      error: E.error?.message
+    }, ...i !== void 0 && {
+      className: i
+    }, ...a !== void 0 && {
+      required: a
+    }, type: l, ...m !== void 0 && {
+      disabled: m
+    }, onKeyDown: f ? (y) => {
+      !/[0-9]/.test(y.key) && !["Backspace", "Tab", "Delete", "ArrowLeft", "ArrowRight", "Home", "End"].includes(y.key) && y.preventDefault(), s?.(y);
+    } : s, ...c !== void 0 && {
+      maxLength: c
+    }, onChange: (y) => {
+      const C = y.target?.value;
+      if (typeof C == "string") {
+        S.onChange(C.replace(/^\s+/, ""));
+        let w = C.replace(/^\s+/, "");
+        f && (w = w.replace(/\D/g, "")), S.onChange(w);
+      } else
+        S.onChange(C);
+    }, onBlur: () => {
+      const y = S.value;
+      if (typeof y == "string") {
+        const C = y.trim();
+        C !== y && S.onChange(C);
+      }
+      S.onBlur();
+    } });
+  }, e[0] = i, e[1] = m, e[2] = r, e[3] = c, e[4] = f, e[5] = s, e[6] = o, e[7] = a, e[8] = l, e[9] = h) : h = e[9];
+  let g;
+  return e[10] !== n || e[11] !== p || e[12] !== h ? (g = /* @__PURE__ */ d(V, { name: n, control: p, render: h }), e[10] = n, e[11] = p, e[12] = h, e[13] = g) : g = e[13], g;
+}
+const fe = _.object({
+  fullName: _.string().min(1, "Full name is required"),
+  email: _.string().min(1, "Email is required").email("Enter a valid email address")
+});
+function He(t) {
+  const e = N.c(17), {
+    maskedPhone: n,
+    onSubmit: r
+  } = t;
+  let o;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
+    defaultValues: {
+      fullName: "",
+      email: ""
+    },
+    mode: "onSubmit"
+  }, e[0] = o) : o = e[0];
+  const i = q(o);
+  let u;
+  e[1] !== i || e[2] !== r ? (u = (p) => {
+    const h = fe.safeParse(p);
+    if (!h.success) {
+      for (const g of h.error.issues) {
+        const v = g.path[0];
+        typeof v == "string" && i.setError(v, {
+          message: g.message
+        });
+      }
+      return;
+    }
+    r?.({
+      fullName: h.data.fullName.trim(),
+      email: h.data.email.trim().toLowerCase()
+    });
+  }, e[1] = i, e[2] = r, e[3] = u) : u = e[3];
+  const a = u;
+  let l;
+  e[4] !== a || e[5] !== i ? (l = i.handleSubmit(a), e[4] = a, e[5] = i, e[6] = l) : l = e[6];
+  let m;
+  e[7] !== n ? (m = n ? /* @__PURE__ */ O(P, { variant: "body2", className: "mb-4 text-black/70", children: [
+    "We'll send the verification code to your email instead of",
+    " ",
+    n,
+    "."
+  ] }) : null, e[7] = n, e[8] = m) : m = e[8];
+  let s, c;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ O("div", { className: "mb-6 flex w-full flex-col gap-[12px]", children: [
+    /* @__PURE__ */ d(D, { name: "fullName", placeholder: "Full name*", required: !0, type: "text", className: "w-full" }),
+    /* @__PURE__ */ d(D, { name: "email", placeholder: "Email address*", type: "email", required: !0, className: "w-full" })
+  ] }), c = /* @__PURE__ */ d(x, { type: "submit", variant: "primary", size: "large", fullWidth: !0, children: "Continue" }), e[9] = s, e[10] = c) : (s = e[9], c = e[10]);
+  let f;
+  e[11] !== l || e[12] !== m ? (f = /* @__PURE__ */ O("form", { onSubmit: l, className: "w-full flex flex-col", children: [
+    m,
+    s,
+    c
+  ] }), e[11] = l, e[12] = m, e[13] = f) : f = e[13];
+  let b;
+  return e[14] !== i || e[15] !== f ? (b = /* @__PURE__ */ d(z, { ...i, children: f }), e[14] = i, e[15] = f, e[16] = b) : b = e[16], b;
+}
+function X(t) {
+  const e = N.c(13), {
+    name: n,
+    label: r,
+    placeholder: o,
+    helperText: i,
+    defaultCountry: u,
+    variant: a,
+    required: l,
+    disabled: m,
+    control: s,
+    error: c
+  } = t, f = o === void 0 ? "Enter phone number" : o, b = u === void 0 ? "IN" : u, p = a === void 0 ? "default" : a, h = B(), g = s ?? h.control;
+  let v;
+  e[0] !== b || e[1] !== m || e[2] !== c || e[3] !== i || e[4] !== r || e[5] !== f || e[6] !== l || e[7] !== p ? (v = (E) => {
+    const {
+      field: y,
+      fieldState: C
+    } = E, w = c ?? C.error?.message;
+    return /* @__PURE__ */ d(ie, { placeholder: f, value: y.value ?? "", onValueChange: (j) => y.onChange(j ?? ""), defaultCountry: b, variant: p ?? "default", required: l ?? !1, disabled: m ?? !1, ...r != null && {
+      label: r
+    }, ...i != null && {
+      helperText: i
+    }, ...w !== void 0 && {
+      error: w
+    } });
+  }, e[0] = b, e[1] = m, e[2] = c, e[3] = i, e[4] = r, e[5] = f, e[6] = l, e[7] = p, e[8] = v) : v = e[8];
+  let S;
+  return e[9] !== n || e[10] !== g || e[11] !== v ? (S = /* @__PURE__ */ d(V, { name: n, control: g, render: v }), e[9] = n, e[10] = g, e[11] = v, e[12] = S) : S = e[12], S;
+}
+const de = _.object({
+  phone: _.string().min(1, "Phone number is required")
+}), he = _.object({
+  email: _.string().min(1, "Email is required").email("Enter a valid email address")
+}), pe = {
+  phone: de,
+  email: he
+};
+function ge(t) {
+  const e = N.c(12), {
+    mode: n,
+    onSubmit: r
+  } = t, o = n === "phone";
+  let i;
+  e[0] !== o ? (i = o ? {
+    phone: ""
+  } : {
+    email: ""
+  }, e[0] = o, e[1] = i) : i = e[1];
+  const u = i;
+  let a;
+  e[2] !== u ? (a = {
+    defaultValues: u,
+    mode: "onSubmit"
+  }, e[2] = u, e[3] = a) : a = e[3];
+  const l = q(a);
+  let m;
+  e[4] !== l || e[5] !== n || e[6] !== r ? (m = (f) => {
+    const p = pe[n].safeParse(f);
+    if (!p.success) {
+      for (const h of p.error.issues) {
+        const g = h.path[0];
+        typeof g == "string" && l.setError(g, {
+          message: h.message
+        });
+      }
+      return;
+    }
+    r?.(p.data);
+  }, e[4] = l, e[5] = n, e[6] = r, e[7] = m) : m = e[7];
+  const s = m;
+  let c;
+  return e[8] !== s || e[9] !== o || e[10] !== l ? (c = {
+    methods: l,
+    handleSubmit: s,
+    isPhone: o
+  }, e[8] = s, e[9] = o, e[10] = l, e[11] = c) : c = e[11], c;
+}
+function Be(t) {
+  const e = N.c(15), {
+    mode: n,
+    onSubmit: r
+  } = t;
+  let o;
+  e[0] !== n || e[1] !== r ? (o = {
+    mode: n,
+    onSubmit: r
+  }, e[0] = n, e[1] = r, e[2] = o) : o = e[2];
+  const {
+    methods: i,
+    handleSubmit: u,
+    isPhone: a
+  } = ge(o);
+  let l;
+  e[3] !== u || e[4] !== i ? (l = i.handleSubmit(u), e[3] = u, e[4] = i, e[5] = l) : l = e[5];
+  let m;
+  e[6] !== a ? (m = /* @__PURE__ */ d("div", { className: "mb-6 flex w-full flex-col gap-[12px]", children: a ? /* @__PURE__ */ d(X, { name: "phone", placeholder: "Phone number", required: !0, defaultCountry: "IN" }) : /* @__PURE__ */ d(D, { name: "email", placeholder: "Enter email address", type: "email", required: !0 }) }), e[6] = a, e[7] = m) : m = e[7];
+  let s;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ d(x, { type: "submit", variant: "primary", size: "large", fullWidth: !0, children: "Continue" }), e[8] = s) : s = e[8];
+  let c;
+  e[9] !== l || e[10] !== m ? (c = /* @__PURE__ */ O("form", { onSubmit: l, className: "w-full flex flex-col", children: [
+    m,
+    s
+  ] }), e[9] = l, e[10] = m, e[11] = c) : c = e[11];
+  let f;
+  return e[12] !== i || e[13] !== c ? (f = /* @__PURE__ */ d(z, { ...i, children: c }), e[12] = i, e[13] = c, e[14] = f) : f = e[14], f;
+}
+var Z = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, K = R.createContext && /* @__PURE__ */ R.createContext(Z), be = ["attr", "size", "title"];
+function ve(t, e) {
+  if (t == null) return {};
+  var n = ye(t, e), r, o;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(t);
+    for (o = 0; o < i.length; o++)
+      r = i[o], !(e.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (n[r] = t[r]);
+  }
+  return n;
+}
+function ye(t, e) {
+  if (t == null) return {};
+  var n = {};
+  for (var r in t)
+    if (Object.prototype.hasOwnProperty.call(t, r)) {
+      if (e.indexOf(r) >= 0) continue;
+      n[r] = t[r];
+    }
+  return n;
+}
+function k() {
+  return k = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var n = arguments[e];
+      for (var r in n)
+        Object.prototype.hasOwnProperty.call(n, r) && (t[r] = n[r]);
+    }
+    return t;
+  }, k.apply(this, arguments);
+}
+function J(t, e) {
+  var n = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(t);
+    e && (r = r.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(t, o).enumerable;
+    })), n.push.apply(n, r);
+  }
+  return n;
+}
+function I(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var n = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? J(Object(n), !0).forEach(function(r) {
+      Se(t, r, n[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : J(Object(n)).forEach(function(r) {
+      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(n, r));
+    });
+  }
+  return t;
+}
+function Se(t, e, n) {
+  return e = Ce(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+}
+function Ce(t) {
+  var e = _e(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function _e(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var n = t[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var r = n.call(t, e);
+    if (typeof r != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function ee(t) {
+  return t && t.map((e, n) => /* @__PURE__ */ R.createElement(e.tag, I({
+    key: n
+  }, e.attr), ee(e.child)));
+}
+function te(t) {
+  return (e) => /* @__PURE__ */ R.createElement(Ne, k({
+    attr: I({}, t.attr)
+  }, e), ee(t.child));
+}
+function Ne(t) {
+  var e = (n) => {
+    var {
+      attr: r,
+      size: o,
+      title: i
+    } = t, u = ve(t, be), a = o || n.size || "1em", l;
+    return n.className && (l = n.className), t.className && (l = (l ? l + " " : "") + t.className), /* @__PURE__ */ R.createElement("svg", k({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, n.attr, r, u, {
+      className: l,
+      style: I(I({
+        color: t.color || n.color
+      }, n.style), t.style),
+      height: a,
+      width: a,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), i && /* @__PURE__ */ R.createElement("title", null, i), t.children);
+  };
+  return K !== void 0 ? /* @__PURE__ */ R.createElement(K.Consumer, null, (n) => e(n)) : e(Z);
+}
+function xe(t) {
+  return te({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z" }, child: [] }] })(t);
+}
+function Oe(t) {
+  return te({ attr: { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 48 48", enableBackground: "new 0 0 48 48" }, child: [{ tag: "path", attr: { fill: "#FFC107", d: `M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12\r
+	c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24\r
+	c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z` }, child: [] }, { tag: "path", attr: { fill: "#FF3D00", d: `M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657\r
+	C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z` }, child: [] }, { tag: "path", attr: { fill: "#4CAF50", d: `M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36\r
+	c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z` }, child: [] }, { tag: "path", attr: { fill: "#1976D2", d: `M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571\r
+	c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z` }, child: [] }] })(t);
+}
+function Ve(t) {
+  const e = N.c(19), {
+    onContinueWithMobile: n,
+    onContinueWithEmail: r,
+    onContinueWithGoogle: o,
+    onContinueWithApple: i
+  } = t, u = Ee;
+  let a;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = u("Continue with Mobile"), e[0] = a) : a = e[0];
+  let l;
+  e[1] !== n ? (l = /* @__PURE__ */ d(x, { variant: "outline", size: "large", fullWidth: !0, onClick: n, children: a }), e[1] = n, e[2] = l) : l = e[2];
+  let m;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = u("Continue with Email"), e[3] = m) : m = e[3];
+  let s;
+  e[4] !== r ? (s = /* @__PURE__ */ d(x, { variant: "outline", size: "large", fullWidth: !0, onClick: r, children: m }), e[4] = r, e[5] = s) : s = e[5];
+  let c;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ d(Oe, { "aria-hidden": "true" }), e[6] = c) : c = e[6];
+  let f;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = u("Continue with Google"), e[7] = f) : f = e[7];
+  let b;
+  e[8] !== o ? (b = /* @__PURE__ */ d(x, { variant: "outline", size: "large", fullWidth: !0, icon: c, iconPosition: "left", onClick: o, children: f }), e[8] = o, e[9] = b) : b = e[9];
+  let p;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ d(xe, { "aria-hidden": "true" }), e[10] = p) : p = e[10];
+  let h;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = u("Continue with Apple"), e[11] = h) : h = e[11];
+  let g;
+  e[12] !== i ? (g = /* @__PURE__ */ d(x, { variant: "outline", size: "large", fullWidth: !0, icon: p, iconPosition: "left", onClick: i, children: h }), e[12] = i, e[13] = g) : g = e[13];
+  let v;
+  return e[14] !== g || e[15] !== l || e[16] !== s || e[17] !== b ? (v = /* @__PURE__ */ O("div", { className: "w-full flex flex-col gap-[12px]", children: [
+    l,
+    s,
+    b,
+    g
+  ] }), e[14] = g, e[15] = l, e[16] = s, e[17] = b, e[18] = v) : v = e[18], v;
+}
+function Ee(t) {
+  return /* @__PURE__ */ d(P, { variant: "textLabel1", weight: "semiBold", align: "center", className: "opacity-80", children: t });
+}
+function we(t) {
+  const e = N.c(9), {
+    name: n,
+    label: r,
+    className: o,
+    control: i,
+    length: u,
+    inputClassName: a
+  } = t, l = u === void 0 ? 6 : u, m = B(), s = i || m.control;
+  let c;
+  e[0] !== o || e[1] !== a || e[2] !== r || e[3] !== l ? (c = (b) => {
+    const {
+      field: p,
+      fieldState: h
+    } = b;
+    return /* @__PURE__ */ O("div", { children: [
+      r && /* @__PURE__ */ d("label", { className: "block mb-1", children: r }),
+      /* @__PURE__ */ d(oe, { length: l, value: p.value || [], onChange: p.onChange, ...o && {
+        className: o
+      }, ...a && {
+        inputClassName: a
+      }, ...h.error?.message !== void 0 && h.error?.message !== "" && {
+        error: h.error.message
+      } })
+    ] });
+  }, e[0] = o, e[1] = a, e[2] = r, e[3] = l, e[4] = c) : c = e[4];
+  let f;
+  return e[5] !== n || e[6] !== s || e[7] !== c ? (f = /* @__PURE__ */ d(V, { name: n, control: s, render: c }), e[5] = n, e[6] = s, e[7] = c, e[8] = f) : f = e[8], f;
+}
+const L = 6, Q = 120, Pe = _.object({
+  otp: _.array(_.string()).length(L, "Enter all 6 digits").refine((t) => t.every((e) => /^\d$/.test(e)) && t.join("").length === L, "Invalid OTP! Please use correct code and submit again.")
+}), Re = {
+  phone: "6 digit OTP has been sent to your Mobile",
+  email: "6 digit OTP has been sent to your Email"
+};
+function je(t) {
+  const e = N.c(24);
+  let n;
+  e[0] !== t ? (n = t === void 0 ? {} : t, e[0] = t, e[1] = n) : n = e[1];
+  const {
+    onSubmit: r,
+    onResendCode: o
+  } = n, [i, u] = ae(Q), a = i <= 0;
+  let l;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = Array.from({
+    length: L
+  }, Fe), e[2] = l) : l = e[2];
+  const m = l;
+  let s;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
+    defaultValues: {
+      otp: m
+    },
+    mode: "onSubmit"
+  }, e[3] = s) : s = e[3];
+  const c = q(s);
+  let f, b;
+  e[4] !== i ? (f = () => {
+    if (i <= 0)
+      return;
+    const M = setInterval(() => {
+      u(De);
+    }, 1e3);
+    return () => clearInterval(M);
+  }, b = [i], e[4] = i, e[5] = f, e[6] = b) : (f = e[5], b = e[6]), se(f, b);
+  let p;
+  e[7] !== c || e[8] !== r ? (p = (M) => {
+    const $ = Pe.safeParse(M);
+    if (!$.success) {
+      const le = $.error.issues[0]?.message ?? "Invalid OTP";
+      c.setError("otp", {
+        message: le
+      });
+      return;
+    }
+    const ne = $.data.otp.join("");
+    r?.(ne);
+  }, e[7] = c, e[8] = r, e[9] = p) : p = e[9];
+  const h = p;
+  let g;
+  e[10] !== a || e[11] !== o ? (g = () => {
+    a && (o?.(), u(Q));
+  }, e[10] = a, e[11] = o, e[12] = g) : g = e[12];
+  const v = g, S = Math.floor(i / 60), E = i % 60, y = String(S);
+  let C;
+  e[13] !== y ? (C = y.padStart(2, "0"), e[13] = y, e[14] = C) : C = e[14];
+  const w = String(E);
+  let j;
+  e[15] !== w ? (j = w.padStart(2, "0"), e[15] = w, e[16] = j) : j = e[16];
+  const W = `Resend code in: ${C}:${j}`;
+  let F;
+  return e[17] !== a || e[18] !== v || e[19] !== h || e[20] !== c || e[21] !== i || e[22] !== W ? (F = {
+    methods: c,
+    handleSubmit: h,
+    handleResend: v,
+    resendSecondsLeft: i,
+    canResend: a,
+    timerText: W
+  }, e[17] = a, e[18] = v, e[19] = h, e[20] = c, e[21] = i, e[22] = W, e[23] = F) : F = e[23], F;
+}
+function De(t) {
+  return t <= 1 ? 0 : t - 1;
+}
+function Fe() {
+  return "";
+}
+function Ue(t) {
+  const e = N.c(24), {
+    mode: n,
+    title: r,
+    recipientDisplay: o,
+    onSubmit: i,
+    onResendCode: u
+  } = t;
+  let a;
+  e[0] !== u || e[1] !== i ? (a = {
+    onSubmit: i,
+    onResendCode: u
+  }, e[0] = u, e[1] = i, e[2] = a) : a = e[2];
+  const {
+    methods: l,
+    handleSubmit: m,
+    handleResend: s,
+    canResend: c,
+    timerText: f
+  } = je(a), b = r ?? Re[n];
+  let p;
+  e[3] !== m || e[4] !== l ? (p = l.handleSubmit(m), e[3] = m, e[4] = l, e[5] = p) : p = e[5];
+  let h;
+  e[6] !== b ? (h = /* @__PURE__ */ d(P, { variant: "h5", weight: "extraBold", align: "left", className: "mb-2 text-black", children: b }), e[6] = b, e[7] = h) : h = e[7];
+  let g;
+  e[8] !== o ? (g = /* @__PURE__ */ d(P, { variant: "title2", align: "left", className: "mb-6 text-black/80", children: o }), e[8] = o, e[9] = g) : g = e[9];
+  let v;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ d("div", { className: "mb-4 flex w-full flex-col gap-[12px]", children: /* @__PURE__ */ d(we, { name: "otp", length: L }) }), e[10] = v) : v = e[10];
+  let S;
+  e[11] !== c || e[12] !== s || e[13] !== f ? (S = /* @__PURE__ */ d("div", { className: "mb-6 flex items-center gap-2", children: c ? /* @__PURE__ */ d(x, { type: "button", variant: "outline", size: "medium", onClick: s, children: "Resend Code" }) : /* @__PURE__ */ d(P, { variant: "body2", align: "left", className: "text-black/80", children: f }) }), e[11] = c, e[12] = s, e[13] = f, e[14] = S) : S = e[14];
+  let E;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ d(x, { type: "submit", variant: "primary", size: "large", fullWidth: !0, children: "Submit" }), e[15] = E) : E = e[15];
+  let y;
+  e[16] !== p || e[17] !== h || e[18] !== g || e[19] !== S ? (y = /* @__PURE__ */ O("form", { onSubmit: p, className: "flex w-full flex-col", children: [
+    h,
+    g,
+    v,
+    S,
+    E
+  ] }), e[16] = p, e[17] = h, e[18] = g, e[19] = S, e[20] = y) : y = e[20];
+  let C;
+  return e[21] !== l || e[22] !== y ? (C = /* @__PURE__ */ d(z, { ...l, children: y }), e[21] = l, e[22] = y, e[23] = C) : C = e[23], C;
+}
+function Ge(t) {
+  const e = N.c(11), {
+    lastUsedMethod: n,
+    onContinueWithLastMethod: r,
+    onUseAnotherMethod: o
+  } = t, u = `Continue with ${n === void 0 ? "Mobile" : n}`;
+  let a;
+  e[0] !== u ? (a = /* @__PURE__ */ d(P, { variant: "textLabel1", weight: "semiBold", align: "center", className: "text-white", children: u }), e[0] = u, e[1] = a) : a = e[1];
+  let l;
+  e[2] !== r || e[3] !== a ? (l = /* @__PURE__ */ d(x, { variant: "primary", size: "large", fullWidth: !0, onClick: r, children: a }), e[2] = r, e[3] = a, e[4] = l) : l = e[4];
+  let m;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ d(P, { variant: "textLabel1", weight: "semiBold", align: "center", className: "opacity-80", children: "Use another method" }), e[5] = m) : m = e[5];
+  let s;
+  e[6] !== o ? (s = /* @__PURE__ */ d(x, { variant: "outline", size: "large", fullWidth: !0, onClick: o, children: m }), e[6] = o, e[7] = s) : s = e[7];
+  let c;
+  return e[8] !== l || e[9] !== s ? (c = /* @__PURE__ */ O("div", { className: "w-full flex flex-col gap-[12px]", children: [
+    l,
+    s
+  ] }), e[8] = l, e[9] = s, e[10] = c) : c = e[10], c;
+}
+const Te = _.object({
+  fullName: _.string().min(1, "Full name is required"),
+  phone: _.string().min(1, "Phone number is required")
+}), ke = _.object({
+  fullName: _.string().min(1, "Full name is required"),
+  email: _.string().min(1, "Email is required").email("Enter a valid email address")
+}), Ie = {
+  phone: Te,
+  email: ke
+};
+function Le(t) {
+  const e = N.c(12), {
+    mode: n,
+    onSubmit: r
+  } = t, o = n === "phone";
+  let i;
+  e[0] !== o ? (i = o ? {
+    fullName: "",
+    phone: ""
+  } : {
+    fullName: "",
+    email: ""
+  }, e[0] = o, e[1] = i) : i = e[1];
+  const u = i;
+  let a;
+  e[2] !== u ? (a = {
+    defaultValues: u,
+    mode: "onSubmit"
+  }, e[2] = u, e[3] = a) : a = e[3];
+  const l = q(a);
+  let m;
+  e[4] !== l || e[5] !== n || e[6] !== r ? (m = (f) => {
+    const p = Ie[n].safeParse(f);
+    if (!p.success) {
+      for (const g of p.error.issues) {
+        const v = g.path[0];
+        typeof v == "string" && l.setError(v, {
+          message: g.message
+        });
+      }
+      return;
+    }
+    const h = p.data;
+    r?.({
+      fullName: h.fullName,
+      ..."phone" in h && {
+        phone: h.phone
+      },
+      ..."email" in h && {
+        email: h.email
+      }
+    });
+  }, e[4] = l, e[5] = n, e[6] = r, e[7] = m) : m = e[7];
+  const s = m;
+  let c;
+  return e[8] !== s || e[9] !== o || e[10] !== l ? (c = {
+    methods: l,
+    handleSubmit: s,
+    isPhone: o
+  }, e[8] = s, e[9] = o, e[10] = l, e[11] = c) : c = e[11], c;
+}
+function Ye(t) {
+  const e = N.c(16), {
+    mode: n,
+    onSubmit: r
+  } = t;
+  let o;
+  e[0] !== n || e[1] !== r ? (o = {
+    mode: n,
+    onSubmit: r
+  }, e[0] = n, e[1] = r, e[2] = o) : o = e[2];
+  const {
+    methods: i,
+    handleSubmit: u,
+    isPhone: a
+  } = Le(o);
+  let l;
+  e[3] !== u || e[4] !== i ? (l = i.handleSubmit(u), e[3] = u, e[4] = i, e[5] = l) : l = e[5];
+  let m;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ d(D, { name: "fullName", placeholder: "Full name*", required: !0, type: "text", className: "w-full" }), e[6] = m) : m = e[6];
+  let s;
+  e[7] !== a ? (s = /* @__PURE__ */ O("div", { className: "mb-6 flex w-full flex-col gap-[12px]", children: [
+    m,
+    a ? /* @__PURE__ */ d(X, { name: "phone", placeholder: "Phone number", required: !0, defaultCountry: "IN" }) : /* @__PURE__ */ d(D, { name: "email", placeholder: "Email address", type: "email", className: "w-full" })
+  ] }), e[7] = a, e[8] = s) : s = e[8];
+  let c;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ d(x, { type: "submit", variant: "primary", size: "large", fullWidth: !0, children: "Continue" }), e[9] = c) : c = e[9];
+  let f;
+  e[10] !== l || e[11] !== s ? (f = /* @__PURE__ */ O("form", { onSubmit: l, className: "w-full flex flex-col items-center", children: [
+    s,
+    c
+  ] }), e[10] = l, e[11] = s, e[12] = f) : f = e[12];
+  let b;
+  return e[13] !== i || e[14] !== f ? (b = /* @__PURE__ */ d(z, { ...i, children: f }), e[13] = i, e[14] = f, e[15] = b) : b = e[15], b;
+}
+export {
+  Ae as C,
+  Re as D,
+  He as F,
+  Be as L,
+  Ve as M,
+  Ue as O,
+  Ge as R,
+  Ye as S,
+  L as a,
+  Q as b,
+  N as c,
+  je as d,
+  Le as e,
+  ge as u
+};