@opexa/portal-components 0.0.997 → 0.0.999

package/dist/components/DepositWithdrawal/Deposit/AurixPayPayMayaDeposit/AurixPayPayMayaDeposit.js

@@ -48,7 +48,7 @@ export function AurixPayPayMayaDeposit() {
         kycVerificationStatus: ctx.kycVerificationStatus,
     })));
     const verificationQuery = useMemberVerificationQuery();
-    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
+    const _verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const [status, setStatus] = useState('waiting');
     const [errorMessage, setErrorMessage] = useState(null);
     const createDepositMutation = useCreateAurixPayPayMayaDepositMutation({

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/AurixPayQRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const AurixPayQRPHDepositContext: (props: {
     value: {
-        status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+        status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
         deposit: import("../../../../types").Deposit | null;
         errorMessage: {
             name: string;
@@ -13,7 +13,7 @@ export declare const AurixPayQRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useAurixPayQRPHDepositContext: () => {
-    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+    status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.d.ts

@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
     promo?: string | null;
 }
 export declare function useAurixPayQRPHDeposit(): {
-    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+    status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
     deposit: Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.js

@@ -10,7 +10,7 @@ import { ObjectType } from '../../../../services/ObjectType.js';
 import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 export function useAurixPayQRPHDeposit() {
     const depositWithdrawalProps = useDepositWithdrawalPropsContext();
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
+    const _globalStore = useGlobalStore(useShallow((ctx) => ({
         kycVerificationStatus: ctx.kycVerificationStatus,
     })));
     const inputRef = useRef(null);
@@ -18,7 +18,7 @@ export function useAurixPayQRPHDeposit() {
     const [status, setStatus] = useState('idle');
     const [errorMessage, setErrorMessage] = useState(null);
     const verificationQuery = useMemberVerificationQuery();
-    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
+    const _verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const mutation = useCreateAurixPayQrphDepositMutation({
         onMutate() {
             setStatus('generating-qr-code');

package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.js

@@ -44,7 +44,7 @@ export function GCashDeposit() {
         kycVerificationStatus: ctx.kycVerificationStatus,
     })));
     const verificationQuery = useMemberVerificationQuery();
-    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
+    const _verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const [status, setStatus] = useState('waiting');
     const [errorMessage, setErrorMessage] = useState(null);
     const createDepositMutation = useCreateGCashDepositMutation({

package/dist/components/DepositWithdrawal/Deposit/GCashWebpayDeposit/GCashWebpayDeposit.js

@@ -44,7 +44,7 @@ export function GCashWebpayDeposit() {
         kycVerificationStatus: ctx.kycVerificationStatus,
     })));
     const verificationQuery = useMemberVerificationQuery();
-    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
+    const _verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreateGCashWebpayDepositMutation({
         onMutate() {

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.js

@@ -32,7 +32,7 @@ export function MayaAppDeposit() {
         kycVerificationStatus: ctx.kycVerificationStatus,
     })));
     const verificationQuery = useMemberVerificationQuery();
-    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
+    const _verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const [status, setStatus] = useState('waiting');
     const [errorMessage, setErrorMessage] = useState(null);
     const createDepositMutation = useCreateMayaAppDepositMutation({

package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.js

@@ -171,7 +171,7 @@ function AccountVerificationRequired() {
                     globalStore.depositWithdrawal.setOpen(false);
                 }, children: "Verify Now" })] }));
 }
-function AccountVerificationPending() {
+function _AccountVerificationPending() {
     return (_jsxs("div", { className: "pt-xl", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-warning-secondary", children: _jsx(AlertCircleIcon, { className: "size-6 text-text-featured-icon-light-warning" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg", children: "Verification Pending" }), _jsx("p", { className: "mx-auto mt-xs max-w-[25rem] text-center text-sm text-text-tertiary-600", children: "Your personal verification is currently under review. You will be able to withdraw funds once your account is approved." })] }));
 }
 function InsufficientBalance() {

package/dist/components/DigitainLauncher/DigitianContainter.js

@@ -1,48 +1,119 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import isMobile from 'is-mobile';
 import { useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, 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(false);
+    const [isLoading, setLoading] = useState(true);
+    const [hasBooted, setHasBooted] = 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(() => {
-        setLoading(true);
+        if (hasBootedRef.current || typeof window === 'undefined') {
+            return;
+        }
         let attempts = 0;
-        const maxAttempts = 5; // e.g. wait up to ~10 seconds
-        function checkAndBoot() {
-            if (typeof window !== 'undefined' && window.Bootstrapper) {
+        const maxAttempts = 5;
+        const intervalId = setInterval(() => {
+            if (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);
             }
-        }
-        const intervalId = setInterval(checkAndBoot, 500);
+        }, 500);
         return () => clearInterval(intervalId);
     }, [props.params]);
-    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') })] }));
+    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') })] }));
 }

package/dist/components/DigitainLauncher/Fallback.js

@@ -8,7 +8,7 @@ export function Fallback({ type, signInUrl, fallbackBackgroundImage, }) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         signIn: ctx.signIn,
     })));
-    return (_jsxs("div", { className: "relative h-[459px] w-full lg:h-[829px]", children: [fallbackBackgroundImage && (_jsx(Image, { src: fallbackBackgroundImage, alt: "Background", fill: true, className: "rounded-xl object-cover" })), _jsx("div", { className: "absolute right-0 bottom-safe-area-inset-bottom left-0 h-1/2 rounded-xl bg-gradient-to-b from-[#00000000] to-bg-primary-alt" }), _jsx("div", { className: "absolute right-0 bottom-5 left-0 z-10 m-auto flex max-w-[42.5rem] flex-col items-center justify-center px-4 lg:bottom-15", children: type === 'loading' ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "mb-4 h-10 w-10 animate-spin rounded-full border-4 border-bg-tertiary border-t-button-tertiary-fg" }), _jsx("p", { className: "font-medium text-gray-700 text-lg", children: "Please wait while we load the Sports Book..." })] })) : (_jsx(_Fragment, { children: _jsxs("div", { className: "text-center", children: [_jsxs("div", { className: "mb-8 space-y-3", children: [_jsx("h2", { className: "font-bold text-gray-900 text-xl uppercase lg:text-[40px]", children: "Sports Book Login Required" }), _jsx("p", { className: "text-gray-600 text-xs leading-relaxed lg:text-lg", children: "The Sports Book is our online platform where you can explore real-time betting odds, place bets on a wide range of sports, and track your activity." }), _jsx("p", { className: "text-gray-600 text-xs leading-relaxed lg:text-lg", children: "Access is restricted to authenticated users. Please login to continue and unlock full access to the platform." })] }), _jsx(Button, { className: "mx-auto w-fit", onClick: () => {
+    return (_jsxs("div", { className: "relative h-full w-full", children: [fallbackBackgroundImage && (_jsx(Image, { src: fallbackBackgroundImage, alt: "Background", fill: true, className: "rounded-xl object-cover" })), _jsx("div", { className: "absolute right-0 bottom-safe-area-inset-bottom left-0 h-1/2 rounded-xl bg-gradient-to-b from-[#00000000] to-bg-primary-alt" }), _jsx("div", { className: "absolute right-0 bottom-5 left-0 z-10 m-auto flex max-w-[42.5rem] flex-col items-center justify-center px-4 lg:bottom-15", children: type === 'loading' ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "mb-4 h-10 w-10 animate-spin rounded-full border-4 border-bg-tertiary border-t-button-tertiary-fg" }), _jsx("p", { className: "font-medium text-gray-700 text-lg", children: "Please wait while we load the Sports Book..." })] })) : (_jsx(_Fragment, { children: _jsxs("div", { className: "text-center", children: [_jsxs("div", { className: "mb-8 space-y-3", children: [_jsx("h2", { className: "font-bold text-gray-900 text-xl uppercase lg:text-[40px]", children: "Sports Book Login Required" }), _jsx("p", { className: "text-gray-600 text-xs leading-relaxed lg:text-lg", children: "The Sports Book is our online platform where you can explore real-time betting odds, place bets on a wide range of sports, and track your activity." }), _jsx("p", { className: "text-gray-600 text-xs leading-relaxed lg:text-lg", children: "Access is restricted to authenticated users. Please login to continue and unlock full access to the platform." })] }), _jsx(Button, { className: "mx-auto w-fit", onClick: () => {
                                     if (signInUrl) {
                                         window.location.href = signInUrl;
                                     }

package/dist/components/DigitainLauncher/utils.js

@@ -34,6 +34,10 @@ export const getDigitainLaunchToken = async () => {
         },
     });
     const digitainGame = digitainGameQuery.edges[0]?.node;
+    if (!digitainGame) {
+        console.warn('--SPORTS WARNING-- No Digitain game found in CMS. Please ensure a game with provider "DIGITAIN" is configured.');
+        return '';
+    }
     const sessionId = ObjectId.generate(ObjectType.GameSession).toString();
     try {
         await createGameSession({

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -17,7 +17,7 @@ import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
 import { LOCALSTORAGE_PUSH_NOTIFICATION_TOKEN_KEY } from '../PortalProvider/PushNotifications.js';
 export function GameLaunchTrigger(props) {
-    const { game, bypassKycCheck, ...rest } = props;
+    const { game, bypassKycCheck: _bypassKycCheck, ...rest } = props;
     const sessionQuery = useSessionQuery();
     const createGameSessionMutation = useCreateGameSessionMutation();
     const globalStore = useGlobalStore(useShallow((ctx) => ({

package/dist/components/KYC/KYCDefault/IdentityVerification.js

@@ -52,7 +52,7 @@ export function IdentityVerification() {
                     return prev;
                 return {
                     ...prev,
-                    status: 'UNVERIFIED',
+                    status: 'CREATED',
                 };
             });
             kyc.setStep(2);
@@ -76,7 +76,7 @@ export function IdentityVerification() {
                     return prev;
                 return {
                     ...prev,
-                    status: 'UNVERIFIED',
+                    status: 'CREATED',
                 };
             });
             kyc.setStep(2);

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -1,23 +1,14 @@
 'use client';
-import { useIsMutating } from '@tanstack/react-query';
 import { useEffect } from 'react';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
-import { getApproveMemberVerificationQueryKey, getCreateMemberVerificationQueryKey, } from '../../utils/mutationKeys.js';
 export function KycOpenOnHomeMount(props) {
     const setkycReminderOpen = useGlobalStore((s) => s.kycReminder.setOpen);
     const setkycOpen = useGlobalStore((s) => s.kyc.setOpen);
     const isSignUpOpen = useGlobalStore((s) => s.signUp.open);
-    const { data: verification, isLoading: verificationLoading, isRefetching: verificationRefetching, } = useMemberVerificationQuery();
+    const { data: verification, isLoading: verificationLoading } = useMemberVerificationQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
-    const isCreatingVerification = useIsMutating({
-        mutationKey: getCreateMemberVerificationQueryKey(),
-    });
-    const isApprovingVerification = useIsMutating({
-        mutationKey: getApproveMemberVerificationQueryKey(),
-    });
-    const isMutating = isCreatingVerification > 0 || isApprovingVerification > 0;
     const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
     const isRejected = verification?.status === 'REJECTED';
     const isUnverified = verification === null ||
@@ -32,63 +23,53 @@ export function KycOpenOnHomeMount(props) {
         if (props.bypassKycCheck) {
             return;
         }
-        const timeoutId = setTimeout(() => {
-            if (!verificationLoading &&
-                !accountLoading &&
-                !verificationRefetching &&
-                !isMutating &&
-                !isSignUpOpen) {
-                const shouldShowReminder = Boolean(props.isSkippable);
-                const hasSeenKycModal = sessionStorage.getItem('hasSeenKycModal');
-                const isFirstVisit = !hasSeenKycModal;
+        if (!verificationLoading && !accountLoading && !isSignUpOpen) {
+            const shouldShowReminder = Boolean(props.isSkippable);
+            const hasSeenKycModal = sessionStorage.getItem('hasSeenKycModal');
+            const isFirstVisit = !hasSeenKycModal;
+            if (isKycCompleted) {
+                setkycReminderOpen(false);
+                setkycOpen(false);
                 if (isKycCompleted) {
+                    sessionStorage.removeItem('hasSeenKycModal');
+                }
+                return;
+            }
+            // Handle rejected verification status
+            else if (isRejected) {
+                if (isFirstVisit) {
                     setkycReminderOpen(false);
-                    setkycOpen(false);
-                    if (isKycCompleted) {
-                        sessionStorage.removeItem('hasSeenKycModal');
-                    }
-                    return;
+                    setkycOpen(true);
+                    sessionStorage.setItem('hasSeenKycModal', 'true');
                 }
-                // 2. Handle member verification locked
-                if (isVerificationLocked) {
-                    setkycReminderOpen(true);
-                    setkycOpen(false);
-                    return;
+                else {
+                    setkycReminderOpen(shouldShowReminder);
+                    setkycOpen(!shouldShowReminder);
                 }
-                // Handle rejected verification status
-                else if (isRejected) {
-                    if (isFirstVisit) {
-                        setkycReminderOpen(false);
-                        setkycOpen(true);
-                        sessionStorage.setItem('hasSeenKycModal', 'true');
-                    }
-                    else {
-                        setkycReminderOpen(shouldShowReminder);
-                        setkycOpen(!shouldShowReminder);
-                    }
+            }
+            // Handle unverified verification status
+            else if (isUnverified) {
+                if (isFirstVisit) {
+                    setkycReminderOpen(false);
+                    setkycOpen(true);
+                    sessionStorage.setItem('hasSeenKycModal', 'true');
                 }
-                // Handle unverified verification status
-                else if (isUnverified) {
-                    if (isFirstVisit) {
-                        setkycReminderOpen(false);
-                        setkycOpen(true);
-                        sessionStorage.setItem('hasSeenKycModal', 'true');
-                    }
-                    else {
-                        setkycReminderOpen(shouldShowReminder);
-                        setkycOpen(!shouldShowReminder);
-                    }
+                else {
+                    setkycReminderOpen(shouldShowReminder);
+                    setkycOpen(!shouldShowReminder);
                 }
             }
-        }, 1000);
-        return () => clearTimeout(timeoutId);
+            else if (isVerificationLocked) {
+                setkycReminderOpen(true);
+                setkycOpen(false);
+                return;
+            }
+        }
     }, [
         setkycReminderOpen,
         setkycOpen,
         verificationLoading,
         accountLoading,
-        verificationRefetching,
-        isMutating,
         isSignUpOpen,
         isVerificationLocked,
         isRejected,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.997",
+	"version": "0.0.999",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",