braid-ui 1.0.49 → 1.0.50

package/dist/index.cjs

@@ -8401,15 +8401,14 @@ var TRANSACTION_TYPES = [
   { value: "ach", label: "ACH", icon: lucideReact.Building2 },
   { value: "wire", label: "Wire", icon: lucideReact.Zap }
 ];
-var CURRENCY_OPTIONS = [
-  { value: "USD", label: "USD - US Dollar" },
-  { value: "EUR", label: "EUR - Euro" },
-  { value: "GBP", label: "GBP - British Pound" },
-  { value: "JPY", label: "JPY - Japanese Yen" },
-  { value: "CAD", label: "CAD - Canadian Dollar" },
-  { value: "AUD", label: "AUD - Australian Dollar" },
-  { value: "CHF", label: "CHF - Swiss Franc" },
-  { value: "CNY", label: "CNY - Chinese Yuan" }
+var ADJUSTMENT_DIRECTION_OPTIONS = [
+  { value: "debit", label: "Debit" },
+  { value: "credit", label: "Credit" }
+];
+var ADJUSTMENT_TYPE_OPTIONS = [
+  { value: "collection", label: "Collection" },
+  { value: "transaction_reversal", label: "Transaction Reversal" },
+  { value: "transaction_adjustment", label: "Transaction Adjustment" }
 ];
 var NewTransactionView = ({
   form,
@@ -8421,19 +8420,39 @@ var NewTransactionView = ({
   submissionStatus,
   errorMessage,
   transactionId,
+  isAccountLoading,
+  isCounterpartyLoading,
+  isSubmitting,
+  counterpartySearchResults,
+  isCounterpartySearching,
+  showCounterpartyDropdown,
   onAccountLookup,
-  onCounterpartyLookup,
   onEditAccount,
   onEditCounterparty,
+  onTransactionTypeChange,
   onSubmit,
   onCancel,
   onConfirmationClose,
-  onConfirmationOpenChange
+  onConfirmationOpenChange,
+  onCounterpartySearchChange,
+  onCounterpartySelect,
+  onCounterpartyDropdownClose,
+  receiverAccountLookedUp,
+  receiverAccountData,
+  isReceiverAccountLoading,
+  onReceiverAccountLookup,
+  onEditReceiverAccount
 }) => {
   const transactionType = form.watch("transactionType");
   const accountNumber = form.watch("accountNumber");
   const counterpartyName = form.watch("counterpartyName");
   const amount = form.watch("amount");
+  const receiverAccountNumber = form.watch("receiverAccountNumber");
+  const adjustmentDirection = form.watch("adjustmentDirection");
+  const adjustmentType = form.watch("adjustmentType");
+  const requiresCounterparty = ["ach", "wire"].includes(transactionType);
+  const isTransfer = transactionType === "transfer";
+  const isAdjustment = transactionType === "adjustment";
   const accountDataGrid = accountData ? [
     {
       title: "Account Information",
@@ -8453,27 +8472,41 @@ var NewTransactionView = ({
       items: [
         { label: "Counterparty Name", value: counterpartyData.counterpartyName },
         { label: "Counterparty ID", value: counterpartyData.counterpartyId },
-        { label: "Type", value: counterpartyData.counterpartyType },
-        { label: "Status", value: counterpartyData.status },
-        { label: "Tax ID", value: counterpartyData.taxId },
-        { label: "Primary Contact", value: counterpartyData.primaryContact },
+        { label: "Instrument Type", value: counterpartyData.paymentInstrumentType?.toUpperCase() || "-" },
         { label: "Contact Email", value: counterpartyData.contactEmail },
-        { label: "Contact Phone", value: counterpartyData.contactPhone },
-        { label: "Address", value: counterpartyData.address }
+        { label: "Contact Phone", value: counterpartyData.contactPhone }
       ]
     }
   ] : [];
-  const reviewData = [
+  const receiverAccountDataGrid = receiverAccountData ? [
     {
-      title: "Transaction Summary",
+      title: "Receiver Account Information",
       items: [
-        { label: "Transaction Type", value: TRANSACTION_TYPES.find((t) => t.value === transactionType)?.label || "-" },
-        { label: "Account Number", value: accountNumber || "-" },
-        { label: "Counterparty", value: counterpartyName || "-" },
-        { label: "Amount", value: amount ? `$${amount}` : "-" },
-        { label: "Description", value: form.watch("description") || "N/A" }
+        { label: "Account Number", value: receiverAccountData.accountNumber },
+        { label: "Account Name", value: receiverAccountData.accountName },
+        { label: "Account Type", value: receiverAccountData.accountType },
+        { label: "Customer Name", value: receiverAccountData.customerName },
+        { label: "Customer ID", value: receiverAccountData.customerId }
       ]
     }
+  ] : [];
+  const reviewItems = [
+    { label: "Transaction Type", value: TRANSACTION_TYPES.find((t) => t.value === transactionType)?.label || "-" },
+    { label: "Account Number", value: accountNumber || "-" },
+    ...isAdjustment ? [
+      { label: "Direction", value: adjustmentDirection === "debit" ? "Debit" : adjustmentDirection === "credit" ? "Credit" : "-" },
+      { label: "Adjustment Type", value: ADJUSTMENT_TYPE_OPTIONS.find((t) => t.value === adjustmentType)?.label || "-" }
+    ] : [],
+    ...isTransfer ? [{ label: "Receiver Account", value: receiverAccountNumber || "-" }] : [],
+    ...requiresCounterparty ? [{ label: "Counterparty", value: counterpartyName || "-" }] : [],
+    { label: "Amount", value: amount ? `$${amount}` : "-" },
+    { label: "Description", value: form.watch("description") || "N/A" }
+  ];
+  const reviewData = [
+    {
+      title: "Transaction Summary",
+      items: reviewItems
+    }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(PageLayout, { title: "New Transaction", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: (e) => e.preventDefault(), children: [
@@ -8485,16 +8518,19 @@ var NewTransactionView = ({
             placeholder: "Enter account number"
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx(
           Button,
           {
             onClick: onAccountLookup,
-            disabled: !accountNumber,
+            disabled: !accountNumber || isAccountLoading,
             className: "shrink-0 mt-0 w-48",
-            children: [
+            children: isAccountLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+              "Looking up..."
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4 mr-2" }),
               "Lookup Account"
-            ]
+            ] })
           }
         )
       ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -8525,7 +8561,7 @@ var NewTransactionView = ({
               "button",
               {
                 type: "button",
-                onClick: () => form.setValue("transactionType", type.value),
+                onClick: () => onTransactionTypeChange(type.value),
                 disabled: !accountLookedUp,
                 className: cn(
                   "flex flex-col items-center justify-center p-4 lg:p-3 rounded-lg border-2 transition-all",
@@ -8548,31 +8584,99 @@ var NewTransactionView = ({
           }) })
         }
       ),
-      !counterpartyLookedUp ? /* @__PURE__ */ jsxRuntime.jsx(
+      requiresCounterparty && (!counterpartyLookedUp ? /* @__PURE__ */ jsxRuntime.jsxs(
         FormCard,
         {
-          title: "Counterparty Lookup",
+          title: "Counterparty Search",
+          variant: "default",
+          className: cn(!transactionType && "opacity-50 pointer-events-none"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "text",
+                    placeholder: "Start typing to search counterparties...",
+                    value: counterpartyName,
+                    onChange: (e) => onCounterpartySearchChange(e.target.value),
+                    disabled: !transactionType,
+                    className: cn(
+                      "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+                      "ring-offset-background placeholder:text-muted-foreground",
+                      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                      "disabled:cursor-not-allowed disabled:opacity-50",
+                      isCounterpartySearching && "pr-10"
+                    )
+                  }
+                ),
+                isCounterpartySearching && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) })
+              ] }),
+              showCounterpartyDropdown && counterpartySearchResults.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute z-50 w-full mt-1 bg-popover border border-border rounded-md shadow-lg max-h-60 overflow-auto", children: counterpartySearchResults.map((result) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onCounterpartySelect(result),
+                  className: "w-full px-3 py-2 text-left hover:bg-accent transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-sm", children: result.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: result.id })
+                  ]
+                },
+                result.id
+              )) }),
+              showCounterpartyDropdown && counterpartySearchResults.length === 0 && !isCounterpartySearching && counterpartyName.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute z-50 w-full mt-1 bg-popover border border-border rounded-md shadow-lg p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                'No counterparties found matching "',
+                counterpartyName,
+                '"'
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-2", children: "Type at least 2 characters to search" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        FormCard,
+        {
+          title: "Counterparty Information",
+          variant: "subtle",
+          headerActions: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-success" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", onClick: onEditCounterparty, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4 mr-1" }),
+              "Edit"
+            ] })
+          ] }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: counterpartyDataGrid, columns: 2 })
+        }
+      )),
+      isTransfer && (!receiverAccountLookedUp ? /* @__PURE__ */ jsxRuntime.jsx(
+        FormCard,
+        {
+          title: "Receiver Account",
           variant: "default",
           className: cn(!transactionType && "opacity-50 pointer-events-none"),
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 items-start w-full", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
               FormInput,
               {
-                name: "counterpartyName",
-                placeholder: "Enter counterparty name",
+                name: "receiverAccountNumber",
+                placeholder: "Enter receiver account number",
                 disabled: !transactionType
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsx(
               Button,
               {
-                onClick: onCounterpartyLookup,
-                disabled: !transactionType || !counterpartyName,
+                onClick: onReceiverAccountLookup,
+                disabled: !receiverAccountNumber || isReceiverAccountLoading,
                 className: "shrink-0 mt-0 w-48",
-                children: [
+                children: isReceiverAccountLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+                  "Looking up..."
+                ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4 mr-2" }),
-                  "Lookup Counterparty"
-                ]
+                  "Lookup Receiver"
+                ] })
               }
             )
           ] })
@@ -8580,54 +8684,66 @@ var NewTransactionView = ({
       ) : /* @__PURE__ */ jsxRuntime.jsx(
         FormCard,
         {
-          title: "Counterparty Information",
+          title: "Receiver Account Information",
           variant: "subtle",
           headerActions: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-success" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", onClick: onEditCounterparty, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", onClick: onEditReceiverAccount, children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4 mr-1" }),
               "Edit"
             ] })
           ] }),
-          children: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: counterpartyDataGrid, columns: 2 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: receiverAccountDataGrid, columns: 2 })
         }
-      ),
+      )),
       /* @__PURE__ */ jsxRuntime.jsx(
         FormCard,
         {
           title: "Transaction Details",
           variant: "default",
-          className: cn(!counterpartyLookedUp && "opacity-50 pointer-events-none"),
+          className: cn(
+            requiresCounterparty ? !counterpartyLookedUp && "opacity-50 pointer-events-none" : isTransfer ? !receiverAccountLookedUp && "opacity-50 pointer-events-none" : !transactionType && "opacity-50 pointer-events-none"
+          ),
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-[1fr_auto] gap-4", children: [
+            isAdjustment && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                FormInput,
+                FormSelect,
                 {
-                  name: "amount",
-                  label: "Amount",
-                  placeholder: "0.00",
-                  type: "number",
-                  disabled: !counterpartyLookedUp
+                  name: "adjustmentDirection",
+                  label: "Direction",
+                  placeholder: "Select direction",
+                  options: ADJUSTMENT_DIRECTION_OPTIONS,
+                  disabled: !transactionType
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
                 FormSelect,
                 {
-                  name: "currency",
-                  label: "Currency",
-                  options: CURRENCY_OPTIONS,
-                  disabled: !counterpartyLookedUp,
-                  className: "w-48"
+                  name: "adjustmentType",
+                  label: "Adjustment Type",
+                  placeholder: "Select type",
+                  options: ADJUSTMENT_TYPE_OPTIONS,
+                  disabled: !transactionType
                 }
               )
             ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FormInput,
+              {
+                name: "amount",
+                label: "Amount",
+                placeholder: "0.00",
+                type: "number",
+                disabled: requiresCounterparty ? !counterpartyLookedUp : isTransfer ? !receiverAccountLookedUp : !transactionType
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx(
               FormInput,
               {
                 name: "description",
                 label: "Description (Optional)",
                 placeholder: "Enter transaction description",
-                disabled: !counterpartyLookedUp
+                disabled: requiresCounterparty ? !counterpartyLookedUp : isTransfer ? !receiverAccountLookedUp : !transactionType
               }
             )
           ] })
@@ -8665,17 +8781,20 @@ var NewTransactionView = ({
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 justify-end pt-4 border-t border-border", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: onCancel, className: "w-32", children: "Cancel" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
               type: "button",
               onClick: onSubmit,
               className: "w-48",
-              disabled: !transactionType || !accountNumber || !counterpartyName || !amount || !form.watch("certifyInformation"),
-              children: [
+              disabled: !transactionType || !accountNumber || requiresCounterparty && !counterpartyName || isTransfer && !receiverAccountLookedUp || isAdjustment && (!adjustmentDirection || !adjustmentType) || !amount || !form.watch("certifyInformation") || isSubmitting,
+              children: isSubmitting ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+                "Submitting..."
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-4 w-4 mr-2" }),
                 "Submit Transaction"
-              ]
+              ] })
             }
           )
         ] })
@@ -8705,7 +8824,7 @@ var NewTransactionView = ({
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Type:" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: TRANSACTION_TYPES.find((t) => t.value === transactionType)?.label })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
+            requiresCounterparty && counterpartyName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Counterparty:" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: counterpartyName })
             ] })
@@ -14187,13 +14306,42 @@ var TransactionHistory_default = TransactionHistory;
 var newTransactionSchema = zod.z.object({
   transactionType: zod.z.string().min(1, "Transaction type is required"),
   accountNumber: zod.z.string().min(1, "Account number is required"),
-  counterpartyName: zod.z.string().min(1, "Counterparty name is required"),
+  counterpartyName: zod.z.string().optional(),
   amount: zod.z.string().min(1, "Amount is required"),
-  currency: zod.z.string().min(1, "Currency is required"),
   description: zod.z.string().optional(),
   certifyInformation: zod.z.boolean().refine((val) => val === true, {
     message: "You must certify the information is correct"
-  })
+  }),
+  // Adjustment-specific fields
+  adjustmentDirection: zod.z.string().optional(),
+  adjustmentType: zod.z.string().optional(),
+  // Transfer-specific fields
+  receiverAccountNumber: zod.z.string().optional()
+}).refine((data) => {
+  const requiresCounterparty = ["ach", "wire"].includes(data.transactionType);
+  if (requiresCounterparty && !data.counterpartyName) {
+    return false;
+  }
+  return true;
+}, {
+  message: "Counterparty is required for ACH and Wire transactions",
+  path: ["counterpartyName"]
+}).refine((data) => {
+  if (data.transactionType === "adjustment") {
+    if (!data.adjustmentDirection || !data.adjustmentType) return false;
+  }
+  return true;
+}, {
+  message: "Direction and Type are required for Adjustment transactions",
+  path: ["adjustmentDirection"]
+}).refine((data) => {
+  if (data.transactionType === "transfer") {
+    if (!data.receiverAccountNumber) return false;
+  }
+  return true;
+}, {
+  message: "Receiver account number is required for Transfer transactions",
+  path: ["receiverAccountNumber"]
 });
 var mockAccountData = {
   accountNumber: "****1234",
@@ -14204,27 +14352,25 @@ var mockAccountData = {
   customerId: "CUST-001",
   customerType: "Business"
 };
-var mockCounterpartyData = {
-  counterpartyName: "Global Tech Solutions Inc.",
-  counterpartyId: "CP-5678",
-  counterpartyType: "Business",
-  status: "Active",
-  taxId: "98-7654321",
-  primaryContact: "Sarah Johnson",
-  contactEmail: "sarah.johnson@globaltech.com",
-  contactPhone: "+1 (555) 987-6543",
-  address: "456 Innovation Drive, San Francisco, CA 94105"
-};
 function NewTransaction() {
   const navigate = reactRouterDom.useNavigate();
   const [accountLookedUp, setAccountLookedUp] = React15.useState(false);
   const [accountData, setAccountData] = React15.useState(null);
   const [counterpartyLookedUp, setCounterpartyLookedUp] = React15.useState(false);
   const [counterpartyData, setCounterpartyData] = React15.useState(null);
+  const [counterpartySearchResults, setCounterpartySearchResults] = React15.useState([]);
+  const [isCounterpartySearching, setIsCounterpartySearching] = React15.useState(false);
+  const [showCounterpartyDropdown, setShowCounterpartyDropdown] = React15.useState(false);
   const [confirmationOpen, setConfirmationOpen] = React15.useState(false);
   const [submissionStatus, setSubmissionStatus] = React15.useState(null);
   const [errorMessage, setErrorMessage] = React15.useState("");
   const [transactionId, setTransactionId] = React15.useState("");
+  const [isAccountLoading, setIsAccountLoading] = React15.useState(false);
+  const [isCounterpartyLoading, setIsCounterpartyLoading] = React15.useState(false);
+  const [isSubmitting, setIsSubmitting] = React15.useState(false);
+  const [receiverAccountLookedUp, setReceiverAccountLookedUp] = React15.useState(false);
+  const [receiverAccountData, setReceiverAccountData] = React15.useState(null);
+  const [isReceiverAccountLoading, setIsReceiverAccountLoading] = React15.useState(false);
   const form = reactHookForm.useForm({
     resolver: zod$1.zodResolver(newTransactionSchema),
     defaultValues: {
@@ -14232,30 +14378,131 @@ function NewTransaction() {
       accountNumber: "",
       counterpartyName: "",
       amount: "",
-      currency: "USD",
       description: "",
-      certifyInformation: false
+      certifyInformation: false,
+      adjustmentDirection: "",
+      adjustmentType: "",
+      receiverAccountNumber: ""
     }
   });
-  const handleAccountLookup = () => {
+  const handleAccountLookup = async () => {
     const accNum = form.getValues("accountNumber");
     if (!accNum) {
       sonner.toast.error("Please enter an account number");
       return;
     }
-    setAccountData(mockAccountData);
-    setAccountLookedUp(true);
-    sonner.toast.success("Account found");
+    setIsAccountLoading(true);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 1e3));
+      setAccountData(mockAccountData);
+      setAccountLookedUp(true);
+      sonner.toast.success("Account found");
+    } catch (error) {
+      sonner.toast.error("Failed to lookup account");
+    } finally {
+      setIsAccountLoading(false);
+    }
   };
-  const handleCounterpartyLookup = () => {
-    const cpName = form.getValues("counterpartyName");
-    if (!cpName) {
-      sonner.toast.error("Please enter a counterparty name");
-      return;
+  const mockSearchResults = [
+    { id: "CP-5678", name: "Global Tech Solutions Inc.", type: "Business", paymentInstrumentType: "wire" },
+    { id: "CP-1234", name: "Global Industries LLC", type: "Business", paymentInstrumentType: "ach" },
+    { id: "CP-9012", name: "GlobalCorp Partners", type: "Business", paymentInstrumentType: "both" },
+    { id: "CP-3456", name: "Acme Corporation", type: "Business", paymentInstrumentType: "wire" },
+    { id: "CP-7890", name: "Tech Innovations Ltd", type: "Business", paymentInstrumentType: "ach" }
+  ];
+  const isCounterpartyCompatible = (instrumentType, transactionType) => {
+    if (instrumentType === "both") return true;
+    if (transactionType === "ach" && instrumentType === "ach") return true;
+    if (transactionType === "wire" && instrumentType === "wire") return true;
+    return false;
+  };
+  const debouncedSearch = React15.useMemo(
+    () => lodash.debounce(async (query, txType) => {
+      if (query.length < 2) {
+        setCounterpartySearchResults([]);
+        setShowCounterpartyDropdown(false);
+        return;
+      }
+      setIsCounterpartySearching(true);
+      try {
+        await new Promise((resolve) => setTimeout(resolve, 350));
+        let results = mockSearchResults.filter(
+          (cp) => cp.name.toLowerCase().includes(query.toLowerCase())
+        );
+        if (txType === "ach") {
+          results = results.filter(
+            (cp) => cp.paymentInstrumentType === "ach" || cp.paymentInstrumentType === "both"
+          );
+        } else if (txType === "wire") {
+          results = results.filter(
+            (cp) => cp.paymentInstrumentType === "wire" || cp.paymentInstrumentType === "both"
+          );
+        }
+        setCounterpartySearchResults(results);
+        setShowCounterpartyDropdown(true);
+      } finally {
+        setIsCounterpartySearching(false);
+      }
+    }, 350),
+    []
+  );
+  React15.useEffect(() => {
+    return () => {
+      debouncedSearch.cancel();
+    };
+  }, [debouncedSearch]);
+  const handleCounterpartySearchChange = (value) => {
+    form.setValue("counterpartyName", value);
+    if (counterpartyLookedUp) {
+      setCounterpartyLookedUp(false);
+      setCounterpartyData(null);
     }
-    setCounterpartyData(mockCounterpartyData);
-    setCounterpartyLookedUp(true);
-    sonner.toast.success("Counterparty found");
+    debouncedSearch(value, form.getValues("transactionType"));
+  };
+  const handleTransactionTypeChange = (newType) => {
+    form.setValue("transactionType", newType);
+    if (counterpartyData && counterpartyLookedUp) {
+      const requiresCounterparty = ["ach", "wire"].includes(newType);
+      if (requiresCounterparty) {
+        const isCompatible = isCounterpartyCompatible(
+          counterpartyData.paymentInstrumentType,
+          newType
+        );
+        if (!isCompatible) {
+          setCounterpartyLookedUp(false);
+          setCounterpartyData(null);
+          setCounterpartySearchResults([]);
+          form.setValue("counterpartyName", "");
+          const typeLabel = newType === "ach" ? "ACH" : "Wire";
+          sonner.toast.warning(
+            `${counterpartyData.counterpartyName} doesn't support ${typeLabel} transactions. Please select a different counterparty.`
+          );
+        }
+      }
+    }
+  };
+  const handleCounterpartySelect = (result) => {
+    form.setValue("counterpartyName", result.name);
+    setShowCounterpartyDropdown(false);
+    setCounterpartySearchResults([]);
+    setIsCounterpartyLoading(true);
+    setTimeout(() => {
+      setCounterpartyData({
+        counterpartyName: result.name,
+        counterpartyId: result.id,
+        counterpartyType: result.type,
+        status: "Active",
+        taxId: "XX-XXXXXXX",
+        primaryContact: "Contact Name",
+        contactEmail: "contact@example.com",
+        contactPhone: "+1 (555) 123-4567",
+        address: "123 Business Ave, City, ST 12345",
+        paymentInstrumentType: result.paymentInstrumentType
+      });
+      setCounterpartyLookedUp(true);
+      setIsCounterpartyLoading(false);
+      sonner.toast.success("Counterparty selected");
+    }, 500);
   };
   const handleEditAccount = () => {
     setAccountLookedUp(false);
@@ -14266,39 +14513,100 @@ function NewTransaction() {
     form.setValue("counterpartyName", "");
     form.setValue("amount", "");
     form.setValue("description", "");
+    form.setValue("adjustmentDirection", "");
+    form.setValue("adjustmentType", "");
+    setReceiverAccountLookedUp(false);
+    setReceiverAccountData(null);
+    form.setValue("receiverAccountNumber", "");
+  };
+  const handleReceiverAccountLookup = async () => {
+    const receiverNum = form.getValues("receiverAccountNumber");
+    if (!receiverNum) {
+      sonner.toast.error("Please enter a receiver account number");
+      return;
+    }
+    setIsReceiverAccountLoading(true);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 1e3));
+      setReceiverAccountData({
+        accountNumber: "****" + receiverNum.slice(-4),
+        accountName: "Receiver Account",
+        accountType: "Checking",
+        balance: "$45,230.00",
+        customerName: "Receiver Corp",
+        customerId: "CUST-RCV-001",
+        customerType: "Business"
+      });
+      setReceiverAccountLookedUp(true);
+      sonner.toast.success("Receiver account found");
+    } catch (error) {
+      sonner.toast.error("Failed to lookup receiver account");
+    } finally {
+      setIsReceiverAccountLoading(false);
+    }
+  };
+  const handleEditReceiverAccount = () => {
+    setReceiverAccountLookedUp(false);
+    setReceiverAccountData(null);
+    form.setValue("receiverAccountNumber", "");
   };
   const handleEditCounterparty = () => {
     setCounterpartyLookedUp(false);
     setCounterpartyData(null);
+    setCounterpartySearchResults([]);
+    setShowCounterpartyDropdown(false);
+    form.setValue("counterpartyName", "");
     form.setValue("amount", "");
     form.setValue("description", "");
   };
-  const handleSubmit = () => {
+  const handleSubmit = async () => {
     const data = form.getValues();
-    if (!data.transactionType || !data.accountNumber || !data.counterpartyName || !data.amount) {
+    const requiresCounterparty = ["ach", "wire"].includes(data.transactionType);
+    if (!data.transactionType || !data.accountNumber || !data.amount) {
       sonner.toast.error("Please complete all required fields");
       return;
     }
-    if (!accountLookedUp || !counterpartyLookedUp) {
-      sonner.toast.error("Please lookup both account and counterparty");
+    if (requiresCounterparty && (!data.counterpartyName || !counterpartyLookedUp)) {
+      sonner.toast.error("Please lookup counterparty for this transaction type");
       return;
     }
-    const hasError = Math.random() > 0.7;
-    if (hasError) {
-      const errorScenarios = [
-        "Insufficient funds. Current balance: $125,450.00, Required: $" + parseFloat(data.amount).toFixed(2),
-        "Transaction limit exceeded. Daily limit: $50,000.00",
-        "Counterparty account is temporarily unavailable. Please try again later.",
-        "Invalid routing number for the selected transaction type."
-      ];
-      setSubmissionStatus("error");
-      setErrorMessage(errorScenarios[Math.floor(Math.random() * errorScenarios.length)]);
-      setConfirmationOpen(true);
-    } else {
-      const txId = "TXN-" + Math.random().toString(36).substr(2, 9).toUpperCase();
-      setTransactionId(txId);
-      setSubmissionStatus("success");
+    if (!accountLookedUp) {
+      sonner.toast.error("Please lookup account");
+      return;
+    }
+    if (data.transactionType === "adjustment") {
+      if (!data.adjustmentDirection || !data.adjustmentType) {
+        sonner.toast.error("Please select direction and type for adjustment");
+        return;
+      }
+    }
+    if (data.transactionType === "transfer") {
+      if (!data.receiverAccountNumber || !receiverAccountLookedUp) {
+        sonner.toast.error("Please lookup receiver account for transfer");
+        return;
+      }
+    }
+    setIsSubmitting(true);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 1500));
+      const hasError = Math.random() > 0.7;
+      if (hasError) {
+        const errorScenarios = [
+          "Insufficient funds. Current balance: $125,450.00, Required: $" + parseFloat(data.amount).toFixed(2),
+          "Transaction limit exceeded. Daily limit: $50,000.00",
+          "Counterparty account is temporarily unavailable. Please try again later.",
+          "Invalid routing number for the selected transaction type."
+        ];
+        setSubmissionStatus("error");
+        setErrorMessage(errorScenarios[Math.floor(Math.random() * errorScenarios.length)]);
+      } else {
+        const txId = "TXN-" + Math.random().toString(36).substr(2, 9).toUpperCase();
+        setTransactionId(txId);
+        setSubmissionStatus("success");
+      }
       setConfirmationOpen(true);
+    } finally {
+      setIsSubmitting(false);
     }
   };
   const handleConfirmationClose = () => {
@@ -14322,14 +14630,28 @@ function NewTransaction() {
       submissionStatus,
       errorMessage,
       transactionId,
+      isAccountLoading,
+      isCounterpartyLoading,
+      isSubmitting,
       onAccountLookup: handleAccountLookup,
-      onCounterpartyLookup: handleCounterpartyLookup,
       onEditAccount: handleEditAccount,
+      counterpartySearchResults,
+      isCounterpartySearching,
+      showCounterpartyDropdown,
+      onCounterpartySearchChange: handleCounterpartySearchChange,
+      onCounterpartySelect: handleCounterpartySelect,
+      onCounterpartyDropdownClose: () => setShowCounterpartyDropdown(false),
       onEditCounterparty: handleEditCounterparty,
+      onTransactionTypeChange: handleTransactionTypeChange,
       onSubmit: handleSubmit,
       onCancel: handleCancel,
       onConfirmationClose: handleConfirmationClose,
-      onConfirmationOpenChange: setConfirmationOpen
+      onConfirmationOpenChange: setConfirmationOpen,
+      receiverAccountLookedUp,
+      receiverAccountData,
+      isReceiverAccountLoading,
+      onReceiverAccountLookup: handleReceiverAccountLookup,
+      onEditReceiverAccount: handleEditReceiverAccount
     }
   );
 }
@@ -16366,6 +16688,8 @@ exports.ACHBankCard = ACHBankCard;
 exports.ACHBasicInfoCard = ACHBasicInfoCard;
 exports.ACHDetailsSection = ACHDetailsSection;
 exports.ACHTransferSection = ACHTransferSection;
+exports.ADJUSTMENT_DIRECTION_OPTIONS = ADJUSTMENT_DIRECTION_OPTIONS;
+exports.ADJUSTMENT_TYPE_OPTIONS = ADJUSTMENT_TYPE_OPTIONS;
 exports.AccountCard = AccountCard;
 exports.AccountDetail = AccountDetail_default;
 exports.Accounts = Accounts_default;
@@ -16396,7 +16720,6 @@ exports.BusinessTypeBadge = BusinessTypeBadge;
 exports.Businesses = Businesses_default;
 exports.Button = Button;
 exports.CIPStatusBadge = CIPStatusBadge;
-exports.CURRENCY_OPTIONS = CURRENCY_OPTIONS;
 exports.Calendar = Calendar;
 exports.Card = Card;
 exports.CardContent = CardContent;