@opexa/portal-components 0.0.438 → 0.0.440

package/dist/client/hooks/usePaymentSettingsQuery.js

@@ -1,7 +1,8 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getPaymentSettings } from '../../services/account.js';
-import { getPaymentSettingsQueryKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getPaymentSettingsQueryKey, getSessionQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const usePaymentSettingsQuery = (config) => {
@@ -13,7 +14,10 @@ export const usePaymentSettingsQuery = (config) => {
             : sessionQuery.data?.status === 'authenticated',
         queryKey: getPaymentSettingsQueryKey(),
         queryFn: async ({ signal }) => {
-            const session = await getSession({ signal });
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
             invariant(session.status === 'authenticated');
             return await getPaymentSettings({
                 signal,

package/dist/client/hooks/useProfileCompletionQuery.js

@@ -1,7 +1,8 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getProfileCompletion } from '../../services/account.js';
-import { getProfileCompletionQueryKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getProfileCompletionQueryKey, getSessionQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useProfileCompletionQuery = (config) => {
@@ -13,7 +14,10 @@ export const useProfileCompletionQuery = (config) => {
             : sessionQuery.data?.status === 'authenticated',
         queryKey: getProfileCompletionQueryKey(),
         queryFn: async ({ signal }) => {
-            const session = await getSession({ signal });
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
             invariant(session.status === 'authenticated');
             return await getProfileCompletion({
                 signal,

package/dist/client/hooks/useRecommendedGamesQuery.js

@@ -1,7 +1,8 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getRecommendedGames } from '../../services/portal.js';
-import { getRecommendedGamesQueryKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getRecommendedGamesQueryKey, getSessionQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useRecommendedGamesQuery = (config) => {
@@ -16,7 +17,10 @@ export const useRecommendedGamesQuery = (config) => {
             : sessionQuery.data?.status === 'authenticated',
         queryKey: getRecommendedGamesQueryKey(),
         queryFn: async ({ signal }) => {
-            const session = await getSession();
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
             invariant(session.status === 'authenticated');
             return await getRecommendedGames({
                 signal,

package/dist/client/hooks/useSessionHealthQuery.js

@@ -1,7 +1,8 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getSessionHealth } from '../../services/auth.js';
-import { getSessionHealthQueryKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getSessionHealthQueryKey, getSessionQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useSessionHealthQuery = (config) => {
@@ -15,7 +16,10 @@ export const useSessionHealthQuery = (config) => {
             : sessionQuery.data?.status === 'authenticated',
         queryKey: getSessionHealthQueryKey(),
         queryFn: async ({ signal }) => {
-            const session = await getSession({ signal });
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
             invariant(session.status === 'authenticated');
             const ok = await getSessionHealth({
                 signal,

package/dist/client/hooks/useTransactionRecordsQuery.js

@@ -1,7 +1,8 @@
 import { useInfiniteQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getTransactionRecords, } from '../../services/report.js';
-import { getTransactionRecordsQueryKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getSessionQueryKey, getTransactionRecordsQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useTransactionRecordsQuery = (input, config) => {
@@ -14,7 +15,10 @@ export const useTransactionRecordsQuery = (input, config) => {
             : sessionQuery.data?.status === 'authenticated',
         queryKey: getTransactionRecordsQueryKey(input),
         queryFn: async ({ pageParam, signal }) => {
-            const session = await getSession({ signal });
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
             invariant(session.status === 'authenticated');
             return getTransactionRecords({ ...input, after: pageParam }, {
                 signal,

package/dist/client/hooks/useUnreadMessagesCountQuery.js

@@ -1,7 +1,8 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getUnreadMessagesCount, } from '../../services/trigger.js';
-import { getUnreadMessagesCountQueryKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getSessionQueryKey, getUnreadMessagesCountQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useUnreadMessagesCountQuery = (input, config) => {
@@ -14,7 +15,10 @@ export const useUnreadMessagesCountQuery = (input, config) => {
             : sessionQuery.data?.status === 'authenticated',
         queryKey: getUnreadMessagesCountQueryKey(input),
         queryFn: async ({ signal }) => {
-            const session = await getSession();
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
             invariant(session.status === 'authenticated');
             return await getUnreadMessagesCount(input, {
                 signal,

package/dist/client/hooks/useWalletQuery.js

@@ -1,7 +1,8 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getWallet } from '../../services/wallet.js';
-import { getWalletQueryKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getSessionQueryKey, getWalletQueryKey } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useWalletQuery = (config) => {
@@ -13,7 +14,10 @@ export const useWalletQuery = (config) => {
             : sessionQuery.data?.status === 'authenticated',
         queryKey: getWalletQueryKey(),
         queryFn: async ({ signal }) => {
-            const session = await getSession({ signal });
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
             invariant(session.status === 'authenticated');
             const wallet = await getWallet({
                 signal,

package/dist/client/hooks/useWithdrawalRecordsQuery.js

@@ -1,7 +1,8 @@
 import { useInfiniteQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getWithdrawalRecords, } from '../../services/report.js';
-import { getWithdrawalRecordsQueryKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getSessionQueryKey, getWithdrawalRecordsQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useWithdrawalRecordsQuery = (input, config) => {
@@ -14,7 +15,10 @@ export const useWithdrawalRecordsQuery = (input, config) => {
             : sessionQuery.data?.status === 'authenticated',
         queryKey: getWithdrawalRecordsQueryKey(input),
         queryFn: async ({ pageParam, signal }) => {
-            const session = await getSession();
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
             invariant(session.status === 'authenticated');
             return await getWithdrawalRecords({ ...input, after: pageParam }, {
                 signal,

package/dist/components/AccountInfo/GoogleDisconnect.d.ts

@@ -0,0 +1,7 @@
+import { type UseDisclosureReturn } from '../../client/hooks/useDisclosure';
+interface GoogleDisconnectProps {
+    onConfirmAction?: (ctx: UseDisclosureReturn) => React.ReactNode;
+    children?: (ctx: UseDisclosureReturn) => React.ReactNode;
+}
+export declare function GoogleDisconnect(props: GoogleDisconnectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/AccountInfo/GoogleDisconnect.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useDisclosure, } from '../../client/hooks/useDisclosure.js';
+import { LinkBrokenIcon } from '../../icons/LinkBrokenIcon.js';
+import { XIcon } from '../../icons/XIcon.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+export function GoogleDisconnect(props) {
+    const disclosure = useDisclosure();
+    return (_jsxs(_Fragment, { children: [props.children?.(disclosure), _jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: disclosure.open, onOpenChange: (details) => disclosure.setOpen(details.open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto min-h-auto max-w-[25rem] overflow-y-auto rounded-xl p-6", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col ", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(LinkBrokenIcon, {}) }), _jsx("h2", { className: "mb-1 text-center font-semibold text-lg xl:mt-xl", children: "Disconnect Google Account" }), _jsx("p", { className: "text-center text-sm text-text-tertiary-600 leading-2xl", children: "Are you sure you want to disconnect your Google account? This may affect your ability to log in or sync data." })] }), _jsx("div", { className: "pt-6", children: props.onConfirmAction?.(disclosure) })] }) })] }) })] }));
+}

package/dist/components/DigitainLauncher/Loading.js

@@ -1,5 +1,5 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Loading() {
-    return (_jsx("div", { className: "flex h-[calc(100vh-400px)] w-full items-center justify-center px-4", children: _jsxs("div", { className: "flex flex-col items-center space-y-4", children: [_jsx("div", { className: "border-blue-500 h-10 w-10 animate-spin rounded-full border-4 border-t-transparent" }), _jsx("p", { className: "text-gray-700 text-lg font-medium", children: "Loading Sports Book\u2026" })] }) }));
+    return (_jsx("div", { className: "flex h-[calc(100vh-400px)] w-full items-center justify-center px-4", children: _jsxs("div", { className: "flex flex-col items-center space-y-4", children: [_jsx("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-blue-500 border-t-transparent" }), _jsx("p", { className: "font-medium text-gray-700 text-lg", children: "Loading Sports Book\u2026" })] }) }));
 }

package/dist/components/FavoriteGames/FavoriteGames.client.js

@@ -5,7 +5,9 @@ import { isString } from 'lodash-es';
 import Image from 'next/image';
 import { useCallback, useEffect, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
+import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useFavoriteGamesQuery } from '../../client/hooks/useFavoriteGamesQuery.js';
+import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useUnmarkGameAsFavoriteMutation } from '../../client/hooks/useUnmarkGameAsFavoriteMutation.js';
 import { toaster } from '../../client/utils/toaster.js';
@@ -54,8 +56,11 @@ export function FavoriteGames__client(props) {
                         } }, game.id))) }) })] }));
 }
 function Item({ game, className, }) {
+    const featureFlag = useFeatureFlag();
     const sessionQuery = useSessionQuery();
     const session = sessionQuery.data;
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
     const unmarkGameAsFavoriteMutation = useUnmarkGameAsFavoriteMutation({
         onSuccess() {
             toaster.success({
@@ -68,7 +73,12 @@ function Item({ game, className, }) {
             });
         },
     });
-    return (_jsxs(GameLaunchTrigger, { game: game, className: twMerge('hover:-translate-y-1 relative block w-full animate-scale-in shadow-sm transition-transform duration-200', className?.thumbnailRoot), children: [session?.status === 'authenticated' && (_jsx("div", { role: "button", tabIndex: 0, onClick: (e) => {
+    const markUnmarkGameAsFavoriteEnabled = session?.status !== 'authenticated'
+        ? false
+        : featureFlag.enabled
+            ? account?.status !== 'VERIFICATION_LOCKED'
+            : true;
+    return (_jsxs(GameLaunchTrigger, { game: game, className: twMerge('hover:-translate-y-1 relative block w-full animate-scale-in shadow-sm transition-transform duration-200', className?.thumbnailRoot), children: [markUnmarkGameAsFavoriteEnabled && (_jsx("div", { role: "button", tabIndex: 0, onClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     if (unmarkGameAsFavoriteMutation.isPending)

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -2,12 +2,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
+import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useCreateGameSessionMutation } from '../../client/hooks/useCreateGameSessionMutation.js';
+import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { toaster } from '../../client/utils/toaster.js';
 export function GameLaunchTrigger(props) {
+    const featureFlag = useFeatureFlag();
     const sessionQuery = useSessionQuery();
+    const accountQuery = useAccountQuery();
     const createGameSessionMutation = useCreateGameSessionMutation();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         signIn: ctx.signIn,
@@ -17,13 +21,16 @@ export function GameLaunchTrigger(props) {
     const between3amAnd3pm = currentHour >= 15 || currentHour < 3;
     const unavailable = !between3amAnd3pm &&
         ['Hwd1wEWHU6Gvfwecuh', 'HwdcKd7wDpwSPHGksq'].includes('reference' in props.game ? props.game.reference : props.game.id);
+    const locked = featureFlag.enabled && accountQuery.data?.status === 'VERIFICATION_LOCKED';
     const disabled = sessionQuery.data?.status === 'unauthenticated'
         ? false
-        : unavailable
+        : locked
             ? true
-            : globalStore.gameLaunch.details.status !== 'WAITING'
+            : unavailable
                 ? true
-                : props.disabled;
+                : globalStore.gameLaunch.details.status !== 'WAITING'
+                    ? true
+                    : props.disabled;
     return (_jsx(ark.button, { type: "button", "aria-label": `Play ${props.game.name}`, "data-state": sessionQuery.data?.status === 'unauthenticated'
             ? globalStore.signIn.open
                 ? 'open'

package/dist/components/Games/Game.js

@@ -2,7 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { isString } from 'lodash-es';
 import Image from 'next/image';
 import { twMerge } from 'tailwind-merge';
+import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useFavoriteGamesQuery } from '../../client/hooks/useFavoriteGamesQuery.js';
+import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { useMarkGameAsFavoriteMutation } from '../../client/hooks/useMarkGameAsFavoriteMutation.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useUnmarkGameAsFavoriteMutation } from '../../client/hooks/useUnmarkGameAsFavoriteMutation.js';
@@ -16,8 +18,11 @@ import { BadgeTop } from './BadgeTop.js';
 import { useGameContext } from './GamesContext.js';
 export function Game(props) {
     const game = useGameContext();
+    const featureFlag = useFeatureFlag();
     const sessionQuery = useSessionQuery();
     const session = sessionQuery.data;
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
     const favoriteGamesQuery = useFavoriteGamesQuery();
     const favoriteGames = favoriteGamesQuery.data ?? [];
     const markGameAsFavoriteMutation = useMarkGameAsFavoriteMutation({
@@ -48,7 +53,12 @@ export function Game(props) {
     const classNames = isString(props.className)
         ? { root: props.className }
         : (props.className ?? {});
-    return (_jsxs(GameLaunchTrigger, { game: game, className: twMerge('group md:hover:-translate-y-1 relative block w-full animate-scale-in shadow-sm transition-transform duration-200', classNames.root), "aria-label": `Play ${game.name} game`, children: [props.badge === 'new' && (_jsx(BadgeNew, { className: "absolute top-0 left-0 size-[3.75rem]" })), props.badge === 'top' && (_jsx(BadgeTop, { className: "absolute top-0 left-0 size-[3.75rem]" })), props.badge === 'popular' && (_jsx(BadgePopular, { className: "absolute top-0 left-0 size-[3.75rem]" })), session?.status === 'authenticated' && (_jsx("div", { role: "button", tabIndex: 0, onClick: (e) => {
+    const markUnmarkGameAsFavoriteEnabled = session?.status !== 'authenticated'
+        ? false
+        : featureFlag.enabled
+            ? account?.status !== 'VERIFICATION_LOCKED'
+            : true;
+    return (_jsxs(GameLaunchTrigger, { game: game, className: twMerge('group md:hover:-translate-y-1 relative block w-full animate-scale-in shadow-sm transition-transform duration-200', classNames.root), "aria-label": `Play ${game.name} game`, children: [props.badge === 'new' && (_jsx(BadgeNew, { className: "absolute top-0 left-0 size-[3.75rem]" })), props.badge === 'top' && (_jsx(BadgeTop, { className: "absolute top-0 left-0 size-[3.75rem]" })), props.badge === 'popular' && (_jsx(BadgePopular, { className: "absolute top-0 left-0 size-[3.75rem]" })), markUnmarkGameAsFavoriteEnabled && (_jsx("div", { role: "button", tabIndex: 0, onClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     if (markGameAsFavoriteMutation.isPending)