@wealthx/shadcn 1.5.28 → 1.5.30

package/dist/components/ui/ai-builder/index.mjs

@@ -1,16 +1,32 @@
 import {
+  AddEditRuleModal,
   AgentCard,
+  AgentConfigForm,
   AgentMenuModal,
   IntegrationInstructionCard,
   IntegrationServiceCard,
-  ServiceConfigurationModal
-} from "../../../chunk-T5PGVLMR.mjs";
+  ResponseTemplateEditModal,
+  RuleOrderBadge,
+  RuleSetSection,
+  SectionHeader,
+  ServiceConfigurationModal,
+  SettingCard,
+  SettingRow
+} from "../../../chunk-BZWQU52U.mjs";
+import "../../../chunk-3S6KVFF5.mjs";
 import "../../../chunk-3VDET466.mjs";
 import "../../../chunk-PNSYFE3K.mjs";
+import "../../../chunk-WE4YKBDE.mjs";
+import "../../../chunk-GT3RU6GA.mjs";
 import "../../../chunk-IKXYTCSB.mjs";
+import "../../../chunk-K6VCC2MK.mjs";
 import "../../../chunk-T5FRVEJQ.mjs";
 import "../../../chunk-H6NQTIF4.mjs";
+import "../../../chunk-2GIYVERS.mjs";
+import "../../../chunk-BS75ICOO.mjs";
 import "../../../chunk-X6RC5UWB.mjs";
+import "../../../chunk-LSRGA5BI.mjs";
+import "../../../chunk-LBTHZSBT.mjs";
 import "../../../chunk-XYSRRDBH.mjs";
 import "../../../chunk-FRCTOAKZ.mjs";
 import "../../../chunk-NOOEKOWY.mjs";
@@ -18,9 +34,17 @@ import "../../../chunk-R4HCRDU5.mjs";
 import "../../../chunk-AFML43VJ.mjs";
 import "../../../chunk-WNQUEZJF.mjs";
 export {
+  AddEditRuleModal,
   AgentCard,
+  AgentConfigForm,
   AgentMenuModal,
   IntegrationInstructionCard,
   IntegrationServiceCard,
-  ServiceConfigurationModal
+  ResponseTemplateEditModal,
+  RuleOrderBadge,
+  RuleSetSection,
+  SectionHeader,
+  ServiceConfigurationModal,
+  SettingCard,
+  SettingRow
 };

package/dist/components/ui/ai-conversations/index.js

@@ -1408,6 +1408,7 @@ function ChatComposer({
   emailReplySubject,
   className
 }) {
+  const initialChannelRef = import_react3.default.useRef(channelProp);
   const [channel, setChannel] = import_react3.default.useState(
     isEmailIntegrated ? channelProp : "chat"
   );
@@ -1605,35 +1606,29 @@ function ChatComposer({
                       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ComposerLinkPopover, { editor }),
                       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ComposerToolbarButton, { label: "Attach file", icon: import_lucide_react5.Paperclip })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
-                      onLetAiHandle && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Bot, { className: "mr-1.5 size-3.5" }),
-                        "Let AI Handle"
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-                        Button,
-                        {
-                          size: "sm",
-                          onClick: () => {
-                            var _a;
-                            const html = (_a = editor == null ? void 0 : editor.getHTML()) != null ? _a : "";
-                            onSendEmail == null ? void 0 : onSendEmail({
-                              content: html,
-                              to: emailTo,
-                              cc: emailCc,
-                              subject: emailSubject,
-                              isReply: emailMode === "reply"
-                            });
-                            editor == null ? void 0 : editor.commands.clearContent();
-                          },
-                          disabled: !editor || editor.isEmpty || !emailTo.trim(),
-                          children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Send, { className: "mr-1.5 size-3.5" }),
-                            "Send Email"
-                          ]
-                        }
-                      )
-                    ] })
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                      Button,
+                      {
+                        size: "sm",
+                        onClick: () => {
+                          var _a;
+                          const html = (_a = editor == null ? void 0 : editor.getHTML()) != null ? _a : "";
+                          onSendEmail == null ? void 0 : onSendEmail({
+                            content: html,
+                            to: emailTo,
+                            cc: emailCc,
+                            subject: emailSubject,
+                            isReply: emailMode === "reply"
+                          });
+                          editor == null ? void 0 : editor.commands.clearContent();
+                        },
+                        disabled: !editor || editor.isEmpty || !emailTo.trim(),
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Send, { className: "mr-1.5 size-3.5" }),
+                          "Send Email"
+                        ]
+                      }
+                    ) })
                   ] })
                 ]
               }
@@ -1649,7 +1644,7 @@ function ChatComposer({
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                initialChannelRef.current !== "email" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Bot, { className: "mr-1.5 size-3.5" }),
                   "Let AI Handle"
                 ] }),
@@ -1657,6 +1652,7 @@ function ChatComposer({
                   Button,
                   {
                     size: "sm",
+                    className: "ml-auto",
                     onClick: () => onSend == null ? void 0 : onSend(inputValue),
                     disabled: !inputValue.trim(),
                     children: [
@@ -1773,7 +1769,7 @@ function ChatThread({
             /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "hidden items-center gap-2 md:flex", children: [
               isClosed && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "outline", size: "sm", onClick: onReopen, children: "Reopen" }),
               !isClosed && aiIsHandling && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { size: "sm", onClick: onTakeOver, children: "Take Over" }),
-              !isClosed && !aiIsHandling && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+              !isClosed && !aiIsHandling && channel !== "email" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Bot, { className: "mr-1.5 size-3.5" }),
                 "Let AI Handle"
               ] })

package/dist/components/ui/ai-conversations/index.mjs

@@ -9,7 +9,7 @@ import {
   ConversationStatusChip,
   ConversationsPage,
   LeadInfoPanel
-} from "../../../chunk-CE2WONIY.mjs";
+} from "../../../chunk-AE4JKISB.mjs";
 import "../../../chunk-3S6KVFF5.mjs";
 import "../../../chunk-WE4YKBDE.mjs";
 import "../../../chunk-T5FRVEJQ.mjs";

package/dist/components/ui/backoffice-signup-steps.js

@@ -735,7 +735,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     __spreadProps(__spreadValues({
-      className: cn("text-caption text-destructive", className),
+      className: cn("text-left text-caption text-destructive", className),
       "data-slot": "field-error",
       role: "alert"
     }, props), {
@@ -1047,9 +1047,11 @@ var import_react5 = require("react");
 var import_lucide_react6 = require("lucide-react");
 
 // src/components/ui/password-strength-tooltip.tsx
+var React5 = __toESM(require("react"));
 var import_lucide_react5 = require("lucide-react");
+var import_popover3 = require("@base-ui/react/popover");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var RULES = [
+var PASSWORD_STRENGTH_RULES = [
   { label: "Minimum 8 characters", test: (p) => p.length >= 8 },
   { label: "At least one uppercase letter", test: (p) => /[A-Z]/.test(p) },
   { label: "At least one lowercase letter", test: (p) => /[a-z]/.test(p) },
@@ -1059,40 +1061,73 @@ var RULES = [
     test: (p) => /[^A-Za-z0-9]/.test(p)
   }
 ];
-function PasswordStrengthTooltip({
-  open = false,
-  password,
-  children,
-  side = "right"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Popover, { open, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      PopoverContent,
-      {
-        side,
-        align: "start",
-        sideOffset: 8,
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        className: "w-auto max-w-[280px] font-sans",
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col gap-1.5", children: RULES.map((rule) => {
-          const valid = password ? rule.test(password) : false;
-          return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-            "div",
-            {
-              className: `flex items-center gap-1.5 text-[13px] leading-[18px] ${valid ? "text-success" : "text-destructive"}`,
-              children: [
-                valid ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.X, { size: 14, className: "shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: rule.label })
-              ]
-            },
-            rule.label
-          );
-        }) })
+var PasswordStrengthTooltip = React5.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
+  const themeVars = useThemeVars();
+  const anchorRef = React5.useRef(null);
+  const composedRef = React5.useCallback(
+    (node) => {
+      anchorRef.current = node;
+      if (typeof forwardedRef === "function") {
+        forwardedRef(node);
+      } else if (forwardedRef) {
+        forwardedRef.current = node;
       }
-    )
-  ] });
-}
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [forwardedRef]
+  );
+  return (
+    // PopoverPrimitive.Root with no Trigger — popup is fully controlled via `open` prop.
+    // The wrapper div has no trigger behaviors injected, so clicking the input inside
+    // works on the first click without interference.
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_popover3.Popover.Root, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: composedRef, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_popover3.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_popover3.Popover.Positioner,
+        {
+          anchor: anchorRef,
+          side,
+          align: "start",
+          sideOffset: 8,
+          className: "z-[200]",
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            import_popover3.Popover.Popup,
+            {
+              initialFocus: false,
+              finalFocus: false,
+              className: cn(
+                "border border-border bg-popover shadow-md outline-hidden",
+                "w-auto max-w-[280px] p-3 font-sans",
+                "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+                "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+                "data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
+                "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95"
+              ),
+              style: themeVars,
+              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col gap-1.5", children: PASSWORD_STRENGTH_RULES.map((rule) => {
+                const valid = password ? rule.test(password) : false;
+                return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center gap-1.5 text-[13px] leading-[18px]",
+                      valid ? "text-success" : "text-destructive"
+                    ),
+                    children: [
+                      valid ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.X, { size: 14, className: "shrink-0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: rule.label })
+                    ]
+                  },
+                  rule.label
+                );
+              }) })
+            }
+          )
+        }
+      ) })
+    ] })
+  );
+});
 
 // src/components/ui/signup-form-primitives.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -1108,13 +1143,6 @@ function FormField({ label, required, children }) {
     children
   ] });
 }
-var STRENGTH_RULES = [
-  { test: (p) => p.length >= 8 },
-  { test: (p) => /[A-Z]/.test(p) },
-  { test: (p) => /[a-z]/.test(p) },
-  { test: (p) => /\d/.test(p) },
-  { test: (p) => /[^A-Za-z0-9]/.test(p) }
-];
 function PasswordField({
   label,
   placeholder,
@@ -1126,13 +1154,26 @@ function PasswordField({
   const [error, setError] = (0, import_react5.useState)("");
   const [touched, setTouched] = (0, import_react5.useState)(false);
   const [value, setValue] = (0, import_react5.useState)("");
-  const [typingStarted, setTypingStarted] = (0, import_react5.useState)(false);
-  const allRulesPass = STRENGTH_RULES.every((r) => r.test(value));
-  const isPopoverOpen = !!showStrengthPopover && typingStarted && !allRulesPass;
+  const [dismissed, setDismissed] = (0, import_react5.useState)(false);
+  const wrapperRef = (0, import_react5.useRef)(null);
+  const allRulesPass = PASSWORD_STRENGTH_RULES.every((r) => r.test(value));
+  const isPopoverOpen = !!showStrengthPopover && !dismissed && value.length > 0 && !allRulesPass;
   const validate = (v) => {
-    if (v.length > 0 && v.length < 8) return "Min. 8 characters required";
+    if (!v) return "";
+    if (v.length < 8) return "Min. 8 characters required";
+    if (!PASSWORD_STRENGTH_RULES.every((r) => r.test(v)))
+      return "Password doesn't meet all requirements";
     return "";
   };
+  (0, import_react5.useEffect)(() => {
+    if (!isPopoverOpen) return;
+    const onMouseDown = (e) => {
+      var _a;
+      if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.target))) setDismissed(true);
+    };
+    document.addEventListener("mousedown", onMouseDown, true);
+    return () => document.removeEventListener("mousedown", onMouseDown, true);
+  }, [isPopoverOpen]);
   const inputEl = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative", children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       Input,
@@ -1145,8 +1186,16 @@ function PasswordField({
           const v = e.target.value;
           setValue(v);
           onValueChange == null ? void 0 : onValueChange(v);
-          if (!typingStarted && v.length > 0) setTypingStarted(true);
           if (touched) setError(validate(v));
+          setDismissed(false);
+        },
+        onFocus: () => setDismissed(false),
+        onKeyDown: (e) => {
+          if (e.key === "Tab") {
+            setTouched(true);
+            setError(validate(value));
+            setDismissed(true);
+          }
         },
         onBlur: () => {
           setTouched(true);
@@ -1173,13 +1222,14 @@ function PasswordField({
     showStrengthPopover ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       PasswordStrengthTooltip,
       {
+        ref: wrapperRef,
         open: isPopoverOpen,
         password: value,
         side: "right",
         children: inputEl
       }
     ) : inputEl,
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "min-h-5", children: touched && error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FieldError, { children: error }) })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "min-h-5", children: touched && error && !isPopoverOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FieldError, { children: error }) })
   ] });
 }
 var DEFAULT_ROLE_OPTIONS = ["Admin", "Broker", "Support"];

package/dist/components/ui/backoffice-signup-steps.mjs

@@ -6,12 +6,12 @@ import {
   PaymentView,
   PersonalDetailsStep,
   StripeView
-} from "../../chunk-SO4RB3XB.mjs";
-import "../../chunk-DWJHPNFL.mjs";
-import "../../chunk-WHIW6KOB.mjs";
+} from "../../chunk-IEQX4UVP.mjs";
+import "../../chunk-4UT3RZ2D.mjs";
+import "../../chunk-IKVF4XE2.mjs";
 import "../../chunk-I4KVSZCH.mjs";
 import "../../chunk-IW33VLL5.mjs";
-import "../../chunk-KPGARKFC.mjs";
+import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-3S6KVFF5.mjs";
 import "../../chunk-IKXYTCSB.mjs";
 import "../../chunk-K6VCC2MK.mjs";

package/dist/components/ui/bank-statement-generate-dialog.mjs

@@ -1,7 +1,7 @@
 import {
   BankStatementGenerateDialog
-} from "../../chunk-EVUY67CY.mjs";
-import "../../chunk-KPGARKFC.mjs";
+} from "../../chunk-FTQ2AKZ2.mjs";
+import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-6WRDXE7A.mjs";
 import "../../chunk-GT3RU6GA.mjs";
 import "../../chunk-IKXYTCSB.mjs";

package/dist/components/ui/chat-widget.js

@@ -387,7 +387,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     __spreadProps(__spreadValues({
-      className: cn("text-caption text-destructive", className),
+      className: cn("text-left text-caption text-destructive", className),
       "data-slot": "field-error",
       role: "alert"
     }, props), {

package/dist/components/ui/chat-widget.mjs

@@ -6,9 +6,9 @@ import {
   ChatWidgetTopicGrid,
   ChatWidgetWindow,
   DEFAULT_CHAT_WIDGET_TOPICS
-} from "../../chunk-KJQ3BVTB.mjs";
+} from "../../chunk-X2NIDXFB.mjs";
 import "../../chunk-FQYFPHDO.mjs";
-import "../../chunk-KPGARKFC.mjs";
+import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-H6NQTIF4.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-X6RC5UWB.mjs";

package/dist/components/ui/contact-alert-dialog/index.mjs

@@ -4,9 +4,9 @@ import {
   ContactAlertDialog,
   ContactAlertQueryBuilder,
   createAlertTree
-} from "../../../chunk-36IN7YRM.mjs";
+} from "../../../chunk-SCGCGVDN.mjs";
 import "../../../chunk-7YI3HEBH.mjs";
-import "../../../chunk-KPGARKFC.mjs";
+import "../../../chunk-MS3GNXMB.mjs";
 import "../../../chunk-IKXYTCSB.mjs";
 import "../../../chunk-K6VCC2MK.mjs";
 import "../../../chunk-T5FRVEJQ.mjs";

package/dist/components/ui/field.js

@@ -381,7 +381,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
     __spreadProps(__spreadValues({
-      className: cn("text-caption text-destructive", className),
+      className: cn("text-left text-caption text-destructive", className),
       "data-slot": "field-error",
       role: "alert"
     }, props), {

package/dist/components/ui/field.mjs

@@ -9,7 +9,7 @@ import {
   FieldSeparator,
   FieldSet,
   FieldTitle
-} from "../../chunk-KPGARKFC.mjs";
+} from "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-LSRGA5BI.mjs";
 import "../../chunk-AFML43VJ.mjs";