docthub-core-components 3.3.4 → 3.3.6

package/dist/components/overrides/ui/mobile-number-dialog/otp-dialog.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as t, jsxs as k } from "react/jsx-runtime";
+import { c as I } from "react-compiler-runtime";
+import { ArrowLeft as U } from "lucide-react";
+import { CircularProgress as H } from "../circular-progress.js";
+import { DoctButton as M } from "../../../ui/button.js";
+import { DoctTypography as L } from "../../../ui/typography.js";
+import { cn as P } from "../../../../lib/utils.js";
+import { OtpInput as W } from "../inputs/otp-input.js";
+import { MOBILE_NUMBER_DIALOG_OTP_RESEND_BUTTON_LABEL as $ } from "./presets.js";
+const V = "flex w-full flex-col overflow-hidden border border-black/[0.12] bg-white";
+function q(B) {
+  const e = I(9), {
+    title: n,
+    onBack: o
+  } = B;
+  let r;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ t(U, { className: "size-6", "aria-hidden": !0 }), e[0] = r) : r = e[0];
+  let l;
+  e[1] !== o ? (l = /* @__PURE__ */ t(M, { type: "button", variant: "ghost", onClick: o, className: "flex size-12 shrink-0 items-center justify-center rounded-full p-0 text-black/70", "aria-label": "Go back", icon: r }), e[1] = o, e[2] = l) : l = e[2];
+  let i;
+  e[3] !== n ? (i = /* @__PURE__ */ t("div", { className: "flex min-h-12 min-w-0 flex-1 items-center justify-center py-[18px]", children: /* @__PURE__ */ t(L, { as: "p", variant: "textLabel1", weight: "semiBold", align: "left", className: "min-w-0 !text-black/80", children: n }) }), e[3] = n, e[4] = i) : i = e[4];
+  let a;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ t("div", { className: "size-12 shrink-0", "aria-hidden": !0 }), e[5] = a) : a = e[5];
+  let s;
+  return e[6] !== l || e[7] !== i ? (s = /* @__PURE__ */ k("div", { className: "flex w-full shrink-0 items-start justify-between overflow-hidden border-b border-black/10", children: [
+    l,
+    i,
+    a
+  ] }), e[6] = l, e[7] = i, e[8] = s) : s = e[8], s;
+}
+function ie(B) {
+  const e = I(44), {
+    headerTitle: n,
+    title: o,
+    phoneDisplay: r,
+    otp: l,
+    onOtpChange: i,
+    onOtpSubmit: a,
+    onBack: s,
+    otpError: D,
+    canResend: R,
+    onResend: E,
+    timerText: O,
+    submitLabel: S,
+    isSubmitting: T,
+    className: A,
+    surface: F
+  } = B, C = R === void 0 ? !1 : R, c = T === void 0 ? !1 : T, j = F === "drawer" ? "h-auto max-w-none rounded-t-[16px]" : "!max-w-[384px] rounded-[16px] shadow-[0_8px_24px_rgba(0,0,0,0.12)]";
+  let _;
+  e[0] !== A || e[1] !== j ? (_ = P(V, j, A), e[0] = A, e[1] = j, e[2] = _) : _ = e[2];
+  const z = _;
+  let f;
+  e[3] !== n || e[4] !== s ? (f = /* @__PURE__ */ t(q, { title: n, onBack: s }), e[3] = n, e[4] = s, e[5] = f) : f = e[5];
+  let m;
+  e[6] !== a || e[7] !== l ? (m = (G) => {
+    G.preventDefault(), a == null || a(l.join(""));
+  }, e[6] = a, e[7] = l, e[8] = m) : m = e[8];
+  let d;
+  e[9] !== o ? (d = /* @__PURE__ */ t(L, { variant: "h6", weight: "extraBold", align: "left", className: "text-neutral-black", children: o }), e[9] = o, e[10] = d) : d = e[10];
+  let u;
+  e[11] !== r ? (u = /* @__PURE__ */ t(L, { variant: "title2", align: "left", className: "text-neutral-black", children: r }), e[11] = r, e[12] = u) : u = e[12];
+  let h;
+  e[13] !== d || e[14] !== u ? (h = /* @__PURE__ */ k("div", { className: "flex w-full flex-col gap-6", children: [
+    d,
+    u
+  ] }), e[13] = d, e[14] = u, e[15] = h) : h = e[15];
+  let p;
+  e[16] !== i || e[17] !== l || e[18] !== D ? (p = /* @__PURE__ */ t(W, { autoFocus: !0, length: l.length, value: l, onChange: i, error: D, inputClassName: "!h-[44px] !w-[44px]" }), e[16] = i, e[17] = l, e[18] = D, e[19] = p) : p = e[19];
+  let x;
+  e[20] !== C || e[21] !== E || e[22] !== O ? (x = /* @__PURE__ */ t("div", { className: "flex min-h-7 items-center font-medium", children: C ? /* @__PURE__ */ t(M, { type: "button", variant: "outline", size: "small", onClick: E, className: "!h-[28px]", children: $ }) : /* @__PURE__ */ t(L, { variant: "textLabel3", align: "left", className: "text-neutral-black", children: O }) }), e[20] = C, e[21] = E, e[22] = O, e[23] = x) : x = e[23];
+  let b;
+  e[24] !== p || e[25] !== x ? (b = /* @__PURE__ */ k("div", { className: "flex w-full flex-col gap-5", children: [
+    p,
+    x
+  ] }), e[24] = p, e[25] = x, e[26] = b) : b = e[26];
+  let N;
+  e[27] !== b || e[28] !== h ? (N = /* @__PURE__ */ k("div", { className: "flex w-full flex-col items-center gap-7 px-4 py-5", children: [
+    h,
+    b
+  ] }), e[27] = b, e[28] = h, e[29] = N) : N = e[29];
+  let g;
+  e[30] !== c || e[31] !== S ? (g = c ? /* @__PURE__ */ t(H, { size: 32, strokeWidth: 2 }) : S, e[30] = c, e[31] = S, e[32] = g) : g = e[32];
+  let v;
+  e[33] !== c || e[34] !== g ? (v = /* @__PURE__ */ t("div", { className: "flex w-full flex-col items-start border-t border-black/10 bg-[#FAFAFA] p-4", children: /* @__PURE__ */ t(M, { type: "submit", variant: "primary", size: "large", fullWidth: !0, disabled: c, children: g }) }), e[33] = c, e[34] = g, e[35] = v) : v = e[35];
+  let w;
+  e[36] !== N || e[37] !== v || e[38] !== m ? (w = /* @__PURE__ */ k("form", { className: "flex w-full flex-col", noValidate: !0, onSubmit: m, children: [
+    N,
+    v
+  ] }), e[36] = N, e[37] = v, e[38] = m, e[39] = w) : w = e[39];
+  let y;
+  return e[40] !== z || e[41] !== w || e[42] !== f ? (y = /* @__PURE__ */ k("div", { className: z, children: [
+    f,
+    w
+  ] }), e[40] = z, e[41] = w, e[42] = f, e[43] = y) : y = e[43], y;
+}
+export {
+  ie as MobileNumberDialogOtpSurface
+};

package/dist/components/overrides/ui/mobile-number-dialog/presets.js

@@ -1,23 +1,23 @@
 "use client";
-const L = "+91", o = "Enter number", i = "9825910X0X", e = "+91 9825910X0X", n = "user******@gmail.com", T = "Your mobile number required to complete certain actions as well as it's associated with security of your Docthub account.", A = {
+const t = "+91", o = "Enter number", T = "9825910X0X", A = "+91 9825910X0X", O = "user******@gmail.com", i = "Your mobile number required to complete certain actions as well as it's associated with security of your Docthub account.", N = {
   action: "To continue..",
   system: "Add mobile number"
-}, N = {
+}, e = {
   action: "Add your mobile number",
   system: "Keep your account secure"
-}, s = "your accounts will be unified on login";
-function t(_) {
-  return `This phone is already registered with "${_}". Please use different phone number or login with this mobile number`;
+}, I = "your accounts will be unified on login", D = "Login with Mobile", U = "6 digit OTP has been sent to your Mobile", u = "Resend code in: 00:59", r = "Resend Code", B = "Submit";
+function L(_) {
+  return `This number is already linked to a Docthub account (${_})`;
 }
-const C = t(n);
-function I(_) {
+const c = L(O);
+function s(_) {
   return _ ? `Login with '${_}'` : "Login";
 }
-function c(_, E) {
-  const O = E.trim();
-  return O ? O.startsWith(_) ? O : `${_} ${O}` : _;
+function M(_, n) {
+  const E = n.trim();
+  return E ? E.startsWith(_) ? E : `${_} ${E}` : _;
 }
-const r = {
+const C = {
   action: {
     addNumber: "Continue",
     existingAccount: "Continue"
@@ -26,41 +26,46 @@ const r = {
     addNumber: "Save",
     existingAccount: "Save"
   }
-}, M = "Add later";
-function u(_) {
+}, R = "Add later";
+function P(_) {
   return _ === "existingAccount";
 }
-const U = N, D = L, R = C, P = T, B = n, b = e, l = i, F = o, a = A, m = s, d = r, G = M, g = t, S = I, h = c;
+const b = e, l = t, a = c, F = i, d = O, m = A, G = T, S = o, g = N, H = I, Y = C, h = R, y = L, f = s, x = M;
 export {
-  U as ACCOUNT_CONFLICT_PROMPT_BODY_TITLE,
-  D as ACCOUNT_CONFLICT_PROMPT_DEFAULT_COUNTRY_CODE,
-  R as ACCOUNT_CONFLICT_PROMPT_DEFAULT_EXISTING_ACCOUNT_ERROR,
-  P as ACCOUNT_CONFLICT_PROMPT_DEFAULT_INFO_MESSAGE,
-  B as ACCOUNT_CONFLICT_PROMPT_DEFAULT_MASKED_EMAIL,
-  b as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_DISPLAY,
-  l as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_NUMBER,
-  F as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_PLACEHOLDER,
-  a as ACCOUNT_CONFLICT_PROMPT_HEADER_TITLE,
-  m as ACCOUNT_CONFLICT_PROMPT_LOGIN_UNIFY_HINT,
-  d as ACCOUNT_CONFLICT_PROMPT_PRIMARY_LABEL,
-  G as ACCOUNT_CONFLICT_PROMPT_SECONDARY_LABEL,
-  N as MOBILE_NUMBER_DIALOG_BODY_TITLE,
-  L as MOBILE_NUMBER_DIALOG_DEFAULT_COUNTRY_CODE,
-  C as MOBILE_NUMBER_DIALOG_DEFAULT_EXISTING_ACCOUNT_ERROR,
-  T as MOBILE_NUMBER_DIALOG_DEFAULT_INFO_MESSAGE,
-  n as MOBILE_NUMBER_DIALOG_DEFAULT_MASKED_EMAIL,
-  e as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_DISPLAY,
-  i as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_NUMBER,
+  b as ACCOUNT_CONFLICT_PROMPT_BODY_TITLE,
+  l as ACCOUNT_CONFLICT_PROMPT_DEFAULT_COUNTRY_CODE,
+  a as ACCOUNT_CONFLICT_PROMPT_DEFAULT_EXISTING_ACCOUNT_ERROR,
+  F as ACCOUNT_CONFLICT_PROMPT_DEFAULT_INFO_MESSAGE,
+  d as ACCOUNT_CONFLICT_PROMPT_DEFAULT_MASKED_EMAIL,
+  m as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_DISPLAY,
+  G as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_NUMBER,
+  S as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_PLACEHOLDER,
+  g as ACCOUNT_CONFLICT_PROMPT_HEADER_TITLE,
+  H as ACCOUNT_CONFLICT_PROMPT_LOGIN_UNIFY_HINT,
+  Y as ACCOUNT_CONFLICT_PROMPT_PRIMARY_LABEL,
+  h as ACCOUNT_CONFLICT_PROMPT_SECONDARY_LABEL,
+  e as MOBILE_NUMBER_DIALOG_BODY_TITLE,
+  t as MOBILE_NUMBER_DIALOG_DEFAULT_COUNTRY_CODE,
+  c as MOBILE_NUMBER_DIALOG_DEFAULT_EXISTING_ACCOUNT_ERROR,
+  i as MOBILE_NUMBER_DIALOG_DEFAULT_INFO_MESSAGE,
+  O as MOBILE_NUMBER_DIALOG_DEFAULT_MASKED_EMAIL,
+  A as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_DISPLAY,
+  T as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_NUMBER,
   o as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_PLACEHOLDER,
-  A as MOBILE_NUMBER_DIALOG_HEADER_TITLE,
-  s as MOBILE_NUMBER_DIALOG_LOGIN_UNIFY_HINT,
-  r as MOBILE_NUMBER_DIALOG_PRIMARY_LABEL,
-  M as MOBILE_NUMBER_DIALOG_SECONDARY_LABEL,
-  g as buildExistingAccountError,
-  t as buildExistingMobileNumberError,
-  I as buildLoginWithMobileNumberLabel,
-  S as buildLoginWithPhoneLabel,
-  c as buildMobileNumberDisplay,
-  h as buildPhoneDisplay,
-  u as isMobileNumberDialogPrimaryDisabled
+  N as MOBILE_NUMBER_DIALOG_HEADER_TITLE,
+  I as MOBILE_NUMBER_DIALOG_LOGIN_UNIFY_HINT,
+  D as MOBILE_NUMBER_DIALOG_OTP_HEADER_TITLE,
+  r as MOBILE_NUMBER_DIALOG_OTP_RESEND_BUTTON_LABEL,
+  u as MOBILE_NUMBER_DIALOG_OTP_RESEND_LABEL,
+  B as MOBILE_NUMBER_DIALOG_OTP_SUBMIT_LABEL,
+  U as MOBILE_NUMBER_DIALOG_OTP_TITLE,
+  C as MOBILE_NUMBER_DIALOG_PRIMARY_LABEL,
+  R as MOBILE_NUMBER_DIALOG_SECONDARY_LABEL,
+  y as buildExistingAccountError,
+  L as buildExistingMobileNumberError,
+  s as buildLoginWithMobileNumberLabel,
+  f as buildLoginWithPhoneLabel,
+  M as buildMobileNumberDisplay,
+  x as buildPhoneDisplay,
+  P as isMobileNumberDialogPrimaryDisabled
 };

package/dist/components/ui/cookie-dialog.js

@@ -1,51 +1,56 @@
 "use client";
-import { jsx as t, jsxs as w } from "react/jsx-runtime";
-import { c as D } from "react-compiler-runtime";
-import { X as N } from "lucide-react";
-import { DoctButton as k } from "./button.js";
-import { DialogTitle as v, DialogHeader as F, DialogClose as C, DialogDescription as B, DialogFooter as O, DialogContent as _, Dialog as j } from "./dialog.js";
-import { cn as z } from "../../lib/utils.js";
-const A = (y) => {
-  const e = D(22), {
-    open: h,
+import { jsx as t, jsxs as k } from "react/jsx-runtime";
+import { c as B } from "react-compiler-runtime";
+import { X as F } from "lucide-react";
+import { DoctButton as y } from "./button.js";
+import { DialogTitle as O, DialogClose as N, DialogHeader as _, DialogDescription as j, DialogFooter as z, DialogContent as A, Dialog as S } from "./dialog.js";
+import { cn as W } from "../../lib/utils.js";
+const G = (v) => {
+  const e = B(26), {
+    open: p,
     defaultOpen: x,
-    onOpenChange: u,
-    cookiePolicyRoute: g,
-    onPolicyClick: r,
-    onAccept: a,
-    className: b
-  } = y;
+    onOpenChange: g,
+    cookiePolicyRoute: b,
+    onPolicyClick: c,
+    onAccept: m,
+    showCloseButton: D,
+    className: w
+  } = v, C = D === void 0 ? !0 : D;
   let o;
-  e[0] !== b ? (o = z("sm:!max-w-[384px] !max-w-[328px] gap-3 !rounded-2xl border-0 bg-[#525252] p-4 text-white shadow-none sm:!rounded-2xl", b), e[0] = b, e[1] = o) : o = e[1];
-  let c;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ t(v, { className: "text-left text-[16px] !font-medium leading-[20px] tracking-normal text-white", children: "Cookies" }), e[2] = c) : c = e[2];
-  let m, d, f;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ w(F, { className: "flex-row items-center justify-between space-y-0 text-left", children: [
-    c,
-    /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(k, { type: "button", variant: "ghost", size: "medium", iconOnly: !0, "aria-label": "Close cookie dialog", className: "h-6 w-6 shrink-0 rounded-none bg-transparent p-0 text-white hover:bg-transparent active:bg-transparent focus-visible:ring-white/40 focus-visible:ring-offset-0", icon: /* @__PURE__ */ t(N, { className: "!h-5 !w-5 !text-white", strokeWidth: 2 }) }) })
-  ] }), d = /* @__PURE__ */ t(B, { className: "text-[12px] font-normal leading-[18px] text-[#DCDCDC] pr-0 sm:pr-4", children: "We use cookies to enhance your browsing experience, analyse site traffic, and personalise content. By continuing to use our site, you consent to our use of cookies." }), f = /* @__PURE__ */ t("hr", { className: "m-0 border-0 border-t border-[#FFFFFF1F]" }), e[3] = m, e[4] = d, e[5] = f) : (m = e[3], d = e[4], f = e[5]);
+  e[0] !== w ? (o = W("sm:!max-w-[384px] !max-w-[328px] gap-3 !rounded-2xl border-0 bg-[#525252] p-4 text-white shadow-none sm:!rounded-2xl", w), e[0] = w, e[1] = o) : o = e[1];
+  let d;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ t(O, { className: "text-left text-[16px] !font-medium leading-[20px] tracking-normal text-white", children: "Cookies" }), e[2] = d) : d = e[2];
   let i;
-  e[6] !== g || e[7] !== r ? (i = /* @__PURE__ */ t(k, { type: "button", variant: "secondary", size: "medium", className: "h-[36px] min-w-0 flex-1 basis-0 shrink !bg-[#6B6B6B] text-[14px] font-medium !text-white hover:!bg-[#7A7A7A]", onClick: () => {
-    r == null || r(), window.open(g, "_blank", "noopener,noreferrer");
-  }, children: "Cookies Policy" }), e[6] = g, e[7] = r, e[8] = i) : i = e[8];
-  let n;
-  e[9] !== a ? (n = /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(k, { type: "button", variant: "brandBlue", size: "medium", className: "h-[36px] min-w-0 flex-1 basis-0 shrink text-[14px] font-medium", onClick: () => a == null ? void 0 : a(), children: "Ok, Got it" }) }), e[9] = a, e[10] = n) : n = e[10];
+  e[3] !== C ? (i = C ? /* @__PURE__ */ t(N, { asChild: !0, children: /* @__PURE__ */ t(y, { type: "button", variant: "ghost", size: "medium", iconOnly: !0, "aria-label": "Close cookie dialog", className: "h-6 w-6 shrink-0 rounded-none bg-transparent p-0 text-white hover:bg-transparent active:bg-transparent focus-visible:ring-white/40 focus-visible:ring-offset-0", icon: /* @__PURE__ */ t(F, { className: "!h-5 !w-5 !text-white", strokeWidth: 2 }) }) }) : null, e[3] = C, e[4] = i) : i = e[4];
   let s;
-  e[11] !== i || e[12] !== n ? (s = /* @__PURE__ */ w(O, { className: "!flex !flex-row !flex-nowrap items-center gap-3 pt-1", children: [
-    i,
-    n
-  ] }), e[11] = i, e[12] = n, e[13] = s) : s = e[13];
-  let l;
-  e[14] !== o || e[15] !== s ? (l = /* @__PURE__ */ w(_, { showCloseButton: !1, closeOnOutsideClick: !1, className: o, children: [
-    m,
+  e[5] !== i ? (s = /* @__PURE__ */ k(_, { className: "flex-row items-center justify-between space-y-0 text-left", children: [
     d,
+    i
+  ] }), e[5] = i, e[6] = s) : s = e[6];
+  let f, u;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ t(j, { className: "text-[12px] font-normal leading-[18px] text-[#DCDCDC] pr-0 sm:pr-4", children: "We use cookies to enhance your browsing experience, analyse site traffic, and personalise content. By continuing to use our site, you consent to our use of cookies." }), u = /* @__PURE__ */ t("hr", { className: "m-0 border-0 border-t border-[#FFFFFF1F]" }), e[7] = f, e[8] = u) : (f = e[7], u = e[8]);
+  let l;
+  e[9] !== b || e[10] !== c ? (l = /* @__PURE__ */ t(y, { type: "button", variant: "secondary", size: "medium", className: "h-[36px] min-w-0 flex-1 basis-0 shrink !bg-[#6B6B6B] text-[14px] font-medium !text-white hover:!bg-[#7A7A7A]", onClick: () => {
+    c == null || c(), window.location.assign(b);
+  }, children: "Cookies Policy" }), e[9] = b, e[10] = c, e[11] = l) : l = e[11];
+  let n;
+  e[12] !== m ? (n = /* @__PURE__ */ t(N, { asChild: !0, children: /* @__PURE__ */ t(y, { type: "button", variant: "brandBlue", size: "medium", className: "h-[36px] min-w-0 flex-1 basis-0 shrink text-[14px] font-medium", onClick: () => m == null ? void 0 : m(), children: "Ok, Got it" }) }), e[12] = m, e[13] = n) : n = e[13];
+  let a;
+  e[14] !== l || e[15] !== n ? (a = /* @__PURE__ */ k(z, { className: "!flex !flex-row !flex-nowrap items-center gap-3 pt-1", children: [
+    l,
+    n
+  ] }), e[14] = l, e[15] = n, e[16] = a) : a = e[16];
+  let r;
+  e[17] !== a || e[18] !== o || e[19] !== s ? (r = /* @__PURE__ */ k(A, { showCloseButton: !1, closeOnOutsideClick: !1, className: o, children: [
+    s,
     f,
-    s
-  ] }), e[14] = o, e[15] = s, e[16] = l) : l = e[16];
-  let p;
-  return e[17] !== x || e[18] !== u || e[19] !== h || e[20] !== l ? (p = /* @__PURE__ */ t(j, { open: h, defaultOpen: x, onOpenChange: u, modal: !0, children: l }), e[17] = x, e[18] = u, e[19] = h, e[20] = l, e[21] = p) : p = e[21], p;
+    u,
+    a
+  ] }), e[17] = a, e[18] = o, e[19] = s, e[20] = r) : r = e[20];
+  let h;
+  return e[21] !== x || e[22] !== g || e[23] !== p || e[24] !== r ? (h = /* @__PURE__ */ t(S, { open: p, defaultOpen: x, onOpenChange: g, modal: !0, children: r }), e[21] = x, e[22] = g, e[23] = p, e[24] = r, e[25] = h) : h = e[25], h;
 };
-A.displayName = "CookieDialog";
+G.displayName = "CookieDialog";
 export {
-  A as CookieDialog
+  G as CookieDialog
 };