@opexa/portal-components 0.0.112 → 0.0.114

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

@@ -0,0 +1,65 @@
+export * from './useAccountQuery';
+export * from './useAuthenticateMutation';
+export * from './useAvailablePromosQuery';
+export * from './useAvailableQuestsQuery';
+export * from './useBetRecordsQuery';
+export * from './useBonusesQuery';
+export * from './useBonusQuery';
+export * from './useCashbackBonusesQuery';
+export * from './useCashbackBonusQuery';
+export * from './useCashbackQuery';
+export * from './useCashbacksQuery';
+export * from './useCheckInDailyCheckInQuestMutation';
+export * from './useChunk';
+export * from './useClaimCashbackBonusMutation';
+export * from './useClaimSpotBonusMutation';
+export * from './useControllableState';
+export * from './useCooldown';
+export * from './useCreateGameSessionMutation';
+export * from './useCreateGCashDepositMutation';
+export * from './useCreateGCashWithdrawalMutation';
+export * from './useCreateInstapayWithdrawalMutation';
+export * from './useCreateMayaAppDepositMutation';
+export * from './useCreateMayaAppWithdrawalMutation';
+export * from './useCreateMayaDepositMutation';
+export * from './useCreateMayaWithdrawalMutation';
+export * from './useCreateOnlineBankDepositMutation';
+export * from './useCreateQRPHDepositMutation';
+export * from './useDepositQuery';
+export * from './useDepositRecordsQuery';
+export * from './useDepositsCountQuery';
+export * from './useDisclosure';
+export * from './useEndGameSessionMutation';
+export * from './useFavoriteGamesQuery';
+export * from './useGamesQuery';
+export * from './useGlobalStore';
+export * from './useInfiniteQueryHelper';
+export * from './useInstapayBankListQuery';
+export * from './useIsMayaSessionValidQuery';
+export * from './useJackpotsQuery';
+export * from './useLocaleInfo';
+export * from './useMarkGameAsFavoriteMutation';
+export * from './useMarkMessageAsReadMutation';
+export * from './useMemberVerificationQuery';
+export * from './useMessagesQuery';
+export * from './useMobileNumberParser';
+export * from './useOnMMA';
+export * from './usePaymentSettingsQuery';
+export * from './usePlatformQuery';
+export * from './useProfileCompletionQuery';
+export * from './usePromoQuery';
+export * from './usePromosQuery';
+export * from './useRemainingTime';
+export * from './useSendVerificationCodeMutation';
+export * from './useSessionQuery';
+export * from './useSignInMutation';
+export * from './useSignOutMutation';
+export * from './useSignUpMutation';
+export * from './useTopWinsQuery';
+export * from './useTournamentsQuery';
+export * from './useTransactionRecordsQuery';
+export * from './useUnmarkGameAsFavoriteMutation';
+export * from './useUnreadMessagesCountQuery';
+export * from './useUpdateAccountMutation';
+export * from './useWalletQuery';
+export * from './useWithdrawalRecordsQuery';

package/dist/client/hooks/index.js

@@ -0,0 +1,65 @@
+export * from './useAccountQuery.js';
+export * from './useAuthenticateMutation.js';
+export * from './useAvailablePromosQuery.js';
+export * from './useAvailableQuestsQuery.js';
+export * from './useBetRecordsQuery.js';
+export * from './useBonusesQuery.js';
+export * from './useBonusQuery.js';
+export * from './useCashbackBonusesQuery.js';
+export * from './useCashbackBonusQuery.js';
+export * from './useCashbackQuery.js';
+export * from './useCashbacksQuery.js';
+export * from './useCheckInDailyCheckInQuestMutation.js';
+export * from './useChunk.js';
+export * from './useClaimCashbackBonusMutation.js';
+export * from './useClaimSpotBonusMutation.js';
+export * from './useControllableState.js';
+export * from './useCooldown.js';
+export * from './useCreateGameSessionMutation.js';
+export * from './useCreateGCashDepositMutation.js';
+export * from './useCreateGCashWithdrawalMutation.js';
+export * from './useCreateInstapayWithdrawalMutation.js';
+export * from './useCreateMayaAppDepositMutation.js';
+export * from './useCreateMayaAppWithdrawalMutation.js';
+export * from './useCreateMayaDepositMutation.js';
+export * from './useCreateMayaWithdrawalMutation.js';
+export * from './useCreateOnlineBankDepositMutation.js';
+export * from './useCreateQRPHDepositMutation.js';
+export * from './useDepositQuery.js';
+export * from './useDepositRecordsQuery.js';
+export * from './useDepositsCountQuery.js';
+export * from './useDisclosure.js';
+export * from './useEndGameSessionMutation.js';
+export * from './useFavoriteGamesQuery.js';
+export * from './useGamesQuery.js';
+export * from './useGlobalStore.js';
+export * from './useInfiniteQueryHelper.js';
+export * from './useInstapayBankListQuery.js';
+export * from './useIsMayaSessionValidQuery.js';
+export * from './useJackpotsQuery.js';
+export * from './useLocaleInfo.js';
+export * from './useMarkGameAsFavoriteMutation.js';
+export * from './useMarkMessageAsReadMutation.js';
+export * from './useMemberVerificationQuery.js';
+export * from './useMessagesQuery.js';
+export * from './useMobileNumberParser.js';
+export * from './useOnMMA.js';
+export * from './usePaymentSettingsQuery.js';
+export * from './usePlatformQuery.js';
+export * from './useProfileCompletionQuery.js';
+export * from './usePromoQuery.js';
+export * from './usePromosQuery.js';
+export * from './useRemainingTime.js';
+export * from './useSendVerificationCodeMutation.js';
+export * from './useSessionQuery.js';
+export * from './useSignInMutation.js';
+export * from './useSignOutMutation.js';
+export * from './useSignUpMutation.js';
+export * from './useTopWinsQuery.js';
+export * from './useTournamentsQuery.js';
+export * from './useTransactionRecordsQuery.js';
+export * from './useUnmarkGameAsFavoriteMutation.js';
+export * from './useUnreadMessagesCountQuery.js';
+export * from './useUpdateAccountMutation.js';
+export * from './useWalletQuery.js';
+export * from './useWithdrawalRecordsQuery.js';

package/dist/client/hooks/useCashbackQuery.js

@@ -3,6 +3,9 @@ import { getCashback } from '../../services/wallet.js';
 import { getCashbackQueryKey } from '../../utils/queryKeys.js';
 export const useCashbackQuery = (id, config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         enabled: !id ? false : config?.enabled,
         queryKey: getCashbackQueryKey(id),

package/dist/client/hooks/useCashbacksQuery.js

@@ -3,6 +3,9 @@ import { getCashbacks } from '../../services/wallet.js';
 import { getCashbacksQueryKey } from '../../utils/queryKeys.js';
 export const useCashbacksQuery = (config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getCashbacksQueryKey(),
         queryFn: async ({ signal }) => {

package/dist/client/hooks/useChunk.js

@@ -1,7 +1,8 @@
 import { chunk } from 'lodash-es';
-import { useState } from 'react';
+import { cache, useState } from 'react';
+const fn = cache(chunk);
 export function useChunk(items, size) {
-    const chunks = chunk(items, size);
+    const chunks = fn(items, size);
     const [currentIndex, setCurrentIndex] = useState(0);
     const currentItems = chunks.at(currentIndex) ?? [];
     const loadedItems = (() => {

package/dist/client/hooks/useFavoriteGamesQuery.js

@@ -7,6 +7,9 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useFavoriteGamesQuery = (config) => {
     const sessionQuery = useSessionQuery();
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useInstapayBankListQuery.js

@@ -7,6 +7,9 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useInstapayBankListQuery = (config) => {
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useJackpotPayoutsQuery.js

@@ -3,6 +3,9 @@ import { getJackpotPayouts, } from '../../services/report.js';
 import { getJackpotPayoutsQueryKey } from '../../utils/queryKeys.js';
 export const useJackpotPayoutsQuery = (input, config) => {
     const query = useInfiniteQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getJackpotPayoutsQueryKey(input),
         queryFn: ({ pageParam, signal }) => {

package/dist/client/hooks/useJackpotsCountQuery.js

@@ -3,6 +3,9 @@ import { getJackpotsCount, } from '../../services/report.js';
 import { getJackpotsCountQueryKey } from '../../utils/queryKeys.js';
 export const useJackpotsCountQuery = (input, config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getJackpotsCountQueryKey(input),
         queryFn: async ({ signal }) => {

package/dist/client/hooks/useJackpotsQuery.js

@@ -3,6 +3,9 @@ import { getJackpots } from '../../services/report.js';
 import { getJackpotsQueryKey } from '../../utils/queryKeys.js';
 export const useJackpotsQuery = (input, config) => {
     const query = useInfiniteQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getJackpotsQueryKey(input),
         queryFn: ({ pageParam, signal }) => {

package/dist/client/hooks/usePlatformQuery.js

@@ -3,6 +3,9 @@ import { getPlatform } from '../../services/portal.js';
 import { getPlatformQueryKey } from '../../utils/queryKeys.js';
 export const usePlatformQuery = (config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getPlatformQueryKey(),
         queryFn: async ({ signal }) => {

package/dist/client/hooks/usePromoQuery.js

@@ -3,6 +3,9 @@ import { getPromo } from '../../services/wallet.js';
 import { getPromoQueryKey } from '../../utils/queryKeys.js';
 export const usePromoQuery = (id, config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         enabled: !id ? false : config?.enabled,
         queryKey: getPromoQueryKey(id),

package/dist/client/hooks/usePromosQuery.js

@@ -3,6 +3,9 @@ import { getPromos } from '../../services/wallet.js';
 import { getPromosQueryKey } from '../../utils/queryKeys.js';
 export const usePromosQuery = (config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getPromosQueryKey(),
         queryFn: async ({ signal }) => {

package/dist/client/hooks/useRecommendedGamesQuery.js

@@ -1,17 +1,20 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getRecommendedGames } from '../../services/portal.js';
-import { getOnboardingStatusQueryKey } from '../../utils/queryKeys.js';
+import { getRecommendedGamesQueryKey } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useRecommendedGamesQuery = (config) => {
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         enabled: config?.enabled === false
             ? false
             : sessionQuery.data?.status === 'authenticated',
-        queryKey: getOnboardingStatusQueryKey(),
+        queryKey: getRecommendedGamesQueryKey(),
         queryFn: async ({ signal }) => {
             const session = await getSession();
             invariant(session.status === 'authenticated');

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

@@ -7,12 +7,12 @@ interface UseRemainingTimeOptions {
     onExpired?: () => void;
 }
 export declare function useRemainingTime(value: Date | string | number, options?: UseRemainingTimeOptions): {
+    subscribe: (subscriber: Subscriber) => () => void;
     days: number;
     hours: number;
     minutes: number;
-    expired: boolean;
     seconds: number;
+    expired: boolean;
     toString(): string;
-    subscribe: (subscriber: Subscriber) => () => void;
 };
 export {};

package/dist/client/hooks/useRemainingTime.js

@@ -1,7 +1,36 @@
 import { differenceInDays, differenceInHours, differenceInMinutes, differenceInSeconds, isAfter, } from 'date-fns';
 import { isNumber, isString, noop } from 'lodash-es';
-import { useRef, useState } from 'react';
+import { cache, useRef, useState } from 'react';
 import { useInterval } from 'usehooks-ts';
+const getRemainingTime = cache((value, compareValue) => {
+    const expiration = isString(value) || isNumber(value) ? new Date(value) : value;
+    const expired = isAfter(compareValue, expiration);
+    const days = expired ? 0 : differenceInDays(expiration, compareValue);
+    const hours = expired
+        ? 0
+        : differenceInHours(expiration, compareValue) - days * 24;
+    const minutes = expired
+        ? 0
+        : differenceInMinutes(expiration, compareValue) -
+            days * 24 * 60 -
+            hours * 60;
+    const seconds = expired
+        ? 0
+        : differenceInSeconds(expiration, compareValue) -
+            days * 24 * 60 * 60 -
+            hours * 60 * 60 -
+            minutes * 60;
+    return {
+        days,
+        hours,
+        minutes,
+        seconds,
+        expired,
+        toString() {
+            return `${days}d:${hours}h:${minutes}m:${seconds}s`;
+        },
+    };
+});
 export function useRemainingTime(value, options = {}) {
     const subscribers = useRef([
         () => {
@@ -21,35 +50,17 @@ export function useRemainingTime(value, options = {}) {
         });
     };
     const [now, setNow] = useState(new Date());
-    const expiration = isString(value) || isNumber(value) ? new Date(value) : value;
-    const expired = isAfter(now, expiration);
-    const days = expired ? 0 : differenceInDays(expiration, now);
-    const hours = expired ? 0 : differenceInHours(expiration, now) - days * 24;
-    const minutes = expired
-        ? 0
-        : differenceInMinutes(expiration, now) - days * 24 * 60 - hours * 60;
-    const seconds = expired
-        ? 0
-        : differenceInSeconds(expiration, now) -
-            days * 24 * 60 * 60 -
-            hours * 60 * 60 -
-            minutes * 60;
+    const exp = isString(value) || isNumber(value) ? new Date(value) : value;
+    const res = getRemainingTime(exp, now);
     useInterval(() => {
         const d = new Date();
         setNow(d);
-        if (isAfter(d, expiration)) {
+        if (isAfter(d, exp)) {
             triggerEvent({ type: 'EXPIRED' });
         }
-    }, expired ? null : 1000);
+    }, res.expired ? null : 1000);
     return {
-        days,
-        hours,
-        minutes,
-        expired,
-        seconds,
-        toString() {
-            return `${days}d:${hours}h:${minutes}m:${seconds}s`;
-        },
+        ...res,
         subscribe,
     };
 }

package/dist/client/hooks/useSiteQuery.js

@@ -1,14 +1,16 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { SITE_ID } from '../../constants/index.js';
 import { getSite } from '../../services/cmsPortal.js';
 import { getSiteQueryKey } from '../../utils/queryKeys.js';
 export const useSiteQuery = (config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getSiteQueryKey(),
         queryFn: async ({ signal }) => {
-            const site = await getSite(SITE_ID, { signal });
+            const site = await getSite({ signal });
             invariant(site);
             return site;
         },

package/dist/client/hooks/useTopWinsQuery.js

@@ -3,6 +3,9 @@ import { getTopWins } from '../../services/portal.js';
 import { getTopWinsQueryKey } from '../../utils/queryKeys.js';
 export const useTopWinsQuery = (config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getTopWinsQueryKey(),
         queryFn: async ({ signal }) => {

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

@@ -0,0 +1,4 @@
+export * from './authenticate';
+export * from './getSession';
+export * from './signIn';
+export * from './signOut';

package/dist/client/services/index.js

@@ -0,0 +1,4 @@
+export * from './authenticate.js';
+export * from './getSession.js';
+export * from './signIn.js';
+export * from './signOut.js';

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

@@ -0,0 +1,3 @@
+export * from './createContext';
+export * from './createRecipeContext';
+export * from './toaster';

package/dist/client/utils/index.js

@@ -0,0 +1,3 @@
+export * from './createContext.js';
+export * from './createRecipeContext.js';
+export * from './toaster.js';

package/dist/components/Bonus/Bonus.client.js

@@ -13,7 +13,7 @@ import piggyBank from '../../images/piggy-bank.png';
 import { Badge } from '../../ui/Badge/index.js';
 import { Collapsible } from '../../ui/Collapsible/index.js';
 import { Progress } from '../../ui/Progress/index.js';
-import { Prose } from '../../ui/Prose/index.js';
+import { Prose } from '../../ui/Prose.js';
 import { capitalize } from '../../utils/capitalize.js';
 import { formatNumber } from '../../utils/formatNumber.js';
 import { parseDecimal } from '../../utils/parseDecimal.js';

package/dist/components/Cashback/Cashback.client.js

@@ -11,7 +11,7 @@ import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
 import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
 import { Button } from '../../ui/Button/index.js';
-import { Prose } from '../../ui/Prose/index.js';
+import { Prose } from '../../ui/Prose.js';
 export function Cashback__client(props) {
     const availablePromosQuery = useAvailablePromosQuery();
     const cashbackQuery = useCashbackQuery(props.id);

package/dist/components/CashbackBonus/CashbackBonus.client.d.ts

@@ -0,0 +1,2 @@
+import type { CashbackBonusProps } from './CashbackBonus';
+export declare function CashbackBonus__client(props: CashbackBonusProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/CashbackBonus/CashbackBonus.client.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import Link from 'next/link';
+import { ChevronLeftIcon, ChevronRightIcon, StopWatchIcon } from '../../icons/index.js';
+import { Badge, Collapsible, Progress, Prose } from '../../ui/index.js';
+export function CashbackBonus__client(props) {
+    return (_jsxs("div", { className: props.className, children: [_jsxs(Link, { href: props.viewAllUrl ?? '/rewards', className: "text-button-tertiary-fg flex items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to Rewards"] }), _jsx(Image, { src: "https://s3.ap-east-1.amazonaws.com/opexa-assets.opexasystem.com/assets/BSxIXEsa59_zzMAR27-ALLDAYREBATE06-STATIC-WEB-HB-1920x1080.png", alt: "", width: 1024, height: 600, className: "mt-3xl h-auto w-full rounded-xl" }), _jsxs(Badge.Root, { size: "lg", round: false, colorScheme: "brand", className: "mt-xl lg:mt-6", children: [_jsx(Badge.Icon, { children: _jsx(StopWatchIcon, {}) }), _jsx(Badge.Label, { children: "9d:10h:11m" })] }), _jsx("h1", { className: "text-text-primary-900 mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: "50 PHP First Deposit Bonus" }), _jsx("p", { className: "text-text-primary-brand mt-xl text-base lg:mt-6 lg:text-lg", children: "Complete the wagering before time runs out to convert your bonus balance into real money!" }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl flex items-center justify-between rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsx("p", { children: "Your bonus" }), _jsxs("p", { children: [_jsx("span", { className: "text-text-primary-900", children: "20.00" }), " / 50.00 PHP"] })] }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl flex items-center justify-between rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsx("p", { children: "Required Turnover" }), _jsx("p", { children: "5x" })] }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { children: "Wagering" }), _jsx("p", { children: "400/1000" })] }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) })] }), _jsxs(Collapsible.Root, { className: "mt-xl lg:mt-6", children: [_jsxs(Collapsible.Trigger, { className: "text-button-tertiary-fg flex w-fit items-center justify-center gap-sm text-sm font-semibold lg:mx-auto", children: ["Game Provider Contribution", _jsx(Collapsible.Indicator, { asChild: true, children: _jsx(ChevronRightIcon, { className: "size-5" }) })] }), _jsxs(Collapsible.Content, { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl space-y-1.5 rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Playson" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "25%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Betsoft Gaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "13%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Microgaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "50%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Realtime Gaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "10%" })] })] })] }), _jsxs(Prose, { className: "mt-xl lg:mt-6", children: [_jsx("h3", { children: "How to get bonus" }), _jsxs("ol", { children: [_jsx("li", { children: "All OFWin members are eligible for this program." }), _jsx("li", { children: "50 PHP of game credit will be automatically credited to the new member account upon completion of first deposit Auctor vel in vitae placerat." }), _jsx("li", { children: "Member must reach a 5x turnover requirement before a withdrawal can be made. Attempting to make a withdrawal before this turnover requirement is completed could cause your bonus to be voided." }), _jsx("li", { children: "Players will have 10 days from the date the bonus is awarded to complete the rollover requirement." }), _jsx("li", { children: "Bets used to meet other bonus rollover requirements will not count toward this promotion." })] }), _jsx("h3", { children: "Terms and Conditions" }), _jsxs("ul", { children: [_jsx("li", { children: "Only one account per player is allowed. No same IP address/bank account name allowed. Players who have multiple or fraudulent accounts will not be qualified for the promotion." }), _jsx("li", { children: "Players that are found to have any duplicate accounts or those who participate in fraudulent activities may have their funds forfeited and their accounts closed." }), _jsx("li", { children: "OFWin reserves the right to amend or cancel this Referral Program at any time. OFWin General Terms and Conditions apply." })] })] })] }));
+}

package/dist/components/CashbackBonus/CashbackBonus.d.ts

@@ -0,0 +1,10 @@
+export interface CashbackBonusProps {
+    id: string;
+    className?: string;
+    /**
+     * @description URL for the bonuses details page
+     * @default "/rewards"
+     */
+    viewAllUrl?: string;
+}
+export declare function CashbackBonus(props: CashbackBonusProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/CashbackBonus/CashbackBonus.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CashbackBonus__client } from './CashbackBonus.client.js';
+export async function CashbackBonus(props) {
+    return _jsx(CashbackBonus__client, { ...props });
+}

package/dist/components/CashbackBonus/index.d.ts

@@ -0,0 +1 @@
+export * from './CashbackBonus';

package/dist/components/CashbackBonus/index.js

@@ -0,0 +1 @@
+export * from './CashbackBonus.js';

package/dist/components/Disclaimer/DisclaimerV2.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Image from 'next/image';
 import { useRef, useState } from 'react';
-import pagcorLogo from '../../images/pagcor.png';
+import pagcorLogo from '../../images/pagcor2.png';
 import responsibleGamingLogo from '../../images/responsible-gaming.png';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
@@ -15,8 +15,10 @@ export function DisclaimerV2(props) {
     const acceptTriggerRef = useRef(null);
     const [isResponsibleGamingOpen, setResponsibleGamingOpen] = useState(false);
     const [isTermsOfUseOpen, setTermsOfUseOpen] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(ResponsibleGaming, { responsibleGamingContent: props.responsibleGamingContent, logo: props.logo, open: isResponsibleGamingOpen, onCloseAction: () => setResponsibleGamingOpen(false) }), _jsx(TermsOfUse, { termsOfUseContent: props.termsOfUseContent, siteName: props.siteName, logo: props.logo, open: isTermsOfUseOpen, onCloseAction: () => setTermsOfUseOpen(false) }), _jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, initialFocusEl: () => acceptTriggerRef.current, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { style: { zIndex: 50 } }), _jsx(Dialog.Positioner, { style: { zIndex: 51 }, children: _jsxs(Dialog.Content, { className: "z-1 flex h-full w-full flex-col items-start p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsxs(Dialog.Title, { className: "mt-3xl text-center text-lg font-semibold", children: ["Please read our \u00A0", _jsx("button", { type: "button", className: "text-brand-400 underline underline-offset-2", onClick: () => {
-                                                            setResponsibleGamingOpen(true);
-                                                        }, children: "Responsible Gaming" }), "guidelines carefully:"] }), _jsxs(Dialog.Description, { className: "mt-4 text-sm", children: [_jsxs("ul", { className: "space-y-1 text-left", children: [_jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "I am over 21 years of age."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "I am not a government official, or employee connected directly with the operation of the Government or any of its agencies, member of the Armed Forces of the Philippines, including the Army, Navy, Air Force, or the Philippine National Police."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), _jsxs("div", { children: ["I have read and agreed to \u00A0", _jsxs("button", { type: "button", className: "text-brand-400 underline underline-offset-2", onClick: () => setTermsOfUseOpen(true), children: [props.siteName, " Terms of Use"] })] })] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "I am not a Gaming Employment License (GEL) holder."] })] }), _jsx("div", { className: "mt-4", children: "Fund or credits in the account of player who is found ineligible to play shall mean forfeiture of said fund/credits in favor of the Government." })] }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[88px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[62px] w-auto shrink-0", draggable: false })] })] }), _jsx(Button, { ref: acceptTriggerRef, type: "button", className: "mt-4xl", onClick: disclaimer.close, children: "Proceed" }), _jsx(Button, { type: "button", className: "mt-3", onClick: disclaimer.close, variant: "outline", children: "Exit" })] }) })] }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ResponsibleGaming, { responsibleGamingContent: props.responsibleGamingContent, logo: props.logo, open: isResponsibleGamingOpen, onCloseAction: () => setResponsibleGamingOpen(false) }), _jsx(TermsOfUse, { termsOfUseContent: props.termsOfUseContent, siteName: props.siteName, logo: props.logo, open: isTermsOfUseOpen, onCloseAction: () => setTermsOfUseOpen(false) }), _jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, initialFocusEl: () => acceptTriggerRef.current, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: 'z-sticky' }), _jsx(Dialog.Positioner, { className: 'z-sticky', children: _jsxs(Dialog.Content, { className: " flex h-full w-full flex-col items-start gap-y-4 p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "flex w-full items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false })] }), _jsx("div", { className: "text-sm", children: "The following individuals are prohibited from registering or participating in this online gaming platform." }), _jsx("div", { className: "w-full grow", children: _jsxs(Dialog.Description, { className: "space-y-4 text-sm", children: [_jsxs("ul", { className: "space-y-1.5 text-left", children: [_jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Persons below the legal gambling age of 21."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Any government official or employee directly involved in the operations of the government or its agencies."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Member of the Armed Forces of the Philippines, including the Army, Navy, Air Force and the Philippine National Police."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Individuals listed in PAGCOR's National Database of Restricted Persons (NDRP)"] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Holders of a valid Gaming Employment License (GEL)"] })] }), _jsxs("div", { children: ["I have read and agreed to ", props.siteName, ' ', _jsx("button", { type: "button", className: "text-brand-400 underline underline-offset-2", onClick: () => {
+                                                                setTermsOfUseOpen(true);
+                                                            }, children: "Terms of Use" }), ' ', "and", ' ', _jsx("button", { type: "button", className: "text-brand-400 underline underline-offset-2", onClick: () => {
+                                                                setResponsibleGamingOpen(true);
+                                                            }, children: "Responsible Gaming" })] }), _jsx("div", { children: "Funds or credits in the account of any individual found ineligible to participate will be forfeited and turned over to the government as required by law" })] }) }), _jsxs("div", { className: "mt-4 flex w-full gap-3", children: [_jsx(Button, { type: "button", onClick: disclaimer.close, variant: "outline", children: "Exit" }), _jsx(Button, { ref: acceptTriggerRef, type: "button", onClick: disclaimer.close, children: "Accept" })] })] }) })] }) })] }));
 }
 const Circle = () => (_jsx("div", { children: _jsx("div", { className: "border-brand-400 flex h-4.5 w-4.5 items-center justify-center rounded-full border", children: _jsx("div", { className: "bg-brand-400 h-3 w-3 rounded-full" }) }) }));

package/dist/components/Empty.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentProps, ComponentType } from 'react';
+export interface EmptyProps {
+    icon: ComponentType<ComponentProps<'svg'>>;
+    title: string;
+    message: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare function Empty(props: EmptyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Empty.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Empty(props) {
+    return (_jsxs("div", { role: "alert", "aria-live": "polite", style: props.style, className: props.className, children: [_jsxs("div", { className: "relative mx-auto w-[9.5rem] pt-4", children: [_jsx("div", { className: "bg-utility-gray-200 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full" }), _jsx(CloudIcon, { className: "relative h-auto w-full shrink-0" }), _jsx("div", { className: "bg-utility-gray-200/40 absolute bottom-2 left-1/2 flex size-12 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm", children: _jsx(props.icon, { className: "size-6 text-white" }) }), _jsx("div", { className: "bg-utility-gray-200 absolute left-4 top-3.5 size-2.5 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute bottom-0.5 left-3 size-3.5 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute right-3.5 top-1 size-2 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute right-0 top-6.5 size-3.5 rounded-full" })] }), _jsx("h2", { className: "mt-xl text-center font-semibold", children: props.title }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: props.message })] }));
+}
+function CloudIcon(props) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 152 104", fill: "none", ...props, children: [_jsxs("g", { filter: "url(#filter0_dd_2719_19242)", children: [_jsx("path", { d: "M77.6 0C66.8273 0 57.2978 5.32329 51.4987 13.4829C49.605 13.0363 47.6301 12.8 45.6 12.8C31.4615 12.8 20 24.2615 20 38.4C20 52.5385 31.4615 64 45.6 64L109.6 64C121.971 64 132 53.9712 132 41.6C132 29.2288 121.971 19.2 109.6 19.2C108.721 19.2 107.854 19.2506 107.002 19.349C102.098 7.9677 90.7797 0 77.6 0Z", fill: "#F9FAFB" }), _jsx("ellipse", { cx: "45.6", cy: "38.4008", rx: "25.6", ry: "25.6", fill: "url(#paint0_linear_2719_19242)" }), _jsx("circle", { cx: "77.6", cy: "32", r: "32", fill: "url(#paint1_linear_2719_19242)" }), _jsx("ellipse", { cx: "109.6", cy: "41.5992", rx: "22.4", ry: "22.4", fill: "url(#paint2_linear_2719_19242)" })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "filter0_dd_2719_19242", x: "0", y: "0", width: "152", height: "104", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2719_19242" }), _jsx("feOffset", { dy: "8" }), _jsx("feGaussianBlur", { stdDeviation: "4" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2719_19242" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_2719_19242" }), _jsx("feOffset", { dy: "20" }), _jsx("feGaussianBlur", { stdDeviation: "12" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), _jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2719_19242", result: "effect2_dropShadow_2719_19242" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2719_19242", result: "shape" })] }), _jsxs("linearGradient", { id: "paint0_linear_2719_19242", x1: "25.9429", y1: "21.4865", x2: "71.2", y2: "64.0007", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "paint1_linear_2719_19242", x1: "53.0286", y1: "10.8571", x2: "109.6", y2: "64", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "paint2_linear_2719_19242", x1: "92.4", y1: "26.7992", x2: "132", y2: "63.9992", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] })] })] }));
+}

package/dist/components/FavoriteGames/FavoriteGames.client.js

@@ -1,6 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import useEmblaCarousel from 'embla-carousel-react';
 import Image from 'next/image';
+import { useCallback, useEffect, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { useFavoriteGamesQuery } from '../../client/hooks/useFavoriteGamesQuery.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
@@ -12,11 +14,31 @@ import { Button } from '../../ui/Button/index.js';
 import { getGameImageUrl } from '../../utils/getGameImageUrl.js';
 import { GameLaunchTrigger } from '../GameLaunch/index.js';
 export function FavoriteGames__client(props) {
+    const [emblaRef, emblaApi] = useEmblaCarousel({
+        align: 'start',
+        slidesToScroll: 1,
+    });
+    const [prevBtnDisabled, setPrevBtnDisabled] = useState(true);
+    const [nextBtnDisabled, setNextBtnDisabled] = useState(true);
+    const onPrevButtonClick = useCallback(() => emblaApi?.scrollPrev(), [emblaApi]);
+    const onNextButtonClick = useCallback(async () => {
+        emblaApi?.scrollNext();
+    }, [emblaApi]);
+    const onSelect = useCallback((emblaApi) => {
+        setPrevBtnDisabled(!emblaApi?.canScrollPrev());
+        setNextBtnDisabled(!emblaApi?.canScrollNext());
+    }, []);
+    useEffect(() => {
+        if (!emblaApi)
+            return;
+        onSelect(emblaApi);
+        emblaApi.on('reInit', onSelect).on('select', onSelect);
+    }, [emblaApi, onSelect]);
     const gamesQuery = useFavoriteGamesQuery();
     const games = gamesQuery.data ?? [];
     if (games.length <= 0)
         return null;
-    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "text-lg font-semibold", children: props.heading ?? 'Favorite Games' }), _jsx("div", { className: "grow" }), _jsx("div", { className: "flex items-center justify-center gap-xl", children: _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] }) })] }), _jsx("div", { className: "relative mt-lg lg:overflow-hidden", children: _jsx("div", { className: twMerge('grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col grid-rows-1 gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md'), children: games.map((game) => (_jsx(Item, { game: game }, game.id))) }) })] }));
+    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "text-lg font-semibold", children: props.heading ?? 'Favorite Games' }), _jsx("div", { className: "grow" }), _jsx("div", { className: "flex items-center justify-center gap-xl", children: _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", onClick: onPrevButtonClick, disabled: prevBtnDisabled, "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", onClick: onNextButtonClick, disabled: nextBtnDisabled, "aria-label": "Next", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] }) })] }), _jsx("div", { ref: emblaRef, className: "relative mt-lg lg:overflow-hidden", children: _jsx("div", { className: twMerge('grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col grid-rows-1 gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md'), children: games.map((game) => (_jsx(Item, { game: game }, game.id))) }) })] }));
 }
 function Item({ game }) {
     const sessionQuery = useSessionQuery();

package/dist/components/GameLaunch/GameLaunch.lazy.js

@@ -21,7 +21,7 @@ import { AlertDialog } from '../../ui/AlertDialog/index.js';
 import { Button } from '../../ui/Button/index.js';
 import { IconButton } from '../../ui/IconButton/index.js';
 import { Portal } from '../../ui/Portal/index.js';
-import { Presence } from '../../ui/Presence/index.js';
+import { Presence } from '../../ui/Presence.js';
 export function GameLaunch() {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         gameLaunch: ctx.gameLaunch,