@opexa/portal-components 0.0.63 → 0.0.65

package/dist/components/TransactionRecords/TableFilters.js

@@ -1,212 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createListCollection, parseDate, Portal } from '@ark-ui/react';
-import { endOfDay, startOfDay } from 'date-fns';
-import { useState } from 'react';
-import { z } from 'zod';
-import { useControllableState } from '../../client/hooks/index.js';
-import { CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from '../../icons/index.js';
-import { DatePicker, SegmentGroup, Select } from '../../ui/index.js';
-import { capitalize } from '../../utils/index.js';
-const TabDefinition = z.enum(['all', 'today', 'custom']).catch('all');
-const DEPOSIT_STATUSES = [
-    'ACCEPTED',
-    'APPROVED',
-    'CANCELLED',
-    'CONFIRMED',
-    'FAILED',
-    'PENDING',
-    'REJECTED',
-];
-const WITHDRAWAL_STATUSES = [
-    'ACCEPTED',
-    'APPROVED',
-    'CANCELLED',
-    'CONFIRMED',
-    'FAILED',
-    'PENDING',
-    'REJECTED',
-];
-const TRANSACTION_TYPES = [
-    'DEPOSIT',
-    'WITHDRAWAL',
-    'BET',
-];
-const deviceTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-export function TableFilters(props) {
-    const gameTypeCollection = createListCollection({
-        items: props.gameTypeOptions ?? [],
-        itemToValue: (item) => item,
-        itemToString: (item) => capitalize(item, {
-            delimiter: capitalize.delimiters.UNDERSCORE,
-        }),
-    });
-    const gameProviderCollection = createListCollection({
-        items: props.gameProviderOptions ?? [],
-        itemToValue: (item) => item,
-        itemToString: (item) => capitalize(item, {
-            delimiter: capitalize.delimiters.UNDERSCORE,
-        }),
-    });
-    const depositStatusCollection = createListCollection({
-        items: DEPOSIT_STATUSES,
-        itemToValue: (item) => item,
-        itemToString: (item) => capitalize(item, {
-            delimiter: capitalize.delimiters.UNDERSCORE,
-        }),
-    });
-    const withdrawalStatusCollection = createListCollection({
-        items: WITHDRAWAL_STATUSES,
-        itemToValue: (item) => item,
-        itemToString: (item) => capitalize(item, {
-            delimiter: capitalize.delimiters.UNDERSCORE,
-        }),
-    });
-    const transactionTypeCollection = createListCollection({
-        items: TRANSACTION_TYPES,
-        itemToValue: (item) => item,
-        itemToString: (item) => capitalize(item, {
-            delimiter: capitalize.delimiters.UNDERSCORE,
-        }),
-    });
-    const [tab, setTab] = useState('all');
-    const handleChange = (next) => {
-        const prev = {
-            timestamp,
-            gameType,
-            gameProvider,
-            depositStatus,
-            withdrawalStatus,
-        };
-        props.onChange?.({
-            ...prev,
-            ...next,
-        });
-    };
-    const [timestamp, setTimestamp] = useControllableState({
-        value: props.value?.timestamp,
-        defaultValue: props.defaultValue?.timestamp ?? null,
-        onChange(timestamp) {
-            handleChange({ timestamp });
-        },
-    });
-    const [gameType, setGameType] = useControllableState({
-        value: props.value?.gameType,
-        defaultValue: props.defaultValue?.gameType ?? null,
-        onChange(gameType) {
-            handleChange({ gameType });
-        },
-    });
-    const [gameProvider, setGameProvider] = useControllableState({
-        value: props.value?.gameProvider,
-        defaultValue: props.defaultValue?.gameProvider ?? null,
-        onChange(gameProvider) {
-            handleChange({ gameProvider });
-        },
-    });
-    const [depositStatus, setDepositStatus] = useControllableState({
-        value: props.value?.depositStatus,
-        defaultValue: props.defaultValue?.depositStatus ?? null,
-        onChange(depositStatus) {
-            handleChange({ depositStatus });
-        },
-    });
-    const [withdrawalStatus, setWithdrawalStatus] = useControllableState({
-        value: props.value?.withdrawalStatus,
-        defaultValue: props.defaultValue?.withdrawalStatus ?? null,
-        onChange(withdrawalStatus) {
-            handleChange({ withdrawalStatus });
-        },
-    });
-    const [transactionType, setTransactionType] = useControllableState({
-        value: props.value?.transactionType,
-        defaultValue: props.defaultValue?.transactionType ?? null,
-        onChange(transactionType) {
-            handleChange({ transactionType });
-        },
-    });
-    return (_jsxs("div", { className: "flex flex-col gap-lg lg:flex-row lg:items-center", children: [_jsxs(DatePicker.Root, { lazyMount: true, unmountOnExit: true, value: [timestamp?.start, timestamp?.end]
-                    .filter(Boolean)
-                    .map((d) => parseDate(d)), onValueChange: (details) => {
-                    setTimestamp({
-                        start: details.value.at(0)?.toDate(deviceTimezone),
-                        end: details.value.at(1)?.toDate(deviceTimezone),
-                    });
-                }, onOpenChange: (details) => {
-                    if (details.open)
-                        return;
-                    if (timestamp)
-                        return;
-                    setTab('all');
-                }, selectionMode: "range", closeOnSelect: false, positioning: {
-                    gutter: 20,
-                    placement: 'bottom',
-                }, children: [_jsxs(SegmentGroup.Root, { value: tab, onValueChange: (details) => {
-                            const value = TabDefinition.parse(details.value);
-                            if (value === 'today') {
-                                const now = new Date();
-                                setTimestamp({
-                                    start: startOfDay(now),
-                                    end: endOfDay(now),
-                                });
-                            }
-                            else {
-                                setTimestamp(null);
-                            }
-                            setTab(value);
-                        }, className: "w-full lg:w-fit", children: [_jsxs(SegmentGroup.Item, { value: "all", className: "w-full lg:w-auto", children: [_jsx(SegmentGroup.ItemText, { children: "All" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "today", className: "w-full lg:w-auto", children: [_jsx(SegmentGroup.ItemText, { children: "Today" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsx(DatePicker.Context, { children: (api) => (_jsx(SegmentGroup.Item, { value: "custom", onClick: () => api.setOpen(true), className: "w-full lg:w-auto", children: _jsxs(DatePicker.Control, { children: [_jsx(SegmentGroup.ItemText, { children: "Custom" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }) })) }), _jsx(SegmentGroup.Indicator, {})] }), _jsx(Portal, { children: _jsx(DatePicker.Positioner, { children: _jsx(DatePicker.Content, { children: _jsx(DatePicker.View, { view: "day", children: _jsx(DatePicker.Context, { children: (api) => (_jsxs(_Fragment, { children: [_jsxs(DatePicker.ViewControl, { children: [_jsx(DatePicker.PrevTrigger, { children: _jsx(ChevronLeftIcon, {}) }), _jsx(DatePicker.ViewTrigger, { children: _jsx(DatePicker.RangeText, {}) }), _jsx(DatePicker.NextTrigger, { children: _jsx(ChevronRightIcon, {}) })] }), _jsxs(DatePicker.Table, { children: [_jsx(DatePicker.TableHead, { children: _jsx(DatePicker.TableRow, { children: api.weekDays.map((weekDay, id) => (_jsx(DatePicker.TableHeader, { children: weekDay.short.substring(0, 2) }, id))) }) }), _jsx(DatePicker.TableBody, { children: api.weeks.map((week, id) => (_jsx(DatePicker.TableRow, { children: week.map((day, id) => (_jsx(DatePicker.TableCell, { value: day, children: _jsx(DatePicker.TableCellTrigger, { children: day.day }) }, id))) }, id))) })] })] })) }) }) }) }) })] }), _jsx("div", { className: "hidden grow lg:block" }), props.enabledFilters?.gameType && (_jsxs(Select.Root, { collection: gameTypeCollection, value: gameType ? [gameType] : [], onValueChange: (details) => {
-                    const value = z
-                        .enum((props.gameTypeOptions ?? []))
-                        .safeParse(details.value.at(0)).data;
-                    setGameType(value ?? null);
-                }, lazyMount: true, deselectable: true, positioning: {
-                    sameWidth: true,
-                }, children: [_jsxs(Select.Trigger, { className: "w-full lg:w-[14rem]", children: [_jsx(Select.ValueText, { placeholder: "Game Type" }), _jsx(Select.Context, { children: (api) => (_jsx(_Fragment, { children: api.value.length ? (_jsx(Select.ClearTrigger, { asChild: true, children: _jsx("span", { onClick: (e) => {
-                                                e.stopPropagation();
-                                            }, children: "Clear" }) })) : (_jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })) })) })] }), _jsx(Portal, { children: _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: gameTypeCollection.items.map((type) => (_jsxs(Select.Item, { item: type, children: [_jsx(Select.ItemText, { children: capitalize(type, {
-                                                    delimiter: capitalize.delimiters.UNDERSCORE,
-                                                }) }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, type))) }) }) }) })] })), props.enabledFilters?.gameProvider && (_jsxs(Select.Root, { collection: gameProviderCollection, value: gameProvider ? [gameProvider] : [], onValueChange: (details) => {
-                    const value = z
-                        .enum((props.gameProviderOptions ?? []))
-                        .safeParse(details.value.at(0)).data;
-                    setGameProvider(value ?? null);
-                }, lazyMount: true, deselectable: true, positioning: {
-                    sameWidth: true,
-                }, children: [_jsxs(Select.Trigger, { className: "w-full lg:w-[14rem]", children: [_jsx(Select.ValueText, { placeholder: "Game Vendor" }), _jsx(Select.Context, { children: (api) => (_jsx(_Fragment, { children: api.value.length ? (_jsx(Select.ClearTrigger, { asChild: true, children: _jsx("span", { onClick: (e) => {
-                                                e.stopPropagation();
-                                            }, children: "Clear" }) })) : (_jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })) })) })] }), _jsx(Portal, { children: _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: gameProviderCollection.items.map((provider) => (_jsxs(Select.Item, { item: provider, children: [_jsx(Select.ItemText, { children: capitalize(provider, {
-                                                    delimiter: capitalize.delimiters.UNDERSCORE,
-                                                }) }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, provider))) }) }) }) })] })), props.enabledFilters?.depositStatus && (_jsxs(Select.Root, { collection: depositStatusCollection, value: depositStatus ? [depositStatus] : [], onValueChange: (details) => {
-                    const value = z
-                        .enum(DEPOSIT_STATUSES)
-                        .safeParse(details.value.at(0)).data;
-                    setDepositStatus(value ?? null);
-                }, lazyMount: true, deselectable: true, positioning: {
-                    sameWidth: true,
-                }, children: [_jsxs(Select.Trigger, { className: "w-full lg:w-[14rem]", children: [_jsx(Select.ValueText, { placeholder: "Status" }), _jsx(Select.Context, { children: (api) => (_jsx(_Fragment, { children: api.value.length ? (_jsx(Select.ClearTrigger, { asChild: true, children: _jsx("span", { onClick: (e) => {
-                                                e.stopPropagation();
-                                            }, children: "Clear" }) })) : (_jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })) })) })] }), _jsx(Portal, { children: _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: withdrawalStatusCollection.items.map((status) => (_jsxs(Select.Item, { item: status, children: [_jsx(Select.ItemText, { children: capitalize(status, {
-                                                    delimiter: capitalize.delimiters.UNDERSCORE,
-                                                }) }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, status))) }) }) }) })] })), props.enabledFilters?.withdrawalStatus && (_jsxs(Select.Root, { collection: withdrawalStatusCollection, value: withdrawalStatus ? [withdrawalStatus] : [], onValueChange: (details) => {
-                    const value = z
-                        .enum(WITHDRAWAL_STATUSES)
-                        .safeParse(details.value.at(0)).data;
-                    setWithdrawalStatus(value ?? null);
-                }, lazyMount: true, deselectable: true, positioning: {
-                    sameWidth: true,
-                }, children: [_jsxs(Select.Trigger, { className: "w-full lg:w-[14rem]", children: [_jsx(Select.ValueText, { placeholder: "Status" }), _jsx(Select.Context, { children: (api) => (_jsx(_Fragment, { children: api.value.length ? (_jsx(Select.ClearTrigger, { asChild: true, children: _jsx("span", { onClick: (e) => {
-                                                e.stopPropagation();
-                                            }, children: "Clear" }) })) : (_jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })) })) })] }), _jsx(Portal, { children: _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: depositStatusCollection.items.map((status) => (_jsxs(Select.Item, { item: status, children: [_jsx(Select.ItemText, { children: capitalize(status, {
-                                                    delimiter: capitalize.delimiters.UNDERSCORE,
-                                                }) }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, status))) }) }) }) })] })), props.enabledFilters?.transactionType && (_jsxs(Select.Root, { collection: transactionTypeCollection, value: transactionType ? [transactionType] : [], onValueChange: (details) => {
-                    const value = z
-                        .enum(TRANSACTION_TYPES)
-                        .safeParse(details.value.at(0)).data;
-                    setTransactionType(value ?? null);
-                }, lazyMount: true, deselectable: true, positioning: {
-                    sameWidth: true,
-                }, children: [_jsxs(Select.Trigger, { className: "w-full lg:w-[14rem]", children: [_jsx(Select.ValueText, { placeholder: "Type" }), _jsx(Select.Context, { children: (api) => (_jsx(_Fragment, { children: api.value.length ? (_jsx(Select.ClearTrigger, { asChild: true, children: _jsx("span", { onClick: (e) => {
-                                                e.stopPropagation();
-                                            }, children: "Clear" }) })) : (_jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })) })) })] }), _jsx(Portal, { children: _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: transactionTypeCollection.items.map((type) => (_jsxs(Select.Item, { item: type, children: [_jsx(Select.ItemText, { children: capitalize(type, {
-                                                    delimiter: capitalize.delimiters.UNDERSCORE,
-                                                }) }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, type))) }) }) }) })] }))] }));
-}

package/dist/components/TransactionRecords/TransactionRecords.d.ts

@@ -1,7 +0,0 @@
-import type { GameProvider, GameType } from '@opexa/portal-sdk-core';
-export interface TransactionRecordsProps {
-    gameTypes: GameType[];
-    gameProviders: GameProvider[];
-    className?: string;
-}
-export declare function TransactionRecords(props: TransactionRecordsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TransactionRecords/TransactionRecords.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tabs } from '../../ui/index.js';
-import { DepositRecordsTable } from './DepositRecordsTable.js';
-import { TransactionRecordsTable } from './TransactionRecordsTable.js';
-import { WithdrawalRecordsTable } from './WithdrawalRecordsTable.js';
-export function TransactionRecords(props) {
-    return (_jsxs("div", { className: props.className, children: [_jsx("h2", { className: "text-sm font-semibold leading-tight lg:text-lg", children: "Transactions" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm leading-tight", children: "View your transaction records" }), _jsxs(Tabs.Root, { className: "mt-lg lg:mt-2xl", defaultValue: "transactions", lazyMount: true, unmountOnExit: true, children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "transactions", children: "Transactions" }), _jsx(Tabs.Trigger, { value: "deposits", children: "Deposits" }), _jsx(Tabs.Trigger, { value: "withdrawals", children: "Withdrawals" }), _jsx(Tabs.Indicator, {})] }), _jsx("div", { className: "border-border-secondary mt-2xl hidden border-t lg:block" }), _jsx("h3", { className: "text-text-secondary-700 mt-3xl text-sm font-semibold", children: "Table" }), _jsx(Tabs.Content, { value: "transactions", className: "mt-xl", children: _jsx(TransactionRecordsTable, {}) }), _jsx(Tabs.Content, { value: "deposits", className: "mt-xl", children: _jsx(DepositRecordsTable, {}) }), _jsx(Tabs.Content, { value: "withdrawals", className: "mt-xl", children: _jsx(WithdrawalRecordsTable, {}) })] })] }));
-}

package/dist/components/TransactionRecords/TransactionRecordsTable.d.ts

@@ -1 +0,0 @@
-export declare function TransactionRecordsTable(): import("react/jsx-runtime").JSX.Element;

package/dist/components/TransactionRecords/TransactionRecordsTable.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { tz, TZDateMini } from '@date-fns/tz';
-import { endOfDay, format, startOfDay } from 'date-fns';
-import { useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useInfiniteQueryHelper, useLocaleInfo, useTransactionRecordsQuery, } from '../../client/hooks/index.js';
-import { ChevronLeftIcon, ChevronRightIcon, File02Icon, SpinnerIcon, } from '../../icons/index.js';
-import { IconButton, Table } from '../../ui/index.js';
-import { capitalize, formatNumber } from '../../utils/index.js';
-import { Empty } from '../Empty.js';
-import { TableFilters } from './TableFilters.js';
-export function TransactionRecordsTable() {
-    const [timestamp, setTimestamp] = useState();
-    const localeInfo = useLocaleInfo();
-    const { page, hasNextPage, hasPrevPage, next, prev, rows, totalPages, loading, firstPage, } = useInfiniteQueryHelper(useTransactionRecordsQuery, {
-        filter: {
-            ...(timestamp && {
-                dateTimeCreated: {
-                    ...(timestamp.start && {
-                        greaterThanOrEqual: new TZDateMini(startOfDay(timestamp.start), localeInfo.timezone).toISOString(),
-                    }),
-                    ...(timestamp.end && {
-                        lesserThanOrEqual: new TZDateMini(endOfDay(timestamp.end), localeInfo.timezone).toISOString(),
-                    }),
-                },
-            }),
-        },
-    });
-    return (_jsxs(_Fragment, { children: [_jsx(TableFilters, { value: {
-                    timestamp,
-                }, onChange: (value) => {
-                    setTimestamp(value.timestamp);
-                    firstPage();
-                }, enabledFilters: {
-                    transactionType: true,
-                } }), rows.length <= 0 && (_jsx(Empty, { icon: loading ? SpinnerIcon : File02Icon, title: loading ? 'Just a moment' : 'No data', message: loading
-                    ? 'Fetching latest transaction records...'
-                    : 'No data is currently available.', className: "mt-5xl" })), rows.length >= 1 && (_jsxs("div", { className: twMerge('mt-xl', 'border-y', 'border-border-secondary', 'bleed', 'lg:not-bleed', 'lg:mt-3xl', 'lg:w-full', 'lg:rounded-xl', 'lg:border-x'), children: [_jsx("div", { className: "border-border-secondary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-none border-b lg:rounded-t-xl", children: _jsxs(Table.Root, { className: "border-0", children: [_jsx(Table.Header, { children: _jsxs(Table.Row, { children: [_jsx(Table.Heading, { children: "Transaction Type" }), _jsx(Table.Heading, { children: "Transaction Time" }), _jsx(Table.Heading, { children: "Amount" }), _jsx(Table.Heading, { children: "Current Balance" }), _jsx(Table.Heading, { children: "Reference Number" }), _jsx(Table.Heading, { children: "Content" })] }) }), _jsx(Table.Body, { children: rows.map((data) => (_jsxs(Table.Row, { children: [_jsx(Table.Cell, { className: "!py-1", children: capitalize(data.type, {
-                                                    delimiter: capitalize.delimiters.UNDERSCORE,
-                                                }) }), _jsxs(Table.Cell, { className: "!py-1", children: [_jsx("div", { className: "leading-tight", children: format(data.dateTimeCreated, 'MM/dd/yyyy', {
-                                                            in: tz(localeInfo.timezone),
-                                                        }) }), _jsx("div", { className: "text-text-tertiary-600 leading-tight", children: format(data.dateTimeCreated, 'hh:mm a', {
-                                                            in: tz(localeInfo.timezone),
-                                                        }) })] }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.amount, {
-                                                    currency: localeInfo.currency.code,
-                                                    minDecimalPlaces: 2,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.currentBalance, {
-                                                    currency: localeInfo.currency.code,
-                                                    minDecimalPlaces: 2,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: data.referenceNumber }), _jsx(Table.Cell, { className: "!py-1", children: data.content || '/' })] }, data.id))) })] }) }), _jsxs("div", { className: "flex items-center justify-between gap-lg px-4 py-3", children: [_jsx(IconButton, { size: "xs", variant: "outline", colorScheme: "gray", disabled: !hasPrevPage || loading, onClick: () => prev(), children: _jsx(ChevronLeftIcon, { className: "size-5" }) }), _jsxs("p", { className: "text-text-secondary-700 text-sm font-medium", children: ["Page ", page, " of ", totalPages] }), _jsx(IconButton, { size: "xs", variant: "outline", colorScheme: "gray", disabled: !hasNextPage || loading, onClick: () => next(), children: _jsx(ChevronRightIcon, { className: "size-5" }) })] })] }))] }));
-}

package/dist/components/TransactionRecords/WithdrawalRecordsTable.d.ts

@@ -1 +0,0 @@
-export declare function WithdrawalRecordsTable(): import("react/jsx-runtime").JSX.Element;

package/dist/components/TransactionRecords/WithdrawalRecordsTable.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { tz, TZDateMini } from '@date-fns/tz';
-import { endOfDay, format, startOfDay } from 'date-fns';
-import { useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useInfiniteQueryHelper, useLocaleInfo, useWithdrawalRecordsQuery, } from '../../client/hooks/index.js';
-import { ChevronLeftIcon, ChevronRightIcon, File02Icon, SpinnerIcon, } from '../../icons/index.js';
-import { Badge, IconButton, Table } from '../../ui/index.js';
-import { capitalize, formatNumber } from '../../utils/index.js';
-import { Empty } from '../Empty.js';
-import { TableFilters } from './TableFilters.js';
-export function WithdrawalRecordsTable() {
-    const [timestamp, setTimestamp] = useState();
-    const [withdrawalStatus, setWithdrawalStatus] = useState();
-    const localeInfo = useLocaleInfo();
-    const { page, hasNextPage, hasPrevPage, next, prev, rows, totalPages, loading, firstPage, } = useInfiniteQueryHelper(useWithdrawalRecordsQuery, {
-        filter: {
-            ...(withdrawalStatus && {
-                status: {
-                    equal: withdrawalStatus,
-                },
-            }),
-            ...(timestamp && {
-                dateTimeCreated: {
-                    ...(timestamp.start && {
-                        greaterThanOrEqual: new TZDateMini(startOfDay(timestamp.start), localeInfo.timezone).toISOString(),
-                    }),
-                    ...(timestamp.end && {
-                        lesserThanOrEqual: new TZDateMini(endOfDay(timestamp.end), localeInfo.timezone).toISOString(),
-                    }),
-                },
-            }),
-        },
-    });
-    return (_jsxs(_Fragment, { children: [_jsx(TableFilters, { enabledFilters: {
-                    withdrawalStatus: true,
-                }, value: {
-                    timestamp,
-                    withdrawalStatus,
-                }, onChange: (value) => {
-                    firstPage();
-                    setTimestamp(value.timestamp);
-                    setWithdrawalStatus(value.withdrawalStatus);
-                } }), rows.length <= 0 && (_jsx(Empty, { icon: loading ? SpinnerIcon : File02Icon, title: loading ? 'Just a moment' : 'No data', message: loading
-                    ? 'Fetching latest withdrawal records...'
-                    : 'No data is currently available.', className: "mt-5xl" })), rows.length >= 1 && (_jsxs("div", { className: twMerge('mt-xl', 'border-y', 'border-border-secondary', 'bleed', 'lg:not-bleed', 'lg:mt-3xl', 'lg:w-full', 'lg:rounded-xl', 'lg:border-x'), children: [_jsx("div", { className: "border-border-secondary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-none border-b lg:rounded-t-xl", children: _jsxs(Table.Root, { className: "border-0", children: [_jsx(Table.Header, { children: _jsxs(Table.Row, { children: [_jsx(Table.Heading, { children: "Withdrawal No." }), _jsx(Table.Heading, { children: "Reference" }), _jsx(Table.Heading, { children: "Withdrawal Method" }), _jsx(Table.Heading, { children: "Mobile Number" }), _jsx(Table.Heading, { children: "Withdrawal Amount" }), _jsx(Table.Heading, { children: "Net Amount" }), _jsx(Table.Heading, { children: "Transaction Fee" }), _jsx(Table.Heading, { children: "Bank Name" }), _jsx(Table.Heading, { children: "Withdrawal Time" }), _jsx(Table.Heading, { children: "Status" })] }) }), _jsx(Table.Body, { children: rows.map((data) => (_jsxs(Table.Row, { children: [_jsx(Table.Cell, { className: "!py-1", children: data.withdrawalNumber }), _jsx(Table.Cell, { className: "!py-1", children: data.reference }), _jsx(Table.Cell, { className: "!py-1", children: capitalize(data.type, {
-                                                    delimiter: capitalize.delimiters.UNDERSCORE,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: data.recipientMobileNumber }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.amount, {
-                                                    currency: localeInfo.currency.code,
-                                                    minDecimalPlaces: 2,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.netAmount, {
-                                                    currency: localeInfo.currency.code,
-                                                    minDecimalPlaces: 2,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.fee, {
-                                                    currency: localeInfo.currency.code,
-                                                    minDecimalPlaces: 2,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: data.bank }), _jsxs(Table.Cell, { className: "!py-1", children: [_jsx("div", { className: "leading-tight", children: format(data.dateTimeCreated, 'MM/dd/yyyy', {
-                                                            in: tz(localeInfo.timezone),
-                                                        }) }), _jsx("div", { className: "text-text-tertiary-600 leading-tight", children: format(data.dateTimeCreated, 'hh:mm a', {
-                                                            in: tz(localeInfo.timezone),
-                                                        }) })] }), _jsx(Table.Cell, { className: "!py-1", children: _jsx(Badge.Root, { variant: "subtle", colorScheme: data.status === 'FAILED' ||
-                                                        data.status === 'REJECTED' ||
-                                                        data.status === 'CANCELLED'
-                                                        ? 'danger'
-                                                        : data.status === 'PENDING'
-                                                            ? 'warning'
-                                                            : 'success', children: _jsx(Badge.Label, { children: capitalize(data.status, {
-                                                            delimiter: capitalize.delimiters.UNDERSCORE,
-                                                        }) }) }) })] }, data.id))) })] }) }), _jsxs("div", { className: "flex items-center justify-between gap-lg px-4 py-3", children: [_jsx(IconButton, { size: "xs", variant: "outline", colorScheme: "gray", disabled: !hasPrevPage || loading, onClick: () => prev(), children: _jsx(ChevronLeftIcon, { className: "size-5" }) }), _jsxs("p", { className: "text-text-secondary-700 text-sm font-medium", children: ["Page ", page, " of ", totalPages] }), _jsx(IconButton, { size: "xs", variant: "outline", colorScheme: "gray", disabled: !hasNextPage || loading, onClick: () => next(), children: _jsx(ChevronRightIcon, { className: "size-5" }) })] })] }))] }));
-}

package/dist/components/TransactionRecords/index.d.ts

@@ -1 +0,0 @@
-export * from './TransactionRecords';

package/dist/components/TransactionRecords/index.js

@@ -1 +0,0 @@
-export * from './TransactionRecords.js';

package/dist/components/index.js

@@ -1,34 +0,0 @@
-export * from './Account/index.js';
-export * from './AccountInfo/index.js';
-export * from './AccountSecurity/index.js';
-export * from './AccountVerification/index.js';
-export * from './Banner/index.js';
-export * from './BetRecords/index.js';
-export * from './Bonus/index.js';
-export * from './Bonuses/index.js';
-export * from './Cashback/index.js';
-export * from './CashbackBonus/index.js';
-export * from './DepositWithdrawal/index.js';
-export * from './Disclaimer/index.js';
-export * from './FavoriteGames/index.js';
-export * from './GameLaunch/index.js';
-export * from './GameProviders/index.js';
-export * from './Games/index.js';
-export * from './GamesSearch/index.js';
-export * from './JackpotCounter/index.js';
-export * from './Jackpots/index.js';
-export * from './KYC/index.js';
-export * from './Marquee/index.js';
-export * from './Messages/index.js';
-export * from './PortalProvider/index.js';
-export * from './Promo/index.js';
-export * from './Promos/index.js';
-export * from './Protected/index.js';
-export * from './Quests/index.js';
-export * from './Search/index.js';
-export * from './SignIn/index.js';
-export * from './SignUp/index.js';
-export * from './TopWins/index.js';
-export * from './TournamentCounter/index.js';
-export * from './Tournaments/index.js';
-export * from './TransactionRecords/index.js';