@opexa/portal-components 0.1.53 → 0.1.55

package/dist/components/Promos/CustomPromo.js

@@ -3,6 +3,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { twMerge } from 'tailwind-merge';
 import { Button } from '../../ui/Button/index.js';
-export function CustomPromo({ data, viewDetailsUrl, roundedButtons, textOrientation = 'center', }) {
-    return (_jsxs("div", { className: "relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt", children: [_jsx(Image, { src: data.banner, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" }), _jsxs("div", { className: "flex flex-grow flex-col px-4 pt-2xl pb-3xl", children: [_jsx("div", { className: twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), children: data.name }), _jsx("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: roundedButtons ? 'rounded-full' : '', children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) }) })] })] }));
+import { mergePromoCardClassName } from './utils.js';
+export function CustomPromo({ data, viewDetailsUrl, roundedButtons, textOrientation = 'center', cardClassNames, }) {
+    return (_jsxs("div", { className: mergePromoCardClassName('relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt', cardClassNames?.container), children: [_jsx(Image, { src: data.banner, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: mergePromoCardClassName('block aspect-[365/180] w-full object-cover', cardClassNames?.image) }), _jsxs("div", { className: mergePromoCardClassName('flex flex-grow flex-col px-4 pt-2xl pb-3xl', cardClassNames?.body), children: [_jsx("div", { className: mergePromoCardClassName(twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), cardClassNames?.title), children: data.name }), _jsx("div", { className: mergePromoCardClassName('mt-auto flex flex-col gap-3 pt-4 lg:flex-row', cardClassNames?.actions), children: _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: mergePromoCardClassName(roundedButtons ? 'rounded-full' : '', cardClassNames?.detailsButton), children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) }) })] })] }));
 }

package/dist/components/Promos/Promo.d.ts

@@ -1,10 +1,12 @@
 import type { Promo as TPromo } from '../../types';
+import type { PromoCardClassNames } from './PromosGrid';
 interface PromoProps {
     data: TPromo;
     viewDetailsUrl: string;
     hasPromotionPeriod?: boolean;
     roundedButtons?: boolean;
     textOrientation?: 'left' | 'center';
+    cardClassNames?: PromoCardClassNames;
 }
-export declare function Promo({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation, }: PromoProps): import("react/jsx-runtime").JSX.Element;
+export declare function Promo({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation, cardClassNames, }: PromoProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Promos/Promo.js

@@ -6,16 +6,16 @@ import { useShallow } from 'zustand/shallow';
 import { useAvailablePromosQuery } from '../../client/hooks/useAvailablePromosQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { Button } from '../../ui/Button/index.js';
-import { formatPromotionPeriod } from './utils.js';
-export function Promo({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation = 'center', }) {
+import { formatPromotionPeriod, mergePromoCardClassName } from './utils.js';
+export function Promo({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation = 'center', cardClassNames, }) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
     const claimablePromos = useAvailablePromosQuery().data ?? [];
     const claimable = claimablePromos.find((availablePromo) => availablePromo.id === data.id);
     const promotionPeriod = formatPromotionPeriod(data.activationStartDateTime, data.activationEndDateTime);
-    return (_jsxs("div", { className: "relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt", children: [data.banner?.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" })), hasPromotionPeriod && (_jsxs("div", { className: "bg-black py-1.5 text-center font-bold text-3xs uppercase", children: ["PROMOTION PERIOD: ", promotionPeriod] })), _jsxs("div", { className: "flex flex-grow flex-col px-4 pt-2xl pb-3xl", children: [_jsx("div", { className: twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), children: data.name }), _jsxs("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: [claimable && (_jsx(Button, { size: "sm", onClick: () => {
+    return (_jsxs("div", { className: mergePromoCardClassName('relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt', cardClassNames?.container), children: [data.banner?.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: mergePromoCardClassName('block aspect-[365/180] w-full object-cover', cardClassNames?.image) })), hasPromotionPeriod && (_jsxs("div", { className: mergePromoCardClassName('bg-black py-1.5 text-center font-bold text-3xs uppercase', cardClassNames?.promotionPeriod), children: ["PROMOTION PERIOD: ", promotionPeriod] })), _jsxs("div", { className: mergePromoCardClassName('flex flex-grow flex-col px-4 pt-2xl pb-3xl', cardClassNames?.body), children: [_jsx("div", { className: mergePromoCardClassName(twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), cardClassNames?.title), children: data.name }), _jsxs("div", { className: mergePromoCardClassName('mt-auto flex flex-col gap-3 pt-4 lg:flex-row', cardClassNames?.actions), children: [claimable && (_jsx(Button, { size: "sm", className: cardClassNames?.claimButton, onClick: () => {
                                     globalStore.depositWithdrawal.setOpen(true);
                                     globalStore.depositWithdrawal.setPromo(data.id);
-                                }, children: "Get bonus" })), _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: roundedButtons ? 'rounded-full' : '', children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) })] })] })] }));
+                                }, children: "Get bonus" })), _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: mergePromoCardClassName(roundedButtons ? 'rounded-full' : '', cardClassNames?.detailsButton), children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) })] })] })] }));
 }

package/dist/components/Promos/PromosCarousel.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
 import type { CustomPromo as TCustomPromo } from '../../types';
+import type { PromoCardClassNames } from './PromosGrid';
 export interface PromosCarouselProps {
     layout: 'carousel';
     /** @default "Promotions" */
@@ -13,6 +14,7 @@ export interface PromosCarouselProps {
     /** @default "/promos/custom" */
     viewCustomPromoDetailsUrl?: string;
     customPromos?: TCustomPromo[];
+    cardClassNames?: PromoCardClassNames;
     /**
      * @description List of promo IDs to be excluded from the list.
      * @example

package/dist/components/Promos/PromosCarousel.js

@@ -48,5 +48,5 @@ export function PromosCarousel(props) {
         onSelect(emblaApi);
         emblaApi.on('reInit', onSelect).on('select', onSelect);
     }, [emblaApi, onSelect]);
-    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Promotions' }), _jsx("div", { className: "grow" }), _jsxs("div", { className: "flex items-center justify-center gap-xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/promos', className: "flex gap-sm font-semibold text-button-tertiary-fg text-sm", children: ["See All", _jsx(ChevronRightIcon, { className: "size-5 lg:hidden" })] }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", onClick: onPrevButtonClick, disabled: prevBtnDisabled, "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", onClick: onNextButtonClick, disabled: nextBtnDisabled, "aria-label": "Next", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] })] })] }), empty && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-8" })), !empty && (_jsx("div", { ref: emblaRef, className: "relative mt-lg overflow-hidden", children: _jsxs("div", { className: twMerge('grid auto-cols-[100%] grid-flow-col gap-1.5 lg:auto-cols-[calc((100%-(1.25rem*2))/3)] lg:gap-2xl'), children: [promos.map((promo) => (_jsx(Promo, { data: promo, viewDetailsUrl: props.viewPromoDetailsUrl ?? '/promos' }, promo.id))), cashbacks.map((cashback) => (_jsx(Cashback, { data: cashback, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/cashback' }, cashback.id))), customPromos.map((customPromo) => (_jsx(CustomPromo, { data: customPromo, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/custom' }, customPromo.id)))] }) }))] }));
+    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Promotions' }), _jsx("div", { className: "grow" }), _jsxs("div", { className: "flex items-center justify-center gap-xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/promos', className: "flex gap-sm font-semibold text-button-tertiary-fg text-sm", children: ["See All", _jsx(ChevronRightIcon, { className: "size-5 lg:hidden" })] }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", onClick: onPrevButtonClick, disabled: prevBtnDisabled, "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", onClick: onNextButtonClick, disabled: nextBtnDisabled, "aria-label": "Next", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] })] })] }), empty && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-8" })), !empty && (_jsx("div", { ref: emblaRef, className: "relative mt-lg overflow-hidden", children: _jsxs("div", { className: twMerge('grid auto-cols-[100%] grid-flow-col gap-1.5 lg:auto-cols-[calc((100%-(1.25rem*2))/3)] lg:gap-2xl'), children: [promos.map((promo) => (_jsx(Promo, { data: promo, viewDetailsUrl: props.viewPromoDetailsUrl ?? '/promos', cardClassNames: props.cardClassNames }, promo.id))), cashbacks.map((cashback) => (_jsx(Cashback, { data: cashback, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/cashback', cardClassNames: props.cardClassNames }, cashback.id))), customPromos.map((customPromo) => (_jsx(CustomPromo, { data: customPromo, viewDetailsUrl: props.viewCustomPromoDetailsUrl ?? '/promos/custom', cardClassNames: props.cardClassNames }, customPromo.id)))] }) }))] }));
 }

package/dist/components/Promos/PromosGrid.d.ts

@@ -1,5 +1,15 @@
 import type { ReactNode } from 'react';
 import type { CustomPromo as TCustomPromo } from '../../types';
+export interface PromoCardClassNames {
+    container?: string;
+    image?: string;
+    promotionPeriod?: string;
+    body?: string;
+    title?: string;
+    actions?: string;
+    claimButton?: string;
+    detailsButton?: string;
+}
 export interface PromosGridProps {
     layout: 'grid';
     /** @default "Promotions" */
@@ -8,10 +18,13 @@ export interface PromosGridProps {
     viewPromoDetailsUrl?: string;
     /** @default "/promos/cashback" */
     viewCashbackDetailsUrl?: string;
+    /** @default "/promos/custom" */
+    viewCustomPromoDetailsUrl?: string;
     customPromos?: TCustomPromo[];
     hasPromotionPeriod?: boolean;
     roundedButtons?: boolean;
     textOrientation?: 'left' | 'center';
+    cardClassNames?: PromoCardClassNames;
     exclude?: string[];
     className?: string;
 }

package/dist/components/Promos/PromosGrid.js

@@ -15,5 +15,5 @@ export function PromosGrid(props) {
     const cashbacks = cashbacksQuery.data?.filter((item) => !blacklist.includes(item.id)) ?? [];
     const customPromos = props.customPromos?.filter((item) => !blacklist.includes(item.id)) ?? [];
     const empty = promos.length <= 0 && cashbacks.length <= 0 && customPromos.length <= 0;
-    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Promos' }), _jsx("div", { className: "grow" })] }), empty && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-8" })), !empty && (_jsx("div", { className: "relative mt-lg lg:overflow-hidden", children: _jsxs("div", { className: "grid gap-3xl lg:grid-cols-3 lg:gap-2xl", children: [promos.map((promo) => (_jsx(Promo, { data: promo, viewDetailsUrl: props.viewPromoDetailsUrl ?? '/promos', hasPromotionPeriod: props.hasPromotionPeriod, roundedButtons: props.roundedButtons, textOrientation: props.textOrientation }, promo.id))), cashbacks.map((cashback) => (_jsx(Cashback, { data: cashback, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/cashback', hasPromotionPeriod: props.hasPromotionPeriod, roundedButtons: props.roundedButtons, textOrientation: props.textOrientation }, cashback.id))), customPromos.map((customPromo) => (_jsx(CustomPromo, { data: customPromo, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/custom', roundedButtons: props.roundedButtons, textOrientation: props.textOrientation }, customPromo.id)))] }) }))] }));
+    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Promos' }), _jsx("div", { className: "grow" })] }), empty && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-8" })), !empty && (_jsx("div", { className: "relative mt-lg lg:overflow-hidden", children: _jsxs("div", { className: "grid gap-3xl lg:grid-cols-3 lg:gap-2xl", children: [promos.map((promo) => (_jsx(Promo, { data: promo, viewDetailsUrl: props.viewPromoDetailsUrl ?? '/promos', hasPromotionPeriod: props.hasPromotionPeriod, roundedButtons: props.roundedButtons, textOrientation: props.textOrientation, cardClassNames: props.cardClassNames }, promo.id))), cashbacks.map((cashback) => (_jsx(Cashback, { data: cashback, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/cashback', hasPromotionPeriod: props.hasPromotionPeriod, roundedButtons: props.roundedButtons, textOrientation: props.textOrientation, cardClassNames: props.cardClassNames }, cashback.id))), customPromos.map((customPromo) => (_jsx(CustomPromo, { data: customPromo, viewDetailsUrl: props.viewCustomPromoDetailsUrl ?? '/promos/custom', roundedButtons: props.roundedButtons, textOrientation: props.textOrientation, cardClassNames: props.cardClassNames }, customPromo.id)))] }) }))] }));
 }

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

@@ -1 +1,2 @@
 export * from './Promos';
+export type { PromoCardClassNames } from './PromosGrid';

package/dist/components/Promos/utils.d.ts

@@ -1 +1,2 @@
+export declare function mergePromoCardClassName(defaultClassName: string, customClassName?: string): string;
 export declare function formatPromotionPeriod(start: string | null | undefined, until: string | null | undefined): string | null;

package/dist/components/Promos/utils.js

@@ -1,4 +1,14 @@
 import { format } from 'date-fns';
+import { twMerge } from 'tailwind-merge';
+export function mergePromoCardClassName(defaultClassName, customClassName) {
+    if (!customClassName)
+        return defaultClassName;
+    const mergedCustomClassName = twMerge(customClassName);
+    const preservedDefaultClasses = defaultClassName
+        .split(/\s+/)
+        .filter((defaultClass) => twMerge(defaultClass, mergedCustomClassName) !== mergedCustomClassName);
+    return [...preservedDefaultClasses, mergedCustomClassName].join(' ');
+}
 export function formatPromotionPeriod(start, until) {
     if (!start)
         return null;

package/dist/components/ResponsibleGamingLimits/ResponsibleGamingLimits.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import dynamic from 'next/dynamic';
 const Component = dynamic(() => import('./ResponsibleGamingLimitsForm.lazy.js').then((m) => m.ResponsibleGamingLimitsForm), {

package/dist/components/ResponsibleGamingLimits/ResponsibleGamingLimitsForm.lazy.js

@@ -56,7 +56,8 @@ export function ResponsibleGamingLimitsForm() {
                 : null,
             used: wallet?.dailyTotalBet ?? 0,
             resetsLabel: 'Resets daily',
-            active: (optimisticOverrides['Bet-daily'] ?? Number(account?.dailyBetLimit ?? 0)) > 0,
+            active: (optimisticOverrides['Bet-daily'] ??
+                Number(account?.dailyBetLimit ?? 0)) > 0,
         },
         {
             period: 'monthly',
@@ -68,7 +69,8 @@ export function ResponsibleGamingLimitsForm() {
                 : null,
             used: wallet?.monthlyTotalBet ?? 0,
             resetsLabel: 'Resets on the 1st of every month',
-            active: (optimisticOverrides['Bet-monthly'] ?? Number(account?.monthlyBetLimit ?? 0)) > 0,
+            active: (optimisticOverrides['Bet-monthly'] ??
+                Number(account?.monthlyBetLimit ?? 0)) > 0,
         },
     ];
     const depositLimits = [
@@ -82,7 +84,8 @@ export function ResponsibleGamingLimitsForm() {
                 : null,
             used: wallet?.dailyTotalDeposit ?? 0,
             resetsLabel: 'Resets daily',
-            active: (optimisticOverrides['Deposit-daily'] ?? Number(account?.dailyDepositLimit ?? 0)) > 0,
+            active: (optimisticOverrides['Deposit-daily'] ??
+                Number(account?.dailyDepositLimit ?? 0)) > 0,
         },
         {
             period: 'monthly',
@@ -94,7 +97,8 @@ export function ResponsibleGamingLimitsForm() {
                 : null,
             used: wallet?.monthlyTotalDeposit ?? 0,
             resetsLabel: 'Resets on the 1st of every month',
-            active: (optimisticOverrides['Deposit-monthly'] ?? Number(account?.monthlyDepositLimit ?? 0)) > 0,
+            active: (optimisticOverrides['Deposit-monthly'] ??
+                Number(account?.monthlyDepositLimit ?? 0)) > 0,
         },
     ];
     const limits = activeTab === 'Bet' ? betLimits : depositLimits;

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

@@ -1 +1 @@
-export * from "./ResponsibleGamingLimits";
+export * from './ResponsibleGamingLimits';

package/dist/components/ResponsibleGamingLimits/index.js

@@ -1 +1 @@
-export * from "./ResponsibleGamingLimits.js";
+export * from './ResponsibleGamingLimits.js';

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/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';
@@ -69,6 +71,7 @@ export function SignUpDefaultForm() {
     const signUpMutation = useSignUpMutation();
     const signInMutation = useSignInMutation();
     const sendVerificationCodeMutation = useSendVerificationCodeMutation();
+    const featureFlag = useFeatureFlag();
     const localeInfo = useLocaleInfo();
     const mobileNumberParser = useMobileNumberParser();
     const [branchTipOpen, setBranchTipOpen] = useState(false);
@@ -243,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),

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();