braid-ui 1.0.42 → 1.0.43

package/dist/index.d.cts

@@ -738,9 +738,10 @@ interface ContactInfoCardProps {
 declare const ContactInfoCard: ({ isEditing, onToggleEdit, className }: ContactInfoCardProps) => react_jsx_runtime.JSX.Element;
 
 interface CounterpartyBasicInfoProps {
+    value?: any;
     onDataChange?: (data: any) => void;
 }
-declare const CounterpartyBasicInfo: ({ onDataChange }: CounterpartyBasicInfoProps) => react_jsx_runtime.JSX.Element;
+declare const CounterpartyBasicInfo: ({ value, onDataChange }: CounterpartyBasicInfoProps) => react_jsx_runtime.JSX.Element;
 
 interface CounterpartyProfileCardProps {
     data?: Partial<CounterpartyDetail$1>;
@@ -1488,7 +1489,7 @@ interface StackProps {
 declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
 
 interface StatusBadgeProps {
-    status: "ACTIVE" | "INACTIVE" | "PENDING" | "SUSPENDED" | "BLOCKED" | "PENDING_APPROVAL" | "POSTED" | "FAILED" | "CANCELLED";
+    status: "ACTIVE" | "INACTIVE" | "PENDING" | "SUSPENDED" | "BLOCKED" | "PENDING_APPROVAL" | "POSTED" | "FAILED" | "CANCELLED" | "DELETED" | "NEEDS_OFAC" | "PENDING_UNBLOCK";
     className?: string;
 }
 declare const StatusBadge: ({ status, className }: StatusBadgeProps) => react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -738,9 +738,10 @@ interface ContactInfoCardProps {
 declare const ContactInfoCard: ({ isEditing, onToggleEdit, className }: ContactInfoCardProps) => react_jsx_runtime.JSX.Element;
 
 interface CounterpartyBasicInfoProps {
+    value?: any;
     onDataChange?: (data: any) => void;
 }
-declare const CounterpartyBasicInfo: ({ onDataChange }: CounterpartyBasicInfoProps) => react_jsx_runtime.JSX.Element;
+declare const CounterpartyBasicInfo: ({ value, onDataChange }: CounterpartyBasicInfoProps) => react_jsx_runtime.JSX.Element;
 
 interface CounterpartyProfileCardProps {
     data?: Partial<CounterpartyDetail$1>;
@@ -1488,7 +1489,7 @@ interface StackProps {
 declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
 
 interface StatusBadgeProps {
-    status: "ACTIVE" | "INACTIVE" | "PENDING" | "SUSPENDED" | "BLOCKED" | "PENDING_APPROVAL" | "POSTED" | "FAILED" | "CANCELLED";
+    status: "ACTIVE" | "INACTIVE" | "PENDING" | "SUSPENDED" | "BLOCKED" | "PENDING_APPROVAL" | "POSTED" | "FAILED" | "CANCELLED" | "DELETED" | "NEEDS_OFAC" | "PENDING_UNBLOCK";
     className?: string;
 }
 declare const StatusBadge: ({ status, className }: StatusBadgeProps) => react_jsx_runtime.JSX.Element;

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 }) => {
@@ -6189,9 +6204,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 }),
@@ -6939,20 +6955,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 +6978,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 +6994,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 +7008,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 +7021,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 +7034,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 +7048,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 +7058,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 +7068,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 +7077,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"
         }
@@ -11591,6 +11605,7 @@ var CounterpartyDetail = () => {
 };
 var CounterpartyDetail_default = CounterpartyDetail;
 var CreateCounterpartyView = ({
+  counterpartyData,
   paymentMethods,
   onPaymentMethodsChange,
   onBasicInfoChange,
@@ -11609,7 +11624,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 +11654,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 +11710,7 @@ var CreateCounterparty = () => {
   return /* @__PURE__ */ jsx(
     CreateCounterpartyView,
     {
+      counterpartyData,
       paymentMethods,
       onPaymentMethodsChange: handlePaymentMethodsChange,
       onBasicInfoChange: handleBasicInfoChange,