braid-ui 1.0.62 → 1.0.63

package/dist/index.js

@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Zap, Box, Settings, BarChart3, Key, ChevronLeft, AlertTriangle, Clock, XCircle, CheckCircle, Ban, Circle, Wallet, Filter, User, Loader2, CheckCircle2, ArrowDownRight, ArrowUpRight, ArrowLeft, StickyNote, FileUp, RotateCcw, Send, PlayCircle, UserPlus, ChevronsUpDown, ArrowRightLeft, UserCheck, CalendarIcon, Package, File, FileJson, DollarSign } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Zap, Box, Settings, BarChart3, Key, ChevronLeft, AlertTriangle, Clock, XCircle, CheckCircle, Ban, Circle, Wallet, Filter, User, Loader2, CheckCircle2, ArrowDownRight, ArrowUpRight, ArrowLeft, StickyNote, FileUp, RotateCcw, Send, PlayCircle, UserPlus, ChevronsUpDown, ArrowRightLeft, UserCheck, CalendarIcon, CircleDollarSign, PiggyBank, Package, File, FileJson, DollarSign } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { Slot } from '@radix-ui/react-slot';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -33,6 +33,14 @@ import * as ToastPrimitives from '@radix-ui/react-toast';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function formatCurrency(value, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).format(value);
+}
 var cardVariants = cva(
   "rounded-lg border bg-card text-card-foreground transition-all duration-200",
   {
@@ -278,7 +286,12 @@ var badgeVariants = 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: {
@@ -8028,7 +8041,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",
@@ -8225,7 +8238,7 @@ var StatementView = ({
   ] });
 };
 var ACHDetailsSection = ({ data }) => {
-  const formatCurrency4 = (value) => {
+  const formatCurrency5 = (value) => {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
@@ -8261,7 +8274,7 @@ var ACHDetailsSection = ({ data }) => {
           layout: "horizontal"
         }
       ),
-      /* @__PURE__ */ jsx(InfoField, { label: "Amount", value: formatCurrency4(data.amount), layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Amount", value: formatCurrency5(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,7 +8357,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", {
@@ -8355,7 +8368,7 @@ var formatCurrency = (value) => {
 };
 var CurrencyInput = ({ value, onChange, ...props }) => {
   const [isFocused, setIsFocused] = React15.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(".");
@@ -8394,7 +8407,7 @@ var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.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", {
@@ -8506,7 +8519,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 = [
@@ -8872,7 +8885,7 @@ var NewTransactionView = ({
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
             /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Amount:" }),
-            /* @__PURE__ */ jsx("span", { className: "font-medium", children: formatCurrency2(amount) })
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: formatCurrency3(amount) })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
             /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Description:" }),
@@ -8903,6 +8916,115 @@ var NewTransactionView = ({
     ] }) })
   ] });
 };
+var EnhancedMultiSelect = ({
+  label,
+  value = [],
+  onValueChange,
+  options,
+  placeholder = "Select options",
+  className,
+  disabled = false
+}) => {
+  const [open, setOpen] = React15.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__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          disabled,
+          className: "w-full justify-between font-normal h-auto min-h-10",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 flex-1 text-left", children: selectedLabels.length > 0 ? selectedLabels.map((label2, index) => /* @__PURE__ */ jsxs(
+              Badge,
+              {
+                variant: "secondary",
+                className: "text-xs",
+                children: [
+                  label2,
+                  /* @__PURE__ */ jsx(
+                    X,
+                    {
+                      className: "ml-1 h-3 w-3 cursor-pointer",
+                      onClick: (e) => handleRemove(value[index], e)
+                    }
+                  )
+                ]
+              },
+              value[index]
+            )) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }) }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "w-full min-w-[200px] p-0", align: "start", children: /* @__PURE__ */ jsx("div", { className: "max-h-60 overflow-auto p-1", children: options.map((option) => /* @__PURE__ */ 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__ */ 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__ */ jsx(Check, { className: "h-3 w-3" })
+              }
+            ),
+            /* @__PURE__ */ 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,
@@ -8917,6 +9039,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);
@@ -8925,32 +9051,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__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "gap-2", children: [
       /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
@@ -8959,12 +9068,61 @@ var TransactionHistoryFiltersSheet = ({
     /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
       /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: "Transaction Filters" }) }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-6 py-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: "Options" }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "showAchNoc",
+                  checked: localFilters.showAchNoc || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("showAchNoc", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsx(Label, { htmlFor: "showAchNoc", className: "text-sm font-normal", children: "Show ACH NOC" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "isInbound",
+                  checked: localFilters.isInbound || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("isInbound", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsx(Label, { htmlFor: "isInbound", className: "text-sm font-normal", children: "Is Inbound" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "excludeWire",
+                  checked: localFilters.excludeWire || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("excludeWire", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsx(Label, { htmlFor: "excludeWire", className: "text-sm font-normal", children: "Exclude Wire" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "excludeAch",
+                  checked: localFilters.excludeAch || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("excludeAch", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsx(Label, { htmlFor: "excludeAch", className: "text-sm font-normal", children: "Exclude ACH" })
+            ] })
+          ] })
+        ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsx(
             EnhancedInput,
             {
               label: "Account Number",
-              value: localFilters.accountNumber,
+              value: localFilters.accountNumber || "",
               onChange: (e) => handleLocalFilterChange("accountNumber", e.target.value),
               placeholder: "Enter account number"
             }
@@ -8972,9 +9130,9 @@ var TransactionHistoryFiltersSheet = ({
           /* @__PURE__ */ 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" },
@@ -8989,7 +9147,7 @@ var TransactionHistoryFiltersSheet = ({
             EnhancedInput,
             {
               label: "Customer ID",
-              value: localFilters.customerId,
+              value: localFilters.customerId || "",
               onChange: (e) => handleLocalFilterChange("customerId", e.target.value),
               placeholder: "Enter customer ID"
             }
@@ -8998,7 +9156,7 @@ var TransactionHistoryFiltersSheet = ({
             EnhancedInput,
             {
               label: "Counterparty ID",
-              value: localFilters.counterpartyId,
+              value: localFilters.counterpartyId || "",
               onChange: (e) => handleLocalFilterChange("counterpartyId", e.target.value),
               placeholder: "Enter counterparty ID"
             }
@@ -9008,7 +9166,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"
           }
@@ -9017,7 +9175,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"
           }
@@ -9026,7 +9184,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"
           }
@@ -9035,7 +9193,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Requester Username",
-            value: localFilters.requesterUsername,
+            value: localFilters.requesterUsername || "",
             onChange: (e) => handleLocalFilterChange("requesterUsername", e.target.value),
             placeholder: "Enter username"
           }
@@ -9044,7 +9202,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"
           }
@@ -9053,18 +9211,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__ */ 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" },
@@ -9074,12 +9232,12 @@ var TransactionHistoryFiltersSheet = ({
           }
         ),
         /* @__PURE__ */ 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" },
@@ -9089,12 +9247,12 @@ var TransactionHistoryFiltersSheet = ({
           }
         ),
         /* @__PURE__ */ 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" },
@@ -9106,7 +9264,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedSelect,
           {
             label: "Direction",
-            value: localFilters.direction,
+            value: localFilters.direction || "",
             onValueChange: (value) => handleLocalFilterChange("direction", value),
             placeholder: "Select direction",
             options: [
@@ -9120,7 +9278,7 @@ var TransactionHistoryFiltersSheet = ({
             CurrencyInput,
             {
               label: "Min Amount",
-              value: localFilters.minAmount,
+              value: localFilters.minAmount || "",
               onChange: (value) => handleLocalFilterChange("minAmount", value)
             }
           ),
@@ -9128,19 +9286,19 @@ var TransactionHistoryFiltersSheet = ({
             CurrencyInput,
             {
               label: "Max Amount",
-              value: localFilters.maxAmount,
+              value: localFilters.maxAmount || "",
               onChange: (value) => handleLocalFilterChange("maxAmount", value)
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Creation Date Start" }),
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Begin Date" }),
             /* @__PURE__ */ 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"
@@ -9148,12 +9306,12 @@ var TransactionHistoryFiltersSheet = ({
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Creation Date End" }),
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "End Date" }),
             /* @__PURE__ */ 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"
@@ -9167,8 +9325,8 @@ var TransactionHistoryFiltersSheet = ({
             /* @__PURE__ */ 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"
@@ -9180,8 +9338,8 @@ var TransactionHistoryFiltersSheet = ({
             /* @__PURE__ */ 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"
@@ -9217,7 +9375,7 @@ var TransactionHistoryView = ({
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 mt-4 overflow-auto", children: table }) }) })
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 mt-4 pb-6 overflow-auto", children: table }) }) })
   ] });
 };
 var TransactionTypeBadge = ({
@@ -9263,7 +9421,7 @@ var getProcessingStatusVariant = (status) => {
       return "outline";
   }
 };
-var formatCurrency3 = (value) => {
+var formatCurrency4 = (value) => {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD",
@@ -9292,7 +9450,7 @@ var TransactionDetailView = ({
         /* @__PURE__ */ jsx("span", { className: cn(
           "font-semibold",
           transaction.amount < 0 ? "text-destructive" : "text-success"
-        ), children: formatCurrency3(transaction.amount) }),
+        ), children: formatCurrency4(transaction.amount) }),
         /* @__PURE__ */ jsx(
           TransactionTypeBadge,
           {
@@ -9423,6 +9581,181 @@ var TransactionDetailView = ({
     }
   );
 };
+var cancelTransactionSchema = z.object({
+  reason: z.string().min(1, "Reason is required").max(500, "Reason must be less than 500 characters")
+});
+var returnTransactionSchema = z.object({
+  reasonCode: 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__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Cancel Transaction" }),
+      /* @__PURE__ */ jsxs(DialogDescription, { children: [
+        "Please provide a reason for cancelling transaction ",
+        transactionId,
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(
+        EnhancedTextarea,
+        {
+          label: "Cancellation Reason",
+          placeholder: "Enter the reason for cancellation...",
+          error: errors.reason?.message,
+          ...register("reason")
+        }
+      ),
+      /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: handleClose,
+            disabled: isSubmitting,
+            children: "Close"
+          }
+        ),
+        /* @__PURE__ */ 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__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Return Transaction" }),
+      /* @__PURE__ */ jsxs(DialogDescription, { children: [
+        "Select a reason code to return transaction #",
+        transactionId,
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "py-4", children: /* @__PURE__ */ jsx(
+      EnhancedSelect,
+      {
+        label: "Reason Code",
+        placeholder: "Select a reason code",
+        options: selectOptions,
+        value: reasonCode || "",
+        onValueChange: (value) => setValue("reasonCode", value),
+        error: errors.reasonCode?.message
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleCancel,
+          disabled: isLoading,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "destructive",
+          onClick: handleSave,
+          disabled: isLoading || !reasonCode,
+          children: isLoading ? "Returning..." : "Return Transaction"
+        }
+      )
+    ] })
+  ] }) });
+}
 var typeIcons = {
   checking: CreditCard,
   savings: Building,
@@ -10692,6 +11025,36 @@ var useCounterpartyEntity = (counterparties) => {
   }, [counterparties]);
   return { counterparties: enrichedCounterparties, loading };
 };
+var typeConfig4 = {
+  checking: {
+    variant: "checking",
+    label: "Checking",
+    icon: Wallet
+  },
+  savings: {
+    variant: "savings",
+    label: "Savings",
+    icon: PiggyBank
+  },
+  "zero-balance": {
+    variant: "zero-balance",
+    label: "Zero Balance",
+    icon: CircleDollarSign
+  },
+  funding: {
+    variant: "funding",
+    label: "Funding",
+    icon: Landmark
+  }
+};
+var AccountTypeBadge = ({ type, className }) => {
+  const config = typeConfig4[type] || typeConfig4.checking;
+  const Icon2 = config.icon;
+  return /* @__PURE__ */ jsxs(Badge, { variant: config.variant, className, children: [
+    /* @__PURE__ */ jsx(Icon2, { className: "w-3 h-3 mr-1" }),
+    config.label
+  ] });
+};
 
 // src/lib/mock-data/business-account-data.ts
 var mockBusinessAccounts = [
@@ -10701,8 +11064,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",
@@ -10719,8 +11086,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",
@@ -10737,8 +11108,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",
@@ -10753,10 +11128,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",
@@ -10773,8 +11152,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",
@@ -10789,10 +11172,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",
@@ -10860,6 +11247,12 @@ var Accounts = () => {
       title: "Account Number",
       sortable: true
     },
+    {
+      key: "type",
+      title: "Type",
+      sortable: true,
+      render: (value, row) => /* @__PURE__ */ jsx(AccountTypeBadge, { type: row.type })
+    },
     {
       key: "name",
       title: "Account Name",
@@ -10883,16 +11276,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",
@@ -10904,11 +11299,6 @@ var Accounts = () => {
       key: "created",
       title: "Create Date",
       sortable: true
-    },
-    {
-      key: "modified",
-      title: "Modify Date",
-      sortable: true
     }
   ];
   const startIndex = (currentPage - 1) * pageSize;
@@ -11068,7 +11458,8 @@ var AccountDetail = () => {
     PageLayout,
     {
       title: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("span", { children: account.name }),
+        /* @__PURE__ */ jsx("span", { children: account.number }),
+        /* @__PURE__ */ jsx(AccountTypeBadge, { type: account.type }),
         /* @__PURE__ */ jsx(
           EditableInfoField,
           {
@@ -11112,7 +11503,7 @@ var AccountDetail = () => {
           /* @__PURE__ */ jsx(
             EditableFormCard,
             {
-              title: "Account Information",
+              title: account.name,
               variant: "subtle",
               isEditing: form.isEditing,
               onToggleEdit: form.handleToggleEdit,
@@ -11120,20 +11511,42 @@ var AccountDetail = () => {
               onCancel: form.handleCancel,
               viewContent: /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-                    /* @__PURE__ */ jsx(Wallet, { className: "h-4 w-4 text-primary" }),
-                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: account.number }),
-                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
-                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground capitalize", children: account.type })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-8", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-8 mb-6", children: [
                     /* @__PURE__ */ jsxs("div", { children: [
                       /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
-                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.accountBalance) })
                     ] }),
                     /* @__PURE__ */ jsxs("div", { children: [
                       /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
-                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.availableBalance) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "border-t border-border/50 mb-4" }),
+                  /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Settled Balance" }),
+                      /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: formatCurrency(account.settledBalance) })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Credits" }),
+                      /* @__PURE__ */ jsxs("p", { className: "text-lg font-semibold text-success", children: [
+                        "+",
+                        formatCurrency(account.pendingCredits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Debits" }),
+                      /* @__PURE__ */ jsxs("p", { className: "text-lg font-semibold text-destructive", children: [
+                        "-",
+                        formatCurrency(account.pendingDebits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Funds on Hold" }),
+                      /* @__PURE__ */ jsx("p", { className: cn(
+                        "text-lg font-semibold",
+                        account.fundsOnHold > 0 && "text-warning"
+                      ), children: formatCurrency(account.fundsOnHold) })
                     ] })
                   ] })
                 ] }),
@@ -11205,20 +11618,42 @@ var AccountDetail = () => {
               ] }),
               editContent: /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-                    /* @__PURE__ */ jsx(Wallet, { className: "h-4 w-4 text-primary" }),
-                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: account.number }),
-                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
-                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground capitalize", children: account.type })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-8", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-8 mb-6", children: [
                     /* @__PURE__ */ jsxs("div", { children: [
                       /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
-                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.accountBalance) })
                     ] }),
                     /* @__PURE__ */ jsxs("div", { children: [
                       /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
-                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.availableBalance) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "border-t border-border/50 mb-4" }),
+                  /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Settled Balance" }),
+                      /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: formatCurrency(account.settledBalance) })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Credits" }),
+                      /* @__PURE__ */ jsxs("p", { className: "text-lg font-semibold text-success", children: [
+                        "+",
+                        formatCurrency(account.pendingCredits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Debits" }),
+                      /* @__PURE__ */ jsxs("p", { className: "text-lg font-semibold text-destructive", children: [
+                        "-",
+                        formatCurrency(account.pendingDebits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Funds on Hold" }),
+                      /* @__PURE__ */ jsx("p", { className: cn(
+                        "text-lg font-semibold",
+                        account.fundsOnHold > 0 && "text-warning"
+                      ), children: formatCurrency(account.fundsOnHold) })
                     ] })
                   ] })
                 ] }),
@@ -14428,32 +14863,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 = useNavigate();
   const [sortBy, setSortBy] = useState("created");
   const [sortDirection, setSortDirection] = useState("desc");
-  const [filters, setFilters] = 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] = useState(defaultFilters2);
   const filteredTransactions = useMemo(() => {
     let filtered = [...mockTransactions];
     if (filters.accountNumber) {
@@ -14461,11 +14901,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, ""));
@@ -14479,6 +14919,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 = useMemo(() => {
@@ -14495,28 +14941,7 @@ var TransactionHistory = () => {
     setFilters((prev) => ({ ...prev, [field]: value }));
   }, []);
   const handleResetFilters = 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 = useCallback(() => {
     console.log("Applying filters:", filters);
@@ -14532,13 +14957,6 @@ var TransactionHistory = () => {
   const handleRowClick = 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 = useMemo(() => [
     {
       key: "created",
@@ -14555,7 +14973,7 @@ var TransactionHistory = () => {
       title: "Amount",
       sortable: true,
       align: "right",
-      render: (value) => /* @__PURE__ */ jsx("span", { className: value < 0 ? "text-destructive" : "", children: formatCurrency4(value) })
+      render: (value) => /* @__PURE__ */ jsx("span", { className: value < 0 ? "text-destructive" : "", children: formatCurrency(value) })
     },
     {
       key: "customer",
@@ -15095,181 +15513,6 @@ function NewTransaction() {
     }
   );
 }
-var cancelTransactionSchema = z.object({
-  reason: z.string().min(1, "Reason is required").max(500, "Reason must be less than 500 characters")
-});
-var returnTransactionSchema = z.object({
-  reasonCode: 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__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: "Cancel Transaction" }),
-      /* @__PURE__ */ jsxs(DialogDescription, { children: [
-        "Please provide a reason for cancelling transaction ",
-        transactionId,
-        "."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
-      /* @__PURE__ */ jsx(
-        EnhancedTextarea,
-        {
-          label: "Cancellation Reason",
-          placeholder: "Enter the reason for cancellation...",
-          error: errors.reason?.message,
-          ...register("reason")
-        }
-      ),
-      /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "outline",
-            onClick: handleClose,
-            disabled: isSubmitting,
-            children: "Close"
-          }
-        ),
-        /* @__PURE__ */ 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__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: "Return Transaction" }),
-      /* @__PURE__ */ jsxs(DialogDescription, { children: [
-        "Select a reason code to return transaction #",
-        transactionId,
-        "."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "py-4", children: /* @__PURE__ */ jsx(
-      EnhancedSelect,
-      {
-        label: "Reason Code",
-        placeholder: "Select a reason code",
-        options: selectOptions,
-        value: reasonCode || "",
-        onValueChange: (value) => setValue("reasonCode", value),
-        error: errors.reasonCode?.message
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          onClick: handleCancel,
-          disabled: isLoading,
-          children: "Cancel"
-        }
-      ),
-      /* @__PURE__ */ 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" },
@@ -16273,7 +16516,7 @@ var VelocityLimitDetailsCard = ({
         InfoField,
         {
           label: "Max Amount",
-          value: `$${parseFloat(limit.maxAmount).toLocaleString()}`,
+          value: formatCurrency(parseFloat(limit.maxAmount)),
           layout: "horizontal"
         }
       ),
@@ -16310,7 +16553,7 @@ var VelocityLimitDetailsCard = ({
       InfoField,
       {
         label: "Amount Threshold",
-        value: `$${parseFloat(limit.amountThreshold).toLocaleString()}`,
+        value: formatCurrency(parseFloat(limit.amountThreshold)),
         layout: "horizontal"
       }
     ),
@@ -17273,6 +17516,6 @@ function ReconExceptions() {
   ] }) });
 }
 
-export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, ADJUSTMENT_DIRECTION_OPTIONS, AccountCard, AccountDetail_default as AccountDetail, Accounts_default as Accounts, AddressForm, AlertDetail_default as AlertDetail, AlertDetailRouter, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts_default as Alerts, AppSidebar, Badge, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, BusinessDetail_default as BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses_default as Businesses, Button, CIPStatusBadge, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cases_default as Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties_default as Counterparties, CounterpartiesView, CounterpartyBasicInfo, CounterpartyDetail_default as CounterpartyDetail, CounterpartyDetailView, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, CreateBusinessView, Create_default2 as CreateCounterparty, CreateCounterpartyView, Create_default3 as CreateIndividual, CreateVelocityLimit, Dashboard_default as Dashboard, DashboardDemo, DataGrid, DataTable, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail_default as IndividualDetail, Individuals_default as Individuals, InfoField, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NewTransactionView, NotFound_default as NotFound, OFACAlertView, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, ReconExceptions, ReconUpload, ResolveAlertDialog, ResponsiveGrid, ScrollArea, ScrollBar, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Stack, Statement, StatementHeader, StatementView, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail_default as TransactionDetail, TransactionDetailView, TransactionHistory_default as TransactionHistory, TransactionHistoryFiltersSheet, TransactionHistoryView, TransactionTypeBadge, UIKit, UIKitShowcase, VelocityLimitDetail, VelocityLimits, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, newTransactionSchema, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
+export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, ADJUSTMENT_DIRECTION_OPTIONS, AccountCard, AccountDetail_default as AccountDetail, Accounts_default as Accounts, AddressForm, AlertDetail_default as AlertDetail, AlertDetailRouter, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts_default as Alerts, AppSidebar, Badge, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, BusinessDetail_default as BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses_default as Businesses, Button, CIPStatusBadge, Calendar, CancelTransactionDialog, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cases_default as Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties_default as Counterparties, CounterpartiesView, CounterpartyBasicInfo, CounterpartyDetail_default as CounterpartyDetail, CounterpartyDetailView, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, CreateBusinessView, Create_default2 as CreateCounterparty, CreateCounterpartyView, Create_default3 as CreateIndividual, CreateVelocityLimit, Dashboard_default as Dashboard, DashboardDemo, DataGrid, DataTable, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail_default as IndividualDetail, Individuals_default as Individuals, InfoField, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NewTransactionView, NotFound_default as NotFound, OFACAlertView, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, ReconExceptions, ReconUpload, ResolveAlertDialog, ResponsiveGrid, ReturnTransactionDialog, ScrollArea, ScrollBar, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Stack, Statement, StatementHeader, StatementView, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail_default as TransactionDetail, TransactionDetailView, TransactionHistory_default as TransactionHistory, TransactionHistoryFiltersSheet, TransactionHistoryView, TransactionTypeBadge, UIKit, UIKitShowcase, VelocityLimitDetail, VelocityLimits, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, newTransactionSchema, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map