@opexa/portal-components 0.0.94 → 0.0.96

package/dist/client/hooks/index.d.ts

@@ -4,8 +4,10 @@ export * from './useAvailablePromosQuery';
 export * from './useAvailableQuestsCountQuery';
 export * from './useAvailableQuestsQuery';
 export * from './useBetRecordsQuery';
+export * from './useBonusesCountQuery';
 export * from './useBonusesQuery';
 export * from './useBonusQuery';
+export * from './useCashbackBonusesCountQuery';
 export * from './useCashbackBonusesQuery';
 export * from './useCashbackBonusQuery';
 export * from './useCashbackQuery';

package/dist/client/hooks/index.js

@@ -4,8 +4,10 @@ export * from './useAvailablePromosQuery.js';
 export * from './useAvailableQuestsCountQuery.js';
 export * from './useAvailableQuestsQuery.js';
 export * from './useBetRecordsQuery.js';
+export * from './useBonusesCountQuery.js';
 export * from './useBonusesQuery.js';
 export * from './useBonusQuery.js';
+export * from './useCashbackBonusesCountQuery.js';
 export * from './useCashbackBonusesQuery.js';
 export * from './useCashbackBonusQuery.js';
 export * from './useCashbackQuery.js';

package/dist/client/hooks/useBonusesCountQuery.d.ts

@@ -0,0 +1,2 @@
+import type { Query } from '../../types';
+export declare const useBonusesCountQuery: Query<number>;

package/dist/client/hooks/useBonusesCountQuery.js

@@ -0,0 +1,27 @@
+import { useQuery } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { getBonusesCount } from '../../services/index.js';
+import { getBonusesCountQueryKey } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
+import { useSessionQuery } from './useSessionQuery.js';
+export const useBonusesCountQuery = (config) => {
+    const sessionQuery = useSessionQuery();
+    const query = useQuery({
+        ...config,
+        enabled: config?.enabled === false
+            ? false
+            : sessionQuery.data?.status === 'authenticated',
+        queryKey: getBonusesCountQueryKey(),
+        queryFn: async ({ signal }) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            return await getBonusesCount({
+                signal,
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+    return query;
+};

package/dist/client/hooks/useCashbackBonusesCountQuery.d.ts

@@ -0,0 +1,2 @@
+import type { Query } from '../../types';
+export declare const useCashbackBonusesCountQuery: Query<number>;

package/dist/client/hooks/useCashbackBonusesCountQuery.js

@@ -0,0 +1,26 @@
+import { useQuery } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { getCashbackBonusesCount } from '../../services/index.js';
+import { getCashbackBonusesCountQueryKey } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
+import { useSessionQuery } from './useSessionQuery.js';
+export const useCashbackBonusesCountQuery = (config) => {
+    const sessionQuery = useSessionQuery();
+    return useQuery({
+        ...config,
+        enabled: config?.enabled === false
+            ? false
+            : sessionQuery.data?.status === 'authenticated',
+        queryKey: getCashbackBonusesCountQueryKey(),
+        queryFn: async ({ signal }) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            return await getCashbackBonusesCount({
+                signal,
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};

package/dist/client/hooks/useClaimCashbackBonusMutation.js

@@ -1,7 +1,7 @@
 import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { claimCashbackBonus } from '../../services/index.js';
-import { getCashbackBonusesQueryKey, getClaimCashbackBonusMutationKey, getQueryClient, } from '../../utils/index.js';
+import { getCashbackBonusesCountQueryKey, getCashbackBonusesQueryKey, getClaimCashbackBonusMutationKey, getQueryClient, } from '../../utils/index.js';
 import { getSession } from '../services/index.js';
 export const useClaimCashbackBonusMutation = (config) => {
     const queryClient = getQueryClient();
@@ -17,6 +17,9 @@ export const useClaimCashbackBonusMutation = (config) => {
                 },
             });
             queryClient.setQueryData(getCashbackBonusesQueryKey(), (prev) => prev?.filter((bonus) => bonus.id !== id));
+            queryClient.setQueryData(getCashbackBonusesCountQueryKey(), (prev) => {
+                return !prev ? 0 : prev > 0 ? prev - 1 : 0;
+            });
         },
     });
 };

package/dist/components/Account/Account.js

@@ -5,7 +5,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
-import { useAccountQuery, useGlobalStore, useLocaleInfo, useSignOutMutation, useUnreadMessagesCountQuery, useWalletQuery, } from '../../client/hooks/index.js';
+import { useAccountQuery, useBonusesCountQuery, useCashbackBonusesCountQuery, useGlobalStore, useLocaleInfo, useProfileCompletionQuery, useSignOutMutation, useUnreadMessagesCountQuery, useWalletQuery, } from '../../client/hooks/index.js';
 import { AlertCircleIcon, Bell01Icon, ChevronRightIcon, CoinsStacked02Icon, CoinsSwap02Icon, Gift01Icon, Logout01Icon, Settings02Icon, } from '../../icons/index.js';
 import avatarPlaceholder from '../../images/placeholder-avatar.png';
 import { Badge, Button, Drawer, Popover } from '../../ui/index.js';
@@ -86,17 +86,26 @@ function Links(props) {
         messages: ctx.messages,
     })));
     const unreadMessagesCountQuery = useUnreadMessagesCountQuery({}, { refetchInterval: 5000 });
+    const unreadMessagesCount = unreadMessagesCountQuery.data ?? 0;
+    const profileCompletionQuery = useProfileCompletionQuery();
+    const profileCompletion = profileCompletionQuery.data;
+    const profileCompletionPercentage = parseDecimal(profileCompletion?.completionPercentage, 0);
+    const bonusesCountQuery = useBonusesCountQuery();
+    const bonusesCount = bonusesCountQuery.data ?? 0;
+    const cashbackBonusesCountQuery = useCashbackBonusesCountQuery();
+    const cashbackBonusesCount = cashbackBonusesCountQuery.data ?? 0;
+    const rewardsCount = bonusesCount + cashbackBonusesCount;
     return (_jsxs("nav", { className: recipe.nav({ className: 'mt-xl' }), children: [_jsxs("ul", { children: [_jsx("li", { className: recipe.navItemRoot(), children: _jsxs("button", { type: "button", className: recipe.navItemLink(), onClick: () => {
                                 globalStore.account.setOpen(false);
                                 globalStore.account__mobile.setOpen(false);
                                 globalStore.messages.setOpen(true);
-                            }, children: [_jsx(Bell01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Notifications" }), _jsx("span", { className: recipe.navItemBadge(), "data-type": "warning", children: unreadMessagesCountQuery.data ?? 0 }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }), _jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.rewardsUrl, className: recipe.navItemLink(), onClick: () => {
+                            }, children: [_jsx(Bell01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Notifications" }), unreadMessagesCount > 0 && (_jsx("span", { className: recipe.navItemBadge(), "data-type": "warning", children: unreadMessagesCount })), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }), _jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.rewardsUrl, className: recipe.navItemLink(), onClick: () => {
                                 globalStore.account.setOpen(false);
                                 globalStore.account__mobile.setOpen(false);
-                            }, children: [_jsx(Gift01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Rewards" }), _jsx("span", { className: recipe.navItemBadge(), "data-type": "warning", children: "0" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) })] }), props.shouldShowSettings && (_jsx("ul", { children: _jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.accountSettingsUrl, className: recipe.navItemLink(), onClick: () => {
+                            }, children: [_jsx(Gift01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Rewards" }), rewardsCount > 0 && (_jsx("span", { className: recipe.navItemBadge(), "data-type": "warning", children: rewardsCount })), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) })] }), props.shouldShowSettings && (_jsx("ul", { children: _jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.accountSettingsUrl, className: recipe.navItemLink(), onClick: () => {
                             globalStore.account.setOpen(false);
                             globalStore.account__mobile.setOpen(false);
-                        }, children: [_jsx(Settings02Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Settings" }), _jsx("span", { className: recipe.navItemBadge(), "data-type": "error", children: _jsx(AlertCircleIcon, {}) }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }) })), _jsxs("ul", { children: [_jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.betRecordsUrl, className: recipe.navItemLink(), onClick: () => {
+                        }, children: [_jsx(Settings02Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Settings" }), profileCompletionPercentage < 100 && (_jsx("span", { className: recipe.navItemBadge(), "data-type": "error", children: _jsx(AlertCircleIcon, {}) })), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }) })), _jsxs("ul", { children: [_jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.betRecordsUrl, className: recipe.navItemLink(), onClick: () => {
                                 globalStore.account.setOpen(false);
                                 globalStore.account__mobile.setOpen(false);
                             }, children: [_jsx(CoinsStacked02Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Bet Records" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }), _jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.transactionsUrl, className: recipe.navItemLink(), onClick: () => {

package/dist/components/DepositWithdrawal/Deposit/AvailablePromos.js

@@ -25,7 +25,7 @@ export function AvailablePromos(props) {
             setValue(value ?? null);
         }, className: props.className, children: [_jsx(Select.Label, { children: "Choose a bonus" }), _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, { placeholder: "Pay without bonus" }), _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(Select.Positioner, { children: _jsxs(Select.Content, { children: [collection.items.length <= 0 && (_jsxs("div", { className: "p-2", children: [_jsx(Image, { src: gift, alt: "", width: 160, height: 160, className: "mx-auto size-[8.313rem] grayscale" }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-1 max-w-[20rem] text-center text-sm", children: "No Bonuses are available at the moment. Please check back later!" })] })), collection.items.length > 0 && (_jsx(Select.ItemGroup, { children: collection.items.map((promo) => (_jsxs(Select.Item, { item: promo, children: [_jsxs(Select.ItemText, { children: [_jsx("span", { className: "block font-medium", children: promo.name }), _jsx("span", { className: "text-text-warning-primary-600 line-clamp-1 block", dangerouslySetInnerHTML: {
+                                    }, children: "Clear" }) })) : (_jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })) })) })] }), _jsx(Select.Positioner, { children: _jsxs(Select.Content, { children: [collection.items.length <= 0 && (_jsxs("div", { className: "p-2", children: [_jsx(Image, { src: gift, alt: "", width: 160, height: 160, className: "mx-auto size-[8.313rem] grayscale" }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-1 max-w-[20rem] text-center text-sm", children: "No Bonuses are available at the moment. Please check back later!" })] })), collection.items.length > 0 && (_jsx(Select.ItemGroup, { children: collection.items.map((promo) => (_jsxs(Select.Item, { item: promo, children: [_jsxs(Select.ItemText, { children: [_jsx("span", { className: "block font-medium", children: promo.name }), _jsx("span", { className: "text-text-warning-primary-600 line-clamp-1", dangerouslySetInnerHTML: {
                                                     __html: promo.description,
                                                 } })] }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, promo.id))) }))] }) })] }));
 }

package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.js

@@ -5,13 +5,17 @@ import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import invariant from 'tiny-invariant';
 import { z } from 'zod';
-import { useAvailablePromosQuery, useCreateGCashDepositMutation, useDepositsCountQuery, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { useShallow } from 'zustand/shallow';
+import { useAvailablePromosQuery, useCreateGCashDepositMutation, useDepositsCountQuery, useGlobalStore, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
 import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, SpinnerIcon, XIcon, } from '../../../../icons/index.js';
 import { AlertDialog, Button, Field, NumberInput } from '../../../../ui/index.js';
 import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 export function GCashDeposit() {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreateGCashDepositMutation({
         onMutate() {
@@ -88,14 +92,14 @@ export function GCashDeposit() {
         resolver: zodResolver(definition),
         defaultValues: {
             amount: '0',
-            promo: null,
+            promo: globalStore.depositWithdrawal.promo ?? null,
         },
     });
     useEffect(() => {
         if (minimumAmount) {
             form.reset({
                 amount: minimumAmount.toString(),
-                promo: null,
+                promo: form.getValues('promo') ?? null,
             });
         }
     }, [form, minimumAmount]);
@@ -116,7 +120,10 @@ export function GCashDeposit() {
                         shouldDirty: true,
                         shouldValidate: true,
                     });
-                }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: o.field.onChange, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
+                }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: (value) => {
+                        o.field.onChange(value);
+                        globalStore.depositWithdrawal.setPromo(null);
+                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.js

@@ -4,13 +4,17 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { useAvailablePromosQuery, useCreateMayaAppDepositMutation, useDepositsCountQuery, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { useShallow } from 'zustand/shallow';
+import { useAvailablePromosQuery, useCreateMayaAppDepositMutation, useDepositsCountQuery, useGlobalStore, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
 import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, SpinnerIcon, XIcon, } from '../../../../icons/index.js';
 import { AlertDialog, Button, Field, NumberInput } from '../../../../ui/index.js';
 import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 export function MayaAppDeposit() {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreateMayaAppDepositMutation({
         onMutate() {
@@ -85,14 +89,14 @@ export function MayaAppDeposit() {
         resolver: zodResolver(definition),
         defaultValues: {
             amount: '0',
-            promo: null,
+            promo: globalStore.depositWithdrawal.promo ?? null,
         },
     });
     useEffect(() => {
         if (minimumAmount) {
             form.reset({
                 amount: minimumAmount.toString(),
-                promo: null,
+                promo: form.getValues('promo') ?? null,
             });
         }
     }, [form, minimumAmount]);
@@ -113,7 +117,10 @@ export function MayaAppDeposit() {
                         shouldDirty: true,
                         shouldValidate: true,
                     });
-                }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: o.field.onChange, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
+                }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: (value) => {
+                        o.field.onChange(value);
+                        globalStore.depositWithdrawal.setPromo(null);
+                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.js

@@ -5,13 +5,17 @@ import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import invariant from 'tiny-invariant';
 import { z } from 'zod';
-import { useAvailablePromosQuery, useCreateMayaDepositMutation, useDepositsCountQuery, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { useShallow } from 'zustand/shallow';
+import { useAvailablePromosQuery, useCreateMayaDepositMutation, useDepositsCountQuery, useGlobalStore, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
 import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, SpinnerIcon, XIcon, } from '../../../../icons/index.js';
 import { AlertDialog, Button, Field, NumberInput } from '../../../../ui/index.js';
 import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 export function MayaDeposit() {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreateMayaDepositMutation({
         onMutate() {
@@ -88,14 +92,14 @@ export function MayaDeposit() {
         resolver: zodResolver(definition),
         defaultValues: {
             amount: '0',
-            promo: null,
+            promo: globalStore.depositWithdrawal.promo ?? null,
         },
     });
     useEffect(() => {
         if (minimumAmount) {
             form.reset({
                 amount: minimumAmount.toString(),
-                promo: null,
+                promo: form.getValues('promo') ?? null,
             });
         }
     }, [form, minimumAmount]);
@@ -116,7 +120,10 @@ export function MayaDeposit() {
                         shouldDirty: true,
                         shouldValidate: true,
                     });
-                }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: o.field.onChange, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
+                }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { onChange: (value) => {
+                        o.field.onChange(value);
+                        globalStore.depositWithdrawal.setPromo(null);
+                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.js

@@ -4,7 +4,8 @@ import { noop } from 'lodash-es';
 import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { useAvailablePromosQuery, useDepositsCountQuery, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { useShallow } from 'zustand/shallow';
+import { useAvailablePromosQuery, useDepositsCountQuery, useGlobalStore, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
 import { ChevronDownIcon, ChevronUpIcon } from '../../../../icons/index.js';
 import { Button, Field, NumberInput } from '../../../../ui/index.js';
 import { parseDecimal } from '../../../../utils/index.js';
@@ -12,6 +13,9 @@ import { AmountChoices } from '../../AmountChoices.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 import { useOnlineBankDepositContext } from './OnlineBankDepositContext.js';
 export function OnlineBankDepositForm() {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
     const context = useOnlineBankDepositContext();
     const depositsCountQuery = useDepositsCountQuery();
     const depositsCount = depositsCountQuery.data ?? 0;
@@ -74,14 +78,14 @@ export function OnlineBankDepositForm() {
         resolver: zodResolver(definition),
         defaultValues: {
             amount: '0',
-            promo: null,
+            promo: globalStore.depositWithdrawal.promo ?? null,
         },
     });
     useEffect(() => {
         if (minimumAmount) {
             form.reset({
                 amount: minimumAmount.toString(),
-                promo: null,
+                promo: form.getValues('promo') ?? null,
             });
         }
     }, [form, minimumAmount]);
@@ -98,5 +102,8 @@ export function OnlineBankDepositForm() {
                         shouldDirty: true,
                         shouldValidate: true,
                     });
-                }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { className: "mt-3xl", value: o.field.value, onChange: o.field.onChange })) }), _jsx(Button, { type: "submit", className: "mt-3xl", children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] })] }));
+                }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { className: "mt-3xl", onChange: (value) => {
+                        o.field.onChange(value);
+                        globalStore.depositWithdrawal.setPromo(null);
+                    } })) }), _jsx(Button, { type: "submit", className: "mt-3xl", children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] })] }));
 }

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositForm.js

@@ -3,7 +3,8 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { useAvailablePromosQuery, useDepositsCountQuery, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { useShallow } from 'zustand/shallow';
+import { useAvailablePromosQuery, useDepositsCountQuery, useGlobalStore, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
 import { ChevronDownIcon, ChevronUpIcon } from '../../../../icons/index.js';
 import { Button, Field, NumberInput } from '../../../../ui/index.js';
 import { parseDecimal } from '../../../../utils/index.js';
@@ -11,6 +12,9 @@ import { AmountChoices } from '../../AmountChoices.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 import { useQRPHDepositContext } from './QRPHDepositContext.js';
 export function QRPHDepositForm() {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
     const context = useQRPHDepositContext();
     const depositsCountQuery = useDepositsCountQuery();
     const depositsCount = depositsCountQuery.data ?? 0;
@@ -73,14 +77,14 @@ export function QRPHDepositForm() {
         resolver: zodResolver(definition),
         defaultValues: {
             amount: '0',
-            promo: null,
+            promo: globalStore.depositWithdrawal.promo ?? null,
         },
     });
     useEffect(() => {
         if (minimumAmount) {
             form.reset({
                 amount: minimumAmount.toString(),
-                promo: null,
+                promo: form.getValues('promo') ?? null,
             });
         }
     }, [form, minimumAmount]);
@@ -97,5 +101,8 @@ export function QRPHDepositForm() {
                         shouldDirty: true,
                         shouldValidate: true,
                     });
-                }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: o.field.onChange, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] })] }));
+                }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { onChange: (value) => {
+                        o.field.onChange(value);
+                        globalStore.depositWithdrawal.setPromo(null);
+                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] })] }));
 }

package/dist/components/DepositWithdrawal/DepositWithdrawal.js

@@ -19,6 +19,9 @@ export function DepositWithdrawal() {
     });
     return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: globalStore.depositWithdrawal.open, onOpenChange: (details) => {
             globalStore.depositWithdrawal.setOpen(details.open);
+            if (!details.open) {
+                globalStore.depositWithdrawal.setPromo(null);
+            }
         }, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)]", children: _jsxs(Dialog.Content, { className: "lg:min-h-auto mx-auto min-h-full w-full px-4 py-3xl lg:w-[480px] lg:rounded-xl", children: [_jsxs(Dialog.Header, { className: "flex items-center gap-xl", children: [_jsx("div", { className: "border-border-primary shadow-xs text-gray-700 text-text-secondary-700 flex size-10 items-center justify-center rounded-md border", children: _jsx(Wallet02Icon, { className: "size-5" }) }), _jsx(Dialog.Title, { className: "grow text-lg font-semibold", children: "Wallet" }), _jsx(Dialog.Context, { children: (api) => (_jsx(IconButton, { size: "sm", variant: "outline", colorScheme: "gray", onClick: () => api.setOpen(false), children: _jsx(XIcon, {}) })) })] }), _jsxs(Dialog.Body, { className: "mt-3xl", children: [_jsx("p", { className: "text-text-secondary-700 text-center text-sm", children: "Deposit Balance" }), _jsx("p", { className: "text-center text-3xl font-bold leading-tight tracking-tight", children: formatNumber(walletQuery.data?.balance, {
                                             currency: localeInfo.currency.code,
                                             minDecimalPlaces: 2,

package/dist/server/utils/index.d.ts

@@ -3,8 +3,10 @@ export * from './prefetchAvailablePromosQuery';
 export * from './prefetchAvailableQuestsCountQuery';
 export * from './prefetchAvailableQuestsQuery';
 export * from './prefetchBetRecordsQuery';
+export * from './prefetchBonusesCountQuery';
 export * from './prefetchBonusesQuery';
 export * from './prefetchBonusQuery';
+export * from './prefetchCashbackBonusesCountQuery';
 export * from './prefetchCashbackBonusesQuery';
 export * from './prefetchCashbackBonusQuery';
 export * from './prefetchCashbackQuery';

package/dist/server/utils/index.js

@@ -3,8 +3,10 @@ export * from './prefetchAvailablePromosQuery.js';
 export * from './prefetchAvailableQuestsCountQuery.js';
 export * from './prefetchAvailableQuestsQuery.js';
 export * from './prefetchBetRecordsQuery.js';
+export * from './prefetchBonusesCountQuery.js';
 export * from './prefetchBonusesQuery.js';
 export * from './prefetchBonusQuery.js';
+export * from './prefetchCashbackBonusesCountQuery.js';
 export * from './prefetchCashbackBonusesQuery.js';
 export * from './prefetchCashbackBonusQuery.js';
 export * from './prefetchCashbackQuery.js';

package/dist/server/utils/prefetchBonusesCountQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchBonusesCountQuery: () => Promise<void>;

package/dist/server/utils/prefetchBonusesCountQuery.js

@@ -0,0 +1,19 @@
+import { getBonusesCount } from '../../services/index.js';
+import { getBonusesCountQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
+export const prefetchBonusesCountQuery = async () => {
+    const session = await getSession();
+    if (session.status === 'unauthenticated')
+        return;
+    await getQueryClient().prefetchQuery({
+        queryKey: getBonusesCountQueryKey(),
+        queryFn: async ({ signal }) => {
+            return await getBonusesCount({
+                signal,
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};

package/dist/server/utils/prefetchCashbackBonusesCountQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchCashbackBonusesCountQuery: () => Promise<void>;

package/dist/server/utils/prefetchCashbackBonusesCountQuery.js

@@ -0,0 +1,19 @@
+import { getCashbackBonusesCount } from '../../services/index.js';
+import { getCashbackBonusesCountQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
+export const prefetchCashbackBonusesCountQuery = async () => {
+    const session = await getSession();
+    if (session.status === 'unauthenticated')
+        return;
+    await getQueryClient().prefetchQuery({
+        queryKey: getCashbackBonusesCountQueryKey(),
+        queryFn: async ({ signal }) => {
+            return await getCashbackBonusesCount({
+                signal,
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};

package/dist/services/queries.d.ts

@@ -49,10 +49,12 @@ export declare const CASHBACKS = "\n  \n  \n  fragment FileFragment on File {\n
 export declare const CASHBACK = "\n  \n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  fragment CashbackFragment on Cashback {\n    id\n    name\n    banner {\n      ...FileFragment\n    }\n    minimumCashback\n    maximumMonthlyCashback\n    status\n    description\n    activationStartDateTime\n    activationEndDateTime\n    turnoverContributionPercentagePerGameProvider\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  query Cashback($id: ObjectId!) {\n    node(id: $id) {\n      ... on Cashback {\n        ...CashbackFragment\n      }\n    }\n  }\n";
 export declare const BONUS_FRAGMENT = "\n  \n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  fragment PromoFragment on Promo {\n    id\n    type\n    name\n    banner {\n      ...FileFragment\n    }\n    status\n    description\n    maximumBonusAmount\n    minimumBonusAmount\n    maximumDepositAmount\n    minimumDepositAmount\n    activationStartDateTime\n    turnoverRequirementContributionPercentagePerGameProvider\n    activationEndDateTime\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  fragment BonusFragment on Bonus {\n    id\n    promo {\n      ...PromoFragment\n    }\n    deposit {\n      type\n      amount\n      netAmount\n      fee\n      status\n      reference\n      dateTimeCreated\n      dateTimeLastUpdated\n    }\n    amount\n    balance\n    turnoverRequirement\n    currentTurnoverRequirementContribution\n    currentTurnoverRequirementContributionPercentage\n    turnoverRequirementContributionPercentagePerGameProvider\n    enabledGameProviders\n    expiration\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n";
 export declare const BONUSES = "\n  \n  \n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  fragment PromoFragment on Promo {\n    id\n    type\n    name\n    banner {\n      ...FileFragment\n    }\n    status\n    description\n    maximumBonusAmount\n    minimumBonusAmount\n    maximumDepositAmount\n    minimumDepositAmount\n    activationStartDateTime\n    turnoverRequirementContributionPercentagePerGameProvider\n    activationEndDateTime\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  fragment BonusFragment on Bonus {\n    id\n    promo {\n      ...PromoFragment\n    }\n    deposit {\n      type\n      amount\n      netAmount\n      fee\n      status\n      reference\n      dateTimeCreated\n      dateTimeLastUpdated\n    }\n    amount\n    balance\n    turnoverRequirement\n    currentTurnoverRequirementContribution\n    currentTurnoverRequirementContributionPercentage\n    turnoverRequirementContributionPercentagePerGameProvider\n    enabledGameProviders\n    expiration\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  query Bonuses {\n    bonuses {\n      ...BonusFragment\n    }\n  }\n";
+export declare const BONUSES_IDS = "\n  query BonusesIds {\n    bonuses {\n      id\n    }\n  }\n";
 export declare const BONUS = "\n  \n  \n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  fragment PromoFragment on Promo {\n    id\n    type\n    name\n    banner {\n      ...FileFragment\n    }\n    status\n    description\n    maximumBonusAmount\n    minimumBonusAmount\n    maximumDepositAmount\n    minimumDepositAmount\n    activationStartDateTime\n    turnoverRequirementContributionPercentagePerGameProvider\n    activationEndDateTime\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  fragment BonusFragment on Bonus {\n    id\n    promo {\n      ...PromoFragment\n    }\n    deposit {\n      type\n      amount\n      netAmount\n      fee\n      status\n      reference\n      dateTimeCreated\n      dateTimeLastUpdated\n    }\n    amount\n    balance\n    turnoverRequirement\n    currentTurnoverRequirementContribution\n    currentTurnoverRequirementContributionPercentage\n    turnoverRequirementContributionPercentagePerGameProvider\n    enabledGameProviders\n    expiration\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  query Bonus($id: ObjectId!) {\n    node(id: $id) {\n      ... on Bonus {\n        ...BonusFragment\n      }\n    }\n  }\n";
 export declare const CURRENT_BONUS = "\n  \n  \n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  fragment PromoFragment on Promo {\n    id\n    type\n    name\n    banner {\n      ...FileFragment\n    }\n    status\n    description\n    maximumBonusAmount\n    minimumBonusAmount\n    maximumDepositAmount\n    minimumDepositAmount\n    activationStartDateTime\n    turnoverRequirementContributionPercentagePerGameProvider\n    activationEndDateTime\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  fragment BonusFragment on Bonus {\n    id\n    promo {\n      ...PromoFragment\n    }\n    deposit {\n      type\n      amount\n      netAmount\n      fee\n      status\n      reference\n      dateTimeCreated\n      dateTimeLastUpdated\n    }\n    amount\n    balance\n    turnoverRequirement\n    currentTurnoverRequirementContribution\n    currentTurnoverRequirementContributionPercentage\n    turnoverRequirementContributionPercentagePerGameProvider\n    enabledGameProviders\n    expiration\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  query CurrentBonus {\n    currentBonus: bonus {\n      ...BonusFragment\n    }\n  }\n";
 export declare const CASHBACK_BONUS_FRAGMENT = "\n  \n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  fragment CashbackFragment on Cashback {\n    id\n    name\n    banner {\n      ...FileFragment\n    }\n    minimumCashback\n    maximumMonthlyCashback\n    status\n    description\n    activationStartDateTime\n    activationEndDateTime\n    turnoverContributionPercentagePerGameProvider\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  fragment CashbackBonusFragment on CashbackBonus {\n    id\n    balance\n    total\n    cashback {\n      ...CashbackFragment\n    }\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n";
 export declare const CASHBACK_BONUSES = "\n  \n  \n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  fragment CashbackFragment on Cashback {\n    id\n    name\n    banner {\n      ...FileFragment\n    }\n    minimumCashback\n    maximumMonthlyCashback\n    status\n    description\n    activationStartDateTime\n    activationEndDateTime\n    turnoverContributionPercentagePerGameProvider\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  fragment CashbackBonusFragment on CashbackBonus {\n    id\n    balance\n    total\n    cashback {\n      ...CashbackFragment\n    }\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  query CashbackBonuses {\n    cashbackBonuses {\n      ...CashbackBonusFragment\n    }\n  }\n";
+export declare const CASHBACK_BONUSES_IDS = "\n  query CashbackBonusesIds {\n    cashbackBonuses {\n      id\n    }\n  }\n";
 export declare const CASHBACK_BONUS = "\n  \n  \n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  fragment CashbackFragment on Cashback {\n    id\n    name\n    banner {\n      ...FileFragment\n    }\n    minimumCashback\n    maximumMonthlyCashback\n    status\n    description\n    activationStartDateTime\n    activationEndDateTime\n    turnoverContributionPercentagePerGameProvider\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  fragment CashbackBonusFragment on CashbackBonus {\n    id\n    balance\n    total\n    cashback {\n      ...CashbackFragment\n    }\n    dateTimeCreated\n    dateTimeLastUpdated\n  }\n\n\n  query CashbackBonus($id: ObjectId!) {\n    node(id: $id) {\n      ... on CashbackBonus {\n        ...CashbackBonusFragment\n      }\n    }\n  }\n";
 export declare const CLAIM_CASHBACK_BONUS = "\n  mutation ClaimCashbackBonus($input: ClaimCashbackBonusInput!) {\n    claimCashbackBonus(input: $input) {\n      ... on CashbackBonusDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const MEMBER = "\n  query Member {\n    member {\n      dateTimeLastActive\n    }\n  }\n";

package/dist/services/queries.js

@@ -1217,6 +1217,13 @@ export const BONUSES = /* GraphQL */ `
     }
   }
 `;
+export const BONUSES_IDS = /* GraphQL */ `
+  query BonusesIds {
+    bonuses {
+      id
+    }
+  }
+`;
 export const BONUS = /* GraphQL */ `
   ${BONUS_FRAGMENT}
 
@@ -1260,6 +1267,13 @@ export const CASHBACK_BONUSES = /* GraphQL */ `
     }
   }
 `;
+export const CASHBACK_BONUSES_IDS = /* GraphQL */ `
+  query CashbackBonusesIds {
+    cashbackBonuses {
+      id
+    }
+  }
+`;
 export const CASHBACK_BONUS = /* GraphQL */ `
   ${CASHBACK_BONUS_FRAGMENT}
 

package/dist/services/wallet.service.d.ts

@@ -34,9 +34,15 @@ export interface AvailablePromosQueryVariables {
 }
 export declare const getAvailablePromos: (input: AvailablePromosInput, options?: GraphQLRequestOptions) => Promise<Promo[]>;
 export interface CashbackBonusesQuery {
-    cashbackBonuses: CashbackBonus[];
+    cashbackBonuses?: CashbackBonus[] | null;
 }
 export declare const getCashbackBonuses: (options?: GraphQLRequestOptions) => Promise<CashbackBonus[]>;
+export interface CashbackBonusesIdsQuery {
+    cashbackBonuses?: {
+        id: string;
+    }[] | null;
+}
+export declare const getCashbackBonusesCount: (options?: GraphQLRequestOptions) => Promise<number>;
 export type ClaimCashbackBonusError = {
     name: 'CashbackBonusDoesNotExistError';
     message: string;
@@ -404,6 +410,12 @@ export interface BonusesQuery {
     bonuses?: Bonus[] | null;
 }
 export declare const getBonuses: (options?: GraphQLRequestOptions) => Promise<Bonus[]>;
+export interface BonusesIdsQuery {
+    bonuses?: {
+        id: string;
+    }[] | null;
+}
+export declare const getBonusesCount: (options?: GraphQLRequestOptions) => Promise<number>;
 export type ClaimSpotBonusError = {
     name: 'InvalidPromoCodeError';
     message: string;

package/dist/services/wallet.service.js

@@ -1,7 +1,7 @@
 import { cache } from 'react';
 import { WALLET_GRAPHQL_ENDPOINT } from '../constants/index.js';
 import { graphqlRequest } from './graphqlRequest.js';
-import { AVAILABLE_PROMOS, BONUS, BONUSES, CASHBACK, CASHBACK_BONUS, CASHBACK_BONUSES, CASHBACKS, CLAIM_CASHBACK_BONUS, CLAIM_SPOT_BONUS, CREATE_AIO_INSTAPAY_WITHDRAWAL, CREATE_AIO_ONLINE_BANK_DEPOSIT, CREATE_AIO_QRPH_DEPOSIT, CREATE_BANK_WITHDRAWAL, CREATE_GAME_SESSION, CREATE_GCASH_DEPOSIT, CREATE_GCASH_DIRECT_WEBPAY_DEPOSIT, CREATE_GCASH_WITHDRAWAL, CREATE_MANUAL_BANK_DEPOSIT, CREATE_MANUAL_BANK_WITHDRAWAL, CREATE_MANUAL_UPI_DEPOSIT, CREATE_MANUAL_UPI_WITHDRAWAL, CREATE_MAYA_APP_DEPOSIT, CREATE_MAYA_APP_WITHDRAWAL, CREATE_MAYA_DEPOSIT, CREATE_MAYA_WITHDRAWAL, CURRENT_BONUS, DEPOSIT, END_GAME_SESSION, FAVORITE_GAMES, GAME_SESSION, INSTAPAY_BANK_LIST, MARK_GAME_AS_FAVORITE, MAYA_SESSION, POINTS_WALLET, PROMO, PROMOS, REDEEM_POINTS_TO_CASH, REMAINING_DAILY_WITHDRAWALS_COUNT, TOUCH_GCASH_DEPOSIT, TOUCH_QRPH_DEPOSIT, UNMARK_GAME_AS_FAVORITE, VALIDATE_MAYA_SESSION, WALLET, } from './queries.js';
+import { AVAILABLE_PROMOS, BONUS, BONUSES, BONUSES_IDS, CASHBACK, CASHBACK_BONUS, CASHBACK_BONUSES, CASHBACK_BONUSES_IDS, CASHBACKS, CLAIM_CASHBACK_BONUS, CLAIM_SPOT_BONUS, CREATE_AIO_INSTAPAY_WITHDRAWAL, CREATE_AIO_ONLINE_BANK_DEPOSIT, CREATE_AIO_QRPH_DEPOSIT, CREATE_BANK_WITHDRAWAL, CREATE_GAME_SESSION, CREATE_GCASH_DEPOSIT, CREATE_GCASH_DIRECT_WEBPAY_DEPOSIT, CREATE_GCASH_WITHDRAWAL, CREATE_MANUAL_BANK_DEPOSIT, CREATE_MANUAL_BANK_WITHDRAWAL, CREATE_MANUAL_UPI_DEPOSIT, CREATE_MANUAL_UPI_WITHDRAWAL, CREATE_MAYA_APP_DEPOSIT, CREATE_MAYA_APP_WITHDRAWAL, CREATE_MAYA_DEPOSIT, CREATE_MAYA_WITHDRAWAL, CURRENT_BONUS, DEPOSIT, END_GAME_SESSION, FAVORITE_GAMES, GAME_SESSION, INSTAPAY_BANK_LIST, MARK_GAME_AS_FAVORITE, MAYA_SESSION, POINTS_WALLET, PROMO, PROMOS, REDEEM_POINTS_TO_CASH, REMAINING_DAILY_WITHDRAWALS_COUNT, TOUCH_GCASH_DEPOSIT, TOUCH_QRPH_DEPOSIT, UNMARK_GAME_AS_FAVORITE, VALIDATE_MAYA_SESSION, WALLET, } from './queries.js';
 import { sha256 } from './sha256.js';
 export const getPromos = cache(async (options) => {
     const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, PROMOS, undefined, options);
@@ -25,7 +25,11 @@ export const getAvailablePromos = cache(async (input, options) => {
 });
 export const getCashbackBonuses = cache(async (options) => {
     const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, CASHBACK_BONUSES, undefined, options);
-    return res.cashbackBonuses;
+    return res.cashbackBonuses ?? [];
+});
+export const getCashbackBonusesCount = cache(async (options) => {
+    const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, CASHBACK_BONUSES_IDS, undefined, options);
+    return res.cashbackBonuses?.length ?? 0;
 });
 export const claimCashbackBonus = async (id, options) => {
     const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, CLAIM_CASHBACK_BONUS, { input: { id } }, options);
@@ -301,6 +305,10 @@ export const getBonuses = cache(async (options) => {
     const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, BONUSES, undefined, options);
     return res.bonuses ?? [];
 });
+export const getBonusesCount = cache(async (options) => {
+    const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, BONUSES_IDS, undefined, options);
+    return res.bonuses?.length ?? 0;
+});
 export const claimSpotBonus = async (code, options) => {
     const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, CLAIM_SPOT_BONUS, { code }, options);
     if (res.claimSpotBonus) {