@wealthx/shadcn 1.4.0 → 1.5.0

package/dist/chunk-K7TWMLLW.mjs

@@ -0,0 +1,520 @@
+import {
+  FormField,
+  PasswordField,
+  SectionHeading,
+  StaffRowItem
+} from "./chunk-TXUBGKB7.mjs";
+import {
+  ColorPicker
+} from "./chunk-AL6GOL2Y.mjs";
+import {
+  UploadCard
+} from "./chunk-I4KVSZCH.mjs";
+import {
+  Field,
+  FieldError,
+  FieldLabel
+} from "./chunk-MUV4EGDW.mjs";
+import {
+  Checkbox
+} from "./chunk-IKXYTCSB.mjs";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-TAX3KL66.mjs";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-6SR4K5T5.mjs";
+import {
+  Separator
+} from "./chunk-2GIYVERS.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-WNQUEZJF.mjs";
+
+// src/components/ui/backoffice-signup-steps.tsx
+import React, { useState } from "react";
+import {
+  CalendarIcon,
+  InfoIcon,
+  MailIcon,
+  PhoneIcon,
+  PlusIcon
+} from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BASE_PLAN_PRICE = 299;
+var ROLE_INFO = {
+  Admin: "Admin seats have full access to manage the platform.",
+  Broker: "Broker seats can manage client portfolios.",
+  Support: "Support seats handle client inquiries and tickets."
+};
+var ROLE_SUBTITLE = {
+  Admin: "$89/month/company (first seat included)",
+  Broker: "$89/month/company",
+  Support: "$0/month/company"
+};
+function PersonalDetailsStep({
+  onValidChange
+}) {
+  const [firstName, setFirstName] = useState("");
+  const [lastName, setLastName] = useState("");
+  const [email, setEmail] = useState("");
+  const [emailError, setEmailError] = useState("");
+  const [emailTouched, setEmailTouched] = useState(false);
+  const [passwordValue, setPasswordValue] = useState("");
+  const [confirmValue, setConfirmValue] = useState("");
+  const [termsAccepted, setTermsAccepted] = useState(false);
+  const validateEmail = (v) => {
+    if (v.length > 0 && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v))
+      return "Please enter a valid email address";
+    return "";
+  };
+  const passwordRules = (v) => v.length >= 8 && /[A-Z]/.test(v) && /[a-z]/.test(v) && /[0-9]/.test(v) && /[^A-Za-z0-9]/.test(v);
+  const emailValid = email.length > 0 && validateEmail(email) === "";
+  const passwordValid = passwordRules(passwordValue);
+  const confirmPasswordValid = confirmValue.length > 0 && confirmValue === passwordValue;
+  React.useEffect(() => {
+    onValidChange == null ? void 0 : onValidChange(
+      firstName.trim().length > 0 && lastName.trim().length > 0 && emailValid && passwordValid && confirmPasswordValid && termsAccepted
+    );
+  }, [
+    firstName,
+    lastName,
+    emailValid,
+    passwordValid,
+    confirmPasswordValid,
+    termsAccepted,
+    onValidChange
+  ]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsxs(FieldLabel, { children: [
+          "First Name",
+          /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: "First Name",
+            value: firstName,
+            onChange: (e) => setFirstName(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "min-h-5" })
+      ] }),
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsxs(FieldLabel, { children: [
+          "Last Name",
+          /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: "Last Name",
+            value: lastName,
+            onChange: (e) => setLastName(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "min-h-5" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsxs(FieldLabel, { children: [
+        "Email Address",
+        /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "email",
+          placeholder: "Email Address",
+          value: email,
+          onChange: (e) => {
+            setEmail(e.target.value);
+            if (emailTouched) setEmailError(validateEmail(e.target.value));
+          },
+          onBlur: () => {
+            setEmailTouched(true);
+            setEmailError(validateEmail(email));
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "min-h-5", children: emailTouched && emailError && /* @__PURE__ */ jsx(FieldError, { children: emailError }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      PasswordField,
+      {
+        label: "Set Your Password",
+        placeholder: "Password",
+        required: true,
+        showStrengthPopover: true,
+        onValueChange: setPasswordValue
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PasswordField,
+      {
+        label: "Confirm Password",
+        placeholder: "Confirm Your Password",
+        required: true,
+        onValueChange: setConfirmValue
+      }
+    ),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(FieldLabel, { children: "Phone Number" }),
+      /* @__PURE__ */ jsx(Input, { placeholder: "Phone Number" }),
+      /* @__PURE__ */ jsx("div", { className: "min-h-5" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          id: "terms",
+          checked: termsAccepted,
+          onCheckedChange: (v) => setTermsAccepted(!!v)
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "label",
+        {
+          htmlFor: "terms",
+          className: "text-sm text-muted-foreground leading-relaxed cursor-pointer select-none",
+          children: [
+            "I agree to the",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "text-foreground underline", children: "Terms and Conditions" }),
+            " ",
+            "and ",
+            /* @__PURE__ */ jsx("span", { className: "text-foreground underline", children: "Privacy Policy" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function CompanyInfoStep() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx(SectionHeading, { children: "Company Details" }),
+    /* @__PURE__ */ jsx(FormField, { label: "Business Name", required: true, children: /* @__PURE__ */ jsx(Input, { placeholder: "Business Name" }) }),
+    /* @__PURE__ */ jsx(FormField, { label: "ABN (Australian Business Number)", required: true, children: /* @__PURE__ */ jsx(Input, { placeholder: "Input ABN" }) }),
+    /* @__PURE__ */ jsx(FormField, { label: "Australian Credit License Number", required: true, children: /* @__PURE__ */ jsx(Input, { placeholder: "Input License Number" }) }),
+    /* @__PURE__ */ jsx(FormField, { label: "Customer Support Email", required: true, children: /* @__PURE__ */ jsx(Input, { type: "email", placeholder: "Customer Support Email" }) }),
+    /* @__PURE__ */ jsx(FormField, { label: "Main Business Phone Number", required: true, children: /* @__PURE__ */ jsx(Input, { placeholder: "Main Business Phone Number" }) }),
+    /* @__PURE__ */ jsx(FormField, { label: "Domain", required: true, children: /* @__PURE__ */ jsx(Input, { placeholder: "Input Domain" }) }),
+    /* @__PURE__ */ jsxs(SectionHeading, { children: [
+      "Connective Details",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-normal", children: "(connective brokers only)" })
+    ] }),
+    /* @__PURE__ */ jsx(FormField, { label: "CA Number", children: /* @__PURE__ */ jsx(Input, { placeholder: "CA Number" }) }),
+    /* @__PURE__ */ jsx(FormField, { label: "Company ID", children: /* @__PURE__ */ jsx(Input, { placeholder: "Company ID" }) }),
+    /* @__PURE__ */ jsx(FormField, { label: "API Key", children: /* @__PURE__ */ jsx(Input, { placeholder: "API Key" }) }),
+    /* @__PURE__ */ jsx(FormField, { label: "API Token", children: /* @__PURE__ */ jsx(Input, { placeholder: "API Token" }) })
+  ] });
+}
+function BrandingInfoStep() {
+  const [primaryColor, setPrimaryColor] = useState("#131C24");
+  const [secondaryColor, setSecondaryColor] = useState("#00E599");
+  const [calendarType, setCalendarType] = useState("Calendly");
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(SectionHeading, { children: "Admin Advisor Content" }),
+      /* @__PURE__ */ jsx(FormField, { label: "Calendar URL", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: calendarType,
+            onValueChange: (v) => setCalendarType(v),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[140px] shrink-0", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "Calendly", children: "Calendly" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Gmail", children: "Gmail Calendar" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Outlook", children: "Outlook Calendar" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Input, { placeholder: "Paste calendar URL", className: "flex-1" })
+      ] }) }),
+      /* @__PURE__ */ jsx(FormField, { label: "Video URL (Youtube, Vimeo, Wistia)", children: /* @__PURE__ */ jsx(Input, { placeholder: "Input Video URL" }) }),
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { children: "Upload professional photo (800x450)" }),
+        /* @__PURE__ */ jsx(
+          UploadCard,
+          {
+            size: "sm",
+            label: "Upload image",
+            description: "PNG, JPG \xB7 800\xD7450px"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(SectionHeading, { children: "Company Branding" }),
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { children: "Color Code Primary" }),
+        /* @__PURE__ */ jsx(ColorPicker, { value: primaryColor, onChange: setPrimaryColor })
+      ] }),
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { children: "Color Code Secondary" }),
+        /* @__PURE__ */ jsx(ColorPicker, { value: secondaryColor, onChange: setSecondaryColor })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs(Field, { children: [
+          /* @__PURE__ */ jsx(FieldLabel, { children: "Primary Symbol Logo (50x50)" }),
+          /* @__PURE__ */ jsx(
+            UploadCard,
+            {
+              size: "sm",
+              label: "Upload image",
+              description: "PNG, JPG \xB7 50\xD750px"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Field, { children: [
+          /* @__PURE__ */ jsx(FieldLabel, { children: "Symbol Logo in White (50x50)" }),
+          /* @__PURE__ */ jsx(
+            UploadCard,
+            {
+              size: "sm",
+              label: "Upload image",
+              description: "PNG, JPG \xB7 50\xD750px"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs(Field, { children: [
+          /* @__PURE__ */ jsx(FieldLabel, { children: "Primary Business Logo (150x100)" }),
+          /* @__PURE__ */ jsx(
+            UploadCard,
+            {
+              size: "sm",
+              label: "Upload image",
+              description: "PNG, JPG \xB7 150\xD7100px"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Field, { children: [
+          /* @__PURE__ */ jsx(FieldLabel, { children: "Primary Business Logo in White (150x100)" }),
+          /* @__PURE__ */ jsx(
+            UploadCard,
+            {
+              size: "sm",
+              label: "Upload image",
+              description: "PNG, JPG \xB7 150\xD7100px"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function InviteStaffView({
+  onNext: _onNext,
+  onPrev: _onPrev
+}) {
+  const [staffList, setStaffList] = useState([
+    { id: "1", email: "", role: "" }
+  ]);
+  const addStaff = () => setStaffList((p) => [
+    ...p,
+    { id: crypto.randomUUID(), email: "", role: "" }
+  ]);
+  const removeStaff = (id) => setStaffList((p) => p.filter((m) => m.id !== id));
+  const changeStaff = (id, field, value) => setStaffList(
+    (p) => p.map((m) => m.id === id ? __spreadProps(__spreadValues({}, m), { [field]: value }) : m)
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(SectionHeading, { children: "Invite Staff Members" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 border border-border p-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 w-full", children: [
+          /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm font-medium text-foreground", children: "Email" }),
+          /* @__PURE__ */ jsx("span", { className: "w-[140px] shrink-0 text-sm font-medium text-foreground", children: "Role" }),
+          /* @__PURE__ */ jsx("span", { className: "size-8 shrink-0" })
+        ] }),
+        staffList.map((m) => /* @__PURE__ */ jsx(
+          StaffRowItem,
+          {
+            member: m,
+            onRemove: removeStaff,
+            onChange: changeStaff,
+            showRemove: staffList.length > 1
+          },
+          m.id
+        )),
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: addStaff, className: "w-full", children: [
+          /* @__PURE__ */ jsx(PlusIcon, { className: "size-4" }),
+          "Add Staff"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(SectionHeading, { children: "Or Bulk Upload" }),
+      /* @__PURE__ */ jsx(
+        UploadCard,
+        {
+          size: "lg",
+          accept: ".csv",
+          label: "Drop files here",
+          description: "Or browse files from your computer"
+        }
+      ),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground text-center", children: [
+        "Ensure your CSV file includes columns for:",
+        /* @__PURE__ */ jsx("br", {}),
+        "No., First Name, Last Name, Email, Phone (Optional) and Staff Role."
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-1 text-sm text-muted-foreground", children: [
+        "Or you can download the",
+        " ",
+        /* @__PURE__ */ jsx(Button, { variant: "link", className: "h-auto p-0", children: "Template file" })
+      ] })
+    ] })
+  ] });
+}
+function PaymentView({
+  onNext: _onNext,
+  onPrev: _onPrev
+}) {
+  const [seats, setSeats] = useState({ Admin: 1, Broker: 0, Support: 0 });
+  const additionalCost = Math.max(0, seats.Admin - 1) * 89 + seats.Broker * 89;
+  const total = BASE_PLAN_PRICE + additionalCost;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsxs("div", { className: "border border-border px-6 py-8 flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "font-bold text-lg", children: "Professional Plan" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "included 1 Broker" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+        /* @__PURE__ */ jsxs("p", { className: "font-bold text-lg", children: [
+          "$",
+          BASE_PLAN_PRICE,
+          "/month/company"
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Billed monthly. Cancel anytime." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx("p", { className: "font-semibold text-base", children: "Total Staff seats" }),
+    /* @__PURE__ */ jsx(TooltipProvider, { children: ["Admin", "Broker", "Support"].map((role) => /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-base w-[60px]", children: role }),
+          /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Info", children: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }) }) }),
+            /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: ROLE_INFO[role] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: ROLE_SUBTITLE[role] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "number",
+          value: seats[role],
+          onChange: (e) => setSeats((s) => __spreadProps(__spreadValues({}, s), {
+            [role]: Math.max(0, Number(e.target.value))
+          })),
+          "aria-label": `${role} seats`,
+          className: "w-[76px] text-center"
+        }
+      )
+    ] }, role)) }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "You can add or remove seats anytime. Changes are billed monthly." }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-semibold text-lg", children: "Total (Est.)" }),
+        /* @__PURE__ */ jsxs("p", { className: "font-semibold text-lg", children: [
+          "$",
+          total
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: "This is an estimated amount. You will be charged at the end of the billing period." })
+    ] }) })
+  ] }) });
+}
+function StripeView({
+  onPrev: _onPrev,
+  onComplete: _onComplete
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsxs("div", { className: "border border-border p-6 flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx("p", { className: "font-semibold text-base text-foreground", children: "Payment Details" }),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(FieldLabel, { children: "Card Number" }),
+      /* @__PURE__ */ jsx("div", { className: "flex h-9 w-full border border-input bg-muted/30 px-3 py-2 text-sm text-muted-foreground items-center", children: "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 4242" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ jsxs(Field, { className: "flex-1", children: [
+        /* @__PURE__ */ jsx(FieldLabel, { children: "Expiry" }),
+        /* @__PURE__ */ jsx("div", { className: "flex h-9 w-full border border-input bg-muted/30 px-3 py-2 text-sm text-muted-foreground items-center", children: "MM / YY" })
+      ] }),
+      /* @__PURE__ */ jsxs(Field, { className: "flex-1", children: [
+        /* @__PURE__ */ jsx(FieldLabel, { children: "CVC" }),
+        /* @__PURE__ */ jsx("div", { className: "flex h-9 w-full border border-input bg-muted/30 px-3 py-2 text-sm text-muted-foreground items-center", children: "\u2022\u2022\u2022" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Powered by Stripe. Your payment information is encrypted and secure." })
+  ] }) });
+}
+function BackofficeSuccessStep() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center min-h-full py-16 gap-6 text-center px-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "size-16 bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        className: "size-8 text-success",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-foreground", children: "You're all set!" }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-[400px]", children: "You will receive an email on next steps and we will contact you for final approval." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "border border-border p-6 flex flex-col gap-4 text-left w-full max-w-[400px]", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-semibold text-base text-foreground", children: "Contact us anytime if you have any concerns." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ jsx(PhoneIcon, { className: "size-5 text-success shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "text-base text-foreground", children: "0416 338 438" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ jsx(CalendarIcon, { className: "size-5 text-success shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "text-base text-foreground", children: "Book call back" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ jsx(MailIcon, { className: "size-5 text-success shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "text-base text-foreground", children: "clint@wealthx.au" })
+      ] })
+    ] })
+  ] });
+}
+
+export {
+  PersonalDetailsStep,
+  CompanyInfoStep,
+  BrandingInfoStep,
+  InviteStaffView,
+  PaymentView,
+  StripeView,
+  BackofficeSuccessStep
+};

package/dist/{chunk-BOW7U26Y.mjs → chunk-K7WSRWOU.mjs}

@@ -1,13 +1,13 @@
-import {
-  Switch
-} from "./chunk-PNSYFE3K.mjs";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-ZEDMKQK2.mjs";
+} from "./chunk-TAX3KL66.mjs";
+import {
+  Switch
+} from "./chunk-PNSYFE3K.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-NTYQWVLI.mjs → chunk-KAD26MCC.mjs}

@@ -25,7 +25,7 @@ import {
 } from "./chunk-3VDET466.mjs";
 import {
   useThemeVars
-} from "./chunk-FEZKMUCF.mjs";
+} from "./chunk-WDTXHLYM.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-KCWNDYPZ.mjs → chunk-KB7MZMED.mjs}

@@ -7,9 +7,6 @@ import {
   FALLBACK_PRIMARY,
   hexToRgba
 } from "./chunk-YEWNFK5S.mjs";
-import {
-  formatCurrencyAbbrev
-} from "./chunk-MN5NYQCL.mjs";
 import {
   Empty,
   EmptyDescription
@@ -22,7 +19,10 @@ import {
 } from "./chunk-3VDET466.mjs";
 import {
   useThemeVars
-} from "./chunk-FEZKMUCF.mjs";
+} from "./chunk-WDTXHLYM.mjs";
+import {
+  formatCurrencyAbbrev
+} from "./chunk-MN5NYQCL.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/chunk-KCKYGQVQ.mjs

@@ -0,0 +1,61 @@
+import {
+  Spinner
+} from "./chunk-JVMXMFBB.mjs";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle
+} from "./chunk-BD3DWDT4.mjs";
+
+// src/components/ui/delete-contact-component.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DeleteContactComponent({
+  open,
+  onOpenChange,
+  mode,
+  contactName,
+  count = 0,
+  onConfirm,
+  isLoading = false
+}) {
+  const isSingle = mode === "single";
+  const title = isSingle ? `Delete ${contactName != null ? contactName : "this contact"}?` : `Delete ${count} contact${count !== 1 ? "s" : ""}?`;
+  const description = isSingle ? `This will permanently remove ${contactName != null ? contactName : "this contact"} and all their associated data. This action cannot be undone.` : `This will permanently remove ${count} selected contact${count !== 1 ? "s" : ""} and all their associated data. This action cannot be undone.`;
+  return /* @__PURE__ */ jsx(
+    AlertDialog,
+    {
+      open,
+      onOpenChange: isLoading ? void 0 : onOpenChange,
+      children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+        /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsx(AlertDialogTitle, { className: "text-destructive", children: title }),
+          /* @__PURE__ */ jsx(AlertDialogDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+          /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: isLoading, children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            AlertDialogAction,
+            {
+              onClick: onConfirm,
+              disabled: isLoading,
+              className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+              children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+                "Deleting\u2026"
+              ] }) : "Delete"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+export {
+  DeleteContactComponent
+};

package/dist/{chunk-VY5NEUP7.mjs → chunk-KLJLDNCA.mjs}

@@ -25,7 +25,7 @@ import {
 } from "./chunk-3VDET466.mjs";
 import {
   useThemeVars
-} from "./chunk-FEZKMUCF.mjs";
+} from "./chunk-WDTXHLYM.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";