braid-ui 1.0.33 → 1.0.35

package/dist/index.d.cts

@@ -326,8 +326,14 @@ interface BusinessDetailViewProps {
     onNavigateToAccounts: () => void;
     onNavigateToCounterparty: () => void;
     onAddAccount: () => void;
+    onUBOClick: (customerId: string) => void;
+    onDocumentUpload: (file: File, metadata: {
+        name: string;
+        description: string;
+        type: string;
+    }) => Promise<void>;
 }
-declare const BusinessDetailView: ({ business, businessProfile, identityVerification, businessUBOs, businessDocuments, businessAccounts, currentStatus, isEditingProfile, onStatusChange, onProfileDataChange, onToggleProfileEdit, onNavigateToAccounts, onNavigateToCounterparty, onAddAccount }: BusinessDetailViewProps) => react_jsx_runtime.JSX.Element;
+declare const BusinessDetailView: ({ business, businessProfile, identityVerification, businessUBOs, businessDocuments, businessAccounts, currentStatus, isEditingProfile, onStatusChange, onProfileDataChange, onToggleProfileEdit, onNavigateToAccounts, onNavigateToCounterparty, onAddAccount, onUBOClick, onDocumentUpload }: BusinessDetailViewProps) => react_jsx_runtime.JSX.Element;
 
 interface BusinessFilters {
     name: string;

package/dist/index.d.ts

@@ -326,8 +326,14 @@ interface BusinessDetailViewProps {
     onNavigateToAccounts: () => void;
     onNavigateToCounterparty: () => void;
     onAddAccount: () => void;
+    onUBOClick: (customerId: string) => void;
+    onDocumentUpload: (file: File, metadata: {
+        name: string;
+        description: string;
+        type: string;
+    }) => Promise<void>;
 }
-declare const BusinessDetailView: ({ business, businessProfile, identityVerification, businessUBOs, businessDocuments, businessAccounts, currentStatus, isEditingProfile, onStatusChange, onProfileDataChange, onToggleProfileEdit, onNavigateToAccounts, onNavigateToCounterparty, onAddAccount }: BusinessDetailViewProps) => react_jsx_runtime.JSX.Element;
+declare const BusinessDetailView: ({ business, businessProfile, identityVerification, businessUBOs, businessDocuments, businessAccounts, currentStatus, isEditingProfile, onStatusChange, onProfileDataChange, onToggleProfileEdit, onNavigateToAccounts, onNavigateToCounterparty, onAddAccount, onUBOClick, onDocumentUpload }: BusinessDetailViewProps) => react_jsx_runtime.JSX.Element;
 
 interface BusinessFilters {
     name: string;

package/dist/index.js

@@ -4256,7 +4256,7 @@ var PageLayout = React15.forwardRef(
   }
 );
 PageLayout.displayName = "PageLayout";
-var UBOCard = ({ ubos }) => {
+var UBOCard = ({ ubos, onUBOClick }) => {
   const columns3 = [
     {
       key: "name",
@@ -4264,10 +4264,10 @@ var UBOCard = ({ ubos }) => {
       sortable: true,
       width: "40%",
       render: (value, row) => /* @__PURE__ */ jsx(
-        Link,
+        "button",
         {
-          to: `/customer/${row.customerId}`,
-          className: "text-primary hover:underline font-medium",
+          onClick: () => onUBOClick(row.customerId),
+          className: "text-primary hover:underline font-medium text-left",
           children: value
         }
       )
@@ -4307,7 +4307,7 @@ var UBOCard = ({ ubos }) => {
     ) })
   ] });
 };
-var BusinessDocuments = ({ businessId, documents }) => {
+var BusinessDocuments = ({ businessId, documents, onDocumentUpload }) => {
   const [isUploading, setIsUploading] = useState(false);
   const [showUploadDialog, setShowUploadDialog] = useState(false);
   const [selectedFile, setSelectedFile] = useState(null);
@@ -4320,7 +4320,7 @@ var BusinessDocuments = ({ businessId, documents }) => {
     setSelectedFile(file);
     setDocumentName(file.name);
   };
-  const handleUploadSubmit = () => {
+  const handleUploadSubmit = async () => {
     if (!selectedFile || !documentName || !documentType) {
       toast({
         title: "Missing Information",
@@ -4330,15 +4330,27 @@ var BusinessDocuments = ({ businessId, documents }) => {
       return;
     }
     setIsUploading(true);
-    setTimeout(() => {
+    try {
+      await onDocumentUpload(selectedFile, {
+        name: documentName,
+        description,
+        type: documentType
+      });
       toast({
         title: "Upload Successful",
         description: `${documentName} uploaded successfully`
       });
-      setIsUploading(false);
       setShowUploadDialog(false);
       resetForm();
-    }, 1e3);
+    } catch (error) {
+      toast({
+        title: "Upload Failed",
+        description: "Failed to upload document. Please try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setIsUploading(false);
+    }
   };
   const resetForm = () => {
     setSelectedFile(null);
@@ -4628,7 +4640,9 @@ var BusinessDetailView = ({
   onToggleProfileEdit,
   onNavigateToAccounts,
   onNavigateToCounterparty,
-  onAddAccount
+  onAddAccount,
+  onUBOClick,
+  onDocumentUpload
 }) => {
   return /* @__PURE__ */ jsx(
     PageLayout,
@@ -4681,7 +4695,7 @@ var BusinessDetailView = ({
               onDataChange: onProfileDataChange
             }
           ),
-          /* @__PURE__ */ jsx(UBOCard, { ubos: businessUBOs }),
+          /* @__PURE__ */ jsx(UBOCard, { ubos: businessUBOs, onUBOClick }),
           /* @__PURE__ */ jsxs(Card, { children: [
             /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
               /* @__PURE__ */ jsx(CardTitle, { children: "External Accounts" }),
@@ -4701,7 +4715,14 @@ var BusinessDetailView = ({
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx(BusinessDocuments, { businessId: business.id, documents: businessDocuments })
+          /* @__PURE__ */ jsx(
+            BusinessDocuments,
+            {
+              businessId: business.id,
+              documents: businessDocuments,
+              onDocumentUpload
+            }
+          )
         ] }),
         /* @__PURE__ */ jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsx(BusinessStatusCard, { isEditing: false, onToggleEdit: () => {
         } }) })
@@ -10363,7 +10384,7 @@ var BusinessDetail = () => {
   const business = mockBusinessesList.find((b) => b.id === id);
   const identityVerification = id ? mockIdentityVerifications[id] : void 0;
   const businessUBOs = id ? mockBusinessUBOs[id] || [] : [];
-  const businessDocuments = id ? mockBusinessDocuments[id] || [] : [];
+  const initialDocuments = id ? mockBusinessDocuments[id] || [] : [];
   const businessAccounts = id ? mockBusinessAccounts[id] || [] : [];
   const initialProfile = id ? mockBusinessProfiles[id] : void 0;
   const [currentStatus, setCurrentStatus] = useState(business?.status || "active");
@@ -10371,6 +10392,7 @@ var BusinessDetail = () => {
   const [businessProfile, setBusinessProfile] = useState(
     initialProfile
   );
+  const [businessDocuments, setBusinessDocuments] = useState(initialDocuments);
   const handleStatusChange = (newStatus) => {
     setCurrentStatus(newStatus);
   };
@@ -10390,6 +10412,23 @@ var BusinessDetail = () => {
   const handleAddAccount = () => {
     console.log("Add account clicked");
   };
+  const handleUBOClick = (customerId) => {
+    navigate(`/customer/${customerId}`);
+  };
+  const handleDocumentUpload = async (file, metadata) => {
+    await new Promise((resolve) => setTimeout(resolve, 1e3));
+    const newDocument = {
+      id: `doc-${Date.now()}`,
+      name: metadata.name,
+      type: metadata.type,
+      description: metadata.description,
+      size: `${(file.size / 1024 / 1024).toFixed(2)} MB`,
+      uploadedBy: "Current User",
+      uploadedAt: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    setBusinessDocuments((prev) => [...prev, newDocument]);
+    console.log("Document uploaded:", { file, metadata, newDocument });
+  };
   if (!business) {
     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: "Business Not Found" }),
@@ -10412,7 +10451,9 @@ var BusinessDetail = () => {
       onToggleProfileEdit: handleToggleProfileEdit,
       onNavigateToAccounts: handleNavigateToAccounts,
       onNavigateToCounterparty: handleNavigateToCounterparty,
-      onAddAccount: handleAddAccount
+      onAddAccount: handleAddAccount,
+      onUBOClick: handleUBOClick,
+      onDocumentUpload: handleDocumentUpload
     }
   );
 };