braid-ui 1.0.40 → 1.0.41

package/dist/index.cjs

@@ -5807,9 +5807,9 @@ var CounterpartyProfileCard = ({
   isEditing = false,
   onToggleEdit,
   hideActions = false,
-  className
+  className,
+  onEntityClick
 }) => {
-  const navigate = reactRouterDom.useNavigate();
   const form = useFormWithEditState({
     schema: counterpartyDetailSchema,
     defaultValues: { ...defaultCounterpartyDetail, ...data },
@@ -5932,20 +5932,6 @@ var CounterpartyProfileCard = ({
   ] }) });
   const formValues = form.watch();
   const idTypeLabel = formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number";
-  const getEntityLink = () => {
-    if (!formValues?.idValue) return null;
-    switch (formValues?.idType) {
-      case "business_id":
-        return `/business/${formValues.idValue}`;
-      case "individual_id":
-        return `/individual/${formValues.idValue}`;
-      case "account_number":
-        return `/account/${formValues.idValue}`;
-      default:
-        return null;
-    }
-  };
-  const entityLink = getEntityLink();
   const viewContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Associated with", value: formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number", layout: "horizontal" }),
@@ -5953,12 +5939,12 @@ var CounterpartyProfileCard = ({
         InfoField,
         {
           label: idTypeLabel,
-          value: entityLink ? /* @__PURE__ */ jsxRuntime.jsx(
+          value: formValues?.idValue && formValues?.idType && onEntityClick ? /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               onClick: (e) => {
                 e.preventDefault();
-                navigate(entityLink);
+                onEntityClick(formValues.idType, formValues.idValue);
               },
               className: "text-primary hover:underline font-medium text-left cursor-pointer",
               children: formValues?.idValue || "-"
@@ -6188,12 +6174,41 @@ var CounterpartyDetailView = ({
   currentStatus,
   isEditingProfile,
   mockPaymentMethods: mockPaymentMethods2,
-  documentsTable,
+  documents,
   onStatusChange,
   onToggleProfileEdit,
   onAddPaymentMethod,
-  onAddDocument
+  onAddDocument,
+  onEntityClick
 }) => {
+  const documentColumns = [
+    {
+      key: "name",
+      title: "Document Name",
+      sortable: true,
+      width: "40%"
+    },
+    {
+      key: "type",
+      title: "Type",
+      sortable: true,
+      width: "20%"
+    },
+    {
+      key: "uploadedDate",
+      title: "Uploaded",
+      sortable: true,
+      width: "20%"
+    },
+    {
+      key: "status",
+      title: "Status",
+      sortable: true,
+      width: "20%",
+      align: "right",
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "capitalize", children: value })
+    }
+  ];
   return /* @__PURE__ */ jsxRuntime.jsx(
     PageLayout,
     {
@@ -6224,7 +6239,8 @@ var CounterpartyDetailView = ({
             CounterpartyProfileCard,
             {
               isEditing: isEditingProfile,
-              onToggleEdit: onToggleProfileEdit
+              onToggleEdit: onToggleProfileEdit,
+              onEntityClick
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
@@ -6248,7 +6264,16 @@ var CounterpartyDetailView = ({
                 "Document"
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: documentsTable })
+            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: documents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 opacity-50" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No documents found" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+              DataTable,
+              {
+                columns: documentColumns,
+                data: documents
+              }
+            ) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyStatusCard, { isEditing: false, onToggleEdit: () => {
@@ -11541,39 +11566,24 @@ var mockPaymentMethods = [
 ];
 var CounterpartyDetail = () => {
   const { id } = reactRouterDom.useParams();
-  reactRouterDom.useNavigate();
+  const navigate = reactRouterDom.useNavigate();
   const counterparty = mockCounterpartiesList.find((c) => c.id === id);
   const counterpartyDocuments = id ? mockBusinessDocuments[id] || [] : [];
   const [currentStatus, setCurrentStatus] = React15.useState(counterparty?.status || "ACTIVE");
   const [isEditingProfile, setIsEditingProfile] = React15.useState(false);
-  const documentColumns = [
-    {
-      key: "name",
-      title: "Document Name",
-      sortable: true,
-      width: "40%"
-    },
-    {
-      key: "type",
-      title: "Type",
-      sortable: true,
-      width: "20%"
-    },
-    {
-      key: "uploadedDate",
-      title: "Uploaded",
-      sortable: true,
-      width: "20%"
-    },
-    {
-      key: "status",
-      title: "Status",
-      sortable: true,
-      width: "20%",
-      align: "right",
-      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "capitalize", children: value })
+  const handleEntityClick = (entityType, entityId) => {
+    switch (entityType) {
+      case "business_id":
+        navigate(`/business/${entityId}`);
+        break;
+      case "individual_id":
+        navigate(`/individual/${entityId}`);
+        break;
+      case "account_number":
+        navigate(`/account/${entityId}`);
+        break;
     }
-  ];
+  };
   const handleStatusChange = (newStatus) => {
     setCurrentStatus(newStatus);
   };
@@ -11586,21 +11596,6 @@ var CounterpartyDetail = () => {
   const handleAddDocument = () => {
     console.log("Add document");
   };
-  const documentsTable = React15.useMemo(() => {
-    if (counterpartyDocuments.length === 0) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 opacity-50" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No documents found" })
-      ] });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      DataTable,
-      {
-        columns: documentColumns,
-        data: counterpartyDocuments
-      }
-    );
-  }, [counterpartyDocuments, documentColumns]);
   if (!counterparty) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold mb-2", children: "Counterparty Not Found" }),
@@ -11615,11 +11610,12 @@ var CounterpartyDetail = () => {
       currentStatus,
       isEditingProfile,
       mockPaymentMethods,
-      documentsTable,
+      documents: counterpartyDocuments,
       onStatusChange: handleStatusChange,
       onToggleProfileEdit: handleToggleProfileEdit,
       onAddPaymentMethod: handleAddPaymentMethod,
-      onAddDocument: handleAddDocument
+      onAddDocument: handleAddDocument,
+      onEntityClick: handleEntityClick
     }
   );
 };