@opexa/portal-components 0.0.6 → 0.0.8

package/dist/components/TournamentCounter/TournamentCounterItem.jsx

@@ -1,111 +0,0 @@
-'use client';
-import { map, pick, sum } from 'lodash-es';
-import Image from 'next/image';
-import React, { useEffect, useMemo, useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useLocaleInfo } from '../../hooks/useLocaleInfo.js';
-import { Award02Icon } from '../../icons/Award02Icon.jsx';
-import ball from '../../images/ball.png';
-import card from '../../images/card.png';
-import trophy from '../../images/trophy.png';
-import { formatNumber } from '../../utils/formatNumber.js';
-export function TournamentCounterItem(_a) {
-    var tournament = _a.tournament, className = _a.className, index = _a.index;
-    var localeInfo = useLocaleInfo();
-    var tournamentReward = sum(map(tournament.rewardSettings, Number));
-    var _b = useState({
-        days: 0,
-        hours: 0,
-        minutes: 0,
-        isPast: false,
-    }), timeRemaining = _b[0], setTimeRemaining = _b[1];
-    var activationEndDateTime = useMemo(function () { return new Date(tournament.activationEndDateTime); }, [tournament.activationEndDateTime]);
-    var calculateRemainingTime = React.useCallback(function () {
-        var now = new Date();
-        var diffMs = activationEndDateTime.getTime() - now.getTime();
-        if (diffMs <= 0) {
-            setTimeRemaining({ days: 0, hours: 0, minutes: 0, isPast: true });
-            return;
-        }
-        var diffSeconds = Math.floor(diffMs / 1000);
-        var days = Math.floor(diffSeconds / (3600 * 24));
-        var hours = Math.floor((diffSeconds % (3600 * 24)) / 3600);
-        var minutes = Math.floor((diffSeconds % 3600) / 60);
-        var updated = pick({ days: days, hours: hours, minutes: minutes, isPast: false }, [
-            'days',
-            'hours',
-            'minutes',
-            'isPast',
-        ]);
-        setTimeRemaining(updated);
-    }, [activationEndDateTime]);
-    useEffect(function () {
-        calculateRemainingTime();
-        var interval = setInterval(calculateRemainingTime, 60 * 1000);
-        return function () { return clearInterval(interval); };
-    }, [activationEndDateTime, calculateRemainingTime]);
-    var timeParts = [
-        { label: 'Day', value: timeRemaining.days },
-        { label: 'Hour', value: timeRemaining.hours },
-        { label: 'Min', value: timeRemaining.minutes },
-    ];
-    var tournamentImage = [
-        {
-            image: trophy,
-        },
-        {
-            image: card,
-        },
-        {
-            image: ball,
-        },
-    ];
-    return (<div className={twMerge('bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center', className)}>
-      <div className="flex h-full w-full justify-between">
-        <div className="border-gray-700 bg-gray-300 flex h-fit w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium">
-          <Award02Icon className="size-3.5"/>
-          Multiplier
-        </div>
-
-        <div className="flex h-fit">
-          {timeParts.map(function (part, idx) { return (<React.Fragment key={part.label}>
-              <div className={twMerge('rounded-xs bg-gray-600 text-gray-50 flex h-fit w-8 flex-col items-center pb-1.5')}>
-                <span className="text-base font-medium">
-                  {String(part.value).padStart(2, '0')}
-                </span>
-                <span className="text-[8px]">{part.label}</span>
-              </div>
-
-              {idx < timeParts.length - 1 && (<div className="flex flex-col justify-center gap-[6px] px-[6px]">
-                  <div className="h-1 w-1 rounded-full bg-[#09232E]"/>
-                  <div className="h-1 w-1 rounded-full bg-[#09232E]"/>
-                </div>)}
-            </React.Fragment>); })}
-        </div>
-      </div>
-
-      <div className="flex justify-between">
-        <div className="flex h-fit flex-col justify-between text-left">
-          <div>
-            <div className="text-lg font-semibold">{tournament.name}</div>
-
-            <div className="bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold">
-              {formatNumber(tournamentReward, {
-            currency: localeInfo.currency.code,
-            minDecimalPlaces: 2,
-            maxDecimalPlaces: 2,
-        })}
-            </div>
-          </div>
-
-          <div className="mt-4 text-base font-medium">Play and Win!</div>
-        </div>
-
-        <div className="flex h-full items-end">
-          <div className="h-24 w-auto shrink-0">
-            <Image quality={100} width={100} height={100} src={tournamentImage[index % 3].image} alt="" className="h-full w-auto"/>
-          </div>
-        </div>
-      </div>
-    </div>);
-}

package/dist/components/TournamentCounter/index.js

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

package/dist/components/TransactionRecords/DepositRecordsTable.jsx

@@ -1,181 +0,0 @@
-'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { createListCollection, Portal } from '@ark-ui/react';
-import { tz, TZDateMini } from '@date-fns/tz';
-import { endOfDay, format, startOfDay } from 'date-fns';
-import { useState } from 'react';
-import { useDepositRecordsQuery } from '../../hooks/useDepositRecordsQuery/useDepositRecordsQuery.js';
-import { useInfiniteQueryHelper } from '../../hooks/useInfiniteQueryHelper.js';
-import { useLocaleInfo } from '../../hooks/useLocaleInfo.js';
-import { ChevronDownIcon } from '../../icons/ChevronDownIcon.jsx';
-import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.jsx';
-import { ChevronRightIcon } from '../../icons/ChevronRightIcon.jsx';
-import { File02Icon } from '../../icons/File02Icon.jsx';
-import { SpinnerIcon } from '../../icons/SpinnerIcon.jsx';
-import { Badge, IconButton, Select, Table } from '../../ui/index.js';
-import { capitalize } from '../../utils/capitalize.js';
-import { formatNumber } from '../../utils/formatNumber.js';
-import { Empty } from '../Empty/index.js';
-import { TableFilters } from './TableFilters.jsx';
-export function DepositRecordsTable() {
-    var _a = useState(), timestamp = _a[0], setTimestamp = _a[1];
-    var _b = useState(), depositStatus = _b[0], setDepositStatus = _b[1];
-    var localeInfo = useLocaleInfo();
-    var _c = useInfiniteQueryHelper(useDepositRecordsQuery, {
-        filter: __assign(__assign({}, (depositStatus && {
-            status: {
-                equal: depositStatus,
-            },
-        })), (timestamp && {
-            dateTimeCreated: __assign(__assign({}, (timestamp.start && {
-                greaterThanOrEqual: new TZDateMini(startOfDay(timestamp.start), localeInfo.timezone).toISOString(),
-            })), (timestamp.end && {
-                lesserThanOrEqual: new TZDateMini(endOfDay(timestamp.end), localeInfo.timezone).toISOString(),
-            })),
-        })),
-    }), page = _c.page, pageSize = _c.pageSize, hasNextPage = _c.hasNextPage, hasPrevPage = _c.hasPrevPage, next = _c.next, prev = _c.prev, rows = _c.rows, setPageSize = _c.setPageSize, totalPages = _c.totalPages, loading = _c.loading, firstPage = _c.firstPage;
-    return (<>
-      <TableFilters enabledFilters={{
-            depositStatus: true,
-        }} value={{
-            timestamp: timestamp,
-            depositStatus: depositStatus,
-        }} onChange={function (value) {
-            firstPage();
-            setTimestamp(value.timestamp);
-            setDepositStatus(value.depositStatus);
-        }}/>
-
-      {rows.length <= 0 && (<Empty icon={loading ? SpinnerIcon : File02Icon} title={loading ? 'Just a moment' : 'No data'} message={loading
-                ? 'Fetching latest deposit records...'
-                : 'No data is currently available.'} className="mt-8 lg:mt-16"/>)}
-
-      {rows.length >= 1 && (<div className="border-gray-200 mt-lg rounded-xl border">
-          <div className="border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b">
-            <Table.Root className="border-0">
-              <Table.Header>
-                <Table.Row>
-                  <Table.Heading>Deposit No.</Table.Heading>
-                  <Table.Heading>Reference</Table.Heading>
-                  <Table.Heading>Deposit Method</Table.Heading>
-                  <Table.Heading>Applied Amount</Table.Heading>
-                  <Table.Heading>Recieved Amount</Table.Heading>
-                  <Table.Heading>Transaction Fee</Table.Heading>
-                  <Table.Heading>Deposit Time</Table.Heading>
-                  <Table.Heading>Recieved Time</Table.Heading>
-                  <Table.Heading>Status</Table.Heading>
-                </Table.Row>
-              </Table.Header>
-
-              <Table.Body>
-                {rows.map(function (data) { return (<Table.Row key={data.id}>
-                    <Table.Cell>{data.depositNumber}</Table.Cell>
-                    <Table.Cell>{data.reference}</Table.Cell>
-                    <Table.Cell>
-                      {capitalize(data.type, {
-                    delimiter: capitalize.delimiters.UNDERSCORE,
-                })}
-                    </Table.Cell>
-                    <Table.Cell>
-                      {formatNumber(data.amount, {
-                    currency: localeInfo.currency.code,
-                    minDecimalPlaces: 2,
-                })}
-                    </Table.Cell>
-                    <Table.Cell>
-                      {formatNumber(data.netAmount, {
-                    currency: localeInfo.currency.code,
-                    minDecimalPlaces: 2,
-                })}
-                    </Table.Cell>
-                    <Table.Cell>
-                      {formatNumber(data.fee, {
-                    currency: localeInfo.currency.code,
-                    minDecimalPlaces: 2,
-                })}
-                    </Table.Cell>
-                    <Table.Cell>
-                      {format(data.dateTimeCreated, 'yyyy MMM dd hh:mma', {
-                    in: tz(localeInfo.timezone),
-                })}
-                    </Table.Cell>
-                    <Table.Cell>
-                      {(data.status === 'CONFIRMED' ||
-                    data.status === 'APPROVED') &&
-                    format(data.dateTimeLastUpdated, 'yyyy MMM dd hh:mma', {
-                        in: tz(localeInfo.timezone),
-                    })}
-                    </Table.Cell>
-                    <Table.Cell>
-                      <Badge.Root variant="subtle" colorScheme={data.status === 'FAILED' ||
-                    data.status === 'REJECTED' ||
-                    data.status === 'CANCELLED'
-                    ? 'danger'
-                    : data.status === 'PENDING'
-                        ? 'warning'
-                        : 'success'}>
-                        <Badge.Label>
-                          {capitalize(data.status, {
-                    delimiter: capitalize.delimiters.UNDERSCORE,
-                })}
-                        </Badge.Label>
-                      </Badge.Root>
-                    </Table.Cell>
-                  </Table.Row>); })}
-              </Table.Body>
-            </Table.Root>
-          </div>
-
-          <div className="flex items-center gap-lg px-4 py-3">
-            <p>
-              Page {page} of {totalPages}
-            </p>
-            <div className="grow"></div>
-            <Select.Root size="sm" value={[pageSize.toString()]} onValueChange={function (details) {
-                var n = parseInt(details.value[0]);
-                var v = isNaN(n) ? 10 : n;
-                setPageSize(v);
-            }} collection={pageSizeCollection} lazyMount>
-              <Select.Trigger>
-                <Select.ValueText />
-                <Select.Indicator asChild>
-                  <ChevronDownIcon />
-                </Select.Indicator>
-                <Portal>
-                  <Select.Positioner>
-                    <Select.Content>
-                      {pageSizeCollection.items.map(function (item) { return (<Select.Item key={item} item={item}>
-                          {pageSizeCollection.stringifyItem(item)}
-                        </Select.Item>); })}
-                    </Select.Content>
-                  </Select.Positioner>
-                </Portal>
-              </Select.Trigger>
-            </Select.Root>
-            <div>
-              <IconButton size="sm" variant="outline" colorScheme="gray" className="rounded-r-none border-r-0" disabled={!hasPrevPage || loading} onClick={function () { return prev(); }}>
-                <ChevronLeftIcon className="size-5"/>
-              </IconButton>
-              <IconButton size="sm" variant="outline" colorScheme="gray" className="rounded-l-none" disabled={!hasNextPage || loading} onClick={function () { return next(); }}>
-                <ChevronRightIcon className="size-5"/>
-              </IconButton>
-            </div>
-          </div>
-        </div>)}
-    </>);
-}
-var pageSizeCollection = createListCollection({
-    items: useInfiniteQueryHelper.config.pageSizes,
-    itemToValue: function (item) { return item.toString(); },
-    itemToString: function (item) { return "".concat(item, " items per page"); },
-});

package/dist/components/TransactionRecords/TableFilters.jsx

@@ -1,359 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 '../../hooks/useControllableState.js';
-import { CheckIcon } from '../../icons/CheckIcon.jsx';
-import { ChevronDownIcon } from '../../icons/ChevronDownIcon.jsx';
-import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.jsx';
-import { ChevronRightIcon } from '../../icons/ChevronRightIcon.jsx';
-import { DatePicker, SegmentGroup, Select } from '../../ui/index.js';
-import { capitalize } from '../../utils/capitalize.js';
-var TabDefinition = z.enum(['all', 'today', 'custom']).catch('all');
-var DEPOSIT_STATUSES = [
-    'ACCEPTED',
-    'APPROVED',
-    'CANCELLED',
-    'CONFIRMED',
-    'FAILED',
-    'PENDING',
-    'REJECTED',
-];
-var WITHDRAWAL_STATUSES = [
-    'ACCEPTED',
-    'APPROVED',
-    'CANCELLED',
-    'CONFIRMED',
-    'FAILED',
-    'PENDING',
-    'REJECTED',
-];
-var deviceTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-export function TableFilters(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
-    var gameTypeCollection = createListCollection({
-        items: (_a = props.gameTypeOptions) !== null && _a !== void 0 ? _a : [],
-        itemToValue: function (item) { return item; },
-        itemToString: function (item) {
-            return capitalize(item, {
-                delimiter: capitalize.delimiters.UNDERSCORE,
-            });
-        },
-    });
-    var gameProviderCollection = createListCollection({
-        items: (_b = props.gameProviderOptions) !== null && _b !== void 0 ? _b : [],
-        itemToValue: function (item) { return item; },
-        itemToString: function (item) {
-            return capitalize(item, {
-                delimiter: capitalize.delimiters.UNDERSCORE,
-            });
-        },
-    });
-    var depositStatusCollection = createListCollection({
-        items: DEPOSIT_STATUSES,
-        itemToValue: function (item) { return item; },
-        itemToString: function (item) {
-            return capitalize(item, {
-                delimiter: capitalize.delimiters.UNDERSCORE,
-            });
-        },
-    });
-    var withdrawalStatusCollection = createListCollection({
-        items: WITHDRAWAL_STATUSES,
-        itemToValue: function (item) { return item; },
-        itemToString: function (item) {
-            return capitalize(item, {
-                delimiter: capitalize.delimiters.UNDERSCORE,
-            });
-        },
-    });
-    var _x = useState('all'), tab = _x[0], setTab = _x[1];
-    var handleChange = function (next) {
-        var _a;
-        var prev = {
-            timestamp: timestamp,
-            gameType: gameType,
-            gameProvider: gameProvider,
-            depositStatus: depositStatus,
-            withdrawalStatus: withdrawalStatus,
-        };
-        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, __assign(__assign({}, prev), next));
-    };
-    var _y = useControllableState({
-        value: (_c = props.value) === null || _c === void 0 ? void 0 : _c.timestamp,
-        defaultValue: (_e = (_d = props.defaultValue) === null || _d === void 0 ? void 0 : _d.timestamp) !== null && _e !== void 0 ? _e : null,
-        onChange: function (timestamp) {
-            handleChange({ timestamp: timestamp });
-        },
-    }), timestamp = _y[0], setTimestamp = _y[1];
-    var _z = useControllableState({
-        value: (_f = props.value) === null || _f === void 0 ? void 0 : _f.gameType,
-        defaultValue: (_h = (_g = props.defaultValue) === null || _g === void 0 ? void 0 : _g.gameType) !== null && _h !== void 0 ? _h : null,
-        onChange: function (gameType) {
-            handleChange({ gameType: gameType });
-        },
-    }), gameType = _z[0], setGameType = _z[1];
-    var _0 = useControllableState({
-        value: (_j = props.value) === null || _j === void 0 ? void 0 : _j.gameProvider,
-        defaultValue: (_l = (_k = props.defaultValue) === null || _k === void 0 ? void 0 : _k.gameProvider) !== null && _l !== void 0 ? _l : null,
-        onChange: function (gameProvider) {
-            handleChange({ gameProvider: gameProvider });
-        },
-    }), gameProvider = _0[0], setGameProvider = _0[1];
-    var _1 = useControllableState({
-        value: (_m = props.value) === null || _m === void 0 ? void 0 : _m.depositStatus,
-        defaultValue: (_p = (_o = props.defaultValue) === null || _o === void 0 ? void 0 : _o.depositStatus) !== null && _p !== void 0 ? _p : null,
-        onChange: function (depositStatus) {
-            handleChange({ depositStatus: depositStatus });
-        },
-    }), depositStatus = _1[0], setDepositStatus = _1[1];
-    var _2 = useControllableState({
-        value: (_q = props.value) === null || _q === void 0 ? void 0 : _q.withdrawalStatus,
-        defaultValue: (_s = (_r = props.defaultValue) === null || _r === void 0 ? void 0 : _r.withdrawalStatus) !== null && _s !== void 0 ? _s : null,
-        onChange: function (withdrawalStatus) {
-            handleChange({ withdrawalStatus: withdrawalStatus });
-        },
-    }), withdrawalStatus = _2[0], setWithdrawalStatus = _2[1];
-    return (<div className="flex items-center gap-lg">
-      <DatePicker.Root lazyMount unmountOnExit value={[timestamp === null || timestamp === void 0 ? void 0 : timestamp.start, timestamp === null || timestamp === void 0 ? void 0 : timestamp.end]
-            .filter(Boolean)
-            .map(function (d) { return parseDate(d); })} onValueChange={function (details) {
-            var _a, _b;
-            setTimestamp({
-                start: (_a = details.value.at(0)) === null || _a === void 0 ? void 0 : _a.toDate(deviceTimezone),
-                end: (_b = details.value.at(1)) === null || _b === void 0 ? void 0 : _b.toDate(deviceTimezone),
-            });
-        }} onOpenChange={function (details) {
-            if (details.open)
-                return;
-            if (timestamp)
-                return;
-            setTab('all');
-        }} selectionMode="range" closeOnSelect={false} positioning={{
-            gutter: 20,
-            placement: 'bottom',
-        }}>
-        <SegmentGroup.Root value={tab} onValueChange={function (details) {
-            var value = TabDefinition.parse(details.value);
-            if (value === 'today') {
-                var now = new Date();
-                setTimestamp({
-                    start: startOfDay(now),
-                    end: endOfDay(now),
-                });
-            }
-            else {
-                setTimestamp(null);
-            }
-            setTab(value);
-        }}>
-          <SegmentGroup.Item value="all">
-            <SegmentGroup.ItemText>All</SegmentGroup.ItemText>
-            <SegmentGroup.ItemControl />
-            <SegmentGroup.ItemHiddenInput />
-          </SegmentGroup.Item>
-          <SegmentGroup.Item value="today">
-            <SegmentGroup.ItemText>Today</SegmentGroup.ItemText>
-            <SegmentGroup.ItemControl />
-            <SegmentGroup.ItemHiddenInput />
-          </SegmentGroup.Item>
-
-          <DatePicker.Context>
-            {function (api) { return (<SegmentGroup.Item value="custom" onClick={function () { return api.setOpen(true); }}>
-                <DatePicker.Control>
-                  <SegmentGroup.ItemText>Custom</SegmentGroup.ItemText>
-                  <SegmentGroup.ItemControl />
-                  <SegmentGroup.ItemHiddenInput />
-                </DatePicker.Control>
-              </SegmentGroup.Item>); }}
-          </DatePicker.Context>
-
-          <SegmentGroup.Indicator />
-        </SegmentGroup.Root>
-        <Portal>
-          <DatePicker.Positioner>
-            <DatePicker.Content>
-              <DatePicker.View view="day">
-                <DatePicker.Context>
-                  {function (api) { return (<>
-                      <DatePicker.ViewControl>
-                        <DatePicker.PrevTrigger>
-                          <ChevronLeftIcon />
-                        </DatePicker.PrevTrigger>
-                        <DatePicker.ViewTrigger>
-                          <DatePicker.RangeText />
-                        </DatePicker.ViewTrigger>
-                        <DatePicker.NextTrigger>
-                          <ChevronRightIcon />
-                        </DatePicker.NextTrigger>
-                      </DatePicker.ViewControl>
-                      <DatePicker.Table>
-                        <DatePicker.TableHead>
-                          <DatePicker.TableRow>
-                            {api.weekDays.map(function (weekDay, id) { return (<DatePicker.TableHeader key={id}>
-                                {weekDay.short.substring(0, 2)}
-                              </DatePicker.TableHeader>); })}
-                          </DatePicker.TableRow>
-                        </DatePicker.TableHead>
-                        <DatePicker.TableBody>
-                          {api.weeks.map(function (week, id) { return (<DatePicker.TableRow key={id}>
-                              {week.map(function (day, id) { return (<DatePicker.TableCell key={id} value={day}>
-                                  <DatePicker.TableCellTrigger>
-                                    {day.day}
-                                  </DatePicker.TableCellTrigger>
-                                </DatePicker.TableCell>); })}
-                            </DatePicker.TableRow>); })}
-                        </DatePicker.TableBody>
-                      </DatePicker.Table>
-                    </>); }}
-                </DatePicker.Context>
-              </DatePicker.View>
-            </DatePicker.Content>
-          </DatePicker.Positioner>
-        </Portal>
-      </DatePicker.Root>
-
-      <div className="grow"/>
-
-      {((_t = props.enabledFilters) === null || _t === void 0 ? void 0 : _t.gameType) && (<Select.Root collection={gameTypeCollection} value={gameType ? [gameType] : []} onValueChange={function (details) {
-                var _a;
-                var value = z
-                    .enum(((_a = props.gameTypeOptions) !== null && _a !== void 0 ? _a : []))
-                    .safeParse(details.value.at(0)).data;
-                setGameType(value !== null && value !== void 0 ? value : null);
-            }} lazyMount deselectable>
-          <Select.Trigger>
-            <Select.ValueText placeholder="Game Type"/>
-            <Select.Indicator asChild>
-              <ChevronDownIcon />
-            </Select.Indicator>
-          </Select.Trigger>
-          <Portal>
-            <Select.Positioner>
-              <Select.Content>
-                <Select.ItemGroup>
-                  {gameTypeCollection.items.map(function (type) { return (<Select.Item key={type} item={type}>
-                      <Select.ItemText>
-                        {capitalize(type, {
-                    delimiter: capitalize.delimiters.UNDERSCORE,
-                })}
-                      </Select.ItemText>
-                      <Select.ItemIndicator asChild>
-                        <CheckIcon />
-                      </Select.ItemIndicator>
-                    </Select.Item>); })}
-                </Select.ItemGroup>
-              </Select.Content>
-            </Select.Positioner>
-          </Portal>
-        </Select.Root>)}
-
-      {((_u = props.enabledFilters) === null || _u === void 0 ? void 0 : _u.gameProvider) && (<Select.Root collection={gameProviderCollection} value={gameProvider ? [gameProvider] : []} onValueChange={function (details) {
-                var _a;
-                var value = z
-                    .enum(((_a = props.gameProviderOptions) !== null && _a !== void 0 ? _a : []))
-                    .safeParse(details.value.at(0)).data;
-                setGameProvider(value !== null && value !== void 0 ? value : null);
-            }} lazyMount deselectable>
-          <Select.Trigger>
-            <Select.ValueText placeholder="Game Vendor"/>
-            <Select.Indicator asChild>
-              <ChevronDownIcon />
-            </Select.Indicator>
-          </Select.Trigger>
-          <Portal>
-            <Select.Positioner>
-              <Select.Content>
-                <Select.ItemGroup>
-                  {gameProviderCollection.items.map(function (provider) { return (<Select.Item key={provider} item={provider}>
-                      <Select.ItemText>
-                        {capitalize(provider, {
-                    delimiter: capitalize.delimiters.UNDERSCORE,
-                })}
-                      </Select.ItemText>
-                      <Select.ItemIndicator asChild>
-                        <CheckIcon />
-                      </Select.ItemIndicator>
-                    </Select.Item>); })}
-                </Select.ItemGroup>
-              </Select.Content>
-            </Select.Positioner>
-          </Portal>
-        </Select.Root>)}
-
-      {((_v = props.enabledFilters) === null || _v === void 0 ? void 0 : _v.depositStatus) && (<Select.Root collection={depositStatusCollection} value={depositStatus ? [depositStatus] : []} onValueChange={function (details) {
-                var value = z
-                    .enum(DEPOSIT_STATUSES)
-                    .safeParse(details.value.at(0)).data;
-                setDepositStatus(value !== null && value !== void 0 ? value : null);
-            }} lazyMount deselectable>
-          <Select.Trigger>
-            <Select.ValueText placeholder="Status"/>
-            <Select.Indicator asChild>
-              <ChevronDownIcon />
-            </Select.Indicator>
-          </Select.Trigger>
-          <Portal>
-            <Select.Positioner>
-              <Select.Content>
-                <Select.ItemGroup>
-                  {withdrawalStatusCollection.items.map(function (status) { return (<Select.Item key={status} item={status}>
-                      <Select.ItemText>
-                        {capitalize(status, {
-                    delimiter: capitalize.delimiters.UNDERSCORE,
-                })}
-                      </Select.ItemText>
-                      <Select.ItemIndicator asChild>
-                        <CheckIcon />
-                      </Select.ItemIndicator>
-                    </Select.Item>); })}
-                </Select.ItemGroup>
-              </Select.Content>
-            </Select.Positioner>
-          </Portal>
-        </Select.Root>)}
-
-      {((_w = props.enabledFilters) === null || _w === void 0 ? void 0 : _w.withdrawalStatus) && (<Select.Root collection={withdrawalStatusCollection} value={withdrawalStatus ? [withdrawalStatus] : []} onValueChange={function (details) {
-                var value = z
-                    .enum(WITHDRAWAL_STATUSES)
-                    .safeParse(details.value.at(0)).data;
-                setWithdrawalStatus(value !== null && value !== void 0 ? value : null);
-            }} lazyMount deselectable>
-          <Select.Trigger>
-            <Select.ValueText placeholder="Status"/>
-            <Select.Indicator asChild>
-              <ChevronDownIcon />
-            </Select.Indicator>
-          </Select.Trigger>
-          <Portal>
-            <Select.Positioner>
-              <Select.Content>
-                <Select.ItemGroup>
-                  {depositStatusCollection.items.map(function (status) { return (<Select.Item key={status} item={status}>
-                      <Select.ItemText>
-                        {capitalize(status, {
-                    delimiter: capitalize.delimiters.UNDERSCORE,
-                })}
-                      </Select.ItemText>
-                      <Select.ItemIndicator asChild>
-                        <CheckIcon />
-                      </Select.ItemIndicator>
-                    </Select.Item>); })}
-                </Select.ItemGroup>
-              </Select.Content>
-            </Select.Positioner>
-          </Portal>
-        </Select.Root>)}
-    </div>);
-}