@opexa/portal-components 0.0.1062 → 0.0.1064
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/hooks/useTournamentsQuery.js +26 -4
- package/dist/components/ResponsibleGaming/ResponsibleGamingV2.lazy.js +13 -6
- package/dist/components/ResponsibleGaming/ResponsibleGamingV3.lazy.js +19 -12
- package/dist/components/TermsOfUse/TermsOfUseV2.lazy.js +10 -6
- package/dist/components/TermsOfUse/TermsOfUseV3.lazy.js +10 -6
- package/dist/components/TransactionRecords/WithdrawalRecordsTable.js +4 -2
- package/dist/services/queries.d.ts +1 -1
- package/dist/services/queries.js +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/ui/Badge/Badge.d.ts +12 -12
- package/dist/ui/Badge/badge.anatomy.d.ts +1 -1
- package/dist/ui/Badge/badge.recipe.d.ts +3 -3
- package/dist/ui/Carousel/Carousel.d.ts +45 -45
- package/dist/ui/Carousel/carousel.recipe.d.ts +5 -5
- package/dist/ui/Combobox/Combobox.d.ts +42 -42
- package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
- package/dist/ui/Menu/Menu.d.ts +144 -144
- package/dist/ui/Menu/menu.recipe.d.ts +8 -8
- package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
- package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
- package/dist/ui/Select/Select.d.ts +45 -45
- package/dist/ui/Select/select.recipe.d.ts +3 -3
- package/dist/ui/Table/Table.d.ts +21 -21
- package/dist/ui/Table/table.anatomy.d.ts +1 -1
- package/dist/ui/Table/table.recipe.d.ts +3 -3
- package/dist/ui/Tabs/Tabs.d.ts +15 -15
- package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
- package/package.json +1 -1
|
@@ -1,12 +1,34 @@
|
|
|
1
|
-
import { useInfiniteQuery } from '@tanstack/react-query';
|
|
1
|
+
import { useInfiniteQuery, useQueryClient } from '@tanstack/react-query';
|
|
2
|
+
import { useEffect } from 'react';
|
|
2
3
|
import { getTournaments } from '../../services/report.js';
|
|
3
|
-
import {
|
|
4
|
+
import { getQueryClient } from '../../utils/getQueryClient.js';
|
|
5
|
+
import { getTournamentsQueryKey, getSessionQueryKey, } from '../../utils/queryKeys.js';
|
|
6
|
+
import { getSession } from '../services/getSession.js';
|
|
7
|
+
import { useSessionQuery } from './useSessionQuery.js';
|
|
4
8
|
export const useTournamentsQuery = (input, config) => {
|
|
9
|
+
const sessionQuery = useSessionQuery();
|
|
10
|
+
const queryClient = useQueryClient();
|
|
11
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: intentionally only re-runs on session status change; input is stable per call site and queryClient is stable from useQueryClient
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
if (sessionQuery.data?.status === 'authenticated') {
|
|
14
|
+
queryClient.invalidateQueries({
|
|
15
|
+
queryKey: getTournamentsQueryKey(input),
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
}, [sessionQuery.data?.status]);
|
|
5
19
|
const query = useInfiniteQuery({
|
|
20
|
+
staleTime: 0,
|
|
6
21
|
...config,
|
|
7
22
|
queryKey: getTournamentsQueryKey(input),
|
|
8
|
-
queryFn: ({ pageParam, signal }) => {
|
|
9
|
-
|
|
23
|
+
queryFn: async ({ pageParam, signal }) => {
|
|
24
|
+
const session = await getQueryClient().fetchQuery({
|
|
25
|
+
queryKey: getSessionQueryKey(),
|
|
26
|
+
queryFn: async () => getSession(),
|
|
27
|
+
});
|
|
28
|
+
const authHeader = session.status === 'authenticated'
|
|
29
|
+
? { Authorization: `Bearer ${session.token}` }
|
|
30
|
+
: {};
|
|
31
|
+
return getTournaments({ ...input, after: pageParam }, { signal, headers: authHeader });
|
|
10
32
|
},
|
|
11
33
|
initialPageParam: undefined,
|
|
12
34
|
getNextPageParam(lastPage) {
|
|
@@ -20,16 +20,23 @@ export function ResponsibleGamingV2(props) {
|
|
|
20
20
|
responsibleGaming: ctx.responsibleGaming,
|
|
21
21
|
termsAndConditions: ctx.termsAndConditions,
|
|
22
22
|
})));
|
|
23
|
+
const isOpen = globalStore.responsibleGaming.open;
|
|
23
24
|
useEffect(() => {
|
|
24
|
-
if (scrollableContentRef.current) {
|
|
25
|
+
if (isOpen && scrollableContentRef.current) {
|
|
25
26
|
const { scrollHeight, clientHeight } = scrollableContentRef.current;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
if (clientHeight > 0) {
|
|
28
|
+
const isScrollable = scrollHeight > clientHeight;
|
|
29
|
+
const atBottom = scrollHeight - scrollableContentRef.current.scrollTop <=
|
|
30
|
+
clientHeight + 1;
|
|
31
|
+
setIsAtBottom(!isScrollable || atBottom);
|
|
32
|
+
setHasReachedBottom(!isScrollable || atBottom);
|
|
30
33
|
}
|
|
31
34
|
}
|
|
32
|
-
|
|
35
|
+
if (!isOpen) {
|
|
36
|
+
setIsAtBottom(false);
|
|
37
|
+
setHasReachedBottom(false);
|
|
38
|
+
}
|
|
39
|
+
}, [isOpen]);
|
|
33
40
|
return (_jsx(Dialog.Root, { open: globalStore.responsibleGaming.open, onOpenChange: (details) => {
|
|
34
41
|
globalStore.responsibleGaming.setOpen(details.open);
|
|
35
42
|
if (!details.open) {
|
|
@@ -13,7 +13,7 @@ import { Portal } from '../../ui/Portal/index.js';
|
|
|
13
13
|
export function ResponsibleGamingV3(props) {
|
|
14
14
|
const [hasReachedBottom, setHasReachedBottom] = useState(false);
|
|
15
15
|
const [isAtBottom, setIsAtBottom] = useState(false);
|
|
16
|
-
const
|
|
16
|
+
const scrollableContent = useRef(null);
|
|
17
17
|
const globalStore = useGlobalStore(useShallow((ctx) => ({
|
|
18
18
|
signIn: ctx.signIn,
|
|
19
19
|
signUp: ctx.signUp,
|
|
@@ -21,16 +21,23 @@ export function ResponsibleGamingV3(props) {
|
|
|
21
21
|
responsibleGaming: ctx.responsibleGaming,
|
|
22
22
|
termsAndConditions: ctx.termsAndConditions,
|
|
23
23
|
})));
|
|
24
|
+
const isOpen = globalStore.responsibleGaming.open;
|
|
24
25
|
useEffect(() => {
|
|
25
|
-
if (
|
|
26
|
-
const { scrollHeight, clientHeight } =
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
if (isOpen && scrollableContent.current) {
|
|
27
|
+
const { scrollHeight, clientHeight } = scrollableContent.current;
|
|
28
|
+
if (clientHeight > 0) {
|
|
29
|
+
const isScrollable = scrollHeight > clientHeight;
|
|
30
|
+
const atBottom = scrollHeight - scrollableContent.current.scrollTop <=
|
|
31
|
+
clientHeight + 1;
|
|
32
|
+
setIsAtBottom(!isScrollable || atBottom);
|
|
33
|
+
setHasReachedBottom(!isScrollable || atBottom);
|
|
31
34
|
}
|
|
32
35
|
}
|
|
33
|
-
|
|
36
|
+
if (!isOpen) {
|
|
37
|
+
setIsAtBottom(false);
|
|
38
|
+
setHasReachedBottom(false);
|
|
39
|
+
}
|
|
40
|
+
}, [isOpen]);
|
|
34
41
|
return (_jsx(Dialog.Root, { open: globalStore.responsibleGaming.open, onOpenChange: (details) => {
|
|
35
42
|
globalStore.responsibleGaming.setOpen(details.open);
|
|
36
43
|
if (!details.open) {
|
|
@@ -48,7 +55,7 @@ export function ResponsibleGamingV3(props) {
|
|
|
48
55
|
globalStore.disclaimer.setOpen(true);
|
|
49
56
|
}
|
|
50
57
|
globalStore.responsibleGaming.setNext(null);
|
|
51
|
-
}, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: decorativebackground, alt: "", width: 200, height: 200, className: "absolute top-0 left-0" }), _jsx(Image, { src: props.logo, alt: "", width: 250, height: 150, className: "h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Responsible Gaming Guidelines" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-bg-primary-alt px-2 py-2", children: _jsxs("div", { ref:
|
|
58
|
+
}, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: decorativebackground, alt: "", width: 200, height: 200, className: "absolute top-0 left-0" }), _jsx(Image, { src: props.logo, alt: "", width: 250, height: 150, className: "h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Responsible Gaming Guidelines" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-bg-primary-alt px-2 py-2", children: _jsxs("div", { ref: scrollableContent, className: "mt-2 scrollbar:h-2 scrollbar:w-2 flex-1 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-track:rounded-full bg-bg-primary-alt scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-bg-primary p-3 pr-4 sm:mt-xs sm:p-4", onScroll: (e) => {
|
|
52
59
|
const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
|
|
53
60
|
const atBottom = Math.abs(scrollHeight - clientHeight - scrollTop) < 1;
|
|
54
61
|
setIsAtBottom(atBottom);
|
|
@@ -58,11 +65,11 @@ export function ResponsibleGamingV3(props) {
|
|
|
58
65
|
}, children: [_jsx(Dialog.Description, { className: "text-xs leading-relaxed sm:text-sm sm:leading-2xl", children: props.content }), _jsx(Button, { type: "button", className: twMerge('absolute right-6 bottom-7 z-10 size-10 rounded-lg transition-colors duration-75 ease-in-out sm:right-6 sm:bottom-6 lg:right-8 lg:bottom-8', isAtBottom
|
|
59
66
|
? 'border border-[#CECFD2] bg-bg-secondary'
|
|
60
67
|
: 'bg-bg-brand-secondary'), onClick: () => {
|
|
61
|
-
if (
|
|
62
|
-
|
|
68
|
+
if (scrollableContent.current) {
|
|
69
|
+
scrollableContent.current.scrollTo({
|
|
63
70
|
top: isAtBottom
|
|
64
71
|
? 0
|
|
65
|
-
:
|
|
72
|
+
: scrollableContent.current.scrollHeight,
|
|
66
73
|
behavior: 'smooth',
|
|
67
74
|
});
|
|
68
75
|
}
|
|
@@ -26,11 +26,13 @@ export function TermsOfUseV2({ logo, content }) {
|
|
|
26
26
|
useEffect(() => {
|
|
27
27
|
if (isOpen && scrollableContentRef.current) {
|
|
28
28
|
const { scrollHeight, clientHeight } = scrollableContentRef.current;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
if (clientHeight > 0) {
|
|
30
|
+
const isScrollable = scrollHeight > clientHeight;
|
|
31
|
+
const atBottom = scrollHeight - scrollableContentRef.current.scrollTop <=
|
|
32
|
+
clientHeight + 1;
|
|
33
|
+
setIsAtBottom(!isScrollable || atBottom);
|
|
34
|
+
setHasReachedBottom(!isScrollable || atBottom);
|
|
35
|
+
}
|
|
34
36
|
}
|
|
35
37
|
if (!isOpen) {
|
|
36
38
|
setIsAtBottom(false);
|
|
@@ -57,7 +59,9 @@ export function TermsOfUseV2({ logo, content }) {
|
|
|
57
59
|
globalStore.termsOfUse.setNext(null);
|
|
58
60
|
}, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)]", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden bg-bg-primary p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: logo, alt: "", width: 250, height: 150, className: "mx-auto h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Terms of Use" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-bg-primary-alt px-2 py-2", children: _jsxs("div", { ref: scrollableContentRef, className: "mt-2 scrollbar:h-2 scrollbar:w-2 flex-1 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-track:rounded-full bg-bg-primary-alt scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-bg-primary p-3 pr-4 sm:mt-xs sm:p-4", onScroll: (e) => {
|
|
59
61
|
const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
|
|
60
|
-
|
|
62
|
+
const atBottom = Math.abs(scrollHeight - clientHeight - scrollTop) < 1;
|
|
63
|
+
setIsAtBottom(atBottom);
|
|
64
|
+
if (atBottom) {
|
|
61
65
|
setHasReachedBottom(true);
|
|
62
66
|
}
|
|
63
67
|
}, children: [_jsx(Dialog.Description, { className: "text-xs leading-relaxed sm:text-sm sm:leading-2xl", children: content }), _jsx(Button, { type: "button", className: twMerge('absolute right-6 bottom-7 z-10 size-10 rounded-lg transition-colors duration-75 ease-in-out sm:right-6 sm:bottom-6 lg:right-8 lg:bottom-8', isAtBottom
|
|
@@ -26,11 +26,13 @@ export function TermsOfUseV3({ logo, content }) {
|
|
|
26
26
|
useEffect(() => {
|
|
27
27
|
if (isOpen && scrollableContentRef.current) {
|
|
28
28
|
const { scrollHeight, clientHeight } = scrollableContentRef.current;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
if (clientHeight > 0) {
|
|
30
|
+
const isScrollable = scrollHeight > clientHeight;
|
|
31
|
+
const atBottom = scrollHeight - scrollableContentRef.current.scrollTop <=
|
|
32
|
+
clientHeight + 1;
|
|
33
|
+
setIsAtBottom(!isScrollable || atBottom);
|
|
34
|
+
setHasReachedBottom(!isScrollable || atBottom);
|
|
35
|
+
}
|
|
34
36
|
}
|
|
35
37
|
if (!isOpen) {
|
|
36
38
|
setIsAtBottom(false);
|
|
@@ -57,7 +59,9 @@ export function TermsOfUseV3({ logo, content }) {
|
|
|
57
59
|
globalStore.termsOfUse.setNext(null);
|
|
58
60
|
}, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden bg-bg-primary p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: decorativebackground, alt: "", width: 200, height: 200, className: "absolute top-safe-area-inset-top left-0" }), _jsx(Image, { src: logo, alt: "", width: 250, height: 150, className: "h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Terms of Use" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-bg-primary-alt px-2 py-2", children: _jsxs("div", { ref: scrollableContentRef, className: "mt-2 scrollbar:h-2 scrollbar:w-2 flex-1 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-track:rounded-full bg-bg-primary-alt scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-bg-primary p-3 pr-4 sm:mt-xs sm:p-4", onScroll: (e) => {
|
|
59
61
|
const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
|
|
60
|
-
|
|
62
|
+
const atBottom = Math.abs(scrollHeight - clientHeight - scrollTop) < 1;
|
|
63
|
+
setIsAtBottom(atBottom);
|
|
64
|
+
if (atBottom) {
|
|
61
65
|
setHasReachedBottom(true);
|
|
62
66
|
}
|
|
63
67
|
}, children: [_jsx(Dialog.Description, { className: "text-xs leading-relaxed sm:text-sm sm:leading-2xl", children: content }), _jsx(Button, { type: "button", className: twMerge('absolute right-6 bottom-7 z-10 size-10 rounded-lg transition-colors duration-75 ease-in-out sm:right-6 sm:bottom-6 lg:right-8 lg:bottom-8', isAtBottom
|
|
@@ -93,13 +93,15 @@ export function WithdrawalRecordsTable(props) {
|
|
|
93
93
|
withdrawalStatus: true,
|
|
94
94
|
} }), rows.length <= 0 && (_jsx(Empty, { icon: loading ? SpinnerIcon : File02Icon, title: loading ? 'Just a moment' : 'No data', message: loading
|
|
95
95
|
? 'Fetching latest withdrawal records...'
|
|
96
|
-
: '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: twMerge('scrollbar:h-2 overflow-hidden overflow-x-auto rounded-none scrollbar-thumb:rounded-full border-border-secondary border-b scrollbar-track:bg-transparent lg:rounded-t-xl', classNames.scrollbarThumb || 'scrollbar-thumb:bg-bg-quaternary'), 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 Number" }), _jsx(Table.Heading, { children: "Account Name" }), _jsx(Table.Heading, { children: "Withdrawal Method" }), _jsx(Table.Heading, { children: "
|
|
96
|
+
: '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: twMerge('scrollbar:h-2 overflow-hidden overflow-x-auto rounded-none scrollbar-thumb:rounded-full border-border-secondary border-b scrollbar-track:bg-transparent lg:rounded-t-xl', classNames.scrollbarThumb || 'scrollbar-thumb:bg-bg-quaternary'), 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 Number" }), _jsx(Table.Heading, { children: "Account Name" }), _jsx(Table.Heading, { children: "Withdrawal Method" }), _jsx(Table.Heading, { children: "Account 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 || data.serialCode }), _jsx(Table.Cell, { className: "!py-1", children: data.reference }), _jsx(Table.Cell, { className: "!py-1", children: data.type === 'INSTAPAY' ||
|
|
97
97
|
data.type === 'PISO_PAY_REMITTANCE' ||
|
|
98
98
|
data.type === 'VENTAJA_DISBURSEMENT'
|
|
99
99
|
? data.accountName
|
|
100
100
|
: '' }), _jsx(Table.Cell, { className: "!py-1 text-right", children: capitalize(data.type, {
|
|
101
101
|
delimiter: capitalize.delimiters.UNDERSCORE,
|
|
102
|
-
}).replace(/ventaja\s/gi, '') }), _jsx(Table.Cell, { className: "!py-1", children: data.
|
|
102
|
+
}).replace(/ventaja\s/gi, '') }), _jsx(Table.Cell, { className: "!py-1", children: data.type === 'INSTAPAY'
|
|
103
|
+
? data.accountNumber
|
|
104
|
+
: data.recipientMobileNumber }), _jsx(Table.Cell, { className: "!py-1 text-right", children: formatNumber(data.amount, {
|
|
103
105
|
currency: localeInfo.currency.code,
|
|
104
106
|
minDecimalPlaces: 2,
|
|
105
107
|
}) }), _jsx(Table.Cell, { className: "!py-1 text-right", children: formatNumber(data.netAmount, {
|
|
@@ -15,7 +15,7 @@ export declare const END_GAME_SESSION = "\n mutation EndGameSession($input: End
|
|
|
15
15
|
export declare const END_GAME_SESSION__LEGACY = "\n mutation EndGameSession($input: EndGameSessionInput!) {\n endGameSession(input: $input) {\n ... on GameSessionDoesNotExistError {\n name: __typename\n message\n }\n ... on GameSessionAlreadyClosedError {\n name: __typename\n message\n }\n ... on GameProviderError {\n name: __typename\n message\n }\n }\n }\n";
|
|
16
16
|
export declare const RECOMMENDED_GAMES = "\n query RecommendedGames {\n recommendedGames {\n id\n name\n type\n provider\n }\n }\n";
|
|
17
17
|
export declare const ANNOUNCEMENTS = "\n query Announcements(\n $first: Int\n $after: Cursor\n $filter: AnnouncementFilterInput\n ) {\n announcements(first: $first, after: $after, filter: $filter) {\n edges {\n cursor\n node {\n ... on Announcement {\n id\n type\n title\n status\n message\n activationStartDateTime\n activationEndDateTime\n dateTimeCreated\n dateTimeLastUpdated\n }\n }\n }\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n }\n }\n";
|
|
18
|
-
export declare const WITHDRAWAL_RECORDS = "\n query WithdrawalRecords(\n $first: Int\n $after: Cursor\n $filter: WithdrawalRecordFilterInput\n ) {\n member {\n withdrawalRecords(first: $first, after: $after, filter: $filter) {\n edges {\n cursor\n node {\n ... on BankWithdrawalRecord {\n id\n type\n bank\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on GCashWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n recipientMobileNumber\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on ManualWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on MayaAppWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on InstapayWithdrawalRecord {\n id\n type\n fee\n netAmount\n bankName\n reference\n accountName\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on ManualUPIWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on ManualBankWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on VentajaDisbursementWithdrawalRecord {\n bankName\n id\n type\n fee\n accountName\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on PisoPayRemittanceWithdrawalRecord {\n bankName\n id\n type\n fee\n accountName\n accountNumber\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on GCashStandardCashInWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n recipientMobileNumber\n dateTimeCreated\n dateTimeLastUpdated\n }\n }\n }\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n }\n }\n }\n";
|
|
18
|
+
export declare const WITHDRAWAL_RECORDS = "\n query WithdrawalRecords(\n $first: Int\n $after: Cursor\n $filter: WithdrawalRecordFilterInput\n ) {\n member {\n withdrawalRecords(first: $first, after: $after, filter: $filter) {\n edges {\n cursor\n node {\n ... on BankWithdrawalRecord {\n id\n type\n bank\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on GCashWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n recipientMobileNumber\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on ManualWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on MayaAppWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on InstapayWithdrawalRecord {\n id\n type\n fee\n netAmount\n bankName\n reference\n accountName\n accountNumber\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on ManualUPIWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on ManualBankWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on VentajaDisbursementWithdrawalRecord {\n bankName\n id\n type\n fee\n accountName\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on PisoPayRemittanceWithdrawalRecord {\n bankName\n id\n type\n fee\n accountName\n accountNumber\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n dateTimeCreated\n dateTimeLastUpdated\n }\n ... on GCashStandardCashInWithdrawalRecord {\n id\n type\n fee\n netAmount\n reference\n amount\n status\n error\n withdrawalNumber\n serialCode\n recipientMobileNumber\n dateTimeCreated\n dateTimeLastUpdated\n }\n }\n }\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n }\n }\n }\n";
|
|
19
19
|
export declare const CREATE_GCASH_WITHDRAWAL = "\n mutation CreateGCashWithdrawal($input: CreateGCashWithdrawalInput!) {\n createGCashWithdrawal(input: $input) {\n ... on AccountNotVerifiedError {\n name: __typename\n message\n }\n ... on InvalidTransactionPasswordError {\n name: __typename\n message\n }\n ... on InvalidWithdrawalAmountError {\n name: __typename\n message\n }\n ... on MobileNumberNotVerifiedError {\n name: __typename\n message\n }\n ... on NotEnoughBalanceError {\n name: __typename\n message\n }\n ... on WithdrawalDailyLimitExceededError {\n name: __typename\n message\n }\n ... on ReCAPTCHAVerificationFailedError {\n name: __typename\n message\n }\n ... on WalletDoesNotExistError {\n name: __typename\n message\n }\n ... on TransactionPasswordNotSetError {\n name: __typename\n message\n }\n ... on TurnoverRequirementNotYetFulfilledError {\n name: __typename\n message\n }\n ... on FirstDepositRequiredError {\n name: __typename\n message\n }\n }\n }\n";
|
|
20
20
|
export declare const CREATE_GCASH_STANDARD_CASH_IN_WITHDRAWAL = "\n mutation CreateGCashStandardCashInWithdrawal(\n $input: CreateGCashStandardCashInWithdrawalInput!\n ) {\n createGCashStandardCashInWithdrawal(input: $input) {\n ... on AccountNotVerifiedError {\n name: __typename\n message\n }\n ... on InvalidTransactionPasswordError {\n name: __typename\n message\n }\n ... on InvalidWithdrawalAmountError {\n name: __typename\n message\n }\n ... on MobileNumberNotVerifiedError {\n name: __typename\n message\n }\n ... on NotEnoughBalanceError {\n name: __typename\n message\n }\n ... on WithdrawalDailyLimitExceededError {\n name: __typename\n message\n }\n ... on ReCAPTCHAVerificationFailedError {\n name: __typename\n message\n }\n ... on WalletDoesNotExistError {\n name: __typename\n message\n }\n ... on TransactionPasswordNotSetError {\n name: __typename\n message\n }\n ... on TurnoverRequirementNotYetFulfilledError {\n name: __typename\n message\n }\n ... on FirstDepositRequiredError {\n name: __typename\n message\n }\n }\n }\n";
|
|
21
21
|
export declare const CREATE_MAYA_WITHDRAWAL = "\n mutation CreateMayaWithdrawal(\n $input: CreateMayaWithdrawalInput!\n $transactionPassword: String!\n ) {\n createMayaWithdrawal(\n input: $input\n transactionPassword: $transactionPassword\n ) {\n ... on AccountNotVerifiedError {\n name: __typename\n message\n }\n ... on InvalidTransactionPasswordError {\n name: __typename\n message\n }\n ... on InvalidWithdrawalAmountError {\n name: __typename\n message\n }\n ... on MobileNumberNotVerifiedError {\n name: __typename\n message\n }\n ... on NotEnoughBalanceError {\n name: __typename\n message\n }\n ... on WithdrawalDailyLimitExceededError {\n name: __typename\n message\n }\n ... on TurnoverRequirementNotYetFulfilledError {\n name: __typename\n message\n }\n ... on FirstDepositRequiredError {\n name: __typename\n message\n }\n }\n }\n";
|
package/dist/services/queries.js
CHANGED
package/dist/types/index.d.ts
CHANGED
package/dist/ui/Badge/Badge.d.ts
CHANGED
|
@@ -37,7 +37,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
37
37
|
root: string;
|
|
38
38
|
};
|
|
39
39
|
};
|
|
40
|
-
}, Record<"label" | "
|
|
40
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, {
|
|
41
41
|
size: {
|
|
42
42
|
md: {
|
|
43
43
|
root: string;
|
|
@@ -72,7 +72,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
72
72
|
root: string;
|
|
73
73
|
};
|
|
74
74
|
};
|
|
75
|
-
}, Record<"label" | "
|
|
75
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
76
76
|
size: {
|
|
77
77
|
md: {
|
|
78
78
|
root: string;
|
|
@@ -107,7 +107,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
107
107
|
root: string;
|
|
108
108
|
};
|
|
109
109
|
};
|
|
110
|
-
}, Record<"label" | "
|
|
110
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
111
111
|
interface BadgeLabelProps extends ComponentPropsWithRef<'span'> {
|
|
112
112
|
asChild?: boolean;
|
|
113
113
|
}
|
|
@@ -146,7 +146,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
|
|
|
146
146
|
root: string;
|
|
147
147
|
};
|
|
148
148
|
};
|
|
149
|
-
}, Record<"label" | "
|
|
149
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, {
|
|
150
150
|
size: {
|
|
151
151
|
md: {
|
|
152
152
|
root: string;
|
|
@@ -181,7 +181,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
|
|
|
181
181
|
root: string;
|
|
182
182
|
};
|
|
183
183
|
};
|
|
184
|
-
}, Record<"label" | "
|
|
184
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
185
185
|
size: {
|
|
186
186
|
md: {
|
|
187
187
|
root: string;
|
|
@@ -216,7 +216,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
|
|
|
216
216
|
root: string;
|
|
217
217
|
};
|
|
218
218
|
};
|
|
219
|
-
}, Record<"label" | "
|
|
219
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
220
220
|
interface BadgeIndicatorProps extends ComponentPropsWithRef<'svg'> {
|
|
221
221
|
asChild?: boolean;
|
|
222
222
|
}
|
|
@@ -255,7 +255,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
|
|
|
255
255
|
root: string;
|
|
256
256
|
};
|
|
257
257
|
};
|
|
258
|
-
}, Record<"label" | "
|
|
258
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, {
|
|
259
259
|
size: {
|
|
260
260
|
md: {
|
|
261
261
|
root: string;
|
|
@@ -290,7 +290,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
|
|
|
290
290
|
root: string;
|
|
291
291
|
};
|
|
292
292
|
};
|
|
293
|
-
}, Record<"label" | "
|
|
293
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
294
294
|
size: {
|
|
295
295
|
md: {
|
|
296
296
|
root: string;
|
|
@@ -325,7 +325,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
|
|
|
325
325
|
root: string;
|
|
326
326
|
};
|
|
327
327
|
};
|
|
328
|
-
}, Record<"label" | "
|
|
328
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
329
329
|
interface BadgeIconProps extends ComponentPropsWithRef<'svg'> {
|
|
330
330
|
asChild?: boolean;
|
|
331
331
|
}
|
|
@@ -364,7 +364,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
|
|
|
364
364
|
root: string;
|
|
365
365
|
};
|
|
366
366
|
};
|
|
367
|
-
}, Record<"label" | "
|
|
367
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, {
|
|
368
368
|
size: {
|
|
369
369
|
md: {
|
|
370
370
|
root: string;
|
|
@@ -399,7 +399,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
|
|
|
399
399
|
root: string;
|
|
400
400
|
};
|
|
401
401
|
};
|
|
402
|
-
}, Record<"label" | "
|
|
402
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
403
403
|
size: {
|
|
404
404
|
md: {
|
|
405
405
|
root: string;
|
|
@@ -434,5 +434,5 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
|
|
|
434
434
|
root: string;
|
|
435
435
|
};
|
|
436
436
|
};
|
|
437
|
-
}, Record<"label" | "
|
|
437
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
438
438
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "
|
|
1
|
+
export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "icon" | "root" | "indicator">;
|
|
@@ -33,7 +33,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
|
|
|
33
33
|
root: string;
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
|
-
}, Record<"label" | "
|
|
36
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, {
|
|
37
37
|
size: {
|
|
38
38
|
md: {
|
|
39
39
|
root: string;
|
|
@@ -68,7 +68,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
|
|
|
68
68
|
root: string;
|
|
69
69
|
};
|
|
70
70
|
};
|
|
71
|
-
}, Record<"label" | "
|
|
71
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
72
72
|
size: {
|
|
73
73
|
md: {
|
|
74
74
|
root: string;
|
|
@@ -103,4 +103,4 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
|
|
|
103
103
|
root: string;
|
|
104
104
|
};
|
|
105
105
|
};
|
|
106
|
-
}, Record<"label" | "
|
|
106
|
+
}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
|