braid-ui 1.0.42 → 1.0.44

package/dist/index.js

@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Zap, Box, Settings, BarChart3, Key, ChevronLeft, AlertTriangle, XCircle, CheckCircle, Clock, Ban, Circle, Wallet, Filter, User, Loader2, ArrowDownRight, ArrowUpRight, CheckCircle2, ArrowLeft, StickyNote, FileUp, RotateCcw, Send, PlayCircle, UserPlus, ChevronsUpDown, ArrowRightLeft, UserCheck, CalendarIcon, Package, File, FileJson, DollarSign } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Zap, Box, Settings, BarChart3, Key, ChevronLeft, AlertTriangle, Clock, XCircle, CheckCircle, Ban, Circle, Wallet, Filter, User, Loader2, ArrowDownRight, ArrowUpRight, CheckCircle2, ArrowLeft, StickyNote, FileUp, RotateCcw, Send, PlayCircle, UserPlus, ChevronsUpDown, ArrowRightLeft, UserCheck, CalendarIcon, Package, File, FileJson, DollarSign } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { Slot } from '@radix-ui/react-slot';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -3983,6 +3983,21 @@ var statusConfig = {
     variant: "secondary",
     label: "Cancelled",
     icon: XCircle
+  },
+  DELETED: {
+    variant: "inactive",
+    label: "Deleted",
+    icon: XCircle
+  },
+  NEEDS_OFAC: {
+    variant: "pending",
+    label: "Needs OFAC",
+    icon: AlertTriangle
+  },
+  PENDING_UNBLOCK: {
+    variant: "pending",
+    label: "Pending Unblock",
+    icon: Clock
   }
 };
 var StatusBadge = ({ status, className }) => {
@@ -6141,10 +6156,12 @@ var CounterpartyDetailView = ({
   counterpartyType,
   currentStatus,
   isEditingProfile,
+  counterpartyProfileData,
   mockPaymentMethods: mockPaymentMethods2,
   documents,
   onStatusChange,
   onToggleProfileEdit,
+  onProfileDataChange,
   onAddPaymentMethod,
   onAddDocument,
   onEntityClick
@@ -6189,9 +6206,10 @@ var CounterpartyDetailView = ({
             value: currentStatus,
             options: [
               { value: "ACTIVE", label: "Active" },
-              { value: "INACTIVE", label: "Inactive" },
-              { value: "PENDING", label: "Pending" },
-              { value: "SUSPENDED", label: "Suspended" }
+              { value: "BLOCKED", label: "Blocked" },
+              { value: "DELETED", label: "Deleted" },
+              { value: "NEEDS_OFAC", label: "Needs OFAC" },
+              { value: "PENDING_UNBLOCK", label: "Pending Unblock" }
             ],
             onChange: onStatusChange,
             renderValue: (value) => /* @__PURE__ */ jsx(StatusBadge, { status: value }),
@@ -6206,8 +6224,10 @@ var CounterpartyDetailView = ({
           /* @__PURE__ */ jsx(
             CounterpartyProfileCard,
             {
+              data: counterpartyProfileData,
               isEditing: isEditingProfile,
               onToggleEdit: onToggleProfileEdit,
+              onDataChange: onProfileDataChange,
               onEntityClick
             }
           ),
@@ -6939,20 +6959,18 @@ var Label = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
-var CounterpartyBasicInfo = ({ onDataChange }) => {
-  const [formData, setFormData] = useState({
-    name: "",
-    type: "business",
-    email: "",
-    phone: "",
-    dateOfBirth: "",
-    idNumber: "",
-    idType: "product_id",
-    idValue: ""
-  });
-  const handleInputChange = (field, value) => {
-    const updatedData = { ...formData, [field]: value };
-    setFormData(updatedData);
+var CounterpartyBasicInfo = ({ value = {
+  name: "",
+  type: "business",
+  email: "",
+  phone: "",
+  dateOfBirth: "",
+  idNumber: "",
+  idType: "product_id",
+  idValue: ""
+}, onDataChange }) => {
+  const handleInputChange = (field, newValue) => {
+    const updatedData = { ...value, [field]: newValue };
     onDataChange?.(updatedData);
   };
   const handleTypeChange = (type) => {
@@ -6964,7 +6982,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         EnhancedInput,
         {
           label: "Counterparty Name",
-          value: formData.name,
+          value: value.name,
           onChange: (e) => handleInputChange("name", e.target.value),
           placeholder: "Enter counterparty name",
           required: true
@@ -6980,7 +6998,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
                 type: "radio",
                 name: "counterpartyType",
                 value: "business",
-                checked: formData.type === "business",
+                checked: value.type === "business",
                 onChange: () => handleTypeChange("business"),
                 className: "w-4 h-4 text-primary border-border focus:ring-primary focus:ring-2"
               }
@@ -6994,7 +7012,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
                 type: "radio",
                 name: "counterpartyType",
                 value: "individual",
-                checked: formData.type === "individual",
+                checked: value.type === "individual",
                 onChange: () => handleTypeChange("individual"),
                 className: "w-4 h-4 text-primary border-border focus:ring-primary focus:ring-2"
               }
@@ -7007,8 +7025,8 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         EnhancedSelect,
         {
           label: "Associated with",
-          value: formData.idType,
-          onValueChange: (value) => handleInputChange("idType", value),
+          value: value.idType,
+          onValueChange: (val) => handleInputChange("idType", val),
           options: [
             { value: "product_id", label: "Product ID" },
             { value: "business_id", label: "Business ID" },
@@ -7020,10 +7038,10 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
       /* @__PURE__ */ jsx(
         EnhancedInput,
         {
-          label: formData.idType === "product_id" ? "Product ID" : formData.idType === "business_id" ? "Business ID" : formData.idType === "individual_id" ? "Individual ID" : "Account Number",
-          value: formData.idValue,
+          label: value.idType === "product_id" ? "Product ID" : value.idType === "business_id" ? "Business ID" : value.idType === "individual_id" ? "Individual ID" : "Account Number",
+          value: value.idValue,
           onChange: (e) => handleInputChange("idValue", e.target.value),
-          placeholder: `Enter ${formData.idType === "product_id" ? "product ID" : formData.idType === "business_id" ? "business ID" : formData.idType === "individual_id" ? "individual ID" : "account number"}`,
+          placeholder: `Enter ${value.idType === "product_id" ? "product ID" : value.idType === "business_id" ? "business ID" : value.idType === "individual_id" ? "individual ID" : "account number"}`,
           required: true
         }
       )
@@ -7034,7 +7052,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         {
           label: "Email",
           type: "email",
-          value: formData.email,
+          value: value.email,
           onChange: (e) => handleInputChange("email", e.target.value),
           placeholder: "Enter email address"
         }
@@ -7044,7 +7062,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         {
           label: "Phone Number",
           type: "tel",
-          value: formData.phone,
+          value: value.phone,
           onChange: (e) => handleInputChange("phone", e.target.value),
           placeholder: "Enter phone number"
         }
@@ -7054,7 +7072,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         {
           label: "Date of Birth",
           type: "date",
-          value: formData.dateOfBirth,
+          value: value.dateOfBirth,
           onChange: (e) => handleInputChange("dateOfBirth", e.target.value),
           placeholder: "Select date of birth"
         }
@@ -7063,7 +7081,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         EnhancedInput,
         {
           label: "ID Number",
-          value: formData.idNumber,
+          value: value.idNumber,
           onChange: (e) => handleInputChange("idNumber", e.target.value),
           placeholder: "Enter ID number"
         }
@@ -11541,6 +11559,60 @@ var CounterpartyDetail = () => {
   const counterpartyDocuments = id ? mockBusinessDocuments[id] || [] : [];
   const [currentStatus, setCurrentStatus] = useState(counterparty?.status || "ACTIVE");
   const [isEditingProfile, setIsEditingProfile] = useState(false);
+  const getInitialProfileData = () => {
+    if (!counterparty) {
+      return {
+        idType: "product_id",
+        idValue: "",
+        email: "",
+        phone: "",
+        dateOfBirth: "",
+        idNumber: "",
+        address: {
+          line1: "",
+          line2: "",
+          city: "",
+          state: "",
+          postalCode: "",
+          countryCode: "US",
+          type: ""
+        }
+      };
+    }
+    let idType = "product_id";
+    let idValue = "";
+    if (counterparty.productId) {
+      idType = "product_id";
+      idValue = counterparty.productId;
+    } else if (counterparty.businessId) {
+      idType = "business_id";
+      idValue = counterparty.businessId;
+    } else if (counterparty.individualId) {
+      idType = "individual_id";
+      idValue = counterparty.individualId;
+    } else if (counterparty.accountNumber) {
+      idType = "account_number";
+      idValue = counterparty.accountNumber;
+    }
+    return {
+      idType,
+      idValue,
+      email: "",
+      phone: "",
+      dateOfBirth: "",
+      idNumber: "",
+      address: {
+        line1: "",
+        line2: "",
+        city: "",
+        state: "",
+        postalCode: "",
+        countryCode: "US",
+        type: ""
+      }
+    };
+  };
+  const [counterpartyProfileData, setCounterpartyProfileData] = useState(getInitialProfileData());
   const handleEntityClick = (entityType, entityId) => {
     switch (entityType) {
       case "business_id":
@@ -11560,6 +11632,9 @@ var CounterpartyDetail = () => {
   const handleToggleProfileEdit = () => {
     setIsEditingProfile(!isEditingProfile);
   };
+  const handleProfileDataChange = (newData) => {
+    setCounterpartyProfileData(newData);
+  };
   const handleAddPaymentMethod = () => {
     console.log("Add payment method");
   };
@@ -11579,10 +11654,12 @@ var CounterpartyDetail = () => {
       counterpartyType: counterparty.type,
       currentStatus,
       isEditingProfile,
+      counterpartyProfileData,
       mockPaymentMethods,
       documents: counterpartyDocuments,
       onStatusChange: handleStatusChange,
       onToggleProfileEdit: handleToggleProfileEdit,
+      onProfileDataChange: handleProfileDataChange,
       onAddPaymentMethod: handleAddPaymentMethod,
       onAddDocument: handleAddDocument,
       onEntityClick: handleEntityClick
@@ -11591,6 +11668,7 @@ var CounterpartyDetail = () => {
 };
 var CounterpartyDetail_default = CounterpartyDetail;
 var CreateCounterpartyView = ({
+  counterpartyData,
   paymentMethods,
   onPaymentMethodsChange,
   onBasicInfoChange,
@@ -11609,7 +11687,7 @@ var CreateCounterpartyView = ({
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
         /* @__PURE__ */ jsxs(Card, { children: [
           /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Basic Information" }) }),
-          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(CounterpartyBasicInfo, { onDataChange: onBasicInfoChange }) })
+          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(CounterpartyBasicInfo, { value: counterpartyData, onDataChange: onBasicInfoChange }) })
         ] }),
         /* @__PURE__ */ jsxs(Card, { children: [
           /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { children: [
@@ -11639,7 +11717,16 @@ var CreateCounterpartyView = ({
 };
 var CreateCounterparty = () => {
   const navigate = useNavigate();
-  const [counterpartyData, setCounterpartyData] = useState(null);
+  const [counterpartyData, setCounterpartyData] = useState({
+    name: "",
+    type: "business",
+    email: "",
+    phone: "",
+    dateOfBirth: "",
+    idNumber: "",
+    idType: "product_id",
+    idValue: ""
+  });
   const [paymentMethods, setPaymentMethods] = useState([]);
   const handlePaymentMethodsChange = (methods) => {
     setPaymentMethods(methods);
@@ -11686,6 +11773,7 @@ var CreateCounterparty = () => {
   return /* @__PURE__ */ jsx(
     CreateCounterpartyView,
     {
+      counterpartyData,
       paymentMethods,
       onPaymentMethodsChange: handlePaymentMethodsChange,
       onBasicInfoChange: handleBasicInfoChange,