braid-ui 1.0.48 → 1.0.50

package/dist/index.js

@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Zap, Box, Settings, BarChart3, Key, ChevronLeft, AlertTriangle, Clock, XCircle, CheckCircle, Ban, Circle, Wallet, Filter, User, Loader2, ArrowDownRight, ArrowUpRight, CheckCircle2, ArrowLeft, StickyNote, FileUp, RotateCcw, Send, PlayCircle, UserPlus, ChevronsUpDown, ArrowRightLeft, UserCheck, CalendarIcon, Package, File, FileJson, DollarSign } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, ArrowLeftRight, Settings, Building2, Zap, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, Users, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Box, BarChart3, Key, ChevronLeft, AlertTriangle, Clock, XCircle, CheckCircle, Ban, Circle, Wallet, Filter, User, Loader2, CheckCircle2, ArrowDownRight, ArrowUpRight, ArrowLeft, StickyNote, FileUp, RotateCcw, Send, PlayCircle, UserPlus, ChevronsUpDown, ArrowRightLeft, UserCheck, CalendarIcon, Package, File, FileJson, DollarSign } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { Slot } from '@radix-ui/react-slot';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -12,7 +12,7 @@ import { NavLink, useLocation, useNavigate, useSearchParams, useParams, Link } f
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { FormProvider as FormProvider$1, useFormContext, Controller, useForm } from 'react-hook-form';
-import { get } from 'lodash';
+import { get, debounce } from 'lodash';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@radix-ui/react-collapsible';
@@ -8344,6 +8344,489 @@ var WireDetailsSection = ({ data }) => {
     ) })
   ] });
 };
+var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+var TRANSACTION_TYPES = [
+  { value: "transfer", label: "Transfer", icon: ArrowLeftRight },
+  { value: "adjustment", label: "Adjustment", icon: Settings },
+  { value: "ach", label: "ACH", icon: Building2 },
+  { value: "wire", label: "Wire", icon: Zap }
+];
+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,
+  accountLookedUp,
+  accountData,
+  counterpartyLookedUp,
+  counterpartyData,
+  confirmationOpen,
+  submissionStatus,
+  errorMessage,
+  transactionId,
+  isAccountLoading,
+  isCounterpartyLoading,
+  isSubmitting,
+  counterpartySearchResults,
+  isCounterpartySearching,
+  showCounterpartyDropdown,
+  onAccountLookup,
+  onEditAccount,
+  onEditCounterparty,
+  onTransactionTypeChange,
+  onSubmit,
+  onCancel,
+  onConfirmationClose,
+  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",
+      items: [
+        { label: "Account Number", value: accountData.accountNumber },
+        { label: "Account Name", value: accountData.accountName },
+        { label: "Account Type", value: accountData.accountType },
+        { label: "Balance", value: accountData.balance },
+        { label: "Customer Name", value: accountData.customerName },
+        { label: "Customer ID", value: accountData.customerId }
+      ]
+    }
+  ] : [];
+  const counterpartyDataGrid = counterpartyData ? [
+    {
+      title: "Counterparty Information",
+      items: [
+        { label: "Counterparty Name", value: counterpartyData.counterpartyName },
+        { label: "Counterparty ID", value: counterpartyData.counterpartyId },
+        { label: "Instrument Type", value: counterpartyData.paymentInstrumentType?.toUpperCase() || "-" },
+        { label: "Contact Email", value: counterpartyData.contactEmail },
+        { label: "Contact Phone", value: counterpartyData.contactPhone }
+      ]
+    }
+  ] : [];
+  const receiverAccountDataGrid = receiverAccountData ? [
+    {
+      title: "Receiver Account Information",
+      items: [
+        { 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__ */ jsx(PageLayout, { title: "New Transaction", children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto space-y-6", children: [
+    /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsxs("form", { onSubmit: (e) => e.preventDefault(), children: [
+      !accountLookedUp ? /* @__PURE__ */ jsx(FormCard, { title: "Account Lookup", variant: "default", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3 items-start w-full", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "accountNumber",
+            placeholder: "Enter account number"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: onAccountLookup,
+            disabled: !accountNumber || isAccountLoading,
+            className: "shrink-0 mt-0 w-48",
+            children: isAccountLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+              "Looking up..."
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 mr-2" }),
+              "Lookup Account"
+            ] })
+          }
+        )
+      ] }) }) : /* @__PURE__ */ jsx(
+        FormCard,
+        {
+          title: "Account Information",
+          variant: "subtle",
+          headerActions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(CheckCircle2, { className: "h-5 w-5 text-success" }),
+            /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onEditAccount, children: [
+              /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4 mr-1" }),
+              "Edit"
+            ] })
+          ] }),
+          children: /* @__PURE__ */ jsx(DataGrid, { data: accountDataGrid, columns: 2 })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormCard,
+        {
+          title: "Transaction Type",
+          variant: "default",
+          className: cn(!accountLookedUp && "opacity-50 pointer-events-none"),
+          children: /* @__PURE__ */ 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__ */ 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__ */ jsx(Icon2, { className: cn(
+                    "h-6 w-6 lg:h-5 lg:w-5 mb-2",
+                    isSelected ? "text-primary" : "text-muted-foreground"
+                  ) }),
+                  /* @__PURE__ */ jsx("span", { className: cn(
+                    "text-sm font-medium",
+                    isSelected ? "text-primary" : "text-foreground"
+                  ), children: type.label })
+                ]
+              },
+              type.value
+            );
+          }) })
+        }
+      ),
+      requiresCounterparty && (!counterpartyLookedUp ? /* @__PURE__ */ jsxs(
+        FormCard,
+        {
+          title: "Counterparty Search",
+          variant: "default",
+          className: cn(!transactionType && "opacity-50 pointer-events-none"),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                /* @__PURE__ */ 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__ */ jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) })
+              ] }),
+              showCounterpartyDropdown && counterpartySearchResults.length > 0 && /* @__PURE__ */ 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__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onCounterpartySelect(result),
+                  className: "w-full px-3 py-2 text-left hover:bg-accent transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "font-medium text-sm", children: result.name }),
+                    /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: result.id })
+                  ]
+                },
+                result.id
+              )) }),
+              showCounterpartyDropdown && counterpartySearchResults.length === 0 && !isCounterpartySearching && counterpartyName.length >= 2 && /* @__PURE__ */ jsx("div", { className: "absolute z-50 w-full mt-1 bg-popover border border-border rounded-md shadow-lg p-3", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                'No counterparties found matching "',
+                counterpartyName,
+                '"'
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-2", children: "Type at least 2 characters to search" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(
+        FormCard,
+        {
+          title: "Counterparty Information",
+          variant: "subtle",
+          headerActions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(CheckCircle2, { className: "h-5 w-5 text-success" }),
+            /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onEditCounterparty, children: [
+              /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4 mr-1" }),
+              "Edit"
+            ] })
+          ] }),
+          children: /* @__PURE__ */ jsx(DataGrid, { data: counterpartyDataGrid, columns: 2 })
+        }
+      )),
+      isTransfer && (!receiverAccountLookedUp ? /* @__PURE__ */ jsx(
+        FormCard,
+        {
+          title: "Receiver Account",
+          variant: "default",
+          className: cn(!transactionType && "opacity-50 pointer-events-none"),
+          children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3 items-start w-full", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+              FormInput,
+              {
+                name: "receiverAccountNumber",
+                placeholder: "Enter receiver account number",
+                disabled: !transactionType
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: onReceiverAccountLookup,
+                disabled: !receiverAccountNumber || isReceiverAccountLoading,
+                className: "shrink-0 mt-0 w-48",
+                children: isReceiverAccountLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+                  "Looking up..."
+                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 mr-2" }),
+                  "Lookup Receiver"
+                ] })
+              }
+            )
+          ] })
+        }
+      ) : /* @__PURE__ */ jsx(
+        FormCard,
+        {
+          title: "Receiver Account Information",
+          variant: "subtle",
+          headerActions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(CheckCircle2, { className: "h-5 w-5 text-success" }),
+            /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onEditReceiverAccount, children: [
+              /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4 mr-1" }),
+              "Edit"
+            ] })
+          ] }),
+          children: /* @__PURE__ */ jsx(DataGrid, { data: receiverAccountDataGrid, columns: 2 })
+        }
+      )),
+      /* @__PURE__ */ jsx(
+        FormCard,
+        {
+          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__ */ jsxs("div", { className: "space-y-4", children: [
+            isAdjustment && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsx(
+                FormSelect,
+                {
+                  name: "adjustmentDirection",
+                  label: "Direction",
+                  placeholder: "Select direction",
+                  options: ADJUSTMENT_DIRECTION_OPTIONS,
+                  disabled: !transactionType
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                FormSelect,
+                {
+                  name: "adjustmentType",
+                  label: "Adjustment Type",
+                  placeholder: "Select type",
+                  options: ADJUSTMENT_TYPE_OPTIONS,
+                  disabled: !transactionType
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              FormInput,
+              {
+                name: "amount",
+                label: "Amount",
+                placeholder: "0.00",
+                type: "number",
+                disabled: requiresCounterparty ? !counterpartyLookedUp : isTransfer ? !receiverAccountLookedUp : !transactionType
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              FormInput,
+              {
+                name: "description",
+                label: "Description (Optional)",
+                placeholder: "Enter transaction description",
+                disabled: requiresCounterparty ? !counterpartyLookedUp : isTransfer ? !receiverAccountLookedUp : !transactionType
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(FormCard, { title: "Review & Submit", variant: "default", children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx(DataGrid, { data: reviewData, columns: 2 }),
+        /* @__PURE__ */ jsx("div", { className: "bg-muted/30 rounded-lg p-4 border border-border/50", children: /* @__PURE__ */ jsx(
+          Controller,
+          {
+            name: "certifyInformation",
+            control: form.control,
+            render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "certifyInformation",
+                    checked: field.value,
+                    onCheckedChange: field.onChange
+                  }
+                ),
+                /* @__PURE__ */ 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__ */ jsx("p", { className: "text-xs text-destructive ml-7", children: form.formState.errors.certifyInformation.message })
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-3 justify-end pt-4 border-t border-border", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onCancel, className: "w-32", children: "Cancel" }),
+          /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+                "Submitting..."
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 mr-2" }),
+                "Submit Transaction"
+              ] })
+            }
+          )
+        ] })
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Dialog, { open: confirmationOpen, onOpenChange: onConfirmationOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+          submissionStatus === "success" ? /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-6 w-6 text-success" }) }) : /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(XCircle, { className: "h-6 w-6 text-destructive" }) }),
+          /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl", children: submissionStatus === "success" ? "Transaction Successful" : "Transaction Failed" })
+        ] }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "text-left", children: submissionStatus === "success" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-foreground", children: "Your transaction has been successfully submitted and is being processed." }),
+          /* @__PURE__ */ jsxs("div", { className: "bg-muted/50 rounded-lg p-4 space-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Transaction ID:" }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: transactionId })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Amount:" }),
+              /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+                "$",
+                amount
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Type:" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: TRANSACTION_TYPES.find((t) => t.value === transactionType)?.label })
+            ] }),
+            requiresCounterparty && counterpartyName && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Counterparty:" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: counterpartyName })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 bg-blue-500/10 border border-blue-500/20 rounded-lg", children: [
+            /* @__PURE__ */ jsx(AlertCircle, { className: "h-5 w-5 text-blue-500 mt-0.5 flex-shrink-0" }),
+            /* @__PURE__ */ 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__ */ jsxs("div", { className: "space-y-4 pt-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-4 bg-destructive/10 border border-destructive/20 rounded-lg", children: [
+            /* @__PURE__ */ jsx(XCircle, { className: "h-5 w-5 text-destructive mt-0.5 flex-shrink-0" }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: "Error Processing Transaction" }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: errorMessage })
+            ] })
+          ] }),
+          /* @__PURE__ */ 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__ */ jsxs(DialogFooter, { className: "sm:justify-end gap-2", children: [
+        submissionStatus === "error" && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onConfirmationOpenChange(false), children: "Try Again" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            onClick: onConfirmationClose,
+            variant: submissionStatus === "success" ? "default" : "outline",
+            children: submissionStatus === "success" ? "View Transactions" : "Close"
+          }
+        )
+      ] })
+    ] }) })
+  ] }) });
+};
 var typeIcons = {
   checking: CreditCard,
   savings: Building,
@@ -8418,25 +8901,6 @@ var BusinessTypeBadge = ({ type, className }) => {
     config.label
   ] });
 };
-var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
-      }
-    )
-  }
-));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 var DetailPageLayout = ({
   title,
   description,
@@ -13810,30 +14274,43 @@ var TransactionHistory_default = TransactionHistory;
 var newTransactionSchema = z.object({
   transactionType: z.string().min(1, "Transaction type is required"),
   accountNumber: z.string().min(1, "Account number is required"),
-  counterpartyName: z.string().min(1, "Counterparty name is required"),
+  counterpartyName: z.string().optional(),
   amount: z.string().min(1, "Amount is required"),
-  currency: z.string().min(1, "Currency is required"),
   description: z.string().optional(),
   certifyInformation: z.boolean().refine((val) => val === true, {
     message: "You must certify the information is correct"
-  })
+  }),
+  // Adjustment-specific fields
+  adjustmentDirection: z.string().optional(),
+  adjustmentType: z.string().optional(),
+  // Transfer-specific fields
+  receiverAccountNumber: 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 TRANSACTION_TYPES = [
-  { value: "transfer", label: "Transfer", icon: ArrowLeftRight },
-  { value: "adjustment", label: "Adjustment", icon: Settings },
-  { value: "ach", label: "ACH", icon: Building2 },
-  { value: "wire", label: "Wire", icon: 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 mockAccountData = {
   accountNumber: "****1234",
   accountName: "Business Checking",
@@ -13843,27 +14320,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 = useNavigate();
   const [accountLookedUp, setAccountLookedUp] = useState(false);
   const [accountData, setAccountData] = useState(null);
   const [counterpartyLookedUp, setCounterpartyLookedUp] = useState(false);
   const [counterpartyData, setCounterpartyData] = useState(null);
+  const [counterpartySearchResults, setCounterpartySearchResults] = useState([]);
+  const [isCounterpartySearching, setIsCounterpartySearching] = useState(false);
+  const [showCounterpartyDropdown, setShowCounterpartyDropdown] = useState(false);
   const [confirmationOpen, setConfirmationOpen] = useState(false);
   const [submissionStatus, setSubmissionStatus] = useState(null);
   const [errorMessage, setErrorMessage] = useState("");
   const [transactionId, setTransactionId] = useState("");
+  const [isAccountLoading, setIsAccountLoading] = useState(false);
+  const [isCounterpartyLoading, setIsCounterpartyLoading] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [receiverAccountLookedUp, setReceiverAccountLookedUp] = useState(false);
+  const [receiverAccountData, setReceiverAccountData] = useState(null);
+  const [isReceiverAccountLoading, setIsReceiverAccountLoading] = useState(false);
   const form = useForm({
     resolver: zodResolver(newTransactionSchema),
     defaultValues: {
@@ -13871,34 +14346,131 @@ function NewTransaction() {
       accountNumber: "",
       counterpartyName: "",
       amount: "",
-      currency: "USD",
       description: "",
-      certifyInformation: false
+      certifyInformation: false,
+      adjustmentDirection: "",
+      adjustmentType: "",
+      receiverAccountNumber: ""
     }
   });
-  const transactionType = form.watch("transactionType");
-  const accountNumber = form.watch("accountNumber");
-  const counterpartyName = form.watch("counterpartyName");
-  const amount = form.watch("amount");
-  const handleAccountLookup = () => {
+  const handleAccountLookup = async () => {
     const accNum = form.getValues("accountNumber");
     if (!accNum) {
       toast$1.error("Please enter an account number");
       return;
     }
-    setAccountData(mockAccountData);
-    setAccountLookedUp(true);
-    toast$1.success("Account found");
+    setIsAccountLoading(true);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 1e3));
+      setAccountData(mockAccountData);
+      setAccountLookedUp(true);
+      toast$1.success("Account found");
+    } catch (error) {
+      toast$1.error("Failed to lookup account");
+    } finally {
+      setIsAccountLoading(false);
+    }
   };
-  const handleCounterpartyLookup = () => {
-    const cpName = form.getValues("counterpartyName");
-    if (!cpName) {
-      toast$1.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 = useMemo(
+    () => 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),
+    []
+  );
+  useEffect(() => {
+    return () => {
+      debouncedSearch.cancel();
+    };
+  }, [debouncedSearch]);
+  const handleCounterpartySearchChange = (value) => {
+    form.setValue("counterpartyName", value);
+    if (counterpartyLookedUp) {
+      setCounterpartyLookedUp(false);
+      setCounterpartyData(null);
+    }
+    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";
+          toast$1.warning(
+            `${counterpartyData.counterpartyName} doesn't support ${typeLabel} transactions. Please select a different counterparty.`
+          );
+        }
+      }
     }
-    setCounterpartyData(mockCounterpartyData);
-    setCounterpartyLookedUp(true);
-    toast$1.success("Counterparty found");
+  };
+  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);
+      toast$1.success("Counterparty selected");
+    }, 500);
   };
   const handleEditAccount = () => {
     setAccountLookedUp(false);
@@ -13909,40 +14481,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) {
+      toast$1.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);
+      toast$1.success("Receiver account found");
+    } catch (error) {
+      toast$1.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) {
       toast$1.error("Please complete all required fields");
       return;
     }
-    if (!accountLookedUp || !counterpartyLookedUp) {
-      toast$1.error("Please lookup both account and counterparty");
+    if (requiresCounterparty && (!data.counterpartyName || !counterpartyLookedUp)) {
+      toast$1.error("Please lookup counterparty for this transaction type");
       return;
     }
-    const amount2 = parseFloat(data.amount);
-    const hasError = Math.random() > 0.7;
-    if (hasError) {
-      const errorScenarios = [
-        "Insufficient funds. Current balance: $125,450.00, Required: $" + amount2.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) {
+      toast$1.error("Please lookup account");
+      return;
+    }
+    if (data.transactionType === "adjustment") {
+      if (!data.adjustmentDirection || !data.adjustmentType) {
+        toast$1.error("Please select direction and type for adjustment");
+        return;
+      }
+    }
+    if (data.transactionType === "transfer") {
+      if (!data.receiverAccountNumber || !receiverAccountLookedUp) {
+        toast$1.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 = () => {
@@ -13954,368 +14586,40 @@ function NewTransaction() {
   const handleCancel = () => {
     navigate("/dashboard");
   };
-  const accountDataGrid = accountData ? [
-    {
-      title: "Account Information",
-      items: [
-        { label: "Account Number", value: accountData.accountNumber },
-        { label: "Account Name", value: accountData.accountName },
-        { label: "Account Type", value: accountData.accountType },
-        { label: "Balance", value: accountData.balance },
-        { label: "Customer Name", value: accountData.customerName },
-        { label: "Customer ID", value: accountData.customerId }
-      ]
-    }
-  ] : [];
-  const counterpartyDataGrid = counterpartyData ? [
-    {
-      title: "Counterparty Information",
-      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: "Contact Email", value: counterpartyData.contactEmail },
-        { label: "Contact Phone", value: counterpartyData.contactPhone },
-        { label: "Address", value: counterpartyData.address }
-      ]
-    }
-  ] : [];
-  const reviewData = [
-    {
-      title: "Transaction Summary",
-      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" }
-      ]
-    }
-  ];
   return /* @__PURE__ */ jsx(
-    PageLayout,
+    NewTransactionView,
     {
-      title: "New Transaction",
-      children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto space-y-6", children: [
-        /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsxs("form", { onSubmit: (e) => e.preventDefault(), children: [
-          !accountLookedUp ? /* @__PURE__ */ jsx(
-            FormCard,
-            {
-              title: "Account Lookup",
-              variant: "default",
-              children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3 items-start w-full", children: [
-                /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
-                  FormInput,
-                  {
-                    name: "accountNumber",
-                    placeholder: "Enter account number"
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    onClick: handleAccountLookup,
-                    disabled: !accountNumber,
-                    className: "shrink-0 mt-0 w-48",
-                    children: [
-                      /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 mr-2" }),
-                      "Lookup Account"
-                    ]
-                  }
-                )
-              ] })
-            }
-          ) : (
-            /* Account Information (Read-only) */
-            /* @__PURE__ */ jsx(
-              FormCard,
-              {
-                title: "Account Information",
-                variant: "subtle",
-                headerActions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(CheckCircle2, { className: "h-5 w-5 text-success" }),
-                  /* @__PURE__ */ jsxs(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "sm",
-                      onClick: handleEditAccount,
-                      children: [
-                        /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4 mr-1" }),
-                        "Edit"
-                      ]
-                    }
-                  )
-                ] }),
-                children: /* @__PURE__ */ jsx(DataGrid, { data: accountDataGrid, columns: 2 })
-              }
-            )
-          ),
-          /* @__PURE__ */ jsx(
-            FormCard,
-            {
-              title: "Transaction Type",
-              variant: "default",
-              className: cn(!accountLookedUp && "opacity-50 pointer-events-none"),
-              children: /* @__PURE__ */ 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__ */ 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__ */ jsx(Icon2, { className: cn(
-                        "h-6 w-6 lg:h-5 lg:w-5 mb-2",
-                        isSelected ? "text-primary" : "text-muted-foreground"
-                      ) }),
-                      /* @__PURE__ */ jsx("span", { className: cn(
-                        "text-sm font-medium",
-                        isSelected ? "text-primary" : "text-foreground"
-                      ), children: type.label })
-                    ]
-                  },
-                  type.value
-                );
-              }) })
-            }
-          ),
-          !counterpartyLookedUp ? /* @__PURE__ */ jsx(
-            FormCard,
-            {
-              title: "Counterparty Lookup",
-              variant: "default",
-              className: cn(!transactionType && "opacity-50 pointer-events-none"),
-              children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3 items-start w-full", children: [
-                /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
-                  FormInput,
-                  {
-                    name: "counterpartyName",
-                    placeholder: "Enter counterparty name",
-                    disabled: !transactionType
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    onClick: handleCounterpartyLookup,
-                    disabled: !transactionType || !counterpartyName,
-                    className: "shrink-0 mt-0 w-48",
-                    children: [
-                      /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 mr-2" }),
-                      "Lookup Counterparty"
-                    ]
-                  }
-                )
-              ] })
-            }
-          ) : (
-            /* Counterparty Information (Read-only) */
-            /* @__PURE__ */ jsx(
-              FormCard,
-              {
-                title: "Counterparty Information",
-                variant: "subtle",
-                headerActions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(CheckCircle2, { className: "h-5 w-5 text-success" }),
-                  /* @__PURE__ */ jsxs(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "sm",
-                      onClick: handleEditCounterparty,
-                      children: [
-                        /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4 mr-1" }),
-                        "Edit"
-                      ]
-                    }
-                  )
-                ] }),
-                children: /* @__PURE__ */ jsx(DataGrid, { data: counterpartyDataGrid, columns: 2 })
-              }
-            )
-          ),
-          /* @__PURE__ */ jsx(
-            FormCard,
-            {
-              title: "Transaction Details",
-              variant: "default",
-              className: cn(!counterpartyLookedUp && "opacity-50 pointer-events-none"),
-              children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-[1fr_auto] gap-4", children: [
-                  /* @__PURE__ */ jsx(
-                    FormInput,
-                    {
-                      name: "amount",
-                      label: "Amount",
-                      placeholder: "0.00",
-                      type: "number",
-                      disabled: !counterpartyLookedUp
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    FormSelect,
-                    {
-                      name: "currency",
-                      label: "Currency",
-                      options: CURRENCY_OPTIONS,
-                      disabled: !counterpartyLookedUp,
-                      className: "w-48"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx(
-                  FormInput,
-                  {
-                    name: "description",
-                    label: "Description (Optional)",
-                    placeholder: "Enter transaction description",
-                    disabled: !counterpartyLookedUp
-                  }
-                )
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            FormCard,
-            {
-              title: "Review & Submit",
-              variant: "default",
-              children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-                /* @__PURE__ */ jsx(DataGrid, { data: reviewData, columns: 2 }),
-                /* @__PURE__ */ jsx("div", { className: "bg-muted/30 rounded-lg p-4 border border-border/50", children: /* @__PURE__ */ jsx(
-                  Controller,
-                  {
-                    name: "certifyInformation",
-                    control: form.control,
-                    render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-                        /* @__PURE__ */ jsx(
-                          Checkbox,
-                          {
-                            id: "certifyInformation",
-                            checked: field.value,
-                            onCheckedChange: field.onChange
-                          }
-                        ),
-                        /* @__PURE__ */ 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__ */ jsx("p", { className: "text-xs text-destructive ml-7", children: form.formState.errors.certifyInformation.message })
-                    ] })
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex gap-3 justify-end pt-4 border-t border-border", children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "outline",
-                      onClick: handleCancel,
-                      className: "w-32",
-                      children: "Cancel"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    Button,
-                    {
-                      type: "button",
-                      onClick: handleSubmit,
-                      className: "w-48",
-                      disabled: !transactionType || !accountNumber || !counterpartyName || !amount || !form.watch("certifyInformation"),
-                      children: [
-                        /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 mr-2" }),
-                        "Submit Transaction"
-                      ]
-                    }
-                  )
-                ] })
-              ] })
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx(Dialog, { open: confirmationOpen, onOpenChange: setConfirmationOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
-          /* @__PURE__ */ jsxs(DialogHeader, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
-              submissionStatus === "success" ? /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-6 w-6 text-success" }) }) : /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(XCircle, { className: "h-6 w-6 text-destructive" }) }),
-              /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl", children: submissionStatus === "success" ? "Transaction Successful" : "Transaction Failed" })
-            ] }),
-            /* @__PURE__ */ jsx(DialogDescription, { className: "text-left", children: submissionStatus === "success" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-2", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-foreground", children: "Your transaction has been successfully submitted and is being processed." }),
-              /* @__PURE__ */ jsxs("div", { className: "bg-muted/50 rounded-lg p-4 space-y-2", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Transaction ID:" }),
-                  /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: transactionId })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Amount:" }),
-                  /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-                    "$",
-                    amount
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Type:" }),
-                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: TRANSACTION_TYPES.find((t) => t.value === transactionType)?.label })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Counterparty:" }),
-                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: counterpartyName })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 bg-blue-500/10 border border-blue-500/20 rounded-lg", children: [
-                /* @__PURE__ */ jsx(AlertCircle, { className: "h-5 w-5 text-blue-500 mt-0.5 flex-shrink-0" }),
-                /* @__PURE__ */ 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__ */ jsxs("div", { className: "space-y-4 pt-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-4 bg-destructive/10 border border-destructive/20 rounded-lg", children: [
-                /* @__PURE__ */ jsx(XCircle, { className: "h-5 w-5 text-destructive mt-0.5 flex-shrink-0" }),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: "Error Processing Transaction" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: errorMessage })
-                ] })
-              ] }),
-              /* @__PURE__ */ 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__ */ jsxs(DialogFooter, { className: "sm:justify-end gap-2", children: [
-            submissionStatus === "error" && /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                variant: "outline",
-                onClick: () => setConfirmationOpen(false),
-                children: "Try Again"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                onClick: handleConfirmationClose,
-                variant: submissionStatus === "success" ? "default" : "outline",
-                children: submissionStatus === "success" ? "View Transactions" : "Close"
-              }
-            )
-          ] })
-        ] }) })
-      ] })
+      form,
+      accountLookedUp,
+      accountData,
+      counterpartyLookedUp,
+      counterpartyData,
+      confirmationOpen,
+      submissionStatus,
+      errorMessage,
+      transactionId,
+      isAccountLoading,
+      isCounterpartyLoading,
+      isSubmitting,
+      onAccountLookup: handleAccountLookup,
+      onEditAccount: handleEditAccount,
+      counterpartySearchResults,
+      isCounterpartySearching,
+      showCounterpartyDropdown,
+      onCounterpartySearchChange: handleCounterpartySearchChange,
+      onCounterpartySelect: handleCounterpartySelect,
+      onCounterpartyDropdownClose: () => setShowCounterpartyDropdown(false),
+      onEditCounterparty: handleEditCounterparty,
+      onTransactionTypeChange: handleTransactionTypeChange,
+      onSubmit: handleSubmit,
+      onCancel: handleCancel,
+      onConfirmationClose: handleConfirmationClose,
+      onConfirmationOpenChange: setConfirmationOpen,
+      receiverAccountLookedUp,
+      receiverAccountData,
+      isReceiverAccountLoading,
+      onReceiverAccountLookup: handleReceiverAccountLookup,
+      onEditReceiverAccount: handleEditReceiverAccount
     }
   );
 }
@@ -16348,6 +16652,6 @@ function ReconExceptions() {
   ] }) });
 }
 
-export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, AccountCard, AccountDetail_default as AccountDetail, Accounts_default as Accounts, AddressForm, AlertDetail_default as AlertDetail, AlertDetailRouter, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts_default as Alerts, AppSidebar, Badge, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, BusinessDetail_default as BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses_default as Businesses, Button, CIPStatusBadge, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cases_default as Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties_default as Counterparties, CounterpartiesView, CounterpartyBasicInfo, CounterpartyDetail_default as CounterpartyDetail, CounterpartyDetailView, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, CreateBusinessView, Create_default2 as CreateCounterparty, CreateCounterpartyView, Create_default3 as CreateIndividual, CreateVelocityLimit, Dashboard_default as Dashboard, DashboardDemo, DataGrid, DataTable, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail_default as IndividualDetail, Individuals_default as Individuals, InfoField, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NotFound_default as NotFound, OFACAlertView, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, ReconExceptions, ReconUpload, ResolveAlertDialog, ResponsiveGrid, ScrollArea, ScrollBar, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Stack, Statement, StatementHeader, StatementView, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail_default as TransactionDetail, TransactionHistory_default as TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, VelocityLimitDetail, VelocityLimits, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
+export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, ADJUSTMENT_DIRECTION_OPTIONS, ADJUSTMENT_TYPE_OPTIONS, AccountCard, AccountDetail_default as AccountDetail, Accounts_default as Accounts, AddressForm, AlertDetail_default as AlertDetail, AlertDetailRouter, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts_default as Alerts, AppSidebar, Badge, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, BusinessDetail_default as BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses_default as Businesses, Button, CIPStatusBadge, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cases_default as Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties_default as Counterparties, CounterpartiesView, CounterpartyBasicInfo, CounterpartyDetail_default as CounterpartyDetail, CounterpartyDetailView, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, CreateBusinessView, Create_default2 as CreateCounterparty, CreateCounterpartyView, Create_default3 as CreateIndividual, CreateVelocityLimit, Dashboard_default as Dashboard, DashboardDemo, DataGrid, DataTable, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail_default as IndividualDetail, Individuals_default as Individuals, InfoField, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NewTransactionView, NotFound_default as NotFound, OFACAlertView, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, ReconExceptions, ReconUpload, ResolveAlertDialog, ResponsiveGrid, ScrollArea, ScrollBar, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Stack, Statement, StatementHeader, StatementView, StatusBadge, TRANSACTION_TYPES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail_default as TransactionDetail, TransactionHistory_default as TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, VelocityLimitDetail, VelocityLimits, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, newTransactionSchema, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map