braid-ui 1.0.28 → 1.0.29

package/dist/index.cjs

@@ -13,6 +13,7 @@ var reactRouterDom = require('react-router-dom');
 var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var reactHookForm = require('react-hook-form');
+var lodash = require('lodash');
 var zod$1 = require('@hookform/resolvers/zod');
 var zod = require('zod');
 var reactCollapsible = require('@radix-ui/react-collapsible');
@@ -1858,7 +1859,7 @@ var FormInput = ({
   ...props
 }) => {
   const { control, formState } = reactHookForm.useFormContext();
-  const error = formState.errors[name]?.message;
+  const error = lodash.get(formState.errors, name)?.message;
   return /* @__PURE__ */ jsxRuntime.jsx(
     reactHookForm.Controller,
     {
@@ -1880,7 +1881,7 @@ var FormSelect = ({
   ...props
 }) => {
   const { control, formState } = reactHookForm.useFormContext();
-  const error = formState.errors[name]?.message;
+  const error = lodash.get(formState.errors, name)?.message;
   return /* @__PURE__ */ jsxRuntime.jsx(
     reactHookForm.Controller,
     {
@@ -3427,180 +3428,144 @@ var PageLayout = React15__namespace.forwardRef(
   }
 );
 PageLayout.displayName = "PageLayout";
-var typeConfig = {
-  corporation: {
-    variant: "corporation",
-    label: "Corporation",
-    icon: lucideReact.Building
-  },
-  llc: {
-    variant: "llc",
-    label: "LLC",
-    icon: lucideReact.Briefcase
-  },
-  partnership: {
-    variant: "partnership",
-    label: "Partnership",
-    icon: lucideReact.Users
-  },
-  sole_proprietorship: {
-    variant: "sole_proprietorship",
-    label: "Sole Proprietorship",
-    icon: lucideReact.User
-  }
-};
-var BusinessTypeBadge = ({ type, className }) => {
-  const config = typeConfig[type];
-  const Icon2 = config.icon;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: config.variant, className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "w-3 h-3 mr-1" }),
-    config.label
-  ] });
-};
 var BusinessForm = ({
   form,
   businessType,
   onBusinessTypeChange,
   onSubmit
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Business Information" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "Legal Name",
-            placeholder: "Enter legal business name",
-            required: true,
-            ...form.register("legalName")
+            name: "name",
+            label: "Business Name",
+            placeholder: "Enter business name",
+            required: true
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "DBA Name",
-            placeholder: "Enter DBA name",
-            hint: "Doing Business As name",
-            ...form.register("dbaName")
+            name: "productId",
+            label: "Product ID",
+            placeholder: "Enter product ID",
+            type: "number",
+            required: true
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            EnhancedSelect,
-            {
-              label: "Business Type",
-              placeholder: "Select business type",
-              value: businessType,
-              onValueChange: onBusinessTypeChange,
-              options: [
-                { value: "corporation", label: "Corporation" },
-                { value: "llc", label: "LLC" },
-                { value: "partnership", label: "Partnership" },
-                { value: "sole_proprietorship", label: "Sole Proprietorship" }
-              ]
-            }
-          ),
-          businessType && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Preview:" }),
-            /* @__PURE__ */ jsxRuntime.jsx(BusinessTypeBadge, { type: businessType })
-          ] })
-        ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormSelect,
           {
-            label: "Tax ID (EIN)",
-            placeholder: "12-3456789",
-            hint: "Employer Identification Number",
-            required: true,
-            ...form.register("taxId")
+            name: "businessIdType",
+            label: "ID Number Type",
+            placeholder: "Select ID type",
+            options: [
+              { value: "EIN", label: "EIN" },
+              { value: "SSN", label: "SSN" },
+              { value: "TIN", label: "TIN" },
+              { value: "OTHER_ID", label: "Other ID" }
+            ]
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "Formation Date",
-            placeholder: "YYYY-MM-DD",
-            type: "date",
-            ...form.register("formationDate")
+            name: "idNumber",
+            label: "ID Number",
+            placeholder: "Enter ID number",
+            required: true
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "Incorporation State",
-            placeholder: "Enter state",
-            ...form.register("incorporationState")
+            name: "dba",
+            label: "DBA Name",
+            placeholder: "Enter DBA name",
+            hint: "Doing Business As name"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormSelect,
           {
-            label: "Website",
-            placeholder: "https://www.business.com",
-            type: "url",
-            ...form.register("website")
+            name: "businessEntityType",
+            label: "Business Entity Type",
+            placeholder: "Select business type",
+            options: [
+              { value: "SOLE_PROPRIETOR", label: "Sole Proprietor" },
+              { value: "LIMITED_LIABILITY_COMPANY", label: "Limited Liability Company (LLC)" },
+              { value: "CORPORATION", label: "S or C Corporation" },
+              { value: "GENERAL_PARTNERSHIP", label: "General Partnership" },
+              { value: "LIMITED_LIABILITY_PARTNERSHIP", label: "Limited Liability Partnership" },
+              { value: "NON_PROFIT", label: "Non-Profit Corporation" },
+              { value: "GOVERNMENT_ORGANIZATION", label: "Government Organization" },
+              { value: "PUBLICLY_TRADED_COMPANY", label: "Publicly Traded Company" },
+              { value: "TRUSTS", label: "Trusts" }
+            ]
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "Email Address",
-            placeholder: "contact@business.com",
-            type: "email",
-            ...form.register("email")
+            name: "incorporationState",
+            label: "Incorporation State",
+            placeholder: "Enter state"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "Mobile Phone",
-            placeholder: "+1 (555) 123-4567",
-            ...form.register("mobilePhone")
+            name: "formationDate",
+            label: "Formation Date",
+            placeholder: "YYYY-MM-DD",
+            type: "date"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "MCC",
-            placeholder: "1234",
-            hint: "4-digit Merchant Category Code",
-            ...form.register("mcc")
+            name: "website",
+            label: "Website",
+            placeholder: "https://www.business.com"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "NAICS",
-            placeholder: "123456",
-            hint: "6-digit industry classification",
-            ...form.register("naics")
+            name: "mobilePhone",
+            label: "Mobile Phone",
+            placeholder: "+1 (555) 123-4567",
+            hint: "Format: +1 (555) 123-4567"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "ACH Company ID",
-            placeholder: "1234567890",
-            hint: "10-digit ACH identifier",
-            ...form.register("achCompanyId")
+            name: "mcc",
+            label: "MCC",
+            placeholder: "1234",
+            hint: "4-digit Merchant Category Code"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "ACH Company Name",
-            placeholder: "Enter ACH company name",
-            ...form.register("achCompanyName")
+            name: "naics",
+            label: "NAICS",
+            placeholder: "123456",
+            hint: "6-digit industry classification"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "External ID",
-            placeholder: "UUID format",
-            hint: "External system identifier",
-            ...form.register("externalId")
+            name: "achCompanyId",
+            label: "ACH Company ID",
+            placeholder: "Enter ACH company ID"
           }
         )
       ] })
@@ -3609,62 +3574,60 @@ var BusinessForm = ({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Business Address" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
+            name: "address.line1",
             label: "Street Address",
-            placeholder: "Enter street address",
-            required: true,
-            ...form.register("address.streetAddress")
+            placeholder: "Enter street address"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
+            name: "address.line2",
             label: "Apartment/Suite",
-            placeholder: "Enter apartment or suite number",
-            ...form.register("address.apartment")
+            placeholder: "Enter apartment or suite number"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
+            name: "address.city",
             label: "City",
-            placeholder: "Enter city",
-            required: true,
-            ...form.register("address.city")
+            placeholder: "Enter city"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
+            name: "address.state",
             label: "State",
-            placeholder: "Enter state",
-            required: true,
-            ...form.register("address.state")
+            placeholder: "Enter state"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
+            name: "address.postalCode",
             label: "Postal Code",
-            placeholder: "12345",
-            required: true,
-            ...form.register("address.postalCode")
+            placeholder: "12345"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedSelect,
+          FormInput,
           {
-            label: "Country",
-            placeholder: "Select country",
-            value: form.watch("address.country"),
-            onValueChange: (value) => form.setValue("address.country", value),
-            options: [
-              { value: "US", label: "United States" },
-              { value: "CA", label: "Canada" },
-              { value: "GB", label: "United Kingdom" },
-              { value: "DE", label: "Germany" }
-            ]
+            name: "address.countryCode",
+            label: "Country Code",
+            placeholder: "e.g., US",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "address.type",
+            label: "Address Type",
+            placeholder: "e.g., MAILING"
           }
         )
       ] })
@@ -3673,41 +3636,41 @@ var BusinessForm = ({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Contact Information" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
+            name: "contactPersonFirstName",
             label: "Contact First Name",
-            placeholder: "Enter first name",
-            ...form.register("contactFirstName")
+            placeholder: "Enter first name"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
+            name: "contactPersonLastName",
             label: "Contact Last Name",
-            placeholder: "Enter last name",
-            ...form.register("contactLastName")
+            placeholder: "Enter last name"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
+            name: "contactPersonEmail",
             label: "Contact Email",
             placeholder: "contact@business.com",
-            type: "email",
-            ...form.register("contactEmail")
+            type: "email"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
+            name: "contactPersonPhone",
             label: "Contact Phone",
-            placeholder: "+1 (555) 123-4567",
-            ...form.register("contactPhone")
+            placeholder: "+1 (555) 123-4567"
           }
         )
       ] })
     ] })
-  ] });
+  ] }) });
 };
 var CreateBusinessView = ({
   form,
@@ -4083,13 +4046,17 @@ zod.z.object({
   website: zod.z.string().url("Invalid URL format").optional().or(zod.z.literal(""))
 });
 var addressSchema = zod.z.object({
-  streetAddress: zod.z.string().min(1, "Street address is required"),
-  apartment: zod.z.string().optional(),
-  city: zod.z.string().min(1, "City is required"),
-  state: zod.z.string().min(1, "State is required"),
-  postalCode: zod.z.string().min(1, "Postal code is required"),
-  country: zod.z.string().min(1, "Country is required"),
-  addressType: zod.z.string().optional()
+  line1: zod.z.string().optional(),
+  // Street address
+  line2: zod.z.string().optional(),
+  // Apartment, suite, or floor
+  city: zod.z.string().optional(),
+  state: zod.z.string().optional(),
+  postalCode: zod.z.string().optional(),
+  countryCode: zod.z.string().min(1, "Country code is required"),
+  // Required field
+  type: zod.z.string().optional()
+  // Address type (e.g., "MAILING")
 });
 zod.z.object({
   id: zod.z.string(),
@@ -4139,27 +4106,41 @@ zod.z.object({
   intermediaryFI: intermediaryFISchema.optional()
 });
 var businessProfileSchema = zod.z.object({
-  legalName: zod.z.string().min(1, "Legal name is required"),
-  dbaName: zod.z.string().optional(),
-  businessType: zod.z.string().min(1, "Business type is required"),
-  taxId: zod.z.string().min(1, "Tax ID is required"),
-  formationDate: zod.z.string().optional(),
-  idType: zod.z.string().optional(),
+  // Required fields
+  name: zod.z.string().min(1, "Business name is required"),
+  productId: zod.z.number().min(1, "Product ID is required"),
+  businessIdType: zod.z.string().min(1, "ID Number type is required"),
+  // EIN, SSN, TIN, OTHER_ID
+  idNumber: zod.z.string().min(1, "ID Number is required"),
+  // Optional fields
+  dba: zod.z.string().optional(),
+  businessEntityType: zod.z.string().optional(),
+  // Company type
   incorporationState: zod.z.string().optional(),
-  website: zod.z.string().url("Invalid URL format").optional().or(zod.z.literal("")),
-  email: zod.z.string().email("Invalid email format").optional().or(zod.z.literal("")),
-  mobilePhone: zod.z.string().optional(),
+  formationDate: zod.z.string().optional(),
+  website: zod.z.string().optional(),
+  achCompanyId: zod.z.string().optional(),
+  // Optional fields with pattern validation
   mcc: zod.z.string().regex(/^\d{4}$/, "MCC must be 4 digits").optional().or(zod.z.literal("")),
   naics: zod.z.string().regex(/^\d{6}$/, "NAICS must be 6 digits").optional().or(zod.z.literal("")),
-  achCompanyId: zod.z.string().regex(/^\d{10}$/, "ACH Company ID must be 10 digits").optional().or(zod.z.literal("")),
-  achCompanyName: zod.z.string().optional(),
-  externalId: zod.z.string().uuid("Invalid UUID format").optional().or(zod.z.literal("")),
-  productId: zod.z.coerce.number().optional(),
-  contactFirstName: zod.z.string().optional(),
-  contactLastName: zod.z.string().optional(),
-  contactEmail: zod.z.string().optional(),
-  contactPhone: zod.z.string().optional(),
-  address: addressSchema
+  mobilePhone: zod.z.string().regex(
+    /^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im,
+    "Invalid phone number format"
+  ).optional().or(zod.z.literal("")),
+  // Contact person information (optional)
+  contactPersonFirstName: zod.z.string().optional(),
+  contactPersonLastName: zod.z.string().optional(),
+  contactPersonEmail: zod.z.string().optional(),
+  contactPersonPhone: zod.z.string().optional(),
+  // Address (optional)
+  address: addressSchema.optional(),
+  // Submitted by object (optional)
+  submittedBy: zod.z.object({
+    contactPersonEmail: zod.z.string().optional(),
+    contactPersonFirstName: zod.z.string().optional(),
+    contactPersonLastName: zod.z.string().optional(),
+    contactPersonPhone: zod.z.string().optional()
+  }).optional()
 });
 zod.z.object({
   status: zod.z.string().min(1, "Status is required"),
@@ -4197,7 +4178,7 @@ var BankAddressCard = ({
     /* @__PURE__ */ jsxRuntime.jsx(
       FormInput,
       {
-        name: "streetAddress",
+        name: "line1",
         label: "Street Address",
         placeholder: "Enter street address",
         required: true
@@ -4233,7 +4214,7 @@ var BankAddressCard = ({
   ] }) }) });
   const formValues = form.watch();
   const viewContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Street Address", value: formValues?.streetAddress, layout: "horizontal" }),
+    /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Street Address", value: formValues?.line1, layout: "horizontal" }),
     /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "City", value: formValues?.city, layout: "horizontal" }),
     /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "State", value: formValues?.state, layout: "horizontal" }),
     /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Postal Code", value: formValues?.postalCode, layout: "horizontal" })
@@ -4394,7 +4375,7 @@ var BankingDetailsCard = ({ isEditing, onToggleEdit, className }) => {
     }
   );
 };
-var typeConfig2 = {
+var typeConfig = {
   BUSINESS: {
     variant: "business",
     label: "Business",
@@ -4417,7 +4398,7 @@ var typeConfig2 = {
   }
 };
 var CounterpartyTypeBadge = ({ type, className }) => {
-  const config = typeConfig2[type];
+  const config = typeConfig[type];
   if (!config) {
     return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", className, children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Building2, { className: "w-3 h-3 mr-1" }),
@@ -4894,16 +4875,16 @@ var BusinessProfileCard = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         FormInput,
         {
-          name: "legalName",
-          label: "Legal Name",
-          placeholder: "Enter legal business name",
+          name: "name",
+          label: "Business Name",
+          placeholder: "Enter business name",
           required: true
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         FormInput,
         {
-          name: "dbaName",
+          name: "dba",
           label: "DBA Name",
           placeholder: "Enter doing business as name"
         }
@@ -4911,23 +4892,28 @@ var BusinessProfileCard = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         FormSelect,
         {
-          name: "businessType",
-          label: "Business Type",
+          name: "businessEntityType",
+          label: "Business Entity Type",
           placeholder: "Select business type",
           options: [
-            { value: "corporation", label: "Corporation" },
-            { value: "llc", label: "LLC" },
-            { value: "partnership", label: "Partnership" },
-            { value: "sole_proprietorship", label: "Sole Proprietorship" }
+            { value: "SOLE_PROPRIETOR", label: "Sole Proprietor" },
+            { value: "LIMITED_LIABILITY_COMPANY", label: "Limited Liability Company (LLC)" },
+            { value: "CORPORATION", label: "S or C Corporation" },
+            { value: "GENERAL_PARTNERSHIP", label: "General Partnership" },
+            { value: "LIMITED_LIABILITY_PARTNERSHIP", label: "Limited Liability Partnership" },
+            { value: "NON_PROFIT", label: "Non-Profit Corporation" },
+            { value: "GOVERNMENT_ORGANIZATION", label: "Government Organization" },
+            { value: "PUBLICLY_TRADED_COMPANY", label: "Publicly Traded Company" },
+            { value: "TRUSTS", label: "Trusts" }
           ]
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         FormInput,
         {
-          name: "taxId",
-          label: "Tax ID",
-          placeholder: "Enter tax identification number",
+          name: "idNumber",
+          label: "ID Number",
+          placeholder: "Enter ID number",
           required: true
         }
       ),
@@ -4943,13 +4929,14 @@ var BusinessProfileCard = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         FormSelect,
         {
-          name: "idType",
+          name: "businessIdType",
           label: "ID Type",
           placeholder: "Select ID type",
           options: [
-            { value: "ein", label: "EIN" },
-            { value: "ssn", label: "SSN" },
-            { value: "itin", label: "ITIN" }
+            { value: "EIN", label: "EIN" },
+            { value: "SSN", label: "SSN" },
+            { value: "TIN", label: "TIN" },
+            { value: "OTHER_ID", label: "Other ID" }
           ]
         }
       ),
@@ -4970,30 +4957,19 @@ var BusinessProfileCard = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "email",
-          label: "Business Email",
-          type: "email",
-          placeholder: "Enter business email"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "mobilePhone",
-          label: "Business Phone",
-          placeholder: "Enter business phone"
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: /* @__PURE__ */ jsxRuntime.jsx(
+      FormInput,
+      {
+        name: "mobilePhone",
+        label: "Business Phone",
+        placeholder: "Enter business phone"
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         FormInput,
         {
-          name: "address.streetAddress",
+          name: "address.line1",
           label: "Street Address",
           placeholder: "Enter street address"
         }
@@ -5001,7 +4977,7 @@ var BusinessProfileCard = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         FormInput,
         {
-          name: "address.apartment",
+          name: "address.line2",
           label: "Apartment, suite, or floor",
           placeholder: "Enter apartment, suite, or floor"
         }
@@ -5035,9 +5011,9 @@ var BusinessProfileCard = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         FormInput,
         {
-          name: "address.country",
+          name: "address.countryCode",
           label: "Country Code",
-          placeholder: "Enter country code"
+          placeholder: "e.g., US"
         }
       )
     ] }),
@@ -5061,51 +5037,30 @@ var BusinessProfileCard = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "achCompanyId",
-          label: "ACH Company ID",
-          placeholder: "10-digit company ID"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "achCompanyName",
-          label: "ACH Company Name",
-          placeholder: "Enter ACH company name"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "externalId",
-          label: "External ID",
-          placeholder: "UUID",
-          disabled: true
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "productId",
-          label: "Product ID",
-          type: "number",
-          placeholder: "Product ID",
-          disabled: true
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: /* @__PURE__ */ jsxRuntime.jsx(
+      FormInput,
+      {
+        name: "achCompanyId",
+        label: "ACH Company ID",
+        placeholder: "10-digit company ID"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: /* @__PURE__ */ jsxRuntime.jsx(
+      FormInput,
+      {
+        name: "productId",
+        label: "Product ID",
+        type: "number",
+        placeholder: "Product ID",
+        disabled: true
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-muted-foreground mt-6", children: "Contact Person" }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         FormInput,
         {
-          name: "contactFirstName",
+          name: "contactPersonFirstName",
           label: "First Name",
           placeholder: "Enter first name"
         }
@@ -5113,7 +5068,7 @@ var BusinessProfileCard = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         FormInput,
         {
-          name: "contactLastName",
+          name: "contactPersonLastName",
           label: "Last Name",
           placeholder: "Enter last name"
         }
@@ -5121,7 +5076,7 @@ var BusinessProfileCard = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         FormInput,
         {
-          name: "contactEmail",
+          name: "contactPersonEmail",
           label: "Email",
           type: "email",
           placeholder: "Enter email"
@@ -5130,7 +5085,7 @@ var BusinessProfileCard = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         FormInput,
         {
-          name: "contactPhone",
+          name: "contactPersonPhone",
           label: "Phone Number",
           placeholder: "Enter phone number"
         }
@@ -5142,25 +5097,22 @@ var BusinessProfileCard = ({
   const viewContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__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: "Legal Name", value: formValues?.legalName || "-", layout: "horizontal" }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "DBA Name", value: formValues?.dbaName || "-", layout: "horizontal" })
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Business Name", value: formValues?.name || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "DBA Name", value: formValues?.dba || "-", layout: "horizontal" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Business Type", value: formValues?.businessType || "-", layout: "horizontal" }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Tax ID", value: formValues?.taxId || "-", layout: "horizontal" })
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Business Entity Type", value: formValues?.businessEntityType || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Number", value: formValues?.idNumber || "-", layout: "horizontal" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Formation Date", value: formValues?.formationDate || "-", layout: "horizontal" }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Type", value: formValues?.idType || "-", layout: "horizontal" })
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Type", value: formValues?.businessIdType || "-", layout: "horizontal" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Incorporation State", value: formValues?.incorporationState || "-", layout: "horizontal" }),
         /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Website", value: formValues?.website || "-", layout: "horizontal" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Business Email", value: formValues?.email || "-", layout: "horizontal" }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Business Phone", value: formValues?.mobilePhone || "-", layout: "horizontal" })
-      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Business Phone", value: formValues?.mobilePhone || "-", layout: "horizontal" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           InfoField,
@@ -5190,7 +5142,7 @@ var BusinessProfileCard = ({
         InfoField,
         {
           label: "Address",
-          value: formValues?.address ? `${formValues.address.streetAddress}${formValues.address.apartment ? ", " + formValues.address.apartment : ""}, ${formValues.address.city}, ${formValues.address.state} ${formValues.address.postalCode}, ${formValues.address.country}` : "-",
+          value: formValues?.address ? `${formValues.address.line1 || ""}${formValues.address.line2 ? ", " + formValues.address.line2 : ""}, ${formValues.address.city || ""}, ${formValues.address.state || ""} ${formValues.address.postalCode || ""}, ${formValues.address.countryCode || ""}` : "-",
           layout: "horizontal"
         }
       ),
@@ -5198,22 +5150,16 @@ var BusinessProfileCard = ({
         /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "MCC", value: formValues?.mcc || "-", layout: "horizontal" }),
         /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "NAICS", value: formValues?.naics || "-", layout: "horizontal" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ACH Company ID", value: formValues?.achCompanyId || "-", layout: "horizontal" }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ACH Company Name", value: formValues?.achCompanyName || "-", layout: "horizontal" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "External ID", value: formValues?.externalId || "-", layout: "horizontal" }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Product ID", value: formValues?.productId?.toString() || "-", layout: "horizontal" })
-      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ACH Company ID", value: formValues?.achCompanyId || "-", layout: "horizontal" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Product ID", value: formValues?.productId?.toString() || "-", layout: "horizontal" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-muted-foreground mt-6", children: "Contact Person" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "First Name", value: formValues?.contactFirstName || "-", layout: "horizontal" }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last Name", value: formValues?.contactLastName || "-", layout: "horizontal" })
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "First Name", value: formValues?.contactPersonFirstName || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last Name", value: formValues?.contactPersonLastName || "-", layout: "horizontal" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Email", value: formValues?.contactEmail || "-", layout: "horizontal" }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Phone Number", value: formValues?.contactPhone || "-", layout: "horizontal" })
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Email", value: formValues?.contactPersonEmail || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Phone Number", value: formValues?.contactPersonPhone || "-", layout: "horizontal" })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: showResultDialog, onOpenChange: setShowResultDialog, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-3xl max-h-[80vh] overflow-y-auto", children: [
@@ -5642,7 +5588,7 @@ var IntermediaryCard = ({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-3 border-t border-border", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-foreground mb-2", children: "FI Address" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { value: formValues?.address ? `${formValues.address.streetAddress}, ${formValues.address.city}, ${formValues.address.postalCode}, ${formValues.address.country}` : "" })
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { value: formValues?.address ? `${formValues.address.line1}, ${formValues.address.city}, ${formValues.address.postalCode}, ${formValues.address.countryCode}` : "" })
     ] })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6875,6 +6821,36 @@ var AccountCard = React15__namespace.forwardRef(
   }
 );
 AccountCard.displayName = "AccountCard";
+var typeConfig2 = {
+  corporation: {
+    variant: "corporation",
+    label: "Corporation",
+    icon: lucideReact.Building
+  },
+  llc: {
+    variant: "llc",
+    label: "LLC",
+    icon: lucideReact.Briefcase
+  },
+  partnership: {
+    variant: "partnership",
+    label: "Partnership",
+    icon: lucideReact.Users
+  },
+  sole_proprietorship: {
+    variant: "sole_proprietorship",
+    label: "Sole Proprietorship",
+    icon: lucideReact.User
+  }
+};
+var BusinessTypeBadge = ({ type, className }) => {
+  const config = typeConfig2[type];
+  const Icon2 = config.icon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: config.variant, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "w-3 h-3 mr-1" }),
+    config.label
+  ] });
+};
 var Checkbox = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
@@ -9553,33 +9529,31 @@ var Business = () => {
 };
 var BusinessDetail_default = Business;
 var defaultBusinessFormValues = {
-  legalName: "",
-  dbaName: "",
-  businessType: "",
-  taxId: "",
-  formationDate: "",
-  idType: "EIN",
+  name: "",
+  productId: 0,
+  businessIdType: "",
+  idNumber: "",
+  dba: "",
+  businessEntityType: "",
   incorporationState: "",
+  formationDate: "",
   website: "",
-  email: "",
+  achCompanyId: "",
   mobilePhone: "",
   mcc: "",
   naics: "",
-  achCompanyId: "",
-  achCompanyName: "",
-  externalId: "",
-  contactFirstName: "",
-  contactLastName: "",
-  contactEmail: "",
-  contactPhone: "",
+  contactPersonFirstName: "",
+  contactPersonLastName: "",
+  contactPersonEmail: "",
+  contactPersonPhone: "",
   address: {
-    streetAddress: "",
-    apartment: "",
+    line1: "",
+    line2: "",
     city: "",
     state: "",
     postalCode: "",
-    country: "US",
-    addressType: "business"
+    countryCode: "US",
+    type: "MAILING"
   }
 };
 var CreateBusiness = () => {
@@ -9598,7 +9572,7 @@ var CreateBusiness = () => {
   }, [navigate]);
   const handleBusinessTypeChange = React15.useCallback((value) => {
     setBusinessType(value);
-    form.setValue("businessType", value);
+    form.setValue("businessEntityType", value, { shouldValidate: true });
   }, [form]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     CreateBusinessView,