@opexa/portal-components 0.1.52 → 0.1.54

package/dist/components/SignIn/HappyBingo/NameAndPasswordSignIn.js

@@ -265,7 +265,7 @@ export function NameAndPasswordSignIn() {
                                 signInMutation.reset();
                                 form.setValue('secretAnswer', '');
                             },
-                        }) }), _jsx(Field.ErrorText, { children: form.formState.errors.name?.message })] }), _jsx(Field.Root, { disabled: !!signInMutation.data, invalid: !!form.formState.errors.password, className: "mt-xl", children: _jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { className: "text-[#344054] dark:text-[#CECFD2]", children: "Password" }), _jsxs("div", { children: [_jsxs(PasswordInput.Control, { className: "border-[#D0D5DD] bg-white text-[#101828] dark:border-[#333741] dark:bg-[#1D2939] dark:text-[#F5F5F6]", children: [_jsx(PasswordInput.Input, { placeholder: "Enter your password", ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, className: 'text-[#98A2B3] dark:text-[#94969C]', children: _jsx(EyeIcon, {}) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsx("div", { className: "mt-2 flex justify-end", children: _jsx("button", { type: "button", tabIndex: -1, className: "font-semibold text-[#A15C07] text-sm dark:text-[#CECFD2]", onClick: () => {
+                        }) }), _jsx(Field.ErrorText, { children: form.formState.errors.name?.message })] }), _jsx(Field.Root, { disabled: !!signInMutation.data, invalid: !!form.formState.errors.password, className: "mt-xl", children: _jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { className: "text-[#344054] dark:text-[#CECFD2]", children: "Password" }), _jsxs("div", { children: [_jsxs(PasswordInput.Control, { className: "border-[#D0D5DD] bg-white text-[#101828] dark:border-[#333741] dark:bg-[#1D2939] dark:text-[#F5F5F6]", children: [_jsx(PasswordInput.Input, { placeholder: "Enter your password", ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, className: "text-[#98A2B3] dark:text-[#94969C]", children: _jsx(EyeIcon, {}) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsx("div", { className: "mt-2 flex justify-end", children: _jsx("button", { type: "button", tabIndex: -1, className: "font-semibold text-[#A15C07] text-sm dark:text-[#CECFD2]", onClick: () => {
                                     globalStore.forgotPassword.setOpen(true);
                                     dialog.setOpen(false);
                                 }, children: "Forgot Password?" }) })] }) }), signInMutation.data && (_jsxs(Field.Root, { invalid: !!form.formState.errors.secretAnswer, className: "mt-xl", children: [_jsx(Field.Label, { children: secretQuestion }), _jsx(Field.Input, { placeholder: "Answer the security question", ...form.register('secretAnswer') }), _jsx(Field.ErrorText, { children: form.formState.errors.secretAnswer?.message })] })), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: signInMutation.isPending || authenticateMutation.isPending, children: "Log In" }), _jsx(Controller, { control: form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { variant: "outline", checked: o.field.value, onCheckedChange: (details) => {

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -182,7 +182,7 @@ export function MobileNumberSignIn() {
     const step1Form = useForm({
         resolver: zodResolver(Step1Definition),
         defaultValues: {
-            mobileNumber: '',
+            mobileNumber: globalStore.signIn.prefillMobileNumber ?? '',
             termsAccepted: globalStore.responsibleGaming.accepted &&
                 globalStore.termsAndConditions.accepted
                 ? true
@@ -200,6 +200,9 @@ export function MobileNumberSignIn() {
         globalStore.responsibleGaming.accepted,
         step1Form,
     ]);
+    useEffect(() => {
+        globalStore.signIn.setPrefillMobileNumber(null);
+    }, [globalStore.signIn.setPrefillMobileNumber]);
     const step2Form = useForm({
         resolver: zodResolver(Step2Definition),
         defaultValues: {

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

@@ -1,5 +1,5 @@
 import { type ImageProps } from 'next/image';
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { VersionSession } from '../../services/auth';
 import type { CountryCode } from '../../utils/countries/types';
 import { type UseSignInProps } from './useSignIn';

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

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useIsMutating } from '@tanstack/react-query';
 import Image, {} from 'next/image';
+import { useEffect } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
@@ -26,6 +27,17 @@ export function SignIn(props) {
     const showLoader = mutating &&
         props.versionSession === 'Inplay' &&
         (signIn.type === 'NAME_AND_PASSWORD' || signIn.type === 'MOBILE_NUMBER');
+    useEffect(() => {
+        if (signInStore.open && signInStore.pendingType) {
+            signIn.setType(signInStore.pendingType);
+            signInStore.setPendingType(null);
+        }
+    }, [
+        signInStore.open,
+        signInStore.pendingType,
+        signInStore.setPendingType,
+        signIn,
+    ]);
     return (_jsx(SignInPropsProvider, { value: props, children: _jsx(SignInProvider, { value: signIn, children: _jsx(Dialog.Root, { open: signInStore.open, onOpenChange: (details) => {
                     signInStore.setOpen(details.open);
                 }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: () => {

package/dist/components/SignIn/useSignIn.js

@@ -9,7 +9,7 @@ export function useSignIn(props) {
         : props.types;
     const defaultActiveType = props?.defaultActiveTab
         ? ACTIVE_TAB_TYPE_MAP[props.defaultActiveTab]
-        : props?.defaultType ?? ACTIVE_TAB_TYPE_MAP.Mobile;
+        : (props?.defaultType ?? ACTIVE_TAB_TYPE_MAP.Mobile);
     const initialType = types.includes(defaultActiveType)
         ? defaultActiveType
         : types[0];

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

@@ -21,5 +21,5 @@ export function SignUpCrazyWin(props) {
             }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: () => {
                 globalStore.termsAndConditions.setAccepted(false);
                 globalStore.responsibleGaming.setAccepted(false);
-            }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge('h-full w-full lg:mx-auto lg:grid lg:h-[50rem] lg:w-[44.25rem] lg:grid-cols-2', props.className?.root), children: [_jsx("div", { className: "hidden h-full overflow-hidden rounded-l-xl lg:block", children: _jsx(Image, { src: "https://assets.opexacms.atalos.io/hd48QiKmacXs1XWnY", alt: "login banner", width: 1000, height: 1000, className: "h-full w-full", draggable: false }) }), _jsxs("div", { className: 'border-white/10 bg-[radial-gradient(103.87%_100%_at_50.15%_0%,_#072b37_20.3%,_#051125_100%)] backdrop-blur-[25px] lg:rounded-r-xl', children: [_jsx(Dialog.CloseTrigger, { className: "md:-right-10 -top-15 absolute right-2 z-10 size-5.5 rounded-md bg-gradient-to-t from-[#FFE5AF] to-[#EAC467] p-0.5", children: _jsx(XIcon, { className: "h-4.5 w-4.5 text-[#6C5200]" }) }), _jsx(Suspense, { children: _jsx(SignUpCrazyWinForm, {}) })] })] }) })] }) }) }));
+            }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge('h-full w-full lg:mx-auto lg:grid lg:h-[50rem] lg:w-[44.25rem] lg:grid-cols-2', props.className?.root), children: [_jsx("div", { className: "hidden h-full overflow-hidden rounded-l-xl lg:block", children: _jsx(Image, { src: "https://assets.opexacms.atalos.io/hd48QiKmacXs1XWnY", alt: "login banner", width: 1000, height: 1000, className: "h-full w-full", draggable: false }) }), _jsxs("div", { className: "border-white/10 bg-[radial-gradient(103.87%_100%_at_50.15%_0%,_#072b37_20.3%,_#051125_100%)] backdrop-blur-[25px] lg:rounded-r-xl", children: [_jsx(Dialog.CloseTrigger, { className: "md:-right-10 -top-15 absolute right-2 z-10 size-5.5 rounded-md bg-gradient-to-t from-[#FFE5AF] to-[#EAC467] p-0.5", children: _jsx(XIcon, { className: "h-4.5 w-4.5 text-[#6C5200]" }) }), _jsx(Suspense, { children: _jsx(SignUpCrazyWinForm, {}) })] })] }) })] }) }) }));
 }

package/dist/components/SignUp/SignUpCrazyWin/SignUpCrazyWinContext.js

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

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

@@ -2,6 +2,7 @@ import { type ImageProps } from 'next/image';
 import { type ReactNode } from 'react';
 import type { Branch } from '../../../types';
 import type { CountryCode } from '../../../utils/countries/types';
+import type { VersionSession } from '../../../services/auth';
 export interface ClassNameEntries {
     root?: string;
     publicPlayProhibitionRoot?: string;
@@ -22,6 +23,7 @@ export interface SignUpDefaultProps {
     responsibleGamingLogo?: ImageProps['src'];
     isRegulated?: boolean;
     variant?: string;
+    versionSession?: VersionSession;
     showMiddleNameField?: boolean;
     showEmailAddressField?: boolean;
     branchItemToValue?: 'code' | 'name';

package/dist/components/SignUp/SignUpDefault/SignUpDefaultForm.js

@@ -12,6 +12,7 @@ import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useCooldown } from '../../../client/hooks/useCooldown.js';
+import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../../client/hooks/useMobileNumberParser.js';
@@ -26,6 +27,7 @@ import { HelpCircleIcon } from '../../../icons/HelpCircleIcon.js';
 import pagcorLogo from '../../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../../images/responsible-gaming-gold.png';
 import { ObjectType } from '../../../services/ObjectType.js';
+import { checkInplayMemberExists } from '../../../services/auth.js';
 import { Button } from '../../../ui/Button/index.js';
 import { Checkbox } from '../../../ui/Checkbox/index.js';
 import { Field } from '../../../ui/Field/index.js';
@@ -62,11 +64,14 @@ export function SignUpDefaultForm() {
         kyc: ctx.kyc,
         termsOfUse: ctx.termsOfUse,
         setFirstTimeSignUp: ctx.setFirstTimeSignUp,
+        setPrefillMobileNumber: ctx.signIn.setPrefillMobileNumber,
+        setPendingType: ctx.signIn.setPendingType,
     })));
     const search = useSearchParams();
     const signUpMutation = useSignUpMutation();
     const signInMutation = useSignInMutation();
     const sendVerificationCodeMutation = useSendVerificationCodeMutation();
+    const featureFlag = useFeatureFlag();
     const localeInfo = useLocaleInfo();
     const mobileNumberParser = useMobileNumberParser();
     const [branchTipOpen, setBranchTipOpen] = useState(false);
@@ -241,6 +246,21 @@ export function SignUpDefaultForm() {
     }
     return (_jsxs(_Fragment, { children: [step === 1 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center font-semibold text-lg", children: "Create an account" }), _jsx("p", { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Register instantly and start playing!" }), _jsxs("form", { className: "mt-3xl", autoComplete: "off", onSubmit: step1Form.handleSubmit(async (data) => {
                             try {
+                                if (signUpProps.versionSession === 'Inplay' &&
+                                    featureFlag.enabled) {
+                                    const exists = await checkInplayMemberExists(mobileNumberParser.format(data.mobileNumber));
+                                    if (exists) {
+                                        toaster.warning({
+                                            description: 'This mobile number is already registered. Please try to log in.',
+                                        });
+                                        globalStore.setPrefillMobileNumber(data.mobileNumber);
+                                        globalStore.setPendingType('MOBILE_NUMBER');
+                                        globalStore.signUp.setOpen(false);
+                                        globalStore.signIn.setOpen(true);
+                                        step1Form.reset();
+                                        return;
+                                    }
+                                }
                                 await sendVerificationCodeMutation.mutateAsync({
                                     channel: 'SMS',
                                     recipient: mobileNumberParser.format(data.mobileNumber),
@@ -370,6 +390,20 @@ export function SignUpDefaultForm() {
                                 setStep(1);
                             }
                             catch (error) {
+                                if (error instanceof Error &&
+                                    error.name === 'MemberAccountAlreadyExistsError') {
+                                    toaster.warning({
+                                        description: 'This mobile number is already registered. Please try to log in.',
+                                    });
+                                    globalStore.setPrefillMobileNumber(mobileNumber);
+                                    globalStore.setPendingType('MOBILE_NUMBER');
+                                    globalStore.signUp.setOpen(false);
+                                    globalStore.signIn.setOpen(true);
+                                    step1Form.reset();
+                                    step2Form.reset();
+                                    setStep(1);
+                                    return;
+                                }
                                 toaster.error({
                                     description: error instanceof Error
                                         ? error.message

package/dist/components/SignUp/SignUpDefault/SignUpDefaultFormInternational.js

@@ -12,6 +12,7 @@ import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useCooldown } from '../../../client/hooks/useCooldown.js';
+import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
 import { useSendVerificationCodeMutation } from '../../../client/hooks/useSendVerificationCodeMutation.js';
@@ -25,6 +26,7 @@ import { HelpCircleIcon } from '../../../icons/HelpCircleIcon.js';
 import pagcorLogo from '../../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../../images/responsible-gaming-gold.png';
 import { ObjectType } from '../../../services/ObjectType.js';
+import { checkInplayMemberExists } from '../../../services/auth.js';
 import { Button } from '../../../ui/Button/index.js';
 import { Checkbox } from '../../../ui/Checkbox/index.js';
 import { Field } from '../../../ui/Field/index.js';
@@ -61,11 +63,14 @@ export function SignUpDefaultFormInternational() {
         termsAndConditions: ctx.termsAndConditions,
         responsibleGaming: ctx.responsibleGaming,
         kyc: ctx.kyc,
+        setPrefillMobileNumber: ctx.signIn.setPrefillMobileNumber,
+        setPendingType: ctx.signIn.setPendingType,
     })));
     const search = useSearchParams();
     const signUpMutation = useSignUpMutation();
     const signInMutation = useSignInMutation();
     const sendVerificationCodeMutation = useSendVerificationCodeMutation();
+    const featureFlag = useFeatureFlag();
     const firstNameBaseSchema = z
         .string()
         .regex(/^[a-z ]+$/gi, 'First name must contain only letters')
@@ -175,6 +180,21 @@ export function SignUpDefaultFormInternational() {
     const branchCode = step1Form.watch('branchCode', '');
     return (_jsxs(_Fragment, { children: [step === 1 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center font-semibold text-lg", children: "Create an account" }), _jsx("p", { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Register instantly and start playing!" }), _jsxs("form", { className: "mt-3xl", autoComplete: "off", onSubmit: step1Form.handleSubmit(async (data) => {
                             try {
+                                if (signUpProps.versionSession === 'Inplay' &&
+                                    featureFlag.enabled) {
+                                    const exists = await checkInplayMemberExists(countryCodeParser(areaCode, data.mobileNumber));
+                                    if (exists) {
+                                        toaster.warning({
+                                            description: 'This mobile number is already registered. Please try to log in.',
+                                        });
+                                        globalStore.setPrefillMobileNumber(countryCodeParser(areaCode, data.mobileNumber));
+                                        globalStore.setPendingType('MOBILE_NUMBER');
+                                        globalStore.signUp.setOpen(false);
+                                        globalStore.signIn.setOpen(true);
+                                        step1Form.reset();
+                                        return;
+                                    }
+                                }
                                 await sendVerificationCodeMutation.mutateAsync({
                                     channel: 'SMS',
                                     recipient: countryCodeParser(areaCode, data.mobileNumber),

package/dist/components/SignUp/SignUpHappyBingo/SignUpHappyBingoForm.js

@@ -131,7 +131,9 @@ export function SignUpHappyBingoForm() {
             firstName: '',
             lastName: '',
             mobileNumber: '',
-            branchCode: SHARED_BRANCH_CODES.length > 0 ? SHARED_BRANCH_CODES[0].code : undefined,
+            branchCode: SHARED_BRANCH_CODES.length > 0
+                ? SHARED_BRANCH_CODES[0].code
+                : undefined,
             termsAccepted: globalStore.responsibleGaming.accepted &&
                 globalStore.termsAndConditions.accepted
                 ? true

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

@@ -34,7 +34,7 @@ export function TournamentsCarouselItemHappyBingo() {
         loop: true,
         duration: 0,
     }, [Autoplay()]);
-    return (_jsxs("div", { className: "w-full shrink-0 overflow-hidden rounded-2xl border border-[#FEDF89] shadow-[inset_0_0_20px_#FFD238,0_0_10px_#FFD238] lg:shadow-none", children: [_jsx("div", { className: twMerge('bg-[linear-gradient(242deg,#FFD238_1.19%,#FF7D02_100%)]', 'relative flex flex-col p-3 text-center lg:gap-6 lg:p-5'), children: _jsx("div", { className: "relative z-1 flex w-full flex-col", children: _jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: "relative flex w-full justify-between", children: [_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex w-full justify-between", children: [_jsxs("div", { className: twMerge('mb-3.5 inline-flex h-fit items-center gap-1 rounded-full bg-[#FFFAEB] px-2.5 py-1 font-medium text-[#B54708] text-xs shadow-sm dark:bg-[#4E1D09] dark:text-[#FEC84B]'), children: [_jsx(Award01Icon, { className: "size-3" }), _jsx("span", { children: "Multiplier" })] }), _jsxs("div", { className: "flex flex-col", children: [isEnded && (_jsxs("div", { className: twMerge('mb-2 flex flex-col items-center justify-center whitespace-nowrap rounded-md bg-bg-primary px-2 py-1.5 font-semibold text-[#EAAA08] text-sm'), children: [_jsx("span", { className: "font-semibold", children: "Ended" }), _jsx("span", { className: twMerge('text-[9px] text-text-secondary-700'), children: format(tournament.activationEndDateTime, 'MMMM dd, yyyy') })] })), !isLaunchStarts && !isEnded && (_jsx("div", { className: twMerge('mb-2 flex items-center justify-center rounded-md bg-bg-primary py-1 font-semibold text-brand-500 text-sm'), children: "Launching Soon" })), !isEnded && (_jsx("div", { className: "flex h-fit gap-4.5", children: timeParts.map((part) => (_jsx(React.Fragment, { children: _jsxs("div", { className: twMerge('flex h-fit w-9 flex-col items-center rounded-[0.25rem] bg-[linear-gradient(180deg,#FFDE21_0%,#FFD012_47%,#FFBF00_100%)] pb-1.5 text-[#713B12]'), children: [_jsx("span", { className: "font-medium text-xl", children: String(part.value).padStart(2, '0') }), _jsx("span", { className: "text-3xs", children: part.label })] }) }, part.label))) }))] })] }), _jsx("div", { className: "flex w-full justify-between", children: _jsxs("div", { className: "w-full", children: [_jsx("div", { className: 'w-1/2 text-left font-bold text-lg lg:w-[68%] lg:text-2xl', children: tournament.name }), _jsx("div", { className: "mt-1.5 w-fit rounded-md bg-[linear-gradient(180deg,#FFDE21_0%,#FFD012_47%,#FFBF00_100%)] px-2 py-1 font-bold text-2xl text-[#713B12] lg:mt-2 lg:text-4xl", children: formatNumber(tournamentReward, {
+    return (_jsxs("div", { className: "w-full shrink-0 overflow-hidden rounded-2xl border border-[#FEDF89] shadow-[inset_0_0_20px_#FFD238,0_0_10px_#FFD238] lg:shadow-none", children: [_jsx("div", { className: twMerge('bg-[linear-gradient(242deg,#FFD238_1.19%,#FF7D02_100%)]', 'relative flex flex-col p-3 text-center lg:gap-6 lg:p-5'), children: _jsx("div", { className: "relative z-1 flex w-full flex-col", children: _jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: "relative flex w-full justify-between", children: [_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex w-full justify-between", children: [_jsxs("div", { className: twMerge('mb-3.5 inline-flex h-fit items-center gap-1 rounded-full bg-[#FFFAEB] px-2.5 py-1 font-medium text-[#B54708] text-xs shadow-sm dark:bg-[#4E1D09] dark:text-[#FEC84B]'), children: [_jsx(Award01Icon, { className: "size-3" }), _jsx("span", { children: "Multiplier" })] }), _jsxs("div", { className: "flex flex-col", children: [isEnded && (_jsxs("div", { className: twMerge('mb-2 flex flex-col items-center justify-center whitespace-nowrap rounded-md bg-bg-primary px-2 py-1.5 font-semibold text-[#EAAA08] text-sm'), children: [_jsx("span", { className: "font-semibold", children: "Ended" }), _jsx("span", { className: twMerge('text-[9px] text-text-secondary-700'), children: format(tournament.activationEndDateTime, 'MMMM dd, yyyy') })] })), !isLaunchStarts && !isEnded && (_jsx("div", { className: twMerge('mb-2 flex items-center justify-center rounded-md bg-bg-primary py-1 font-semibold text-brand-500 text-sm'), children: "Launching Soon" })), !isEnded && (_jsx("div", { className: "flex h-fit gap-4.5", children: timeParts.map((part) => (_jsx(React.Fragment, { children: _jsxs("div", { className: twMerge('flex h-fit w-9 flex-col items-center rounded-[0.25rem] bg-[linear-gradient(180deg,#FFDE21_0%,#FFD012_47%,#FFBF00_100%)] pb-1.5 text-[#713B12]'), children: [_jsx("span", { className: "font-medium text-xl", children: String(part.value).padStart(2, '0') }), _jsx("span", { className: "text-3xs", children: part.label })] }) }, part.label))) }))] })] }), _jsx("div", { className: "flex w-full justify-between", children: _jsxs("div", { className: "w-full", children: [_jsx("div", { className: "w-1/2 text-left font-bold text-lg lg:w-[68%] lg:text-2xl", children: tournament.name }), _jsx("div", { className: "mt-1.5 w-fit rounded-md bg-[linear-gradient(180deg,#FFDE21_0%,#FFD012_47%,#FFBF00_100%)] px-2 py-1 font-bold text-2xl text-[#713B12] lg:mt-2 lg:text-4xl", children: formatNumber(tournamentReward, {
                                                                         currency: localeInfo.currency.code,
                                                                         minDecimalPlaces: 2,
                                                                         maxDecimalPlaces: 2,

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

@@ -89,6 +89,6 @@ export const TournamentTable = ({ leaderboard, rewardSettings, winnersCount, })
                             return (_jsx(TableRow, { winner: item, rank: globalRank, idx: idx }, item.id || `winner-${globalRank}`));
                         }) })] }) }));
     };
-    return (_jsxs("div", { className: "mt-4 flex flex-col gap-0 lg:gap-7", children: [_jsx("div", { className: "flex gap-[10px]", children: Array.from({ length: tablesPerPage }, (_, tableIndex) => (_jsx(Table, { tableIndex: tableIndex }, tableIndex))) }), _jsxs("div", { className: 'hidden items-center justify-between pb-4 pl-1 text-[#CECFD2] text-sm lg:flex', children: [_jsxs("div", { className: "font-medium", children: ["Page ", currentPage, " of ", numberOfPages] }), _jsxs("div", { className: "flex gap-3 font-semibold", children: [_jsx("button", { type: "button", onClick: goPrev, disabled: !canGoPrev, className: "rounded-lg border border-[#333741] px-[14px] py-2 disabled:cursor-not-allowed disabled:text-[#98A2B3]", children: "Previous" }), _jsx("button", { type: "button", onClick: goNext, disabled: !canGoNext, className: "rounded-lg border border-[#333741] px-[14px] py-2 disabled:cursor-not-allowed disabled:text-[#98A2B3]", children: "Next" })] })] }), _jsxs("div", { className: "flex items-center justify-between rounded-b-lg border-none bg-[#0C111D] px-4 py-3 text-sm lg:hidden", children: [_jsxs("button", { type: "button", onClick: goPrev, disabled: !canGoPrev, className: "flex h-9 w-9 items-center justify-center rounded-lg border border-[#333741] bg-[#0C111D] text-[#CECFD2] disabled:cursor-not-allowed disabled:text-[#85888E]", children: [_jsx("span", { className: "sr-only", children: "Previous" }), _jsx(ArrowLeftIcon, { className: "size-5" })] }), _jsxs("p", { className: "text-[#CECFD2]", children: ["Page ", currentPage, " of ", numberOfPages] }), _jsxs("button", { type: "button", onClick: goNext, disabled: !canGoNext, className: "flex h-9 w-9 items-center justify-center rounded-lg border border-[#333741] bg-[#0C111D] text-[#CECFD2] disabled:cursor-not-allowed disabled:text-[#85888E]", children: [_jsx("span", { className: "sr-only", children: "Next" }), _jsx(ArrowRightIcon, { className: "size-5" })] })] })] }));
+    return (_jsxs("div", { className: "mt-4 flex flex-col gap-0 lg:gap-7", children: [_jsx("div", { className: "flex gap-[10px]", children: Array.from({ length: tablesPerPage }, (_, tableIndex) => (_jsx(Table, { tableIndex: tableIndex }, tableIndex))) }), _jsxs("div", { className: "hidden items-center justify-between pb-4 pl-1 text-[#CECFD2] text-sm lg:flex", children: [_jsxs("div", { className: "font-medium", children: ["Page ", currentPage, " of ", numberOfPages] }), _jsxs("div", { className: "flex gap-3 font-semibold", children: [_jsx("button", { type: "button", onClick: goPrev, disabled: !canGoPrev, className: "rounded-lg border border-[#333741] px-[14px] py-2 disabled:cursor-not-allowed disabled:text-[#98A2B3]", children: "Previous" }), _jsx("button", { type: "button", onClick: goNext, disabled: !canGoNext, className: "rounded-lg border border-[#333741] px-[14px] py-2 disabled:cursor-not-allowed disabled:text-[#98A2B3]", children: "Next" })] })] }), _jsxs("div", { className: "flex items-center justify-between rounded-b-lg border-none bg-[#0C111D] px-4 py-3 text-sm lg:hidden", children: [_jsxs("button", { type: "button", onClick: goPrev, disabled: !canGoPrev, className: "flex h-9 w-9 items-center justify-center rounded-lg border border-[#333741] bg-[#0C111D] text-[#CECFD2] disabled:cursor-not-allowed disabled:text-[#85888E]", children: [_jsx("span", { className: "sr-only", children: "Previous" }), _jsx(ArrowLeftIcon, { className: "size-5" })] }), _jsxs("p", { className: "text-[#CECFD2]", children: ["Page ", currentPage, " of ", numberOfPages] }), _jsxs("button", { type: "button", onClick: goNext, disabled: !canGoNext, className: "flex h-9 w-9 items-center justify-center rounded-lg border border-[#333741] bg-[#0C111D] text-[#CECFD2] disabled:cursor-not-allowed disabled:text-[#85888E]", children: [_jsx("span", { className: "sr-only", children: "Next" }), _jsx(ArrowRightIcon, { className: "size-5" })] })] })] }));
 };
 export default TournamentTable;

package/dist/components/TransactionRecords/TransactionRecords.suspense.js

@@ -30,7 +30,7 @@ export function TransactionRecords__suspense(props) {
         ? {
             transactionRecordsTable: props.className,
             depositRecordsTable: props.className,
-            withdrawalRecordsTable: props.className
+            withdrawalRecordsTable: props.className,
         }
         : (props.className ?? {});
     return (_jsx(TransactionPropsContext, { value: props, children: _jsxs("div", { className: typeof props.className === 'string' ? props.className : undefined, children: [_jsx("h2", { className: "font-semibold text-sm leading-tight lg:text-lg", children: "Transactions" }), _jsx("p", { className: "mt-xs text-sm text-text-tertiary-600 leading-tight", children: "View your transaction records" }), _jsxs(Tabs.Root, { className: "mt-lg lg:mt-2xl", value: tab, onValueChange: (details) => setTab(TabSchema.parse(details.value)), 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: "mt-2xl hidden border-[1.5px] border-border-secondary border-t lg:block" }), _jsx("h3", { className: "mt-3xl font-semibold text-sm text-text-secondary-700", children: "Table" }), _jsx(Tabs.Content, { value: "transactions", className: "mt-xl", children: _jsx(TransactionRecordsTable, { className: classNames.transactionRecordsTable }) }), _jsx(Tabs.Content, { value: "deposits", className: "mt-xl", children: _jsx(Suspense, { fallback: null, children: _jsx(DepositRecordsTable, { className: classNames.depositRecordsTable }) }) }), _jsx(Tabs.Content, { value: "withdrawals", className: "mt-xl", children: _jsx(Suspense, { fallback: null, children: _jsx(WithdrawalRecordsTable, { className: classNames.withdrawalRecordsTable }) }) })] })] }) }));

package/dist/components/UpdateMobilePhoneNumber/components/Step1MobileNumberForm.js

@@ -6,7 +6,7 @@ import { Field } from '../../../ui/Field/index.js';
 import { LogoutButton } from './LogoutButton.js';
 export function Step1MobileNumberForm({ step1Form, submitStep1, }) {
     const localeInfo = useLocaleInfo();
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'flex flex-col items-center justify-center gap-1', children: [_jsx("h2", { className: "mt-xl text-center font-semibold text-lg", children: "Verify Your Account" }), _jsx("div", { className: "text-text-secondary-700 text-xs", children: "Please enter your mobile phone number to verify your account." })] }), _jsxs("form", { className: "mt-3xl", onSubmit: submitStep1, children: [_jsxs(Field.Root, { invalid: !!step1Form.formState.errors.mobileNumber, className: "text-left", children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "-translate-y-1/2 absolute top-1/2 left-3.5 flex shrink-0 items-center gap-md", children: _jsx("span", { className: "text-text-placeholder", children: localeInfo.mobileNumber.areaCode }) }), _jsx(Field.Input, { style: {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col items-center justify-center gap-1", children: [_jsx("h2", { className: "mt-xl text-center font-semibold text-lg", children: "Verify Your Account" }), _jsx("div", { className: "text-text-secondary-700 text-xs", children: "Please enter your mobile phone number to verify your account." })] }), _jsxs("form", { className: "mt-3xl", onSubmit: submitStep1, children: [_jsxs(Field.Root, { invalid: !!step1Form.formState.errors.mobileNumber, className: "text-left", children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "-translate-y-1/2 absolute top-1/2 left-3.5 flex shrink-0 items-center gap-md", children: _jsx("span", { className: "text-text-placeholder", children: localeInfo.mobileNumber.areaCode }) }), _jsx(Field.Input, { style: {
                                             paddingLeft: `calc(1.25rem + ${localeInfo.mobileNumber.areaCode.length}ch)`,
                                         }, ...step1Form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.mobileNumber?.message })] }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Send Code" }), _jsx(LogoutButton, {})] })] }));
 }

package/dist/components/UpdateMobilePhoneNumber/hooks/useUpdateMobileFlow.js

@@ -48,8 +48,7 @@ export function useUpdateMobileFlow(shouldOnlyShow = 'MobileVerified') {
         : undefined);
     useTimeout(() => {
         globalStore.updateMobilePhoneNumber.setOpen(false);
-    }, pollForMobileVerified &&
-        accountQuery.data?.mobileNumberVerified === true
+    }, pollForMobileVerified && accountQuery.data?.mobileNumberVerified === true
         ? 1
         : null);
     const mobileNumberParser = useMobileNumberParser();