@wealthx/shadcn 1.3.0 → 1.3.1

package/dist/components/ui/advisor-card.js

@@ -59,9 +59,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/ui/advisor-card.tsx
 var advisor_card_exports = {};
 __export(advisor_card_exports, {
-  AdvisorCard: () => AdvisorCard
+  AdvisorCard: () => AdvisorCard,
+  AdvisorInviteCard: () => AdvisorInviteCard
 });
 module.exports = __toCommonJS(advisor_card_exports);
+var import_react2 = __toESM(require("react"));
 
 // src/components/ui/badge.tsx
 var import_class_variance_authority = require("class-variance-authority");
@@ -374,31 +376,34 @@ function AdvisorCard({
   role,
   phone,
   email,
+  companyName,
   companyLogoUrl,
   avatarInitials,
   isPrimary = false,
-  appointment,
+  appointments,
   onRefer,
   onMoreOptions,
   onBookAppointment,
   onViewAppointment
 }) {
+  const hasAppointments = appointments !== void 0;
+  const appointmentList = appointments === null || Array.isArray(appointments) && appointments.length === 0 ? null : appointments;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col border border-border bg-card", children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-start gap-4 p-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Avatar, { className: "h-10 w-10 shrink-0", children: [
         companyLogoUrl && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarImage, { src: companyLogoUrl, alt: `${name} company logo` }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarFallback, { className: "text-sm", children: avatarInitials != null ? avatarInitials : name.slice(0, 2).toUpperCase() })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarFallback, { className: "text-sm", children: avatarInitials != null ? avatarInitials : companyName ? companyName.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase() : name.slice(0, 2).toUpperCase() })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-semibold leading-tight", children: name }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: role }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mt-2 flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Phone, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Phone, { className: "h-4 w-4 shrink-0" }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: phone })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Mail, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Mail, { className: "h-4 w-4 shrink-0" }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: email })
           ] })
         ] })
@@ -418,14 +423,14 @@ function AdvisorCard({
         )
       ] })
     ] }),
-    appointment !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    hasAppointments && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Separator, {}),
-      appointment ? (
-        /* Has appointment */
+      appointmentList ? appointmentList.map((appt, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react2.default.Fragment, { children: [
+        i > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Separator, {}),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           "div",
           {
-            className: `flex items-center gap-3 px-4 py-3 ${STRIP_BG[appointment.status]}`,
+            className: `flex items-center gap-3 px-4 py-3 ${STRIP_BG[appt.status]}`,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.CalendarCheck, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
               /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
@@ -433,19 +438,19 @@ function AdvisorCard({
                   /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     Badge,
                     {
-                      variant: STATUS_VARIANT[appointment.status],
+                      variant: STATUS_VARIANT[appt.status],
                       className: "text-[10px]",
-                      children: STATUS_LABEL[appointment.status]
+                      children: STATUS_LABEL[appt.status]
                     }
                   ),
-                  appointment.appointmentType && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: appointment.appointmentType })
+                  appt.appointmentType && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "truncate text-sm font-semibold", children: appt.appointmentType })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
-                  appointment.date,
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "whitespace-nowrap text-sm text-muted-foreground", children: [
+                  appt.date,
                   " \xB7 ",
-                  appointment.timeStart,
+                  appt.timeStart,
                   "\u2013",
-                  appointment.timeEnd
+                  appt.timeEnd
                 ] })
               ] }),
               onViewAppointment && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
@@ -454,7 +459,7 @@ function AdvisorCard({
                   variant: "ghost",
                   size: "sm",
                   className: "h-7 shrink-0 gap-1 px-2 text-xs",
-                  onClick: onViewAppointment,
+                  onClick: () => onViewAppointment(i),
                   children: [
                     "View",
                     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.ChevronRight, { className: "h-3 w-3" })
@@ -464,8 +469,8 @@ function AdvisorCard({
             ]
           }
         )
-      ) : (
-        /* No appointment */
+      ] }, i)) : (
+        /* Empty state */
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Calendar, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "flex-1 text-xs text-muted-foreground", children: "No upcoming appointments" })
@@ -473,25 +478,53 @@ function AdvisorCard({
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2 px-4 py-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 px-4 py-3", children: [
       onBookAppointment && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         Button,
         {
           variant: "outline-primary",
           size: "sm",
+          className: "w-full",
           onClick: onBookAppointment,
           children: "Book Appointment"
         }
       ),
-      onRefer && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Button, { variant: "outline", size: "sm", onClick: onRefer, children: [
-        "Refer ",
-        name,
-        " to Others"
-      ] })
+      onRefer && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "w-full",
+          onClick: onRefer,
+          children: [
+            "Refer ",
+            name,
+            " to Others"
+          ]
+        }
+      )
     ] })
   ] });
 }
+function AdvisorInviteCard({ onInvite }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    Button,
+    {
+      variant: "ghost",
+      onClick: onInvite,
+      className: "flex h-auto w-full flex-col items-center justify-center gap-3 border border-dashed border-border bg-card p-8 text-center transition-colors hover:bg-muted/40",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-10 w-10 items-center justify-center border border-dashed border-muted-foreground/40", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Plus, { className: "h-5 w-5 text-muted-foreground" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-medium", children: "Add Another Advisor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-muted-foreground", children: "Connect more advisors to your account" })
+        ] })
+      ]
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AdvisorCard
+  AdvisorCard,
+  AdvisorInviteCard
 });

package/dist/components/ui/advisor-card.mjs

@@ -1,6 +1,7 @@
 import {
-  AdvisorCard
-} from "../../chunk-FNQXOAYJ.mjs";
+  AdvisorCard,
+  AdvisorInviteCard
+} from "../../chunk-Q2BGOAMG.mjs";
 import "../../chunk-24FUO7TD.mjs";
 import "../../chunk-BKNFWEH2.mjs";
 import "../../chunk-FH6QVUVZ.mjs";
@@ -9,5 +10,6 @@ import "../../chunk-DBHJ5KC3.mjs";
 import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
-  AdvisorCard
+  AdvisorCard,
+  AdvisorInviteCard
 };