@opexa/portal-components 0.0.957 → 0.0.958

package/dist/lib/utils/mutationKeys.js

@@ -0,0 +1,211 @@
+const PARENT_KEY = 'mutations';
+export const getAuthenticateMutationKey = () => [
+    PARENT_KEY,
+    'authenticate',
+];
+export const getCheckInDailyQuestMutationKey = () => [
+    PARENT_KEY,
+    'checkInDailyQuest',
+];
+export const getClaimCashbackBonusMutationKey = () => [
+    PARENT_KEY,
+    'claimCashbackBonus',
+];
+export const getClaimSpotBonusMutationKey = () => [
+    PARENT_KEY,
+    'claimSpotBonus',
+];
+export const getCreateDigitainGameSessionMutationKey = () => [
+    PARENT_KEY,
+    'createDigitainGameSession',
+];
+export const getCreateGameSessionMutationKey = () => [
+    PARENT_KEY,
+    'createGameSession',
+];
+export const getCreateGCashDepositMutationKey = () => [
+    PARENT_KEY,
+    'createGCashDeposit',
+];
+export const getCreateGCashWebpayDepositMutationKey = () => [
+    PARENT_KEY,
+    'createGCashWebpayDeposit',
+];
+export const getCreateMayaWebpayDepositMutationKey = () => [
+    PARENT_KEY,
+    'createMayaWebpayDeposit',
+];
+export const getCreateAiOGCashDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAiOGCashDeposit',
+];
+export const getCreateAiOPayMayaDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAiOPayMayaDeposit',
+];
+export const getCreateAiOGrabPayDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAiOGrabPayDeposit',
+];
+export const getCreateAiOPalawanPayDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAiOPalawanPayDeposit',
+];
+export const getCreateMayaAppDepositMutationKey = () => [
+    PARENT_KEY,
+    'createMayaAppDeposit',
+];
+export const getCreateMayaDepositMutationKey = () => [
+    PARENT_KEY,
+    'createMayaDeposit',
+];
+export const getCreateOnlineBankDepositMutationKey = () => [
+    PARENT_KEY,
+    'createOnlineBankDeposit',
+];
+export const getCreateQRPHDepositMutationKey = () => [
+    PARENT_KEY,
+    'createQRPHDeposit',
+];
+export const getCreateLibanganDepositMutationKey = () => [
+    PARENT_KEY,
+    'createLibanganDeposit',
+];
+export const getCreatePisoPayDepositMutationKey = () => [
+    PARENT_KEY,
+    'createPisoPayDeposit',
+];
+export const getCreateGCashWithdrawalMutationKey = () => [
+    PARENT_KEY,
+    'createGCashWithdrawal',
+];
+export const getCreateGCashStandardCashInWithdrawalMutationKey = () => [PARENT_KEY, 'createGCashStandardCashInWithdrawal'];
+export const getCreateMayaWithdrawalMutationKey = () => [
+    PARENT_KEY,
+    'createMayaWithdrawal',
+];
+export const getCreateMayaAppWithdrawalMutationKey = () => [
+    PARENT_KEY,
+    'createMayaAppWithdrawal',
+];
+export const getCreateInstapayWithdrawalMutationKey = () => [
+    PARENT_KEY,
+    'createInstapayWithdrawal',
+];
+export const getCreateInstapayWithdrawalNextMutationKey = () => [
+    PARENT_KEY,
+    'createInstapayWithdrawalNext',
+];
+export const getCreateVentajaDisbursementWithdrawalMutationKey = () => [PARENT_KEY, 'createVentajaDisbursementWithdrawal'];
+export const getCreatePisoPayWithdrawalMutationKey = () => [
+    PARENT_KEY,
+    'createPisopayWithdrawal',
+];
+export const getMarkMessageAsReadMutationKey = () => [
+    PARENT_KEY,
+    'markMessageAsRead',
+];
+export const getCreateMemberVerificationQueryKey = () => [
+    PARENT_KEY,
+    'createMemberVerification',
+];
+export const getApproveMemberVerificationQueryKey = () => [
+    PARENT_KEY,
+    'approveMemberVerification',
+];
+export const getEndGameSessionMutationKey = () => [
+    PARENT_KEY,
+    'endGameSession',
+];
+export const getMarkGameAsFavoriteMutationKey = () => [
+    PARENT_KEY,
+    'markGameAsFavorite',
+];
+export const getUnmarkGameAsFavoriteMutationKey = () => [
+    PARENT_KEY,
+    'unmarkGameAsFavorite',
+];
+export const getUpdateAccountMutationKey = () => [
+    PARENT_KEY,
+    'updateAccount',
+];
+export const getUpdateMemberVerificationQueryKey = () => [
+    PARENT_KEY,
+    'updateMemberVerification',
+];
+export const getSendVerificationCodeMutationKey = () => [
+    PARENT_KEY,
+    'sendVerificationCode',
+];
+export const getVerifyMobileNumberMutationKey = () => [
+    PARENT_KEY,
+    'verifyMobileNumber',
+];
+export const getUpdateMobileNumberMutationKey = () => [
+    PARENT_KEY,
+    'updateMobileNumber',
+];
+export const getSignInMutationKey = () => [PARENT_KEY, 'signIn'];
+export const getSignInSSOMutationKey = () => [
+    PARENT_KEY,
+    'signInSSO',
+];
+export const getSignOutMutationKey = () => [PARENT_KEY, 'signOut'];
+export const getSignUpMutationKey = () => [PARENT_KEY, 'signUp'];
+export const getCompleteOnboardingMutationKey = () => [
+    PARENT_KEY,
+    'completeOnboarding',
+];
+export const getSkipOnboardingMutationKey = () => [
+    PARENT_KEY,
+    'skipOnboarding',
+];
+export const getUploadFileMutationKey = () => [
+    PARENT_KEY,
+    'uploadFile',
+];
+export const getUploadImageFileMutationKey = () => [
+    PARENT_KEY,
+    'uploadImageFile',
+];
+export const getUploadPrivateImageFileMutationKey = () => [
+    PARENT_KEY,
+    'uploadPrivateImageFile',
+];
+export const getResetPasswordMutationKey = () => [
+    PARENT_KEY,
+    'resetPassword',
+];
+export const getUpdateSessionMutationKey = () => [
+    PARENT_KEY,
+    'updateSession',
+];
+export const getUnlinkGoogleMutationKey = () => [
+    PARENT_KEY,
+    'unlinkGoogle',
+];
+export const getGenerateSumsubVerificationTokenMutationKey = () => [PARENT_KEY, 'generateSumsubVerificationToken'];
+export const getUnlinkFacebookMutationKey = () => [
+    PARENT_KEY,
+    'unlinkFacebook',
+];
+export const getCreateAurixPayGCashDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAurixPayGcashDeposit',
+];
+export const getCreateAurixPayQrphDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAurixPayQRPHDeposit',
+];
+export const getCreateAurixPayGrabPayDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAurixPayGrabPayDeposit',
+];
+export const getCreateAurixPayPayMayaDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAurixPayGrabPayDeposit',
+];
+export const getRedeemVoucherMutationKey = () => [
+    PARENT_KEY,
+    'redeemVoucher',
+];

package/dist/lib/utils/onMobileDevice.d.ts

@@ -0,0 +1,4 @@
+import { type IsMobileOptions } from 'is-mobile';
+export interface OnMobileOptions extends IsMobileOptions {
+}
+export declare const onMobileDevice: (opts?: OnMobileOptions) => boolean;

package/dist/lib/utils/onMobileDevice.js

@@ -0,0 +1,9 @@
+import { isMobile } from 'is-mobile';
+import { cache } from 'react';
+export const onMobileDevice = cache((opts) => {
+    return isMobile({
+        tablet: true,
+        featureDetect: typeof window !== 'undefined',
+        ...opts,
+    });
+});

package/dist/lib/utils/parseDecimal.d.ts

@@ -0,0 +1,2 @@
+export declare function parseDecimal(value: unknown): number | null;
+export declare function parseDecimal(value: unknown, fallback: number): number;

package/dist/lib/utils/parseDecimal.js

@@ -0,0 +1,16 @@
+import { z } from 'zod';
+const definition = z
+    .union([
+    z.number(),
+    z.string().transform((val) => {
+        const parsed = parseFloat(val);
+        return Number.isNaN(parsed) ? null : parsed;
+    }),
+])
+    .nullable()
+    .optional()
+    .default(null)
+    .catch(null);
+export function parseDecimal(value, fallback = null) {
+    return definition.parse(value) ?? fallback;
+}

package/dist/lib/utils/queryKeys.d.ts

@@ -0,0 +1,52 @@
+import type { QueryKey } from '@tanstack/react-query';
+import type { GamesInput__Next } from '../services/cmsPortal';
+import type { BetRecordsInput, DepositRecordsInput, JackpotPayoutsInput, JackpotsCountInput, JackpotsInput, TournamentsCountInput, TournamentsInput, TransactionRecordsInput, WithdrawalRecordsInput } from '../services/report';
+import type { MessagesInput, UnreadMessagesCountInput } from '../services/trigger';
+import type { AvailablePromosInput, BonusesInput } from '../services/wallet';
+export declare const getAccountQueryKey: () => QueryKey;
+export declare const getProfileCompletionQueryKey: () => QueryKey;
+export declare const getAvailablePromosQueryKey: (input?: AvailablePromosInput) => QueryKey;
+export declare const getAvailableQuestsQueryKey: () => QueryKey;
+export declare const getBetRecordsQueryKey: (input?: BetRecordsInput) => QueryKey;
+export declare const getCashbacksQueryKey: () => QueryKey;
+export declare const getCashbackBonusesQueryKey: () => QueryKey;
+export declare const getCashbackBonusesCountQueryKey: () => QueryKey;
+export declare const getDepositQueryKey: (id: string) => QueryKey;
+export declare const getDepositRecordsQueryKey: (input?: DepositRecordsInput) => QueryKey;
+export declare const getDepositsCountQueryKey: () => QueryKey;
+export declare const getGamesQueryKey: (input?: GamesInput__Next) => QueryKey;
+export declare const getFavoriteGamesQueryKey: () => QueryKey;
+export declare const getInstapayBankListQueryKey: () => QueryKey;
+export declare const getIsMayaSessionValidQueryKey: () => QueryKey;
+export declare const getJackpotsQueryKey: (input?: JackpotsInput) => QueryKey;
+export declare const getJackpotsNextQueryKey: (input?: JackpotsInput) => QueryKey;
+export declare const getJackpotsCountQueryKey: (input?: JackpotsCountInput) => QueryKey;
+export declare const getJackpotPayoutsQueryKey: (input?: JackpotPayoutsInput) => QueryKey;
+export declare const getMemberVerificationQueryKey: () => QueryKey;
+export declare const getPaymentSettingsQueryKey: () => QueryKey;
+export declare const getPlatformQueryKey: () => QueryKey;
+export declare const getPromoQueryKey: (id: string) => QueryKey;
+export declare const getCashbackQueryKey: (id: string) => QueryKey;
+export declare const getPromosQueryKey: () => QueryKey;
+export declare const getSessionQueryKey: () => QueryKey;
+export declare const getTopWinsQueryKey: () => QueryKey;
+export declare const getTournamentsQueryKey: (input?: TournamentsInput) => QueryKey;
+export declare const getTournamentsCountQueryKey: (input?: TournamentsCountInput) => QueryKey;
+export declare const getTransactionRecordsQueryKey: (input?: TransactionRecordsInput) => QueryKey;
+export declare const getMessagesQueryKey: (input?: MessagesInput) => QueryKey;
+export declare const getWalletQueryKey: () => QueryKey;
+export declare const getWithdrawalRecordsQueryKey: (input?: WithdrawalRecordsInput) => QueryKey;
+export declare const getUnreadMessagesCountQueryKey: (input?: UnreadMessagesCountInput) => QueryKey;
+export declare const getBonusQueryKey: (id: string) => QueryKey;
+export declare const getCashbackBonusQueryKey: (id: string) => QueryKey;
+export declare const getBonusesQueryKey: (input?: BonusesInput) => QueryKey;
+export declare const getBonusesCountQueryKey: () => QueryKey;
+export declare const getAvailableQuestsCountQueryKey: () => QueryKey;
+export declare const getOnboardingStatusQueryKey: () => QueryKey;
+export declare const getRecommendedGamesQueryKey: () => QueryKey;
+export declare const getFileQueryKey: (id: string) => QueryKey;
+export declare const getSiteQueryKey: () => QueryKey;
+export declare const getSessionHealthQueryKey: () => QueryKey;
+export declare const getGoogleClientIdQueryKey: () => QueryKey;
+export declare const getFacebookClientIdQueryKey: () => QueryKey;
+export declare const getRequireFirstDepositQueryKey: () => QueryKey;

package/dist/lib/utils/queryKeys.js

@@ -0,0 +1,49 @@
+import { SITE_ID } from '../constants/index.js';
+const PARENT_KEY = 'queries';
+export const getAccountQueryKey = () => [PARENT_KEY, 'account'].filter(Boolean);
+export const getProfileCompletionQueryKey = () => [PARENT_KEY, 'profileCompletion'].filter(Boolean);
+export const getAvailablePromosQueryKey = (input) => [PARENT_KEY, 'availablePromos', input].filter(Boolean);
+export const getAvailableQuestsQueryKey = () => [PARENT_KEY, 'availableQuests'].filter(Boolean);
+export const getBetRecordsQueryKey = (input) => [PARENT_KEY, 'betRecords', input].filter(Boolean);
+export const getCashbacksQueryKey = () => [PARENT_KEY, 'cashbacks'].filter(Boolean);
+export const getCashbackBonusesQueryKey = () => [PARENT_KEY, 'cashbackBonuses'].filter(Boolean);
+export const getCashbackBonusesCountQueryKey = () => [PARENT_KEY, 'cashbackBonusesCount'].filter(Boolean);
+export const getDepositQueryKey = (id) => [PARENT_KEY, 'deposit', id].filter(Boolean);
+export const getDepositRecordsQueryKey = (input) => [PARENT_KEY, 'depositRecords', input].filter(Boolean);
+export const getDepositsCountQueryKey = () => [PARENT_KEY, 'depositsCount'].filter(Boolean);
+export const getGamesQueryKey = (input) => [PARENT_KEY, 'games', input].filter(Boolean);
+export const getFavoriteGamesQueryKey = () => [PARENT_KEY, 'favoriteGames'].filter(Boolean);
+export const getInstapayBankListQueryKey = () => [PARENT_KEY, 'instapayBankList'].filter(Boolean);
+export const getIsMayaSessionValidQueryKey = () => [PARENT_KEY, 'isMayaSessionValidQueryKey'].filter(Boolean);
+export const getJackpotsQueryKey = (input) => [PARENT_KEY, 'jackpots', input].filter(Boolean);
+export const getJackpotsNextQueryKey = (input) => [PARENT_KEY, '_jackpots', input].filter(Boolean);
+export const getJackpotsCountQueryKey = (input) => [PARENT_KEY, 'jackpotsCount', input].filter(Boolean);
+export const getJackpotPayoutsQueryKey = (input) => [PARENT_KEY, 'jackpotPayouts', input].filter(Boolean);
+export const getMemberVerificationQueryKey = () => [PARENT_KEY, 'memberVerification'].filter(Boolean);
+export const getPaymentSettingsQueryKey = () => [PARENT_KEY, 'paymentSettings'].filter(Boolean);
+export const getPlatformQueryKey = () => [PARENT_KEY, 'platform'].filter(Boolean);
+export const getPromoQueryKey = (id) => [PARENT_KEY, 'promo', id].filter(Boolean);
+export const getCashbackQueryKey = (id) => [PARENT_KEY, 'cashback', id].filter(Boolean);
+export const getPromosQueryKey = () => [PARENT_KEY, 'promos'].filter(Boolean);
+export const getSessionQueryKey = () => [PARENT_KEY, 'session'].filter(Boolean);
+export const getTopWinsQueryKey = () => [PARENT_KEY, 'topWins'].filter(Boolean);
+export const getTournamentsQueryKey = (input) => [PARENT_KEY, 'tournaments', input].filter(Boolean);
+export const getTournamentsCountQueryKey = (input) => [PARENT_KEY, 'tournamentsCount', input].filter(Boolean);
+export const getTransactionRecordsQueryKey = (input) => [PARENT_KEY, 'transactionRecords', input].filter(Boolean);
+export const getMessagesQueryKey = (input) => [PARENT_KEY, 'messages', input].filter(Boolean);
+export const getWalletQueryKey = () => [PARENT_KEY, 'wallet'].filter(Boolean);
+export const getWithdrawalRecordsQueryKey = (input) => [PARENT_KEY, 'withdrawalRecords', input].filter(Boolean);
+export const getUnreadMessagesCountQueryKey = (input) => [PARENT_KEY, 'unreadMessagesCount', input].filter(Boolean);
+export const getBonusQueryKey = (id) => [PARENT_KEY, 'bonus', id].filter(Boolean);
+export const getCashbackBonusQueryKey = (id) => [PARENT_KEY, 'cashbackBonus', id].filter(Boolean);
+export const getBonusesQueryKey = (input) => [PARENT_KEY, 'bonuses', input].filter(Boolean);
+export const getBonusesCountQueryKey = () => [PARENT_KEY, 'bonusesCount'].filter(Boolean);
+export const getAvailableQuestsCountQueryKey = () => [PARENT_KEY, 'availableQuestsCount'].filter(Boolean);
+export const getOnboardingStatusQueryKey = () => [PARENT_KEY, 'onboardingStatus'].filter(Boolean);
+export const getRecommendedGamesQueryKey = () => [PARENT_KEY, 'recommendedGames'].filter(Boolean);
+export const getFileQueryKey = (id) => [PARENT_KEY, 'file', id].filter(Boolean);
+export const getSiteQueryKey = () => [PARENT_KEY, 'site', SITE_ID].filter(Boolean);
+export const getSessionHealthQueryKey = () => [PARENT_KEY, 'sessionHealth'].filter(Boolean);
+export const getGoogleClientIdQueryKey = () => [PARENT_KEY, 'googleClientId'].filter(Boolean);
+export const getFacebookClientIdQueryKey = () => [PARENT_KEY, 'facebookClientId'].filter(Boolean);
+export const getRequireFirstDepositQueryKey = () => [PARENT_KEY, 'requireFirstDeposit'].filter(Boolean);

package/dist/lib/utils/sanitizeGamesSearch.d.ts

@@ -0,0 +1 @@
+export declare function sanitizeGamesSearch(search?: string): string;

package/dist/lib/utils/sanitizeGamesSearch.js

@@ -0,0 +1,9 @@
+export function sanitizeGamesSearch(search) {
+    if (!search) {
+        return search || '';
+    }
+    // Strip disallowed punctuation before sending to backend search
+    const cleaned = search.replace(/[!@#$%^&*()?><}{\][|\\/`:;",=+\-_]/g, '');
+    const normalized = cleaned.trim().replace(/\s+/g, ' ');
+    return normalized.length > 0 ? normalized : '';
+}

package/dist/lib/utils/stripTags.d.ts

@@ -0,0 +1 @@
+export declare const stripTags: (html: string) => string;

package/dist/lib/utils/stripTags.js

@@ -0,0 +1,4 @@
+import { cache } from 'react';
+export const stripTags = cache((html) => {
+    return html.replace(/<[^>]+>/gi, '');
+});

package/dist/lib/utils/validateFile.d.ts

@@ -0,0 +1,29 @@
+export interface ValidateFileOptions<T extends string = never> {
+    /**
+     * @description Maximum file size in MB.
+     * @default 10
+     */
+    maxFileSize?: number;
+    /**
+     * @description Maximum file name length.
+     * @default 48
+     */
+    maxFileName?: number;
+    /**
+     * @description Supported mime types.
+     * @default
+     * [
+     *  'image/png',
+     *  'image/jpg',
+     *  'image/jpeg'
+     * ]
+     */
+    supportedFiles?: string[];
+    customValidator?(file: File): ValidateFileError<T> | null | undefined;
+}
+export type KnownValidateFileErrorName = 'FileNameTooLongError' | 'FileSizeTooLargeError' | 'FileTypeNotSupportedError';
+export interface ValidateFileError<T extends string = never> {
+    name: KnownValidateFileErrorName | T;
+    message: string;
+}
+export declare const validateFile: <T extends string = never>(file: File, options?: ValidateFileOptions<T>) => ValidateFileError<T> | null;

package/dist/lib/utils/validateFile.js

@@ -0,0 +1,46 @@
+import { cache } from 'react';
+export const validateFile = cache((file, options) => {
+    const maxFileSize = options?.maxFileSize ?? 10;
+    const maxFileName = options?.maxFileName ?? 48;
+    const supportedFiles = options?.supportedFiles?.length
+        ? options.supportedFiles
+        : [
+            /**/
+            'image/png',
+            'image/jpg',
+            'image/jpeg',
+        ];
+    if (!supportedFiles.includes(file.type)) {
+        return {
+            name: 'FileTypeNotSupportedError',
+            message: 'File type not supported.',
+        };
+    }
+    if (mb(file.size) > maxFileSize) {
+        return {
+            name: 'FileSizeTooLargeError',
+            message: 'File size too large.',
+        };
+    }
+    if (basename(file.name).length > maxFileName) {
+        return {
+            name: 'FileNameTooLongError',
+            message: 'File name is too long.',
+        };
+    }
+    if (options?.customValidator) {
+        const err = options.customValidator(file);
+        if (err)
+            return err;
+    }
+    return null;
+});
+function mb(bytes) {
+    return bytes / (1024 * 1024);
+}
+function basename(name) {
+    return name
+        .split('.')
+        .filter((_, i, self) => i + 1 < self.length)
+        .join('.');
+}

package/dist/lib/utils/withMarketId.d.ts

@@ -0,0 +1 @@
+export declare function withMarketId(url: string, mParam?: string | null): string;

package/dist/lib/utils/withMarketId.js

@@ -0,0 +1,5 @@
+export function withMarketId(url, mParam) {
+    if (!mParam)
+        return url;
+    return `${url}?m=${encodeURIComponent(mParam)}`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.957",
+	"version": "0.0.958",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",
@@ -74,7 +74,8 @@
 		"build:app": "next build",
 		"lint": "biome lint . --error-on-warnings",
 		"start": "next start",
-		"release": "release-it"
+		"release": "release-it",
+		"test": "vitest"
 	},
 	"dependencies": {
 		"@ark-ui/react": "^5.16.0",
@@ -118,18 +119,24 @@
 		"zustand": "^5.0.6"
 	},
 	"devDependencies": {
+		"@faker-js/faker": "^9.9.0",
 		"@hookform/resolvers": "5.1.1",
 		"@opexa/object-id": "0.1.6",
 		"@tailwindcss/postcss": "4",
 		"@tanstack/react-query": "5.83.0",
 		"@tanstack/react-query-devtools": "5.83.0",
+		"@testing-library/jest-dom": "^6.9.1",
+		"@testing-library/react": "^16.3.1",
+		"@testing-library/user-event": "^14.6.1",
 		"@total-typescript/ts-reset": "0.6.1",
+		"@types/jsdom": "^21.1.7",
 		"@types/lodash-es": "4.17.12",
 		"@types/node": "24",
 		"@types/qrcode": "^1.5.5",
 		"@types/react": "19.1.8",
 		"@types/react-dom": "19.1.6",
 		"copy-files-from-to": "3.12.1",
+		"jsdom": "^26.1.0",
 		"next": "15.4.2-canary.0",
 		"react": "19.1.0",
 		"react-dom": "19.1.0",
@@ -138,6 +145,8 @@
 		"tailwindcss": "4.1.11",
 		"tsc-alias": "1.8.16",
 		"typescript": "5",
+		"vite": "^6.4.1",
+		"vitest": "^3.2.4",
 		"zod": "4.0.5"
 	},
 	"peerDependencies": {
@@ -176,5 +185,10 @@
 		"whenFileExists": "overwrite",
 		"removeSourceMappingURL": true,
 		"ignoreDotFilesAndFolders": false
+	},
+	"pnpm": {
+		"overrides": {
+			"vite": "^6.0.0"
+		}
 	}
 }