@opexa/portal-components 0.0.38 → 0.0.41

package/dist/components/GameLaunch/GameLaunch.js

@@ -1,34 +1,18 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Dialog, Portal, Presence } from '@ark-ui/react';
-import { useRef } from 'react';
+import { Dialog, Portal } from '@ark-ui/react';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
 import { useDisclosure, useEndGameSessionMutation, useFavoriteGamesQuery, useGlobalStore, useMarkGameAsFavoriteMutation, useUnmarkGameAsFavoriteMutation, } from '../../client/hooks/index.js';
-import { AlertCircleIcon, ChevronLeftIcon, CoinsHandIcon, Expand03Icon, SpinnerIcon, Star01Icon, XIcon, } from '../../icons/index.js';
-import { AlertDialog, Button, IconButton } from '../../ui/index.js';
+import { AlertCircleIcon, ChevronDownIcon, ChevronLeftIcon, CoinsHandIcon, Expand03Icon, SpinnerIcon, Star01Icon, XIcon, } from '../../icons/index.js';
+import { AlertDialog, Button, IconButton, Presence } from '../../ui/index.js';
 export function GameLaunch() {
-    const ref = useRef(null);
-    const maximizeDisclosure = useDisclosure({
-        defaultOpen: true,
-        onOpenChange(open) {
-            if (!open) {
-                setTimeout(() => {
-                    ref.current?.scrollIntoView({
-                        behavior: 'smooth',
-                        block: 'start',
-                        inline: 'start',
-                    });
-                }, 25);
-            }
-        },
-    });
-    const cancelDisclosure = useDisclosure();
-    const endGameSessionMutation = useEndGameSessionMutation();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         gameLaunch: ctx.gameLaunch,
         depositWithdrawal: ctx.depositWithdrawal,
     })));
+    const maximizeDisclosure = useDisclosure({ defaultOpen: true });
+    const cancelDisclosure = useDisclosure();
     async function endGameSession() {
         if (globalStore.gameLaunch.details.status === 'PLAYING') {
             await endGameSessionMutation.mutateAsync({
@@ -45,6 +29,7 @@ export function GameLaunch() {
     }
     const favoriteGamesQuery = useFavoriteGamesQuery();
     const favoriteGames = favoriteGamesQuery.data ?? [];
+    const endGameSessionMutation = useEndGameSessionMutation();
     const markGameAsFavoriteMutation = useMarkGameAsFavoriteMutation();
     const unmarkGameAsFavoriteMutation = useUnmarkGameAsFavoriteMutation();
     const markedAsFavorite = favoriteGames.some((favoriteGame) => {
@@ -54,43 +39,34 @@ export function GameLaunch() {
                 ? favoriteGame.id === globalStore.gameLaunch.details.game.reference
                 : favoriteGame.id === globalStore.gameLaunch.details.game.id;
     });
-    return (_jsxs(_Fragment, { children: [_jsxs(Presence, { ref: ref, present: globalStore.gameLaunch.details.status !== 'WAITING' &&
-                    !maximizeDisclosure.open, lazyMount: true, unmountOnExit: globalStore.gameLaunch.details.status === 'WAITING', className: "border-border-primary bg-bg-primary-alt w-full overflow-hidden rounded-lg border ui-open:animate-fade-in ui-closed:animate-fade-out", children: [_jsxs("section", { className: "aspect-[960/540] w-full", children: [globalStore.gameLaunch.details.status === 'LOADING' && (_jsx("div", { className: "flex size-full items-center justify-center", children: _jsx(SpinnerIcon, { className: "size-8" }) })), globalStore.gameLaunch.details.status === 'FAILED' && (_jsx("div", {})), globalStore.gameLaunch.details.status === 'PLAYING' && (_jsx("iframe", { src: globalStore.gameLaunch.details.session?.launchUrl ?? '', className: "size-full" }))] }), _jsxs("section", { className: "border-border-primary flex justify-end gap-2 border-t p-2", children: [_jsx(IconButton, { size: "xs", variant: "outline", colorScheme: "gray", onClick: () => {
-                                    if (globalStore.gameLaunch.details.status !== 'PLAYING') {
-                                        endGameSession();
-                                        return;
-                                    }
-                                    cancelDisclosure.setOpen(true);
-                                }, disabled: globalStore.gameLaunch.details.status === 'LOADING', "aria-label": "Quit Game", children: _jsx(XIcon, { className: "size-5" }) }), _jsx(IconButton, { size: "xs", variant: "outline", colorScheme: "gray", disabled: globalStore.gameLaunch.details.status === 'LOADING', "aria-label": markedAsFavorite ? 'Remove from Favorites' : 'Add to Favorites', onClick: () => {
-                                    if (!globalStore.gameLaunch.details.game)
-                                        return;
-                                    if (markedAsFavorite) {
-                                        unmarkGameAsFavoriteMutation.mutate('reference' in globalStore.gameLaunch.details.game
-                                            ? globalStore.gameLaunch.details.game.reference
-                                            : globalStore.gameLaunch.details.game.id);
-                                    }
-                                    else {
-                                        markGameAsFavoriteMutation.mutate('reference' in globalStore.gameLaunch.details.game
-                                            ? globalStore.gameLaunch.details.game.reference
-                                            : globalStore.gameLaunch.details.game.id);
-                                    }
-                                }, children: _jsx(Star01Icon, { className: twMerge('size-5', markedAsFavorite
-                                        ? 'text-yellow-400 fill-yellow-400'
-                                        : 'text-inherit') }) }), _jsx(IconButton, { size: "xs", variant: "outline", colorScheme: "gray", onClick: () => maximizeDisclosure.setOpen(true), title: "Maximize", "aria-label": "Maximize", children: _jsx(Expand03Icon, { className: "size-5" }) })] })] }), _jsx(Dialog.Root, { open: globalStore.gameLaunch.details.status !== 'WAITING' &&
-                    maximizeDisclosure.open &&
-                    !cancelDisclosure.open, lazyMount: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsx(Portal, { children: _jsx(Dialog.Positioner, { className: "z-dialog fixed inset-0", children: _jsxs(Dialog.Content, { className: "ui-open:animate-dialog-in ui-closed:animate-dialog-out bg-bg-primary-alt flex size-full flex-col", children: [_jsxs("section", { className: "flex items-center gap-2 px-4 py-2", children: [_jsx(IconButton, { size: "xs", variant: "outline", onClick: () => {
-                                                if (globalStore.gameLaunch.details.status !== 'PLAYING') {
-                                                    endGameSession();
-                                                    return;
-                                                }
-                                                cancelDisclosure.setOpen(true);
-                                            }, disabled: globalStore.gameLaunch.details.status === 'LOADING', title: "Quit", "aria-label": "Quit Game", children: _jsx(ChevronLeftIcon, { className: "size-5" }) }), _jsx("div", { className: "grow" }), _jsx(IconButton, { size: "xs", variant: "outline", children: _jsx(Star01Icon, { className: twMerge('size-5', markedAsFavorite
-                                                    ? 'text-yellow-400 fill-yellow-400'
-                                                    : 'text-inherit') }) }), _jsx(IconButton, { size: "xs", variant: "outline", onClick: () => maximizeDisclosure.setOpen(false), title: "Minimize", "aria-label": "Minimize", children: _jsx(Expand03Icon, { className: "size-5" }) }), _jsx(IconButton, { size: "xs", fullWidth: false, onClick: () => {
-                                                globalStore.depositWithdrawal.setOpen(true);
-                                            }, children: _jsx(CoinsHandIcon, { className: "size-5" }) })] }), _jsxs("section", { className: "grow", children: [globalStore.gameLaunch.details.status === 'LOADING' && (_jsx("div", { className: "flex size-full items-center justify-center", children: _jsx(SpinnerIcon, { className: "size-8" }) })), globalStore.gameLaunch.details.status === 'FAILED' && (_jsx("div", {})), globalStore.gameLaunch.details.status === 'PLAYING' && (_jsx("iframe", { src: globalStore.gameLaunch.details.session.launchUrl ?? '', className: "size-full" }))] })] }) }) }) }), _jsx(AlertDialog.Root, { role: "alertdialog", open: cancelDisclosure.open, onOpenChange: (details) => {
+    return (_jsxs(_Fragment, { children: [_jsx(Dialog.Root, { open: globalStore.gameLaunch.details.status !== 'WAITING' &&
+                    !cancelDisclosure.open, lazyMount: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsx(Portal, { children: _jsx(Dialog.Positioner, { className: "z-dialog fixed inset-0", children: _jsxs(Dialog.Content, { className: "ui-open:animate-dialog-in ui-closed:animate-dialog-out bg-bg-primary-alt relative size-full", children: [_jsx(Presence, { asChild: true, lazyMount: true, unmountOnExit: true, present: !maximizeDisclosure.open, children: _jsxs("section", { className: "ui-open:animate-slide-in-down ui-closed:animate-slide-out-down bg-bg-primary-alt z-1 absolute left-0 top-0 flex h-[3.25rem] w-full items-center gap-2 px-4 py-2", children: [_jsx(IconButton, { size: "xs", variant: "outline", onClick: () => {
+                                                    if (globalStore.gameLaunch.details.status !== 'PLAYING') {
+                                                        endGameSession();
+                                                        return;
+                                                    }
+                                                    cancelDisclosure.setOpen(true);
+                                                }, disabled: globalStore.gameLaunch.details.status === 'LOADING', children: _jsx(ChevronLeftIcon, { className: "size-5" }) }), _jsx("div", { className: "grow" }), _jsx(IconButton, { size: "xs", variant: "outline", disabled: unmarkGameAsFavoriteMutation.isPending ||
+                                                    markGameAsFavoriteMutation.isPending, onClick: () => {
+                                                    if (!globalStore.gameLaunch.details.game)
+                                                        return;
+                                                    if (markedAsFavorite) {
+                                                        unmarkGameAsFavoriteMutation.mutate('reference' in globalStore.gameLaunch.details.game
+                                                            ? globalStore.gameLaunch.details.game.reference
+                                                            : globalStore.gameLaunch.details.game.id);
+                                                    }
+                                                    else {
+                                                        markGameAsFavoriteMutation.mutate('reference' in globalStore.gameLaunch.details.game
+                                                            ? globalStore.gameLaunch.details.game.reference
+                                                            : globalStore.gameLaunch.details.game.id);
+                                                    }
+                                                }, children: _jsx(Star01Icon, { className: twMerge('size-5', markedAsFavorite
+                                                        ? 'text-yellow-400 fill-yellow-400'
+                                                        : 'text-inherit') }) }), _jsx(IconButton, { size: "xs", variant: "outline", onClick: () => maximizeDisclosure.setOpen(true), children: _jsx(Expand03Icon, { className: "size-5" }) }), _jsx(IconButton, { size: "xs", fullWidth: false, onClick: () => {
+                                                    globalStore.depositWithdrawal.setOpen(true);
+                                                }, children: _jsx(CoinsHandIcon, { className: "size-5" }) })] }) }), _jsx(Presence, { asChild: true, lazyMount: true, unmountOnExit: true, present: maximizeDisclosure.open, children: _jsx("button", { type: "button", onClick: () => maximizeDisclosure.setOpen(false), className: "shadow-xs ui-open:animate-slide-in-down ui-closed:animate-slide-out-down z-1 absolute left-1/2 top-0 flex h-7.5 w-[4.5rem] -translate-x-1/2 items-center justify-center rounded-b-md bg-white/30 backdrop-blur-sm", children: _jsx(ChevronDownIcon, {}) }) }), _jsxs("section", { className: "size-full", children: [globalStore.gameLaunch.details.status === 'LOADING' && (_jsx("div", { className: "flex size-full items-center justify-center", children: _jsx(SpinnerIcon, { className: "size-8" }) })), globalStore.gameLaunch.details.status === 'FAILED' && (_jsx("div", {})), globalStore.gameLaunch.details.status === 'PLAYING' && (_jsx("iframe", { src: globalStore.gameLaunch.details.session.launchUrl ?? '', className: "size-full" }))] })] }) }) }) }), _jsx(AlertDialog.Root, { role: "alertdialog", open: cancelDisclosure.open, onOpenChange: (details) => {
                     cancelDisclosure.setOpen(details.open);
-                }, lazyMount: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, {}), _jsx(AlertDialog.Positioner, { children: _jsxs(AlertDialog.Content, { children: [_jsxs(AlertDialog.Header, { children: [_jsx("div", { className: "bg-error-700/25 text-error-200 flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) }), _jsx(AlertDialog.CloseTrigger, { children: _jsx(XIcon, {}) })] }), _jsxs(AlertDialog.Body, { children: [_jsx(AlertDialog.Title, { children: "Quit Game" }), _jsx(AlertDialog.Description, { children: "Are you sure you want to quit?" })] }), _jsx(AlertDialog.Context, { children: (api) => (_jsxs(AlertDialog.Footer, { children: [_jsx(Button, { variant: "outline", colorScheme: "gray", disabled: endGameSessionMutation.isPending, onClick: () => {
+                }, lazyMount: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, {}), _jsx(AlertDialog.Positioner, { children: _jsxs(AlertDialog.Content, { children: [_jsx(AlertDialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(AlertDialog.Header, { children: _jsx("div", { className: "bg-bg-error-secondary text-text-featured-icon-light-error flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, { className: "size-6" }) }) }), _jsxs(AlertDialog.Body, { children: [_jsx(AlertDialog.Title, { children: "Quit Game" }), _jsx(AlertDialog.Description, { children: "Are you sure you want to quit?" })] }), _jsx(AlertDialog.Context, { children: (api) => (_jsxs(AlertDialog.Footer, { children: [_jsx(Button, { variant: "outline", colorScheme: "gray", disabled: endGameSessionMutation.isPending, onClick: () => {
                                                         api.setOpen(false);
                                                     }, children: "Cancel" }), _jsx(Button, { colorScheme: "danger", disabled: endGameSessionMutation.isPending, onClick: async () => {
                                                         await endGameSession();

package/dist/components/KYC/KYC.d.ts

@@ -0,0 +1 @@
+export declare function KYC(): null;

package/dist/components/KYC/KYC.js

@@ -0,0 +1,3 @@
+export function KYC() {
+    return null;
+}

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

@@ -0,0 +1 @@
+export * from './KYC';

package/dist/components/KYC/index.js

@@ -0,0 +1 @@
+export * from './KYC.js';

package/dist/components/Messages/MessageItem.js

@@ -6,21 +6,26 @@ import { useShallow } from 'zustand/shallow';
 import { useGlobalStore, useLocaleInfo, useMarkMessageAsReadMutation, } from '../../client/hooks/index.js';
 import { getMessageIcon } from '../../components/Messages/utils.js';
 export function MessageItem({ message }) {
-    const { id, title, dateTimeCreated, content, markedAsRead, icon, actions } = message;
+    const { 
+    /**/
+    id, icon, title, content, actions, markedAsRead, dateTimeCreated, } = message;
     const localeInfo = useLocaleInfo();
-    const { messages: messagesStore } = useGlobalStore(useShallow((ctx) => ({ messages: ctx.messages })));
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        message: ctx.message,
+        messages: ctx.messages,
+    })));
     const { mutate } = useMarkMessageAsReadMutation();
     const Icon = getMessageIcon(icon);
     const handleViewMessage = async () => {
         mutate(id);
-        messagesStore.setOpen(false);
-        messagesStore.message.setData(message);
-        messagesStore.message.setOpen(true);
+        globalStore.message.setData(message);
+        globalStore.message.setOpen(true);
+        globalStore.messages.setOpen(false);
     };
     const handleActionClick = (e) => {
         e.stopPropagation();
-        messagesStore.setOpen(false);
-        messagesStore.setTab('ALL');
+        globalStore.messages.setOpen(false);
+        globalStore.messages.setTab('ALL');
     };
     return (_jsxs("div", { role: "button", tabIndex: 0, className: "border-border-secondary rounded-xs bg-bg-secondary flex h-auto flex-shrink-0 cursor-pointer flex-col border px-3.5 py-2.5", onClick: handleViewMessage, "aria-pressed": "false", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("p", { className: "text-text-tertiary-600 text-xs font-normal", children: format(new Date(dateTimeCreated), 'M/d/yyyy - h:mma', {
                             in: tz(localeInfo.timezone),

package/dist/components/Messages/MessagePopup.js

@@ -7,12 +7,13 @@ import { XIcon } from '../../icons/index.js';
 import { Dialog } from '../../ui/index.js';
 import { getMessageIcon } from './utils.js';
 export const MessagePopup = () => {
-    const { messages: messagesStore } = useGlobalStore(useShallow((ctx) => ({ messages: ctx.messages })));
-    const message = messagesStore.message.data;
-    const Icon = getMessageIcon(message?.icon ?? 'MESSAGE');
-    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: messagesStore.message.open, onOpenChange: ({ open }) => {
-            messagesStore.message.setOpen(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: "min-h-auto mx-auto min-w-[21.438rem] max-w-[21.438rem] rounded-xl px-xl pb-0 pt-5 shadow-xl", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "pb-6", children: [_jsx("div", { className: "bg-bg-brand-secondary mx-auto w-fit rounded-full p-3", children: _jsx(Icon, { className: "text-text-brand", height: "24", width: "24" }) }), _jsx("p", { className: "text-text-primary-brand mt-lg text-center text-lg font-semibold leading-tight", children: message?.title }), _jsx("div", { className: "text-shadow-text-secondary-700 mt-xs text-center text-sm font-normal leading-tight", dangerouslySetInnerHTML: { __html: message?.content ?? '' } })] }), message?.actions.length ? (_jsx("div", { className: "flex flex-col space-y-2 px-4 pb-8 pt-6 text-center", children: message.actions.map((action, index) => (_jsx(Link, { className: "bg-button-primary-bg rounded-xs text-button-primary-fg w-full px-4 py-2.5 text-base font-semibold", href: action.url, onClick: () => {
-                                        messagesStore.message.setOpen(false);
+    const globalStore = useGlobalStore(useShallow((ctx) => ({ message: ctx.message })));
+    const Icon = getMessageIcon(globalStore.message.data?.icon ?? 'MESSAGE');
+    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: globalStore.message.open, onOpenChange: ({ open }) => {
+            globalStore.message.setOpen(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: "min-h-auto mx-auto min-w-[21.438rem] max-w-[21.438rem] rounded-xl px-xl pb-0 pt-5 shadow-xl", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "pb-6", children: [_jsx("div", { className: "bg-bg-brand-secondary mx-auto w-fit rounded-full p-3", children: _jsx(Icon, { className: "text-text-brand", height: "24", width: "24" }) }), _jsx("p", { className: "text-text-primary-brand mt-lg text-center text-lg font-semibold leading-tight", children: globalStore.message.data?.title }), _jsx("div", { className: "text-shadow-text-secondary-700 mt-xs text-center text-sm font-normal leading-tight", dangerouslySetInnerHTML: {
+                                            __html: globalStore.message.data?.content ?? '',
+                                        } })] }), globalStore.message.data?.actions.length ? (_jsx("div", { className: "flex flex-col space-y-2 px-4 pb-8 pt-6 text-center", children: globalStore.message.data.actions.map((action, index) => (_jsx(Link, { className: "bg-button-primary-bg rounded-xs text-button-primary-fg w-full px-4 py-2.5 text-base font-semibold", href: action.url, onClick: () => {
+                                        globalStore.message.setOpen(false);
                                     }, children: action.name }, index))) })) : null] }) })] }) }));
 };

package/dist/components/PortalProvider/PortalProvider.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface PortalProviderProps {
     googleAnalyticsId?: string;
     googleTagManagerId?: string;
@@ -6,4 +6,4 @@ export interface PortalProviderProps {
     facebookPixelId?: string;
     children: ReactNode;
 }
-export declare function PortalProvider({ children, ...props }: PortalProviderProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function PortalProvider({ children, facebookPixelId, googleAnalyticsId, googleTagManagerId, googleRecaptchaSiteKey, }: PortalProviderProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/PortalProvider/PortalProvider.js

@@ -1,15 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { GoogleAnalytics, GoogleTagManager } from '@next/third-parties/google';
 import { dehydrate, HydrationBoundary } from '@tanstack/react-query';
-import {} from 'react';
 import { prefetchAccountQuery, prefetchSessionQuery, prefetchWalletQuery, } from '../../server/utils/index.js';
+import { FacebookPixel, GoogleRecaptcha } from '../../third-parties/index.js';
 import { getQueryClient } from '../../utils/index.js';
-import { PortalProvider__client } from './PortalProvider.client.js';
-export async function PortalProvider({ children, ...props }) {
+import { Providers } from './Providers.js';
+import { Snackbar } from './Snackbar.js';
+import { WebVitals } from './WebVitals.js';
+export async function PortalProvider({ children, facebookPixelId, googleAnalyticsId, googleTagManagerId, googleRecaptchaSiteKey, }) {
     const queryClient = getQueryClient();
     await Promise.all([
         prefetchSessionQuery(),
         prefetchAccountQuery(),
         prefetchWalletQuery(),
     ]);
-    return (_jsx(PortalProvider__client, { ...props, children: _jsx(HydrationBoundary, { state: dehydrate(queryClient), children: children }) }));
+    return (_jsxs(_Fragment, { children: [_jsx(Providers, { children: _jsx(HydrationBoundary, { state: dehydrate(queryClient), children: children }) }), _jsx(Snackbar, {}), _jsx(WebVitals, {}), facebookPixelId && _jsx(FacebookPixel, { fbId: facebookPixelId }), googleAnalyticsId && _jsx(GoogleAnalytics, { gaId: googleAnalyticsId }), googleTagManagerId && _jsx(GoogleTagManager, { gtmId: googleTagManagerId }), googleRecaptchaSiteKey && (_jsx(GoogleRecaptcha, { siteKey: googleRecaptchaSiteKey }))] }));
 }

package/dist/components/PortalProvider/Providers.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export declare function Providers({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/PortalProvider/Providers.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QueryClientProvider } from '@tanstack/react-query';
+import dynamic from 'next/dynamic';
+import { getQueryClient } from '../../utils/index.js';
+const ThemeProvider = dynamic(() => import('next-themes').then((mod) => mod.ThemeProvider), {
+    ssr: false,
+});
+export function Providers({ children }) {
+    const queryClient = getQueryClient();
+    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThemeProvider, { attribute: "class", storageKey: "WebPortalTheme", enableSystem: false, enableColorScheme: false, defaultTheme: "dark", disableTransitionOnChange: true, children: children }) }));
+}

package/dist/components/PortalProvider/Snackbar.d.ts

@@ -0,0 +1 @@
+export declare function Snackbar(): import("react/jsx-runtime").JSX.Element;

package/dist/components/PortalProvider/Snackbar.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toast, Toaster } from '@ark-ui/react';
+import { twMerge } from 'tailwind-merge';
+import { toaster } from '../../client/utils/index.js';
+import { AlertCircleIcon, XIcon } from '../../icons/index.js';
+export function Snackbar() {
+    return (_jsx(Toaster, { toaster: toaster, children: (toast) => (_jsxs(Toast.Root, { className: twMerge('group', 'p-xl', 'border', 'border-border-primary', 'bg-bg-primary-alt', 'flex', 'items-start', 'gap-lg', 'w-[21.438rem]', 'lg:w-[1200px]', 'max-w-full', 'rounded-xl', 'shadow-xs', 'h-[var(--height)]', 'z-[var(--z-index)]', 'scale-[var(--scale)]', 'opacity-[var(--opacity)]', '[translate:var(--x)_var(--y)_0]', 'transition-all', 'duration-300'), children: [_jsxs("div", { className: "flex grow flex-col gap-xl lg:flex-row lg:gap-lg", children: [_jsx("div", { className: twMerge('flex', 'items-center', 'justify-center', 'size-9.5', 'border-2', 'rounded-full', toast.type === 'success' && 'border-text-success-primary/15', toast.type === 'warning' && 'border-text-warning-primary/15', toast.type === 'error' && 'border-text-error-primary/15'), children: _jsx("div", { className: twMerge('flex', 'items-center', 'justify-center', 'size-7', 'border-2', 'rounded-full', toast.type === 'success' && 'border-text-success-primary/35', toast.type === 'warning' && 'border-text-warning-primary/35', toast.type === 'error' && 'border-text-error-primary/35'), children: _jsx(AlertCircleIcon, { className: twMerge('size-5', toast.type === 'success' && 'text-text-success-primary', toast.type === 'warning' && 'text-text-warning-primary', toast.type === 'error' && 'text-text-error-primary') }) }) }), _jsxs("div", { className: "grow text-sm leading-none", children: [_jsx(Toast.Title, { className: "text-text-secondary-700 font-semibold", children: toast.title
+                                        ? toast.title
+                                        : toast.type === 'error'
+                                            ? 'Error'
+                                            : toast.type === 'warning'
+                                                ? 'Warning'
+                                                : 'Success' }), _jsx(Toast.Description, { className: "text-text-tertiary-600 mt-xs", children: toast.description
+                                        ? toast.description
+                                        : toast.type === 'error'
+                                            ? 'Something went wrong.'
+                                            : toast.type === 'warning'
+                                                ? 'Please be cautious.'
+                                                : 'Operation completed successfully.' })] })] }), _jsx(Toast.CloseTrigger, { className: "text-text-secondary-700", children: _jsx(XIcon, { className: "size-5" }) })] }, toast.id)) }));
+}

package/dist/components/PortalProvider/WebVitals.d.ts

@@ -0,0 +1 @@
+export declare function WebVitals(): null;

package/dist/components/PortalProvider/WebVitals.js

@@ -0,0 +1,8 @@
+'use client';
+import { useReportWebVitals } from 'next/web-vitals';
+export function WebVitals() {
+    useReportWebVitals((metrics) => {
+        console.log(metrics);
+    });
+    return null;
+}

package/dist/components/index.d.ts

@@ -16,6 +16,7 @@ export * from './Games';
 export * from './GamesSearch';
 export * from './JackpotCounter';
 export * from './Jackpots';
+export * from './KYC';
 export * from './Marquee';
 export * from './Messages';
 export * from './PortalProvider';

package/dist/components/index.js

@@ -16,6 +16,7 @@ export * from './Games/index.js';
 export * from './GamesSearch/index.js';
 export * from './JackpotCounter/index.js';
 export * from './Jackpots/index.js';
+export * from './KYC/index.js';
 export * from './Marquee/index.js';
 export * from './Messages/index.js';
 export * from './PortalProvider/index.js';