braid-ui 1.0.42 → 1.0.44

package/dist/index.cjs

@@ -4015,6 +4015,21 @@ var statusConfig = {
     variant: "secondary",
     label: "Cancelled",
     icon: lucideReact.XCircle
+  },
+  DELETED: {
+    variant: "inactive",
+    label: "Deleted",
+    icon: lucideReact.XCircle
+  },
+  NEEDS_OFAC: {
+    variant: "pending",
+    label: "Needs OFAC",
+    icon: lucideReact.AlertTriangle
+  },
+  PENDING_UNBLOCK: {
+    variant: "pending",
+    label: "Pending Unblock",
+    icon: lucideReact.Clock
   }
 };
 var StatusBadge = ({ status, className }) => {
@@ -6173,10 +6188,12 @@ var CounterpartyDetailView = ({
   counterpartyType,
   currentStatus,
   isEditingProfile,
+  counterpartyProfileData,
   mockPaymentMethods: mockPaymentMethods2,
   documents,
   onStatusChange,
   onToggleProfileEdit,
+  onProfileDataChange,
   onAddPaymentMethod,
   onAddDocument,
   onEntityClick
@@ -6221,9 +6238,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__ */ jsxRuntime.jsx(StatusBadge, { status: value }),
@@ -6238,8 +6256,10 @@ var CounterpartyDetailView = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             CounterpartyProfileCard,
             {
+              data: counterpartyProfileData,
               isEditing: isEditingProfile,
               onToggleEdit: onToggleProfileEdit,
+              onDataChange: onProfileDataChange,
               onEntityClick
             }
           ),
@@ -6971,20 +6991,18 @@ var Label = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
-var CounterpartyBasicInfo = ({ onDataChange }) => {
-  const [formData, setFormData] = React15.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) => {
@@ -6996,7 +7014,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
@@ -7012,7 +7030,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"
               }
@@ -7026,7 +7044,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"
               }
@@ -7039,8 +7057,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" },
@@ -7052,10 +7070,10 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
       /* @__PURE__ */ jsxRuntime.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
         }
       )
@@ -7066,7 +7084,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"
         }
@@ -7076,7 +7094,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"
         }
@@ -7086,7 +7104,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"
         }
@@ -7095,7 +7113,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"
         }
@@ -11573,6 +11591,60 @@ var CounterpartyDetail = () => {
   const counterpartyDocuments = id ? mockBusinessDocuments[id] || [] : [];
   const [currentStatus, setCurrentStatus] = React15.useState(counterparty?.status || "ACTIVE");
   const [isEditingProfile, setIsEditingProfile] = React15.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] = React15.useState(getInitialProfileData());
   const handleEntityClick = (entityType, entityId) => {
     switch (entityType) {
       case "business_id":
@@ -11592,6 +11664,9 @@ var CounterpartyDetail = () => {
   const handleToggleProfileEdit = () => {
     setIsEditingProfile(!isEditingProfile);
   };
+  const handleProfileDataChange = (newData) => {
+    setCounterpartyProfileData(newData);
+  };
   const handleAddPaymentMethod = () => {
     console.log("Add payment method");
   };
@@ -11611,10 +11686,12 @@ var CounterpartyDetail = () => {
       counterpartyType: counterparty.type,
       currentStatus,
       isEditingProfile,
+      counterpartyProfileData,
       mockPaymentMethods,
       documents: counterpartyDocuments,
       onStatusChange: handleStatusChange,
       onToggleProfileEdit: handleToggleProfileEdit,
+      onProfileDataChange: handleProfileDataChange,
       onAddPaymentMethod: handleAddPaymentMethod,
       onAddDocument: handleAddDocument,
       onEntityClick: handleEntityClick
@@ -11623,6 +11700,7 @@ var CounterpartyDetail = () => {
 };
 var CounterpartyDetail_default = CounterpartyDetail;
 var CreateCounterpartyView = ({
+  counterpartyData,
   paymentMethods,
   onPaymentMethodsChange,
   onBasicInfoChange,
@@ -11641,7 +11719,7 @@ var CreateCounterpartyView = ({
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Basic Information" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyBasicInfo, { onDataChange: onBasicInfoChange }) })
+          /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyBasicInfo, { value: counterpartyData, onDataChange: onBasicInfoChange }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { children: [
@@ -11671,7 +11749,16 @@ var CreateCounterpartyView = ({
 };
 var CreateCounterparty = () => {
   const navigate = reactRouterDom.useNavigate();
-  const [counterpartyData, setCounterpartyData] = React15.useState(null);
+  const [counterpartyData, setCounterpartyData] = React15.useState({
+    name: "",
+    type: "business",
+    email: "",
+    phone: "",
+    dateOfBirth: "",
+    idNumber: "",
+    idType: "product_id",
+    idValue: ""
+  });
   const [paymentMethods, setPaymentMethods] = React15.useState([]);
   const handlePaymentMethodsChange = (methods) => {
     setPaymentMethods(methods);
@@ -11718,6 +11805,7 @@ var CreateCounterparty = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     CreateCounterpartyView,
     {
+      counterpartyData,
       paymentMethods,
       onPaymentMethodsChange: handlePaymentMethodsChange,
       onBasicInfoChange: handleBasicInfoChange,