@opexa/portal-components 0.0.98 → 0.0.100

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -4,18 +4,27 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useAuthenticateMutation, useGlobalStore, useSignInMutation, } from '../../client/hooks/index.js';
-import { toaster } from '../../client/utils/index.js';
+import { useAuthenticateMutation } from '../../client/hooks/useAuthenticateMutation.js';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { useSignInMutation } from '../../client/hooks/useSignInMutation.js';
+import { toaster } from '../../client/utils/toaster.js';
 import { SECRET_QUESTIONS, SECRET_QUESTIONS_MAP } from '../../constants/index.js';
-import { CheckIcon, EyeIcon, EyeOffIcon, FacebookIcon, GoogleIcon, } from '../../icons/index.js';
-import { Button, Checkbox, Field, PasswordInput } from '../../ui/index.js';
+import { CheckIcon } from '../../icons/CheckIcon.js';
+import { EyeIcon } from '../../icons/EyeIcon.js';
+import { EyeOffIcon } from '../../icons/EyeOffIcon.js';
+import { FacebookIcon } from '../../icons/FacebookIcon.js';
+import { GoogleIcon } from '../../icons/GoogleIcon.js';
+import { Button } from '../../ui/Button/index.js';
+import { Checkbox } from '../../ui/Checkbox/index.js';
+import { Field } from '../../ui/Field/index.js';
+import { PasswordInput } from '../../ui/PasswordInput/index.js';
 import { useSignInContext } from './SignInContext.js';
 export function NameAndPasswordSignIn() {
     const context = useSignInContext();
     const dialog = useDialogContext();
-    const globalStore = useGlobalStore(useShallow((popups) => ({
-        signIn: popups.signIn,
-        signUp: popups.signUp,
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        signIn: ctx.signIn,
+        signUp: ctx.signUp,
     })));
     const signInMutation = useSignInMutation({
         onSuccess(authenticator) {

package/dist/components/SignIn/SignIn.d.ts

@@ -1,7 +1,3 @@
-import { type ImageProps } from 'next/image';
-import type { ReactNode } from 'react';
-export interface SignInProps {
-    logo: ImageProps['src'];
-    children?: ReactNode;
-}
-export declare function SignIn(props: SignInProps): import("react/jsx-runtime").JSX.Element;
+import type { SignInProps } from './SignIn.lazy';
+export declare function SignIn(props: SignInProps): import("react/jsx-runtime").JSX.Element | undefined;
+export type { SignInProps };

package/dist/components/SignIn/SignIn.js

@@ -1,18 +1,14 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
-import Image, {} from 'next/image';
+import { jsx as _jsx } from "react/jsx-runtime";
+import dynamic from 'next/dynamic';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/index.js';
-import { XIcon } from '../../icons/index.js';
-import { Dialog } from '../../ui/index.js';
-import { SignInContext } from './SignInContext.js';
-import { SignInForm } from './SignInForm.js';
-import { useSignIn } from './useSignIn.js';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+const Component = dynamic(() => import('./SignIn.lazy.js').then((m) => m.SignIn), {
+    ssr: false,
+    loading: () => null,
+});
 export function SignIn(props) {
-    const signIn = useSignIn();
-    const signInStore = useGlobalStore(useShallow((popups) => popups.signIn));
-    return (_jsx(SignInContext, { value: signIn, children: _jsx(Dialog.Root, { open: signInStore.open, onOpenChange: (details) => {
-                signInStore.setOpen(details.open);
-            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-7.5 w-auto", draggable: false }), _jsx(SignInForm, {})] }) })] }) }) }));
+    const touched = useGlobalStore(useShallow((ctx) => ctx.signIn['~touched']));
+    if (touched)
+        return _jsx(Component, { ...props });
 }

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

@@ -0,0 +1,7 @@
+import { type ImageProps } from 'next/image';
+import type { ReactNode } from 'react';
+export interface SignInProps {
+    logo: ImageProps['src'];
+    children?: ReactNode;
+}
+export declare function SignIn(props: SignInProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignIn/SignIn.lazy.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Portal } from '@ark-ui/react';
+import Image, {} from 'next/image';
+import { useShallow } from 'zustand/shallow';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { XIcon } from '../../icons/XIcon.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { SignInContext } from './SignInContext.js';
+import { SignInForm } from './SignInForm.js';
+import { useSignIn } from './useSignIn.js';
+export function SignIn(props) {
+    const signIn = useSignIn();
+    const signInStore = useGlobalStore(useShallow((ctx) => ctx.signIn));
+    return (_jsx(SignInContext, { value: signIn, children: _jsx(Dialog.Root, { open: signInStore.open, onOpenChange: (details) => {
+                signInStore.setOpen(details.open);
+            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-7.5 w-auto", draggable: false }), _jsx(SignInForm, {})] }) })] }) }) }));
+}

package/dist/components/SignIn/SignInContext.js

@@ -1,2 +1,2 @@
-import { createContext } from '../../client/utils/index.js';
+import { createContext } from '../../client/utils/createContext.js';
 export const [SignInContext, useSignInContext] = createContext();

package/dist/components/SignIn/SignInMethod.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { z } from 'zod';
-import { SegmentGroup } from '../../ui/index.js';
+import { SegmentGroup } from '../../ui/SegmentGroup/index.js';
 import { useSignInContext } from './SignInContext.js';
 const METHODS = [
     'MOBILE_NUMBER',

package/dist/components/SignIn/SignInTrigger.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/index.js';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 export function SignInTrigger(props) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         signIn: ctx.signIn,

package/dist/components/SignUp/SignUp.d.ts

@@ -1,7 +1,3 @@
-import { type ImageProps } from 'next/image';
-import { type ReactNode } from 'react';
-export interface SignUpProps {
-    logo: ImageProps['src'];
-    children?: ReactNode;
-}
-export declare function SignUp(props: SignUpProps): import("react/jsx-runtime").JSX.Element;
+import type { SignUpProps } from './SignUp.lazy';
+export declare function SignUp(props: SignUpProps): import("react/jsx-runtime").JSX.Element | undefined;
+export type { SignUpProps };

package/dist/components/SignUp/SignUp.js

@@ -1,16 +1,14 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
-import Image, {} from 'next/image';
-import { Suspense } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import dynamic from 'next/dynamic';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/index.js';
-import { XIcon } from '../../icons/index.js';
-import { Dialog } from '../../ui/index.js';
-import { SignUpForm } from './SignUpForm.js';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+const Component = dynamic(() => import('./SignUp.lazy.js').then((m) => m.SignUp), {
+    ssr: false,
+    loading: () => null,
+});
 export function SignUp(props) {
-    const signUpStore = useGlobalStore(useShallow((popups) => popups.signUp));
-    return (_jsx(Dialog.Root, { open: signUpStore.open, onOpenChange: (details) => {
-            signUpStore.setOpen(details.open);
-        }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpForm, {}) })] }) })] }) }));
+    const touched = useGlobalStore(useShallow((ctx) => ctx.signUp['~touched']));
+    if (touched)
+        return _jsx(Component, { ...props });
 }

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

@@ -0,0 +1,7 @@
+import { type ImageProps } from 'next/image';
+import { type ReactNode } from 'react';
+export interface SignUpProps {
+    logo: ImageProps['src'];
+    children?: ReactNode;
+}
+export declare function SignUp(props: SignUpProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignUp/SignUp.lazy.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Portal } from '@ark-ui/react';
+import Image, {} from 'next/image';
+import { Suspense } from 'react';
+import { useShallow } from 'zustand/shallow';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { XIcon } from '../../icons/XIcon.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { SignUpForm } from './SignUpForm.js';
+export function SignUp(props) {
+    const signUpStore = useGlobalStore(useShallow((ctx) => ctx.signUp));
+    return (_jsx(Dialog.Root, { open: signUpStore.open, onOpenChange: (details) => {
+            signUpStore.setOpen(details.open);
+        }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpForm, {}) })] }) })] }) }));
+}

package/dist/components/SignUp/SignUpForm.js

@@ -8,16 +8,26 @@ import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useCooldown, useGlobalStore, useLocaleInfo, useMobileNumberParser, useSendVerificationCodeMutation, useSignInMutation, useSignUpMutation, } from '../../client/hooks/index.js';
-import { toaster } from '../../client/utils/index.js';
-import { ArrowLeftIcon, CheckIcon } from '../../icons/index.js';
+import { useCooldown } from '../../client/hooks/useCooldown.js';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
+import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
+import { useSendVerificationCodeMutation } from '../../client/hooks/useSendVerificationCodeMutation.js';
+import { useSignInMutation } from '../../client/hooks/useSignInMutation.js';
+import { useSignUpMutation } from '../../client/hooks/useSignUpMutation.js';
+import { toaster } from '../../client/utils/toaster.js';
+import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.js';
+import { CheckIcon } from '../../icons/CheckIcon.js';
 import { ObjectType } from '../../services/ObjectType.js';
-import { Button, Checkbox, Field, PinInput } from '../../ui/index.js';
+import { Button } from '../../ui/Button/index.js';
+import { Checkbox } from '../../ui/Checkbox/index.js';
+import { Field } from '../../ui/Field/index.js';
+import { PinInput } from '../../ui/PinInput/index.js';
 export function SignUpForm() {
     const [step, setStep] = useState(1);
     const dialog = useDialogContext();
     const search = useSearchParams();
-    const signInStore = useGlobalStore(useShallow((popups) => popups.signIn));
+    const signInStore = useGlobalStore(useShallow((ctx) => ctx.signIn));
     const signUpMutation = useSignUpMutation();
     const signInMutation = useSignInMutation();
     const sendVerificationCodeMutation = useSendVerificationCodeMutation();

package/dist/components/SignUp/SignUpTrigger.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/index.js';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 export function SignUpTrigger(props) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         signUp: ctx.signUp,

package/dist/components/TopWins/TopWins.client.d.ts

@@ -1,2 +1,6 @@
-import type { TopWinsProps } from './TopWins';
+export interface TopWinsProps {
+    /** @default "Recent Big Wins" */
+    heading?: string;
+    className?: string;
+}
 export declare function TopWins__client(props: TopWinsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TopWins/TopWins.client.js

@@ -2,8 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import useEmblaCarousel from 'embla-carousel-react';
 import Image from 'next/image';
-import { useLocaleInfo, useTopWinsQuery } from '../../client/hooks/index.js';
-import { formatNumber, getGameImageUrl } from '../../utils/index.js';
+import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
+import { useTopWinsQuery } from '../../client/hooks/useTopWinsQuery.js';
+import { formatNumber } from '../../utils/formatNumber.js';
+import { getGameImageUrl } from '../../utils/getGameImageUrl.js';
 export function TopWins__client(props) {
     const localeInfo = useLocaleInfo();
     const topWinsQuery = useTopWinsQuery();
@@ -14,7 +16,10 @@ export function TopWins__client(props) {
     });
     if (!topWins?.length)
         return null;
-    return (_jsxs("div", { className: props.className, children: [_jsx("div", { className: "mb-3 text-lg font-semibold md:mb-4", children: props.heading ?? 'Recent Big Wins' }), _jsx("div", { ref: emblaRef, className: "relative lg:overflow-hidden", children: _jsx("div", { className: "flex gap-sm lg:gap-md", children: topWins.map((topWin) => (_jsxs("div", { className: "bg-bg-tertiary border-border-primary flex w-[calc((100%-(0.375rem*2))/3)] shrink-0 flex-col space-y-2 rounded-sm border p-2 text-center lg:w-[calc((100%-(0.5rem*5))/6)] xl:w-[calc((100%-(0.5rem*9))/10)]", children: [_jsx("div", { className: "mx-auto aspect-square w-full", children: topWin.game && (_jsx(Image, { width: 100, height: 100, src: getGameImageUrl(topWin.game), alt: "", className: "size-full rounded-sm object-cover" })) }), _jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "text-text-secondary-700 text-xs", children: topWin.member.name }), _jsx("div", { className: "text-text-primary-brand text-sm font-semibold", children: formatNumber(topWin.payout, {
+    return (_jsxs("div", { className: props.className, children: [_jsx("div", { className: "mb-3 text-lg font-semibold md:mb-4", children: props.heading ?? 'Recent Big Wins' }), _jsx("div", { ref: emblaRef, className: "relative lg:overflow-hidden", children: _jsx("div", { className: "flex gap-sm lg:gap-md", children: topWins.map((topWin) => (_jsxs("div", { className: "bg-bg-tertiary border-border-primary flex w-[calc((100%-(0.375rem*2))/3)] shrink-0 flex-col space-y-2 rounded-sm border p-2 text-center lg:w-[calc((100%-(0.5rem*5))/6)] xl:w-[calc((100%-(0.5rem*9))/10)]", children: [_jsx("div", { className: "mx-auto aspect-square w-full", children: topWin.game && (_jsx(Image, { width: 100, height: 100, src: getGameImageUrl({
+                                        id: topWin.game.id,
+                                        provider: topWin.game.provider,
+                                    }), alt: "", className: "size-full rounded-sm object-cover" })) }), _jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "text-text-secondary-700 text-xs", children: topWin.member.name }), _jsx("div", { className: "text-text-primary-brand text-sm font-semibold", children: formatNumber(topWin.payout, {
                                             currency: localeInfo.currency.code,
                                             minDecimalPlaces: 2,
                                         }) }), _jsxs("div", { className: "text-text-secondary-700 text-xs", children: [formatNumber(topWin.multiplier, {

package/dist/components/TopWins/TopWins.d.ts

@@ -1,6 +1,3 @@
-export interface TopWinsProps {
-    /** @default "Recent Big Wins" */
-    heading?: string;
-    className?: string;
-}
+import { type TopWinsProps } from './TopWins.client';
 export declare function TopWins(props: TopWinsProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export type { TopWinsProps };

package/dist/components/TopWins/TopWins.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { prefetchTopWinsQuery } from '../../server/utils/index.js';
+import { prefetchTopWinsQuery } from '../../server/utils/prefetchTopWinsQuery.js';
 import { TopWins__client } from './TopWins.client.js';
 export async function TopWins(props) {
     await prefetchTopWinsQuery();

package/dist/components/Tournaments/Tournaments.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { prefetchTournamentsQuery } from '../../server/utils/index.js';
+import { prefetchTournamentsQuery } from '../../server/utils/prefetchTournamentsQuery.js';
 import { TournamentsCarousel, } from './TournamentsCarousel/TournamentsCarousel.js';
 import { TournamentsList, } from './TournamentsList/TournamentsList.js';
 export async function Tournaments(props) {

package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarousel.js

@@ -4,10 +4,12 @@ import useEmblaCarousel from 'embla-carousel-react';
 import { isString } from 'lodash-es';
 import Link from 'next/link';
 import { useCallback, useEffect, useState } from 'react';
-import { useTournamentsQuery } from '../../../client/hooks/index.js';
-import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon, } from '../../../icons/index.js';
-import { Button } from '../../../ui/index.js';
-import { isStyleEntries } from '../../../utils/index.js';
+import { useTournamentsQuery } from '../../../client/hooks/useTournamentsQuery.js';
+import { ArrowLeftIcon } from '../../../icons/ArrowLeftIcon.js';
+import { ArrowRightIcon } from '../../../icons/ArrowRightIcon.js';
+import { ChevronRightIcon } from '../../../icons/ChevronRightIcon.js';
+import { Button } from '../../../ui/Button/index.js';
+import { isStyleEntries } from '../../../utils/isStyleEntries.js';
 import { TournamentsCarouselItemContext } from './TournamentsCarouselContext.js';
 import { TournamentsCarouselItem } from './TournamentsCarouselItem.js';
 export function TournamentsCarousel({ style, className, ...props }) {

package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarouselContext.js

@@ -1,2 +1,2 @@
-import { createContext } from '../../../client/utils/index.js';
+import { createContext } from '../../../client/utils/createContext.js';
 export const [TournamentsCarouselItemContext, useTournamentsCarouselItemContext,] = createContext();

package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarouselItem.js

@@ -5,13 +5,18 @@ import Image from 'next/image';
 import Link from 'next/link';
 import React, { useEffect, useMemo, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { useLocaleInfo } from '../../../client/hooks/index.js';
-import { Award01Icon, ChevronRightIcon, Trophy01Icon, User01Icon, } from '../../../icons/index.js';
+import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
+import { Award01Icon } from '../../../icons/Award01Icon.js';
+import { ChevronRightIcon } from '../../../icons/ChevronRightIcon.js';
 import { StarIcon } from '../../../icons/StarIcon.js';
+import { Trophy01Icon } from '../../../icons/Trophy01Icon.js';
+import { User01Icon } from '../../../icons/User01Icon.js';
 import firstPlace from '../../../images/first-place.png';
 import trophyTwo from '../../../images/trophy-two.png';
 import trophy from '../../../images/trophy.png';
-import { formatNumber, isStyleEntries, mask } from '../../../utils/index.js';
+import { formatNumber } from '../../../utils/formatNumber.js';
+import { isStyleEntries } from '../../../utils/isStyleEntries.js';
+import { mask } from '../../../utils/mask.js';
 import { useTournamentsCarouselItemContext } from './TournamentsCarouselContext.js';
 import css from './TournamentsCarouselItem.module.css';
 export function TournamentsCarouselItem({ style, className, viewAllUrl, }) {

package/dist/components/Tournaments/TournamentsList/TournamentsList.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { isString } from 'lodash-es';
 import Image from 'next/image';
-import { useTournamentsQuery } from '../../../client/hooks/index.js';
+import { useTournamentsQuery } from '../../../client/hooks/useTournamentsQuery.js';
 import closeChest from '../../../images/close-chest.png';
-import { isStyleEntries } from '../../../utils/index.js';
+import { isStyleEntries } from '../../../utils/isStyleEntries.js';
 import { TournamentsListItemContext, TournamentsListPropsContext, } from './TournamentsListContext.js';
 import { TournamentsListItemDesktop } from './TournamentsListItemDesktop.js';
 import { TournamentsListItemMobile } from './TournamentsListItemMobile.js';

package/dist/components/Tournaments/TournamentsList/TournamentsListContext.js

@@ -1,3 +1,3 @@
-import { createContext } from '../../../client/utils/index.js';
+import { createContext } from '../../../client/utils/createContext.js';
 export const [TournamentsListPropsContext, useTournamentsListPropsContext] = createContext();
 export const [TournamentsListItemContext, useTournamentsListItemContext] = createContext();

package/dist/components/Tournaments/TournamentsList/TournamentsListItemDesktop.js

@@ -3,11 +3,16 @@ import { isString } from 'lodash-es';
 import Image from 'next/image';
 import React, {} from 'react';
 import { twMerge } from 'tailwind-merge';
-import { Award01Icon, StarIcon, Trophy01Icon, User01Icon, } from '../../../icons/index.js';
+import { Award01Icon } from '../../../icons/Award01Icon.js';
+import { StarIcon } from '../../../icons/StarIcon.js';
+import { Trophy01Icon } from '../../../icons/Trophy01Icon.js';
+import { User01Icon } from '../../../icons/User01Icon.js';
 import firstPlace from '../../../images/first-place.png';
 import trophyTwo from '../../../images/trophy-two.png';
 import trophy from '../../../images/trophy.png';
-import { formatNumber, isStyleEntries, mask } from '../../../utils/index.js';
+import { formatNumber } from '../../../utils/formatNumber.js';
+import { isStyleEntries } from '../../../utils/isStyleEntries.js';
+import { mask } from '../../../utils/mask.js';
 import css from './TournamentItem.module.css';
 import { useTournamentsListItemContext } from './TournamentsListContext.js';
 import { TournamentsListItemGameProviders } from './TournamentsListItemGameProviders.js';

package/dist/components/Tournaments/TournamentsList/TournamentsListItemGameProviders.js

@@ -3,8 +3,9 @@ import useEmblaCarousel from 'embla-carousel-react';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useCallback, useEffect, useState } from 'react';
-import { ArrowLeftIcon, ArrowRightIcon } from '../../../icons/index.js';
-import { Button } from '../../../ui/index.js';
+import { ArrowLeftIcon } from '../../../icons/ArrowLeftIcon.js';
+import { ArrowRightIcon } from '../../../icons/ArrowRightIcon.js';
+import { Button } from '../../../ui/Button/index.js';
 export function TournamentsListItemGameProviders({ gameProviders, }) {
     const [emblaRef, emblaApi] = useEmblaCarousel({
         align: 'start',

package/dist/components/Tournaments/TournamentsList/TournamentsListItemMobile.js

@@ -3,11 +3,18 @@ import { isString } from 'lodash-es';
 import Image from 'next/image';
 import { Fragment, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { ArrowNarrowDownIcon, ArrowNarrowUpIcon, Award01Icon, StarIcon, Trophy01Icon, User01Icon, } from '../../../icons/index.js';
+import { ArrowNarrowDownIcon } from '../../../icons/ArrowNarrowDownIcon.js';
+import { ArrowNarrowUpIcon } from '../../../icons/ArrowNarrowUpIcon.js';
+import { Award01Icon } from '../../../icons/Award01Icon.js';
+import { StarIcon } from '../../../icons/StarIcon.js';
+import { Trophy01Icon } from '../../../icons/Trophy01Icon.js';
+import { User01Icon } from '../../../icons/User01Icon.js';
 import firstPlace from '../../../images/first-place.png';
 import trophy from '../../../images/trophy.png';
-import { Button } from '../../../ui/index.js';
-import { formatNumber, isStyleEntries, mask } from '../../../utils/index.js';
+import { Button } from '../../../ui/Button/index.js';
+import { formatNumber } from '../../../utils/formatNumber.js';
+import { isStyleEntries } from '../../../utils/isStyleEntries.js';
+import { mask } from '../../../utils/mask.js';
 import { useTournamentsListItemContext } from './TournamentsListContext.js';
 import { TournamentsListItemGameProviders } from './TournamentsListItemGameProviders.js';
 import { TournamentsListItemRules } from './TournamentsListItemRules.js';

package/dist/components/Tournaments/TournamentsList/TournamentsListItemRules.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Portal } from '@ark-ui/react';
-import { Flag06Icon, XIcon } from '../../../icons/index.js';
-import { Dialog } from '../../../ui/index.js';
+import { Flag06Icon } from '../../../icons/Flag06Icon.js';
+import { XIcon } from '../../../icons/XIcon.js';
+import { Dialog } from '../../../ui/Dialog/index.js';
 import { useTournamentsListItemContext } from './TournamentsListContext.js';
 export function TournamentsListItemRules(props) {
     const tournament = useTournamentsListItemContext();

package/dist/components/Tournaments/TournamentsList/useTournamentListItemData.d.ts

@@ -6,5 +6,5 @@ export declare function useTournamentsListItemData(): {
     tournamentReward: number;
     prizeAmountsByRank: number[];
     filteredGameProviders: import("../../../types").GameProviderData[];
-    localeInfo: import("../../../utils").LocaleInfo;
+    localeInfo: import("../../../utils/getLocaleInfo").LocaleInfo;
 };

package/dist/components/Tournaments/TournamentsList/useTournamentListItemData.js

@@ -1,6 +1,6 @@
 import { pick } from 'lodash-es';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useLocaleInfo } from '../../../client/hooks/index.js';
+import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
 import { GAME_PROVIDER_DATA } from '../../../constants/index.js';
 import { useTournamentsListItemContext, useTournamentsListPropsContext, } from './TournamentsListContext.js';
 export function useTournamentsListItemData() {

package/dist/components/TransactionRecords/DepositRecordsTable.js

@@ -4,10 +4,18 @@ import { tz, TZDateMini } from '@date-fns/tz';
 import { endOfDay, format, startOfDay } from 'date-fns';
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { useDepositRecordsQuery, useInfiniteQueryHelper, useLocaleInfo, } from '../../client/hooks/index.js';
-import { ChevronLeftIcon, ChevronRightIcon, File02Icon, SpinnerIcon, } from '../../icons/index.js';
-import { Badge, IconButton, Table } from '../../ui/index.js';
-import { capitalize, formatNumber } from '../../utils/index.js';
+import { useDepositRecordsQuery } from '../../client/hooks/useDepositRecordsQuery.js';
+import { useInfiniteQueryHelper } from '../../client/hooks/useInfiniteQueryHelper.js';
+import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
+import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
+import { ChevronRightIcon } from '../../icons/ChevronRightIcon.js';
+import { File02Icon } from '../../icons/File02Icon.js';
+import { SpinnerIcon } from '../../icons/SpinnerIcon.js';
+import { Badge } from '../../ui/Badge/index.js';
+import { IconButton } from '../../ui/IconButton/index.js';
+import { Table } from '../../ui/Table/index.js';
+import { capitalize } from '../../utils/capitalize.js';
+import { formatNumber } from '../../utils/formatNumber.js';
 import { Empty } from '../Empty.js';
 import { TableFilters } from './TableFilters.js';
 export function DepositRecordsTable() {

package/dist/components/TransactionRecords/TableFilters.js

@@ -3,10 +3,15 @@ import { createListCollection, parseDate, Portal } from '@ark-ui/react';
 import { endOfDay, startOfDay } from 'date-fns';
 import { useState } from 'react';
 import { z } from 'zod';
-import { useControllableState } from '../../client/hooks/index.js';
-import { CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from '../../icons/index.js';
-import { DatePicker, SegmentGroup, Select } from '../../ui/index.js';
-import { capitalize } from '../../utils/index.js';
+import { useControllableState } from '../../client/hooks/useControllableState.js';
+import { CheckIcon } from '../../icons/CheckIcon.js';
+import { ChevronDownIcon } from '../../icons/ChevronDownIcon.js';
+import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
+import { ChevronRightIcon } from '../../icons/ChevronRightIcon.js';
+import { DatePicker } from '../../ui/DatePicker/index.js';
+import { SegmentGroup } from '../../ui/SegmentGroup/index.js';
+import { Select } from '../../ui/Select/index.js';
+import { capitalize } from '../../utils/capitalize.js';
 const TabDefinition = z.enum(['all', 'today', 'custom']).catch('all');
 const DEPOSIT_STATUSES = [
     'ACCEPTED',

package/dist/components/TransactionRecords/TransactionRecords.d.ts

@@ -1,4 +1,4 @@
 export interface TransactionRecordsProps {
     className?: string;
 }
-export declare function TransactionRecords(props: TransactionRecordsProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionRecords(props: TransactionRecordsProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/TransactionRecords/TransactionRecords.js

@@ -1,8 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tabs } from '../../ui/index.js';
+import { prefetchTransactionRecordsQuery } from '../../server/utils/prefetchTransactionRecordsQuery.js';
+import { Tabs } from '../../ui/Tabs/index.js';
 import { DepositRecordsTable } from './DepositRecordsTable.js';
 import { TransactionRecordsTable } from './TransactionRecordsTable.js';
 import { WithdrawalRecordsTable } from './WithdrawalRecordsTable.js';
-export function TransactionRecords(props) {
+export async function TransactionRecords(props) {
+    await prefetchTransactionRecordsQuery({
+        first: 10,
+        filter: {},
+    });
     return (_jsxs("div", { className: props.className, children: [_jsx("h2", { className: "text-sm font-semibold leading-tight lg:text-lg", children: "Transactions" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm leading-tight", children: "View your transaction records" }), _jsxs(Tabs.Root, { className: "mt-lg lg:mt-2xl", defaultValue: "transactions", lazyMount: true, unmountOnExit: true, children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "transactions", children: "All Transactions" }), _jsx(Tabs.Trigger, { value: "deposits", children: "Deposits" }), _jsx(Tabs.Trigger, { value: "withdrawals", children: "Withdrawals" }), _jsx(Tabs.Indicator, {})] }), _jsx("div", { className: "border-border-secondary mt-2xl hidden border-t lg:block" }), _jsx("h3", { className: "text-text-secondary-700 mt-3xl text-sm font-semibold", children: "Table" }), _jsx(Tabs.Content, { value: "transactions", className: "mt-xl", children: _jsx(TransactionRecordsTable, {}) }), _jsx(Tabs.Content, { value: "deposits", className: "mt-xl", children: _jsx(DepositRecordsTable, {}) }), _jsx(Tabs.Content, { value: "withdrawals", className: "mt-xl", children: _jsx(WithdrawalRecordsTable, {}) })] })] }));
 }

package/dist/components/TransactionRecords/TransactionRecordsTable.js

@@ -4,10 +4,17 @@ import { tz, TZDateMini } from '@date-fns/tz';
 import { endOfDay, format, startOfDay } from 'date-fns';
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { useInfiniteQueryHelper, useLocaleInfo, useTransactionRecordsQuery, } from '../../client/hooks/index.js';
-import { ChevronLeftIcon, ChevronRightIcon, File02Icon, SpinnerIcon, } from '../../icons/index.js';
-import { IconButton, Table } from '../../ui/index.js';
-import { capitalize, formatNumber } from '../../utils/index.js';
+import { useInfiniteQueryHelper } from '../../client/hooks/useInfiniteQueryHelper.js';
+import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
+import { useTransactionRecordsQuery } from '../../client/hooks/useTransactionRecordsQuery.js';
+import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
+import { ChevronRightIcon } from '../../icons/ChevronRightIcon.js';
+import { File02Icon } from '../../icons/File02Icon.js';
+import { SpinnerIcon } from '../../icons/SpinnerIcon.js';
+import { IconButton } from '../../ui/IconButton/index.js';
+import { Table } from '../../ui/Table/index.js';
+import { capitalize } from '../../utils/capitalize.js';
+import { formatNumber } from '../../utils/formatNumber.js';
 import { Empty } from '../Empty.js';
 import { TableFilters } from './TableFilters.js';
 export function TransactionRecordsTable() {

package/dist/components/TransactionRecords/WithdrawalRecordsTable.js

@@ -4,10 +4,18 @@ import { tz, TZDateMini } from '@date-fns/tz';
 import { endOfDay, format, startOfDay } from 'date-fns';
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { useInfiniteQueryHelper, useLocaleInfo, useWithdrawalRecordsQuery, } from '../../client/hooks/index.js';
-import { ChevronLeftIcon, ChevronRightIcon, File02Icon, SpinnerIcon, } from '../../icons/index.js';
-import { Badge, IconButton, Table } from '../../ui/index.js';
-import { capitalize, formatNumber } from '../../utils/index.js';
+import { useInfiniteQueryHelper } from '../../client/hooks/useInfiniteQueryHelper.js';
+import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
+import { useWithdrawalRecordsQuery } from '../../client/hooks/useWithdrawalRecordsQuery.js';
+import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
+import { ChevronRightIcon } from '../../icons/ChevronRightIcon.js';
+import { File02Icon } from '../../icons/File02Icon.js';
+import { SpinnerIcon } from '../../icons/SpinnerIcon.js';
+import { Badge } from '../../ui/Badge/index.js';
+import { IconButton } from '../../ui/IconButton/index.js';
+import { Table } from '../../ui/Table/index.js';
+import { capitalize } from '../../utils/capitalize.js';
+import { formatNumber } from '../../utils/formatNumber.js';
 import { Empty } from '../Empty.js';
 import { TableFilters } from './TableFilters.js';
 export function WithdrawalRecordsTable() {

package/dist/constants/endpoints.js

@@ -36,6 +36,6 @@ export const CMS_PORTAL_ENDPOINT = {
     production: 'https://portal-api.opexacms.io',
 }[ENVIRONMENT];
 export const STATIC_ENDPOINT = {
-    development: 'https://static.development.opexa.io',
-    production: 'https://static.opexa.io',
+    development: 'https://static.development.atalos.io',
+    production: 'https://static.atalos.io',
 }[ENVIRONMENT];