braid-ui 1.0.62 → 1.0.63

package/dist/index.cjs

@@ -65,6 +65,14 @@ var ToastPrimitives__namespace = /*#__PURE__*/_interopNamespace(ToastPrimitives)
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+function formatCurrency(value, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).format(value);
+}
 var cardVariants = classVarianceAuthority.cva(
   "rounded-lg border bg-card text-card-foreground transition-all duration-200",
   {
@@ -310,7 +318,12 @@ var badgeVariants = classVarianceAuthority.cva(
         "alert-ofac": "border-red-200 bg-red-50 text-red-700 hover:bg-red-100 dark:border-red-800 dark:bg-red-950 dark:text-red-300 font-medium",
         "alert-dual": "border-emerald-200 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-300 font-medium",
         "alert-monitoring": "border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-300 font-medium",
-        "alert-error": "border-rose-200 bg-rose-50 text-rose-700 hover:bg-rose-100 dark:border-rose-800 dark:bg-rose-950 dark:text-rose-300 font-medium"
+        "alert-error": "border-rose-200 bg-rose-50 text-rose-700 hover:bg-rose-100 dark:border-rose-800 dark:bg-rose-950 dark:text-rose-300 font-medium",
+        // Account type variants
+        checking: "border-blue-200 bg-blue-50 text-blue-700 hover:bg-blue-100 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300",
+        savings: "border-emerald-200 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-300",
+        "zero-balance": "border-slate-200 bg-slate-50 text-slate-700 hover:bg-slate-100 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-300",
+        funding: "border-violet-200 bg-violet-50 text-violet-700 hover:bg-violet-100 dark:border-violet-800 dark:bg-violet-950 dark:text-violet-300"
       }
     },
     defaultVariants: {
@@ -8060,7 +8073,7 @@ var columns = [
     title: "Amount",
     sortable: true,
     align: "right",
-    render: (value) => `$${value.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
+    render: (value) => formatCurrency(value)
   },
   {
     key: "count",
@@ -8257,7 +8270,7 @@ var StatementView = ({
   ] });
 };
 var ACHDetailsSection = ({ data }) => {
-  const formatCurrency4 = (value) => {
+  const formatCurrency5 = (value) => {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
@@ -8293,7 +8306,7 @@ var ACHDetailsSection = ({ data }) => {
           layout: "horizontal"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Amount", value: formatCurrency4(data.amount), layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Amount", value: formatCurrency5(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,7 +8389,7 @@ var WireDetailsSection = ({ data }) => {
     ) })
   ] });
 };
-var formatCurrency = (value) => {
+var formatCurrency2 = (value) => {
   const numValue = typeof value === "string" ? parseFloat(value) : value;
   if (isNaN(numValue)) return "";
   return new Intl.NumberFormat("en-US", {
@@ -8387,7 +8400,7 @@ var formatCurrency = (value) => {
 };
 var CurrencyInput = ({ value, onChange, ...props }) => {
   const [isFocused, setIsFocused] = React15__namespace.useState(false);
-  const displayValue = value ? isFocused ? value : formatCurrency(value) : "";
+  const displayValue = value ? isFocused ? value : formatCurrency2(value) : "";
   const handleChange = (e) => {
     const rawValue = e.target.value.replace(/[^0-9.]/g, "");
     const parts = rawValue.split(".");
@@ -8426,7 +8439,7 @@ var Checkbox = React15__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var formatCurrency2 = (value) => {
+var formatCurrency3 = (value) => {
   const numValue = typeof value === "string" ? parseFloat(value) : value;
   if (isNaN(numValue)) return "-";
   return new Intl.NumberFormat("en-US", {
@@ -8538,7 +8551,7 @@ var NewTransactionView = ({
     ] : [],
     ...isTransfer ? [{ label: "Receiver Account", value: receiverAccountNumber || "-" }] : [],
     ...requiresCounterparty ? [{ label: "Counterparty", value: counterpartyName || "-" }] : [],
-    { label: "Amount", value: amount ? formatCurrency2(amount) : "-" },
+    { label: "Amount", value: amount ? formatCurrency3(amount) : "-" },
     { label: "Description", value: form.watch("description") || "N/A" }
   ];
   const reviewData = [
@@ -8904,7 +8917,7 @@ var NewTransactionView = ({
           ] }),
           /* @__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.jsx("span", { className: "font-medium", children: formatCurrency3(amount) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Description:" }),
@@ -8935,6 +8948,115 @@ var NewTransactionView = ({
     ] }) })
   ] });
 };
+var EnhancedMultiSelect = ({
+  label,
+  value = [],
+  onValueChange,
+  options,
+  placeholder = "Select options",
+  className,
+  disabled = false
+}) => {
+  const [open, setOpen] = React15__namespace.useState(false);
+  const handleSelect = (optionValue) => {
+    if (value.includes(optionValue)) {
+      onValueChange(value.filter((v) => v !== optionValue));
+    } else {
+      onValueChange([...value, optionValue]);
+    }
+  };
+  const handleRemove = (optionValue, e) => {
+    e.stopPropagation();
+    onValueChange(value.filter((v) => v !== optionValue));
+  };
+  const selectedLabels = value.map((v) => options.find((opt) => opt.value === v)?.label).filter(Boolean);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        Button,
+        {
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          disabled,
+          className: "w-full justify-between font-normal h-auto min-h-10",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 flex-1 text-left", children: selectedLabels.length > 0 ? selectedLabels.map((label2, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              Badge,
+              {
+                variant: "secondary",
+                className: "text-xs",
+                children: [
+                  label2,
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    lucideReact.X,
+                    {
+                      className: "ml-1 h-3 w-3 cursor-pointer",
+                      onClick: (e) => handleRemove(value[index], e)
+                    }
+                  )
+                ]
+              },
+              value[index]
+            )) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: placeholder }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-full min-w-[200px] p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-60 overflow-auto p-1", children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm cursor-pointer hover:bg-accent hover:text-accent-foreground",
+            value.includes(option.value) && "bg-accent"
+          ),
+          onClick: () => handleSelect(option.value),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
+                  value.includes(option.value) ? "bg-primary text-primary-foreground" : "opacity-50"
+                ),
+                children: value.includes(option.value) && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3 w-3" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: option.label })
+          ]
+        },
+        option.value
+      )) }) })
+    ] })
+  ] });
+};
+var defaultFilters = {
+  originalFileName: "",
+  requesterIpAddress: "",
+  requesterUsername: "",
+  showAchNoc: false,
+  excludeWire: false,
+  excludeAch: false,
+  wireFileHandle: "",
+  direction: "",
+  counterpartyId: "",
+  customerId: "",
+  settlementFileName: "",
+  isInbound: false,
+  accountNumber: "",
+  processingStatus: [],
+  beginDate: void 0,
+  endDate: void 0,
+  postDateStart: void 0,
+  postDateEnd: void 0,
+  maxAmount: "",
+  minAmount: "",
+  productId: "",
+  paymentId: "",
+  transactionStatus: [],
+  transactionType: []
+};
 var TransactionHistoryFiltersSheet = ({
   filters,
   onFilterChange,
@@ -8949,6 +9071,10 @@ var TransactionHistoryFiltersSheet = ({
   const handleLocalFilterChange = (field, value) => {
     setLocalFilters((prev) => ({ ...prev, [field]: value }));
   };
+  const handleDateChange = (field, date) => {
+    const isoString = date ? date.toISOString() : void 0;
+    handleLocalFilterChange(field, isoString);
+  };
   const handleApplyFilters = () => {
     Object.entries(localFilters).forEach(([key, value]) => {
       onFilterChange(key, value);
@@ -8957,32 +9083,15 @@ var TransactionHistoryFiltersSheet = ({
     setOpen(false);
   };
   const handleResetFilters = () => {
-    const resetFilters = {
-      accountNumber: "",
-      product: "",
-      customerId: "",
-      counterpartyId: "",
-      settlementFileName: "",
-      originalFileName: "",
-      requesterIpAddress: "",
-      requesterUsername: "",
-      wireFileHandle: "",
-      paymentId: "",
-      transactionType: "",
-      transactionStatus: "",
-      processingStatus: "",
-      direction: "",
-      minAmount: "",
-      maxAmount: "",
-      creationDateStart: void 0,
-      creationDateEnd: void 0,
-      postDateStart: void 0,
-      postDateEnd: void 0
-    };
-    setLocalFilters(resetFilters);
+    setLocalFilters(defaultFilters);
     onResetFilters();
     setOpen(false);
   };
+  const parseDate = (dateStr) => {
+    if (!dateStr) return void 0;
+    const date = new Date(dateStr);
+    return isNaN(date.getTime()) ? void 0 : date;
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", className: "gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-4 w-4" }),
@@ -8991,12 +9100,61 @@ var TransactionHistoryFiltersSheet = ({
     /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
       /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: "Transaction Filters" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 py-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: "Options" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  id: "showAchNoc",
+                  checked: localFilters.showAchNoc || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("showAchNoc", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "showAchNoc", className: "text-sm font-normal", children: "Show ACH NOC" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  id: "isInbound",
+                  checked: localFilters.isInbound || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("isInbound", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "isInbound", className: "text-sm font-normal", children: "Is Inbound" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  id: "excludeWire",
+                  checked: localFilters.excludeWire || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("excludeWire", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "excludeWire", className: "text-sm font-normal", children: "Exclude Wire" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  id: "excludeAch",
+                  checked: localFilters.excludeAch || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("excludeAch", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "excludeAch", className: "text-sm font-normal", children: "Exclude ACH" })
+            ] })
+          ] })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             EnhancedInput,
             {
               label: "Account Number",
-              value: localFilters.accountNumber,
+              value: localFilters.accountNumber || "",
               onChange: (e) => handleLocalFilterChange("accountNumber", e.target.value),
               placeholder: "Enter account number"
             }
@@ -9004,9 +9162,9 @@ var TransactionHistoryFiltersSheet = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             EnhancedSelect,
             {
-              label: "Product",
-              value: localFilters.product,
-              onValueChange: (value) => handleLocalFilterChange("product", value),
+              label: "Product ID",
+              value: localFilters.productId || "",
+              onValueChange: (value) => handleLocalFilterChange("productId", value),
               placeholder: "Select product",
               options: [
                 { value: "wire", label: "Wire" },
@@ -9021,7 +9179,7 @@ var TransactionHistoryFiltersSheet = ({
             EnhancedInput,
             {
               label: "Customer ID",
-              value: localFilters.customerId,
+              value: localFilters.customerId || "",
               onChange: (e) => handleLocalFilterChange("customerId", e.target.value),
               placeholder: "Enter customer ID"
             }
@@ -9030,7 +9188,7 @@ var TransactionHistoryFiltersSheet = ({
             EnhancedInput,
             {
               label: "Counterparty ID",
-              value: localFilters.counterpartyId,
+              value: localFilters.counterpartyId || "",
               onChange: (e) => handleLocalFilterChange("counterpartyId", e.target.value),
               placeholder: "Enter counterparty ID"
             }
@@ -9040,7 +9198,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Settlement File Name",
-            value: localFilters.settlementFileName,
+            value: localFilters.settlementFileName || "",
             onChange: (e) => handleLocalFilterChange("settlementFileName", e.target.value),
             placeholder: "Enter settlement file name"
           }
@@ -9049,7 +9207,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Original File Name",
-            value: localFilters.originalFileName,
+            value: localFilters.originalFileName || "",
             onChange: (e) => handleLocalFilterChange("originalFileName", e.target.value),
             placeholder: "Enter original file name"
           }
@@ -9058,7 +9216,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Requester IP Address",
-            value: localFilters.requesterIpAddress,
+            value: localFilters.requesterIpAddress || "",
             onChange: (e) => handleLocalFilterChange("requesterIpAddress", e.target.value),
             placeholder: "Enter IP address"
           }
@@ -9067,7 +9225,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Requester Username",
-            value: localFilters.requesterUsername,
+            value: localFilters.requesterUsername || "",
             onChange: (e) => handleLocalFilterChange("requesterUsername", e.target.value),
             placeholder: "Enter username"
           }
@@ -9076,7 +9234,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Wire File Handle",
-            value: localFilters.wireFileHandle,
+            value: localFilters.wireFileHandle || "",
             onChange: (e) => handleLocalFilterChange("wireFileHandle", e.target.value),
             placeholder: "Enter wire file handle"
           }
@@ -9085,18 +9243,18 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Payment ID",
-            value: localFilters.paymentId,
+            value: localFilters.paymentId || "",
             onChange: (e) => handleLocalFilterChange("paymentId", e.target.value),
             placeholder: "Enter payment ID"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedSelect,
+          EnhancedMultiSelect,
           {
             label: "Transaction Type",
-            value: localFilters.transactionType,
+            value: localFilters.transactionType || [],
             onValueChange: (value) => handleLocalFilterChange("transactionType", value),
-            placeholder: "Select transaction type",
+            placeholder: "Select transaction types",
             options: [
               { value: "ach_credit", label: "ACH Credit" },
               { value: "ach_debit", label: "ACH Debit" },
@@ -9106,12 +9264,12 @@ var TransactionHistoryFiltersSheet = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedSelect,
+          EnhancedMultiSelect,
           {
             label: "Transaction Status",
-            value: localFilters.transactionStatus,
+            value: localFilters.transactionStatus || [],
             onValueChange: (value) => handleLocalFilterChange("transactionStatus", value),
-            placeholder: "Select transaction status",
+            placeholder: "Select transaction statuses",
             options: [
               { value: "PENDING", label: "Pending" },
               { value: "POSTED", label: "Posted" },
@@ -9121,12 +9279,12 @@ var TransactionHistoryFiltersSheet = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedSelect,
+          EnhancedMultiSelect,
           {
             label: "Processing Status",
-            value: localFilters.processingStatus,
+            value: localFilters.processingStatus || [],
             onValueChange: (value) => handleLocalFilterChange("processingStatus", value),
-            placeholder: "Select processing status",
+            placeholder: "Select processing statuses",
             options: [
               { value: "processing", label: "Processing" },
               { value: "completed", label: "Completed" },
@@ -9138,7 +9296,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedSelect,
           {
             label: "Direction",
-            value: localFilters.direction,
+            value: localFilters.direction || "",
             onValueChange: (value) => handleLocalFilterChange("direction", value),
             placeholder: "Select direction",
             options: [
@@ -9152,7 +9310,7 @@ var TransactionHistoryFiltersSheet = ({
             CurrencyInput,
             {
               label: "Min Amount",
-              value: localFilters.minAmount,
+              value: localFilters.minAmount || "",
               onChange: (value) => handleLocalFilterChange("minAmount", value)
             }
           ),
@@ -9160,19 +9318,19 @@ var TransactionHistoryFiltersSheet = ({
             CurrencyInput,
             {
               label: "Max Amount",
-              value: localFilters.maxAmount,
+              value: localFilters.maxAmount || "",
               onChange: (value) => handleLocalFilterChange("maxAmount", value)
             }
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Creation Date Start" }),
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Begin Date" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               DatePicker,
               {
-                date: localFilters.creationDateStart,
-                onDateChange: (date) => handleLocalFilterChange("creationDateStart", date),
+                date: parseDate(localFilters.beginDate),
+                onDateChange: (date) => handleDateChange("beginDate", date),
                 placeholder: "MM/DD/YYYY",
                 buttonClassName: "w-full",
                 className: "bg-background z-50"
@@ -9180,12 +9338,12 @@ var TransactionHistoryFiltersSheet = ({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Creation Date End" }),
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "End Date" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               DatePicker,
               {
-                date: localFilters.creationDateEnd,
-                onDateChange: (date) => handleLocalFilterChange("creationDateEnd", date),
+                date: parseDate(localFilters.endDate),
+                onDateChange: (date) => handleDateChange("endDate", date),
                 placeholder: "MM/DD/YYYY",
                 buttonClassName: "w-full",
                 className: "bg-background z-50"
@@ -9199,8 +9357,8 @@ var TransactionHistoryFiltersSheet = ({
             /* @__PURE__ */ jsxRuntime.jsx(
               DatePicker,
               {
-                date: localFilters.postDateStart,
-                onDateChange: (date) => handleLocalFilterChange("postDateStart", date),
+                date: parseDate(localFilters.postDateStart),
+                onDateChange: (date) => handleDateChange("postDateStart", date),
                 placeholder: "MM/DD/YYYY",
                 buttonClassName: "w-full",
                 className: "bg-background z-50"
@@ -9212,8 +9370,8 @@ var TransactionHistoryFiltersSheet = ({
             /* @__PURE__ */ jsxRuntime.jsx(
               DatePicker,
               {
-                date: localFilters.postDateEnd,
-                onDateChange: (date) => handleLocalFilterChange("postDateEnd", date),
+                date: parseDate(localFilters.postDateEnd),
+                onDateChange: (date) => handleDateChange("postDateEnd", date),
                 placeholder: "MM/DD/YYYY",
                 buttonClassName: "w-full",
                 className: "bg-background z-50"
@@ -9249,7 +9407,7 @@ var TransactionHistoryView = ({
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 mt-4 overflow-auto", children: table }) }) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 mt-4 pb-6 overflow-auto", children: table }) }) })
   ] });
 };
 var TransactionTypeBadge = ({
@@ -9295,7 +9453,7 @@ var getProcessingStatusVariant = (status) => {
       return "outline";
   }
 };
-var formatCurrency3 = (value) => {
+var formatCurrency4 = (value) => {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD",
@@ -9324,7 +9482,7 @@ var TransactionDetailView = ({
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
           "font-semibold",
           transaction.amount < 0 ? "text-destructive" : "text-success"
-        ), children: formatCurrency3(transaction.amount) }),
+        ), children: formatCurrency4(transaction.amount) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           TransactionTypeBadge,
           {
@@ -9455,6 +9613,181 @@ var TransactionDetailView = ({
     }
   );
 };
+var cancelTransactionSchema = zod.z.object({
+  reason: zod.z.string().min(1, "Reason is required").max(500, "Reason must be less than 500 characters")
+});
+var returnTransactionSchema = zod.z.object({
+  reasonCode: zod.z.string().min(1, "Reason code is required")
+});
+var CancelTransactionDialog = ({
+  transactionId,
+  open,
+  onOpenChange,
+  onCancel
+}) => {
+  const { toast: toast6 } = useToast();
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+    reset
+  } = useFormWithEditState({
+    schema: cancelTransactionSchema,
+    defaultValues: {
+      reason: ""
+    }
+  });
+  const onSubmit = async (data) => {
+    try {
+      await onCancel(data);
+      toast6({
+        title: "Transaction Cancelled",
+        description: `Transaction ${transactionId} has been cancelled successfully.`
+      });
+      reset();
+      onOpenChange(false);
+    } catch (error) {
+      toast6({
+        title: "Error",
+        description: "Failed to cancel the transaction. Please try again.",
+        variant: "destructive"
+      });
+    }
+  };
+  const handleClose = () => {
+    reset();
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Cancel Transaction" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
+        "Please provide a reason for cancelling transaction ",
+        transactionId,
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EnhancedTextarea,
+        {
+          label: "Cancellation Reason",
+          placeholder: "Enter the reason for cancellation...",
+          error: errors.reason?.message,
+          ...register("reason")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: handleClose,
+            disabled: isSubmitting,
+            children: "Close"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "submit",
+            variant: "destructive",
+            disabled: isSubmitting,
+            children: isSubmitting ? "Cancelling..." : "Cancel Transaction"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+};
+function ReturnTransactionDialog({
+  transactionId,
+  open,
+  onOpenChange,
+  onReturn,
+  reasonCodes
+}) {
+  const {
+    watch,
+    setValue,
+    handleSave,
+    handleCancel,
+    isLoading,
+    formState: { errors }
+  } = useFormWithEditState({
+    schema: returnTransactionSchema,
+    initialEditing: true,
+    onSave: async (data) => {
+      try {
+        await onReturn(data);
+        toast({
+          title: "Transaction returned",
+          description: `Transaction #${transactionId} has been returned successfully.`
+        });
+        onOpenChange(false);
+      } catch (error) {
+        toast({
+          title: "Error",
+          description: "Failed to return transaction. Please try again.",
+          variant: "destructive"
+        });
+        throw error;
+      }
+    },
+    onCancel: () => {
+      onOpenChange(false);
+    }
+  });
+  const reasonCode = watch("reasonCode");
+  const selectOptions = reasonCodes.map((code) => ({
+    value: code.value,
+    label: code.label
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Return Transaction" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
+        "Select a reason code to return transaction #",
+        transactionId,
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedSelect,
+      {
+        label: "Reason Code",
+        placeholder: "Select a reason code",
+        options: selectOptions,
+        value: reasonCode || "",
+        onValueChange: (value) => setValue("reasonCode", value),
+        error: errors.reasonCode?.message
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleCancel,
+          disabled: isLoading,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "destructive",
+          onClick: handleSave,
+          disabled: isLoading || !reasonCode,
+          children: isLoading ? "Returning..." : "Return Transaction"
+        }
+      )
+    ] })
+  ] }) });
+}
 var typeIcons = {
   checking: lucideReact.CreditCard,
   savings: lucideReact.Building,
@@ -10724,6 +11057,36 @@ var useCounterpartyEntity = (counterparties) => {
   }, [counterparties]);
   return { counterparties: enrichedCounterparties, loading };
 };
+var typeConfig4 = {
+  checking: {
+    variant: "checking",
+    label: "Checking",
+    icon: lucideReact.Wallet
+  },
+  savings: {
+    variant: "savings",
+    label: "Savings",
+    icon: lucideReact.PiggyBank
+  },
+  "zero-balance": {
+    variant: "zero-balance",
+    label: "Zero Balance",
+    icon: lucideReact.CircleDollarSign
+  },
+  funding: {
+    variant: "funding",
+    label: "Funding",
+    icon: lucideReact.Landmark
+  }
+};
+var AccountTypeBadge = ({ type, className }) => {
+  const config = typeConfig4[type] || typeConfig4.checking;
+  const Icon2 = config.icon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: config.variant, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "w-3 h-3 mr-1" }),
+    config.label
+  ] });
+};
 
 // src/lib/mock-data/business-account-data.ts
 var mockBusinessAccounts = [
@@ -10733,8 +11096,12 @@ var mockBusinessAccounts = [
     number: "1234567890",
     type: "checking",
     status: "active",
-    balance: "$125,450.00",
-    availableBalance: "$123,450.00",
+    settledBalance: 127450,
+    pendingCredits: 0,
+    pendingDebits: 2e3,
+    fundsOnHold: 0,
+    accountBalance: 125450,
+    availableBalance: 123450,
     currency: "USD",
     institution: "Chase Bank",
     routingNumber: "021000021",
@@ -10751,8 +11118,12 @@ var mockBusinessAccounts = [
     number: "9876544567",
     type: "savings",
     status: "active",
-    balance: "$45,230.00",
-    availableBalance: "$45,230.00",
+    settledBalance: 45230,
+    pendingCredits: 0,
+    pendingDebits: 0,
+    fundsOnHold: 0,
+    accountBalance: 45230,
+    availableBalance: 45230,
     currency: "USD",
     institution: "Chase Bank",
     routingNumber: "021000021",
@@ -10769,8 +11140,12 @@ var mockBusinessAccounts = [
     number: "5555551234",
     type: "checking",
     status: "active",
-    balance: "$78,900.00",
-    availableBalance: "$75,900.00",
+    settledBalance: 8e4,
+    pendingCredits: 1900,
+    pendingDebits: 3e3,
+    fundsOnHold: 0,
+    accountBalance: 78900,
+    availableBalance: 75900,
     currency: "USD",
     institution: "Wells Fargo",
     routingNumber: "121000248",
@@ -10785,10 +11160,14 @@ var mockBusinessAccounts = [
     id: "acc-004",
     name: "Merchant Services Account",
     number: "4444445678",
-    type: "checking",
+    type: "funding",
     status: "active",
-    balance: "$234,567.89",
-    availableBalance: "$230,000.00",
+    settledBalance: 23e4,
+    pendingCredits: 4567.89,
+    pendingDebits: 0,
+    fundsOnHold: 4567.89,
+    accountBalance: 234567.89,
+    availableBalance: 23e4,
     currency: "USD",
     institution: "Bank of America",
     routingNumber: "026009593",
@@ -10805,8 +11184,12 @@ var mockBusinessAccounts = [
     number: "7777779012",
     type: "savings",
     status: "active",
-    balance: "$500,000.00",
-    availableBalance: "$500,000.00",
+    settledBalance: 5e5,
+    pendingCredits: 0,
+    pendingDebits: 0,
+    fundsOnHold: 0,
+    accountBalance: 5e5,
+    availableBalance: 5e5,
     currency: "USD",
     institution: "Citibank",
     routingNumber: "021000089",
@@ -10821,10 +11204,14 @@ var mockBusinessAccounts = [
     id: "acc-006",
     name: "Operating Account",
     number: "3333333456",
-    type: "checking",
+    type: "zero-balance",
     status: "inactive",
-    balance: "$0.00",
-    availableBalance: "$0.00",
+    settledBalance: 0,
+    pendingCredits: 0,
+    pendingDebits: 0,
+    fundsOnHold: 0,
+    accountBalance: 0,
+    availableBalance: 0,
     currency: "USD",
     institution: "Wells Fargo",
     routingNumber: "121000248",
@@ -10892,6 +11279,12 @@ var Accounts = () => {
       title: "Account Number",
       sortable: true
     },
+    {
+      key: "type",
+      title: "Type",
+      sortable: true,
+      render: (value, row) => /* @__PURE__ */ jsxRuntime.jsx(AccountTypeBadge, { type: row.type })
+    },
     {
       key: "name",
       title: "Account Name",
@@ -10915,16 +11308,18 @@ var Accounts = () => {
       }
     },
     {
-      key: "balance",
+      key: "accountBalance",
       title: "Account Balance",
       sortable: true,
-      align: "right"
+      align: "right",
+      render: (value) => formatCurrency(value)
     },
     {
       key: "availableBalance",
       title: "Available Balance",
       sortable: true,
-      align: "right"
+      align: "right",
+      render: (value) => formatCurrency(value)
     },
     {
       key: "status",
@@ -10936,11 +11331,6 @@ var Accounts = () => {
       key: "created",
       title: "Create Date",
       sortable: true
-    },
-    {
-      key: "modified",
-      title: "Modify Date",
-      sortable: true
     }
   ];
   const startIndex = (currentPage - 1) * pageSize;
@@ -11100,7 +11490,8 @@ var AccountDetail = () => {
     PageLayout,
     {
       title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: account.name }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: account.number }),
+        /* @__PURE__ */ jsxRuntime.jsx(AccountTypeBadge, { type: account.type }),
         /* @__PURE__ */ jsxRuntime.jsx(
           EditableInfoField,
           {
@@ -11144,7 +11535,7 @@ var AccountDetail = () => {
           /* @__PURE__ */ jsxRuntime.jsx(
             EditableFormCard,
             {
-              title: "Account Information",
+              title: account.name,
               variant: "subtle",
               isEditing: form.isEditing,
               onToggleEdit: form.handleToggleEdit,
@@ -11152,20 +11543,42 @@ var AccountDetail = () => {
               onCancel: form.handleCancel,
               viewContent: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 p-6 rounded-lg bg-gradient-to-br from-primary/10 via-primary/5 to-background border border-primary/20", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-4 w-4 text-primary" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: account.number }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground capitalize", children: account.type })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-8", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-8 mb-6", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.accountBalance) })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.availableBalance) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/50 mb-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Settled Balance" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", children: formatCurrency(account.settledBalance) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Credits" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-semibold text-success", children: [
+                        "+",
+                        formatCurrency(account.pendingCredits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Debits" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-semibold text-destructive", children: [
+                        "-",
+                        formatCurrency(account.pendingDebits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Funds on Hold" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(
+                        "text-lg font-semibold",
+                        account.fundsOnHold > 0 && "text-warning"
+                      ), children: formatCurrency(account.fundsOnHold) })
                     ] })
                   ] })
                 ] }),
@@ -11237,20 +11650,42 @@ var AccountDetail = () => {
               ] }),
               editContent: /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 p-6 rounded-lg bg-gradient-to-br from-primary/10 via-primary/5 to-background border border-primary/20", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-4 w-4 text-primary" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: account.number }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground capitalize", children: account.type })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-8", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-8 mb-6", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.accountBalance) })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.availableBalance) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/50 mb-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Settled Balance" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", children: formatCurrency(account.settledBalance) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Credits" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-semibold text-success", children: [
+                        "+",
+                        formatCurrency(account.pendingCredits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Debits" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-semibold text-destructive", children: [
+                        "-",
+                        formatCurrency(account.pendingDebits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Funds on Hold" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(
+                        "text-lg font-semibold",
+                        account.fundsOnHold > 0 && "text-warning"
+                      ), children: formatCurrency(account.fundsOnHold) })
                     ] })
                   ] })
                 ] }),
@@ -14460,32 +14895,37 @@ var mockTransactionTimeline = [
     timestamp: "2025-10-01 00:19:45"
   }
 ];
+var defaultFilters2 = {
+  originalFileName: "",
+  requesterIpAddress: "",
+  requesterUsername: "",
+  showAchNoc: false,
+  excludeWire: false,
+  excludeAch: false,
+  wireFileHandle: "",
+  direction: "",
+  counterpartyId: "",
+  customerId: "",
+  settlementFileName: "",
+  isInbound: false,
+  accountNumber: "",
+  processingStatus: [],
+  beginDate: void 0,
+  endDate: void 0,
+  postDateStart: void 0,
+  postDateEnd: void 0,
+  maxAmount: "",
+  minAmount: "",
+  productId: "",
+  paymentId: "",
+  transactionStatus: [],
+  transactionType: []
+};
 var TransactionHistory = () => {
   const navigate = reactRouterDom.useNavigate();
   const [sortBy, setSortBy] = React15.useState("created");
   const [sortDirection, setSortDirection] = React15.useState("desc");
-  const [filters, setFilters] = React15.useState({
-    accountNumber: "",
-    product: "",
-    customerId: "",
-    counterpartyId: "",
-    settlementFileName: "",
-    originalFileName: "",
-    requesterIpAddress: "",
-    requesterUsername: "",
-    wireFileHandle: "",
-    paymentId: "",
-    transactionType: "",
-    transactionStatus: "",
-    processingStatus: "",
-    direction: "",
-    minAmount: "",
-    maxAmount: "",
-    creationDateStart: void 0,
-    creationDateEnd: void 0,
-    postDateStart: void 0,
-    postDateEnd: void 0
-  });
+  const [filters, setFilters] = React15.useState(defaultFilters2);
   const filteredTransactions = React15.useMemo(() => {
     let filtered = [...mockTransactions];
     if (filters.accountNumber) {
@@ -14493,11 +14933,11 @@ var TransactionHistory = () => {
         (t) => t.accountNumber.toLowerCase().includes(filters.accountNumber.toLowerCase())
       );
     }
-    if (filters.transactionType) {
-      filtered = filtered.filter((t) => t.transactionType === filters.transactionType);
+    if (filters.transactionType && filters.transactionType.length > 0) {
+      filtered = filtered.filter((t) => filters.transactionType.includes(t.transactionType));
     }
-    if (filters.transactionStatus) {
-      filtered = filtered.filter((t) => t.status === filters.transactionStatus);
+    if (filters.transactionStatus && filters.transactionStatus.length > 0) {
+      filtered = filtered.filter((t) => filters.transactionStatus.includes(t.status));
     }
     if (filters.minAmount) {
       const minAmount = parseFloat(filters.minAmount.replace(/[^0-9.-]/g, ""));
@@ -14511,6 +14951,12 @@ var TransactionHistory = () => {
         filtered = filtered.filter((t) => t.amount <= maxAmount);
       }
     }
+    if (filters.excludeWire) {
+      filtered = filtered.filter((t) => !t.transactionType.toLowerCase().includes("wire"));
+    }
+    if (filters.excludeAch) {
+      filtered = filtered.filter((t) => !t.transactionType.toLowerCase().includes("ach"));
+    }
     return filtered;
   }, [filters]);
   const sortedTransactions = React15.useMemo(() => {
@@ -14527,28 +14973,7 @@ var TransactionHistory = () => {
     setFilters((prev) => ({ ...prev, [field]: value }));
   }, []);
   const handleResetFilters = React15.useCallback(() => {
-    setFilters({
-      accountNumber: "",
-      product: "",
-      customerId: "",
-      counterpartyId: "",
-      settlementFileName: "",
-      originalFileName: "",
-      requesterIpAddress: "",
-      requesterUsername: "",
-      wireFileHandle: "",
-      paymentId: "",
-      transactionType: "",
-      transactionStatus: "",
-      processingStatus: "",
-      direction: "",
-      minAmount: "",
-      maxAmount: "",
-      creationDateStart: void 0,
-      creationDateEnd: void 0,
-      postDateStart: void 0,
-      postDateEnd: void 0
-    });
+    setFilters(defaultFilters2);
   }, []);
   const handleApplyFilters = React15.useCallback(() => {
     console.log("Applying filters:", filters);
@@ -14564,13 +14989,6 @@ var TransactionHistory = () => {
   const handleRowClick = React15.useCallback((transaction) => {
     navigate(`/transactions/${transaction.id}`);
   }, [navigate]);
-  const formatCurrency4 = (value) => {
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: "USD",
-      minimumFractionDigits: 2
-    }).format(value);
-  };
   const columns3 = React15.useMemo(() => [
     {
       key: "created",
@@ -14587,7 +15005,7 @@ var TransactionHistory = () => {
       title: "Amount",
       sortable: true,
       align: "right",
-      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: value < 0 ? "text-destructive" : "", children: formatCurrency4(value) })
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: value < 0 ? "text-destructive" : "", children: formatCurrency(value) })
     },
     {
       key: "customer",
@@ -15127,181 +15545,6 @@ function NewTransaction() {
     }
   );
 }
-var cancelTransactionSchema = zod.z.object({
-  reason: zod.z.string().min(1, "Reason is required").max(500, "Reason must be less than 500 characters")
-});
-var returnTransactionSchema = zod.z.object({
-  reasonCode: zod.z.string().min(1, "Reason code is required")
-});
-var CancelTransactionDialog = ({
-  transactionId,
-  open,
-  onOpenChange,
-  onCancel
-}) => {
-  const { toast: toast6 } = useToast();
-  const {
-    register,
-    handleSubmit,
-    formState: { errors, isSubmitting },
-    reset
-  } = useFormWithEditState({
-    schema: cancelTransactionSchema,
-    defaultValues: {
-      reason: ""
-    }
-  });
-  const onSubmit = async (data) => {
-    try {
-      await onCancel(data);
-      toast6({
-        title: "Transaction Cancelled",
-        description: `Transaction ${transactionId} has been cancelled successfully.`
-      });
-      reset();
-      onOpenChange(false);
-    } catch (error) {
-      toast6({
-        title: "Error",
-        description: "Failed to cancel the transaction. Please try again.",
-        variant: "destructive"
-      });
-    }
-  };
-  const handleClose = () => {
-    reset();
-    onOpenChange(false);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Cancel Transaction" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
-        "Please provide a reason for cancelling transaction ",
-        transactionId,
-        "."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        EnhancedTextarea,
-        {
-          label: "Cancellation Reason",
-          placeholder: "Enter the reason for cancellation...",
-          error: errors.reason?.message,
-          ...register("reason")
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "button",
-            variant: "outline",
-            onClick: handleClose,
-            disabled: isSubmitting,
-            children: "Close"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "submit",
-            variant: "destructive",
-            disabled: isSubmitting,
-            children: isSubmitting ? "Cancelling..." : "Cancel Transaction"
-          }
-        )
-      ] })
-    ] })
-  ] }) });
-};
-function ReturnTransactionDialog({
-  transactionId,
-  open,
-  onOpenChange,
-  onReturn,
-  reasonCodes
-}) {
-  const {
-    watch,
-    setValue,
-    handleSave,
-    handleCancel,
-    isLoading,
-    formState: { errors }
-  } = useFormWithEditState({
-    schema: returnTransactionSchema,
-    initialEditing: true,
-    onSave: async (data) => {
-      try {
-        await onReturn(data);
-        toast({
-          title: "Transaction returned",
-          description: `Transaction #${transactionId} has been returned successfully.`
-        });
-        onOpenChange(false);
-      } catch (error) {
-        toast({
-          title: "Error",
-          description: "Failed to return transaction. Please try again.",
-          variant: "destructive"
-        });
-        throw error;
-      }
-    },
-    onCancel: () => {
-      onOpenChange(false);
-    }
-  });
-  const reasonCode = watch("reasonCode");
-  const selectOptions = reasonCodes.map((code) => ({
-    value: code.value,
-    label: code.label
-  }));
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Return Transaction" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
-        "Select a reason code to return transaction #",
-        transactionId,
-        "."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      EnhancedSelect,
-      {
-        label: "Reason Code",
-        placeholder: "Select a reason code",
-        options: selectOptions,
-        value: reasonCode || "",
-        onValueChange: (value) => setValue("reasonCode", value),
-        error: errors.reasonCode?.message
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          onClick: handleCancel,
-          disabled: isLoading,
-          children: "Cancel"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          type: "button",
-          variant: "destructive",
-          onClick: handleSave,
-          disabled: isLoading || !reasonCode,
-          children: isLoading ? "Returning..." : "Return Transaction"
-        }
-      )
-    ] })
-  ] }) });
-}
 var returnReasonCodes = [
   { value: "R01", label: "R01 - Insufficient Funds" },
   { value: "R02", label: "R02 - Account Closed" },
@@ -16305,7 +16548,7 @@ var VelocityLimitDetailsCard = ({
         InfoField,
         {
           label: "Max Amount",
-          value: `$${parseFloat(limit.maxAmount).toLocaleString()}`,
+          value: formatCurrency(parseFloat(limit.maxAmount)),
           layout: "horizontal"
         }
       ),
@@ -16342,7 +16585,7 @@ var VelocityLimitDetailsCard = ({
       InfoField,
       {
         label: "Amount Threshold",
-        value: `$${parseFloat(limit.amountThreshold).toLocaleString()}`,
+        value: formatCurrency(parseFloat(limit.amountThreshold)),
         layout: "horizontal"
       }
     ),
@@ -17341,6 +17584,7 @@ exports.Businesses = Businesses_default;
 exports.Button = Button;
 exports.CIPStatusBadge = CIPStatusBadge;
 exports.Calendar = Calendar;
+exports.CancelTransactionDialog = CancelTransactionDialog;
 exports.Card = Card;
 exports.CardContent = CardContent;
 exports.CardDescription = CardDescription;
@@ -17428,6 +17672,7 @@ exports.ReconExceptions = ReconExceptions;
 exports.ReconUpload = ReconUpload;
 exports.ResolveAlertDialog = ResolveAlertDialog;
 exports.ResponsiveGrid = ResponsiveGrid;
+exports.ReturnTransactionDialog = ReturnTransactionDialog;
 exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
 exports.Separator = Separator;