@wealthx/shadcn 1.5.28 → 1.5.30

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @wealthx/shadcn
 
+## 1.5.30
+
+### Patch Changes
+
+- 1d11862: Fix password tooltip and update 2fa layout
+
+## 1.5.29
+
+### Patch Changes
+
+- 115a671: Update to ai conversation and integration
+
 ## 1.5.28
 
 ### Patch Changes

package/dist/{chunk-DWJHPNFL.mjs → chunk-4UT3RZ2D.mjs}

@@ -1,11 +1,12 @@
 import {
+  PASSWORD_STRENGTH_RULES,
   PasswordStrengthTooltip
-} from "./chunk-WHIW6KOB.mjs";
+} from "./chunk-IKVF4XE2.mjs";
 import {
   Field,
   FieldError,
   FieldLabel
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   Select,
   SelectContent,
@@ -21,7 +22,7 @@ import {
 } from "./chunk-NOOEKOWY.mjs";
 
 // src/components/ui/signup-form-primitives.tsx
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { EyeIcon, EyeOffIcon, Trash2Icon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function SectionHeading({ children }) {
@@ -36,13 +37,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,
@@ -54,13 +48,26 @@ function PasswordField({
   const [error, setError] = useState("");
   const [touched, setTouched] = useState(false);
   const [value, setValue] = useState("");
-  const [typingStarted, setTypingStarted] = useState(false);
-  const allRulesPass = STRENGTH_RULES.every((r) => r.test(value));
-  const isPopoverOpen = !!showStrengthPopover && typingStarted && !allRulesPass;
+  const [dismissed, setDismissed] = useState(false);
+  const wrapperRef = 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 "";
   };
+  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__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsx(
       Input,
@@ -73,8 +80,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);
@@ -101,13 +116,14 @@ function PasswordField({
     showStrengthPopover ? /* @__PURE__ */ jsx(
       PasswordStrengthTooltip,
       {
+        ref: wrapperRef,
         open: isPopoverOpen,
         password: value,
         side: "right",
         children: inputEl
       }
     ) : inputEl,
-    /* @__PURE__ */ jsx("div", { className: "min-h-5", children: touched && error && /* @__PURE__ */ jsx(FieldError, { children: error }) })
+    /* @__PURE__ */ jsx("div", { className: "min-h-5", children: touched && error && !isPopoverOpen && /* @__PURE__ */ jsx(FieldError, { children: error }) })
   ] });
 }
 var DEFAULT_ROLE_OPTIONS = ["Admin", "Broker", "Support"];

package/dist/{chunk-CE2WONIY.mjs → chunk-AE4JKISB.mjs}

@@ -534,6 +534,7 @@ function ChatComposer({
   emailReplySubject,
   className
 }) {
+  const initialChannelRef = React.useRef(channelProp);
   const [channel, setChannel] = React.useState(
     isEmailIntegrated ? channelProp : "chat"
   );
@@ -731,35 +732,29 @@ function ChatComposer({
                       /* @__PURE__ */ jsx3(ComposerLinkPopover, { editor }),
                       /* @__PURE__ */ jsx3(ComposerToolbarButton, { label: "Attach file", icon: Paperclip })
                     ] }),
-                    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-                      onLetAiHandle && /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
-                        /* @__PURE__ */ jsx3(Bot, { className: "mr-1.5 size-3.5" }),
-                        "Let AI Handle"
-                      ] }),
-                      /* @__PURE__ */ jsxs2(
-                        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__ */ jsx3(Send, { className: "mr-1.5 size-3.5" }),
-                            "Send Email"
-                          ]
-                        }
-                      )
-                    ] })
+                    /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs2(
+                      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__ */ jsx3(Send, { className: "mr-1.5 size-3.5" }),
+                          "Send Email"
+                        ]
+                      }
+                    ) })
                   ] })
                 ]
               }
@@ -775,7 +770,7 @@ function ChatComposer({
                 }
               ),
               /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                initialChannelRef.current !== "email" && /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
                   /* @__PURE__ */ jsx3(Bot, { className: "mr-1.5 size-3.5" }),
                   "Let AI Handle"
                 ] }),
@@ -783,6 +778,7 @@ function ChatComposer({
                   Button,
                   {
                     size: "sm",
+                    className: "ml-auto",
                     onClick: () => onSend == null ? void 0 : onSend(inputValue),
                     disabled: !inputValue.trim(),
                     children: [
@@ -899,7 +895,7 @@ function ChatThread({
             /* @__PURE__ */ jsxs2("div", { className: "hidden items-center gap-2 md:flex", children: [
               isClosed && /* @__PURE__ */ jsx3(Button, { variant: "outline", size: "sm", onClick: onReopen, children: "Reopen" }),
               !isClosed && aiIsHandling && /* @__PURE__ */ jsx3(Button, { size: "sm", onClick: onTakeOver, children: "Take Over" }),
-              !isClosed && !aiIsHandling && /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+              !isClosed && !aiIsHandling && channel !== "email" && /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
                 /* @__PURE__ */ jsx3(Bot, { className: "mr-1.5 size-3.5" }),
                 "Let AI Handle"
               ] })