braid-ui 1.0.40 → 1.0.41

package/dist/index.d.cts

@@ -391,13 +391,14 @@ interface CounterpartyDetailViewProps {
     currentStatus: string;
     isEditingProfile: boolean;
     mockPaymentMethods: PaymentMethodCardProps[];
-    documentsTable: React.ReactNode;
+    documents: any[];
     onStatusChange: (newStatus: string) => void;
     onToggleProfileEdit: () => void;
     onAddPaymentMethod: () => void;
     onAddDocument: () => void;
+    onEntityClick?: (entityType: string, entityId: string) => void;
 }
-declare const CounterpartyDetailView: ({ counterpartyName, counterpartyType, currentStatus, isEditingProfile, mockPaymentMethods, documentsTable, onStatusChange, onToggleProfileEdit, onAddPaymentMethod, onAddDocument }: CounterpartyDetailViewProps) => react_jsx_runtime.JSX.Element;
+declare const CounterpartyDetailView: ({ counterpartyName, counterpartyType, currentStatus, isEditingProfile, mockPaymentMethods, documents, onStatusChange, onToggleProfileEdit, onAddPaymentMethod, onAddDocument, onEntityClick }: CounterpartyDetailViewProps) => react_jsx_runtime.JSX.Element;
 
 declare const achTransferSchema: z.ZodObject<{
     basicInfo: z.ZodObject<{
@@ -748,8 +749,9 @@ interface CounterpartyProfileCardProps {
     onToggleEdit?: () => void;
     hideActions?: boolean;
     className?: string;
+    onEntityClick?: (entityType: string, entityId: string) => void;
 }
-declare const CounterpartyProfileCard: ({ data, onDataChange, isEditing, onToggleEdit, hideActions, className }: CounterpartyProfileCardProps) => react_jsx_runtime.JSX.Element;
+declare const CounterpartyProfileCard: ({ data, onDataChange, isEditing, onToggleEdit, hideActions, className, onEntityClick }: CounterpartyProfileCardProps) => react_jsx_runtime.JSX.Element;
 
 interface CounterpartyRecordsCardProps {
     isEditing?: boolean;

package/dist/index.d.ts

@@ -391,13 +391,14 @@ interface CounterpartyDetailViewProps {
     currentStatus: string;
     isEditingProfile: boolean;
     mockPaymentMethods: PaymentMethodCardProps[];
-    documentsTable: React.ReactNode;
+    documents: any[];
     onStatusChange: (newStatus: string) => void;
     onToggleProfileEdit: () => void;
     onAddPaymentMethod: () => void;
     onAddDocument: () => void;
+    onEntityClick?: (entityType: string, entityId: string) => void;
 }
-declare const CounterpartyDetailView: ({ counterpartyName, counterpartyType, currentStatus, isEditingProfile, mockPaymentMethods, documentsTable, onStatusChange, onToggleProfileEdit, onAddPaymentMethod, onAddDocument }: CounterpartyDetailViewProps) => react_jsx_runtime.JSX.Element;
+declare const CounterpartyDetailView: ({ counterpartyName, counterpartyType, currentStatus, isEditingProfile, mockPaymentMethods, documents, onStatusChange, onToggleProfileEdit, onAddPaymentMethod, onAddDocument, onEntityClick }: CounterpartyDetailViewProps) => react_jsx_runtime.JSX.Element;
 
 declare const achTransferSchema: z.ZodObject<{
     basicInfo: z.ZodObject<{
@@ -748,8 +749,9 @@ interface CounterpartyProfileCardProps {
     onToggleEdit?: () => void;
     hideActions?: boolean;
     className?: string;
+    onEntityClick?: (entityType: string, entityId: string) => void;
 }
-declare const CounterpartyProfileCard: ({ data, onDataChange, isEditing, onToggleEdit, hideActions, className }: CounterpartyProfileCardProps) => react_jsx_runtime.JSX.Element;
+declare const CounterpartyProfileCard: ({ data, onDataChange, isEditing, onToggleEdit, hideActions, className, onEntityClick }: CounterpartyProfileCardProps) => react_jsx_runtime.JSX.Element;
 
 interface CounterpartyRecordsCardProps {
     isEditing?: boolean;

package/dist/index.js

@@ -5775,9 +5775,9 @@ var CounterpartyProfileCard = ({
   isEditing = false,
   onToggleEdit,
   hideActions = false,
-  className
+  className,
+  onEntityClick
 }) => {
-  const navigate = useNavigate();
   const form = useFormWithEditState({
     schema: counterpartyDetailSchema,
     defaultValues: { ...defaultCounterpartyDetail, ...data },
@@ -5900,20 +5900,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__ */ jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
       /* @__PURE__ */ 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" }),
@@ -5921,12 +5907,12 @@ var CounterpartyProfileCard = ({
         InfoField,
         {
           label: idTypeLabel,
-          value: entityLink ? /* @__PURE__ */ jsx(
+          value: formValues?.idValue && formValues?.idType && onEntityClick ? /* @__PURE__ */ 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 || "-"
@@ -6156,12 +6142,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__ */ jsx("span", { className: "capitalize", children: value })
+    }
+  ];
   return /* @__PURE__ */ jsx(
     PageLayout,
     {
@@ -6192,7 +6207,8 @@ var CounterpartyDetailView = ({
             CounterpartyProfileCard,
             {
               isEditing: isEditingProfile,
-              onToggleEdit: onToggleProfileEdit
+              onToggleEdit: onToggleProfileEdit,
+              onEntityClick
             }
           ),
           /* @__PURE__ */ jsxs(Card, { children: [
@@ -6216,7 +6232,16 @@ var CounterpartyDetailView = ({
                 "Document"
               ] })
             ] }),
-            /* @__PURE__ */ jsx(CardContent, { children: documentsTable })
+            /* @__PURE__ */ jsx(CardContent, { children: documents.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 opacity-50" }),
+              /* @__PURE__ */ jsx("p", { children: "No documents found" })
+            ] }) : /* @__PURE__ */ jsx(
+              DataTable,
+              {
+                columns: documentColumns,
+                data: documents
+              }
+            ) })
           ] })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsx(CounterpartyStatusCard, { isEditing: false, onToggleEdit: () => {
@@ -11509,39 +11534,24 @@ var mockPaymentMethods = [
 ];
 var CounterpartyDetail = () => {
   const { id } = useParams();
-  useNavigate();
+  const navigate = useNavigate();
   const counterparty = mockCounterpartiesList.find((c) => c.id === id);
   const counterpartyDocuments = id ? mockBusinessDocuments[id] || [] : [];
   const [currentStatus, setCurrentStatus] = useState(counterparty?.status || "ACTIVE");
   const [isEditingProfile, setIsEditingProfile] = 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__ */ 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);
   };
@@ -11554,21 +11564,6 @@ var CounterpartyDetail = () => {
   const handleAddDocument = () => {
     console.log("Add document");
   };
-  const documentsTable = useMemo(() => {
-    if (counterpartyDocuments.length === 0) {
-      return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 opacity-50" }),
-        /* @__PURE__ */ jsx("p", { children: "No documents found" })
-      ] });
-    }
-    return /* @__PURE__ */ jsx(
-      DataTable,
-      {
-        columns: documentColumns,
-        data: counterpartyDocuments
-      }
-    );
-  }, [counterpartyDocuments, documentColumns]);
   if (!counterparty) {
     return /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-8", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-2", children: "Counterparty Not Found" }),
@@ -11583,11 +11578,12 @@ var CounterpartyDetail = () => {
       currentStatus,
       isEditingProfile,
       mockPaymentMethods,
-      documentsTable,
+      documents: counterpartyDocuments,
       onStatusChange: handleStatusChange,
       onToggleProfileEdit: handleToggleProfileEdit,
       onAddPaymentMethod: handleAddPaymentMethod,
-      onAddDocument: handleAddDocument
+      onAddDocument: handleAddDocument,
+      onEntityClick: handleEntityClick
     }
   );
 };