braid-ui 1.0.49 → 1.0.51

package/dist/index.cjs

@@ -1279,7 +1279,7 @@ var DialogOverlay = React15__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React15__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = React15__namespace.forwardRef(({ className, children, hideCloseButton, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -1292,7 +1292,7 @@ var DialogContent = React15__namespace.forwardRef(({ className, children, ...pro
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+        !hideCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
         ] })
@@ -3099,7 +3099,7 @@ function AppSidebar() {
   ] });
 }
 var MainLayout = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-screen w-full", children: /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1", children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-screen w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-hidden", children }) });
 };
 var useEditState = ({ initialEditing = false, onToggleEdit, onSave, onCancel }) => {
   const [localEditing, setLocalEditing] = React15.useState(initialEditing);
@@ -8257,7 +8257,7 @@ var StatementView = ({
   ] });
 };
 var ACHDetailsSection = ({ data }) => {
-  const formatCurrency = (value) => {
+  const formatCurrency3 = (value) => {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
@@ -8293,7 +8293,7 @@ var ACHDetailsSection = ({ data }) => {
           layout: "horizontal"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Amount", value: formatCurrency(data.amount), layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Amount", value: formatCurrency3(data.amount), layout: "horizontal" }),
       /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "SEC Code", value: data.secCode, layout: "horizontal" }),
       /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Company Entry Description", value: data.companyEntryDescription, layout: "horizontal" }),
       data.companyDiscretionaryData && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Company Discretionary Data", value: data.companyDiscretionaryData, layout: "horizontal" }),
@@ -8376,6 +8376,37 @@ var WireDetailsSection = ({ data }) => {
     ) })
   ] });
 };
+var formatCurrency = (value) => {
+  const numValue = typeof value === "string" ? parseFloat(value) : value;
+  if (isNaN(numValue)) return "";
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 2
+  }).format(numValue);
+};
+var CurrencyInput = ({ value, onChange, ...props }) => {
+  const [isFocused, setIsFocused] = React15__namespace.useState(false);
+  const displayValue = value ? isFocused ? value : formatCurrency(value) : "";
+  const handleChange = (e) => {
+    const rawValue = e.target.value.replace(/[^0-9.]/g, "");
+    const parts = rawValue.split(".");
+    const sanitized = parts[0] + (parts.length > 1 ? "." + parts[1]?.slice(0, 2) : "");
+    onChange(sanitized);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EnhancedInput,
+    {
+      ...props,
+      value: displayValue,
+      onChange: handleChange,
+      onFocus: () => setIsFocused(true),
+      onBlur: () => setIsFocused(false),
+      inputMode: "decimal",
+      placeholder: props.placeholder || "$0.00"
+    }
+  );
+};
 var Checkbox = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
@@ -8395,21 +8426,29 @@ var Checkbox = React15__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
+var formatCurrency2 = (value) => {
+  const numValue = typeof value === "string" ? parseFloat(value) : value;
+  if (isNaN(numValue)) return "-";
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 2
+  }).format(numValue);
+};
 var TRANSACTION_TYPES = [
   { value: "transfer", label: "Transfer", icon: lucideReact.ArrowLeftRight },
   { value: "adjustment", label: "Adjustment", icon: lucideReact.Settings },
   { 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 +8460,41 @@ var NewTransactionView = ({
   submissionStatus,
   errorMessage,
   transactionId,
+  isAccountLoading,
+  isCounterpartyLoading,
+  isSubmitting,
+  counterpartySearchResults,
+  isCounterpartySearching,
+  showCounterpartyDropdown,
   onAccountLookup,
-  onCounterpartyLookup,
   onEditAccount,
   onEditCounterparty,
+  onTransactionTypeChange,
   onSubmit,
   onCancel,
   onConfirmationClose,
-  onConfirmationOpenChange
+  onConfirmationOpenChange,
+  onNewTransaction,
+  onCounterpartySearchChange,
+  onCounterpartySelect,
+  onCounterpartyDropdownClose,
+  receiverAccountLookedUp,
+  receiverAccountData,
+  isReceiverAccountLoading,
+  onReceiverAccountLookup,
+  onEditReceiverAccount,
+  isReviewReady
 }) => {
   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,292 +8514,401 @@ 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 ? formatCurrency2(amount) : "-" },
+    { label: "Description", value: form.watch("description") || "N/A" }
   ];
-  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: [
-      !accountLookedUp ? /* @__PURE__ */ jsxRuntime.jsx(FormCard, { title: "Account Lookup", variant: "default", 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,
+  const reviewData = [
+    {
+      title: "Transaction Summary",
+      items: reviewItems
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container mx-auto p-6 space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold tracking-tight", children: "New Transaction" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: (e) => e.preventDefault(), children: [
+        !accountLookedUp ? /* @__PURE__ */ jsxRuntime.jsx(FormCard, { title: "Account Lookup", variant: "default", 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: "accountNumber",
+              placeholder: "Enter account number"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              onClick: onAccountLookup,
+              disabled: !accountNumber || isAccountLoading,
+              className: "shrink-0 mt-0 w-48",
+              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(
+          FormCard,
           {
-            name: "accountNumber",
-            placeholder: "Enter account number"
+            title: "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: onEditAccount, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4 mr-1" }),
+                "Edit"
+              ] })
+            ] }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: accountDataGrid, columns: 2 })
           }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          Button,
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormCard,
+          {
+            title: "Transaction Type",
+            variant: "default",
+            className: cn(!accountLookedUp && "opacity-50 pointer-events-none"),
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-3 lg:gap-4", children: TRANSACTION_TYPES.map((type) => {
+              const Icon2 = type.icon;
+              const isSelected = transactionType === type.value;
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  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",
+                    "hover:border-primary/50 hover:shadow-md",
+                    isSelected ? "border-primary bg-primary/5 shadow-sm" : "border-border bg-card"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: cn(
+                      "h-6 w-6 lg:h-5 lg:w-5 mb-2",
+                      isSelected ? "text-primary" : "text-muted-foreground"
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
+                      "text-sm font-medium",
+                      isSelected ? "text-primary" : "text-foreground"
+                    ), children: type.label })
+                  ]
+                },
+                type.value
+              );
+            }) })
+          }
+        ),
+        requiresCounterparty && (!counterpartyLookedUp ? /* @__PURE__ */ jsxRuntime.jsxs(
+          FormCard,
           {
-            onClick: onAccountLookup,
-            disabled: !accountNumber,
-            className: "shrink-0 mt-0 w-48",
+            title: "Counterparty Search",
+            variant: "default",
+            className: cn(!transactionType && "opacity-50 pointer-events-none"),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4 mr-2" }),
-              "Lookup Account"
+              /* @__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: "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: onEditAccount, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4 mr-1" }),
-              "Edit"
-            ] })
-          ] }),
-          children: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: accountDataGrid, columns: 2 })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormCard,
-        {
-          title: "Transaction Type",
-          variant: "default",
-          className: cn(!accountLookedUp && "opacity-50 pointer-events-none"),
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-3 lg:gap-4", children: TRANSACTION_TYPES.map((type) => {
-            const Icon2 = type.icon;
-            const isSelected = transactionType === type.value;
-            return /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: () => form.setValue("transactionType", type.value),
-                disabled: !accountLookedUp,
-                className: cn(
-                  "flex flex-col items-center justify-center p-4 lg:p-3 rounded-lg border-2 transition-all",
-                  "hover:border-primary/50 hover:shadow-md",
-                  isSelected ? "border-primary bg-primary/5 shadow-sm" : "border-border bg-card"
-                ),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: cn(
-                    "h-6 w-6 lg:h-5 lg:w-5 mb-2",
-                    isSelected ? "text-primary" : "text-muted-foreground"
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
-                    "text-sm font-medium",
-                    isSelected ? "text-primary" : "text-foreground"
-                  ), children: type.label })
-                ]
-              },
-              type.value
-            );
-          }) })
-        }
-      ),
-      !counterpartyLookedUp ? /* @__PURE__ */ jsxRuntime.jsx(
-        FormCard,
-        {
-          title: "Counterparty Lookup",
-          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",
-                disabled: !transactionType
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              Button,
-              {
-                onClick: onCounterpartyLookup,
-                disabled: !transactionType || !counterpartyName,
-                className: "shrink-0 mt-0 w-48",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4 mr-2" }),
-                  "Lookup Counterparty"
-                ]
-              }
-            )
-          ] })
-        }
-      ) : /* @__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 })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormCard,
-        {
-          title: "Transaction Details",
-          variant: "default",
-          className: cn(!counterpartyLookedUp && "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: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+        ) : /* @__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: "amount",
-                  label: "Amount",
-                  placeholder: "0.00",
-                  type: "number",
-                  disabled: !counterpartyLookedUp
+                  name: "receiverAccountNumber",
+                  placeholder: "Enter receiver account number",
+                  disabled: !transactionType
                 }
-              ),
+              ) }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                FormSelect,
+                Button,
                 {
-                  name: "currency",
-                  label: "Currency",
-                  options: CURRENCY_OPTIONS,
-                  disabled: !counterpartyLookedUp,
-                  className: "w-48"
+                  onClick: onReceiverAccountLookup,
+                  disabled: !receiverAccountNumber || isReceiverAccountLoading,
+                  className: "shrink-0 mt-0 w-48",
+                  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 Receiver"
+                  ] })
                 }
               )
+            ] })
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          FormCard,
+          {
+            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: onEditReceiverAccount, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4 mr-1" }),
+                "Edit"
+              ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              FormInput,
-              {
-                name: "description",
-                label: "Description (Optional)",
-                placeholder: "Enter transaction description",
-                disabled: !counterpartyLookedUp
-              }
-            )
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(FormCard, { title: "Review & Submit", variant: "default", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: reviewData, columns: 2 }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted/30 rounded-lg p-4 border border-border/50", children: /* @__PURE__ */ jsxRuntime.jsx(
-          reactHookForm.Controller,
+            children: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: receiverAccountDataGrid, columns: 2 })
+          }
+        )),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormCard,
           {
-            name: "certifyInformation",
-            control: form.control,
-            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+            title: "Transaction Details",
+            variant: "default",
+            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: [
+              isAdjustment && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  Checkbox,
+                  FormSelect,
                   {
-                    id: "certifyInformation",
-                    checked: field.value,
-                    onCheckedChange: field.onChange
+                    name: "adjustmentDirection",
+                    label: "Direction",
+                    placeholder: "Select direction",
+                    options: ADJUSTMENT_DIRECTION_OPTIONS,
+                    disabled: !transactionType
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  "label",
+                  FormSelect,
                   {
-                    htmlFor: "certifyInformation",
-                    className: "text-sm font-medium leading-relaxed cursor-pointer select-none",
-                    children: "I certify that all information entered is correct and accurate to the best of my knowledge"
+                    name: "adjustmentType",
+                    label: "Adjustment Type",
+                    placeholder: "Select type",
+                    options: ADJUSTMENT_TYPE_OPTIONS,
+                    disabled: !transactionType
                   }
                 )
               ] }),
-              form.formState.errors.certifyInformation && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive ml-7", children: form.formState.errors.certifyInformation.message })
+              /* @__PURE__ */ jsxRuntime.jsx(
+                reactHookForm.Controller,
+                {
+                  name: "amount",
+                  control: form.control,
+                  render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(
+                    CurrencyInput,
+                    {
+                      label: "Amount",
+                      value: field.value,
+                      onChange: field.onChange,
+                      disabled: requiresCounterparty ? !counterpartyLookedUp : isTransfer ? !receiverAccountLookedUp : !transactionType,
+                      error: form.formState.errors.amount?.message
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FormInput,
+                {
+                  name: "description",
+                  label: "Description (Optional)",
+                  placeholder: "Enter transaction description",
+                  disabled: requiresCounterparty ? !counterpartyLookedUp : isTransfer ? !receiverAccountLookedUp : !transactionType
+                }
+              )
             ] })
           }
-        ) }),
-        /* @__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(FormCard, { title: "Review & Submit", variant: "default", className: cn(!isReviewReady && "opacity-50 pointer-events-none"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: reviewData, columns: 2 }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted/30 rounded-lg p-4 border border-border/50", children: /* @__PURE__ */ jsxRuntime.jsx(
+            reactHookForm.Controller,
+            {
+              name: "certifyInformation",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Checkbox,
+                    {
+                      id: "certifyInformation",
+                      checked: field.value,
+                      onCheckedChange: field.onChange
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "label",
+                    {
+                      htmlFor: "certifyInformation",
+                      className: "text-sm font-medium leading-relaxed cursor-pointer select-none",
+                      children: "I certify that all information entered is correct and accurate to the best of my knowledge"
+                    }
+                  )
+                ] }),
+                form.formState.errors.certifyInformation && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive ml-7", children: form.formState.errors.certifyInformation.message })
+              ] })
+            }
+          ) }),
+          /* @__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.jsx(
+              Button,
+              {
+                type: "button",
+                onClick: onSubmit,
+                className: "w-48",
+                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"
+                ] })
+              }
+            )
+          ] })
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: confirmationOpen, onOpenChange: () => {
+      }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md", hideCloseButton: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+            submissionStatus === "success" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-6 w-6 text-success" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-6 w-6 text-destructive" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-xl", children: submissionStatus === "success" ? "Transaction Successful" : "Transaction Failed" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { className: "text-left", children: submissionStatus === "success" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 pt-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground", children: "Your transaction has been successfully submitted and is being processed." }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-muted/50 rounded-lg p-4 space-y-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Transaction ID:" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium", children: transactionId })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Amount:" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: formatCurrency2(amount) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
+                /* @__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 })
+              ] }),
+              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 })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 p-3 bg-blue-500/10 border border-blue-500/20 rounded-lg", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-5 w-5 text-blue-500 mt-0.5 flex-shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-blue-700 dark:text-blue-300", children: "You will receive a confirmation email once the transaction is completed." })
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 pt-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 p-4 bg-destructive/10 border border-destructive/20 rounded-lg", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-5 w-5 text-destructive mt-0.5 flex-shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-destructive", children: "Error Processing Transaction" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: errorMessage })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Please review the error message above and try again. If the problem persists, contact support." })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { className: "sm:justify-end gap-2", children: [
+          submissionStatus === "error" && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: () => onConfirmationOpenChange(false), children: "Edit" }),
+          submissionStatus === "success" && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: onNewTransaction, children: "New Transaction" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
               type: "button",
-              onClick: onSubmit,
-              className: "w-48",
-              disabled: !transactionType || !accountNumber || !counterpartyName || !amount || !form.watch("certifyInformation"),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-4 w-4 mr-2" }),
-                "Submit Transaction"
-              ]
+              onClick: onConfirmationClose,
+              variant: submissionStatus === "success" ? "default" : "outline",
+              children: submissionStatus === "success" ? "View Transaction" : "Close"
             }
           )
         ] })
       ] }) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: confirmationOpen, onOpenChange: onConfirmationOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
-          submissionStatus === "success" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-6 w-6 text-success" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-6 w-6 text-destructive" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-xl", children: submissionStatus === "success" ? "Transaction Successful" : "Transaction Failed" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { className: "text-left", children: submissionStatus === "success" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 pt-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground", children: "Your transaction has been successfully submitted and is being processed." }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-muted/50 rounded-lg p-4 space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Transaction ID:" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium", children: transactionId })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Amount:" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
-                "$",
-                amount
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__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: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Counterparty:" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: counterpartyName })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 p-3 bg-blue-500/10 border border-blue-500/20 rounded-lg", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-5 w-5 text-blue-500 mt-0.5 flex-shrink-0" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-blue-700 dark:text-blue-300", children: "You will receive a confirmation email once the transaction is completed." })
-          ] })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 pt-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 p-4 bg-destructive/10 border border-destructive/20 rounded-lg", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-5 w-5 text-destructive mt-0.5 flex-shrink-0" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-destructive", children: "Error Processing Transaction" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: errorMessage })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Please review the error message above and try again. If the problem persists, contact support." })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { className: "sm:justify-end gap-2", children: [
-        submissionStatus === "error" && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: () => onConfirmationOpenChange(false), children: "Try Again" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "button",
-            onClick: onConfirmationClose,
-            variant: submissionStatus === "success" ? "default" : "outline",
-            children: submissionStatus === "success" ? "View Transactions" : "Close"
-          }
-        )
-      ] })
-    ] }) })
-  ] }) });
+    ] })
+  ] });
 };
 var typeIcons = {
   checking: lucideReact.CreditCard,
@@ -13827,7 +13997,7 @@ var TransactionHistory = () => {
     setRowsPerPage(value);
     setCurrentPage(1);
   };
-  const formatCurrency = (value) => {
+  const formatCurrency3 = (value) => {
     const formatted = new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
@@ -14004,23 +14174,19 @@ var TransactionHistory = () => {
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                EnhancedInput,
+                CurrencyInput,
                 {
                   label: "Min Amount",
-                  type: "number",
                   value: filters.minAmount,
-                  onChange: (e) => handleFilterChange("minAmount", e.target.value),
-                  placeholder: "0.00"
+                  onChange: (value) => handleFilterChange("minAmount", value)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                EnhancedInput,
+                CurrencyInput,
                 {
                   label: "Max Amount",
-                  type: "number",
                   value: filters.maxAmount,
-                  onChange: (e) => handleFilterChange("maxAmount", e.target.value),
-                  placeholder: "0.00"
+                  onChange: (value) => handleFilterChange("maxAmount", value)
                 }
               )
             ] }),
@@ -14120,7 +14286,7 @@ var TransactionHistory = () => {
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-xs", children: transaction.created }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-xs", children: transaction.accountNumber }),
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-xs text-right", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: transaction.amount < 0 ? "text-destructive" : "", children: formatCurrency(transaction.amount) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-xs text-right", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: transaction.amount < 0 ? "text-destructive" : "", children: formatCurrency3(transaction.amount) }) }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "link", className: "h-auto p-0 font-normal text-xs", children: transaction.customer }) }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "link", className: "h-auto p-0 font-normal text-xs", children: transaction.counterparty }) }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-xs truncate", children: transaction.description }),
@@ -14187,13 +14353,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 +14399,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 +14425,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,50 +14560,153 @@ 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 resetForm = () => {
+    form.reset({
+      transactionType: "",
+      accountNumber: "",
+      counterpartyName: "",
+      amount: "",
+      description: "",
+      certifyInformation: false,
+      adjustmentDirection: "",
+      adjustmentType: "",
+      receiverAccountNumber: ""
+    });
+    setAccountLookedUp(false);
+    setAccountData(null);
+    setCounterpartyLookedUp(false);
+    setCounterpartyData(null);
+    setCounterpartySearchResults([]);
+    setShowCounterpartyDropdown(false);
+    setReceiverAccountLookedUp(false);
+    setReceiverAccountData(null);
+    setSubmissionStatus(null);
+    setErrorMessage("");
+    setTransactionId("");
+  };
   const handleConfirmationClose = () => {
     setConfirmationOpen(false);
     if (submissionStatus === "success") {
-      navigate("/transactions/history");
+      navigate(`/transactions/${transactionId}`);
     }
   };
+  const handleNewTransaction = () => {
+    setConfirmationOpen(false);
+    resetForm();
+  };
   const handleCancel = () => {
     navigate("/dashboard");
   };
+  const isReviewReady = React15.useMemo(() => {
+    const data = form.watch();
+    const requiresCounterparty = ["ach", "wire"].includes(data.transactionType);
+    if (!data.transactionType || !data.accountNumber || !data.amount) return false;
+    if (requiresCounterparty && (!data.counterpartyName || !counterpartyLookedUp)) return false;
+    if (!accountLookedUp) return false;
+    if (data.transactionType === "adjustment") {
+      if (!data.adjustmentDirection || !data.adjustmentType) return false;
+    }
+    if (data.transactionType === "transfer") {
+      if (!data.receiverAccountNumber || !receiverAccountLookedUp) return false;
+    }
+    return true;
+  }, [form.watch(), accountLookedUp, counterpartyLookedUp, receiverAccountLookedUp]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     NewTransactionView,
     {
@@ -14322,14 +14719,30 @@ 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,
+      onNewTransaction: handleNewTransaction,
+      receiverAccountLookedUp,
+      receiverAccountData,
+      isReceiverAccountLoading,
+      onReceiverAccountLookup: handleReceiverAccountLookup,
+      onEditReceiverAccount: handleEditReceiverAccount,
+      isReviewReady
     }
   );
 }
@@ -14380,7 +14793,7 @@ var TransactionDetail = () => {
         return "outline";
     }
   };
-  const formatCurrency = (value) => {
+  const formatCurrency3 = (value) => {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
@@ -14396,7 +14809,7 @@ var TransactionDetail = () => {
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
           "font-semibold",
           transaction.amount < 0 ? "text-destructive" : "text-success"
-        ), children: formatCurrency(transaction.amount) }),
+        ), children: formatCurrency3(transaction.amount) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           TransactionTypeBadge,
           {
@@ -15018,11 +15431,11 @@ function CreateVelocityLimit() {
       case "round_number":
         return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            EnhancedInput,
+            CurrencyInput,
             {
               label: "Amount Threshold",
-              placeholder: "Enter amount",
-              onChange: (e) => handleFieldChange("amountThreshold", e.target.value)
+              value: formData.amountThreshold || "",
+              onChange: (value) => handleFieldChange("amountThreshold", value)
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -15135,11 +15548,11 @@ function CreateVelocityLimit() {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
+              CurrencyInput,
               {
                 label: "Max Transaction Amount",
-                placeholder: "Enter amount",
-                onChange: (e) => handleFieldChange("maxAmount", e.target.value)
+                value: formData.maxAmount || "",
+                onChange: (value) => handleFieldChange("maxAmount", value)
               }
             ),
             formData.aggregationLevel !== "transaction" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -16366,6 +16779,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 +16811,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;