@opexa/portal-components 0.0.56 → 0.0.57

package/dist/components/JackpotCounter/JackpotCounterItem.js

@@ -27,6 +27,8 @@ export function JackpotCounterItem({ jackpot, className, viewAllUrl, }) {
             cursor: 'AMOUNT',
             order: 'DESC',
         },
+    }, {
+        enabled: typeof window !== 'undefined',
     });
     const jackpotPayouts = jackpotPayoutsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
     const topJackpotPayout = jackpotPayouts[0] ?? [];

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

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

package/dist/components/Jackpots/Jackpots.client.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { useJackpotsQuery } from '../../client/hooks/index.js';
+import closeChest from '../../images/close-chest.png';
+import { JackpotItemDesktop } from './JackpotItemDesktop.js';
+import { JackpotItemMobile } from './JackpotItemMobile.js';
+export function Jackpots__client(props) {
+    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;
+    return (_jsxs("div", { className: props.className, children: [_jsx("div", { className: "mb-3 text-lg font-semibold lg:mb-4.5", children: props.heading ?? 'Jackpots' }), jackpots.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden flex-col gap-6 lg:flex", children: jackpots.map((jackpot) => (_jsx(JackpotItemDesktop, { gameProviders: props.gameProviders, jackpot: jackpot, viewAllUrl: props.viewAllUrl }, jackpot.id))) }), _jsx("div", { className: "flex flex-col gap-6 lg:hidden", children: jackpots.map((jackpot) => (_jsx(JackpotItemMobile, { gameProviders: props.gameProviders, jackpot: jackpot, viewAllUrl: props.viewAllUrl }, jackpot.id))) })] })) : (_jsxs("div", { className: "mt-11 flex flex-col items-center justify-center", children: [_jsx(Image, { width: 100, height: 100, src: closeChest, alt: "closeChest", quality: 100, className: "h-29.5 w-29.5 lg:h-25 lg:w-25 size-full mix-blend-luminosity" }), _jsx("div", { className: "text-text-primary-900 mt-4 text-base font-semibold", children: props.heading ?? 'Jackpots' }), _jsxs("div", { className: "text-text-tertiary-600 mt-1 text-center text-sm", children: ["No ", props.heading?.toLocaleLowerCase() ?? 'jackpots', " are running at the moment. ", _jsx("br", {}), "Please check back later!"] })] }))] }));
+}

package/dist/components/Jackpots/Jackpots.d.ts

@@ -7,4 +7,4 @@ export interface JackpotsProps {
     className?: string;
     gameProviders: GameProviderData[];
 }
-export declare function Jackpots(props: JackpotsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Jackpots(props: JackpotsProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/Jackpots/Jackpots.js

@@ -1,12 +1,8 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { useJackpotsQuery } from '../../client/hooks/index.js';
-import closeChest from '../../images/close-chest.png';
-import { JackpotItemDesktop } from './JackpotItemDesktop.js';
-import { JackpotItemMobile } from './JackpotItemMobile.js';
-export function Jackpots(props) {
-    const jackpotsQuery = useJackpotsQuery({
+import { jsx as _jsx } from "react/jsx-runtime";
+import { prefetchJackpotsQuery } from '../../server/utils/index.js';
+import { Jackpots__client } from './Jackpots.client.js';
+export async function Jackpots(props) {
+    await prefetchJackpotsQuery({
         first: 100,
         filter: {
             status: {
@@ -21,8 +17,5 @@ export function Jackpots(props) {
             order: 'DESC',
         },
     });
-    const jackpots = jackpotsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
-    if (jackpots.length <= 0)
-        return null;
-    return (_jsxs("div", { className: props.className, children: [_jsx("div", { className: "mb-3 text-lg font-semibold lg:mb-4.5", children: props.heading ?? 'Jackpots' }), jackpots.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden flex-col gap-6 lg:flex", children: jackpots.map((jackpot) => (_jsx(JackpotItemDesktop, { gameProviders: props.gameProviders, jackpot: jackpot, viewAllUrl: props.viewAllUrl }, jackpot.id))) }), _jsx("div", { className: "flex flex-col gap-6 lg:hidden", children: jackpots.map((jackpot) => (_jsx(JackpotItemMobile, { gameProviders: props.gameProviders, jackpot: jackpot, viewAllUrl: props.viewAllUrl }, jackpot.id))) })] })) : (_jsxs("div", { className: "mt-11 flex flex-col items-center justify-center", children: [_jsx(Image, { width: 100, height: 100, src: closeChest, alt: "closeChest", quality: 100, className: "h-29.5 w-29.5 lg:h-25 lg:w-25 size-full mix-blend-luminosity" }), _jsx("div", { className: "text-text-primary-900 mt-4 text-base font-semibold", children: props.heading ?? 'Jackpots' }), _jsxs("div", { className: "text-text-tertiary-600 mt-1 text-center text-sm", children: ["No ", props.heading?.toLocaleLowerCase() ?? 'jackpots', " are running at the moment. ", _jsx("br", {}), "Please check back later!"] })] }))] }));
+    return _jsx(Jackpots__client, { ...props });
 }

package/dist/components/Jackpots/useJackpotItemData.js

@@ -17,6 +17,8 @@ export function useJackpotItemData({ jackpot, gameProviders, }) {
             cursor: 'AMOUNT',
             order: 'DESC',
         },
+    }, {
+        enabled: typeof window !== 'undefined',
     });
     const jackpotPayouts = jackpotPayoutsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
     const topJackpotPayout = jackpotPayouts[0] ?? [];

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

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

package/dist/components/Quests/Quests.client.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { useAvailableQuestsQuery } from '../../client/hooks/index.js';
+import { SpinnerIcon } from '../../icons/index.js';
+import closeChest from '../../images/close-chest.png';
+import { DailyCheckInQuest } from './DailyCheckInQuest/DailyCheckInQuest.js';
+import { OnboardingQuest } from './OnboardingQuest/OnboardingQuest.js';
+import { WageringQuest } from './WageringQuest/WageringQuest.js';
+const QUEST_COMPONENT_MAP = {
+    DAILY_CHECKIN: DailyCheckInQuest,
+    ONBOARDING: OnboardingQuest,
+    WAGERING: WageringQuest,
+};
+export function Quests__client(props) {
+    const query = useAvailableQuestsQuery();
+    if (query.isLoading) {
+        return (_jsxs("div", { className: props.className, children: [_jsx("h3", { className: "mb-3 text-lg font-semibold", children: props.heading ?? 'Quests' }), _jsx(SpinnerIcon, { className: "mx-auto size-5 h-[50vh]" })] }));
+    }
+    if (!query.data?.length) {
+        return (_jsxs("div", { className: props.className, children: [_jsx("h3", { className: "mb-3 text-lg font-semibold", children: props.heading ?? 'Quests' }), _jsxs("div", { className: "mt-11 flex flex-col items-center justify-center", children: [_jsx(Image, { src: closeChest, width: 100, height: 100, alt: "No Quests Available", className: "mix-blend-luminosity", quality: 100 }), _jsx("div", { className: "text-text-primary-900 mt-4 text-base font-semibold", children: props.heading ?? 'Quests' }), _jsx("div", { className: "text-text-tertiary-600 mt-1 text-center text-sm", children: "No available quests. Please check back later!" })] })] }));
+    }
+    return (_jsxs("div", { className: props.className, children: [_jsx("h3", { className: "mb-3 text-lg font-semibold", children: props.heading ?? 'Quests' }), _jsx("div", { className: "grid grid-cols-1 gap-3xl lg:grid-cols-3", children: query.data.map((quest, index) => {
+                    const QuestComponent = QUEST_COMPONENT_MAP[quest.type];
+                    return _jsx(QuestComponent, { quest: quest }, index);
+                }) })] }));
+}

package/dist/components/Quests/Quests.d.ts

@@ -3,4 +3,4 @@ export interface QuestsProps {
     heading?: string;
     className?: string;
 }
-export declare function Quests(props: QuestsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Quests(props: QuestsProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/Quests/Quests.js

@@ -1,27 +1,7 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { useAvailableQuestsQuery } from '../../client/hooks/index.js';
-import { SpinnerIcon } from '../../icons/index.js';
-import closeChest from '../../images/close-chest.png';
-import { DailyCheckInQuest } from './DailyCheckInQuest/DailyCheckInQuest.js';
-import { OnboardingQuest } from './OnboardingQuest/OnboardingQuest.js';
-import { WageringQuest } from './WageringQuest/WageringQuest.js';
-const QUEST_COMPONENT_MAP = {
-    DAILY_CHECKIN: DailyCheckInQuest,
-    ONBOARDING: OnboardingQuest,
-    WAGERING: WageringQuest,
-};
-export function Quests(props) {
-    const query = useAvailableQuestsQuery();
-    if (query.isLoading) {
-        return (_jsxs("div", { className: props.className, children: [_jsx("h3", { className: "mb-3 text-lg font-semibold", children: props.heading ?? 'Quests' }), _jsx(SpinnerIcon, { className: "mx-auto size-5 h-[50vh]" })] }));
-    }
-    if (!query.data?.length) {
-        return (_jsxs("div", { className: props.className, children: [_jsx("h3", { className: "mb-3 text-lg font-semibold", children: props.heading ?? 'Quests' }), _jsxs("div", { className: "mt-11 flex flex-col items-center justify-center", children: [_jsx(Image, { src: closeChest, width: 100, height: 100, alt: "No Quests Available", className: "mix-blend-luminosity", quality: 100 }), _jsx("div", { className: "text-text-primary-900 mt-4 text-base font-semibold", children: props.heading ?? 'Quests' }), _jsx("div", { className: "text-text-tertiary-600 mt-1 text-center text-sm", children: "No available quests. Please check back later!" })] })] }));
-    }
-    return (_jsxs("div", { className: props.className, children: [_jsx("h3", { className: "mb-3 text-lg font-semibold", children: props.heading ?? 'Quests' }), _jsx("div", { className: "grid grid-cols-1 gap-3xl lg:grid-cols-3", children: query.data.map((quest, index) => {
-                    const QuestComponent = QUEST_COMPONENT_MAP[quest.type];
-                    return _jsx(QuestComponent, { quest: quest }, index);
-                }) })] }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { prefetchAvailableQuestsQuery } from '../../server/utils/index.js';
+import { Quests__client } from './Quests.client.js';
+export async function Quests(props) {
+    await prefetchAvailableQuestsQuery();
+    return _jsx(Quests__client, { ...props });
 }

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

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

package/dist/components/Tournaments/Tournaments.client.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { useTournamentsQuery } from '../../client/hooks/index.js';
+import closeChest from '../../images/close-chest.png';
+import { TournamentItemDesktop } from './TournamentItemDesktop.js';
+import { TournamentItemMobile } from './TournamentItemMobile.js';
+export function Tournaments__client(props) {
+    const tournamentsQuery = useTournamentsQuery({
+        first: 100,
+        filter: {
+            status: {
+                equal: 'ACTIVE',
+            },
+        },
+    });
+    const tournaments = tournamentsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
+    return (_jsxs("div", { className: props.className, children: [_jsx("div", { className: "mb-3 text-lg font-semibold lg:mb-4.5", children: props.heading ?? 'Tournaments' }), tournaments.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden flex-col gap-6 lg:flex", children: tournaments.map((tournament, i) => (_jsx(TournamentItemDesktop, { tournament: tournament, gameProviders: props.gameProviders }, i))) }), _jsx("div", { className: "flex flex-col gap-6 lg:hidden", children: tournaments.map((tournament, i) => (_jsx(TournamentItemMobile, { tournament: tournament, gameProviders: props.gameProviders }, i))) })] })) : (_jsxs("div", { className: "mt-11 flex flex-col items-center justify-center", children: [_jsx(Image, { width: 100, height: 100, src: closeChest, alt: "closeChest", quality: 100, className: "h-29.5 w-29.5 lg:h-25 lg:w-25 size-full mix-blend-luminosity" }), _jsx("div", { className: "text-text-primary-900 mt-4 text-base font-semibold", children: props.heading ?? 'Tournaments' }), _jsxs("div", { className: "text-text-tertiary-600 mt-1 text-center text-sm", children: ["No ", props.heading?.toLocaleLowerCase() ?? 'tournaments', " are running at the moment. ", _jsx("br", {}), "Please check back later!"] })] }))] }));
+}

package/dist/components/Tournaments/Tournaments.d.ts

@@ -7,4 +7,4 @@ export interface TournamentsProps {
     className?: string;
     gameProviders: GameProviderData[];
 }
-export declare function Tournaments(props: TournamentsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tournaments(props: TournamentsProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/Tournaments/Tournaments.js

@@ -1,12 +1,8 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { useTournamentsQuery } from '../../client/hooks/index.js';
-import closeChest from '../../images/close-chest.png';
-import { TournamentItemDesktop } from './TournamentItemDesktop.js';
-import { TournamentItemMobile } from './TournamentItemMobile.js';
-export function Tournaments(props) {
-    const tournamentsQuery = useTournamentsQuery({
+import { jsx as _jsx } from "react/jsx-runtime";
+import { prefetchTournamentsQuery } from '../../server/utils/index.js';
+import { Tournaments__client } from './Tournaments.client.js';
+export async function Tournaments(props) {
+    await prefetchTournamentsQuery({
         first: 100,
         filter: {
             status: {
@@ -14,6 +10,5 @@ export function Tournaments(props) {
             },
         },
     });
-    const tournaments = tournamentsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
-    return (_jsxs("div", { className: props.className, children: [_jsx("div", { className: "mb-3 text-lg font-semibold lg:mb-4.5", children: props.heading ?? 'Tournaments' }), tournaments.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden flex-col gap-6 lg:flex", children: tournaments.map((tournament, i) => (_jsx(TournamentItemDesktop, { tournament: tournament, gameProviders: props.gameProviders }, i))) }), _jsx("div", { className: "flex flex-col gap-6 lg:hidden", children: tournaments.map((tournament, i) => (_jsx(TournamentItemMobile, { tournament: tournament, gameProviders: props.gameProviders }, i))) })] })) : (_jsxs("div", { className: "mt-11 flex flex-col items-center justify-center", children: [_jsx(Image, { width: 100, height: 100, src: closeChest, alt: "closeChest", quality: 100, className: "h-29.5 w-29.5 lg:h-25 lg:w-25 size-full mix-blend-luminosity" }), _jsx("div", { className: "text-text-primary-900 mt-4 text-base font-semibold", children: props.heading ?? 'Tournaments' }), _jsxs("div", { className: "text-text-tertiary-600 mt-1 text-center text-sm", children: ["No ", props.heading?.toLocaleLowerCase() ?? 'tournaments', " are running at the moment. ", _jsx("br", {}), "Please check back later!"] })] }))] }));
+    return _jsx(Tournaments__client, { ...props });
 }

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

@@ -1,5 +1,6 @@
 export * from './prefetchAccountQuery';
 export * from './prefetchAvailablePromosQuery';
+export * from './prefetchAvailableQuestsQuery';
 export * from './prefetchBetRecordsQuery';
 export * from './prefetchBonusesQuery';
 export * from './prefetchCashbacksQuery';

package/dist/server/utils/index.js

@@ -1,5 +1,6 @@
 export * from './prefetchAccountQuery.js';
 export * from './prefetchAvailablePromosQuery.js';
+export * from './prefetchAvailableQuestsQuery.js';
 export * from './prefetchBetRecordsQuery.js';
 export * from './prefetchBonusesQuery.js';
 export * from './prefetchCashbacksQuery.js';

package/dist/server/utils/prefetchAvailableQuestsQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchAvailableQuestsQuery: () => Promise<void>;

package/dist/server/utils/prefetchAvailableQuestsQuery.js

@@ -0,0 +1,22 @@
+import { getAvailableQuests } from '@opexa/portal-sdk-core';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getAvailableQuestsQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
+export const prefetchAvailableQuestsQuery = async () => {
+    const session = await getSession();
+    if (session.status === 'unauthenticated')
+        return;
+    await getQueryClient().prefetchQuery({
+        queryKey: getAvailableQuestsQueryKey(),
+        queryFn: async ({ signal }) => {
+            return await getAvailableQuests({
+                signal,
+                environment: ENVIRONMENT,
+                headers: {
+                    'Platform-Code': PLATFORM_CODE,
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};