docthub-core-components 3.2.4 → 3.2.6

package/dist/components/overrides/ui/footer/footer-routes.js

@@ -14,6 +14,7 @@ const t = {
   instituteSolution: "https://dev.dochub.in/institute/",
   eventOrganizerSolution: "https://dev.dochub.in/event-organizer/",
   membershipManagement: "https://dev.dochub.in/membership-management/",
+  marketingSolution: "https://dev.dochub.in/marketing-solution/",
   qrCheckInApp: "https://dev.dochub.in/qr-check-in-app/",
   enterpriseSolutions: "https://dev.dochub.in/enterprise-solutions/",
   aboutUs: "https://dev.dochub.in/about-us/",
@@ -52,6 +53,7 @@ const t = {
   instituteSolution: "https://www.docthub.com/institute",
   eventOrganizerSolution: "https://www.docthub.com/event-organizer",
   membershipManagement: "https://www.docthub.com/membership-management",
+  marketingSolution: "https://www.docthub.com/marketing-solution",
   qrCheckInApp: "https://www.docthub.com/qr-check-in-app",
   enterpriseSolutions: "https://www.docthub.com/enterprise-solutions",
   aboutUs: "https://www.docthub.com/about-us",

package/dist/components/overrides/ui/footer/presets.js

@@ -141,6 +141,10 @@ function a() {
         id: "membership-management",
         label: "Membership Management",
         href: e.membershipManagement
+      }, {
+        id: "marketing-solution",
+        label: "Marketing Solution",
+        href: e.marketingSolution
       }, {
         id: "qr-check-in-app",
         label: "QR Check-In App",

package/dist/components/overrides/ui/navigation-menu/organization-nav-routes.js

@@ -5,6 +5,7 @@ const e = {
   "institute-solution": "https://dev.dochub.in/institute",
   "events-organizer-solution": "https://dev.dochub.in/event-organizer",
   "membership-management": "https://dev.dochub.in/membership-management",
+  "marketing-solution": "https://dev.dochub.in/marketing-solution",
   "qr-check-in-app": "https://dev.dochub.in/qr-check-in-app",
   "what-is-enterprise": "https://dev.dochub.in/enterprise-solutions",
   "request-demo": "https://dev.dochub.in/contact-us",
@@ -18,6 +19,7 @@ const e = {
   "institute-solution": "https://www.docthub.com/institute",
   "events-organizer-solution": "https://www.docthub.com/event-organizer",
   "membership-management": "https://www.docthub.com/membership-management",
+  "marketing-solution": "https://www.docthub.com/marketing-solution",
   "qr-check-in-app": "https://www.docthub.com/qr-check-in-app",
   "what-is-enterprise": "https://www.docthub.com/enterprise-solutions",
   "request-demo": "https://www.docthub.com/contact-us",

package/dist/components/overrides/ui/navigation-menu/presets.js

@@ -2,7 +2,7 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { INDIVIDUAL_NAV_ROUTES as i } from "./individual-nav-routes.js";
 import { ORGANIZATION_NAV_ROUTES as s } from "./organization-nav-routes.js";
-const l = [{
+const n = [{
   id: "for-individuals-explore",
   title: "Explore",
   sections: [{
@@ -125,7 +125,7 @@ const l = [{
       /* @__PURE__ */ e("p", { className: "text-[11px] font-medium leading-4 text-neutral-56", children: "Available on iOS and Android" })
     ] })
   ] }) })
-}], n = [{
+}], l = [{
   id: "for-organizations-business-solutions",
   title: "Solutions",
   sections: [{
@@ -155,6 +155,12 @@ const l = [{
       description: "A Cloud Office for Professional Associations",
       href: s["membership-management"],
       icon: /* @__PURE__ */ e("img", { src: "/products/organization/membership-management.svg", alt: "Membership Management", className: "h-8 w-8 shrink-0", loading: "lazy" })
+    }, {
+      id: "marketing-solution",
+      label: "Marketing Solution",
+      description: "Reach the Right Audience",
+      href: s["marketing-solution"],
+      icon: /* @__PURE__ */ e("img", { src: "/products/organization/marketing-solution.svg", alt: "Marketing Solution", className: "h-10 w-10 shrink-0", loading: "lazy" })
     }]
   }]
 }, {
@@ -233,6 +239,6 @@ const l = [{
   ] })
 }];
 export {
-  l as individualNavigationGroups,
-  n as organizationNavigationGroups
+  n as individualNavigationGroups,
+  l as organizationNavigationGroups
 };

package/dist/components/overrides/ui/pickers/date-picker-field.js

@@ -10,22 +10,22 @@ import { DayPicker as Fe } from "react-day-picker";
 import { Input as Le } from "../../../ui/input.js";
 import { Label as Re } from "../../../ui/label.js";
 import { Popover as Te, PopoverTrigger as Oe, PopoverContent as Be } from "../../../ui/popover.js";
-import { SelectContent as me, Select as pe, SelectItem as Ye, SelectTrigger as ge, SelectValue as he } from "../../../ui/select.js";
+import { SelectContent as me, Select as pe, SelectItem as Ye, SelectTrigger as he, SelectValue as ge } from "../../../ui/select.js";
 import { cn as S } from "../../../../lib/utils.js";
 import { mergeDisabledMatchers as Ke, minMaxDisabledMatchers as ze, calendarMonthAnchor as be, isDateWithinMinMaxLocalDay as Ue } from "./day-picker-bounds.js";
 H.extend(Ae);
 H.extend(Ce);
 const oe = 100;
-function de(g, D, e = /* @__PURE__ */ new Date()) {
+function de(h, D, e = /* @__PURE__ */ new Date()) {
   const n = e.getFullYear();
   let s = n - oe, a = n + oe;
-  return g && (s = Math.max(s, g.getFullYear())), D && (a = Math.min(a, D.getFullYear())), s > a && (s = n - oe, a = n + oe), {
+  return h && (s = Math.max(s, h.getFullYear())), D && (a = Math.min(a, D.getFullYear())), s > a && (s = n - oe, a = n + oe), {
     minYear: s,
     maxYear: a
   };
 }
-function ye(g, D, e) {
-  const n = g.getFullYear(), {
+function ye(h, D, e) {
+  const n = h.getFullYear(), {
     minYear: s,
     maxYear: a
   } = de(D, e);
@@ -38,14 +38,14 @@ const We = o.memo(function(D) {
     locale: a,
     minDate: c,
     maxDate: ee
-  } = D, h = a === void 0 ? "en" : a, u = n.getFullYear(), L = n.getMonth();
+  } = D, g = a === void 0 ? "en" : a, u = n.getFullYear(), L = n.getMonth();
   let A;
-  e[0] !== h ? (A = Array.from({
+  e[0] !== g ? (A = Array.from({
     length: 12
   }, (d, m) => {
     const U = new Date(2024, m, 1);
-    return H(U).locale(h).format("MMMM");
-  }), e[0] = h, e[1] = A) : A = e[1];
+    return H(U).locale(g).format("MMMM");
+  }), e[0] = g, e[1] = A) : A = e[1];
   const I = A;
   let X;
   e[2] !== ee || e[3] !== c ? (X = de(c, ee), e[2] = ee, e[3] = c, e[4] = X) : X = e[4];
@@ -79,7 +79,7 @@ const We = o.memo(function(D) {
     const d = new Date(n);
     d.setMonth(d.getMonth() - 1), s(d);
   }, e[16] = n, e[17] = s, e[18] = q) : q = e[18];
-  const M = q;
+  const w = q;
   let J;
   e[19] !== n || e[20] !== s ? (J = () => {
     const d = new Date(n);
@@ -100,27 +100,27 @@ const We = o.memo(function(D) {
   let se;
   e[27] === Symbol.for("react.memo_cache_sentinel") ? (se = /* @__PURE__ */ l(Ve, { className: "h-4 w-4" }), e[27] = se) : se = e[27];
   let V;
-  e[28] !== M ? (V = /* @__PURE__ */ l("button", { type: "button", onClick: M, className: "h-7 w-7 p-0 border border-gray-300 bg-white text-gray-700 hover:bg-gray-100 rounded-md flex items-center justify-center", children: se }), e[28] = M, e[29] = V) : V = e[29];
+  e[28] !== w ? (V = /* @__PURE__ */ l("button", { type: "button", onClick: w, className: "h-7 w-7 p-0 border border-gray-300 bg-white text-gray-700 hover:bg-gray-100 rounded-md flex items-center justify-center", children: se }), e[28] = w, e[29] = V) : V = e[29];
   const le = "flex items-center gap-2", O = L.toString(), ae = I[L];
   let j;
-  e[30] !== ae ? (j = /* @__PURE__ */ l(ge, { className: "w-32 h-8 text-sm", children: /* @__PURE__ */ l(he, { children: ae }) }), e[30] = ae, e[31] = j) : j = e[31];
+  e[30] !== ae ? (j = /* @__PURE__ */ l(he, { className: "w-32 h-8 text-sm", children: /* @__PURE__ */ l(ge, { children: ae }) }), e[30] = ae, e[31] = j) : j = e[31];
   let Y;
-  e[32] !== I ? (Y = /* @__PURE__ */ l(me, { children: I.map(Xe) }), e[32] = I, e[33] = Y) : Y = e[33];
+  e[32] !== I ? (Y = /* @__PURE__ */ l(me, { className: "w-32 overflow-x-hidden", children: I.map(Xe) }), e[32] = I, e[33] = Y) : Y = e[33];
   let v;
   e[34] !== _ || e[35] !== O || e[36] !== j || e[37] !== Y ? (v = /* @__PURE__ */ C(pe, { value: O, onValueChange: _, children: [
     j,
     Y
   ] }), e[34] = _, e[35] = O, e[36] = j, e[37] = Y, e[38] = v) : v = e[38];
   const B = pe, k = u.toString();
-  let w;
-  e[39] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ l(ge, { className: "w-20 h-8 text-sm", children: /* @__PURE__ */ l(he, {}) }), e[39] = w) : w = e[39];
   let x;
-  e[40] !== N ? (x = /* @__PURE__ */ l(me, { className: "max-h-[200px]", children: N.map(Ze) }), e[40] = N, e[41] = x) : x = e[41];
+  e[39] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ l(he, { className: "h-8 w-20 shrink-0 px-2 text-sm", children: /* @__PURE__ */ l(ge, {}) }), e[39] = x) : x = e[39];
+  let M;
+  e[40] !== N ? (M = /* @__PURE__ */ l(me, { className: "max-h-[200px] w-20 overflow-x-hidden", children: N.map(Ze) }), e[40] = N, e[41] = M) : M = e[41];
   let $;
-  e[42] !== B || e[43] !== te || e[44] !== k || e[45] !== x ? ($ = /* @__PURE__ */ C(B, { value: k, onValueChange: te, children: [
-    w,
-    x
-  ] }), e[42] = B, e[43] = te, e[44] = k, e[45] = x, e[46] = $) : $ = e[46];
+  e[42] !== B || e[43] !== te || e[44] !== k || e[45] !== M ? ($ = /* @__PURE__ */ C(B, { value: k, onValueChange: te, children: [
+    x,
+    M
+  ] }), e[42] = B, e[43] = te, e[44] = k, e[45] = M, e[46] = $) : $ = e[46];
   let b;
   e[47] !== v || e[48] !== $ ? (b = /* @__PURE__ */ C("div", { className: le, children: [
     v,
@@ -158,7 +158,7 @@ const We = o.memo(function(D) {
     pattern: /^[0-9a-zA-Z\s]$/
   }
 }, He = o.memo(({
-  label: g,
+  label: h,
   placeholder: D,
   helperText: e,
   required: n,
@@ -166,7 +166,7 @@ const We = o.memo(function(D) {
   onSelect: a,
   onChange: c,
   className: ee,
-  minDate: h,
+  minDate: g,
   maxDate: u,
   disabled: L,
   readOnly: A,
@@ -181,7 +181,7 @@ const We = o.memo(function(D) {
   open: R,
   onOpenChange: te,
   dayPickerProps: q,
-  manual: M = !1,
+  manual: w = !1,
   // Default to true for backward compatibility
   popoverAlign: J = "end",
   ...re
@@ -193,7 +193,7 @@ const We = o.memo(function(D) {
     startMonth: V,
     endMonth: le,
     ...O
-  } = q ?? {}, [ae, j] = o.useState(!1), Y = R !== void 0 ? R : ae, v = te || j, [B, k] = o.useState(""), [w, x] = o.useState(s), [$, b] = o.useState(), [K, P] = o.useState(y ?? s ?? /* @__PURE__ */ new Date()), z = o.useMemo(() => y ?? K, [y, K]), d = o.useCallback((t) => {
+  } = q ?? {}, [ae, j] = o.useState(!1), Y = R !== void 0 ? R : ae, v = te || j, [B, k] = o.useState(""), [x, M] = o.useState(s), [$, b] = o.useState(), [K, P] = o.useState(y ?? s ?? /* @__PURE__ */ new Date()), z = o.useMemo(() => y ?? K, [y, K]), d = o.useCallback((t) => {
     _ ? _(t) : P(t);
   }, [_]), m = o.useMemo(() => {
     const t = Ge[f];
@@ -201,7 +201,7 @@ const We = o.memo(function(D) {
       separator: "",
       pattern: /.*/
     };
-  }, [f]), U = o.useMemo(() => D || (M ? f.toLowerCase() : "Click to select date"), [D, f, M]), ne = o.useCallback((t) => {
+  }, [f]), U = o.useMemo(() => D || (w ? f.toLowerCase() : "Click to select date"), [D, f, w]), ne = o.useCallback((t) => {
     const r = t.replace(/\D/g, ""), {
       separator: i
     } = m;
@@ -249,15 +249,15 @@ const We = o.memo(function(D) {
     day_disabled: "text-muted-foreground opacity-40 grayscale pointer-events-none cursor-not-allowed",
     day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
     day_hidden: "invisible"
-  }), []), Me = o.useMemo(() => Ke(ze(h, u), T), [h, u, T]), we = h ? be(h) : V, xe = u ? be(u) : le;
+  }), []), we = o.useMemo(() => Ke(ze(g, u), T), [g, u, T]), xe = g ? be(g) : V, Me = u ? be(u) : le;
   o.useEffect(() => {
-    k(s ? W(s) : ""), x(s), b(void 0), s && !y && P(s), H.locale(I);
+    k(s ? W(s) : ""), M(s), b(void 0), s && !y && P(s), H.locale(I);
   }, [s, I, W, y]);
   const fe = o.useRef(!1);
   o.useLayoutEffect(() => {
     const t = Y && !fe.current;
     if (fe.current = Y, !t) return;
-    const r = s ?? w;
+    const r = s ?? x;
     if (!r) return;
     const i = new Date(r.getFullYear(), r.getMonth(), 1), p = i.getFullYear(), F = i.getMonth();
     if (y !== void 0) {
@@ -265,13 +265,13 @@ const We = o.memo(function(D) {
       return;
     }
     P(i);
-  }, [Y, y, s, w, _]);
-  const Q = o.useCallback((t) => ye(t, h, u) && Ue(t, h, u), [h, u]), De = o.useCallback((t) => {
-    if (!M) return;
+  }, [Y, y, s, x, _]);
+  const Q = o.useCallback((t) => ye(t, g, u) && Ue(t, g, u), [g, u]), De = o.useCallback((t) => {
+    if (!w) return;
     b(void 0);
     let r = t.target.value;
     if (k(r), !r.trim()) {
-      x(void 0), a == null || a(void 0), c == null || c(void 0);
+      M(void 0), a == null || a(void 0), c == null || c(void 0);
       return;
     }
     const i = ne(r);
@@ -279,34 +279,34 @@ const We = o.memo(function(D) {
     const p = ie(r);
     if (p != null && p.isValid()) {
       const F = p.toDate();
-      Q(F) && (x(F), a == null || a(F), c == null || c(F));
+      Q(F) && (M(F), a == null || a(F), c == null || c(F));
     }
-  }, [M, ne, ie, a, c, Q]), ce = o.useCallback(() => {
-    const t = B.trim(), r = s ?? w;
+  }, [w, ne, ie, a, c, Q]), ce = o.useCallback(() => {
+    const t = B.trim(), r = s ?? x;
     if (!t) {
       k(""), b(void 0);
       return;
     }
     const i = ie(t), p = i != null && i.isValid() ? i.toDate() : void 0;
     if (p && Q(p)) {
-      k(W(p)), b(void 0), (!w || w.getTime() !== p.getTime()) && (x(p), a == null || a(p), c == null || c(p));
+      k(W(p)), b(void 0), (!x || x.getTime() !== p.getTime()) && (M(p), a == null || a(p), c == null || c(p));
       return;
     }
     if (i != null && i.isValid() && p) {
       const {
         minYear: F,
         maxYear: _e
-      } = de(h, u);
-      ye(p, h, u) ? b("Date is outside the allowed range.") : b(`Enter a year between ${F} and ${_e}.`);
+      } = de(g, u);
+      ye(p, g, u) ? b("Date is outside the allowed range.") : b(`Enter a year between ${F} and ${_e}.`);
     } else
       b(void 0);
     k(r ? W(r) : "");
-  }, [B, s, w, ie, W, Q, h, u, a, c]), Ne = o.useCallback((t) => {
-    t && Q(t) && (k(W(t)), x(t), b(void 0), a == null || a(t), c == null || c(t), v(!1));
+  }, [B, s, x, ie, W, Q, g, u, a, c]), Ne = o.useCallback((t) => {
+    t && Q(t) && (k(W(t)), M(t), b(void 0), a == null || a(t), c == null || c(t), v(!1));
   }, [Q, a, c, W, v]), ke = o.useCallback((t) => {
-    t.stopPropagation(), k(""), x(void 0), a == null || a(void 0), c == null || c(void 0);
+    t.stopPropagation(), k(""), M(void 0), a == null || a(void 0), c == null || c(void 0);
   }, [a, c]), G = !!(L || A), $e = o.useCallback((t) => {
-    if (!M) {
+    if (!w) {
       !G && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), v(!Y));
       return;
     }
@@ -315,20 +315,20 @@ const We = o.memo(function(D) {
       return;
     }
     t.key === "Enter" && (t.preventDefault(), ce());
-  }, [M, m.pattern, ce, v, Y, G]);
+  }, [w, m.pattern, ce, v, Y, G]);
   return /* @__PURE__ */ C("div", { className: S("space-y-1", ee), ...re, children: [
-    g && /* @__PURE__ */ C(Re, { className: "text-sm font-medium text-gray-700", children: [
-      g,
+    h && /* @__PURE__ */ C(Re, { className: "text-sm font-medium text-gray-700", children: [
+      h,
       n && /* @__PURE__ */ l("span", { className: "text-red-500 ml-1", children: "*" })
     ] }),
     /* @__PURE__ */ C(Te, { open: Y, onOpenChange: (t) => {
       G && t || v(t);
     }, children: [
       /* @__PURE__ */ C("div", { className: S("w-60 relative", X), children: [
-        /* @__PURE__ */ l(Le, { type: "text", value: B, onChange: De, onBlur: ce, onKeyDown: $e, placeholder: U, disabled: L, readOnly: A || !M, onClick: () => {
-          !M && !L && !A && v(!0);
-        }, className: S("w-full pr-12", (E || $) && "border border-destructive focus-visible:ring-destructive", !M && !G && "cursor-pointer") }),
-        N && (s ?? w) && !L && !A && /* @__PURE__ */ l("button", { type: "button", onClick: ke, className: "absolute right-10 top-1/2 -translate-y-1/2 p-1 rounded hover:bg-muted focus:outline-none focus:ring-2 focus:ring-ring", "aria-label": "Clear date", children: /* @__PURE__ */ l(Ie, { className: "h-4 w-4 text-muted-foreground" }) }),
+        /* @__PURE__ */ l(Le, { type: "text", value: B, onChange: De, onBlur: ce, onKeyDown: $e, placeholder: U, disabled: L, readOnly: A || !w, onClick: () => {
+          !w && !L && !A && v(!0);
+        }, className: S("w-full pr-12", (E || $) && "border border-destructive focus-visible:ring-destructive", !w && !G && "cursor-pointer") }),
+        N && (s ?? x) && !L && !A && /* @__PURE__ */ l("button", { type: "button", onClick: ke, className: "absolute right-10 top-1/2 -translate-y-1/2 p-1 rounded hover:bg-muted focus:outline-none focus:ring-2 focus:ring-ring", "aria-label": "Clear date", children: /* @__PURE__ */ l(Ie, { className: "h-4 w-4 text-muted-foreground" }) }),
         /* @__PURE__ */ l(Oe, { asChild: !0, children: /* @__PURE__ */ l("button", { type: "button", className: S("absolute right-1 top-1/2 -translate-y-1/2 border-0 bg-transparent outline-none", G ? "cursor-default text-muted-foreground" : "cursor-pointer text-black hover:text-black"), style: {
           height: "1.75rem",
           width: "1.75rem"
@@ -337,8 +337,8 @@ const We = o.memo(function(D) {
         }, disabled: G, "aria-label": "Open calendar", children: /* @__PURE__ */ l(Ee, { strokeWidth: 1, className: "h-5 w-5" }) }) })
       ] }),
       /* @__PURE__ */ l(Be, { className: "w-auto p-0 mt-2", align: J, children: /* @__PURE__ */ C("div", { className: "bg-white rounded-md border shadow-md", children: [
-        /* @__PURE__ */ l(We, { month: z, onMonthChange: d, locale: I, minDate: h, maxDate: u }),
-        /* @__PURE__ */ l("div", { className: "p-3", children: /* @__PURE__ */ l(Fe, { ...O, mode: "single", selected: w, onSelect: Ne, month: z, onMonthChange: d, startMonth: we, endMonth: xe, disabled: Me, showOutsideDays: Z, className: S("p-0", O.className), classNames: {
+        /* @__PURE__ */ l(We, { month: z, onMonthChange: d, locale: I, minDate: g, maxDate: u }),
+        /* @__PURE__ */ l("div", { className: "p-3", children: /* @__PURE__ */ l(Fe, { ...O, mode: "single", selected: x, onSelect: Ne, month: z, onMonthChange: d, startMonth: xe, endMonth: Me, disabled: we, showOutsideDays: Z, className: S("p-0", O.className), classNames: {
           ...ve,
           ...O.classNames
         } }) })
@@ -348,11 +348,11 @@ const We = o.memo(function(D) {
   ] });
 });
 He.displayName = "DatePickerField";
-function Xe(g, D) {
-  return /* @__PURE__ */ l(Ye, { value: D.toString(), children: g }, g);
+function Xe(h, D) {
+  return /* @__PURE__ */ l(Ye, { value: D.toString(), className: "px-3", children: h }, h);
 }
-function Ze(g) {
-  return /* @__PURE__ */ l(Ye, { value: g.toString(), children: g }, g);
+function Ze(h) {
+  return /* @__PURE__ */ l(Ye, { value: h.toString(), className: "justify-center px-2", children: h }, h);
 }
 export {
   oe as CALENDAR_YEAR_HALF_SPAN,

package/dist/src/components/overrides/ui/footer/footer-routes.d.ts

@@ -16,6 +16,7 @@ export type FooterRoutes = {
     instituteSolution: string;
     eventOrganizerSolution: string;
     membershipManagement: string;
+    marketingSolution: string;
     qrCheckInApp: string;
     enterpriseSolutions: string;
     aboutUs: string;

package/dist/src/components/overrides/ui/navigation-menu/organization-nav-routes.d.ts

@@ -3,6 +3,7 @@ export type OrganizationNavRoutes = {
     "institute-solution": string;
     "events-organizer-solution": string;
     "membership-management": string;
+    "marketing-solution": string;
     "qr-check-in-app": string;
     "what-is-enterprise": string;
     "request-demo": string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docthub-core-components",
-  "version": "3.2.4",
+  "version": "3.2.6",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",