braid-ui 1.0.50 → 1.0.52

package/dist/index.d.cts

@@ -1013,7 +1013,7 @@ interface NewTransactionFormValues {
 declare const TRANSACTION_TYPES: {
     value: string;
     label: string;
-    icon: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+    icon: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
 }[];
 declare const ADJUSTMENT_DIRECTION_OPTIONS: {
     value: string;
@@ -1047,6 +1047,7 @@ interface NewTransactionViewProps {
     onCancel: () => void;
     onConfirmationClose: () => void;
     onConfirmationOpenChange: (open: boolean) => void;
+    onNewTransaction: () => void;
     onCounterpartySearchChange: (value: string) => void;
     onCounterpartySelect: (result: CounterpartySearchResult) => void;
     onCounterpartyDropdownClose: () => void;
@@ -1055,8 +1056,9 @@ interface NewTransactionViewProps {
     isReceiverAccountLoading: boolean;
     onReceiverAccountLookup: () => void;
     onEditReceiverAccount: () => void;
+    isReviewReady: boolean;
 }
-declare const 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, }: NewTransactionViewProps) => react_jsx_runtime.JSX.Element;
+declare const NewTransactionView: ({ form, accountLookedUp, accountData, counterpartyLookedUp, counterpartyData, confirmationOpen, submissionStatus, errorMessage, transactionId, isAccountLoading, isCounterpartyLoading, isSubmitting, counterpartySearchResults, isCounterpartySearching, showCounterpartyDropdown, onAccountLookup, onEditAccount, onEditCounterparty, onTransactionTypeChange, onSubmit, onCancel, onConfirmationClose, onConfirmationOpenChange, onNewTransaction, onCounterpartySearchChange, onCounterpartySelect, onCounterpartyDropdownClose, receiverAccountLookedUp, receiverAccountData, isReceiverAccountLoading, onReceiverAccountLookup, onEditReceiverAccount, isReviewReady, }: NewTransactionViewProps) => react_jsx_runtime.JSX.Element;
 
 interface AccountCardProps {
     account: {
@@ -1235,7 +1237,10 @@ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.D
 declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    hideCloseButton?: boolean;
+}
+declare const DialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;

package/dist/index.d.ts

@@ -1013,7 +1013,7 @@ interface NewTransactionFormValues {
 declare const TRANSACTION_TYPES: {
     value: string;
     label: string;
-    icon: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+    icon: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
 }[];
 declare const ADJUSTMENT_DIRECTION_OPTIONS: {
     value: string;
@@ -1047,6 +1047,7 @@ interface NewTransactionViewProps {
     onCancel: () => void;
     onConfirmationClose: () => void;
     onConfirmationOpenChange: (open: boolean) => void;
+    onNewTransaction: () => void;
     onCounterpartySearchChange: (value: string) => void;
     onCounterpartySelect: (result: CounterpartySearchResult) => void;
     onCounterpartyDropdownClose: () => void;
@@ -1055,8 +1056,9 @@ interface NewTransactionViewProps {
     isReceiverAccountLoading: boolean;
     onReceiverAccountLookup: () => void;
     onEditReceiverAccount: () => void;
+    isReviewReady: boolean;
 }
-declare const 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, }: NewTransactionViewProps) => react_jsx_runtime.JSX.Element;
+declare const NewTransactionView: ({ form, accountLookedUp, accountData, counterpartyLookedUp, counterpartyData, confirmationOpen, submissionStatus, errorMessage, transactionId, isAccountLoading, isCounterpartyLoading, isSubmitting, counterpartySearchResults, isCounterpartySearching, showCounterpartyDropdown, onAccountLookup, onEditAccount, onEditCounterparty, onTransactionTypeChange, onSubmit, onCancel, onConfirmationClose, onConfirmationOpenChange, onNewTransaction, onCounterpartySearchChange, onCounterpartySelect, onCounterpartyDropdownClose, receiverAccountLookedUp, receiverAccountData, isReceiverAccountLoading, onReceiverAccountLookup, onEditReceiverAccount, isReviewReady, }: NewTransactionViewProps) => react_jsx_runtime.JSX.Element;
 
 interface AccountCardProps {
     account: {
@@ -1235,7 +1237,10 @@ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.D
 declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    hideCloseButton?: boolean;
+}
+declare const DialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;

package/dist/index.js

@@ -1247,7 +1247,7 @@ var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React15.forwardRef(({ className, children, hideCloseButton, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -1260,7 +1260,7 @@ var DialogContent = React15.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs(DialogPrimitive.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__ */ jsxs(DialogPrimitive.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__ */ jsx(X, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
         ] })
@@ -3067,7 +3067,7 @@ function AppSidebar() {
   ] });
 }
 var MainLayout = ({ children }) => {
-  return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen w-full", children: /* @__PURE__ */ jsx("main", { className: "flex-1", children }) });
+  return /* @__PURE__ */ jsx("main", { className: "flex-1 h-full overflow-y-auto", children });
 };
 var useEditState = ({ initialEditing = false, onToggleEdit, onSave, onCancel }) => {
   const [localEditing, setLocalEditing] = useState(initialEditing);
@@ -8225,7 +8225,7 @@ var StatementView = ({
   ] });
 };
 var ACHDetailsSection = ({ data }) => {
-  const formatCurrency = (value) => {
+  const formatCurrency3 = (value) => {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
@@ -8261,7 +8261,7 @@ var ACHDetailsSection = ({ data }) => {
           layout: "horizontal"
         }
       ),
-      /* @__PURE__ */ jsx(InfoField, { label: "Amount", value: formatCurrency(data.amount), layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Amount", value: formatCurrency3(data.amount), layout: "horizontal" }),
       /* @__PURE__ */ jsx(InfoField, { label: "SEC Code", value: data.secCode, layout: "horizontal" }),
       /* @__PURE__ */ jsx(InfoField, { label: "Company Entry Description", value: data.companyEntryDescription, layout: "horizontal" }),
       data.companyDiscretionaryData && /* @__PURE__ */ jsx(InfoField, { label: "Company Discretionary Data", value: data.companyDiscretionaryData, layout: "horizontal" }),
@@ -8344,6 +8344,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.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__ */ jsx(
+    EnhancedInput,
+    {
+      ...props,
+      value: displayValue,
+      onChange: handleChange,
+      onFocus: () => setIsFocused(true),
+      onBlur: () => setIsFocused(false),
+      inputMode: "decimal",
+      placeholder: props.placeholder || "$0.00"
+    }
+  );
+};
 var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
@@ -8363,6 +8394,15 @@ var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.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: ArrowLeftRight },
   { value: "adjustment", label: "Adjustment", icon: Settings },
@@ -8402,6 +8442,7 @@ var NewTransactionView = ({
   onCancel,
   onConfirmationClose,
   onConfirmationOpenChange,
+  onNewTransaction,
   onCounterpartySearchChange,
   onCounterpartySelect,
   onCounterpartyDropdownClose,
@@ -8409,7 +8450,8 @@ var NewTransactionView = ({
   receiverAccountData,
   isReceiverAccountLoading,
   onReceiverAccountLookup,
-  onEditReceiverAccount
+  onEditReceiverAccount,
+  isReviewReady
 }) => {
   const transactionType = form.watch("transactionType");
   const accountNumber = form.watch("accountNumber");
@@ -8467,7 +8509,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 = [
@@ -8476,7 +8518,8 @@ var NewTransactionView = ({
       items: reviewItems
     }
   ];
-  return /* @__PURE__ */ jsx(PageLayout, { title: "New Transaction", children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto space-y-6", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "container mx-auto p-6 space-y-6 max-w-4xl", children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold tracking-tight", children: "New Transaction" }) }),
     /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsxs("form", { onSubmit: (e) => e.preventDefault(), children: [
       !accountLookedUp ? /* @__PURE__ */ jsx(FormCard, { title: "Account Lookup", variant: "default", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3 items-start w-full", children: [
         /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
@@ -8696,13 +8739,20 @@ var NewTransactionView = ({
               )
             ] }),
             /* @__PURE__ */ jsx(
-              FormInput,
+              Controller,
               {
                 name: "amount",
-                label: "Amount",
-                placeholder: "0.00",
-                type: "number",
-                disabled: requiresCounterparty ? !counterpartyLookedUp : isTransfer ? !receiverAccountLookedUp : !transactionType
+                control: form.control,
+                render: ({ field }) => /* @__PURE__ */ jsx(
+                  CurrencyInput,
+                  {
+                    label: "Amount",
+                    value: field.value,
+                    onChange: field.onChange,
+                    disabled: requiresCounterparty ? !counterpartyLookedUp : isTransfer ? !receiverAccountLookedUp : !transactionType,
+                    error: form.formState.errors.amount?.message
+                  }
+                )
               }
             ),
             /* @__PURE__ */ jsx(
@@ -8717,7 +8767,7 @@ var NewTransactionView = ({
           ] })
         }
       ),
-      /* @__PURE__ */ jsx(FormCard, { title: "Review & Submit", variant: "default", children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(FormCard, { title: "Review & Submit", variant: "default", className: cn(!isReviewReady && "opacity-50 pointer-events-none"), children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
         /* @__PURE__ */ jsx(DataGrid, { data: reviewData, columns: 2 }),
         /* @__PURE__ */ jsx("div", { className: "bg-muted/30 rounded-lg p-4 border border-border/50", children: /* @__PURE__ */ jsx(
           Controller,
@@ -8768,7 +8818,8 @@ var NewTransactionView = ({
         ] })
       ] }) })
     ] }) }),
-    /* @__PURE__ */ jsx(Dialog, { open: confirmationOpen, onOpenChange: onConfirmationOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsx(Dialog, { open: confirmationOpen, onOpenChange: () => {
+    }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", hideCloseButton: true, children: [
       /* @__PURE__ */ jsxs(DialogHeader, { children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
           submissionStatus === "success" ? /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-6 w-6 text-success" }) }) : /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(XCircle, { className: "h-6 w-6 text-destructive" }) }),
@@ -8783,10 +8834,7 @@ var NewTransactionView = ({
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
               /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Amount:" }),
-              /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-                "$",
-                amount
-              ] })
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: formatCurrency2(amount) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
               /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Type:" }),
@@ -8813,19 +8861,20 @@ var NewTransactionView = ({
         ] }) })
       ] }),
       /* @__PURE__ */ jsxs(DialogFooter, { className: "sm:justify-end gap-2", children: [
-        submissionStatus === "error" && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onConfirmationOpenChange(false), children: "Try Again" }),
+        submissionStatus === "error" && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onConfirmationOpenChange(false), children: "Edit" }),
+        submissionStatus === "success" && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onNewTransaction, children: "New Transaction" }),
         /* @__PURE__ */ jsx(
           Button,
           {
             type: "button",
             onClick: onConfirmationClose,
             variant: submissionStatus === "success" ? "default" : "outline",
-            children: submissionStatus === "success" ? "View Transactions" : "Close"
+            children: submissionStatus === "success" ? "View Transaction" : "Close"
           }
         )
       ] })
     ] }) })
-  ] }) });
+  ] });
 };
 var typeIcons = {
   checking: CreditCard,
@@ -13914,7 +13963,7 @@ var TransactionHistory = () => {
     setRowsPerPage(value);
     setCurrentPage(1);
   };
-  const formatCurrency = (value) => {
+  const formatCurrency3 = (value) => {
     const formatted = new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
@@ -14091,23 +14140,19 @@ var TransactionHistory = () => {
             ),
             /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
               /* @__PURE__ */ 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__ */ 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)
                 }
               )
             ] }),
@@ -14207,7 +14252,7 @@ var TransactionHistory = () => {
             children: [
               /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-xs", children: transaction.created }),
               /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-xs", children: transaction.accountNumber }),
-              /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-xs text-right", children: /* @__PURE__ */ jsx("span", { className: transaction.amount < 0 ? "text-destructive" : "", children: formatCurrency(transaction.amount) }) }),
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-xs text-right", children: /* @__PURE__ */ jsx("span", { className: transaction.amount < 0 ? "text-destructive" : "", children: formatCurrency3(transaction.amount) }) }),
               /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(Button, { variant: "link", className: "h-auto p-0 font-normal text-xs", children: transaction.customer }) }),
               /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(Button, { variant: "link", className: "h-auto p-0 font-normal text-xs", children: transaction.counterparty }) }),
               /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-xs truncate", children: transaction.description }),
@@ -14577,15 +14622,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 = 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__ */ jsx(
     NewTransactionView,
     {
@@ -14615,11 +14702,13 @@ function NewTransaction() {
       onCancel: handleCancel,
       onConfirmationClose: handleConfirmationClose,
       onConfirmationOpenChange: setConfirmationOpen,
+      onNewTransaction: handleNewTransaction,
       receiverAccountLookedUp,
       receiverAccountData,
       isReceiverAccountLoading,
       onReceiverAccountLookup: handleReceiverAccountLookup,
-      onEditReceiverAccount: handleEditReceiverAccount
+      onEditReceiverAccount: handleEditReceiverAccount,
+      isReviewReady
     }
   );
 }
@@ -14670,7 +14759,7 @@ var TransactionDetail = () => {
         return "outline";
     }
   };
-  const formatCurrency = (value) => {
+  const formatCurrency3 = (value) => {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
@@ -14686,7 +14775,7 @@ var TransactionDetail = () => {
         /* @__PURE__ */ jsx("span", { className: cn(
           "font-semibold",
           transaction.amount < 0 ? "text-destructive" : "text-success"
-        ), children: formatCurrency(transaction.amount) }),
+        ), children: formatCurrency3(transaction.amount) }),
         /* @__PURE__ */ jsx(
           TransactionTypeBadge,
           {
@@ -15308,11 +15397,11 @@ function CreateVelocityLimit() {
       case "round_number":
         return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ 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__ */ jsx(
@@ -15425,11 +15514,11 @@ function CreateVelocityLimit() {
               }
             ),
             /* @__PURE__ */ 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__ */ jsx(