braid-ui 1.0.35 → 1.0.37

package/dist/index.d.cts

@@ -358,6 +358,22 @@ interface CreateBusinessViewProps {
 }
 declare const CreateBusinessView: ({ form, businessType, onBusinessTypeChange, onSubmit, onCancel }: CreateBusinessViewProps) => react_jsx_runtime.JSX.Element;
 
+interface CounterpartiesViewProps {
+    table: React.ReactNode;
+    filters: {
+        name: string;
+        type: string;
+        status: string;
+        createdDateStart?: Date;
+        createdDateEnd?: Date;
+    };
+    onFilterChange: (field: string, value: string | Date | undefined) => void;
+    onResetFilters: () => void;
+    onApplyFilters: () => void;
+    onCreateCounterparty: () => void;
+}
+declare const CounterpartiesView: ({ table, filters, onFilterChange, onResetFilters, onApplyFilters, onCreateCounterparty }: CounterpartiesViewProps) => react_jsx_runtime.JSX.Element;
+
 declare const achTransferSchema: z.ZodObject<{
     basicInfo: z.ZodObject<{
         counterpartyName: z.ZodString;
@@ -1657,4 +1673,4 @@ declare function generateStatementCSV(header: StatementHeader, transactions: Sta
  */
 declare function downloadCSV(content: string, filename: string): void;
 
-export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, AccountCard, AccountDetail, Accounts, AddressForm, AlertDetail, AlertDetailRouter, type AlertDetailRouterProps, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts, AppSidebar, Badge, type BadgeProps, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, type BreadcrumbItem, BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses, Button, type ButtonProps, CIPStatusBadge, Calendar, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties, CounterpartyBasicInfo, CounterpartyDetail, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, type CounterpartyWithEntity, CreateBusiness, CreateBusinessView, CreateCounterparty, CreateIndividual, Dashboard, DashboardDemo, DataGrid, type DataGridItem, type DataGridSection, DataTable, type DataTableColumn, type DataTableProps, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, type FormCardProps, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail, Individuals, InfoField, type InputProps, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NotFound, OFACAlertView, type OFACAlertViewProps, OriginatorCard, OriginatorFI, OriginatorFIAddress, type PageAction, type PageCard, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, 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, type StatementHeader, type StatementTransaction, StatementView, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail, TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, type UseAlertDetailReturn, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
+export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, AccountCard, AccountDetail, Accounts, AddressForm, AlertDetail, AlertDetailRouter, type AlertDetailRouterProps, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts, AppSidebar, Badge, type BadgeProps, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, type BreadcrumbItem, BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses, Button, type ButtonProps, CIPStatusBadge, Calendar, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties, CounterpartiesView, CounterpartyBasicInfo, CounterpartyDetail, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, type CounterpartyWithEntity, CreateBusiness, CreateBusinessView, CreateCounterparty, CreateIndividual, Dashboard, DashboardDemo, DataGrid, type DataGridItem, type DataGridSection, DataTable, type DataTableColumn, type DataTableProps, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, type FormCardProps, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail, Individuals, InfoField, type InputProps, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NotFound, OFACAlertView, type OFACAlertViewProps, OriginatorCard, OriginatorFI, OriginatorFIAddress, type PageAction, type PageCard, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, 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, type StatementHeader, type StatementTransaction, StatementView, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail, TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, type UseAlertDetailReturn, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };

package/dist/index.d.ts

@@ -358,6 +358,22 @@ interface CreateBusinessViewProps {
 }
 declare const CreateBusinessView: ({ form, businessType, onBusinessTypeChange, onSubmit, onCancel }: CreateBusinessViewProps) => react_jsx_runtime.JSX.Element;
 
+interface CounterpartiesViewProps {
+    table: React.ReactNode;
+    filters: {
+        name: string;
+        type: string;
+        status: string;
+        createdDateStart?: Date;
+        createdDateEnd?: Date;
+    };
+    onFilterChange: (field: string, value: string | Date | undefined) => void;
+    onResetFilters: () => void;
+    onApplyFilters: () => void;
+    onCreateCounterparty: () => void;
+}
+declare const CounterpartiesView: ({ table, filters, onFilterChange, onResetFilters, onApplyFilters, onCreateCounterparty }: CounterpartiesViewProps) => react_jsx_runtime.JSX.Element;
+
 declare const achTransferSchema: z.ZodObject<{
     basicInfo: z.ZodObject<{
         counterpartyName: z.ZodString;
@@ -1657,4 +1673,4 @@ declare function generateStatementCSV(header: StatementHeader, transactions: Sta
  */
 declare function downloadCSV(content: string, filename: string): void;
 
-export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, AccountCard, AccountDetail, Accounts, AddressForm, AlertDetail, AlertDetailRouter, type AlertDetailRouterProps, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts, AppSidebar, Badge, type BadgeProps, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, type BreadcrumbItem, BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses, Button, type ButtonProps, CIPStatusBadge, Calendar, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties, CounterpartyBasicInfo, CounterpartyDetail, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, type CounterpartyWithEntity, CreateBusiness, CreateBusinessView, CreateCounterparty, CreateIndividual, Dashboard, DashboardDemo, DataGrid, type DataGridItem, type DataGridSection, DataTable, type DataTableColumn, type DataTableProps, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, type FormCardProps, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail, Individuals, InfoField, type InputProps, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NotFound, OFACAlertView, type OFACAlertViewProps, OriginatorCard, OriginatorFI, OriginatorFIAddress, type PageAction, type PageCard, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, 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, type StatementHeader, type StatementTransaction, StatementView, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail, TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, type UseAlertDetailReturn, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
+export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, AccountCard, AccountDetail, Accounts, AddressForm, AlertDetail, AlertDetailRouter, type AlertDetailRouterProps, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts, AppSidebar, Badge, type BadgeProps, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, type BreadcrumbItem, BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses, Button, type ButtonProps, CIPStatusBadge, Calendar, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties, CounterpartiesView, CounterpartyBasicInfo, CounterpartyDetail, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, type CounterpartyWithEntity, CreateBusiness, CreateBusinessView, CreateCounterparty, CreateIndividual, Dashboard, DashboardDemo, DataGrid, type DataGridItem, type DataGridSection, DataTable, type DataTableColumn, type DataTableProps, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, type FormCardProps, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail, Individuals, InfoField, type InputProps, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NotFound, OFACAlertView, type OFACAlertViewProps, OriginatorCard, OriginatorFI, OriginatorFIAddress, type PageAction, type PageCard, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, 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, type StatementHeader, type StatementTransaction, StatementView, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail, TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, type UseAlertDetailReturn, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };

package/dist/index.js

@@ -5223,6 +5223,104 @@ var CreateBusinessView = ({
     }
   );
 };
+var CounterpartiesView = ({
+  table,
+  filters,
+  onFilterChange,
+  onResetFilters,
+  onApplyFilters,
+  onCreateCounterparty
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-6 max-w-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground mb-2", children: "Counterparties" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs(Sheet, { children: [
+          /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "gap-2", children: [
+            /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
+            "Filters"
+          ] }) }),
+          /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
+            /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: "Counterparty Filters" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-6 py-6", children: [
+              /* @__PURE__ */ jsx(
+                EnhancedInput,
+                {
+                  label: "Name",
+                  value: filters.name,
+                  onChange: (e) => onFilterChange("name", e.target.value),
+                  placeholder: "Enter counterparty name"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                EnhancedSelect,
+                {
+                  label: "Type",
+                  value: filters.type,
+                  onValueChange: (value) => onFilterChange("type", value),
+                  placeholder: "Select type",
+                  options: [
+                    { value: "BUSINESS", label: "Business" },
+                    { value: "INDIVIDUAL", label: "Individual" }
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                EnhancedSelect,
+                {
+                  label: "Status",
+                  value: filters.status,
+                  onValueChange: (value) => onFilterChange("status", value),
+                  placeholder: "Select status",
+                  options: [
+                    { value: "ACTIVE", label: "Active" },
+                    { value: "INACTIVE", label: "Inactive" },
+                    { value: "PENDING", label: "Pending" },
+                    { value: "SUSPENDED", label: "Suspended" }
+                  ]
+                }
+              ),
+              /* @__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: "Created Date Start" }),
+                  /* @__PURE__ */ jsx(
+                    DatePicker,
+                    {
+                      date: filters.createdDateStart,
+                      onDateChange: (date) => onFilterChange("createdDateStart", date),
+                      placeholder: "MM/DD/YYYY",
+                      buttonClassName: "w-full",
+                      className: "bg-background z-50"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Created Date End" }),
+                  /* @__PURE__ */ jsx(
+                    DatePicker,
+                    {
+                      date: filters.createdDateEnd,
+                      onDateChange: (date) => onFilterChange("createdDateEnd", date),
+                      placeholder: "MM/DD/YYYY",
+                      buttonClassName: "w-full",
+                      className: "bg-background z-50"
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(SheetFooter, { className: "gap-2", children: [
+              /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onResetFilters, children: "Reset Filters" }),
+              /* @__PURE__ */ jsx(Button, { onClick: onApplyFilters, children: "Apply Filters" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { onClick: onCreateCounterparty, children: "Create Counterparty" })
+      ] })
+    ] }) }) }),
+    /* @__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 }) }) })
+  ] });
+};
 
 // src/lib/mock-data/banking-data.ts
 var defaultACHBankDetails = {
@@ -10631,11 +10729,23 @@ var mockCounterpartiesList = [
     modified: "2023-12-28"
   }
 ];
+var mockProducts3 = {
+  "prod-001": "Business Banking Pro",
+  "prod-002": "Premium Banking",
+  "prod-003": "Business Banking Plus"
+};
+var mockBusinesses2 = {
+  "bus-001": "Tech Solutions LLC",
+  "bus-002": "Digital Ventures"
+};
+var mockIndividuals2 = {
+  "ind-001": "Cloud Services Corp",
+  "ind-002": "Wealth Management"
+};
 var Counterparties = () => {
   const navigate = useNavigate();
   const [searchParams] = useSearchParams();
-  const { counterparties: enrichedCounterparties, loading: loadingEntities } = useCounterpartyEntity(mockCounterpartiesList);
-  const [filteredCounterparties, setFilteredCounterparties] = useState([]);
+  const [counterparties, setCounterparties] = useState([]);
   const [sortBy, setSortBy] = useState("created");
   const [sortDirection, setSortDirection] = useState("desc");
   const [filters, setFilters] = useState({
@@ -10645,43 +10755,78 @@ var Counterparties = () => {
     createdDateStart: void 0,
     createdDateEnd: void 0
   });
-  const handleFilterChange = (field, value) => {
-    setFilters((prev) => ({ ...prev, [field]: value }));
-  };
-  const applyFilters = () => {
-    let filtered = enrichedCounterparties;
+  useEffect(() => {
+    const enrichCounterparties = async () => {
+      const enriched = await Promise.all(
+        mockCounterpartiesList.map(async (counterparty) => {
+          let associatedEntity = "";
+          let entityType = null;
+          if (counterparty.productId) {
+            associatedEntity = mockProducts3[counterparty.productId] || counterparty.productId;
+            entityType = "product";
+          } else if (counterparty.businessId) {
+            associatedEntity = mockBusinesses2[counterparty.businessId] || counterparty.businessId;
+            entityType = "business";
+          } else if (counterparty.individualId) {
+            associatedEntity = mockIndividuals2[counterparty.individualId] || counterparty.individualId;
+            entityType = "individual";
+          } else if (counterparty.accountNumber) {
+            associatedEntity = counterparty.accountNumber;
+            entityType = "account";
+          }
+          return {
+            ...counterparty,
+            associatedEntity,
+            entityType
+          };
+        })
+      );
+      setCounterparties(enriched);
+    };
+    enrichCounterparties();
+  }, []);
+  const filteredCounterparties = useMemo(() => {
+    const customerId = searchParams.get("customerId");
+    let filtered = counterparties;
+    if (customerId) {
+      filtered = filtered.filter((cp) => cp.customerId === customerId);
+    }
     if (filters.name) {
       filtered = filtered.filter(
-        (counterparty) => counterparty.name.toLowerCase().includes(filters.name.toLowerCase())
+        (cp) => cp.name.toLowerCase().includes(filters.name.toLowerCase())
       );
     }
     if (filters.type) {
-      filtered = filtered.filter((counterparty) => counterparty.type === filters.type);
+      filtered = filtered.filter((cp) => cp.type === filters.type);
     }
     if (filters.status) {
-      filtered = filtered.filter((counterparty) => counterparty.status === filters.status);
+      filtered = filtered.filter((cp) => cp.status === filters.status);
     }
     if (filters.createdDateStart) {
       filtered = filtered.filter(
-        (counterparty) => new Date(counterparty.created) >= filters.createdDateStart
+        (cp) => new Date(cp.created) >= filters.createdDateStart
       );
     }
     if (filters.createdDateEnd) {
       filtered = filtered.filter(
-        (counterparty) => new Date(counterparty.created) <= filters.createdDateEnd
+        (cp) => new Date(cp.created) <= filters.createdDateEnd
       );
     }
-    setFilteredCounterparties(filtered);
-  };
-  useEffect(() => {
-    const customerId = searchParams.get("customerId");
-    let filtered = enrichedCounterparties;
-    if (customerId) {
-      filtered = filtered.filter((cp) => cp.customerId === customerId);
-    }
-    setFilteredCounterparties(filtered);
-  }, [enrichedCounterparties, searchParams]);
-  const resetFilters = () => {
+    return filtered;
+  }, [counterparties, filters, searchParams]);
+  const sortedCounterparties = useMemo(() => {
+    return [...filteredCounterparties].sort((a, b) => {
+      const aValue = a[sortBy];
+      const bValue = b[sortBy];
+      if (aValue < bValue) return sortDirection === "asc" ? -1 : 1;
+      if (aValue > bValue) return sortDirection === "asc" ? 1 : -1;
+      return 0;
+    });
+  }, [filteredCounterparties, sortBy, sortDirection]);
+  const handleFilterChange = useCallback((field, value) => {
+    setFilters((prev) => ({ ...prev, [field]: value }));
+  }, []);
+  const handleResetFilters = useCallback(() => {
     setFilters({
       name: "",
       type: "",
@@ -10689,19 +10834,23 @@ var Counterparties = () => {
       createdDateStart: void 0,
       createdDateEnd: void 0
     });
-    setFilteredCounterparties(enrichedCounterparties);
-  };
-  const handleSort = (key) => {
+  }, []);
+  const handleApplyFilters = useCallback(() => {
+  }, []);
+  const handleSort = useCallback((key) => {
     if (sortBy === key) {
-      setSortDirection(sortDirection === "asc" ? "desc" : "asc");
+      setSortDirection((prev) => prev === "asc" ? "desc" : "asc");
     } else {
       setSortBy(key);
       setSortDirection("asc");
     }
-  };
-  const handleRowClick = (counterparty) => {
+  }, [sortBy]);
+  const handleRowClick = useCallback((counterparty) => {
     navigate(`/counterparty/${counterparty.id}`);
-  };
+  }, [navigate]);
+  const handleCreateCounterparty = useCallback(() => {
+    navigate("/counterparty/create");
+  }, [navigate]);
   const columns3 = [
     {
       key: "name",
@@ -10754,112 +10903,28 @@ var Counterparties = () => {
       sortable: true
     }
   ];
-  const sortedCounterparties = [...filteredCounterparties].sort((a, b) => {
-    const aValue = a[sortBy];
-    const bValue = b[sortBy];
-    if (aValue < bValue) return sortDirection === "asc" ? -1 : 1;
-    if (aValue > bValue) return sortDirection === "asc" ? 1 : -1;
-    return 0;
-  });
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-6 max-w-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground mb-2", children: "Counterparties" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs(Sheet, { children: [
-          /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "gap-2", children: [
-            /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
-            "Filters"
-          ] }) }),
-          /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
-            /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: "Counterparty Filters" }) }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-6 py-6", children: [
-              /* @__PURE__ */ jsx(
-                EnhancedInput,
-                {
-                  label: "Name",
-                  value: filters.name,
-                  onChange: (e) => handleFilterChange("name", e.target.value),
-                  placeholder: "Enter counterparty name"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                EnhancedSelect,
-                {
-                  label: "Type",
-                  value: filters.type,
-                  onValueChange: (value) => handleFilterChange("type", value),
-                  placeholder: "Select type",
-                  options: [
-                    { value: "BUSINESS", label: "Business" },
-                    { value: "INDIVIDUAL", label: "Individual" }
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                EnhancedSelect,
-                {
-                  label: "Status",
-                  value: filters.status,
-                  onValueChange: (value) => handleFilterChange("status", value),
-                  placeholder: "Select status",
-                  options: [
-                    { value: "ACTIVE", label: "Active" },
-                    { value: "INACTIVE", label: "Inactive" },
-                    { value: "PENDING", label: "Pending" },
-                    { value: "SUSPENDED", label: "Suspended" }
-                  ]
-                }
-              ),
-              /* @__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: "Created Date Start" }),
-                  /* @__PURE__ */ jsx(
-                    DatePicker,
-                    {
-                      date: filters.createdDateStart,
-                      onDateChange: (date) => handleFilterChange("createdDateStart", date),
-                      placeholder: "MM/DD/YYYY",
-                      buttonClassName: "w-full",
-                      className: "bg-background z-50"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Created Date End" }),
-                  /* @__PURE__ */ jsx(
-                    DatePicker,
-                    {
-                      date: filters.createdDateEnd,
-                      onDateChange: (date) => handleFilterChange("createdDateEnd", date),
-                      placeholder: "MM/DD/YYYY",
-                      buttonClassName: "w-full",
-                      className: "bg-background z-50"
-                    }
-                  )
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs(SheetFooter, { className: "gap-2", children: [
-              /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: resetFilters, children: "Reset Filters" }),
-              /* @__PURE__ */ jsx(Button, { onClick: applyFilters, children: "Apply Filters" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Button, { onClick: () => navigate("/counterparty/create"), children: "Create Counterparty" })
-      ] })
-    ] }) }) }),
-    /* @__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: /* @__PURE__ */ jsx(
-      DataTable,
-      {
-        columns: columns3,
-        data: sortedCounterparties,
-        sortBy,
-        sortDirection,
-        onSort: handleSort,
-        onRowClick: handleRowClick
-      }
-    ) }) }) })
-  ] });
+  const table = useMemo(() => /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      columns: columns3,
+      data: sortedCounterparties,
+      sortBy,
+      sortDirection,
+      onSort: handleSort,
+      onRowClick: handleRowClick
+    }
+  ), [columns3, sortedCounterparties, sortBy, sortDirection, handleSort, handleRowClick]);
+  return /* @__PURE__ */ jsx(
+    CounterpartiesView,
+    {
+      table,
+      filters,
+      onFilterChange: handleFilterChange,
+      onResetFilters: handleResetFilters,
+      onApplyFilters: handleApplyFilters,
+      onCreateCounterparty: handleCreateCounterparty
+    }
+  );
 };
 var Counterparties_default = Counterparties;
 var mockCounterpartyTimeline = [
@@ -13912,6 +13977,6 @@ function UIKit() {
   ] }) }) });
 }
 
-export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, 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, CounterpartyBasicInfo, CounterpartyDetail_default as CounterpartyDetail, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, CreateBusinessView, Create_default2 as CreateCounterparty, Create_default3 as CreateIndividual, 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, NotFound_default as NotFound, OFACAlertView, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, 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, TransactionHistory_default as TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
+export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, 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, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, CreateBusinessView, Create_default2 as CreateCounterparty, Create_default3 as CreateIndividual, 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, NotFound_default as NotFound, OFACAlertView, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, 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, TransactionHistory_default as TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map