@wealthx/shadcn 1.4.1 → 1.5.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @wealthx/shadcn
 
+## 1.5.1
+
+### Patch Changes
+
+- 81673d0: Pin version for table package
+
+## 1.5.0
+
+### Minor Changes
+
+- 5c06e75: Add new components
+
 ## 1.4.1
 
 ### Patch Changes

package/dist/chunk-2A53WPEC.mjs

@@ -0,0 +1,182 @@
+import {
+  AddressAutocomplete
+} from "./chunk-MXP2RX2V.mjs";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-TAX3KL66.mjs";
+import {
+  Spinner
+} from "./chunk-JVMXMFBB.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Label
+} from "./chunk-P7CEBZM6.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-WNQUEZJF.mjs";
+
+// src/components/ui/create-contact-modal.tsx
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Field({
+  id,
+  label,
+  required,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsxs(Label, { htmlFor: id, children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-destructive", children: "*" })
+    ] }),
+    children
+  ] });
+}
+var EMPTY_FORM = {
+  firstName: "",
+  lastName: "",
+  email: "",
+  phone: "",
+  address: ""
+};
+function CreateContactModal({
+  open,
+  onOpenChange,
+  onSubmit,
+  isLoading = false,
+  staffOptions,
+  className
+}) {
+  var _a, _b;
+  const [form, setForm] = React.useState(EMPTY_FORM);
+  React.useEffect(() => {
+    if (open) setForm(EMPTY_FORM);
+  }, [open]);
+  function set(field, value) {
+    setForm((prev) => __spreadProps(__spreadValues({}, prev), { [field]: value }));
+  }
+  const isValid = form.firstName.trim() !== "" && form.lastName.trim() !== "" && form.email.trim() !== "";
+  function handleSubmit(e) {
+    e.preventDefault();
+    if (!isValid || isLoading) return;
+    onSubmit(form);
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: isLoading ? void 0 : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "lg", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Add New Contact" }) }),
+    /* @__PURE__ */ jsx("form", { id: "create-contact-form", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsx(Field, { id: "ccm-firstName", label: "First name", required: true, children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "ccm-firstName",
+            placeholder: "First name",
+            value: form.firstName,
+            onChange: (e) => set("firstName", e.target.value),
+            disabled: isLoading,
+            autoComplete: "given-name"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { id: "ccm-lastName", label: "Last name", required: true, children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "ccm-lastName",
+            placeholder: "Last name",
+            value: form.lastName,
+            onChange: (e) => set("lastName", e.target.value),
+            disabled: isLoading,
+            autoComplete: "family-name"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(Field, { id: "ccm-email", label: "Email address", required: true, children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "ccm-email",
+          type: "email",
+          placeholder: "name@example.com",
+          value: form.email,
+          onChange: (e) => set("email", e.target.value),
+          disabled: isLoading,
+          autoComplete: "email"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { id: "ccm-phone", label: "Phone number", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "ccm-phone",
+          type: "tel",
+          placeholder: "+61 4xx xxx xxx",
+          value: form.phone,
+          onChange: (e) => set("phone", e.target.value),
+          disabled: isLoading,
+          autoComplete: "tel"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { id: "ccm-address", label: "Address", children: /* @__PURE__ */ jsx(
+        AddressAutocomplete,
+        {
+          value: (_a = form.address) != null ? _a : "",
+          onValueChange: (v) => set("address", v),
+          onSelect: (opt) => set("address", opt.label),
+          disabled: isLoading
+        }
+      ) }),
+      staffOptions && staffOptions.length > 0 && /* @__PURE__ */ jsx(Field, { id: "ccm-staff", label: "Assign to", children: /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: (_b = form.assignedStaffId) != null ? _b : "",
+          onValueChange: (v) => set("assignedStaffId", v),
+          disabled: isLoading,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { id: "ccm-staff", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select staff member" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: staffOptions.map((s) => /* @__PURE__ */ jsx(SelectItem, { value: s.id, children: s.displayName }, s.id)) })
+          ]
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: isLoading,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          form: "create-contact-form",
+          disabled: !isValid || isLoading,
+          children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+            "Creating\u2026"
+          ] }) : "Create Contact"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+export {
+  CreateContactModal
+};

package/dist/{chunk-SIVYAI3M.mjs → chunk-2LLFNGJZ.mjs}

@@ -1,9 +1,21 @@
 import {
   AppointmentSlotSection
-} from "./chunk-5VOTTIXF.mjs";
+} from "./chunk-FRT3S72S.mjs";
+import {
+  Separator
+} from "./chunk-2GIYVERS.mjs";
 import {
   Textarea
 } from "./chunk-BS75ICOO.mjs";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-NCUH54IZ.mjs";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -13,25 +25,13 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle
-} from "./chunk-TLAWKTSA.mjs";
+} from "./chunk-BD3DWDT4.mjs";
 import {
   Calendar
-} from "./chunk-6HIOM2HL.mjs";
+} from "./chunk-Q35PNFJ7.mjs";
 import {
   Label
 } from "./chunk-P7CEBZM6.mjs";
-import {
-  Separator
-} from "./chunk-2GIYVERS.mjs";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle
-} from "./chunk-P2N2PEFY.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/chunk-2QNOPXMQ.mjs

@@ -0,0 +1,360 @@
+import {
+  IncomeBarChart
+} from "./chunk-KAD26MCC.mjs";
+import {
+  RadioGroup,
+  RadioGroupItem
+} from "./chunk-JTK6VJXY.mjs";
+import {
+  AddressAutocomplete,
+  CurrencyInputWithSlider
+} from "./chunk-MXP2RX2V.mjs";
+import {
+  Checkbox
+} from "./chunk-IKXYTCSB.mjs";
+import {
+  Card,
+  CardContent
+} from "./chunk-3VDET466.mjs";
+import {
+  LoanOptionGroup
+} from "./chunk-FFXTQTB4.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "./chunk-UNACI2YK.mjs";
+import {
+  formatCurrency
+} from "./chunk-MN5NYQCL.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/income-work-details.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EMPLOYMENT_TYPE_OPTIONS = [
+  { value: "payg", label: "PAYG" },
+  { value: "self-employed", label: "Self Employed" },
+  { value: "unemployed", label: "Unemployed" },
+  { value: "retired", label: "Retired" }
+];
+var EMPLOYMENT_STATUS_OPTIONS = [
+  { value: "primary", label: "Primary" },
+  { value: "secondary", label: "Secondary" }
+];
+var EMPLOYMENT_BASIS_OPTIONS = [
+  { value: "contract", label: "Contract" },
+  { value: "temporary", label: "Temporary" },
+  { value: "casual", label: "Casual" }
+];
+var INCOME_FREQUENCY_OPTIONS = [
+  { value: "monthly", label: "Monthly" },
+  { value: "weekly", label: "Weekly" }
+];
+function IncomeSourceForm({
+  source,
+  onChange
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 pt-2", children: [
+    /* @__PURE__ */ jsx(
+      LoanOptionGroup,
+      {
+        options: EMPLOYMENT_TYPE_OPTIONS,
+        value: (_a = source.employmentType) != null ? _a : "",
+        onChange: (v) => {
+          if (typeof v === "string")
+            onChange({ employmentType: v });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      LoanOptionGroup,
+      {
+        title: "Employment Status",
+        options: EMPLOYMENT_STATUS_OPTIONS,
+        value: (_b = source.employmentStatus) != null ? _b : "",
+        onChange: (v) => {
+          if (typeof v === "string")
+            onChange({ employmentStatus: v });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      LoanOptionGroup,
+      {
+        title: "Employment Type",
+        options: EMPLOYMENT_BASIS_OPTIONS,
+        value: (_c = source.employmentBasis) != null ? _c : "",
+        onChange: (v) => {
+          if (typeof v === "string")
+            onChange({ employmentBasis: v });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-label-small text-muted-foreground", children: "Job Title" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: (_d = source.jobTitle) != null ? _d : "",
+          onChange: (e) => onChange({ jobTitle: e.target.value }),
+          placeholder: "e.g. Software Engineer"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: source.stillInPosition === false ? "grid grid-cols-2 gap-3" : void 0,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-label-small text-muted-foreground", children: "Start Date" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "date",
+                value: (_e = source.startDate) != null ? _e : "",
+                onChange: (e) => onChange({ startDate: e.target.value })
+              }
+            )
+          ] }),
+          source.stillInPosition === false && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-label-small text-muted-foreground", children: "End Date" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "date",
+                value: (_f = source.endDate) != null ? _f : "",
+                onChange: (e) => onChange({ endDate: e.target.value })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          id: `${source.id}-still-in-position`,
+          checked: (_g = source.stillInPosition) != null ? _g : true,
+          onCheckedChange: (checked) => onChange({ stillInPosition: checked === true })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: `${source.id}-still-in-position`,
+          className: "text-body-small cursor-pointer",
+          children: "Still in position"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-label-small text-muted-foreground", children: "Company Name" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: (_h = source.companyName) != null ? _h : "",
+          onChange: (e) => onChange({ companyName: e.target.value }),
+          placeholder: "e.g. Acme Corporation"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-label-small text-muted-foreground", children: "Company Address" }),
+      /* @__PURE__ */ jsx(
+        AddressAutocomplete,
+        {
+          value: (_i = source.companyAddress) != null ? _i : "",
+          onValueChange: (v) => onChange({ companyAddress: v })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-label-small text-muted-foreground", children: "Income Amount" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx(
+          CurrencyInputWithSlider,
+          {
+            className: "flex-1",
+            value: (_j = source.incomeAmount) != null ? _j : 0,
+            min: 0,
+            max: 5e4,
+            step: 100,
+            onValueChange: (v) => onChange({ incomeAmount: v })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          LoanOptionGroup,
+          {
+            className: "shrink-0",
+            options: INCOME_FREQUENCY_OPTIONS,
+            value: (_k = source.incomeFrequency) != null ? _k : "",
+            onChange: (v) => {
+              if (typeof v === "string")
+                onChange({ incomeFrequency: v });
+            }
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-label-small text-muted-foreground", children: "Type of Company" }),
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          value: source.companyType,
+          onValueChange: (v) => onChange({ companyType: v }),
+          className: "flex flex-row gap-4",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(RadioGroupItem, { value: "public", id: `${source.id}-public` }),
+              /* @__PURE__ */ jsx(
+                "label",
+                {
+                  htmlFor: `${source.id}-public`,
+                  className: "text-body-small cursor-pointer",
+                  children: "Public"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(RadioGroupItem, { value: "private", id: `${source.id}-private` }),
+              /* @__PURE__ */ jsx(
+                "label",
+                {
+                  htmlFor: `${source.id}-private`,
+                  className: "text-body-small cursor-pointer",
+                  children: "Private"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function IncomeWorkDetails({
+  applicantName,
+  totalIncome,
+  incomeData,
+  sources,
+  onSourceChange,
+  onAddSource,
+  onConnectMore,
+  className
+}) {
+  const [openItems, setOpenItems] = React.useState(
+    sources.length > 0 ? [sources[0].id] : []
+  );
+  React.useEffect(() => {
+    setOpenItems((current) => {
+      const currentSet = new Set(current);
+      const newIds = sources.map((s) => s.id).filter((id) => !currentSet.has(id));
+      return newIds.length > 0 ? [...current, ...newIds] : current;
+    });
+  }, [sources]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6 font-sans", className), children: [
+    /* @__PURE__ */ jsxs("h2", { className: "text-h1 text-foreground", children: [
+      applicantName,
+      "'s Income"
+    ] }),
+    totalIncome !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx(Card, { className: "shrink-0 w-[202px]", children: /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-3 p-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-h2 text-foreground", children: formatCurrency(totalIncome) }),
+          /* @__PURE__ */ jsx("span", { className: "text-body-small text-muted-foreground", children: "Total latest 12 months" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            size: "sm",
+            className: "w-fit",
+            onClick: onConnectMore,
+            children: "Add More Account +"
+          }
+        )
+      ] }) }),
+      incomeData && /* @__PURE__ */ jsx(
+        IncomeBarChart,
+        {
+          incomeData,
+          bare: true,
+          showLegend: false,
+          showYAxis: true,
+          showXAxis: true,
+          defaultPeriod: 12,
+          height: 160,
+          className: "flex-1"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-h3 text-foreground", children: "Income Sources" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-label-small text-muted-foreground", children: "Total Income" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "h-5 w-full",
+              totalIncome ? "bg-primary" : "bg-muted"
+            )
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-h3 text-foreground", children: "Work Details" }),
+      /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          type: "multiple",
+          value: openItems,
+          onValueChange: setOpenItems,
+          className: "border-t border-border",
+          children: sources.map((source) => {
+            var _a;
+            return /* @__PURE__ */ jsxs(AccordionItem, { value: source.id, children: [
+              /* @__PURE__ */ jsx(AccordionTrigger, { children: (_a = source.label) != null ? _a : "Main Income Source" }),
+              /* @__PURE__ */ jsx(AccordionContent, { className: "text-foreground", children: /* @__PURE__ */ jsx(
+                IncomeSourceForm,
+                {
+                  source,
+                  onChange: (updates) => onSourceChange == null ? void 0 : onSourceChange(source.id, updates)
+                }
+              ) })
+            ] }, source.id);
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "w-fit",
+          onClick: onAddSource,
+          children: "Add More +"
+        }
+      )
+    ] })
+  ] });
+}
+
+export {
+  IncomeWorkDetails
+};

package/dist/{chunk-K5QV4TT6.mjs → chunk-2WCIORP7.mjs}

@@ -1,9 +1,12 @@
-import {
-  Badge
-} from "./chunk-WL6WVV47.mjs";
 import {
   Checkbox
 } from "./chunk-IKXYTCSB.mjs";
+import {
+  Switch
+} from "./chunk-PNSYFE3K.mjs";
+import {
+  Badge
+} from "./chunk-WL6WVV47.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";
@@ -14,6 +17,8 @@ function TaskCheckItem({
   title,
   completed,
   aiAgentName,
+  autoCompleteEnabled,
+  onAutoCompleteToggle,
   onToggle,
   disabled = false,
   size = "xs",
@@ -59,7 +64,27 @@ function TaskCheckItem({
               }
             ),
             aiAgentName
-          ] })
+          ] }),
+          aiAgentName && autoCompleteEnabled !== void 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "flex items-center gap-1.5",
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Switch,
+                  {
+                    checked: autoCompleteEnabled,
+                    onCheckedChange: () => onAutoCompleteToggle == null ? void 0 : onAutoCompleteToggle(),
+                    disabled,
+                    className: "scale-75 origin-left",
+                    "aria-label": "Allow agent to auto complete"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: "Allow Agent to Auto Complete" })
+              ]
+            }
+          )
         ] })
       ]
     }

package/dist/{chunk-5NF6T2RS.mjs → chunk-3AREQTZU.mjs}

@@ -6,26 +6,26 @@ import {
   formatChartDateLabel,
   formatTooltipDate
 } from "./chunk-YEWNFK5S.mjs";
-import {
-  formatCurrency,
-  formatCurrencyAbbrev
-} from "./chunk-MN5NYQCL.mjs";
 import {
   Empty,
   EmptyDescription
 } from "./chunk-R2ON6CAN.mjs";
+import {
+  Spinner
+} from "./chunk-JVMXMFBB.mjs";
 import {
   Card,
   CardContent,
   CardHeader,
   CardTitle
 } from "./chunk-3VDET466.mjs";
-import {
-  Spinner
-} from "./chunk-JVMXMFBB.mjs";
 import {
   useThemeVars
-} from "./chunk-FEZKMUCF.mjs";
+} from "./chunk-WDTXHLYM.mjs";
+import {
+  formatCurrency,
+  formatCurrencyAbbrev
+} from "./chunk-MN5NYQCL.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";