@opexa/portal-components 0.0.576 → 0.0.577

package/dist/client/hooks/useCreateGameSessionMutation.js

@@ -20,7 +20,7 @@ export const useCreateGameSessionMutation = (config) => {
                 await createGameSession__legacy({
                     id,
                     game: 'reference' in game ? game.reference : game.id,
-                    homepageUrl: window.location.origin,
+                    homepageUrl: `${window.location.origin}?game-exit=true`,
                 }, {
                     headers: {
                         Authorization: `Bearer ${session.token}`,

package/dist/components/Disclaimer/useDisclaimer.js

@@ -1,3 +1,4 @@
+import { useSearchParams } from 'next/navigation';
 import { useTimeout } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
@@ -5,16 +6,22 @@ import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 export function useDisclaimer() {
     'use no memo';
     const sessionQuery = useSessionQuery();
+    const searchParams = useSearchParams();
     const disclaimerStore = useGlobalStore(useShallow((state) => state.disclaimer));
+    // Check if game-exit parameter is present
+    const gameExitParam = searchParams.get('game-exit');
+    const shouldShowDisclaimer = gameExitParam !== 'true';
     useTimeout(() => {
-        disclaimerStore.setOpen(true);
+        if (shouldShowDisclaimer) {
+            disclaimerStore.setOpen(true);
+        }
     }, 0);
     return {
         open: sessionQuery.isLoading
             ? false
             : sessionQuery.data?.status === 'authenticated'
                 ? false
-                : disclaimerStore.open,
+                : shouldShowDisclaimer && disclaimerStore.open,
         close: () => {
             disclaimerStore.setOpen(false);
         },

package/dist/components/GameExit/GameExit.lazy.d.ts

@@ -0,0 +1,6 @@
+import { type ImageProps } from 'next/image';
+export interface GameExitProps {
+    logo?: ImageProps['src'];
+    message?: string;
+}
+export declare function GameExit(props: GameExitProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/GameExit/GameExit.lazy.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image, {} from 'next/image';
+import { useSearchParams } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { Button } from '../../ui/Button/index.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+export function GameExit(props) {
+    const searchParams = useSearchParams();
+    const [isOpen, setIsOpen] = useState(false);
+    const [isClient, setIsClient] = useState(false);
+    useEffect(() => {
+        setIsClient(true);
+    }, []);
+    useEffect(() => {
+        if (!isClient)
+            return;
+        const gameExitParam = searchParams.get('game-exit');
+        if (gameExitParam === 'true') {
+            setIsOpen(true);
+        }
+    }, [searchParams, isClient]);
+    const handleClose = () => {
+        setIsOpen(false);
+        // Redirect to the same page without the game-exit parameter
+        const url = new URL(window.location.href);
+        url.searchParams.delete('game-exit');
+        window.location.href = url.toString();
+    };
+    // Don't render anything until we're on the client side
+    if (!isClient) {
+        return null;
+    }
+    return (_jsx(Dialog.Root, { open: isOpen, onOpenChange: (details) => {
+            setIsOpen(details.open);
+        }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-center overflow-hidden rounded-2xl p-8 shadow-2xl', 'lg:mx-auto lg:h-auto lg:max-h-[90vh] lg:w-[480px] lg:p-10', 'fade-in-0 zoom-in-95 animate-in duration-300'), children: [props.logo && (_jsx("div", { className: "w-full", children: _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "h-auto w-[7.5rem]", draggable: false }) })), _jsxs("div", { className: "w-full grow", children: [_jsx(Dialog.Title, { className: "mt-3xl text-center font-semibold text-brand-400 text-lg", children: "Game Exit" }), _jsx(Dialog.Description, { className: 'mt-lg mb-lg px-4 text-center leading-2xl', children: props.message ||
+                                            'You have successfully quit the game. Thank you for playing!' })] }), _jsx(Dialog.Context, { children: (api) => (_jsx(Button, { type: "button", className: "mt-3 py-2.5", onClick: () => {
+                                        handleClose();
+                                        api.setOpen(false);
+                                    }, children: "OK" })) })] }) })] }) }));
+}

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

@@ -0,0 +1,2 @@
+export type { GameExitProps } from './GameExit.lazy';
+export { GameExit } from './GameExit.lazy';

package/dist/components/GameExit/index.js

@@ -0,0 +1 @@
+export { GameExit } from './GameExit.lazy.js';

package/dist/components/TopProgress/TopProgressBar.client.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from 'react';
+import type { TopProgressBar } from './TopProgressBar';
+export declare function TopProgressBarClient(props: ComponentProps<typeof TopProgressBar>): import("react/jsx-runtime").JSX.Element;

package/dist/components/TopProgress/TopProgressBar.client.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import dynamic from 'next/dynamic';
+const ClientTopProgressBar = dynamic(() => import('./TopProgressBar.js').then((mod) => mod.TopProgressBar), {
+    ssr: false,
+});
+export function TopProgressBarClient(props) {
+    return _jsx(ClientTopProgressBar, { ...props });
+}

package/dist/components/TopProgress/TopProgressBar.js

@@ -137,7 +137,7 @@ export const TopProgressBar = ({ preset = 'Gold', customPreset, }) => {
             clearTimers();
         };
     }, [clearTimers, finishProgress, startProgress]);
-    return (_jsx("div", { "aria-hidden": true, className: "pointer-events-none fixed top-0 right-0 left-0 z-[9999]", children: _jsx("div", { className: twMerge('h-[3px] transition-[width,opacity] duration-200 ease-out', visible ? 'opacity-100' : 'opacity-0'), style: {
+    return (_jsx("div", { "aria-hidden": "true", className: "pointer-events-none fixed top-0 right-0 left-0 z-[9999]", children: _jsx("div", { className: twMerge('h-[3px] transition-[width,opacity] duration-200 ease-out', visible ? 'opacity-100' : 'opacity-0'), style: {
                 width: `${progress}%`,
                 background: customPreset ?? PRESET_BG[preset],
                 boxShadow: '0 0 10px rgba(255, 255, 255, 0.6)',

package/dist/handlers/index.d.ts

@@ -6,13 +6,6 @@ interface Context {
     params: Promise<Params>;
 }
 export declare const GET: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
-    ok: false;
-    message: string;
-    __error?: unknown;
-} | {
-    ok: true;
-    data: import("../types").Session;
-}> | NextResponse<{
     ok: true;
     data?: never;
 } | {
@@ -26,6 +19,13 @@ export declare const GET: (req: NextRequest, { params }: Context) => Promise<Nex
 } | {
     ok: true;
     data: Record<string, unknown>;
+}> | NextResponse<{
+    ok: false;
+    message: string;
+    __error?: unknown;
+} | {
+    ok: true;
+    data: import("../types").Session;
 }>>;
 export declare const DELETE: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
     ok: true;

package/dist/services/queries.d.ts

@@ -110,10 +110,10 @@ export declare const COMPLETE_ONBOARDING = "\n  mutation CompleteOnboarding($inp
 export declare const SKIP_ONBOARDING = "\n  mutation SkipOnboarding {\n    skipOnboarding\n  }\n";
 export declare const QUEST_PROGRAM_FRAGMENT = "\n  fragment QuestProgramFragment on QuestProgram {\n    status\n    type\n    name\n    description\n  }\n";
 export declare const DAILY_CHECKIN_FRAGMENT = "\n  \n  fragment QuestProgramFragment on QuestProgram {\n    status\n    type\n    name\n    description\n  }\n\n  fragment DailyCheckinQuestFragment on DailyCheckInQuest {\n    id\n    name\n    description\n    type\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    endDateTime\n    dateTimeCreated\n    lastCheckInDate\n    startDateTime\n    checkInStreak\n\n    thirdDayBonusAmount\n    seventhDayBonusAmount\n    sixthDayBonusAmount\n  }\n";
-export declare const WAGERING_FRAGMENT = "\n  fragment WageringQuestFragment on WageringQuest {\n    bonus\n    id\n    name\n    type\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    targetTurnover\n    endDateTime\n    dateTimeCreated\n    stages{\n       targetTurnover\n       bonusTurnoverRequirementMultiplier\n       bonusAmount\n       cleared\n       dateTimeCleared\n    }\n  }\n";
+export declare const WAGERING_FRAGMENT = "\n  fragment WageringQuestFragment on WageringQuest {\n    bonus\n    id\n    name\n    type\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    targetTurnover\n    endDateTime\n    dateTimeCreated\n    stage\n    dateTimeCompleted\n    stages{\n       targetTurnover\n       bonusTurnoverRequirementMultiplier\n       bonusAmount\n       cleared\n       dateTimeCleared\n    }\n  }\n";
 export declare const JOURNEY_FRAGMENT = "\n  fragment JourneyQuestFragment on JourneyQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n    status\n    type\n    progressPercentage\n    bonus\n    bonusAwarded\n    dateTimeCreated\n    endDateTime\n    milestones {\n      id\n      type\n      name\n      bonusAmount\n      cleared\n      description\n    }\n  }\n";
 export declare const ONBOARDING_QUEST_FRAGMENT = "\n  fragment OnboardingQuestFragment on OnboardingQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    type\n    progressPercentage\n    bonus\n    endDateTime\n    dateTimeCreated\n    firstDepositCompleted\n    accountVerificationCompleted\n  }\n";
-export declare const AVAILABLE_QUESTS = "\n  \n  fragment WageringQuestFragment on WageringQuest {\n    bonus\n    id\n    name\n    type\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    targetTurnover\n    endDateTime\n    dateTimeCreated\n    stages{\n       targetTurnover\n       bonusTurnoverRequirementMultiplier\n       bonusAmount\n       cleared\n       dateTimeCleared\n    }\n  }\n\n  \n  \n  fragment QuestProgramFragment on QuestProgram {\n    status\n    type\n    name\n    description\n  }\n\n  fragment DailyCheckinQuestFragment on DailyCheckInQuest {\n    id\n    name\n    description\n    type\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    endDateTime\n    dateTimeCreated\n    lastCheckInDate\n    startDateTime\n    checkInStreak\n\n    thirdDayBonusAmount\n    seventhDayBonusAmount\n    sixthDayBonusAmount\n  }\n\n  \n  fragment OnboardingQuestFragment on OnboardingQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    type\n    progressPercentage\n    bonus\n    endDateTime\n    dateTimeCreated\n    firstDepositCompleted\n    accountVerificationCompleted\n  }\n\n  \n  fragment JourneyQuestFragment on JourneyQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n    status\n    type\n    progressPercentage\n    bonus\n    bonusAwarded\n    dateTimeCreated\n    endDateTime\n    milestones {\n      id\n      type\n      name\n      bonusAmount\n      cleared\n      description\n    }\n  }\n\n\n  query AvailableQuests {\n    availableQuests {\n      ... on Quest {\n        ... on WageringQuest {\n          ...WageringQuestFragment\n        }\n        ... on DailyCheckInQuest {\n          ...DailyCheckinQuestFragment\n        }\n        ... on OnboardingQuest {\n          ...OnboardingQuestFragment\n        }\n        ... on JourneyQuest {\n          ...JourneyQuestFragment\n        }\n      }\n    }\n  }\n";
+export declare const AVAILABLE_QUESTS = "\n  \n  fragment WageringQuestFragment on WageringQuest {\n    bonus\n    id\n    name\n    type\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    targetTurnover\n    endDateTime\n    dateTimeCreated\n    stage\n    dateTimeCompleted\n    stages{\n       targetTurnover\n       bonusTurnoverRequirementMultiplier\n       bonusAmount\n       cleared\n       dateTimeCleared\n    }\n  }\n\n  \n  \n  fragment QuestProgramFragment on QuestProgram {\n    status\n    type\n    name\n    description\n  }\n\n  fragment DailyCheckinQuestFragment on DailyCheckInQuest {\n    id\n    name\n    description\n    type\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    endDateTime\n    dateTimeCreated\n    lastCheckInDate\n    startDateTime\n    checkInStreak\n\n    thirdDayBonusAmount\n    seventhDayBonusAmount\n    sixthDayBonusAmount\n  }\n\n  \n  fragment OnboardingQuestFragment on OnboardingQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    type\n    progressPercentage\n    bonus\n    endDateTime\n    dateTimeCreated\n    firstDepositCompleted\n    accountVerificationCompleted\n  }\n\n  \n  fragment JourneyQuestFragment on JourneyQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n    status\n    type\n    progressPercentage\n    bonus\n    bonusAwarded\n    dateTimeCreated\n    endDateTime\n    milestones {\n      id\n      type\n      name\n      bonusAmount\n      cleared\n      description\n    }\n  }\n\n\n  query AvailableQuests {\n    availableQuests {\n      ... on Quest {\n        ... on WageringQuest {\n          ...WageringQuestFragment\n        }\n        ... on DailyCheckInQuest {\n          ...DailyCheckinQuestFragment\n        }\n        ... on OnboardingQuest {\n          ...OnboardingQuestFragment\n        }\n        ... on JourneyQuest {\n          ...JourneyQuestFragment\n        }\n      }\n    }\n  }\n";
 export declare const AVAILABLE_QUEST_IDS = "\n  query AvailableQuestIds {\n    availableQuests {\n      ... on Node {\n        id\n      }\n    }\n  }\n";
 export declare const CHECK_IN_DAILY_QUEST = "\n  mutation checkInDailyCheckInQuest($input: CheckInDailyCheckInQuestInput!) {\n    checkInDailyCheckInQuest(input: $input)\n  }\n";
 export declare const TOP_WINS = "\n  query TopWins($first: Int) {\n    topWins(first: $first) {\n      id\n      game {\n        id\n        name\n        type\n        provider\n      }\n      member {\n        id\n        name\n      }\n      multiplier\n      payout\n    }\n  }\n";

package/dist/services/queries.js

@@ -2429,6 +2429,8 @@ export const WAGERING_FRAGMENT = /* GraphQL */ `
     targetTurnover
     endDateTime
     dateTimeCreated
+    stage
+    dateTimeCompleted
     stages{
        targetTurnover
        bonusTurnoverRequirementMultiplier

package/dist/types/index.d.ts

@@ -746,6 +746,7 @@ export interface Quest {
     accountVerificationCompleted?: boolean;
     milestones?: JourneyQuestMilestone[];
     stages?: WageringQuestStage[];
+    dateTimeCompleted?: string;
 }
 interface TopWinGame {
     id: string;