braid-ui 1.0.48 → 1.0.50

package/dist/index.cjs

@@ -8376,6 +8376,489 @@ var WireDetailsSection = ({ data }) => {
     ) })
   ] });
 };
+var Checkbox = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  CheckboxPrimitive__namespace.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__ */ jsxRuntime.jsx(
+      CheckboxPrimitive__namespace.Indicator,
+      {
+        className: cn("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
+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 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__ */ 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,
+          {
+            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,
+        {
+          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: () => 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,
+        {
+          title: "Counterparty Search",
+          variant: "default",
+          className: cn(!transactionType && "opacity-50 pointer-events-none"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "text",
+                    placeholder: "Start typing to search counterparties...",
+                    value: counterpartyName,
+                    onChange: (e) => onCounterpartySearchChange(e.target.value),
+                    disabled: !transactionType,
+                    className: cn(
+                      "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+                      "ring-offset-background placeholder:text-muted-foreground",
+                      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                      "disabled:cursor-not-allowed disabled:opacity-50",
+                      isCounterpartySearching && "pr-10"
+                    )
+                  }
+                ),
+                isCounterpartySearching && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) })
+              ] }),
+              showCounterpartyDropdown && counterpartySearchResults.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute z-50 w-full mt-1 bg-popover border border-border rounded-md shadow-lg max-h-60 overflow-auto", children: counterpartySearchResults.map((result) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onCounterpartySelect(result),
+                  className: "w-full px-3 py-2 text-left hover:bg-accent transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-sm", children: result.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: result.id })
+                  ]
+                },
+                result.id
+              )) }),
+              showCounterpartyDropdown && counterpartySearchResults.length === 0 && !isCounterpartySearching && counterpartyName.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute z-50 w-full mt-1 bg-popover border border-border rounded-md shadow-lg p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                'No counterparties found matching "',
+                counterpartyName,
+                '"'
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-2", children: "Type at least 2 characters to search" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        FormCard,
+        {
+          title: "Counterparty Information",
+          variant: "subtle",
+          headerActions: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-success" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", onClick: onEditCounterparty, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4 mr-1" }),
+              "Edit"
+            ] })
+          ] }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: counterpartyDataGrid, columns: 2 })
+        }
+      )),
+      isTransfer && (!receiverAccountLookedUp ? /* @__PURE__ */ jsxRuntime.jsx(
+        FormCard,
+        {
+          title: "Receiver Account",
+          variant: "default",
+          className: cn(!transactionType && "opacity-50 pointer-events-none"),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 items-start w-full", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+              FormInput,
+              {
+                name: "receiverAccountNumber",
+                placeholder: "Enter receiver account number",
+                disabled: !transactionType
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                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"
+            ] })
+          ] }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: receiverAccountDataGrid, columns: 2 })
+        }
+      )),
+      /* @__PURE__ */ jsxRuntime.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__ */ 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(
+                FormSelect,
+                {
+                  name: "adjustmentDirection",
+                  label: "Direction",
+                  placeholder: "Select direction",
+                  options: ADJUSTMENT_DIRECTION_OPTIONS,
+                  disabled: !transactionType
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FormSelect,
+                {
+                  name: "adjustmentType",
+                  label: "Adjustment Type",
+                  placeholder: "Select type",
+                  options: ADJUSTMENT_TYPE_OPTIONS,
+                  disabled: !transactionType
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FormInput,
+              {
+                name: "amount",
+                label: "Amount",
+                placeholder: "0.00",
+                type: "number",
+                disabled: requiresCounterparty ? !counterpartyLookedUp : isTransfer ? !receiverAccountLookedUp : !transactionType
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FormInput,
+              {
+                name: "description",
+                label: "Description (Optional)",
+                placeholder: "Enter transaction description",
+                disabled: requiresCounterparty ? !counterpartyLookedUp : isTransfer ? !receiverAccountLookedUp : !transactionType
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__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,
+          {
+            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: 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 })
+            ] }),
+            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: "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,
   savings: lucideReact.Building,
@@ -8450,25 +8933,6 @@ var BusinessTypeBadge = ({ type, className }) => {
     config.label
   ] });
 };
-var Checkbox = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  CheckboxPrimitive__namespace.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__ */ jsxRuntime.jsx(
-      CheckboxPrimitive__namespace.Indicator,
-      {
-        className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" })
-      }
-    )
-  }
-));
-Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
 var DetailPageLayout = ({
   title,
   description,
@@ -13842,30 +14306,43 @@ 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 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 mockAccountData = {
   accountNumber: "****1234",
   accountName: "Business Checking",
@@ -13875,27 +14352,25 @@ var mockAccountData = {
   customerId: "CUST-001",
   customerType: "Business"
 };
-var mockCounterpartyData = {
-  counterpartyName: "Global Tech Solutions Inc.",
-  counterpartyId: "CP-5678",
-  counterpartyType: "Business",
-  status: "Active",
-  taxId: "98-7654321",
-  primaryContact: "Sarah Johnson",
-  contactEmail: "sarah.johnson@globaltech.com",
-  contactPhone: "+1 (555) 987-6543",
-  address: "456 Innovation Drive, San Francisco, CA 94105"
-};
 function NewTransaction() {
   const navigate = reactRouterDom.useNavigate();
   const [accountLookedUp, setAccountLookedUp] = React15.useState(false);
   const [accountData, setAccountData] = React15.useState(null);
   const [counterpartyLookedUp, setCounterpartyLookedUp] = React15.useState(false);
   const [counterpartyData, setCounterpartyData] = React15.useState(null);
+  const [counterpartySearchResults, setCounterpartySearchResults] = React15.useState([]);
+  const [isCounterpartySearching, setIsCounterpartySearching] = React15.useState(false);
+  const [showCounterpartyDropdown, setShowCounterpartyDropdown] = React15.useState(false);
   const [confirmationOpen, setConfirmationOpen] = React15.useState(false);
   const [submissionStatus, setSubmissionStatus] = React15.useState(null);
   const [errorMessage, setErrorMessage] = React15.useState("");
   const [transactionId, setTransactionId] = React15.useState("");
+  const [isAccountLoading, setIsAccountLoading] = React15.useState(false);
+  const [isCounterpartyLoading, setIsCounterpartyLoading] = React15.useState(false);
+  const [isSubmitting, setIsSubmitting] = React15.useState(false);
+  const [receiverAccountLookedUp, setReceiverAccountLookedUp] = React15.useState(false);
+  const [receiverAccountData, setReceiverAccountData] = React15.useState(null);
+  const [isReceiverAccountLoading, setIsReceiverAccountLoading] = React15.useState(false);
   const form = reactHookForm.useForm({
     resolver: zod$1.zodResolver(newTransactionSchema),
     defaultValues: {
@@ -13903,34 +14378,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) {
       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);
+    }
+    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.`
+          );
+        }
+      }
     }
-    setCounterpartyData(mockCounterpartyData);
-    setCounterpartyLookedUp(true);
-    sonner.toast.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);
+      sonner.toast.success("Counterparty selected");
+    }, 500);
   };
   const handleEditAccount = () => {
     setAccountLookedUp(false);
@@ -13941,40 +14513,100 @@ function NewTransaction() {
     form.setValue("counterpartyName", "");
     form.setValue("amount", "");
     form.setValue("description", "");
+    form.setValue("adjustmentDirection", "");
+    form.setValue("adjustmentType", "");
+    setReceiverAccountLookedUp(false);
+    setReceiverAccountData(null);
+    form.setValue("receiverAccountNumber", "");
+  };
+  const handleReceiverAccountLookup = async () => {
+    const receiverNum = form.getValues("receiverAccountNumber");
+    if (!receiverNum) {
+      sonner.toast.error("Please enter a receiver account number");
+      return;
+    }
+    setIsReceiverAccountLoading(true);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 1e3));
+      setReceiverAccountData({
+        accountNumber: "****" + receiverNum.slice(-4),
+        accountName: "Receiver Account",
+        accountType: "Checking",
+        balance: "$45,230.00",
+        customerName: "Receiver Corp",
+        customerId: "CUST-RCV-001",
+        customerType: "Business"
+      });
+      setReceiverAccountLookedUp(true);
+      sonner.toast.success("Receiver account found");
+    } catch (error) {
+      sonner.toast.error("Failed to lookup receiver account");
+    } finally {
+      setIsReceiverAccountLoading(false);
+    }
+  };
+  const handleEditReceiverAccount = () => {
+    setReceiverAccountLookedUp(false);
+    setReceiverAccountData(null);
+    form.setValue("receiverAccountNumber", "");
   };
   const handleEditCounterparty = () => {
     setCounterpartyLookedUp(false);
     setCounterpartyData(null);
+    setCounterpartySearchResults([]);
+    setShowCounterpartyDropdown(false);
+    form.setValue("counterpartyName", "");
     form.setValue("amount", "");
     form.setValue("description", "");
   };
-  const handleSubmit = () => {
+  const handleSubmit = async () => {
     const data = form.getValues();
-    if (!data.transactionType || !data.accountNumber || !data.counterpartyName || !data.amount) {
+    const requiresCounterparty = ["ach", "wire"].includes(data.transactionType);
+    if (!data.transactionType || !data.accountNumber || !data.amount) {
       sonner.toast.error("Please complete all required fields");
       return;
     }
-    if (!accountLookedUp || !counterpartyLookedUp) {
-      sonner.toast.error("Please lookup both account and counterparty");
+    if (requiresCounterparty && (!data.counterpartyName || !counterpartyLookedUp)) {
+      sonner.toast.error("Please lookup counterparty for this transaction type");
       return;
     }
-    const 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) {
+      sonner.toast.error("Please lookup account");
+      return;
+    }
+    if (data.transactionType === "adjustment") {
+      if (!data.adjustmentDirection || !data.adjustmentType) {
+        sonner.toast.error("Please select direction and type for adjustment");
+        return;
+      }
+    }
+    if (data.transactionType === "transfer") {
+      if (!data.receiverAccountNumber || !receiverAccountLookedUp) {
+        sonner.toast.error("Please lookup receiver account for transfer");
+        return;
+      }
+    }
+    setIsSubmitting(true);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 1500));
+      const hasError = Math.random() > 0.7;
+      if (hasError) {
+        const errorScenarios = [
+          "Insufficient funds. Current balance: $125,450.00, Required: $" + parseFloat(data.amount).toFixed(2),
+          "Transaction limit exceeded. Daily limit: $50,000.00",
+          "Counterparty account is temporarily unavailable. Please try again later.",
+          "Invalid routing number for the selected transaction type."
+        ];
+        setSubmissionStatus("error");
+        setErrorMessage(errorScenarios[Math.floor(Math.random() * errorScenarios.length)]);
+      } else {
+        const txId = "TXN-" + Math.random().toString(36).substr(2, 9).toUpperCase();
+        setTransactionId(txId);
+        setSubmissionStatus("success");
+      }
       setConfirmationOpen(true);
+    } finally {
+      setIsSubmitting(false);
     }
   };
   const handleConfirmationClose = () => {
@@ -13986,368 +14618,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__ */ jsxRuntime.jsx(
-    PageLayout,
+    NewTransactionView,
     {
-      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,
-                  {
-                    name: "accountNumber",
-                    placeholder: "Enter account number"
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  Button,
-                  {
-                    onClick: handleAccountLookup,
-                    disabled: !accountNumber,
-                    className: "shrink-0 mt-0 w-48",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4 mr-2" }),
-                      "Lookup Account"
-                    ]
-                  }
-                )
-              ] })
-            }
-          ) : (
-            /* Account Information (Read-only) */
-            /* @__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: handleEditAccount,
-                      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: handleCounterpartyLookup,
-                    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"
-                    ]
-                  }
-                )
-              ] })
-            }
-          ) : (
-            /* Counterparty Information (Read-only) */
-            /* @__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: handleEditCounterparty,
-                      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(
-                    FormInput,
-                    {
-                      name: "amount",
-                      label: "Amount",
-                      placeholder: "0.00",
-                      type: "number",
-                      disabled: !counterpartyLookedUp
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    FormSelect,
-                    {
-                      name: "currency",
-                      label: "Currency",
-                      options: CURRENCY_OPTIONS,
-                      disabled: !counterpartyLookedUp,
-                      className: "w-48"
-                    }
-                  )
-                ] }),
-                /* @__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,
-                  {
-                    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: handleCancel,
-                      className: "w-32",
-                      children: "Cancel"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    Button,
-                    {
-                      type: "button",
-                      onClick: handleSubmit,
-                      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"
-                      ]
-                    }
-                  )
-                ] })
-              ] })
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: confirmationOpen, onOpenChange: setConfirmationOpen, 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: () => setConfirmationOpen(false),
-                children: "Try Again"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.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
     }
   );
 }
@@ -16384,6 +16688,8 @@ exports.ACHBankCard = ACHBankCard;
 exports.ACHBasicInfoCard = ACHBasicInfoCard;
 exports.ACHDetailsSection = ACHDetailsSection;
 exports.ACHTransferSection = ACHTransferSection;
+exports.ADJUSTMENT_DIRECTION_OPTIONS = ADJUSTMENT_DIRECTION_OPTIONS;
+exports.ADJUSTMENT_TYPE_OPTIONS = ADJUSTMENT_TYPE_OPTIONS;
 exports.AccountCard = AccountCard;
 exports.AccountDetail = AccountDetail_default;
 exports.Accounts = Accounts_default;
@@ -16485,6 +16791,7 @@ exports.ListPage = ListPage;
 exports.MainLayout = MainLayout;
 exports.MetricCard = MetricCard;
 exports.NewTransaction = NewTransaction;
+exports.NewTransactionView = NewTransactionView;
 exports.NotFound = NotFound_default;
 exports.OFACAlertView = OFACAlertView;
 exports.OriginatorCard = OriginatorCard;
@@ -16542,6 +16849,7 @@ exports.Statement = Statement;
 exports.StatementHeader = StatementHeader;
 exports.StatementView = StatementView;
 exports.StatusBadge = StatusBadge;
+exports.TRANSACTION_TYPES = TRANSACTION_TYPES;
 exports.Table = Table;
 exports.TableBody = TableBody;
 exports.TableCaption = TableCaption;
@@ -16581,6 +16889,7 @@ exports.cardVariants = cardVariants;
 exports.downloadCSV = downloadCSV;
 exports.generateStatementCSV = generateStatementCSV;
 exports.inputVariants = inputVariants;
+exports.newTransactionSchema = newTransactionSchema;
 exports.reducer = reducer;
 exports.textareaVariants = textareaVariants;
 exports.toast = toast;