braid-ui 1.0.43 → 1.0.45

package/dist/index.d.cts

@@ -385,134 +385,6 @@ interface PaymentMethodCardProps {
     className?: string;
 }
 
-interface CounterpartyDetailViewProps {
-    counterpartyName: string;
-    counterpartyType: string;
-    currentStatus: string;
-    isEditingProfile: boolean;
-    mockPaymentMethods: PaymentMethodCardProps[];
-    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, documents, onStatusChange, onToggleProfileEdit, onAddPaymentMethod, onAddDocument, onEntityClick }: CounterpartyDetailViewProps) => react_jsx_runtime.JSX.Element;
-
-declare const achTransferSchema: z.ZodObject<{
-    basicInfo: z.ZodObject<{
-        counterpartyName: z.ZodString;
-        shortName: z.ZodString;
-        type: z.ZodString;
-        description: z.ZodOptional<z.ZodString>;
-    }, "strip", z.ZodTypeAny, {
-        description?: string;
-        type?: string;
-        counterpartyName?: string;
-        shortName?: string;
-    }, {
-        description?: string;
-        type?: string;
-        counterpartyName?: string;
-        shortName?: string;
-    }>;
-    bankDetails: z.ZodObject<{
-        gatewayRoutingNumber: z.ZodString;
-        rdfiNumberQualifier: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        gatewayRoutingNumber?: string;
-        rdfiNumberQualifier?: string;
-    }, {
-        gatewayRoutingNumber?: string;
-        rdfiNumberQualifier?: string;
-    }>;
-}, "strip", z.ZodTypeAny, {
-    basicInfo?: {
-        description?: string;
-        type?: string;
-        counterpartyName?: string;
-        shortName?: string;
-    };
-    bankDetails?: {
-        gatewayRoutingNumber?: string;
-        rdfiNumberQualifier?: string;
-    };
-}, {
-    basicInfo?: {
-        description?: string;
-        type?: string;
-        counterpartyName?: string;
-        shortName?: string;
-    };
-    bankDetails?: {
-        gatewayRoutingNumber?: string;
-        rdfiNumberQualifier?: string;
-    };
-}>;
-type ACHTransfer = z.infer<typeof achTransferSchema>;
-
-interface ACHBankCardProps {
-    data?: Partial<ACHTransfer>;
-    onDataChange?: (data: ACHTransfer) => void;
-    isEditing?: boolean;
-    onToggleEdit?: () => void;
-    className?: string;
-    hideActions?: boolean;
-}
-declare const ACHBankCard: ({ data, onDataChange, isEditing, onToggleEdit, className, hideActions }: ACHBankCardProps) => react_jsx_runtime.JSX.Element;
-
-interface ACHBasicInfoCardProps {
-    data?: Partial<ACHTransfer>;
-    onDataChange?: (data: ACHTransfer) => void;
-    isEditing?: boolean;
-    onToggleEdit?: () => void;
-    className?: string;
-    hideActions?: boolean;
-}
-declare const ACHBasicInfoCard: ({ data, onDataChange, isEditing, onToggleEdit, className, hideActions }: ACHBasicInfoCardProps) => react_jsx_runtime.JSX.Element;
-
-interface ACHTransferSectionProps {
-    isEditing?: boolean;
-    onToggleEdit?: () => void;
-    className?: string;
-    hideActions?: boolean;
-}
-declare const ACHTransferSection: ({ isEditing, onToggleEdit, className, hideActions }: ACHTransferSectionProps) => react_jsx_runtime.JSX.Element;
-
-declare const inputVariants: (props?: {
-    variant?: "default" | "success" | "disabled" | "error" | "readonly";
-    size?: "default" | "sm" | "lg";
-} & class_variance_authority_dist_types.ClassProp) => string;
-interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
-    label?: string;
-    hint?: string;
-    error?: string;
-    success?: string;
-    isLoading?: boolean;
-}
-declare const EnhancedInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
-
-interface AddressFormProps {
-    title: string;
-    description: string;
-    fieldPrefix?: string;
-    showAddressType?: boolean;
-    addressTypeOptions?: Array<{
-        value: string;
-        label: string;
-    }>;
-    fieldOverrides?: {
-        state?: Partial<React.ComponentProps<typeof EnhancedInput>>;
-        city?: Partial<React.ComponentProps<typeof EnhancedInput>>;
-        streetAddress?: Partial<React.ComponentProps<typeof EnhancedInput>>;
-        postalCode?: Partial<React.ComponentProps<typeof EnhancedInput>>;
-        apartment?: Partial<React.ComponentProps<typeof EnhancedInput>>;
-    };
-    showApartment?: boolean;
-}
-declare const AddressForm: ({ title, description, fieldPrefix, showAddressType, addressTypeOptions, fieldOverrides, showApartment }: AddressFormProps) => react_jsx_runtime.JSX.Element;
-
 declare const addressSchema: z.ZodObject<{
     line1: z.ZodOptional<z.ZodString>;
     line2: z.ZodOptional<z.ZodString>;
@@ -606,6 +478,58 @@ declare const counterpartyDetailSchema: z.ZodObject<{
 type CounterpartyDetail$1 = z.infer<typeof counterpartyDetailSchema>;
 type Address = z.infer<typeof addressSchema>;
 
+declare const achTransferSchema: z.ZodObject<{
+    basicInfo: z.ZodObject<{
+        counterpartyName: z.ZodString;
+        shortName: z.ZodString;
+        type: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        description?: string;
+        type?: string;
+        counterpartyName?: string;
+        shortName?: string;
+    }, {
+        description?: string;
+        type?: string;
+        counterpartyName?: string;
+        shortName?: string;
+    }>;
+    bankDetails: z.ZodObject<{
+        gatewayRoutingNumber: z.ZodString;
+        rdfiNumberQualifier: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        gatewayRoutingNumber?: string;
+        rdfiNumberQualifier?: string;
+    }, {
+        gatewayRoutingNumber?: string;
+        rdfiNumberQualifier?: string;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    basicInfo?: {
+        description?: string;
+        type?: string;
+        counterpartyName?: string;
+        shortName?: string;
+    };
+    bankDetails?: {
+        gatewayRoutingNumber?: string;
+        rdfiNumberQualifier?: string;
+    };
+}, {
+    basicInfo?: {
+        description?: string;
+        type?: string;
+        counterpartyName?: string;
+        shortName?: string;
+    };
+    bankDetails?: {
+        gatewayRoutingNumber?: string;
+        rdfiNumberQualifier?: string;
+    };
+}>;
+type ACHTransfer = z.infer<typeof achTransferSchema>;
+
 declare const intermediaryFISchema: z.ZodObject<{
     accountNumber: z.ZodOptional<z.ZodString>;
     name: z.ZodOptional<z.ZodString>;
@@ -667,6 +591,84 @@ declare const intermediaryFISchema: z.ZodObject<{
 }>;
 type IntermediaryFI$1 = z.infer<typeof intermediaryFISchema>;
 
+interface CounterpartyDetailViewProps {
+    counterpartyName: string;
+    counterpartyType: string;
+    currentStatus: string;
+    isEditingProfile: boolean;
+    counterpartyProfileData: CounterpartyDetail$1;
+    mockPaymentMethods: PaymentMethodCardProps[];
+    documents: any[];
+    onStatusChange: (newStatus: string) => void;
+    onToggleProfileEdit: () => void;
+    onProfileDataChange: (data: CounterpartyDetail$1) => void;
+    onAddPaymentMethod: () => void;
+    onAddDocument: () => void;
+    onEntityClick?: (entityType: string, entityId: string) => void;
+}
+declare const CounterpartyDetailView: ({ counterpartyName, counterpartyType, currentStatus, isEditingProfile, counterpartyProfileData, mockPaymentMethods, documents, onStatusChange, onToggleProfileEdit, onProfileDataChange, onAddPaymentMethod, onAddDocument, onEntityClick }: CounterpartyDetailViewProps) => react_jsx_runtime.JSX.Element;
+
+interface ACHBankCardProps {
+    data?: Partial<ACHTransfer>;
+    onDataChange?: (data: ACHTransfer) => void;
+    isEditing?: boolean;
+    onToggleEdit?: () => void;
+    className?: string;
+    hideActions?: boolean;
+}
+declare const ACHBankCard: ({ data, onDataChange, isEditing, onToggleEdit, className, hideActions }: ACHBankCardProps) => react_jsx_runtime.JSX.Element;
+
+interface ACHBasicInfoCardProps {
+    data?: Partial<ACHTransfer>;
+    onDataChange?: (data: ACHTransfer) => void;
+    isEditing?: boolean;
+    onToggleEdit?: () => void;
+    className?: string;
+    hideActions?: boolean;
+}
+declare const ACHBasicInfoCard: ({ data, onDataChange, isEditing, onToggleEdit, className, hideActions }: ACHBasicInfoCardProps) => react_jsx_runtime.JSX.Element;
+
+interface ACHTransferSectionProps {
+    isEditing?: boolean;
+    onToggleEdit?: () => void;
+    className?: string;
+    hideActions?: boolean;
+}
+declare const ACHTransferSection: ({ isEditing, onToggleEdit, className, hideActions }: ACHTransferSectionProps) => react_jsx_runtime.JSX.Element;
+
+declare const inputVariants: (props?: {
+    variant?: "default" | "success" | "disabled" | "error" | "readonly";
+    size?: "default" | "sm" | "lg";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
+    label?: string;
+    hint?: string;
+    error?: string;
+    success?: string;
+    isLoading?: boolean;
+}
+declare const EnhancedInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+interface AddressFormProps {
+    title: string;
+    description: string;
+    fieldPrefix?: string;
+    showAddressType?: boolean;
+    addressTypeOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
+    fieldOverrides?: {
+        state?: Partial<React.ComponentProps<typeof EnhancedInput>>;
+        city?: Partial<React.ComponentProps<typeof EnhancedInput>>;
+        streetAddress?: Partial<React.ComponentProps<typeof EnhancedInput>>;
+        postalCode?: Partial<React.ComponentProps<typeof EnhancedInput>>;
+        apartment?: Partial<React.ComponentProps<typeof EnhancedInput>>;
+    };
+    showApartment?: boolean;
+}
+declare const AddressForm: ({ title, description, fieldPrefix, showAddressType, addressTypeOptions, fieldOverrides, showApartment }: AddressFormProps) => react_jsx_runtime.JSX.Element;
+
 interface BankAddressCardProps {
     data?: Partial<Address>;
     onDataChange?: (data: Address) => void;

package/dist/index.d.ts

@@ -385,134 +385,6 @@ interface PaymentMethodCardProps {
     className?: string;
 }
 
-interface CounterpartyDetailViewProps {
-    counterpartyName: string;
-    counterpartyType: string;
-    currentStatus: string;
-    isEditingProfile: boolean;
-    mockPaymentMethods: PaymentMethodCardProps[];
-    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, documents, onStatusChange, onToggleProfileEdit, onAddPaymentMethod, onAddDocument, onEntityClick }: CounterpartyDetailViewProps) => react_jsx_runtime.JSX.Element;
-
-declare const achTransferSchema: z.ZodObject<{
-    basicInfo: z.ZodObject<{
-        counterpartyName: z.ZodString;
-        shortName: z.ZodString;
-        type: z.ZodString;
-        description: z.ZodOptional<z.ZodString>;
-    }, "strip", z.ZodTypeAny, {
-        description?: string;
-        type?: string;
-        counterpartyName?: string;
-        shortName?: string;
-    }, {
-        description?: string;
-        type?: string;
-        counterpartyName?: string;
-        shortName?: string;
-    }>;
-    bankDetails: z.ZodObject<{
-        gatewayRoutingNumber: z.ZodString;
-        rdfiNumberQualifier: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        gatewayRoutingNumber?: string;
-        rdfiNumberQualifier?: string;
-    }, {
-        gatewayRoutingNumber?: string;
-        rdfiNumberQualifier?: string;
-    }>;
-}, "strip", z.ZodTypeAny, {
-    basicInfo?: {
-        description?: string;
-        type?: string;
-        counterpartyName?: string;
-        shortName?: string;
-    };
-    bankDetails?: {
-        gatewayRoutingNumber?: string;
-        rdfiNumberQualifier?: string;
-    };
-}, {
-    basicInfo?: {
-        description?: string;
-        type?: string;
-        counterpartyName?: string;
-        shortName?: string;
-    };
-    bankDetails?: {
-        gatewayRoutingNumber?: string;
-        rdfiNumberQualifier?: string;
-    };
-}>;
-type ACHTransfer = z.infer<typeof achTransferSchema>;
-
-interface ACHBankCardProps {
-    data?: Partial<ACHTransfer>;
-    onDataChange?: (data: ACHTransfer) => void;
-    isEditing?: boolean;
-    onToggleEdit?: () => void;
-    className?: string;
-    hideActions?: boolean;
-}
-declare const ACHBankCard: ({ data, onDataChange, isEditing, onToggleEdit, className, hideActions }: ACHBankCardProps) => react_jsx_runtime.JSX.Element;
-
-interface ACHBasicInfoCardProps {
-    data?: Partial<ACHTransfer>;
-    onDataChange?: (data: ACHTransfer) => void;
-    isEditing?: boolean;
-    onToggleEdit?: () => void;
-    className?: string;
-    hideActions?: boolean;
-}
-declare const ACHBasicInfoCard: ({ data, onDataChange, isEditing, onToggleEdit, className, hideActions }: ACHBasicInfoCardProps) => react_jsx_runtime.JSX.Element;
-
-interface ACHTransferSectionProps {
-    isEditing?: boolean;
-    onToggleEdit?: () => void;
-    className?: string;
-    hideActions?: boolean;
-}
-declare const ACHTransferSection: ({ isEditing, onToggleEdit, className, hideActions }: ACHTransferSectionProps) => react_jsx_runtime.JSX.Element;
-
-declare const inputVariants: (props?: {
-    variant?: "default" | "success" | "disabled" | "error" | "readonly";
-    size?: "default" | "sm" | "lg";
-} & class_variance_authority_dist_types.ClassProp) => string;
-interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
-    label?: string;
-    hint?: string;
-    error?: string;
-    success?: string;
-    isLoading?: boolean;
-}
-declare const EnhancedInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
-
-interface AddressFormProps {
-    title: string;
-    description: string;
-    fieldPrefix?: string;
-    showAddressType?: boolean;
-    addressTypeOptions?: Array<{
-        value: string;
-        label: string;
-    }>;
-    fieldOverrides?: {
-        state?: Partial<React.ComponentProps<typeof EnhancedInput>>;
-        city?: Partial<React.ComponentProps<typeof EnhancedInput>>;
-        streetAddress?: Partial<React.ComponentProps<typeof EnhancedInput>>;
-        postalCode?: Partial<React.ComponentProps<typeof EnhancedInput>>;
-        apartment?: Partial<React.ComponentProps<typeof EnhancedInput>>;
-    };
-    showApartment?: boolean;
-}
-declare const AddressForm: ({ title, description, fieldPrefix, showAddressType, addressTypeOptions, fieldOverrides, showApartment }: AddressFormProps) => react_jsx_runtime.JSX.Element;
-
 declare const addressSchema: z.ZodObject<{
     line1: z.ZodOptional<z.ZodString>;
     line2: z.ZodOptional<z.ZodString>;
@@ -606,6 +478,58 @@ declare const counterpartyDetailSchema: z.ZodObject<{
 type CounterpartyDetail$1 = z.infer<typeof counterpartyDetailSchema>;
 type Address = z.infer<typeof addressSchema>;
 
+declare const achTransferSchema: z.ZodObject<{
+    basicInfo: z.ZodObject<{
+        counterpartyName: z.ZodString;
+        shortName: z.ZodString;
+        type: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        description?: string;
+        type?: string;
+        counterpartyName?: string;
+        shortName?: string;
+    }, {
+        description?: string;
+        type?: string;
+        counterpartyName?: string;
+        shortName?: string;
+    }>;
+    bankDetails: z.ZodObject<{
+        gatewayRoutingNumber: z.ZodString;
+        rdfiNumberQualifier: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        gatewayRoutingNumber?: string;
+        rdfiNumberQualifier?: string;
+    }, {
+        gatewayRoutingNumber?: string;
+        rdfiNumberQualifier?: string;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    basicInfo?: {
+        description?: string;
+        type?: string;
+        counterpartyName?: string;
+        shortName?: string;
+    };
+    bankDetails?: {
+        gatewayRoutingNumber?: string;
+        rdfiNumberQualifier?: string;
+    };
+}, {
+    basicInfo?: {
+        description?: string;
+        type?: string;
+        counterpartyName?: string;
+        shortName?: string;
+    };
+    bankDetails?: {
+        gatewayRoutingNumber?: string;
+        rdfiNumberQualifier?: string;
+    };
+}>;
+type ACHTransfer = z.infer<typeof achTransferSchema>;
+
 declare const intermediaryFISchema: z.ZodObject<{
     accountNumber: z.ZodOptional<z.ZodString>;
     name: z.ZodOptional<z.ZodString>;
@@ -667,6 +591,84 @@ declare const intermediaryFISchema: z.ZodObject<{
 }>;
 type IntermediaryFI$1 = z.infer<typeof intermediaryFISchema>;
 
+interface CounterpartyDetailViewProps {
+    counterpartyName: string;
+    counterpartyType: string;
+    currentStatus: string;
+    isEditingProfile: boolean;
+    counterpartyProfileData: CounterpartyDetail$1;
+    mockPaymentMethods: PaymentMethodCardProps[];
+    documents: any[];
+    onStatusChange: (newStatus: string) => void;
+    onToggleProfileEdit: () => void;
+    onProfileDataChange: (data: CounterpartyDetail$1) => void;
+    onAddPaymentMethod: () => void;
+    onAddDocument: () => void;
+    onEntityClick?: (entityType: string, entityId: string) => void;
+}
+declare const CounterpartyDetailView: ({ counterpartyName, counterpartyType, currentStatus, isEditingProfile, counterpartyProfileData, mockPaymentMethods, documents, onStatusChange, onToggleProfileEdit, onProfileDataChange, onAddPaymentMethod, onAddDocument, onEntityClick }: CounterpartyDetailViewProps) => react_jsx_runtime.JSX.Element;
+
+interface ACHBankCardProps {
+    data?: Partial<ACHTransfer>;
+    onDataChange?: (data: ACHTransfer) => void;
+    isEditing?: boolean;
+    onToggleEdit?: () => void;
+    className?: string;
+    hideActions?: boolean;
+}
+declare const ACHBankCard: ({ data, onDataChange, isEditing, onToggleEdit, className, hideActions }: ACHBankCardProps) => react_jsx_runtime.JSX.Element;
+
+interface ACHBasicInfoCardProps {
+    data?: Partial<ACHTransfer>;
+    onDataChange?: (data: ACHTransfer) => void;
+    isEditing?: boolean;
+    onToggleEdit?: () => void;
+    className?: string;
+    hideActions?: boolean;
+}
+declare const ACHBasicInfoCard: ({ data, onDataChange, isEditing, onToggleEdit, className, hideActions }: ACHBasicInfoCardProps) => react_jsx_runtime.JSX.Element;
+
+interface ACHTransferSectionProps {
+    isEditing?: boolean;
+    onToggleEdit?: () => void;
+    className?: string;
+    hideActions?: boolean;
+}
+declare const ACHTransferSection: ({ isEditing, onToggleEdit, className, hideActions }: ACHTransferSectionProps) => react_jsx_runtime.JSX.Element;
+
+declare const inputVariants: (props?: {
+    variant?: "default" | "success" | "disabled" | "error" | "readonly";
+    size?: "default" | "sm" | "lg";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
+    label?: string;
+    hint?: string;
+    error?: string;
+    success?: string;
+    isLoading?: boolean;
+}
+declare const EnhancedInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+interface AddressFormProps {
+    title: string;
+    description: string;
+    fieldPrefix?: string;
+    showAddressType?: boolean;
+    addressTypeOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
+    fieldOverrides?: {
+        state?: Partial<React.ComponentProps<typeof EnhancedInput>>;
+        city?: Partial<React.ComponentProps<typeof EnhancedInput>>;
+        streetAddress?: Partial<React.ComponentProps<typeof EnhancedInput>>;
+        postalCode?: Partial<React.ComponentProps<typeof EnhancedInput>>;
+        apartment?: Partial<React.ComponentProps<typeof EnhancedInput>>;
+    };
+    showApartment?: boolean;
+}
+declare const AddressForm: ({ title, description, fieldPrefix, showAddressType, addressTypeOptions, fieldOverrides, showApartment }: AddressFormProps) => react_jsx_runtime.JSX.Element;
+
 interface BankAddressCardProps {
     data?: Partial<Address>;
     onDataChange?: (data: Address) => void;

package/dist/index.js

@@ -1895,7 +1895,10 @@ var useFormWithEditState = ({
     }
   }, [onToggleEdit]);
   const handleSave = useCallback(async () => {
-    if (!isValid) return;
+    const isFormValid = await form.trigger();
+    if (!isFormValid) {
+      return;
+    }
     setIsLoading(true);
     try {
       const data = form.getValues();
@@ -1912,7 +1915,7 @@ var useFormWithEditState = ({
     } finally {
       setIsLoading(false);
     }
-  }, [form, isValid, onSave, onToggleEdit]);
+  }, [form, onSave, onToggleEdit]);
   const handleCancel = useCallback(() => {
     reset();
     if (onCancel) {
@@ -6156,10 +6159,12 @@ var CounterpartyDetailView = ({
   counterpartyType,
   currentStatus,
   isEditingProfile,
+  counterpartyProfileData,
   mockPaymentMethods: mockPaymentMethods2,
   documents,
   onStatusChange,
   onToggleProfileEdit,
+  onProfileDataChange,
   onAddPaymentMethod,
   onAddDocument,
   onEntityClick
@@ -6222,8 +6227,10 @@ var CounterpartyDetailView = ({
           /* @__PURE__ */ jsx(
             CounterpartyProfileCard,
             {
+              data: counterpartyProfileData,
               isEditing: isEditingProfile,
               onToggleEdit: onToggleProfileEdit,
+              onDataChange: onProfileDataChange,
               onEntityClick
             }
           ),
@@ -11555,6 +11562,60 @@ var CounterpartyDetail = () => {
   const counterpartyDocuments = id ? mockBusinessDocuments[id] || [] : [];
   const [currentStatus, setCurrentStatus] = useState(counterparty?.status || "ACTIVE");
   const [isEditingProfile, setIsEditingProfile] = 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] = useState(getInitialProfileData());
   const handleEntityClick = (entityType, entityId) => {
     switch (entityType) {
       case "business_id":
@@ -11574,6 +11635,9 @@ var CounterpartyDetail = () => {
   const handleToggleProfileEdit = () => {
     setIsEditingProfile(!isEditingProfile);
   };
+  const handleProfileDataChange = (newData) => {
+    setCounterpartyProfileData(newData);
+  };
   const handleAddPaymentMethod = () => {
     console.log("Add payment method");
   };
@@ -11593,10 +11657,12 @@ var CounterpartyDetail = () => {
       counterpartyType: counterparty.type,
       currentStatus,
       isEditingProfile,
+      counterpartyProfileData,
       mockPaymentMethods,
       documents: counterpartyDocuments,
       onStatusChange: handleStatusChange,
       onToggleProfileEdit: handleToggleProfileEdit,
+      onProfileDataChange: handleProfileDataChange,
       onAddPaymentMethod: handleAddPaymentMethod,
       onAddDocument: handleAddDocument,
       onEntityClick: handleEntityClick