doct-ui-auth-kit 1.0.1 → 1.0.2

package/dist/signup-x-Jm7XKn.js

@@ -0,0 +1,668 @@
+import { jsx as f, jsxs as T, Fragment as oe } from "react/jsx-runtime";
+import { DoctPhoneInput as ie, DoctLabeledInput as ae, DoctButton as R, DoctTypography as j, DoctOtpInput as se } from "docthub-core-components";
+import { useFormContext as V, Controller as B, useForm as G, FormProvider as K } from "react-hook-form";
+import { z as _ } from "zod";
+import w, { useState as ce, useEffect as ue } from "react";
+var L = { exports: {} }, $ = {};
+var Y;
+function me() {
+  if (Y) return $;
+  Y = 1;
+  var t = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  return $.c = function(e) {
+    return t.H.useMemoCache(e);
+  }, $;
+}
+var H = {};
+var J;
+function de() {
+  return J || (J = 1, process.env.NODE_ENV !== "production" && (function() {
+    var t = w.__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 Q;
+function fe() {
+  return Q || (Q = 1, process.env.NODE_ENV === "production" ? L.exports = me() : L.exports = de()), L.exports;
+}
+var P = fe(), ee = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, X = w.createContext && /* @__PURE__ */ w.createContext(ee), he = ["attr", "size", "title"];
+function pe(t, e) {
+  if (t == null) return {};
+  var n = ge(t, e), l, i;
+  if (Object.getOwnPropertySymbols) {
+    var u = Object.getOwnPropertySymbols(t);
+    for (i = 0; i < u.length; i++)
+      l = u[i], !(e.indexOf(l) >= 0) && Object.prototype.propertyIsEnumerable.call(t, l) && (n[l] = t[l]);
+  }
+  return n;
+}
+function ge(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 M() {
+  return M = 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;
+  }, M.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(i) {
+      return Object.getOwnPropertyDescriptor(t, i).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) {
+      be(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 be(t, e, n) {
+  return e = ve(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+}
+function ve(t) {
+  var e = ye(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function ye(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 te(t) {
+  return t && t.map((e, n) => /* @__PURE__ */ w.createElement(e.tag, z({
+    key: n
+  }, e.attr), te(e.child)));
+}
+function ne(t) {
+  return (e) => /* @__PURE__ */ w.createElement(Se, M({
+    attr: z({}, t.attr)
+  }, e), te(t.child));
+}
+function Se(t) {
+  var e = (n) => {
+    var {
+      attr: l,
+      size: i,
+      title: u
+    } = t, m = pe(t, he), o = i || n.size || "1em", r;
+    return n.className && (r = n.className), t.className && (r = (r ? r + " " : "") + t.className), /* @__PURE__ */ w.createElement("svg", M({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, n.attr, l, m, {
+      className: r,
+      style: z(z({
+        color: t.color || n.color
+      }, n.style), t.style),
+      height: o,
+      width: o,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), u && /* @__PURE__ */ w.createElement("title", null, u), t.children);
+  };
+  return X !== void 0 ? /* @__PURE__ */ w.createElement(X.Consumer, null, (n) => e(n)) : e(ee);
+}
+function U(t) {
+  const e = P.c(13), {
+    name: n,
+    label: l,
+    placeholder: i,
+    helperText: u,
+    defaultCountry: m,
+    variant: o,
+    required: r,
+    disabled: a,
+    control: s,
+    error: c
+  } = t, d = i === void 0 ? "Enter phone number" : i, b = m === void 0 ? "IN" : m, h = o === void 0 ? "default" : o, p = V(), y = s ?? p.control;
+  let v;
+  e[0] !== b || e[1] !== a || e[2] !== c || e[3] !== u || e[4] !== l || e[5] !== d || e[6] !== r || e[7] !== h ? (v = (N) => {
+    const {
+      field: S,
+      fieldState: C
+    } = N, O = c ?? C.error?.message;
+    return /* @__PURE__ */ f(ie, { placeholder: d, value: S.value ?? "", onValueChange: (x) => S.onChange(x ?? ""), defaultCountry: b, variant: h ?? "default", required: r ?? !1, disabled: a ?? !1, ...l != null && {
+      label: l
+    }, ...u != null && {
+      helperText: u
+    }, ...O !== void 0 && {
+      error: O
+    } });
+  }, e[0] = b, e[1] = a, e[2] = c, e[3] = u, e[4] = l, e[5] = d, e[6] = r, e[7] = h, e[8] = v) : v = e[8];
+  let g;
+  return e[9] !== n || e[10] !== y || e[11] !== v ? (g = /* @__PURE__ */ f(B, { name: n, control: y, render: v }), e[9] = n, e[10] = y, e[11] = v, e[12] = g) : g = e[12], g;
+}
+function q(t) {
+  const e = P.c(14), {
+    name: n,
+    label: l,
+    placeholder: i,
+    className: u,
+    control: m,
+    required: o,
+    type: r,
+    disabled: a,
+    onKeyDown: s,
+    maxLength: c,
+    numericOnly: d
+  } = t, b = V(), h = m || b.control;
+  let p;
+  e[0] !== u || e[1] !== a || e[2] !== l || e[3] !== c || e[4] !== d || e[5] !== s || e[6] !== i || e[7] !== o || e[8] !== r ? (p = (v) => {
+    const {
+      field: g,
+      fieldState: N
+    } = v;
+    return /* @__PURE__ */ f(ae, { ...g, value: g.value ?? "", ...l !== void 0 && {
+      label: l
+    }, ...i !== void 0 && {
+      placeholder: i
+    }, ...N.error?.message !== void 0 && {
+      error: N.error?.message
+    }, ...u !== void 0 && {
+      className: u
+    }, ...o !== void 0 && {
+      required: o
+    }, type: r, ...a !== void 0 && {
+      disabled: a
+    }, onKeyDown: d ? (S) => {
+      !/[0-9]/.test(S.key) && !["Backspace", "Tab", "Delete", "ArrowLeft", "ArrowRight", "Home", "End"].includes(S.key) && S.preventDefault(), s?.(S);
+    } : s, ...c !== void 0 && {
+      maxLength: c
+    }, onChange: (S) => {
+      const C = S.target?.value;
+      if (typeof C == "string") {
+        g.onChange(C.replace(/^\s+/, ""));
+        let O = C.replace(/^\s+/, "");
+        d && (O = O.replace(/\D/g, "")), g.onChange(O);
+      } else
+        g.onChange(C);
+    }, onBlur: () => {
+      const S = g.value;
+      if (typeof S == "string") {
+        const C = S.trim();
+        C !== S && g.onChange(C);
+      }
+      g.onBlur();
+    } });
+  }, e[0] = u, e[1] = a, e[2] = l, e[3] = c, e[4] = d, e[5] = s, e[6] = i, e[7] = o, e[8] = r, e[9] = p) : p = e[9];
+  let y;
+  return e[10] !== n || e[11] !== h || e[12] !== p ? (y = /* @__PURE__ */ f(B, { name: n, control: h, render: p }), e[10] = n, e[11] = h, e[12] = p, e[13] = y) : y = e[13], y;
+}
+const Ce = _.object({
+  phone: _.string().min(1, "Phone number is required")
+}), _e = _.object({
+  email: _.string().min(1, "Email is required").email("Enter a valid email address")
+}), Ne = {
+  phone: Ce,
+  email: _e
+};
+function Oe(t) {
+  const e = P.c(12), {
+    mode: n,
+    onSubmit: l
+  } = t, i = n === "phone";
+  let u;
+  e[0] !== i ? (u = i ? {
+    phone: ""
+  } : {
+    email: ""
+  }, e[0] = i, e[1] = u) : u = e[1];
+  const m = u;
+  let o;
+  e[2] !== m ? (o = {
+    defaultValues: m,
+    mode: "onSubmit"
+  }, e[2] = m, e[3] = o) : o = e[3];
+  const r = G(o);
+  let a;
+  e[4] !== r || e[5] !== n || e[6] !== l ? (a = (d) => {
+    const h = Ne[n].safeParse(d);
+    if (!h.success) {
+      for (const p of h.error.issues) {
+        const y = p.path[0];
+        typeof y == "string" && r.setError(y, {
+          message: p.message
+        });
+      }
+      return;
+    }
+    l?.(h.data);
+  }, e[4] = r, e[5] = n, e[6] = l, e[7] = a) : a = e[7];
+  const s = a;
+  let c;
+  return e[8] !== s || e[9] !== i || e[10] !== r ? (c = {
+    methods: r,
+    handleSubmit: s,
+    isPhone: i
+  }, e[8] = s, e[9] = i, e[10] = r, e[11] = c) : c = e[11], c;
+}
+function Ke(t) {
+  const e = P.c(15), {
+    mode: n,
+    onSubmit: l
+  } = t;
+  let i;
+  e[0] !== n || e[1] !== l ? (i = {
+    mode: n,
+    onSubmit: l
+  }, e[0] = n, e[1] = l, e[2] = i) : i = e[2];
+  const {
+    methods: u,
+    handleSubmit: m,
+    isPhone: o
+  } = Oe(i);
+  let r;
+  e[3] !== m || e[4] !== u ? (r = u.handleSubmit(m), e[3] = m, e[4] = u, e[5] = r) : r = e[5];
+  let a;
+  e[6] !== o ? (a = /* @__PURE__ */ f("div", { className: "mb-6 flex w-full flex-col gap-[12px]", children: o ? /* @__PURE__ */ f(U, { name: "phone", label: "Phone number", placeholder: "Phone number", defaultCountry: "IN" }) : /* @__PURE__ */ f(q, { name: "email", label: "Email address", placeholder: "Enter email address", type: "email" }) }), e[6] = o, e[7] = a) : a = e[7];
+  let s;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ f(R, { type: "submit", variant: "primary", size: "large", fullWidth: !0, children: "Continue" }), e[8] = s) : s = e[8];
+  let c;
+  e[9] !== r || e[10] !== a ? (c = /* @__PURE__ */ T("form", { onSubmit: r, className: "w-full flex flex-col", children: [
+    a,
+    s
+  ] }), e[9] = r, e[10] = a, e[11] = c) : c = e[11];
+  let d;
+  return e[12] !== u || e[13] !== c ? (d = /* @__PURE__ */ f(K, { ...u, children: c }), e[12] = u, e[13] = c, e[14] = d) : d = e[14], d;
+}
+function xe(t) {
+  return ne({ 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 Ee(t) {
+  return ne({ 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 Ye(t) {
+  const e = P.c(19), {
+    onContinueWithMobile: n,
+    onContinueWithEmail: l,
+    onContinueWithGoogle: i,
+    onContinueWithApple: u
+  } = t, m = Pe;
+  let o;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = m("Continue with Mobile"), e[0] = o) : o = e[0];
+  let r;
+  e[1] !== n ? (r = /* @__PURE__ */ f(R, { variant: "outline", size: "large", fullWidth: !0, onClick: n, children: o }), e[1] = n, e[2] = r) : r = e[2];
+  let a;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = m("Continue with Email"), e[3] = a) : a = e[3];
+  let s;
+  e[4] !== l ? (s = /* @__PURE__ */ f(R, { variant: "outline", size: "large", fullWidth: !0, onClick: l, children: a }), e[4] = l, e[5] = s) : s = e[5];
+  let c;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ f(Ee, { "aria-hidden": "true" }), e[6] = c) : c = e[6];
+  let d;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = m("Continue with Google"), e[7] = d) : d = e[7];
+  let b;
+  e[8] !== i ? (b = /* @__PURE__ */ f(R, { variant: "outline", size: "large", fullWidth: !0, icon: c, iconPosition: "left", onClick: i, children: d }), e[8] = i, e[9] = b) : b = e[9];
+  let h;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ f(xe, { "aria-hidden": "true" }), e[10] = h) : h = e[10];
+  let p;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = m("Continue with Apple"), e[11] = p) : p = e[11];
+  let y;
+  e[12] !== u ? (y = /* @__PURE__ */ f(R, { variant: "outline", size: "large", fullWidth: !0, icon: h, iconPosition: "left", onClick: u, children: p }), e[12] = u, e[13] = y) : y = e[13];
+  let v;
+  return e[14] !== y || e[15] !== r || e[16] !== s || e[17] !== b ? (v = /* @__PURE__ */ T("div", { className: "w-full flex flex-col gap-[12px]", children: [
+    r,
+    s,
+    b,
+    y
+  ] }), e[14] = y, e[15] = r, e[16] = s, e[17] = b, e[18] = v) : v = e[18], v;
+}
+function Pe(t) {
+  return /* @__PURE__ */ f(j, { variant: "textLabel1", weight: "semiBold", align: "center", className: "opacity-80", children: t });
+}
+function Re(t) {
+  const e = P.c(9), {
+    name: n,
+    label: l,
+    className: i,
+    control: u,
+    length: m,
+    inputClassName: o
+  } = t, r = m === void 0 ? 6 : m, a = V(), s = u || a.control;
+  let c;
+  e[0] !== i || e[1] !== o || e[2] !== l || e[3] !== r ? (c = (b) => {
+    const {
+      field: h,
+      fieldState: p
+    } = b;
+    return /* @__PURE__ */ T("div", { children: [
+      l && /* @__PURE__ */ f("label", { className: "block mb-1", children: l }),
+      /* @__PURE__ */ f(se, { length: r, value: h.value || [], onChange: h.onChange, ...i && {
+        className: i
+      }, ...o && {
+        inputClassName: o
+      }, ...p.error?.message !== void 0 && p.error?.message !== "" && {
+        error: p.error.message
+      } })
+    ] });
+  }, e[0] = i, e[1] = o, e[2] = l, e[3] = r, e[4] = c) : c = e[4];
+  let d;
+  return e[5] !== n || e[6] !== s || e[7] !== c ? (d = /* @__PURE__ */ f(B, { name: n, control: s, render: c }), e[5] = n, e[6] = s, e[7] = c, e[8] = d) : d = e[8], d;
+}
+const k = 6, we = 60, Fe = 120;
+function De(t) {
+  return t === "phone" ? we : Fe;
+}
+const Te = _.object({
+  otp: _.array(_.string()).length(k, "Enter all 6 digits").refine((t) => t.every((e) => /^\d$/.test(e)) && t.join("").length === k, "Invalid OTP! Please use correct code and submit again.")
+}), je = {
+  phone: "6 digit OTP has been sent to your Mobile",
+  email: "6 digit OTP has been sent to your Email"
+}, Ie = {
+  phone: "Kindly check your Mobile.",
+  email: "Kindly check your Email Inbox."
+};
+function Le(t) {
+  const e = P.c(25), {
+    mode: n,
+    onSubmit: l,
+    onResendCode: i
+  } = t;
+  let u;
+  e[0] !== n ? (u = De(n), e[0] = n, e[1] = u) : u = e[1];
+  const m = u, [o, r] = ce(m), a = o <= 0;
+  let s;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = Array.from({
+    length: k
+  }, Me), e[2] = s) : s = e[2];
+  const c = s;
+  let d;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+    defaultValues: {
+      otp: c
+    },
+    mode: "onSubmit"
+  }, e[3] = d) : d = e[3];
+  const b = G(d);
+  let h, p;
+  e[4] !== o ? (h = () => {
+    if (o <= 0)
+      return;
+    const W = setInterval(() => {
+      r(qe);
+    }, 1e3);
+    return () => clearInterval(W);
+  }, p = [o], e[4] = o, e[5] = h, e[6] = p) : (h = e[5], p = e[6]), ue(h, p);
+  let y;
+  e[7] !== b || e[8] !== l ? (y = (W) => {
+    const A = Te.safeParse(W);
+    if (!A.success) {
+      const re = A.error.issues[0]?.message ?? "Invalid OTP";
+      b.setError("otp", {
+        message: re
+      });
+      return;
+    }
+    const le = A.data.otp.join("");
+    l?.(le);
+  }, e[7] = b, e[8] = l, e[9] = y) : y = e[9];
+  const v = y;
+  let g;
+  e[10] !== a || e[11] !== m || e[12] !== i ? (g = () => {
+    a && (i?.(), r(m));
+  }, e[10] = a, e[11] = m, e[12] = i, e[13] = g) : g = e[13];
+  const N = g, S = Math.floor(o / 60), C = o % 60, O = String(S);
+  let x;
+  e[14] !== O ? (x = O.padStart(2, "0"), e[14] = O, e[15] = x) : x = e[15];
+  const F = String(C);
+  let E;
+  e[16] !== F ? (E = F.padStart(2, "0"), e[16] = F, e[17] = E) : E = e[17];
+  const D = `Resend code in: ${x}:${E}`;
+  let I;
+  return e[18] !== a || e[19] !== N || e[20] !== v || e[21] !== b || e[22] !== o || e[23] !== D ? (I = {
+    methods: b,
+    handleSubmit: v,
+    handleResend: N,
+    resendSecondsLeft: o,
+    canResend: a,
+    timerText: D
+  }, e[18] = a, e[19] = N, e[20] = v, e[21] = b, e[22] = o, e[23] = D, e[24] = I) : I = e[24], I;
+}
+function qe(t) {
+  return t <= 1 ? 0 : t - 1;
+}
+function Me() {
+  return "";
+}
+function Je(t) {
+  const e = P.c(30), {
+    mode: n,
+    title: l,
+    recipientDisplay: i,
+    isForeignUser: u,
+    onSubmit: m,
+    onResendCode: o
+  } = t, r = u === void 0 ? !1 : u;
+  let a;
+  e[0] !== n || e[1] !== o || e[2] !== m ? (a = {
+    mode: n,
+    onSubmit: m,
+    onResendCode: o
+  }, e[0] = n, e[1] = o, e[2] = m, e[3] = a) : a = e[3];
+  const {
+    methods: s,
+    handleSubmit: c,
+    handleResend: d,
+    canResend: b,
+    timerText: h
+  } = Le(a), p = l ?? je[n], y = Ie[n];
+  let v;
+  e[4] !== c || e[5] !== s ? (v = s.handleSubmit(c), e[4] = c, e[5] = s, e[6] = v) : v = e[6];
+  let g;
+  e[7] !== p ? (g = /* @__PURE__ */ f(j, { variant: "h5", weight: "extraBold", align: "left", className: "mb-2 text-black", children: p }), e[7] = p, e[8] = g) : g = e[8];
+  const N = r ? "mb-2 text-black/80" : "mb-6 text-black/80";
+  let S;
+  e[9] !== i || e[10] !== N ? (S = /* @__PURE__ */ f(j, { variant: "title2", align: "left", className: N, children: i }), e[9] = i, e[10] = N, e[11] = S) : S = e[11];
+  let C;
+  e[12] !== y || e[13] !== r ? (C = r && /* @__PURE__ */ f(j, { variant: "body2", align: "left", className: "mb-6 text-black/80", children: y }), e[12] = y, e[13] = r, e[14] = C) : C = e[14];
+  let O;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ f("div", { className: "mb-4 flex w-full flex-col gap-[12px]", children: /* @__PURE__ */ f(Re, { name: "otp", length: k }) }), e[15] = O) : O = e[15];
+  let x;
+  e[16] !== b || e[17] !== d || e[18] !== h ? (x = /* @__PURE__ */ f("div", { className: "mb-6 flex items-center gap-2", children: b ? /* @__PURE__ */ f(R, { type: "button", variant: "outline", size: "small", onClick: d, children: "Resend Code" }) : /* @__PURE__ */ f(j, { variant: "body2", align: "left", className: "text-black/80", children: h }) }), e[16] = b, e[17] = d, e[18] = h, e[19] = x) : x = e[19];
+  let F;
+  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ f(R, { type: "submit", variant: "primary", size: "large", fullWidth: !0, children: "Submit" }), e[20] = F) : F = e[20];
+  let E;
+  e[21] !== v || e[22] !== g || e[23] !== S || e[24] !== C || e[25] !== x ? (E = /* @__PURE__ */ T("form", { onSubmit: v, className: "flex w-full flex-col", children: [
+    g,
+    S,
+    C,
+    O,
+    x,
+    F
+  ] }), e[21] = v, e[22] = g, e[23] = S, e[24] = C, e[25] = x, e[26] = E) : E = e[26];
+  let D;
+  return e[27] !== s || e[28] !== E ? (D = /* @__PURE__ */ f(K, { ...s, children: E }), e[27] = s, e[28] = E, e[29] = D) : D = e[29], D;
+}
+function Qe(t) {
+  const e = P.c(11), {
+    lastUsedMethod: n,
+    onContinueWithLastMethod: l,
+    onUseAnotherMethod: i
+  } = t, m = `Continue with ${n === void 0 ? "Mobile" : n}`;
+  let o;
+  e[0] !== m ? (o = /* @__PURE__ */ f(j, { variant: "textLabel1", weight: "semiBold", align: "center", className: "text-white", children: m }), e[0] = m, e[1] = o) : o = e[1];
+  let r;
+  e[2] !== l || e[3] !== o ? (r = /* @__PURE__ */ f(R, { variant: "primary", size: "large", fullWidth: !0, onClick: l, children: o }), e[2] = l, e[3] = o, e[4] = r) : r = e[4];
+  let a;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ f(j, { variant: "textLabel1", weight: "semiBold", align: "center", className: "opacity-80", children: "Use another method" }), e[5] = a) : a = e[5];
+  let s;
+  e[6] !== i ? (s = /* @__PURE__ */ f(R, { variant: "outline", size: "large", fullWidth: !0, onClick: i, children: a }), e[6] = i, e[7] = s) : s = e[7];
+  let c;
+  return e[8] !== r || e[9] !== s ? (c = /* @__PURE__ */ T("div", { className: "w-full flex flex-col gap-[12px]", children: [
+    r,
+    s
+  ] }), e[8] = r, e[9] = s, e[10] = c) : c = e[10], c;
+}
+const ze = _.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")
+}), We = _.object({
+  fullName: _.string().min(1, "Full name is required"),
+  email: _.string().min(1, "Email is required").email("Enter a valid email address"),
+  phone: _.string().min(1, "Phone number is required")
+}), Ae = {
+  phone: ze,
+  email: ke,
+  foreign: We
+};
+function $e(t) {
+  const e = P.c(15), {
+    mode: n,
+    defaultPhone: l,
+    onSubmit: i
+  } = t, u = l === void 0 ? "" : l, m = n === "phone", o = n === "foreign";
+  let r;
+  e[0] !== u || e[1] !== o || e[2] !== m ? (r = o ? {
+    fullName: "",
+    email: "",
+    phone: u
+  } : m ? {
+    fullName: "",
+    phone: ""
+  } : {
+    fullName: "",
+    email: ""
+  }, e[0] = u, e[1] = o, e[2] = m, e[3] = r) : r = e[3];
+  const a = r;
+  let s;
+  e[4] !== a ? (s = {
+    defaultValues: a,
+    mode: "onSubmit"
+  }, e[4] = a, e[5] = s) : s = e[5];
+  const c = G(s);
+  let d;
+  e[6] !== c || e[7] !== n || e[8] !== i ? (d = (p) => {
+    const v = Ae[n].safeParse(p);
+    if (!v.success) {
+      for (const N of v.error.issues) {
+        const S = N.path[0];
+        typeof S == "string" && c.setError(S, {
+          message: N.message
+        });
+      }
+      return;
+    }
+    const g = v.data;
+    i?.({
+      fullName: g.fullName,
+      ..."phone" in g && g.phone && {
+        phone: g.phone
+      },
+      ..."email" in g && g.email && {
+        email: g.email
+      }
+    });
+  }, e[6] = c, e[7] = n, e[8] = i, e[9] = d) : d = e[9];
+  const b = d;
+  let h;
+  return e[10] !== b || e[11] !== o || e[12] !== m || e[13] !== c ? (h = {
+    methods: c,
+    handleSubmit: b,
+    isPhone: m,
+    isForeign: o
+  }, e[10] = b, e[11] = o, e[12] = m, e[13] = c, e[14] = h) : h = e[14], h;
+}
+function Xe(t) {
+  const e = P.c(18), {
+    userType: n,
+    signupCollectField: l,
+    pendingPhone: i,
+    onSubmit: u
+  } = t, m = i === void 0 ? "" : i, o = n === "FOREIGN" ? "foreign" : l;
+  let r;
+  e[0] !== o || e[1] !== u || e[2] !== m ? (r = {
+    mode: o,
+    defaultPhone: m,
+    onSubmit: u
+  }, e[0] = o, e[1] = u, e[2] = m, e[3] = r) : r = e[3];
+  const {
+    methods: a,
+    handleSubmit: s,
+    isPhone: c,
+    isForeign: d
+  } = $e(r);
+  let b;
+  e[4] !== s || e[5] !== a ? (b = a.handleSubmit(s), e[4] = s, e[5] = a, e[6] = b) : b = e[6];
+  let h;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ f(q, { name: "fullName", placeholder: "Full name*", required: !0, type: "text", className: "w-full" }), e[7] = h) : h = e[7];
+  let p;
+  e[8] !== d || e[9] !== c ? (p = /* @__PURE__ */ T("div", { className: "mb-6 flex w-full flex-col gap-[12px]", children: [
+    h,
+    d ? /* @__PURE__ */ T(oe, { children: [
+      /* @__PURE__ */ f(q, { name: "email", placeholder: "Email address*", type: "email", required: !0, className: "w-full" }),
+      /* @__PURE__ */ f(U, { name: "phone", placeholder: "Phone number*", required: !0, defaultCountry: "IN" })
+    ] }) : c ? /* @__PURE__ */ f(U, { name: "phone", placeholder: "Phone number", required: !0, defaultCountry: "IN" }) : /* @__PURE__ */ f(q, { name: "email", placeholder: "Email address", type: "email", className: "w-full" })
+  ] }), e[8] = d, e[9] = c, e[10] = p) : p = e[10];
+  let y;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ f(R, { type: "submit", variant: "primary", size: "large", fullWidth: !0, children: "Continue" }), e[11] = y) : y = e[11];
+  let v;
+  e[12] !== b || e[13] !== p ? (v = /* @__PURE__ */ T("form", { onSubmit: b, className: "w-full flex flex-col items-center", children: [
+    p,
+    y
+  ] }), e[12] = b, e[13] = p, e[14] = v) : v = e[14];
+  let g;
+  return e[15] !== a || e[16] !== v ? (g = /* @__PURE__ */ f(K, { ...a, children: v }), e[15] = a, e[16] = v, e[17] = g) : g = e[17], g;
+}
+export {
+  je as D,
+  ne as G,
+  Ke as L,
+  Ye as M,
+  Je as O,
+  Qe as R,
+  Xe as S,
+  k as a,
+  Fe as b,
+  P as c,
+  we as d,
+  Le as e,
+  $e as f,
+  Oe as u
+};

package/dist/stories/components/default-footer.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Shared demo footer with Docthub terms and privacy links.
+ * Used in auth flow and stories (MainLogin, RepeatLogin, AuthLayout, etc.).
+ */
+export declare function DefaultFooter(): import("react/jsx-runtime").JSX.Element;

package/dist/stories/components/enterprise-header.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Shared demo header for auth layouts (e.g. "Enterprise Login" with chevron).
+ * Used in stories and auth flow demo. Hidden on small screens (sm:flex).
+ */
+export declare function EnterpriseHeader(): import("react/jsx-runtime").JSX.Element;

package/dist/stories/components/index.d.ts

@@ -0,0 +1,2 @@
+export { DefaultFooter } from './default-footer';
+export { EnterpriseHeader } from './enterprise-header';