@opexa/portal-components 0.0.1034 → 0.0.1036

package/dist/components/DigitainLauncher/DigitianContainter.js

@@ -1,119 +1,48 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import isMobile from 'is-mobile';
 import { useRouter } from 'next/navigation';
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { twJoin } from 'tailwind-merge';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { Fallback } from './Fallback.js';
 export function DigitainContainer(props) {
     const session = useSessionQuery();
-    const [isLoading, setLoading] = useState(true);
-    const [hasBooted, setHasBooted] = useState(false);
+    const [isLoading, setLoading] = useState(false);
     const router = useRouter();
-    const hasBootedRef = useRef(false);
-    const containerRef = useRef(null);
     useEffect(() => {
         if (session.data?.status === 'authenticated') {
             router.refresh();
         }
     }, [session.data?.status, router]);
     useEffect(() => {
-        if (hasBootedRef.current || typeof window === 'undefined') {
-            return;
-        }
+        setLoading(true);
         let attempts = 0;
-        const maxAttempts = 5;
-        const intervalId = setInterval(() => {
-            if (window.Bootstrapper) {
+        const maxAttempts = 5; // e.g. wait up to ~10 seconds
+        function checkAndBoot() {
+            if (typeof window !== 'undefined' && window.Bootstrapper) {
                 console.log('Bootstrapper found, booting with params:', props.params);
-                hasBootedRef.current = true;
                 window.Bootstrapper.boot(props.params, {
                     name: isMobile() ? 'Mobile' : 'AsianView',
                 }).then(() => {
                     console.log('Sportsbook booted!');
-                    setHasBooted(true);
-                }).catch((error) => {
-                    console.error('Sportsbook boot failed:', error);
-                    setLoading(false);
-                    toaster.error({
-                        title: 'Error',
-                        description: 'Failed to initialize sportsbook.',
-                    });
                 });
+                setTimeout(() => setLoading(false), 1000); // Give some time for the UI to update
                 clearInterval(intervalId);
             }
             else if (++attempts >= maxAttempts) {
-                console.warn('Bootstrapper did not load in time.');
                 setLoading(false);
                 toaster.error({
                     title: 'Error',
                     description: 'Sportsbook failed to load. Please try again later.',
                 });
+                console.warn('Bootstrapper did not load in time.');
                 clearInterval(intervalId);
             }
-        }, 500);
+        }
+        const intervalId = setInterval(checkAndBoot, 500);
         return () => clearInterval(intervalId);
     }, [props.params]);
-    useEffect(() => {
-        if (!hasBooted || !containerRef.current) {
-            return;
-        }
-        const container = containerRef.current;
-        const handleIframeReady = (iframe) => {
-            const onLoad = () => {
-                console.log('Digitain iframe loaded successfully!');
-                setTimeout(() => setLoading(false), 300);
-            };
-            const onError = () => {
-                console.error('Digitain iframe failed to load');
-                setLoading(false);
-                toaster.error({
-                    title: 'Error',
-                    description: 'Failed to load sportsbook. Please try again.',
-                });
-            };
-            if (iframe.contentDocument?.readyState === 'complete') {
-                console.log('Iframe already loaded!');
-                setTimeout(() => setLoading(false), 300);
-            }
-            else {
-                iframe.addEventListener('load', onLoad, { once: true });
-                iframe.addEventListener('error', onError, { once: true });
-            }
-        };
-        const existingIframe = container.querySelector('iframe');
-        if (existingIframe) {
-            handleIframeReady(existingIframe);
-            return;
-        }
-        let iframeDetected = false;
-        const observer = new MutationObserver((mutations) => {
-            for (const mutation of mutations) {
-                for (const node of mutation.addedNodes) {
-                    if (node.nodeName === 'IFRAME') {
-                        console.log('Digitain iframe detected');
-                        iframeDetected = true;
-                        handleIframeReady(node);
-                        observer.disconnect();
-                        return;
-                    }
-                }
-            }
-        });
-        observer.observe(container, { childList: true, subtree: true });
-        const fallbackTimeout = setTimeout(() => {
-            if (!iframeDetected) {
-                console.warn('No iframe detected after 10 seconds. Hiding loader.');
-                setLoading(false);
-                observer.disconnect();
-            }
-        }, 10000);
-        return () => {
-            observer.disconnect();
-            clearTimeout(fallbackTimeout);
-        };
-    }, [hasBooted]);
-    return (_jsxs("div", { className: "relative h-full min-h-screen w-full", children: [_jsx("div", { className: twJoin('absolute inset-0 transition-opacity duration-300', isLoading ? 'z-10 opacity-100' : 'pointer-events-none opacity-0'), children: _jsx(Fallback, { type: "loading", fallbackBackgroundImage: props.fallbackBackgroundImage }) }), _jsx("div", { ref: containerRef, id: "digitain-container", className: twJoin('absolute inset-0 transition-opacity duration-300', isLoading ? 'opacity-0' : 'opacity-100') })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: twJoin(!isLoading && 'hidden'), children: _jsx(Fallback, { type: "loading", fallbackBackgroundImage: props.fallbackBackgroundImage }) }), _jsx("div", { id: "digitain-container", className: twJoin(isLoading && 'hidden') })] }));
 }

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

@@ -56,7 +56,7 @@ export function Quests__client(props) {
         ? []
         : questsQuery.data.filter((quest) => {
             if (tab === 'AVAILABLE') {
-                return quest.status === 'IN_PROGRESS';
+                return quest.status === 'IN_PROGRESS' || quest.status === 'ACTIVE';
             }
             else if (tab === 'COMPLETED') {
                 return quest.status === 'COMPLETED';

package/dist/types/index.d.ts

@@ -721,7 +721,7 @@ export interface Message {
 export type OnboardingStatus = 'PENDING' | 'SKIPPED' | 'COMPLETED';
 export type OnboardingPlayerExperience = 'ROOKIE' | 'VETERAN';
 export type QuestType = 'WAGERING' | 'DAILY_CHECKIN' | 'ONBOARDING' | 'JOURNEY';
-export type QuestStatus = 'IN_PROGRESS' | 'COMPLETED' | 'FAILED';
+export type QuestStatus = 'IN_PROGRESS' | 'ACTIVE' | 'COMPLETED' | 'FAILED';
 export type QuestProgramStatus = 'ACTIVE' | 'INACTIVE' | 'DELETED';
 export interface WageringQuestStageSettings {
     targetTurnover: number;