@opexa/portal-components 0.0.219 → 0.0.220

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/useCreateDigitainGameSessionMutatio.d.ts

@@ -1,2 +1,2 @@
 import type { FavoriteGame, Game, GameSession, Mutation } from '../../types';
-export declare const useCreateDigitainGameSessionMutatio: Mutation<GameSession | null, Game | FavoriteGame>;
+export declare const useCreateDigitainGameSessionMutation: Mutation<GameSession | null, Game | FavoriteGame>;

package/dist/client/hooks/useCreateDigitainGameSessionMutatio.js

@@ -6,13 +6,19 @@ import { createGameSession, getGameSession } from '../../services/wallet.js';
 import { createPoll } from '../../utils/createPoll.js';
 import { getCreateDigitainGameSessionMutationKey } from '../../utils/mutationKeys.js';
 import { getSession } from '../services/getSession.js';
-export const useCreateDigitainGameSessionMutatio = (config) => {
+import { useSessionQuery } from './useSessionQuery.js';
+export const useCreateDigitainGameSessionMutation = (config) => {
+    const session = useSessionQuery();
     return useMutation({
         ...config,
-        mutationKey: getCreateDigitainGameSessionMutationKey(),
+        mutationKey: [
+            getCreateDigitainGameSessionMutationKey(),
+            session.data?.status,
+        ],
         mutationFn: async (game) => {
             const id = ObjectId.generate(ObjectType.GameSession).toString();
             const session = await getSession();
+            console.log('Creating Digitain game session');
             invariant(session.status === 'authenticated');
             await createGameSession({
                 id,

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/CustomPromo/CustomPromo.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import Image from 'next/image';
 import Link from 'next/link';
 import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
-import { Prose } from '../../ui/Prose/index.js';
+import { Prose } from '../../ui/Prose.js';
 import { stripTags } from '../../utils/stripTags.js';
 export function CustomPromo(props) {
     return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "og:title", content: props.promo.name }), _jsx("meta", { name: "og:description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "og:image", content: props.promo.banner }), _jsx("meta", { name: "twitter:title", content: props.promo.name }), _jsx("meta", { name: "twitter:description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "twitter:image", content: props.promo.banner }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsxs("div", { className: props.className, children: [_jsxs(Link, { href: props.viewAllPromosUrl ?? '/promos', className: "text-button-tertiary-fg flex w-fit items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all Promotions"] }), _jsx(Image, { src: props.promo.banner, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-xl h-auto w-full rounded-xl lg:mt-6" }), _jsx("h1", { className: "mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: props.promo.name }), _jsx(Prose, { className: "mt-2xl lg:mt-6", dangerouslySetInnerHTML: {

package/dist/components/DigitainLauncher/DigitainLauncher.d.ts

@@ -0,0 +1,4 @@
+export interface DigitainBootstrapperParams {
+    hostname: string;
+}
+export declare function DigitainLauncher(props: DigitainBootstrapperParams): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/DigitainLauncher/DigitainLauncher.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Script from 'next/script';
+import { getSession } from '../../server/services/getSession.js';
+import { DigitainContainer } from './DigitianContainter.js';
+import { defaultDigitainParams, getDigitainLaunchToken } from './utils.js';
+export async function DigitainLauncher(props) {
+    const session = await getSession();
+    const params = defaultDigitainParams;
+    if (session.status === 'authenticated') {
+        params.token = await getDigitainLaunchToken();
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(Script, { src: `//${props.hostname}/js/partner/bootstrapper.min.js` }), _jsx(DigitainContainer, { params: params })] }));
+}

package/dist/components/DigitainLauncher/DigitianContainter.d.ts

@@ -0,0 +1,5 @@
+import type { DigitainBootstrapperParams } from './types';
+export interface DigitainContainerProps {
+    params: DigitainBootstrapperParams;
+}
+export declare function DigitainContainer(props: DigitainContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DigitainLauncher/DigitianContainter.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useCreateDigitainGameSessionMutation } from '../../client/hooks/useCreateDigitainGameSessionMutatio.js';
+import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
+export function DigitainContainer(props) {
+    const session = useSessionQuery();
+    const [loading, setLoading] = useState(false);
+    const [sportsBookLoaded, setSportsBookLoaded] = useState(false);
+    const digitainSession = useCreateDigitainGameSessionMutation();
+    useEffect(() => {
+        console.log('did account change?', session.data?.status);
+        setLoading(true);
+        let attempts = 0;
+        const maxAttempts = 5; // e.g. wait up to ~10 seconds
+        console.log('Waiting for Bootstrapper to load...');
+        function checkAndBoot() {
+            if (typeof window !== 'undefined' && window.Bootstrapper) {
+                const params = {
+                    ...props.params,
+                    token: digitainSession.data?.launchUrl,
+                };
+                window.Bootstrapper.boot(params, { name: 'AsianView' }).then(() => {
+                    console.log('Sportsbook booted!');
+                });
+                setLoading(false);
+                setSportsBookLoaded(true);
+                clearInterval(intervalId);
+            }
+            else if (++attempts >= maxAttempts) {
+                setLoading(false);
+                console.warn('Bootstrapper did not load in time.');
+                clearInterval(intervalId);
+            }
+        }
+        const intervalId = setInterval(checkAndBoot, 500);
+        return () => clearInterval(intervalId);
+    }, [props.params, session.data?.status, digitainSession.data?.launchUrl]);
+    return _jsx("div", { id: "digitain-container" });
+}

package/dist/components/DigitainLauncher/types.d.ts

@@ -0,0 +1,49 @@
+export interface DigitainBootstrapperParams {
+    server: string;
+    containerId: string;
+    token: string;
+    parent?: string[];
+    sportPartner?: string;
+    defaultLanguage?: string;
+    projectTheme?: 'default' | 'alternative';
+    view?: string;
+    bottomNavBar?: boolean;
+    oddsFormatList?: [0 | 1 | 2 | 3 | 4 | 5];
+    oddsFormat?: 0 | 1 | 2 | 3 | 4 | 5;
+    zIndex?: {
+        closed?: number;
+        opened?: number;
+        fullOpened?: number;
+    };
+    initialRoute?: {
+        path: string;
+        qs?: Record<string, string | number | boolean | undefined | null>;
+        hashData?: string;
+    };
+    betslipBookNumber?: number;
+    betslipCopyLinkUrl?: string;
+}
+interface BootstrapperOptions {
+    name: 'Mobile' | 'AsianView' | 'EsportView' | 'LatinoView' | 'ModernView' | 'SimpleEast';
+}
+interface SportAppEventData {
+    path?: string;
+    qs?: Record<string, unknown>;
+    hashData?: string;
+    additionalData?: Record<string, unknown>;
+}
+type SportAppEventListener = (event: {
+    data: SportAppEventData;
+}) => void;
+interface SportAppInstance {
+    dispatchEvent: (eventName: 'sportAppEventDispatch', payload: {
+        type: number;
+        message?: unknown;
+        command?: unknown;
+    }) => void;
+    addEventListener: (eventName: 'sportAppEventDispatch', listener: SportAppEventListener) => void;
+}
+export interface DigitiainBootstrapperInterface {
+    boot: (params: DigitainBootstrapperParams, options: BootstrapperOptions) => Promise<SportAppInstance>;
+}
+export {};

package/dist/components/DigitainLauncher/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/DigitainLauncher/utils.d.ts

@@ -0,0 +1,3 @@
+import type { DigitainBootstrapperParams } from './types';
+export declare const defaultDigitainParams: DigitainBootstrapperParams;
+export declare const getDigitainLaunchToken: () => Promise<string>;

package/dist/components/DigitainLauncher/utils.js

@@ -0,0 +1,63 @@
+import { ObjectId } from '@opexa/object-id';
+import { env } from 'process';
+import invariant from 'tiny-invariant';
+import { getSession } from '../../server/services/getSession.js';
+import { getGames } from '../../services/cmsPortal.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createGameSession, getGameSession } from '../../services/wallet.js';
+import { createPoll } from '../../utils/createPoll.js';
+export const defaultDigitainParams = {
+    server: env.NEXT_PUBLIC_ENVIRONMENT === 'development'
+        ? 'sport-uat.ofwin.fun'
+        : 'sport.ofwin.fun',
+    containerId: 'digitain-container',
+    token: '',
+    defaultLanguage: 'en',
+    oddsFormatList: [2],
+    oddsFormat: 2,
+    zIndex: {
+        closed: 1990,
+        opened: 1923,
+        fullOpened: 1827,
+    },
+    initialRoute: {
+        path: '/results',
+        hashData: '',
+    },
+};
+export const getDigitainLaunchToken = async () => {
+    const session = await getSession();
+    const digitainGameQuery = await getGames({
+        filter: {
+            provider: {
+                equal: 'DIGITAIN',
+            },
+        },
+    });
+    const digitainGame = digitainGameQuery.edges[0]?.node;
+    const sessionId = ObjectId.generate(ObjectType.GameSession).toString();
+    await createGameSession({
+        game: digitainGame.reference,
+        id: sessionId,
+    }, {
+        headers: {
+            Authorization: `Bearer ${session.token}`,
+            ...(session.domain && {
+                Domain: session.domain,
+            }),
+        },
+    });
+    const gameSession = await createPoll(async () => {
+        invariant(session.status === 'authenticated');
+        return await getGameSession(sessionId, {
+            headers: {
+                Authorization: `Bearer ${session.token}`,
+            },
+        });
+    }, {
+        until: (r) => !!r?.launchOptions,
+        interval: 1000,
+        maxAttempt: 5,
+    })();
+    return gameSession?.launchOptions?.token || '';
+};

package/dist/components/Empty.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentProps, ComponentType } from 'react';
+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;
+export {};

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/GameLaunch/GameLaunch.lazy.js

@@ -22,7 +22,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,

package/dist/components/Games/GameContext.d.ts

@@ -0,0 +1,2 @@
+import type { Game } from '@opexa/portal-sdk-core';
+export declare const GameContext: import("react").Context<Game>, useGameContext: () => Game;

package/dist/components/Games/GameContext.js

@@ -0,0 +1,2 @@
+import { createContext } from '../../client/utils/index.js';
+export const [GameContext, useGameContext] = createContext();

package/dist/components/GamesSearch/GamesSearch.js

@@ -8,7 +8,7 @@ import { SearchLgIcon } from '../../icons/SearchLgIcon.js';
 import { Button } from '../../ui/Button/index.js';
 import { Combobox } from '../../ui/Combobox/index.js';
 import { Portal } from '../../ui/Portal/index.js';
-import { Presence } from '../../ui/Presence/index.js';
+import { Presence } from '../../ui/Presence.js';
 import { getGameImageUrl } from '../../utils/getGameImageUrl.js';
 import { GameLaunchTrigger } from '../GameLaunch/index.js';
 export function GamesSearch(props) {

package/dist/components/InfiniteScroll.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+export interface InfiniteScrollProps {
+    loader?: ReactNode;
+    hasMore?: boolean;
+    loadMore: () => Promise<void> | void;
+    children?: ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare function InfiniteScroll(props: InfiniteScrollProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/InfiniteScroll.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { useBoolean, useDebounceCallback, useIntersectionObserver, } from 'usehooks-ts';
+export function InfiniteScroll(props) {
+    const { value: loading, setValue: setLoading } = useBoolean(false);
+    const loader = props.loader ?? null;
+    const hasMore = props.hasMore ?? false;
+    const loadMore = useDebounceCallback(async () => {
+        if (loading)
+            return;
+        if (!hasMore)
+            return;
+        setLoading(true);
+        await props.loadMore();
+        setLoading(false);
+    }, 300);
+    const [ref] = useIntersectionObserver({
+        onChange(isIntersecting) {
+            if (isIntersecting)
+                loadMore();
+        },
+    });
+    return (_jsxs(Fragment, { children: [props.children, _jsx("div", { ref: ref, role: "presentation", style: props.style, className: props.className, hidden: !hasMore, children: !!hasMore && _jsx(Fragment, { children: loader }) })] }));
+}

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

@@ -0,0 +1,2 @@
+import type { JackpotCounterProps } from './JackpotCounter';
+export declare function JackpotCounter__client(props: JackpotCounterProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/JackpotCounter/JackpotCounter.client.js

@@ -0,0 +1,66 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import useEmblaCarousel from 'embla-carousel-react';
+import { isString } from 'lodash-es';
+import Link from 'next/link';
+import { useCallback, useEffect, useState } from 'react';
+import { useJackpotsQuery } from '../../client/hooks/index.js';
+import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon } from '../../icons/index.js';
+import { Button } from '../../ui/index.js';
+import { JackpotCounterItem } from './JackpotCounterItem.js';
+export function JackpotCounter__client(props) {
+    const [emblaRef, emblaApi] = useEmblaCarousel({
+        align: 'start',
+        slidesToScroll: 1,
+    });
+    const scrollPrev = useCallback(() => {
+        if (emblaApi)
+            emblaApi.scrollPrev();
+    }, [emblaApi]);
+    const scrollNext = useCallback(() => {
+        if (emblaApi)
+            emblaApi.scrollNext();
+    }, [emblaApi]);
+    const [canScrollPrev, setCanScrollPrev] = useState(false);
+    const [canScrollNext, setCanScrollNext] = useState(false);
+    const onSelect = useCallback(() => {
+        if (!emblaApi)
+            return;
+        setCanScrollPrev(emblaApi.canScrollPrev());
+        setCanScrollNext(emblaApi.canScrollNext());
+    }, [emblaApi]);
+    useEffect(() => {
+        if (!emblaApi)
+            return;
+        onSelect();
+        emblaApi.on('select', onSelect);
+        emblaApi.on('reInit', onSelect);
+    }, [emblaApi, onSelect]);
+    const jackpotsQuery = useJackpotsQuery({
+        first: 100,
+        filter: {
+            status: {
+                equal: 'ACTIVE',
+            },
+            deleted: {
+                equal: false,
+            },
+        },
+        sort: {
+            cursor: 'POOL',
+            order: 'DESC',
+        },
+    });
+    const jackpots = jackpotsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
+    if (jackpots.length <= 0)
+        return null;
+    const classNames = isString(props.className)
+        ? { root: props.className }
+        : (props.className ?? {});
+    return (_jsxs("div", { className: classNames.root, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-lg font-semibold", children: props.heading ?? 'Jackpots' }), _jsxs("div", { className: "flex items-center md:gap-3xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/jackpots', className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold", children: ["See All", _jsx(ChevronRightIcon, { className: "size-5 lg:hidden" })] }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { disabled: !canScrollPrev, onClick: scrollPrev, variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsxs(Button, { disabled: !canScrollNext, onClick: scrollNext, variant: "outline", colorScheme: "gray", className: "rounded-l-none", "aria-label": "Next", children: [_jsx("span", { className: "sr-only", children: "Next" }), _jsx(ArrowRightIcon, { className: "size-5" })] })] })] })] }), _jsx("div", { className: "relative mt-lg lg:overflow-hidden", ref: emblaRef, children: _jsx("div", { className: "flex gap-2.5", children: jackpots.map((jackpot) => (_jsx(JackpotCounterItem, { jackpot: jackpot, className: {
+                            root: {
+                                className: classNames.jackpotCounterItemRoot?.className,
+                                style: classNames.jackpotCounterItemRoot?.style,
+                            },
+                        }, viewAllUrl: props.viewAllUrl, hideAnimation: props.hideAnimation }, jackpot.id))) }) })] }));
+}

package/dist/components/JackpotCounter/JackpotCounter.d.ts

@@ -0,0 +1,17 @@
+import type { CSSProperties } from 'react';
+export interface ClassNameEntries {
+    root?: string;
+    jackpotCounterItemRoot?: {
+        className?: string;
+        style?: CSSProperties;
+    };
+}
+export interface JackpotCounterProps {
+    /** @default "Promos" */
+    heading?: string;
+    /** @default "/jackpots" */
+    viewAllUrl?: string;
+    className?: string | ClassNameEntries;
+    hideAnimation?: boolean;
+}
+export declare function JackpotCounter(props: JackpotCounterProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/JackpotCounter/JackpotCounter.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { prefetchJackpotsQuery } from '../../server/utils/index.js';
+import { JackpotCounter__client } from './JackpotCounter.client.js';
+export async function JackpotCounter(props) {
+    await prefetchJackpotsQuery({
+        first: 100,
+        filter: {
+            status: {
+                equal: 'ACTIVE',
+            },
+            deleted: {
+                equal: false,
+            },
+        },
+        sort: {
+            cursor: 'POOL',
+            order: 'DESC',
+        },
+    });
+    return _jsx(JackpotCounter__client, { ...props });
+}

package/dist/components/JackpotCounter/JackpotCounterItem.d.ts

@@ -0,0 +1,18 @@
+import type { Jackpot } from '@opexa/portal-sdk-core';
+import { type CSSProperties } from 'react';
+interface ClassNameEntries {
+    root?: {
+        className?: string;
+        style?: CSSProperties;
+    };
+}
+export interface JackpotCounterCardProps {
+    jackpot: Jackpot;
+    className?: string | ClassNameEntries;
+    style?: string;
+    /** @default "/jackpots" */
+    viewAllUrl?: string;
+    hideAnimation?: boolean;
+}
+export declare function JackpotCounterItem({ jackpot, className, viewAllUrl, hideAnimation, }: JackpotCounterCardProps): import("react/jsx-runtime").JSX.Element;
+export {};