braid-ui 1.0.50 → 1.0.51

package/dist/index.cjs

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