@opexa/portal-components 0.0.29 → 0.0.31

package/dist/client/hooks/useAccountQuery.d.ts

@@ -1,3 +1,3 @@
 import { type MemberAccount } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useAccountQuery: Query<MemberAccount>;

package/dist/client/hooks/useAuthenticateMutation.d.ts

@@ -1,3 +1,3 @@
 import type { AuthenticateInput } from '@opexa/portal-sdk-core';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useAuthenticateMutation: Mutation<void, AuthenticateInput>;

package/dist/client/hooks/useAvailablePromosQuery.d.ts

@@ -1,3 +1,3 @@
 import { type AvailablePromosInput, type Promo } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useAvailablePromosQuery: Query<Promo[], AvailablePromosInput>;

package/dist/client/hooks/useBetRecordsQuery.d.ts

@@ -1,3 +1,3 @@
 import { type BetRecord, type BetRecordsInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '../../types';
+import type { InfiniteQuery } from '~/types';
 export declare const useBetRecordsQuery: InfiniteQuery<PaginatedQueryResult<BetRecord>, BetRecordsInput>;

package/dist/client/hooks/useBonusesQuery.d.ts

@@ -1,3 +1,3 @@
 import { type Bonus } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useBonusesQuery: Query<Bonus[]>;

package/dist/client/hooks/useCashbacksQuery.d.ts

@@ -1,3 +1,3 @@
 import { type Cashback } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useCashbacksQuery: Query<Cashback[]>;

package/dist/client/hooks/useCreateGCashDepositMutation.d.ts

@@ -1,4 +1,4 @@
 import { type CreateGCashDepositInput, type Deposit } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useCreateGCashDepositMutation: Mutation<Deposit, SetOptional<CreateGCashDepositInput, 'id'>>;

package/dist/client/hooks/useCreateGCashWithdrawalMutation.d.ts

@@ -1,4 +1,4 @@
 import { type CreateGCashWithdrawalInput } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useCreateGCashWithdrawalMutation: Mutation<string, SetOptional<CreateGCashWithdrawalInput, 'id'>>;

package/dist/client/hooks/useCreateGameSessionMutation.d.ts

@@ -1,3 +1,3 @@
 import { type FavoriteGame, type Game, type GameSession } from '@opexa/portal-sdk-core';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useCreateGameSessionMutation: Mutation<GameSession, Game | FavoriteGame>;

package/dist/client/hooks/useCreateInstapayWithdrawalMutation.d.ts

@@ -1,4 +1,4 @@
 import { type CreateAIOInstapayWithdrawalInput } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useCreateInstapayWithdrawalMutation: Mutation<string, SetOptional<CreateAIOInstapayWithdrawalInput, 'id'>>;

package/dist/client/hooks/useCreateMayaAppDepositMutation.d.ts

@@ -1,4 +1,4 @@
 import { type CreateMayaAppDepositInput, type Deposit } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useCreateMayaAppDepositMutation: Mutation<Deposit, SetOptional<CreateMayaAppDepositInput, 'id'>>;

package/dist/client/hooks/useCreateMayaAppWithdrawalMutation.d.ts

@@ -1,4 +1,4 @@
 import { type CreateMayaAppWithdrawalInput } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useCreateMayaAppWithdrawalMutation: Mutation<string, SetOptional<CreateMayaAppWithdrawalInput, 'id'>>;

package/dist/client/hooks/useCreateMayaDepositMutation.d.ts

@@ -1,4 +1,4 @@
 import { type CreateMayaDepositInput, type Deposit } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useCreateMayaDepositMutation: Mutation<Deposit, SetOptional<CreateMayaDepositInput, 'id'>>;

package/dist/client/hooks/useCreateMayaWithdrawalMutation.d.ts

@@ -1,4 +1,4 @@
 import { type CreateMayaWithdrawalInput } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useCreateMayaWithdrawalMutation: Mutation<string, SetOptional<CreateMayaWithdrawalInput, 'id'>>;

package/dist/client/hooks/useCreateOnlineBankDepositMutation.d.ts

@@ -1,4 +1,4 @@
 import { type CreateAIOOnlineBankDepositInput, type Deposit } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useCreateOnlineBankDepositMutation: Mutation<Deposit, SetOptional<CreateAIOOnlineBankDepositInput, 'id'>>;

package/dist/client/hooks/useCreateQRPHDepositMutation.d.ts

@@ -1,4 +1,4 @@
 import { type CreateAIOQRPHDeposit, type Deposit } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useCreateQRPHDepositMutation: Mutation<Deposit, SetOptional<CreateAIOQRPHDeposit, 'id'>>;

package/dist/client/hooks/useDepositQuery.d.ts

@@ -1,3 +1,3 @@
 import { type Deposit } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useDepositQuery: Query<Deposit | null, string>;

package/dist/client/hooks/useDepositRecordsQuery.d.ts

@@ -1,3 +1,3 @@
 import { type DepositRecord, type DepositRecordsInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '../../types';
+import type { InfiniteQuery } from '~/types';
 export declare const useDepositRecordsQuery: InfiniteQuery<PaginatedQueryResult<DepositRecord>, DepositRecordsInput>;

package/dist/client/hooks/useDepositsCountQuery.d.ts

@@ -1,2 +1,2 @@
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useDepositsCountQuery: Query<number>;

package/dist/client/hooks/useEndGameSessionMutation.d.ts

@@ -1,5 +1,5 @@
 import { type FavoriteGame, type Game, type GameSession } from '@opexa/portal-sdk-core';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useEndGameSessionMutation: Mutation<void, {
     game: Game | FavoriteGame;
     session: GameSession;

package/dist/client/hooks/useFavoriteGamesQuery.d.ts

@@ -1,3 +1,3 @@
 import { type FavoriteGame } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useFavoriteGamesQuery: Query<FavoriteGame[]>;

package/dist/client/hooks/useGamesQuery.d.ts

@@ -1,3 +1,3 @@
 import { type Game, type GamesInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '../../types';
+import type { InfiniteQuery } from '~/types';
 export declare const useGamesQuery: InfiniteQuery<PaginatedQueryResult<Game>, GamesInput>;

package/dist/client/hooks/useInfiniteQueryHelper.d.ts

@@ -1,5 +1,5 @@
 import type { PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '../../types';
+import type { InfiniteQuery } from '~/types';
 type KnownVariables = {
     first?: number;
     after?: string | null;

package/dist/client/hooks/useInstapayBankListQuery.d.ts

@@ -1,3 +1,3 @@
 import { type InstapayBank } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useInstapayBankListQuery: Query<InstapayBank[]>;

package/dist/client/hooks/useIsMayaSessionValidQuery.d.ts

@@ -1,2 +1,2 @@
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useIsMayaSessionValidQuery: Query<boolean>;

package/dist/client/hooks/useJackpotPayoutsQuery.d.ts

@@ -1,3 +1,3 @@
 import { type JackpotPayout, type JackpotPayoutsInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '../../types';
+import type { InfiniteQuery } from '~/types';
 export declare const useJackpotPayoutsQuery: InfiniteQuery<PaginatedQueryResult<JackpotPayout>, JackpotPayoutsInput>;

package/dist/client/hooks/useJackpotsQuery.d.ts

@@ -1,3 +1,3 @@
 import { type Jackpot, type JackpotsInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '../../types';
+import type { InfiniteQuery } from '~/types';
 export declare const useJackpotsQuery: InfiniteQuery<PaginatedQueryResult<Jackpot>, JackpotsInput>;

package/dist/client/hooks/useLocaleInfo.d.ts

@@ -1 +1 @@
-export declare const useLocaleInfo: () => import("../../utils").LocaleInfo;
+export declare const useLocaleInfo: () => import("~/utils").LocaleInfo;

package/dist/client/hooks/useMarkGameAsFavoriteMutation.d.ts

@@ -1,2 +1,2 @@
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useMarkGameAsFavoriteMutation: Mutation<string, string>;

package/dist/client/hooks/useMarkMessageAsReadMutation.d.ts

@@ -1,2 +1,2 @@
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useMarkMessageAsReadMutation: Mutation<string, string>;

package/dist/client/hooks/useMemberVerificationQuery.d.ts

@@ -1,3 +1,3 @@
 import { type MemberVerification } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useMemberVerificationQuery: Query<MemberVerification | null>;

package/dist/client/hooks/useMessagesQuery.d.ts

@@ -1,3 +1,3 @@
 import { type Message, type MessagesInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '../../types';
+import type { InfiniteQuery } from '~/types';
 export declare const useMessagesQuery: InfiniteQuery<PaginatedQueryResult<Message>, MessagesInput>;

package/dist/client/hooks/usePaymentSettingsQuery.d.ts

@@ -1,3 +1,3 @@
 import { type PaymentSettings } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const usePaymentSettingsQuery: Query<PaymentSettings>;

package/dist/client/hooks/usePlatformQuery.d.ts

@@ -1,3 +1,3 @@
 import { type Platform } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const usePlatformQuery: Query<Platform>;

package/dist/client/hooks/useProfileCompletionQuery.d.ts

@@ -1,3 +1,3 @@
 import { type ProfileCompletion } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useProfileCompletionQuery: Query<ProfileCompletion>;

package/dist/client/hooks/usePromoQuery.d.ts

@@ -1,3 +1,3 @@
 import { type Promo } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const usePromoQuery: Query<Promo | null, string>;

package/dist/client/hooks/usePromosQuery.d.ts

@@ -1,3 +1,3 @@
 import { type Promo } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const usePromosQuery: Query<Promo[]>;

package/dist/client/hooks/useSendVerificationCodeMutation.d.ts

@@ -1,3 +1,3 @@
 import { type SendVerificationCodeInput } from '@opexa/portal-sdk-core';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useSendVerificationCodeMutation: Mutation<void, SendVerificationCodeInput>;

package/dist/client/hooks/useSessionQuery.d.ts

@@ -1,2 +1,2 @@
-import type { Query, Session } from '../../types';
+import type { Query, Session } from '~/types';
 export declare const useSessionQuery: Query<Session>;

package/dist/client/hooks/useSignInMutation.d.ts

@@ -1,4 +1,4 @@
 import type { Authenticator } from '@opexa/portal-sdk-core';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 import { type SignInInput } from '../services';
 export declare const useSignInMutation: Mutation<Authenticator | null, SignInInput>;

package/dist/client/hooks/useSignOutMutation.d.ts

@@ -1,2 +1,2 @@
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useSignOutMutation: Mutation;

package/dist/client/hooks/useSignUpMutation.d.ts

@@ -1,5 +1,5 @@
 import { type RegisterMemberAccountViaMobileInput } from '@opexa/portal-sdk-core';
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export interface SignUpMutationInput extends RegisterMemberAccountViaMobileInput {
 }
 export declare const useSignUpMutation: Mutation<void, SignUpMutationInput>;

package/dist/client/hooks/useTopWinsQuery.d.ts

@@ -1,3 +1,3 @@
 import { type TopWin } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useTopWinsQuery: Query<TopWin[]>;

package/dist/client/hooks/useTournamentsQuery.d.ts

@@ -1,3 +1,3 @@
 import { type PaginatedQueryResult, type Tournament, type TournamentsInput } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '../../types';
+import type { InfiniteQuery } from '~/types';
 export declare const useTournamentsQuery: InfiniteQuery<PaginatedQueryResult<Tournament>, TournamentsInput>;

package/dist/client/hooks/useTransactionRecordsQuery.d.ts

@@ -1,3 +1,3 @@
 import { type PaginatedQueryResult, type TransactionRecord, type TransactionRecordsInput } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '../../types';
+import type { InfiniteQuery } from '~/types';
 export declare const useTransactionRecordsQuery: InfiniteQuery<PaginatedQueryResult<TransactionRecord>, TransactionRecordsInput>;

package/dist/client/hooks/useUnmarkGameAsFavoriteMutation.d.ts

@@ -1,2 +1,2 @@
-import type { Mutation } from '../../types';
+import type { Mutation } from '~/types';
 export declare const useUnmarkGameAsFavoriteMutation: Mutation<void, string>;

package/dist/client/hooks/useUnreadMessagesCountQuery.d.ts

@@ -1,3 +1,3 @@
 import { type UnreadMessagesCountInput } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useUnreadMessagesCountQuery: Query<number, UnreadMessagesCountInput>;

package/dist/client/hooks/useWalletQuery.d.ts

@@ -1,3 +1,3 @@
 import { type Wallet } from '@opexa/portal-sdk-core';
-import type { Query } from '../../types';
+import type { Query } from '~/types';
 export declare const useWalletQuery: Query<Wallet | null>;

package/dist/client/hooks/useWithdrawalRecordsQuery.d.ts

@@ -1,3 +1,3 @@
 import { type PaginatedQueryResult, type WithdrawalRecord, type WithdrawalRecordsInput } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '../../types';
+import type { InfiniteQuery } from '~/types';
 export declare const useWithdrawalRecordsQuery: InfiniteQuery<PaginatedQueryResult<WithdrawalRecord>, WithdrawalRecordsInput>;

package/dist/client/services/getSession.d.ts

@@ -1,2 +1,2 @@
-import type { Session } from '../../types';
+import type { Session } from '~/types';
 export declare const getSession: () => Promise<Session>;

package/dist/client/utils/{createRecipeContext.jsx → createRecipeContext.js}

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { createSplitProps } from '../../utils/index.js';
 export function createRecipeContext(recipe) {
@@ -10,9 +11,7 @@ export function createRecipeContext(recipe) {
         const StyledComponent = (props) => {
             const [recipeProps, localProps] = createSplitProps(recipe.variantKeys)(props);
             const context = recipe(recipeProps);
-            return (<RecipeContext.Provider value={context}>
-          <Component {...localProps}/>
-        </RecipeContext.Provider>);
+            return (_jsx(RecipeContext.Provider, { value: context, children: _jsx(Component, { ...localProps }) }));
         };
         return StyledComponent;
     }
@@ -31,9 +30,7 @@ export function createRecipeContext(recipe) {
                     ...recipeProps,
                     className: userDefinedClassName,
                 });
-            return (<RecipeContext.Provider value={context}>
-          <Component {...localProps} className={className}/>
-        </RecipeContext.Provider>);
+            return (_jsx(RecipeContext.Provider, { value: context, children: _jsx(Component, { ...localProps, className: className }) }));
         };
         StyledComponent.displayName = Component.displayName || Component.name;
         return StyledComponent;
@@ -55,7 +52,7 @@ export function createRecipeContext(recipe) {
                     ...recipeProps,
                     className: userDefinedClassName,
                 });
-            return <Component {...localProps} className={className}/>;
+            return _jsx(Component, { ...localProps, className: className });
         };
         StyledComponent.displayName = Component.displayName || Component.name;
         return StyledComponent;

package/dist/client/utils/index.js

@@ -1,2 +1,2 @@
-export * from './createRecipeContext';
+export * from './createRecipeContext.js';
 export * from './toaster.js';

package/dist/components/Account/Account.d.ts

@@ -26,4 +26,4 @@ export interface AccountProps {
     /** @default '/account/payment-methods' */
     accountPaymentMethodsUrl?: string;
 }
-export declare function Account(props: AccountProps): import("react").JSX.Element;
+export declare function Account(props: AccountProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Account/Account.js

@@ -0,0 +1,127 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Portal } from '@ark-ui/react';
+import Image from 'next/image';
+import Link from 'next/link';
+import { useShallow } from 'zustand/shallow';
+import { useAccountQuery, useGlobalStore, useLocaleInfo, useSignOutMutation, useUnreadMessagesCountQuery, useWalletQuery, } from '../../client/hooks/index.js';
+import { AlertCircleIcon, ChevronLeftIcon, ChevronRightIcon, CoinsStacked02Icon, CoinsSwap02Icon, CreditCard02Icon, FileCheck02Icon, Gift01Icon, Lock01Icon, Logout01Icon, Settings02Icon, User01Icon, XIcon, } from '../../icons/index.js';
+import avatarPlaceholder from '../../images/placeholder-avatar.png';
+import { Badge, Button, Drawer, IconButton, Popover, Presence } from '../../ui/index.js';
+import { formatNumber, parseDecimal } from '../../utils/index.js';
+import { accountRecipe } from './account.recipe.js';
+const recipe = accountRecipe();
+export function Account(props) {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        account: ctx.account,
+        account__mobile: ctx.account__mobile,
+        accountSettings: ctx.accountSettings,
+    })));
+    return (_jsxs(_Fragment, { children: [_jsxs(Drawer.Root, { open: globalStore.account__mobile.open, onOpenChange: (details) => {
+                    globalStore.account__mobile.setOpen(details.open);
+                    globalStore.accountSettings.setCollapsed(true);
+                }, lazyMount: true, unmountOnExit: true, children: [_jsx(Drawer.Trigger, { asChild: true, className: "lg:hidden", children: props.children ?? (_jsx(IconButton, { size: "sm", colorScheme: "gray", children: globalStore.account__mobile.open ? (_jsx(XIcon, {})) : (_jsx(Image, { src: avatarPlaceholder, alt: "", width: 100, height: 100, className: "size-10" })) })) }), _jsx(Portal, { children: _jsx(Drawer.Positioner, { children: _jsxs(Drawer.Content, { className: "relative top-[var(--top,0px)] flex h-[calc(100%-var(--top,0px))] w-full flex-col px-xl py-6", style: {
+                                    ['--top']: props.offsetTop ?? '0px',
+                                }, children: [_jsx(Profile, {}), _jsx(Wallet, {}), _jsx(Links, { rewardsUrl: props.rewardsUrl, betRecordsUrl: props.betRecordsUrl, transactionsUrl: props.transactionsUrl }), _jsx(AccountSettingsMenu, { accountInfoUrl: props.accountInfoUrl, accountSecurityUrl: props.accountSecurityUrl, accountVerificationUrl: props.accountVerificationUrl, accountPaymentMethodsUrl: props.accountPaymentMethodsUrl })] }) }) })] }), _jsxs(Popover.Root, { open: globalStore.account.open, onOpenChange: (details) => {
+                    globalStore.account.setOpen(details.open);
+                    globalStore.accountSettings.setCollapsed(true);
+                }, lazyMount: true, unmountOnExit: true, positioning: {
+                    placement: 'bottom',
+                    strategy: 'fixed',
+                }, children: [_jsx(Popover.Trigger, { className: "hidden lg:flex", asChild: true, children: props.children ?? (_jsx(IconButton, { size: "sm", colorScheme: "gray", children: _jsx(Image, { src: avatarPlaceholder, alt: "", width: 48, height: 48, className: "size-10" }) })) }), _jsx(Portal, { children: _jsx(Popover.Positioner, { children: _jsxs(Popover.Content, { className: "border-border-primary bg-bg-primary relative z-popover w-[23.438rem] overflow-hidden rounded-xl border p-xl ui-open:animate-fade-in ui-closed:animate-fade-out", children: [_jsx(Profile, {}), _jsx(Wallet, {}), _jsx(Links, { rewardsUrl: props.rewardsUrl, betRecordsUrl: props.betRecordsUrl, transactionsUrl: props.transactionsUrl }), _jsx(AccountSettingsMenu, { accountInfoUrl: props.accountInfoUrl, accountSecurityUrl: props.accountSecurityUrl, accountVerificationUrl: props.accountVerificationUrl, accountPaymentMethodsUrl: props.accountPaymentMethodsUrl })] }) }) })] })] }));
+}
+function Profile() {
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
+    return (_jsxs("div", { className: "flex shrink-0 items-center gap-lg", children: [_jsx(Image, { src: avatarPlaceholder, alt: "", width: 48, height: 48, className: "size-12" }), _jsxs("div", { className: "grow", children: [_jsx("p", { className: "text-text-secondary-700 font-semibold leading-tight", children: account?.name }), _jsx("p", { className: "text-text-tertiary-600 leading-tight", children: account?.nickName ?? account?.emailAddress ?? account?.realName })] }), _jsxs(Badge.Root, { colorScheme: account?.verified ? 'success' : 'danger', className: "self-start", children: [_jsx(Badge.Indicator, {}), _jsx(Badge.Label, { children: account?.verified ? 'Verified' : 'Unverified' })] })] }));
+}
+function Wallet() {
+    const localeInfo = useLocaleInfo();
+    const walletQuery = useWalletQuery({
+        refetchInterval: 1000,
+    });
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        profile: ctx.account,
+        mobileProfile: ctx.account__mobile,
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
+    const depositBalance = parseDecimal(walletQuery.data?.balance, 0);
+    const bonusBalance = parseDecimal(walletQuery.data?.bonus, 0);
+    const totalBalance = depositBalance + bonusBalance;
+    return (_jsxs("div", { className: "border-border-primary bg-bg-tertiary mt-3 rounded-xl border p-xl", children: [_jsx("div", { className: "text-text-secondary-700 text-sm", children: "Total Balance" }), _jsx("div", { className: "text-3xl font-bold", children: formatNumber(totalBalance, {
+                    currency: localeInfo?.currency.code,
+                    minDecimalPlaces: 2,
+                }) }), _jsxs("div", { className: "mt-1.5 flex gap-7xl", children: [_jsxs("div", { children: [_jsx("p", { className: "text-text-secondary-700 text-2xs", children: "Deposit Balance" }), _jsx("p", { className: "text-medium text-text-primary-brand", children: formatNumber(depositBalance, {
+                                    currency: localeInfo?.currency.code,
+                                    minDecimalPlaces: 2,
+                                }) })] }), _jsxs("div", { children: [_jsx("p", { className: "text-text-secondary-700 text-2xs", children: "Bonus Balance" }), _jsx("p", { className: "text-medium text-text-primary-brand", children: formatNumber(bonusBalance, {
+                                    currency: localeInfo?.currency.code,
+                                    minDecimalPlaces: 2,
+                                }) })] })] }), _jsxs("div", { className: "mt-3 flex gap-lg", children: [_jsx(Button, { size: "xs", variant: "outline", onClick: () => {
+                            globalStore.depositWithdrawal.setOpen(true);
+                            globalStore.depositWithdrawal.setTab('WITHDRAWAL');
+                            globalStore.profile.setOpen(false);
+                            globalStore.mobileProfile.setOpen(false);
+                        }, children: "Withdraw" }), _jsx(Button, { size: "xs", onClick: () => {
+                            globalStore.depositWithdrawal.setOpen(true);
+                            globalStore.depositWithdrawal.setTab('DEPOSIT');
+                            globalStore.profile.setOpen(false);
+                            globalStore.mobileProfile.setOpen(false);
+                        }, children: "Deposit" })] })] }));
+}
+function Links(props) {
+    const signOutMutation = useSignOutMutation();
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        account: ctx.account,
+        account__mobile: ctx.account__mobile,
+        accountSettings: ctx.accountSettings,
+        messages: ctx.messages,
+    })));
+    const unreadMessagesCountQuery = useUnreadMessagesCountQuery({}, { refetchInterval: 5000 });
+    return (_jsxs("nav", { className: recipe.nav({ className: 'mt-xl' }), children: [_jsxs("ul", { children: [_jsx("li", { className: recipe.navItemRoot(), children: _jsxs("button", { type: "button", className: recipe.navItemLink(), onClick: () => {
+                                globalStore.account.setOpen(false);
+                                globalStore.account__mobile.setOpen(false);
+                                globalStore.messages.setOpen(true);
+                            }, children: [_jsx(Logout01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Notifications" }), _jsx("span", { className: recipe.navItemBadge(), "data-type": "warning", children: unreadMessagesCountQuery.data ?? 0 }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }), _jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.rewardsUrl ?? '/rewards', className: recipe.navItemLink(), onClick: () => {
+                                globalStore.account.setOpen(false);
+                                globalStore.account__mobile.setOpen(false);
+                            }, children: [_jsx(Gift01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Rewards" }), _jsx("span", { className: recipe.navItemBadge(), "data-type": "warning", children: "0" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) })] }), _jsx("ul", { children: _jsx("li", { className: recipe.navItemRoot(), children: _jsxs("button", { type: "button", className: recipe.navItemLink(), onClick: () => {
+                            globalStore.accountSettings.setCollapsed(false);
+                        }, children: [_jsx(Settings02Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Settings" }), _jsx("span", { className: recipe.navItemBadge(), "data-type": "error", children: _jsx(AlertCircleIcon, {}) }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }) }), _jsxs("ul", { children: [_jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.betRecordsUrl ?? '/bet-records', className: recipe.navItemLink(), onClick: () => {
+                                globalStore.account.setOpen(false);
+                                globalStore.account__mobile.setOpen(false);
+                            }, children: [_jsx(CoinsStacked02Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Bet Records" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }), _jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.transactionsUrl ?? '/transactions', className: recipe.navItemLink(), onClick: () => {
+                                globalStore.account.setOpen(false);
+                                globalStore.account__mobile.setOpen(false);
+                            }, children: [_jsx(CoinsSwap02Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Transactions" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) })] }), _jsx("ul", { children: _jsx("li", { className: recipe.navItemRoot(), children: _jsxs("button", { type: "button", className: recipe.navItemLink(), disabled: signOutMutation.isPending, onClick: () => {
+                            signOutMutation.mutate();
+                            globalStore.account.setOpen(false);
+                            globalStore.account__mobile.setOpen(false);
+                        }, children: [_jsx(Logout01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Log Out" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }) })] }));
+}
+function AccountSettingsMenu(props) {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        account: ctx.account,
+        account__mobile: ctx.account__mobile,
+        accountSettings: ctx.accountSettings,
+    })));
+    return (_jsxs(Presence, { present: !globalStore.accountSettings.collapsed, lazyMount: true, className: "bg-bg-primary ui-open:animate-slide-in-right ui-closed:animate-slide-out-right absolute left-0 top-0 size-full overflow-y-auto", children: [_jsxs("div", { className: "bg-bg-primary-alt flex items-center gap-xl px-xl py-md", children: [_jsx(IconButton, { size: "2xs", variant: "outline", colorScheme: "gray", onClick: () => {
+                            globalStore.accountSettings.setCollapsed(true);
+                        }, children: _jsx(ChevronLeftIcon, {}) }), _jsx("h2", { className: "text-text-primary-900 text-lg font-semibold", children: "Settings" })] }), _jsx("nav", { className: recipe.nav({ className: 'p-4' }), children: _jsxs("ul", { children: [_jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.accountInfoUrl ?? '/account', className: recipe.navItemLink(), onClick: () => {
+                                    globalStore.account.setOpen(false);
+                                    globalStore.account__mobile.setOpen(false);
+                                    globalStore.accountSettings.setCollapsed(true);
+                                }, children: [_jsx(User01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Account Info" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }), _jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.accountSecurityUrl ?? '/account/security', className: recipe.navItemLink(), onClick: () => {
+                                    globalStore.account.setOpen(false);
+                                    globalStore.account__mobile.setOpen(false);
+                                    globalStore.accountSettings.setCollapsed(true);
+                                }, children: [_jsx(Lock01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Security" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }), _jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.accountVerificationUrl ?? '/account/verification', className: recipe.navItemLink(), onClick: () => {
+                                    globalStore.account.setOpen(false);
+                                    globalStore.account__mobile.setOpen(false);
+                                    globalStore.accountSettings.setCollapsed(true);
+                                }, children: [_jsx(FileCheck02Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Personal Verification" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }), _jsx("li", { className: recipe.navItemRoot(), children: _jsxs(Link, { href: props.accountPaymentMethodsUrl ?? '/account/payment-methods', className: recipe.navItemLink(), onClick: () => {
+                                    globalStore.account.setOpen(false);
+                                    globalStore.account__mobile.setOpen(false);
+                                    globalStore.accountSettings.setCollapsed(true);
+                                }, children: [_jsx(CreditCard02Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Payment Methods" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) })] }) })] }));
+}

package/dist/components/Account/index.js

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

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

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

package/dist/components/AccountInfo/AccountInfo.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { format } from 'date-fns';
+import { noop } from 'lodash-es';
+import Image from 'next/image';
+import { useAccountQuery, useLocaleInfo, useMobileNumberParser, } from '../../client/hooks/index.js';
+import { FacebookIcon, GoogleIcon } from '../../icons/index.js';
+import avatar from '../../images/placeholder-avatar.png';
+import { Button, Field, IconButton } from '../../ui/index.js';
+export function AccountInfo(props) {
+    const localeInfo = useLocaleInfo();
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
+    const mobileNumberParser = useMobileNumberParser();
+    return (_jsxs("div", { className: props.className, children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Profile Info" }), _jsxs("div", { className: "bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border", children: [_jsx("div", { className: "border-border-secondary border-b px-4 py-5", children: _jsxs("div", { className: "flex items-center gap-xl", children: [_jsx(Image, { src: avatar, alt: "", width: 80, height: 80, className: "size-14 shrink-0 rounded-md object-cover" }), _jsxs("div", { children: [_jsx("h3", { className: "text-text-secondary-700 text-lg font-semibold leading-tight", children: account?.name }), _jsx("p", { className: "text-text-tertiary-600 leading-tight", children: account?.emailAddress ?? account?.nickName })] })] }) }), _jsx("div", { className: "flex justify-end px-xl py-lg", children: _jsx(Button, { size: "sm", variant: "outline", fullWidth: false, children: "Upload New Avatar" }) })] }), _jsx("h2", { className: "text-text-secondary-700 mt-6 text-sm font-semibold", children: "Contact Info" }), _jsxs("div", { className: "shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5", children: [_jsxs(Field.Root, { children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsx(localeInfo.country.flag, { className: "pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2" }), _jsx(Field.Input, { className: "pl-10.5", value: account?.mobileNumber
+                                            ? mobileNumberParser.format(account?.mobileNumber)
+                                            : '', readOnly: true, onChange: noop })] })] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Email address" }), _jsx(Field.Input, { defaultValue: account?.emailAddress ?? '' })] })] }), _jsx("h2", { className: "text-text-secondary-700 mt-6 text-sm font-semibold", children: "Personal Data" }), _jsxs("div", { className: "shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5", children: [_jsxs(Field.Root, { children: [_jsx(Field.Label, { children: "Real name" }), _jsx(Field.Input, { value: account?.realName ?? '', onChange: noop, readOnly: true })] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Date of birth" }), _jsx(Field.Input, { type: "date", value: account?.birthDay ? format(account.birthDay, 'yyyy-MM-dd') : '', readOnly: true })] })] }), _jsx("h2", { className: "text-text-secondary-700 mt-6 text-sm font-semibold", children: "Account Connections" }), _jsxs("div", { className: "shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5", children: [_jsxs("div", { className: "flex items-center", children: [_jsxs("div", { className: "flex grow items-center gap-sm", children: [_jsx(IconButton, { variant: "outline", colorScheme: "gray", children: _jsx(GoogleIcon, { className: "size-6" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium leading-tight", children: "Google" }), _jsx("p", { className: "text-text-secondary-700 mt-xs text-xs leading-tight", children: "Not Connected" })] })] }), _jsx(Button, { fullWidth: false, children: "Connect" })] }), _jsxs("div", { className: "mt-6 flex items-center", children: [_jsxs("div", { className: "flex grow items-center gap-sm", children: [_jsx(IconButton, { variant: "outline", colorScheme: "gray", children: _jsx(FacebookIcon, { className: "size-6" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium leading-tight", children: "Facebook" }), _jsx("p", { className: "text-text-success-primary-600 mt-xs text-xs leading-tight", children: "Connected" })] })] }), _jsx("button", { className: "text-button-tertiary-error-fg text-sm font-semibold", children: "Disconnect" })] })] })] }));
+}

package/dist/components/AccountInfo/index.js

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

package/dist/components/AccountPaymentMethods/index.js

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

package/dist/components/AccountSecurity/AccountSecurity.d.ts

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