@opexa/portal-components 0.0.216 → 0.0.218

package/dist/components/Bonuses/Bonuses.client.js

@@ -4,6 +4,7 @@ import { clamp } from 'lodash-es';
 import Image from 'next/image';
 import Link from 'next/link';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
+import { useMemo } from 'react';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useBonusesQuery } from '../../client/hooks/useBonusesQuery.js';
@@ -41,11 +42,12 @@ export function Bonuses__client(props) {
         params.set('tab', tab);
         router.push(`${pathname}?${params.toString()}`);
     };
+    const currentDate = useMemo(() => new Date(), []);
     const bonusesQuery = useBonusesQuery({
         ...(tab === 'active' && {
             filter: {
                 expiration: {
-                    greaterThanOrEqual: new Date(),
+                    greaterThanOrEqual: currentDate,
                 },
             },
         }),
@@ -60,7 +62,8 @@ export function Bonuses__client(props) {
     const cashbackBonuses = cashbackBonusesQuery.data ?? [];
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: props.className, children: [_jsx("h2", { className: "text-lg font-semibold", children: props.heading ?? 'Rewards' }), _jsxs(SegmentGroup.Root, { value: tab, onValueChange: (details) => {
                             setTab(TabSchema.parse(details.value));
-                        }, className: "mt-3", children: [_jsxs(SegmentGroup.Item, { value: "all", children: [_jsx(SegmentGroup.ItemText, { children: "All" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "active", children: [_jsx(SegmentGroup.ItemText, { children: "Active" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "cashbacks", children: [_jsx(SegmentGroup.ItemText, { children: "Cashbacks" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsx(SegmentGroup.Indicator, {})] }), _jsxs("div", { className: "mt-3xl grid gap-3xl lg:mt-lg lg:grid-cols-3", children: [tab === 'all' && _jsx(SpotBonus, {}), bonuses.map((bonus) => (_jsx(Bonus, { data: bonus, viewDetailsUrl: props.viewBonusDetailsUrl ?? '/rewards' }, bonus.id))), cashbackBonuses.map((cashbackBonus) => (_jsx(CashbackBonus, { data: cashbackBonus }, cashbackBonus.id)))] })] }), _jsx(ClaimSpotBonus, {})] }));
+                        }, className: "mt-3", children: [_jsxs(SegmentGroup.Item, { value: "all", children: [_jsx(SegmentGroup.ItemText, { children: "All" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "active", children: [_jsx(SegmentGroup.ItemText, { children: "Active" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "cashbacks", children: [_jsx(SegmentGroup.ItemText, { children: "Cashbacks" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsx(SegmentGroup.Indicator, {})] }), _jsxs("div", { className: "mt-3xl grid gap-3xl lg:mt-lg lg:grid-cols-3", children: [tab === 'all' && _jsx(SpotBonus, {}), tab !== 'cashbacks' &&
+                                bonuses.map((bonus) => (_jsx(Bonus, { data: bonus, viewDetailsUrl: props.viewBonusDetailsUrl ?? '/rewards' }, bonus.id))), cashbackBonuses.map((cashbackBonus) => (_jsx(CashbackBonus, { data: cashbackBonus }, cashbackBonus.id)))] })] }), _jsx(ClaimSpotBonus, {})] }));
 }
 function Bonus(props) {
     const bonus = props.data;
@@ -75,7 +78,7 @@ function Bonus(props) {
                                     currency: localeInfo.currency.code,
                                 }) }), _jsxs("p", { className: "text-text-secondary-700 text-xl font-semibold leading-none", children: ["/\u00A0", formatNumber(bonus.amount, {
                                         currency: localeInfo.currency.code,
-                                    })] })] }), _jsxs("div", { className: "text-text-primary-brand mt-md flex justify-between", children: [_jsxs("p", { children: ["Wagering ", currentTurnoverRequirementContributionPercentage, "%"] }), _jsxs("p", { children: [currentTurnoverRequirementContributionPercentage, "/", turnoverRequirement] })] }), _jsx(Progress.Root, { min: 0, max: 100, value: clamp(currentTurnoverRequirementContributionPercentage, 0, 100), className: "mt-2", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("div", { className: "grow" }), _jsx(Button, { size: "sm", variant: "outline", className: "mt-6", asChild: true, children: _jsx(Link, { href: `${props.viewDetailsUrl}/${bonus.id}`, children: "See More" }) })] })] }));
+                                    })] })] }), _jsxs("div", { className: "text-text-primary-brand mt-md flex justify-between", children: [_jsxs("p", { children: ["Wagering ", currentTurnoverRequirementContributionPercentage, "%"] }), _jsxs("p", { children: [bonus.currentTurnoverRequirementContribution, "/", turnoverRequirement] })] }), _jsx(Progress.Root, { min: 0, max: 100, value: clamp(currentTurnoverRequirementContributionPercentage, 0, 100), className: "mt-2", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("div", { className: "grow" }), _jsx(Button, { size: "sm", variant: "outline", className: "mt-6", asChild: true, children: _jsx(Link, { href: `${props.viewDetailsUrl}/${bonus.id}`, children: "See More" }) })] })] }));
 }
 function CashbackBonus(props) {
     const bonus = props.data;

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -6,7 +6,6 @@ import { useCreateGameSessionMutation } from '../../client/hooks/useCreateGameSe
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { toaster } from '../../client/utils/toaster.js';
-import { isBetween3amAnd3pm } from '../../utils/isBetween3amAnd3pm.js';
 export function GameLaunchTrigger(props) {
     const sessionQuery = useSessionQuery();
     const createGameSessionMutation = useCreateGameSessionMutation();
@@ -26,11 +25,6 @@ export function GameLaunchTrigger(props) {
             : globalStore.gameLaunch.details.status === 'WAITING'
                 ? 'closed'
                 : 'open', ...props, disabled: disabled, onClick: async (e) => {
-            const OFFLINE_BEFORE_3_GAMES = ['Marble Race', 'Rainbow Ball'];
-            if (OFFLINE_BEFORE_3_GAMES.includes(props.game.name) &&
-                !isBetween3amAnd3pm()) {
-                return;
-            }
             if (sessionQuery.data?.status === 'unauthenticated') {
                 globalStore.signIn.setOpen(true);
                 return props.onClick?.(e);

package/dist/components/KYC/KYCReminder.lazy.js

@@ -3,6 +3,7 @@ import { useShallow } from 'zustand/shallow';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
+import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { FileCheck02Icon } from '../../icons/FileCheck02Icon.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Button } from '../../ui/Button/index.js';
@@ -13,15 +14,21 @@ export function KYCReminder(props) {
         kyc: ctx.kyc,
         kycReminder: ctx.kycReminder,
     })));
-    const { data: account } = useAccountQuery();
-    const { data: verification } = useMemberVerificationQuery();
+    const { data: session, isLoading: sessionLoading } = useSessionQuery();
+    const { data: account, isLoading: accountLoading } = useAccountQuery();
+    const { data: verification, isLoading: verificationLoading } = useMemberVerificationQuery();
     const isBasicInfoCompleted = account?.realName !== null && account?.birthDay !== null;
     const isUploadCompleted = verification &&
         verification.idFrontImage !== null &&
         verification.selfieImage !== null;
-    const isRejected = Boolean(verification?.status === 'REJECTED');
+    const isRejected = verification?.status === 'REJECTED';
     const hasMissingData = !isBasicInfoCompleted || !isUploadCompleted || isRejected;
-    return (_jsx(Dialog.Root, { open: globalStore.kycReminder.open && hasMissingData, onOpenChange: (details) => {
+    return (_jsx(Dialog.Root, { open: globalStore.kycReminder.open &&
+            !sessionLoading &&
+            !accountLoading &&
+            !verificationLoading &&
+            session?.status === 'authenticated' &&
+            hasMissingData, onOpenChange: (details) => {
             globalStore.kycReminder.setOpen(details.open);
         }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt mx-auto h-fit max-w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "bg-bg-warning-secondary mx-auto w-fit rounded-full p-2", children: _jsx(FileCheck02Icon, { className: "text-[#FEDF89]" }) }), _jsx("h2", { className: "text-lg text-white", children: "Personal Verification" }), _jsxs("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: ["All new users are required to complete identity verification to access the full range of ", props.siteName, " services, including withdrawals."] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "mt-3xl space-y-lg", children: [_jsx(Button, { onClick: () => {
                                                         api.setOpen(false);

package/dist/services/queries.d.ts

@@ -83,7 +83,7 @@ export declare const UPDATE_MEMBER_VERIFICATION__NEXT = "\n  mutation UpdateMemb
 export declare const PROFILE_COMPLETION = "\n  query ProfileCompletion {\n    profileCompletion {\n      completionPercentage\n      personalInformation\n      accountVerification\n      mobileNumberVerification\n      transactionPassword\n      accountPassword\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT_BY_MOBILE_NUMBER = "\n  mutation RegisterMemberAccountByMobileNumber(\n    $input: RegisterMemberAccountByMobileNumberInput!\n    $mobileNumberVerificationCode: String!\n  ) {\n    registerMemberAccountByMobileNumber(\n      input: $input\n      mobileNumberVerificationCode: $mobileNumberVerificationCode\n    ) {\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const PLATFORM = "\n  query Platform {\n    timezone\n    currency\n  }\n";
-export declare const PAYMENT_SETTINGS = "\n  fragment DepositGatewaySettingsCoreData on DepositGatewaySettings {\n    minimumAmount\n    maximumAmount\n    webEnabled\n    mobileWebEnabled\n    androidEnabled\n    iosEnabled\n    bankAccountName\n    bankAccountNumber\n    bankIFSCCode\n    upiId\n    upiQRCode {\n      id\n      url\n    }\n  }\n\n  fragment WithdrawalGatewaySettingsCoreData on WithdrawalGatewaySettings {\n    minimumAmount\n    maximumAmount\n    webEnabled\n    mobileWebEnabled\n    androidEnabled\n    iosEnabled\n  }\n\n  query PaymentSettings {\n    minimumFirstDepositAmount\n    restrictWithdrawalsToVerifiedMembers\n    bankDepositGatewaySettings: depositGatewaySettings(gateway: BANK) {\n      ...DepositGatewaySettingsCoreData\n    }\n    libanganDepositGatewaySettings: depositGatewaySettings(gateway: LIBANGAN) {\n      ...DepositGatewaySettingsCoreData\n    }\n    gcashDepositGatewaySettings: depositGatewaySettings(gateway: GCASH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    mayaDepositGatewaySettings: depositGatewaySettings(gateway: MAYA) {\n      ...DepositGatewaySettingsCoreData\n    }\n    mayaAppDepositGatewaySettings: depositGatewaySettings(gateway: MAYA_APP) {\n      ...DepositGatewaySettingsCoreData\n    }\n    onlineBankDepositGatewaySettings: depositGatewaySettings(\n      gateway: ONLINE_BANK\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    qrphDepositGatewaySettings: depositGatewaySettings(gateway: QR_PH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    manualBankDepositGatewaySettings: depositGatewaySettings(\n      gateway: MANUAL_BANK\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    manualUPIDepositGatewaySettings: depositGatewaySettings(\n      gateway: MANUAL_UPI\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    bankWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: BANK) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    gcashWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: GCASH) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    mayaWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: MAYA) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    mayaAppWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MAYA_APP\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    instapayWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: INSTAPAY\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    manualBankWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MANUAL_BANK\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    manualUPIWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MANUAL_UPI\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    ventajaWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: VENTAJA\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n  }\n";
+export declare const PAYMENT_SETTINGS = "\n  fragment DepositGatewaySettingsCoreData on DepositGatewaySettings {\n    minimumAmount\n    maximumAmount\n    webEnabled\n    mobileWebEnabled\n    androidEnabled\n    iosEnabled\n    bankAccountName\n    bankAccountNumber\n    bankIFSCCode\n    upiId\n    upiQRCode {\n      id\n      url\n    }\n  }\n\n  fragment WithdrawalGatewaySettingsCoreData on WithdrawalGatewaySettings {\n    minimumAmount\n    maximumAmount\n    webEnabled\n    mobileWebEnabled\n    androidEnabled\n    iosEnabled\n  }\n\n  query PaymentSettings {\n    minimumFirstDepositAmount\n    restrictWithdrawalsToVerifiedMembers\n    bankDepositGatewaySettings: depositGatewaySettings(gateway: BANK) {\n      ...DepositGatewaySettingsCoreData\n    }\n    libanganDepositGatewaySettings: depositGatewaySettings(gateway: LIBANGAN) {\n      ...DepositGatewaySettingsCoreData\n    }\n    gcashDepositGatewaySettings: depositGatewaySettings(gateway: GCASH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    mayaDepositGatewaySettings: depositGatewaySettings(gateway: MAYA) {\n      ...DepositGatewaySettingsCoreData\n    }\n    mayaAppDepositGatewaySettings: depositGatewaySettings(gateway: MAYA_APP) {\n      ...DepositGatewaySettingsCoreData\n    }\n    onlineBankDepositGatewaySettings: depositGatewaySettings(\n      gateway: ONLINE_BANK\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    qrphDepositGatewaySettings: depositGatewaySettings(gateway: QR_PH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    manualBankDepositGatewaySettings: depositGatewaySettings(\n      gateway: MANUAL_BANK\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    manualUPIDepositGatewaySettings: depositGatewaySettings(\n      gateway: MANUAL_UPI\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    pisoPayDepositGatewaySettings: depositGatewaySettings(\n      gateway: PISO_PAY_CHECKOUT\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    bankWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: BANK) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    gcashWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: GCASH) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    mayaWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: MAYA) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    mayaAppWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MAYA_APP\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    instapayWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: INSTAPAY\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    manualBankWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MANUAL_BANK\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    manualUPIWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MANUAL_UPI\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    ventajaWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: VENTAJA\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    pisoPayWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: PISO_PAY_REMITTANCE\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n  }\n";
 export declare const MAYA_SESSION = "\n  query MayaSession($id: ObjectId!) {\n    mayaSession(id: $id) {\n      id\n      member\n      dateTimeCreated\n    }\n  }\n";
 export declare const VALIDATE_MAYA_SESSION = "\n  mutation ValidateMayaSession {\n    validateMayaSession: validMayaSession\n  }\n";
 export declare const ACTIVITY_RECORDS = "\n  query ActivityRecords(\n    $after: Cursor\n    $first: Int\n    $filter: ActivityRecordsFilterInput\n  ) {\n    member {\n      activityRecords(after: $after, first: $first, filter: $filter) {\n        edges {\n          cursor\n          node {\n            ... on MemberActivity {\n              id\n              type\n              amount\n              details\n              dateTimeCreated\n            }\n          }\n        }\n        totalCount\n        pageInfo {\n          hasNextPage\n          endCursor\n        }\n      }\n    }\n  }\n";

package/dist/services/queries.js

@@ -1891,6 +1891,11 @@ export const PAYMENT_SETTINGS = /* GraphQL */ `
     ) {
       ...DepositGatewaySettingsCoreData
     }
+    pisoPayDepositGatewaySettings: depositGatewaySettings(
+      gateway: PISO_PAY_CHECKOUT
+    ) {
+      ...DepositGatewaySettingsCoreData
+    }
     bankWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: BANK) {
       ...WithdrawalGatewaySettingsCoreData
     }
@@ -1925,6 +1930,11 @@ export const PAYMENT_SETTINGS = /* GraphQL */ `
     ) {
       ...WithdrawalGatewaySettingsCoreData
     }
+    pisoPayWithdrawalGatewaySettings: withdrawalGatewaySettings(
+      gateway: PISO_PAY_REMITTANCE
+    ) {
+      ...WithdrawalGatewaySettingsCoreData
+    }
   }
 `;
 export const MAYA_SESSION = /* GraphQL */ `

package/dist/utils/getGameImageUrl.d.ts

@@ -10,5 +10,5 @@ type Args = {
     provider: GameProvider;
     version?: string;
 };
-export declare function getGameImageUrl<T extends Args>(args: T): string;
+export declare const getGameImageUrl: <T extends Args>(args: T) => string;
 export {};

package/dist/utils/getGameImageUrl.js

@@ -1,21 +1,25 @@
+import { cache } from 'react';
 import { STATIC_ENDPOINT } from '../constants/index.js';
-import { MARBLE_GAME_REFENCE, RAINBOW_BALL_REFERENCE } from './constants.js';
-import { isBetween3amAnd3pm } from './isBetween3amAnd3pm.js';
+const MARBLE_GAME_REFERENCE = 'Hwd1wEWHU6Gvfwecuh';
+const RAINBOW_BALL_REFERENCE = 'HwdcKd7wDpwSPHGksq';
 const VERSION = '1';
-export function getGameImageUrl(args) {
+export const getGameImageUrl = cache((args) => {
     const id = args.id ?? args.reference;
     const provider = args.provider.toLocaleLowerCase();
     const version = args.version ?? VERSION;
+    const now = new Date();
+    const hour = now.getHours();
+    const isBetween3amAnd3pm = hour >= 15 || hour < 3;
     const marbleGameOffline = `${STATIC_ENDPOINT}/images/${provider}/marble-game-offline.webp?_v=${version}`;
     const marbleGameOnline = `${STATIC_ENDPOINT}/images/${provider}/marble-game.webp?_v=${version}`;
     const rainbowBallOffline = `${STATIC_ENDPOINT}/images/${provider}/rainbow-ball-offline.webp?_v=${version}`;
     const rainbowBallOnline = `${STATIC_ENDPOINT}/images/${provider}/rainbow-ball-online.webp?_v=${version}`;
     switch (id) {
-        case MARBLE_GAME_REFENCE:
-            return isBetween3amAnd3pm() ? marbleGameOnline : marbleGameOffline;
+        case MARBLE_GAME_REFERENCE:
+            return isBetween3amAnd3pm ? marbleGameOnline : marbleGameOffline;
         case RAINBOW_BALL_REFERENCE:
-            return isBetween3amAnd3pm() ? rainbowBallOnline : rainbowBallOffline;
+            return isBetween3amAnd3pm ? rainbowBallOnline : rainbowBallOffline;
         default:
             return `${STATIC_ENDPOINT}/images/${provider}/thumbnail-${id}.webp?_v=${version}`;
     }
-}
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.216",
+  "version": "0.0.218",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",