doct-ui-auth-kit 1.0.0 → 1.0.1

package/dist/signup-CHqsrPuW.js

@@ -0,0 +1,797 @@
+import { jsx as f, jsxs as w } from "react/jsx-runtime";
+import { DoctTypography as P, DoctButton as N, DoctLabeledInput as se, DoctPhoneInput as ce, DoctOtpInput as ue } from "docthub-core-components";
+import { useFormContext as H, Controller as V, useForm as q, FormProvider as W } from "react-hook-form";
+import { z as _ } from "zod";
+import R, { useRef as j, useCallback as me, useEffect as U, useState as de } from "react";
+var I = { exports: {} }, A = {};
+var Y;
+function fe() {
+  if (Y) return A;
+  Y = 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 B = {};
+var K;
+function he() {
+  return K || (K = 1, process.env.NODE_ENV !== "production" && (function() {
+    var t = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    B.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);
+    };
+  })()), B;
+}
+var J;
+function pe() {
+  return J || (J = 1, process.env.NODE_ENV === "production" ? I.exports = fe() : I.exports = he()), I.exports;
+}
+var x = pe();
+const Q = "https://accounts.google.com/gsi/client";
+function te() {
+  return typeof window > "u" ? Promise.reject(new Error("GSI requires browser")) : window.google?.accounts?.id ? Promise.resolve(window.google) : new Promise((t, e) => {
+    if (document.querySelector(`script[src="${Q}"]`)) {
+      const o = () => window.google?.accounts?.id ? t(window.google) : setTimeout(o, 50);
+      o();
+      return;
+    }
+    const l = document.createElement("script");
+    l.src = Q, l.async = !0, l.onload = () => {
+      window.google?.accounts?.id ? t(window.google) : e(new Error("Google Identity Services failed to load"));
+    }, l.onerror = () => e(new Error("Failed to load Google Identity Services script")), document.head.appendChild(l);
+  });
+}
+function Ye({
+  clientId: t,
+  onCredential: e,
+  enabled: n = !0
+}) {
+  const l = j(e);
+  l.current = e;
+  const o = j(!1), r = me(() => {
+    te().then((c) => {
+      c?.accounts?.id && (o.current || (c.accounts.id.initialize({
+        client_id: t,
+        callback: (a) => {
+          l.current(a.credential);
+        }
+      }), o.current = !0), c.accounts.id.prompt());
+    }).catch(() => {
+    });
+  }, [t]);
+  return U(() => {
+    !n || !t || r();
+  }, [n, t, r]), {
+    triggerOneTap: r
+  };
+}
+function ge({
+  clientId: t,
+  onCredential: e,
+  containerRef: n
+}) {
+  const l = j(e);
+  l.current = e, U(() => {
+    if (!n?.current || !t) return;
+    const o = n.current;
+    te().then((r) => {
+      r?.accounts?.id && (r.accounts.id.initialize({
+        client_id: t,
+        callback: (c) => {
+          l.current(c.credential);
+        }
+      }), r.accounts.id.renderButton(o, {
+        theme: "outline",
+        size: "large",
+        type: "standard"
+      }));
+    }).catch(() => {
+    });
+  }, [t, n]);
+}
+function be(t) {
+  const e = x.c(4), {
+    clientId: n,
+    onCredential: l
+  } = t, o = j(null);
+  let r;
+  e[0] !== n || e[1] !== l ? (r = {
+    clientId: n,
+    onCredential: l,
+    containerRef: o
+  }, e[0] = n, e[1] = l, e[2] = r) : r = e[2], ge(r);
+  let c;
+  return e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ f("div", { ref: o }), e[3] = c) : c = e[3], c;
+}
+function Ke(t) {
+  const e = x.c(11), {
+    error: n,
+    onGoBack: l
+  } = t, o = n?.message ?? "This account is already linked to another identifier. Please use that method to sign in or try a different one.", r = n?.linkedIdentifier;
+  let c;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ f(P, { variant: "h5", weight: "extraBold", align: "left", className: "mb-2 text-black", children: "Account already exists" }), e[0] = c) : c = e[0];
+  let a;
+  e[1] !== o ? (a = /* @__PURE__ */ f(P, { variant: "body2", align: "left", className: "mb-4 text-black/80", children: o }), e[1] = o, e[2] = a) : a = e[2];
+  let i;
+  e[3] !== r ? (i = r ? /* @__PURE__ */ w(P, { variant: "title2", align: "left", className: "mb-4 text-black/70", children: [
+    "Linked to: ",
+    r
+  ] }) : null, e[3] = r, e[4] = i) : i = e[4];
+  let u;
+  e[5] !== l ? (u = /* @__PURE__ */ f(N, { variant: "primary", size: "large", fullWidth: !0, onClick: l, children: "Go back" }), e[5] = l, e[6] = u) : u = e[6];
+  let m;
+  return e[7] !== a || e[8] !== i || e[9] !== u ? (m = /* @__PURE__ */ w("div", { className: "w-full flex flex-col gap-[12px]", children: [
+    c,
+    a,
+    i,
+    u
+  ] }), e[7] = a, e[8] = i, e[9] = u, e[10] = m) : m = e[10], m;
+}
+function k(t) {
+  const e = x.c(14), {
+    name: n,
+    label: l,
+    placeholder: o,
+    className: r,
+    control: c,
+    required: a,
+    type: i,
+    disabled: u,
+    onKeyDown: m,
+    maxLength: s,
+    numericOnly: d
+  } = t, g = H(), p = c || g.control;
+  let h;
+  e[0] !== r || e[1] !== u || e[2] !== l || e[3] !== s || e[4] !== d || e[5] !== m || e[6] !== o || e[7] !== a || e[8] !== i ? (h = (v) => {
+    const {
+      field: y,
+      fieldState: E
+    } = v;
+    return /* @__PURE__ */ f(se, { ...y, value: y.value ?? "", ...l !== void 0 && {
+      label: l
+    }, ...o !== void 0 && {
+      placeholder: o
+    }, ...E.error?.message !== void 0 && {
+      error: E.error?.message
+    }, ...r !== void 0 && {
+      className: r
+    }, ...a !== void 0 && {
+      required: a
+    }, type: i, ...u !== void 0 && {
+      disabled: u
+    }, onKeyDown: d ? (S) => {
+      !/[0-9]/.test(S.key) && !["Backspace", "Tab", "Delete", "ArrowLeft", "ArrowRight", "Home", "End"].includes(S.key) && S.preventDefault(), m?.(S);
+    } : m, ...s !== void 0 && {
+      maxLength: s
+    }, onChange: (S) => {
+      const C = S.target?.value;
+      if (typeof C == "string") {
+        y.onChange(C.replace(/^\s+/, ""));
+        let O = C.replace(/^\s+/, "");
+        d && (O = O.replace(/\D/g, "")), y.onChange(O);
+      } else
+        y.onChange(C);
+    }, onBlur: () => {
+      const S = y.value;
+      if (typeof S == "string") {
+        const C = S.trim();
+        C !== S && y.onChange(C);
+      }
+      y.onBlur();
+    } });
+  }, e[0] = r, e[1] = u, e[2] = l, e[3] = s, e[4] = d, e[5] = m, e[6] = o, e[7] = a, e[8] = i, e[9] = h) : h = e[9];
+  let b;
+  return e[10] !== n || e[11] !== p || e[12] !== h ? (b = /* @__PURE__ */ f(V, { name: n, control: p, render: h }), e[10] = n, e[11] = p, e[12] = h, e[13] = b) : b = e[13], b;
+}
+const ve = _.object({
+  fullName: _.string().min(1, "Full name is required"),
+  email: _.string().min(1, "Email is required").email("Enter a valid email address")
+});
+function Je(t) {
+  const e = x.c(17), {
+    maskedPhone: n,
+    onSubmit: l
+  } = 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 r = q(o);
+  let c;
+  e[1] !== r || e[2] !== l ? (c = (p) => {
+    const h = ve.safeParse(p);
+    if (!h.success) {
+      for (const b of h.error.issues) {
+        const v = b.path[0];
+        typeof v == "string" && r.setError(v, {
+          message: b.message
+        });
+      }
+      return;
+    }
+    l?.({
+      fullName: h.data.fullName.trim(),
+      email: h.data.email.trim().toLowerCase()
+    });
+  }, e[1] = r, e[2] = l, e[3] = c) : c = e[3];
+  const a = c;
+  let i;
+  e[4] !== a || e[5] !== r ? (i = r.handleSubmit(a), e[4] = a, e[5] = r, e[6] = i) : i = e[6];
+  let u;
+  e[7] !== n ? (u = n ? /* @__PURE__ */ w(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] = u) : u = e[8];
+  let m, s;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ w("div", { className: "mb-6 flex w-full flex-col gap-[12px]", children: [
+    /* @__PURE__ */ f(k, { name: "fullName", placeholder: "Full name*", required: !0, type: "text", className: "w-full" }),
+    /* @__PURE__ */ f(k, { name: "email", placeholder: "Email address*", type: "email", required: !0, className: "w-full" })
+  ] }), s = /* @__PURE__ */ f(N, { type: "submit", variant: "primary", size: "large", fullWidth: !0, children: "Continue" }), e[9] = m, e[10] = s) : (m = e[9], s = e[10]);
+  let d;
+  e[11] !== i || e[12] !== u ? (d = /* @__PURE__ */ w("form", { onSubmit: i, className: "w-full flex flex-col", children: [
+    u,
+    m,
+    s
+  ] }), e[11] = i, e[12] = u, e[13] = d) : d = e[13];
+  let g;
+  return e[14] !== r || e[15] !== d ? (g = /* @__PURE__ */ f(W, { ...r, children: d }), e[14] = r, e[15] = d, e[16] = g) : g = e[16], g;
+}
+function ne(t) {
+  const e = x.c(13), {
+    name: n,
+    label: l,
+    placeholder: o,
+    helperText: r,
+    defaultCountry: c,
+    variant: a,
+    required: i,
+    disabled: u,
+    control: m,
+    error: s
+  } = t, d = o === void 0 ? "Enter phone number" : o, g = c === void 0 ? "IN" : c, p = a === void 0 ? "default" : a, h = H(), b = m ?? h.control;
+  let v;
+  e[0] !== g || e[1] !== u || e[2] !== s || e[3] !== r || e[4] !== l || e[5] !== d || e[6] !== i || e[7] !== p ? (v = (E) => {
+    const {
+      field: S,
+      fieldState: C
+    } = E, O = s ?? C.error?.message;
+    return /* @__PURE__ */ f(ce, { placeholder: d, value: S.value ?? "", onValueChange: (T) => S.onChange(T ?? ""), defaultCountry: g, variant: p ?? "default", required: i ?? !1, disabled: u ?? !1, ...l != null && {
+      label: l
+    }, ...r != null && {
+      helperText: r
+    }, ...O !== void 0 && {
+      error: O
+    } });
+  }, e[0] = g, e[1] = u, e[2] = s, e[3] = r, e[4] = l, e[5] = d, e[6] = i, e[7] = p, e[8] = v) : v = e[8];
+  let y;
+  return e[9] !== n || e[10] !== b || e[11] !== v ? (y = /* @__PURE__ */ f(V, { name: n, control: b, render: v }), e[9] = n, e[10] = b, e[11] = v, e[12] = y) : y = e[12], y;
+}
+const ye = _.object({
+  phone: _.string().min(1, "Phone number is required")
+}), Se = _.object({
+  email: _.string().min(1, "Email is required").email("Enter a valid email address")
+}), Ce = {
+  phone: ye,
+  email: Se
+};
+function _e(t) {
+  const e = x.c(12), {
+    mode: n,
+    onSubmit: l
+  } = t, o = n === "phone";
+  let r;
+  e[0] !== o ? (r = o ? {
+    phone: ""
+  } : {
+    email: ""
+  }, e[0] = o, e[1] = r) : r = e[1];
+  const c = r;
+  let a;
+  e[2] !== c ? (a = {
+    defaultValues: c,
+    mode: "onSubmit"
+  }, e[2] = c, e[3] = a) : a = e[3];
+  const i = q(a);
+  let u;
+  e[4] !== i || e[5] !== n || e[6] !== l ? (u = (d) => {
+    const p = Ce[n].safeParse(d);
+    if (!p.success) {
+      for (const h of p.error.issues) {
+        const b = h.path[0];
+        typeof b == "string" && i.setError(b, {
+          message: h.message
+        });
+      }
+      return;
+    }
+    l?.(p.data);
+  }, e[4] = i, e[5] = n, e[6] = l, e[7] = u) : u = e[7];
+  const m = u;
+  let s;
+  return e[8] !== m || e[9] !== o || e[10] !== i ? (s = {
+    methods: i,
+    handleSubmit: m,
+    isPhone: o
+  }, e[8] = m, e[9] = o, e[10] = i, e[11] = s) : s = e[11], s;
+}
+function Qe(t) {
+  const e = x.c(15), {
+    mode: n,
+    onSubmit: l
+  } = t;
+  let o;
+  e[0] !== n || e[1] !== l ? (o = {
+    mode: n,
+    onSubmit: l
+  }, e[0] = n, e[1] = l, e[2] = o) : o = e[2];
+  const {
+    methods: r,
+    handleSubmit: c,
+    isPhone: a
+  } = _e(o);
+  let i;
+  e[3] !== c || e[4] !== r ? (i = r.handleSubmit(c), e[3] = c, e[4] = r, e[5] = i) : i = e[5];
+  let u;
+  e[6] !== a ? (u = /* @__PURE__ */ f("div", { className: "mb-6 flex w-full flex-col gap-[12px]", children: a ? /* @__PURE__ */ f(ne, { name: "phone", placeholder: "Phone number", required: !0, defaultCountry: "IN" }) : /* @__PURE__ */ f(k, { name: "email", placeholder: "Enter email address", type: "email", required: !0 }) }), e[6] = a, e[7] = u) : u = e[7];
+  let m;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ f(N, { type: "submit", variant: "primary", size: "large", fullWidth: !0, children: "Continue" }), e[8] = m) : m = e[8];
+  let s;
+  e[9] !== i || e[10] !== u ? (s = /* @__PURE__ */ w("form", { onSubmit: i, className: "w-full flex flex-col", children: [
+    u,
+    m
+  ] }), e[9] = i, e[10] = u, e[11] = s) : s = e[11];
+  let d;
+  return e[12] !== r || e[13] !== s ? (d = /* @__PURE__ */ f(W, { ...r, children: s }), e[12] = r, e[13] = s, e[14] = d) : d = e[14], d;
+}
+var le = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, X = R.createContext && /* @__PURE__ */ R.createContext(le), xe = ["attr", "size", "title"];
+function Ne(t, e) {
+  if (t == null) return {};
+  var n = we(t, e), l, o;
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(t);
+    for (o = 0; o < r.length; o++)
+      l = r[o], !(e.indexOf(l) >= 0) && Object.prototype.propertyIsEnumerable.call(t, l) && (n[l] = t[l]);
+  }
+  return n;
+}
+function we(t, e) {
+  if (t == null) return {};
+  var n = {};
+  for (var l in t)
+    if (Object.prototype.hasOwnProperty.call(t, l)) {
+      if (e.indexOf(l) >= 0) continue;
+      n[l] = t[l];
+    }
+  return n;
+}
+function D() {
+  return D = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var n = arguments[e];
+      for (var l in n)
+        Object.prototype.hasOwnProperty.call(n, l) && (t[l] = n[l]);
+    }
+    return t;
+  }, D.apply(this, arguments);
+}
+function Z(t, e) {
+  var n = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var l = Object.getOwnPropertySymbols(t);
+    e && (l = l.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(t, o).enumerable;
+    })), n.push.apply(n, l);
+  }
+  return n;
+}
+function z(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var n = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Z(Object(n), !0).forEach(function(l) {
+      Ee(t, l, n[l]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : Z(Object(n)).forEach(function(l) {
+      Object.defineProperty(t, l, Object.getOwnPropertyDescriptor(n, l));
+    });
+  }
+  return t;
+}
+function Ee(t, e, n) {
+  return e = Oe(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+}
+function Oe(t) {
+  var e = Pe(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function Pe(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var n = t[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var l = n.call(t, e);
+    if (typeof l != "object") return l;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function re(t) {
+  return t && t.map((e, n) => /* @__PURE__ */ R.createElement(e.tag, z({
+    key: n
+  }, e.attr), re(e.child)));
+}
+function ie(t) {
+  return (e) => /* @__PURE__ */ R.createElement(Re, D({
+    attr: z({}, t.attr)
+  }, e), re(t.child));
+}
+function Re(t) {
+  var e = (n) => {
+    var {
+      attr: l,
+      size: o,
+      title: r
+    } = t, c = Ne(t, xe), a = o || n.size || "1em", i;
+    return n.className && (i = n.className), t.className && (i = (i ? i + " " : "") + t.className), /* @__PURE__ */ R.createElement("svg", D({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, n.attr, l, c, {
+      className: i,
+      style: z(z({
+        color: t.color || n.color
+      }, n.style), t.style),
+      height: a,
+      width: a,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), r && /* @__PURE__ */ R.createElement("title", null, r), t.children);
+  };
+  return X !== void 0 ? /* @__PURE__ */ R.createElement(X.Consumer, null, (n) => e(n)) : e(le);
+}
+function Te(t) {
+  return ie({ 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 ke(t) {
+  return ie({ 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 Xe(t) {
+  const e = x.c(20), {
+    onContinueWithMobile: n,
+    onContinueWithEmail: l,
+    onContinueWithGoogle: o,
+    onContinueWithApple: r,
+    googleClientId: c,
+    onGoogleCredential: a
+  } = t, i = Fe, u = !!c && typeof a == "function";
+  let m;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = i("Continue with Mobile"), e[0] = m) : m = e[0];
+  let s;
+  e[1] !== n ? (s = /* @__PURE__ */ f(N, { variant: "outline", size: "large", fullWidth: !0, onClick: n, children: m }), e[1] = n, e[2] = s) : s = e[2];
+  let d;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = i("Continue with Email"), e[3] = d) : d = e[3];
+  let g;
+  e[4] !== l ? (g = /* @__PURE__ */ f(N, { variant: "outline", size: "large", fullWidth: !0, onClick: l, children: d }), e[4] = l, e[5] = g) : g = e[5];
+  let p;
+  e[6] !== c || e[7] !== o || e[8] !== a || e[9] !== u ? (p = u ? /* @__PURE__ */ f(be, { clientId: c, onCredential: a }) : /* @__PURE__ */ f(N, { variant: "outline", size: "large", fullWidth: !0, icon: /* @__PURE__ */ f(ke, { "aria-hidden": "true" }), iconPosition: "left", onClick: o, children: i("Continue with Google") }), e[6] = c, e[7] = o, e[8] = a, e[9] = u, e[10] = p) : p = e[10];
+  let h;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ f(Te, { "aria-hidden": "true" }), e[11] = h) : h = e[11];
+  let b;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = i("Continue with Apple"), e[12] = b) : b = e[12];
+  let v;
+  e[13] !== r ? (v = /* @__PURE__ */ f(N, { variant: "outline", size: "large", fullWidth: !0, icon: h, iconPosition: "left", onClick: r, children: b }), e[13] = r, e[14] = v) : v = e[14];
+  let y;
+  return e[15] !== s || e[16] !== g || e[17] !== p || e[18] !== v ? (y = /* @__PURE__ */ w("div", { className: "w-full flex flex-col gap-[12px]", children: [
+    s,
+    g,
+    p,
+    v
+  ] }), e[15] = s, e[16] = g, e[17] = p, e[18] = v, e[19] = y) : y = e[19], y;
+}
+function Fe(t) {
+  return /* @__PURE__ */ f(P, { variant: "textLabel1", weight: "semiBold", align: "center", className: "opacity-80", children: t });
+}
+function Ie(t) {
+  const e = x.c(9), {
+    name: n,
+    label: l,
+    className: o,
+    control: r,
+    length: c,
+    inputClassName: a
+  } = t, i = c === void 0 ? 6 : c, u = H(), m = r || u.control;
+  let s;
+  e[0] !== o || e[1] !== a || e[2] !== l || e[3] !== i ? (s = (g) => {
+    const {
+      field: p,
+      fieldState: h
+    } = g;
+    return /* @__PURE__ */ w("div", { children: [
+      l && /* @__PURE__ */ f("label", { className: "block mb-1", children: l }),
+      /* @__PURE__ */ f(ue, { length: i, 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] = l, e[3] = i, e[4] = s) : s = e[4];
+  let d;
+  return e[5] !== n || e[6] !== m || e[7] !== s ? (d = /* @__PURE__ */ f(V, { name: n, control: m, render: s }), e[5] = n, e[6] = m, e[7] = s, e[8] = d) : d = e[8], d;
+}
+const L = 6, ee = 120, je = _.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.")
+}), De = {
+  phone: "6 digit OTP has been sent to your Mobile",
+  email: "6 digit OTP has been sent to your Email"
+};
+function ze(t) {
+  const e = x.c(24);
+  let n;
+  e[0] !== t ? (n = t === void 0 ? {} : t, e[0] = t, e[1] = n) : n = e[1];
+  const {
+    onSubmit: l,
+    onResendCode: o
+  } = n, [r, c] = de(ee), a = r <= 0;
+  let i;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = Array.from({
+    length: L
+  }, qe), e[2] = i) : i = e[2];
+  const u = i;
+  let m;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    defaultValues: {
+      otp: u
+    },
+    mode: "onSubmit"
+  }, e[3] = m) : m = e[3];
+  const s = q(m);
+  let d, g;
+  e[4] !== r ? (d = () => {
+    if (r <= 0)
+      return;
+    const $ = setInterval(() => {
+      c(Le);
+    }, 1e3);
+    return () => clearInterval($);
+  }, g = [r], e[4] = r, e[5] = d, e[6] = g) : (d = e[5], g = e[6]), U(d, g);
+  let p;
+  e[7] !== s || e[8] !== l ? (p = ($) => {
+    const G = je.safeParse($);
+    if (!G.success) {
+      const ae = G.error.issues[0]?.message ?? "Invalid OTP";
+      s.setError("otp", {
+        message: ae
+      });
+      return;
+    }
+    const oe = G.data.otp.join("");
+    l?.(oe);
+  }, e[7] = s, e[8] = l, e[9] = p) : p = e[9];
+  const h = p;
+  let b;
+  e[10] !== a || e[11] !== o ? (b = () => {
+    a && (o?.(), c(ee));
+  }, e[10] = a, e[11] = o, e[12] = b) : b = e[12];
+  const v = b, y = Math.floor(r / 60), E = r % 60, S = String(y);
+  let C;
+  e[13] !== S ? (C = S.padStart(2, "0"), e[13] = S, e[14] = C) : C = e[14];
+  const O = String(E);
+  let T;
+  e[15] !== O ? (T = O.padStart(2, "0"), e[15] = O, e[16] = T) : T = e[16];
+  const M = `Resend code in: ${C}:${T}`;
+  let F;
+  return e[17] !== a || e[18] !== v || e[19] !== h || e[20] !== s || e[21] !== r || e[22] !== M ? (F = {
+    methods: s,
+    handleSubmit: h,
+    handleResend: v,
+    resendSecondsLeft: r,
+    canResend: a,
+    timerText: M
+  }, e[17] = a, e[18] = v, e[19] = h, e[20] = s, e[21] = r, e[22] = M, e[23] = F) : F = e[23], F;
+}
+function Le(t) {
+  return t <= 1 ? 0 : t - 1;
+}
+function qe() {
+  return "";
+}
+function Ze(t) {
+  const e = x.c(24), {
+    mode: n,
+    title: l,
+    recipientDisplay: o,
+    onSubmit: r,
+    onResendCode: c
+  } = t;
+  let a;
+  e[0] !== c || e[1] !== r ? (a = {
+    onSubmit: r,
+    onResendCode: c
+  }, e[0] = c, e[1] = r, e[2] = a) : a = e[2];
+  const {
+    methods: i,
+    handleSubmit: u,
+    handleResend: m,
+    canResend: s,
+    timerText: d
+  } = ze(a), g = l ?? De[n];
+  let p;
+  e[3] !== u || e[4] !== i ? (p = i.handleSubmit(u), e[3] = u, e[4] = i, e[5] = p) : p = e[5];
+  let h;
+  e[6] !== g ? (h = /* @__PURE__ */ f(P, { variant: "h5", weight: "extraBold", align: "left", className: "mb-2 text-black", children: g }), e[6] = g, e[7] = h) : h = e[7];
+  let b;
+  e[8] !== o ? (b = /* @__PURE__ */ f(P, { variant: "title2", align: "left", className: "mb-6 text-black/80", children: o }), e[8] = o, e[9] = b) : b = e[9];
+  let v;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ f("div", { className: "mb-4 flex w-full flex-col gap-[12px]", children: /* @__PURE__ */ f(Ie, { name: "otp", length: L }) }), e[10] = v) : v = e[10];
+  let y;
+  e[11] !== s || e[12] !== m || e[13] !== d ? (y = /* @__PURE__ */ f("div", { className: "mb-6 flex items-center gap-2", children: s ? /* @__PURE__ */ f(N, { type: "button", variant: "outline", size: "medium", onClick: m, children: "Resend Code" }) : /* @__PURE__ */ f(P, { variant: "body2", align: "left", className: "text-black/80", children: d }) }), e[11] = s, e[12] = m, e[13] = d, e[14] = y) : y = e[14];
+  let E;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ f(N, { type: "submit", variant: "primary", size: "large", fullWidth: !0, children: "Submit" }), e[15] = E) : E = e[15];
+  let S;
+  e[16] !== p || e[17] !== h || e[18] !== b || e[19] !== y ? (S = /* @__PURE__ */ w("form", { onSubmit: p, className: "flex w-full flex-col", children: [
+    h,
+    b,
+    v,
+    y,
+    E
+  ] }), e[16] = p, e[17] = h, e[18] = b, e[19] = y, e[20] = S) : S = e[20];
+  let C;
+  return e[21] !== i || e[22] !== S ? (C = /* @__PURE__ */ f(W, { ...i, children: S }), e[21] = i, e[22] = S, e[23] = C) : C = e[23], C;
+}
+function et(t) {
+  const e = x.c(11), {
+    lastUsedMethod: n,
+    onContinueWithLastMethod: l,
+    onUseAnotherMethod: o
+  } = t, c = `Continue with ${n === void 0 ? "Mobile" : n}`;
+  let a;
+  e[0] !== c ? (a = /* @__PURE__ */ f(P, { variant: "textLabel1", weight: "semiBold", align: "center", className: "text-white", children: c }), e[0] = c, e[1] = a) : a = e[1];
+  let i;
+  e[2] !== l || e[3] !== a ? (i = /* @__PURE__ */ f(N, { variant: "primary", size: "large", fullWidth: !0, onClick: l, children: a }), e[2] = l, e[3] = a, e[4] = i) : i = e[4];
+  let u;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ f(P, { variant: "textLabel1", weight: "semiBold", align: "center", className: "opacity-80", children: "Use another method" }), e[5] = u) : u = e[5];
+  let m;
+  e[6] !== o ? (m = /* @__PURE__ */ f(N, { variant: "outline", size: "large", fullWidth: !0, onClick: o, children: u }), e[6] = o, e[7] = m) : m = e[7];
+  let s;
+  return e[8] !== i || e[9] !== m ? (s = /* @__PURE__ */ w("div", { className: "w-full flex flex-col gap-[12px]", children: [
+    i,
+    m
+  ] }), e[8] = i, e[9] = m, e[10] = s) : s = e[10], s;
+}
+const We = _.object({
+  fullName: _.string().min(1, "Full name is required"),
+  phone: _.string().min(1, "Phone number is required")
+}), Me = _.object({
+  fullName: _.string().min(1, "Full name is required"),
+  email: _.string().min(1, "Email is required").email("Enter a valid email address")
+}), $e = {
+  phone: We,
+  email: Me
+};
+function Ge(t) {
+  const e = x.c(12), {
+    mode: n,
+    onSubmit: l
+  } = t, o = n === "phone";
+  let r;
+  e[0] !== o ? (r = o ? {
+    fullName: "",
+    phone: ""
+  } : {
+    fullName: "",
+    email: ""
+  }, e[0] = o, e[1] = r) : r = e[1];
+  const c = r;
+  let a;
+  e[2] !== c ? (a = {
+    defaultValues: c,
+    mode: "onSubmit"
+  }, e[2] = c, e[3] = a) : a = e[3];
+  const i = q(a);
+  let u;
+  e[4] !== i || e[5] !== n || e[6] !== l ? (u = (d) => {
+    const p = $e[n].safeParse(d);
+    if (!p.success) {
+      for (const b of p.error.issues) {
+        const v = b.path[0];
+        typeof v == "string" && i.setError(v, {
+          message: b.message
+        });
+      }
+      return;
+    }
+    const h = p.data;
+    l?.({
+      fullName: h.fullName,
+      ..."phone" in h && {
+        phone: h.phone
+      },
+      ..."email" in h && {
+        email: h.email
+      }
+    });
+  }, e[4] = i, e[5] = n, e[6] = l, e[7] = u) : u = e[7];
+  const m = u;
+  let s;
+  return e[8] !== m || e[9] !== o || e[10] !== i ? (s = {
+    methods: i,
+    handleSubmit: m,
+    isPhone: o
+  }, e[8] = m, e[9] = o, e[10] = i, e[11] = s) : s = e[11], s;
+}
+function tt(t) {
+  const e = x.c(16), {
+    mode: n,
+    onSubmit: l
+  } = t;
+  let o;
+  e[0] !== n || e[1] !== l ? (o = {
+    mode: n,
+    onSubmit: l
+  }, e[0] = n, e[1] = l, e[2] = o) : o = e[2];
+  const {
+    methods: r,
+    handleSubmit: c,
+    isPhone: a
+  } = Ge(o);
+  let i;
+  e[3] !== c || e[4] !== r ? (i = r.handleSubmit(c), e[3] = c, e[4] = r, e[5] = i) : i = e[5];
+  let u;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ f(k, { name: "fullName", placeholder: "Full name*", required: !0, type: "text", className: "w-full" }), e[6] = u) : u = e[6];
+  let m;
+  e[7] !== a ? (m = /* @__PURE__ */ w("div", { className: "mb-6 flex w-full flex-col gap-[12px]", children: [
+    u,
+    a ? /* @__PURE__ */ f(ne, { name: "phone", placeholder: "Phone number", required: !0, defaultCountry: "IN" }) : /* @__PURE__ */ f(k, { name: "email", placeholder: "Email address", type: "email", className: "w-full" })
+  ] }), e[7] = a, e[8] = m) : m = e[8];
+  let s;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ f(N, { type: "submit", variant: "primary", size: "large", fullWidth: !0, children: "Continue" }), e[9] = s) : s = e[9];
+  let d;
+  e[10] !== i || e[11] !== m ? (d = /* @__PURE__ */ w("form", { onSubmit: i, className: "w-full flex flex-col items-center", children: [
+    m,
+    s
+  ] }), e[10] = i, e[11] = m, e[12] = d) : d = e[12];
+  let g;
+  return e[13] !== r || e[14] !== d ? (g = /* @__PURE__ */ f(W, { ...r, children: d }), e[13] = r, e[14] = d, e[15] = g) : g = e[15], g;
+}
+export {
+  Ke as C,
+  De as D,
+  Je as F,
+  be as G,
+  Qe as L,
+  Xe as M,
+  Ze as O,
+  et as R,
+  tt as S,
+  L as a,
+  ee as b,
+  x as c,
+  ge as d,
+  _e as e,
+  ze as f,
+  Ge as g,
+  Ye as u
+};