@opexa/portal-components 0.0.2 → 0.0.4

package/dist/components/TransactionRecords/WithdrawalRecordsTable.jsx

@@ -0,0 +1,177 @@
+'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 { useInfiniteQueryHelper } from '../../hooks/useInfiniteQueryHelper.js';
+import { useLocaleInfo } from '../../hooks/useLocaleInfo.js';
+import { useWithdrawalRecordsQuery } from '../../hooks/useWithdrawalRecordsQuery/useWithdrawalRecordsQuery.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 WithdrawalRecordsTable() {
+    var _a = useState(), timestamp = _a[0], setTimestamp = _a[1];
+    var _b = useState(), withdrawalStatus = _b[0], setWithdrawalStatus = _b[1];
+    var localeInfo = useLocaleInfo();
+    var _c = useInfiniteQueryHelper(useWithdrawalRecordsQuery, {
+        filter: __assign(__assign({}, (withdrawalStatus && {
+            status: {
+                equal: withdrawalStatus,
+            },
+        })), (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={{
+            withdrawalStatus: true,
+        }} value={{
+            timestamp: timestamp,
+            withdrawalStatus: withdrawalStatus,
+        }} onChange={function (value) {
+            firstPage();
+            setTimestamp(value.timestamp);
+            setWithdrawalStatus(value.withdrawalStatus);
+        }}/>
+
+      {rows.length <= 0 && (<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-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>Withdrawal No.</Table.Heading>
+                  <Table.Heading>Reference</Table.Heading>
+                  <Table.Heading>Withdrawal Method</Table.Heading>
+                  <Table.Heading>Mobile Number</Table.Heading>
+                  <Table.Heading>Withdrawal Amount</Table.Heading>
+                  <Table.Heading>Net Amount</Table.Heading>
+                  <Table.Heading>Transaction Fee</Table.Heading>
+                  <Table.Heading>Bank Name</Table.Heading>
+                  <Table.Heading>Withdrawal 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.withdrawalNumber}</Table.Cell>
+                    <Table.Cell>{data.reference}</Table.Cell>
+                    <Table.Cell>
+                      {capitalize(data.type, {
+                    delimiter: capitalize.delimiters.UNDERSCORE,
+                })}
+                    </Table.Cell>
+                    <Table.Cell>{data.recipientMobileNumber}</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>{data.bank}</Table.Cell>
+                    <Table.Cell>
+                      {format(data.dateTimeCreated, '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/index.d.ts

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

package/dist/components/TransactionRecords/index.js

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

package/dist/components/index.d.ts

@@ -0,0 +1,18 @@
+export * from './Account';
+export * from './Banner';
+export * from './BetRecords';
+export * from './DepositWithdrawal';
+export * from './Disclaimer';
+export * from './FeatureFlagProvider';
+export * from './GameLaunch';
+export * from './Games';
+export * from './JackpotCounter';
+export * from './Marquee';
+export * from './PortalProvider';
+export * from './Promos';
+export * from './Protected';
+export * from './SignIn';
+export * from './SignUp';
+export * from './TopWins';
+export * from './TournamentCounter';
+export * from './TransactionRecords';

package/dist/components/index.js

@@ -0,0 +1,18 @@
+export * from './Account';
+export * from './Banner';
+export * from './BetRecords';
+export * from './DepositWithdrawal';
+export * from './Disclaimer';
+export * from './FeatureFlagProvider';
+export * from './GameLaunch';
+export * from './Games';
+export * from './JackpotCounter';
+export * from './Marquee';
+export * from './PortalProvider';
+export * from './Promos';
+export * from './Protected';
+export * from './SignIn';
+export * from './SignUp';
+export * from './TopWins';
+export * from './TournamentCounter';
+export * from './TransactionRecords';

package/dist/constants/index.d.ts

@@ -0,0 +1,10 @@
+import type { GameProvider } from '@opexa/portal-sdk-core';
+export declare const SITE_ID: string;
+export declare const PLATFORM_ID: string;
+export declare const PLATFORM_CODE: string;
+export declare const ENVIRONMENT: "production" | "development";
+export declare const BYPASS_RECAPTCHA: boolean;
+export declare const ACCESS_TOKEN_COOKIE_NAME: string;
+export declare const REFRESH_TOKEN_COOKIE_NAME: string;
+export declare const LEGACY_GAME_PROVIDERS: GameProvider[];
+export declare const RECAPTCHA_HEADER_KEY: string;

package/dist/constants/index.js

@@ -0,0 +1,64 @@
+import { z } from 'zod';
+export var SITE_ID = z
+    .string()
+    .min(1, 'Environment variable "NEXT_PUBLIC_SITE_ID" must be 1 or more characters')
+    .max(32, 'Environment variable "NEXT_PUBLIC_SITE_ID" must not be more than 32 characters')
+    .trim()
+    .parse(process.env.NEXT_PUBLIC_SITE_ID);
+export var PLATFORM_ID = z
+    .string()
+    .min(1, 'Environment variable "NEXT_PUBLIC_PLATFORM_ID" must be 1 or more characters')
+    .max(32, 'Environment variable "NEXT_PUBLIC_PLATFORM_ID" must not be more than 32 characters')
+    .trim()
+    .parse(process.env.NEXT_PUBLIC_PLATFORM_ID);
+export var PLATFORM_CODE = z
+    .string()
+    .min(4, 'Environment variable "NEXT_PUBLIC_PLATFORM_CODE" must be at least 4 characters')
+    .max(8, 'Environment variable "NEXT_PUBLIC_PLATFORM_CODE" must not be more than 8 characters')
+    .trim()
+    .parse(process.env.NEXT_PUBLIC_PLATFORM_CODE);
+export var ENVIRONMENT = z
+    .enum(['production', 'development'])
+    .catch('development')
+    .parse(process.env.NEXT_PUBLIC_ENVIRONMENT);
+export var BYPASS_RECAPTCHA = z
+    .any()
+    .transform(Boolean)
+    .catch(false)
+    .parse(process.env.NEXT_PUBLIC_BYPASS_RECAPTCHA);
+export var ACCESS_TOKEN_COOKIE_NAME = 'WebPortalAuthAccessToken';
+export var REFRESH_TOKEN_COOKIE_NAME = 'WebPortalAuthRefreshToken';
+export var LEGACY_GAME_PROVIDERS = [
+    'JILI',
+    'PGSOFT',
+    'FACHAI',
+    'BTI',
+    'DG',
+    'PLAYTECH',
+    'E2E',
+    'ONEAPI_EVOLUTION',
+    'CQ9',
+    'JDB',
+    'HABANERO',
+    'SPINIX',
+    'JOKER',
+    'HACKSAW',
+    'EVOLUTIONNETENT',
+    'JDBGTF',
+    'JDBSPRIBE',
+    'MICROGAMING',
+    'RELAXGAMING',
+    'EVOPLAY',
+    'BOOONGO',
+    'BGAMING',
+    'KINGMAKER',
+    'KINGMIDAS',
+    'YELLOWBAT',
+    'ETENGJUE',
+    'SABA',
+    'PRAGMATICPLAY',
+    'SPRIBE',
+    'EZUGI',
+    'ALIZE',
+];
+export var RECAPTCHA_HEADER_KEY = 'Google-Recaptcha-Response';

package/dist/handlers.d.ts

@@ -1,12 +1,11 @@
 import { NextRequest, NextResponse } from 'next/server';
-
 type GetSessionResponse = {
     status: 'authenticated';
     token: string;
 } | {
     status: 'unauthenticated';
 };
-declare const GET: (request: NextRequest, { params }: {
+export declare const GET: (request: NextRequest, { params }: {
     params: Promise<{
         auth: string[];
     }>;
@@ -23,7 +22,7 @@ declare const GET: (request: NextRequest, { params }: {
     ok: false;
     message: string;
 }>>;
-declare const DELETE: (request: NextRequest, { params }: {
+export declare const DELETE: (request: NextRequest, { params }: {
     params: Promise<{
         auth: string[];
     }>;
@@ -34,10 +33,9 @@ declare const DELETE: (request: NextRequest, { params }: {
     ok: false;
     message: string;
 }>>;
-declare const POST: (request: NextRequest, { params }: {
+export declare const POST: (request: NextRequest, { params }: {
     params: Promise<{
         auth: string[];
     }>;
 }) => Promise<NextResponse>;
-
-export { DELETE, GET, POST };
+export {};