braid-ui 1.0.32 → 1.0.34

package/dist/index.d.cts

@@ -326,8 +326,9 @@ interface BusinessDetailViewProps {
     onNavigateToAccounts: () => void;
     onNavigateToCounterparty: () => void;
     onAddAccount: () => void;
+    onUBOClick: (customerId: string) => 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 }: BusinessDetailViewProps) => react_jsx_runtime.JSX.Element;
 
 interface BusinessFilters {
     name: string;

package/dist/index.d.ts

@@ -326,8 +326,9 @@ interface BusinessDetailViewProps {
     onNavigateToAccounts: () => void;
     onNavigateToCounterparty: () => void;
     onAddAccount: () => void;
+    onUBOClick: (customerId: string) => 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 }: BusinessDetailViewProps) => react_jsx_runtime.JSX.Element;
 
 interface BusinessFilters {
     name: string;

package/dist/index.js

@@ -3346,30 +3346,30 @@ z.object({
 
 // src/lib/mock-data/business-data.ts
 var defaultBusinessProfile = {
-  legalName: "Acme Corporation",
-  dbaName: "ACME Tech",
-  businessType: "corporation",
-  taxId: "12-3456789",
-  formationDate: "2020-01-15",
-  idType: "EIN",
+  name: "Acme Corporation",
+  productId: 1,
+  businessIdType: "EIN",
+  idNumber: "12-3456789",
+  dba: "ACME Tech",
+  businessEntityType: "CORPORATION",
   incorporationState: "Delaware",
+  formationDate: "2020-01-15",
   website: "https://acme.com",
-  email: "contact@acme.com",
-  mobilePhone: "+1 (555) 234-5678",
   mcc: "1234",
   naics: "123456",
+  mobilePhone: "+1 (555) 234-5678",
   achCompanyId: "1234567890",
-  achCompanyName: "Acme Corporation",
-  externalId: "c48c9834-ccdd-42df-bd56-1022df37341b",
-  productId: 1,
+  contactPersonFirstName: "John",
+  contactPersonLastName: "Smith",
+  contactPersonEmail: "contact@acme.com",
+  contactPersonPhone: "+1 (555) 123-4567",
   address: {
-    streetAddress: "123 Business Avenue",
-    apartment: "Suite 100",
+    line1: "123 Business Avenue",
+    line2: "Suite 100",
     city: "New York",
     state: "NY",
     postalCode: "10001",
-    country: "US",
-    addressType: "business"
+    countryCode: "US"
   }
 };
 var BusinessProfileCard = ({
@@ -3661,7 +3661,19 @@ var BusinessProfileCard = ({
         InfoField,
         {
           label: "Address",
-          value: formValues?.address ? `${formValues.address.line1 || ""}${formValues.address.line2 ? ", " + formValues.address.line2 : ""}, ${formValues.address.city || ""}, ${formValues.address.state || ""} ${formValues.address.postalCode || ""}, ${formValues.address.countryCode || ""}` : "-",
+          value: formValues?.address ? (() => {
+            const parts = [];
+            if (formValues.address.line1) parts.push(formValues.address.line1);
+            if (formValues.address.line2) parts.push(formValues.address.line2);
+            const cityStateZip = [
+              formValues.address.city,
+              formValues.address.state,
+              formValues.address.postalCode
+            ].filter(Boolean).join(" ");
+            if (cityStateZip) parts.push(cityStateZip);
+            if (formValues.address.countryCode) parts.push(formValues.address.countryCode);
+            return parts.length > 0 ? parts.join(", ") : "-";
+          })() : "-",
           layout: "horizontal"
         }
       ),
@@ -4244,7 +4256,7 @@ var PageLayout = React15.forwardRef(
   }
 );
 PageLayout.displayName = "PageLayout";
-var UBOCard = ({ ubos }) => {
+var UBOCard = ({ ubos, onUBOClick }) => {
   const columns3 = [
     {
       key: "name",
@@ -4252,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
         }
       )
@@ -4616,7 +4628,8 @@ var BusinessDetailView = ({
   onToggleProfileEdit,
   onNavigateToAccounts,
   onNavigateToCounterparty,
-  onAddAccount
+  onAddAccount,
+  onUBOClick
 }) => {
   return /* @__PURE__ */ jsx(
     PageLayout,
@@ -4669,7 +4682,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" }),
@@ -10378,6 +10391,9 @@ var BusinessDetail = () => {
   const handleAddAccount = () => {
     console.log("Add account clicked");
   };
+  const handleUBOClick = (customerId) => {
+    navigate(`/customer/${customerId}`);
+  };
   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" }),
@@ -10400,7 +10416,8 @@ var BusinessDetail = () => {
       onToggleProfileEdit: handleToggleProfileEdit,
       onNavigateToAccounts: handleNavigateToAccounts,
       onNavigateToCounterparty: handleNavigateToCounterparty,
-      onAddAccount: handleAddAccount
+      onAddAccount: handleAddAccount,
+      onUBOClick: handleUBOClick
     }
   );
 };