@opexa/portal-components 0.1.46 → 0.1.48

package/dist/client/hooks/useCreateAiOGrabPayDepositMutation.js

@@ -2,9 +2,11 @@ import { ObjectId } from '@opexa/object-id';
 import { useMutation } from '@tanstack/react-query';
 import { clamp } from 'lodash-es';
 import invariant from 'tiny-invariant';
+import { explainError } from '../../components/DepositWithdrawal/utils.js';
 import { OPEXAPAY_ENDPOINT } from '../../constants/index.js';
 import { ObjectType } from '../../services/ObjectType.js';
 import { createAiOGrabPayDeposit, getDeposit, } from '../../services/wallet.js';
+import { capitalize } from '../../utils/capitalize.js';
 import { createPoll } from '../../utils/createPoll.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getCreateAiOGrabPayDepositMutationKey } from '../../utils/mutationKeys.js';
@@ -51,6 +53,14 @@ export const useCreateAiOGrabPayDepositMutation = (config) => {
                 maxAttempt: 20,
             });
             const res = await poll();
+            if (res?.error) {
+                const error = new Error();
+                error.name = capitalize(res.error, {
+                    delimiter: capitalize.delimiters.UNDERSCORE,
+                });
+                error.message = explainError(res.error);
+                throw error;
+            }
             if (!res?.checkoutUrl) {
                 const error = new Error();
                 error.name = 'AiOGrabPayDepositError';

package/dist/client/hooks/useTopGamesQuery.js

@@ -9,7 +9,9 @@ export const useTopGamesQuery = (topGames, config) => {
             if (!ids || ids.length === 0)
                 return [];
             const results = await Promise.all(ids.map((id) => getGamesv2__next(id, { signal })));
-            return results.flatMap((res) => res.edges.map((edge) => edge.node));
+            return results
+                .flatMap((res) => res.edges.map((edge) => edge.node))
+                .filter((game) => game.status === 'ACTIVE' && game.hidden !== true);
         },
         enabled: (ids?.length ?? 0) > 0 && (config?.enabled ?? true),
     });

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

@@ -43,6 +43,7 @@ export function AiOGrabPayDeposit() {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
+    const [errorMessage, setErrorMessage] = useState(null);
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreateAiOGrabPayDepositMutation({
         onMutate() {
@@ -56,8 +57,12 @@ export function AiOGrabPayDeposit() {
             queryClient.invalidateQueries({ queryKey: getDepositsCountQueryKey() });
             setStatus('success');
         },
-        onError() {
+        onError(data) {
             setStatus('failed');
+            setErrorMessage({
+                name: data.name,
+                message: data.message,
+            });
         },
     });
     const warn = useBoolean();
@@ -198,8 +203,7 @@ export function AiOGrabPayDeposit() {
                                                         'Sometimes the payment pop up doesn’t appear right away. Don’t worry, just click the button below to reopen it and continue your deposit.', status === 'success' &&
                                                         warn.value &&
                                                         'Closing this window might cancel your current deposit. Do you want to continue?', status === 'confirmed' &&
-                                                        'Your deposit has been successfully processed.', status === 'failed' &&
-                                                        'Something went wrong while processing your deposit. Please try again or contact support.'] })] }), (status === 'failed' ||
+                                                        'Your deposit has been successfully processed.', status === 'failed' && errorMessage?.message] })] }), (status === 'failed' ||
                                         status === 'success' ||
                                         status === 'confirmed') && (_jsxs(AlertDialog.Footer, { children: [status === 'success' && !warn.value && (_jsx(Button, { asChild: true, children: _jsx("a", { href: createDepositMutation.data?.checkoutUrl ?? '', target: "_blank", rel: "noopener noreferrer", children: "Try Again" }) })), status === 'success' && warn.value && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: () => {
                                                             warn.setFalse();

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/AurixPayQRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const AurixPayQRPHDepositContext: (props: {
     value: {
-        status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+        status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
         deposit: import("../../../../types").Deposit | null;
         errorMessage: {
             name: string;
@@ -13,7 +13,7 @@ export declare const AurixPayQRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useAurixPayQRPHDepositContext: () => {
-    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.d.ts

@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
     promo?: string | null;
 }
 export declare function useAurixPayQRPHDeposit(): {
-    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
     deposit: Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts

@@ -1,7 +1,7 @@
 export declare const OnlineBankDepositContext: (props: {
     value: {
-        view: "vca" | "form";
-        status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+        view: "form" | "vca";
+        status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
         deposit: import("../../../../types").Deposit | null;
@@ -13,8 +13,8 @@ export declare const OnlineBankDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useOnlineBankDepositContext: () => {
-    view: "vca" | "form";
-    status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    view: "form" | "vca";
+    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: import("../../../../types").Deposit | null;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts

@@ -1,8 +1,8 @@
 import type { Deposit } from '../../../../types';
 export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
 export declare function useOnlineBankDeposit(): {
-    view: "vca" | "form";
-    status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    view: "form" | "vca";
+    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: Deposit | null;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const QRPHDepositContext: (props: {
     value: {
-        status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+        status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
         deposit: import("../../../../types").Deposit | null;
         errorMessage: {
             name: string;
@@ -13,7 +13,7 @@ export declare const QRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useQRPHDepositContext: () => {
-    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.d.ts

@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
     promo?: string | null;
 }
 export declare function useQRPHDeposit(): {
-    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
     deposit: Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/utils.js

@@ -61,6 +61,7 @@ const errorMap = {
     WithdrawalDailyLimitExceededError: 'You have exceeded your daily withdrawal limit. Please try again tomorrow.',
     MinimumFirstDepositAmountNotMetError: 'The minimum first deposit amount is not met. Please enter a valid amount.',
     FirstDepositRequiredError: 'First deposit is required before making a withdrawal.',
+    InsufficientAgentBalanceError: 'Insufficient agent balance. Please add funds to your account.',
     SYSTEM_ERROR: 'A system error occurred. Please try again.',
 };
 export function explainError(error) {

package/dist/server/utils/prefetchTopGamesQuery.js

@@ -11,7 +11,9 @@ export const prefetchTopGamesQuery = cache(async (topGames) => {
         queryKey: ['top-games', ids],
         queryFn: async ({ signal }) => {
             const results = await Promise.all(ids.map((id) => getGamesv2__next(id, { signal })));
-            return results.flatMap((res) => res.edges.map((edge) => edge.node));
+            return results
+                .flatMap((res) => res.edges.map((edge) => edge.node))
+                .filter((game) => game.status === 'ACTIVE' && game.hidden !== true);
         },
     })
         .catch(() => log.text("'prefetchTopGamesQuery' failed", 'error'));

package/dist/types/index.d.ts

@@ -158,7 +158,7 @@ export interface Announcement {
 }
 export type GameType = 'SLOTS' | 'SPORTS' | 'FISHING' | 'BINGO' | 'LIVE' | 'GAMES' | 'TABLE' | 'SPECIALTY' | 'NUMERICAL' | 'NUMERIC' | 'ARCADE';
 export type GameProvider = 'JILI' | 'JILI_BINGO' | 'PGSOFT' | 'FACHAI' | 'BTI' | 'DG' | 'PLAYTECH' | 'E2E' | 'ONEAPI_EVOLUTION' | 'EVOLUTION' | 'EVOLUTION_NETENT' | 'EVOLUTION_REDTIGER' | 'EVOLUTION_TAP_A_ROO' | 'MEGABALL' | 'MEGA2SPIN' | 'DARWIN' | 'RTG' | 'DRBINGO' | 'HOLLYWOODTV' | 'CQ9' | 'JDB' | 'HABANERO' | 'SPINIX' | 'JOKER' | 'HACKSAW' | 'JDBGTF' | 'JDBSPRIBE' | 'MICROGAMING' | 'RELAXGAMING' | 'EVOPLAY' | 'BOOONGO' | 'BGAMING' | 'KINGMAKER' | 'KINGMIDAS' | 'YELLOWBAT' | 'ETENGJUE' | 'SABA' | 'PRAGMATICPLAY' | 'SPRIBE' | 'EZUGI' | 'ALIZE' | 'DIGITAIN' | 'BNG' | 'NO_LIMIT_CITY' | 'BIG_TIME_GAMING' | 'SAGAMING' | 'ONEAPI_SPADEGAMING' | 'JK8' | 'RUBYPLAY' | 'EVOLUTIONNETENT' | 'TEST';
-export type GameStatus = 'ACTIVE' | 'INACTIVE';
+export type GameStatus = 'ACTIVE' | 'INACTIVE' | 'HIDDEN';
 export type GameTag = 'HOT' | 'hot' | 'NEW' | 'new' | 'TOP' | 'top' | 'POPULAR' | 'popular' | (string & {});
 export interface Game {
     id: string;
@@ -178,6 +178,7 @@ export interface Game {
     dateTimeCreated: string;
     dateTimeLastUpdated: string;
     favorite: boolean;
+    hidden?: boolean;
 }
 export interface PlatformGame {
     id: string;