@opexa/portal-components 0.0.957 → 0.0.958

package/dist/lib/client/hooks/useUploadPrivateImageFileMutation.js

@@ -0,0 +1,24 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { uploadPrivateImageFile, } from '../../services/file.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { getUploadPrivateImageFileMutationKey } from '../../utils/mutationKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useUploadPrivateImageFileMutation = (config) => {
+    return useMutation({
+        ...config,
+        mutationKey: getUploadPrivateImageFileMutationKey(),
+        mutationFn: async (input) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            const id = input.id ?? ObjectId.generate(ObjectType.File).toString();
+            await uploadPrivateImageFile({ ...input, id }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            return id;
+        },
+    });
+};

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

@@ -0,0 +1,2 @@
+import type { Query, Wallet } from '../../types';
+export declare const useWalletQuery: Query<Wallet | null>;

package/dist/lib/client/hooks/useWalletQuery.js

@@ -0,0 +1,31 @@
+import { useQuery } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { getWallet } from '../../services/wallet.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getSessionQueryKey, getWalletQueryKey } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+import { useSessionQuery } from './useSessionQuery.js';
+export const useWalletQuery = (config) => {
+    const sessionQuery = useSessionQuery();
+    return useQuery({
+        ...config,
+        enabled: config?.enabled === false
+            ? false
+            : sessionQuery.data?.status === 'authenticated',
+        queryKey: getWalletQueryKey(),
+        queryFn: async ({ signal }) => {
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
+            invariant(session.status === 'authenticated');
+            const wallet = await getWallet({
+                signal,
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            return wallet ?? null;
+        },
+    });
+};

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

@@ -0,0 +1,3 @@
+import { type WithdrawalRecordsInput } from '../../services/report';
+import type { InfiniteQuery, PaginatedQueryResult, WithdrawalRecord } from '../../types';
+export declare const useWithdrawalRecordsQuery: InfiniteQuery<PaginatedQueryResult<WithdrawalRecord>, WithdrawalRecordsInput>;

package/dist/lib/client/hooks/useWithdrawalRecordsQuery.js

@@ -0,0 +1,38 @@
+import { useInfiniteQuery } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { getWithdrawalRecords, } from '../../services/report.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getSessionQueryKey, getWithdrawalRecordsQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+import { useSessionQuery } from './useSessionQuery.js';
+export const useWithdrawalRecordsQuery = (input, config) => {
+    const sessionQuery = useSessionQuery();
+    const query = useInfiniteQuery({
+        staleTime: 1000 * 2,
+        ...config,
+        enabled: config?.enabled === false
+            ? false
+            : sessionQuery.data?.status === 'authenticated',
+        queryKey: getWithdrawalRecordsQueryKey(input),
+        queryFn: async ({ pageParam, signal }) => {
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
+            invariant(session.status === 'authenticated');
+            return await getWithdrawalRecords({ ...input, after: pageParam }, {
+                signal,
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+        initialPageParam: undefined,
+        getNextPageParam(lastPage) {
+            if (lastPage?.pageInfo?.hasNextPage) {
+                return lastPage?.pageInfo?.endCursor;
+            }
+        },
+    });
+    return query;
+};

package/dist/lib/client/services/authenticate.d.ts

@@ -0,0 +1,3 @@
+import type { AuthenticateInput } from '../../services/auth';
+import { type HttpRequestOptions } from '../../services/httpRequest';
+export declare function authenticate(input: AuthenticateInput, options?: HttpRequestOptions): Promise<void>;

package/dist/lib/client/services/authenticate.js

@@ -0,0 +1,14 @@
+import { httpRequest, } from '../../services/httpRequest.js';
+export async function authenticate(input, options) {
+    const res = await httpRequest.json('/api/authenticate', {
+        ...options,
+        body: JSON.stringify(input),
+        method: 'POST',
+    });
+    if (!res.ok) {
+        const error = new Error();
+        error.name = 'SignInError';
+        error.message = 'Failed to sign in';
+        throw error;
+    }
+}

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

@@ -0,0 +1,3 @@
+import { type HttpRequestOptions } from '../../services/httpRequest';
+import type { Session } from '../../types';
+export declare const getSession: (options?: HttpRequestOptions) => Promise<Session>;

package/dist/lib/client/services/getSession.js

@@ -0,0 +1,6 @@
+import { cache } from 'react';
+import { httpRequest, } from '../../services/httpRequest.js';
+export const getSession = cache(async (options) => {
+    const res = await httpRequest.json('/api/sessions', options);
+    return res.ok ? res.data : { status: 'unauthenticated' };
+});

package/dist/lib/client/services/getSingleUseToken.d.ts

@@ -0,0 +1,3 @@
+import { type HttpRequestOptions } from '../../services/httpRequest';
+import type { CreateSingleUseTokenMutation } from '../../types';
+export declare const getSingleUseToken: (options?: HttpRequestOptions) => Promise<CreateSingleUseTokenMutation>;

package/dist/lib/client/services/getSingleUseToken.js

@@ -0,0 +1,5 @@
+import { httpRequest, } from '../../services/httpRequest.js';
+export const getSingleUseToken = async (options) => {
+    const res = await httpRequest.json('/api/token', { ...options, method: 'POST' });
+    return res.ok ? res.data : { token: '' };
+};

package/dist/lib/client/services/refreshSession.d.ts

@@ -0,0 +1,2 @@
+import { type HttpRequestOptions } from '../../services/httpRequest';
+export declare function refreshSession(options?: HttpRequestOptions): Promise<boolean>;

package/dist/lib/client/services/refreshSession.js

@@ -0,0 +1,17 @@
+import { httpRequest, } from '../../services/httpRequest.js';
+export async function refreshSession(options) {
+    try {
+        const res = await httpRequest.json('/api/refresh-sessions', {
+            ...options,
+            method: 'DELETE',
+            headers: {
+                'Content-Type': 'application/json',
+                Accept: 'application/json',
+            },
+        });
+        return res.ok;
+    }
+    catch {
+        return false;
+    }
+}

package/dist/lib/client/services/signIn.d.ts

@@ -0,0 +1,5 @@
+import type { CreateSessionInput } from '../../services/auth';
+import { type HttpRequestOptions } from '../../services/httpRequest';
+import type { Authenticator } from '../../types';
+export type SignInInput = CreateSessionInput;
+export declare function signIn(input: SignInInput, options?: HttpRequestOptions): Promise<Authenticator | null>;

package/dist/lib/client/services/signIn.js

@@ -0,0 +1,23 @@
+import { Capacitor } from '@capacitor/core';
+import { httpRequest, } from '../../services/httpRequest.js';
+const platform = Capacitor.getPlatform();
+export async function signIn(input, options) {
+    const res = await httpRequest.json('/api/sessions', {
+        ...options,
+        body: JSON.stringify(input),
+        method: 'POST',
+    });
+    if (!res.ok) {
+        const error = new Error();
+        if (platform === 'ios' || platform === 'android') {
+            error.name = 'Biometrics Failed';
+            error.message =
+                'Biometric authentication failed. Please try again or use your mobile number to sign in.';
+            throw error;
+        }
+        error.name = 'SignInError';
+        error.message = 'Failed to sign in';
+        throw error;
+    }
+    return res.data ?? null;
+}

package/dist/lib/client/services/signOut.d.ts

@@ -0,0 +1,2 @@
+import { type HttpRequestOptions } from '../../services/httpRequest';
+export declare function signOut(options?: HttpRequestOptions): Promise<boolean>;

package/dist/lib/client/services/signOut.js

@@ -0,0 +1,17 @@
+import { httpRequest, } from '../../services/httpRequest.js';
+export async function signOut(options) {
+    try {
+        const res = await httpRequest.json('/api/sessions', {
+            ...options,
+            method: 'DELETE',
+            headers: {
+                'Content-Type': 'application/json',
+                Accept: 'application/json',
+            },
+        });
+        return res.ok;
+    }
+    catch {
+        return false;
+    }
+}

package/dist/lib/client/services/updateSession.d.ts

@@ -0,0 +1,6 @@
+import { type HttpRequestOptions } from '../../services/httpRequest';
+export interface UpdateSessionInput {
+    domain?: string;
+    btag?: string;
+}
+export declare const updateSession: (input: UpdateSessionInput, options?: HttpRequestOptions) => Promise<boolean>;

package/dist/lib/client/services/updateSession.js

@@ -0,0 +1,15 @@
+import { cache } from 'react';
+import { httpRequest, } from '../../services/httpRequest.js';
+export const updateSession = cache(async (input, options) => {
+    try {
+        const { ok } = await httpRequest.json('/api/sessions', {
+            ...options,
+            method: 'PATCH',
+            body: JSON.stringify(input),
+        });
+        return ok;
+    }
+    catch {
+        return false;
+    }
+});

package/dist/lib/client/utils/biometric.d.ts

@@ -0,0 +1,40 @@
+import type { AvailableResult, BiometricOptions, Credentials, SetCredentialOptions } from 'capacitor-native-biometric';
+export declare const BIOMETRIC_STORAGE_KEY: string;
+export declare enum BiometryType {
+    NONE = 0,
+    TOUCH_ID = 1,
+    FACE_ID = 2,
+    FINGERPRINT = 3,
+    FACE_AUTHENTICATION = 4,
+    IRIS_AUTHENTICATION = 5,
+    MULTIPLE = 6
+}
+export declare enum BiometricAuthError {
+    UNKNOWN_ERROR = 0,
+    BIOMETRICS_UNAVAILABLE = 1,
+    USER_LOCKOUT = 2,
+    BIOMETRICS_NOT_ENROLLED = 3,
+    USER_TEMPORARY_LOCKOUT = 4,
+    AUTHENTICATION_FAILED = 10,
+    APP_CANCEL = 11,
+    INVALID_CONTEXT = 12,
+    NOT_INTERACTIVE = 13,
+    PASSCODE_NOT_SET = 14,
+    SYSTEM_CANCEL = 15,
+    USER_CANCEL = 16,
+    USER_FALLBACK = 17
+}
+export interface BiometricInfo extends AvailableResult {
+}
+export declare function getBiometricInfo(): Promise<BiometricInfo>;
+export interface PerformBiometricVerificationOptions extends Omit<BiometricOptions, 'useFallback' | 'maxAttempts'> {
+}
+export declare function performBiometricVerification(opts?: PerformBiometricVerificationOptions): Promise<boolean>;
+export interface SaveBiometricCredentialsInput extends Omit<SetCredentialOptions, 'server'> {
+}
+export declare function saveBiometricCredentials(input: SaveBiometricCredentialsInput): Promise<boolean>;
+export declare function deleteBiometricCredentials(): Promise<void>;
+export interface BiometricCredentials extends Credentials {
+}
+export declare function getBiometricCredentials(): Promise<BiometricCredentials | null>;
+export declare function hasSavedBiometry(): boolean;

package/dist/lib/client/utils/biometric.js

@@ -0,0 +1,90 @@
+import { addDays, isAfter } from 'date-fns';
+const SERVER = `${process.env.NEXT_PUBLIC_PLATFORM_CODE?.toLocaleLowerCase()}.app`;
+export const BIOMETRIC_STORAGE_KEY = `${process.env.NEXT_PUBLIC_PLATFORM_CODE}__BiometricEnabled`;
+export var BiometryType;
+(function (BiometryType) {
+    BiometryType[BiometryType["NONE"] = 0] = "NONE";
+    BiometryType[BiometryType["TOUCH_ID"] = 1] = "TOUCH_ID";
+    BiometryType[BiometryType["FACE_ID"] = 2] = "FACE_ID";
+    BiometryType[BiometryType["FINGERPRINT"] = 3] = "FINGERPRINT";
+    BiometryType[BiometryType["FACE_AUTHENTICATION"] = 4] = "FACE_AUTHENTICATION";
+    BiometryType[BiometryType["IRIS_AUTHENTICATION"] = 5] = "IRIS_AUTHENTICATION";
+    BiometryType[BiometryType["MULTIPLE"] = 6] = "MULTIPLE";
+})(BiometryType || (BiometryType = {}));
+export var BiometricAuthError;
+(function (BiometricAuthError) {
+    BiometricAuthError[BiometricAuthError["UNKNOWN_ERROR"] = 0] = "UNKNOWN_ERROR";
+    BiometricAuthError[BiometricAuthError["BIOMETRICS_UNAVAILABLE"] = 1] = "BIOMETRICS_UNAVAILABLE";
+    BiometricAuthError[BiometricAuthError["USER_LOCKOUT"] = 2] = "USER_LOCKOUT";
+    BiometricAuthError[BiometricAuthError["BIOMETRICS_NOT_ENROLLED"] = 3] = "BIOMETRICS_NOT_ENROLLED";
+    BiometricAuthError[BiometricAuthError["USER_TEMPORARY_LOCKOUT"] = 4] = "USER_TEMPORARY_LOCKOUT";
+    BiometricAuthError[BiometricAuthError["AUTHENTICATION_FAILED"] = 10] = "AUTHENTICATION_FAILED";
+    BiometricAuthError[BiometricAuthError["APP_CANCEL"] = 11] = "APP_CANCEL";
+    BiometricAuthError[BiometricAuthError["INVALID_CONTEXT"] = 12] = "INVALID_CONTEXT";
+    BiometricAuthError[BiometricAuthError["NOT_INTERACTIVE"] = 13] = "NOT_INTERACTIVE";
+    BiometricAuthError[BiometricAuthError["PASSCODE_NOT_SET"] = 14] = "PASSCODE_NOT_SET";
+    BiometricAuthError[BiometricAuthError["SYSTEM_CANCEL"] = 15] = "SYSTEM_CANCEL";
+    BiometricAuthError[BiometricAuthError["USER_CANCEL"] = 16] = "USER_CANCEL";
+    BiometricAuthError[BiometricAuthError["USER_FALLBACK"] = 17] = "USER_FALLBACK";
+})(BiometricAuthError || (BiometricAuthError = {}));
+export async function getBiometricInfo() {
+    const { NativeBiometric } = await import('capacitor-native-biometric');
+    const res = await NativeBiometric.isAvailable({
+        useFallback: true,
+    });
+    return res;
+}
+export async function performBiometricVerification(opts) {
+    const { NativeBiometric } = await import('capacitor-native-biometric');
+    return await NativeBiometric.verifyIdentity({
+        useFallback: false,
+        maxAttempts: 5,
+        ...opts,
+    })
+        .then(() => true)
+        .catch(() => false);
+}
+export async function saveBiometricCredentials(input) {
+    const { NativeBiometric } = await import('capacitor-native-biometric');
+    await deleteBiometricCredentials();
+    return await NativeBiometric.setCredentials({
+        username: input.username,
+        password: input.password,
+        server: SERVER,
+    })
+        .then(() => {
+        localStorage.setItem(BIOMETRIC_STORAGE_KEY, addDays(new Date(), 29).toISOString());
+        return true;
+    })
+        .catch(() => false);
+}
+export async function deleteBiometricCredentials() {
+    const { NativeBiometric } = await import('capacitor-native-biometric');
+    await NativeBiometric.deleteCredentials({
+        server: SERVER,
+    });
+    localStorage.removeItem(BIOMETRIC_STORAGE_KEY);
+}
+export async function getBiometricCredentials() {
+    const { NativeBiometric } = await import('capacitor-native-biometric');
+    try {
+        return await NativeBiometric.getCredentials({
+            server: SERVER,
+        });
+    }
+    catch {
+        return null;
+    }
+}
+export function hasSavedBiometry() {
+    const v = localStorage.getItem(BIOMETRIC_STORAGE_KEY);
+    if (v == null)
+        return false;
+    const exp = new Date(v);
+    const now = new Date();
+    if (isAfter(exp, now)) {
+        return true;
+    }
+    localStorage.removeItem(BIOMETRIC_STORAGE_KEY);
+    return false;
+}

package/dist/lib/client/utils/createContext.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface CreateContextOptions<T, S extends boolean> {
+    strict?: S;
+    defaultValue?: T;
+}
+type ProviderProps<T> = React.PropsWithChildren<{
+    value: T;
+}>;
+export type CreateContextReturn<T, S extends boolean> = [S] extends [true] ? [
+    provider: (props: ProviderProps<T>) => React.ReactNode,
+    hook: () => T,
+    context: React.Context<T>
+] : [
+    provider: (props: ProviderProps<T>) => React.ReactNode,
+    hook: () => T | null,
+    context: React.Context<T>
+];
+export declare function createContext<T>(options?: CreateContextOptions<T, true>): CreateContextReturn<T, true>;
+export declare function createContext<T>(options?: CreateContextOptions<T, false>): CreateContextReturn<T, false>;
+export {};

package/dist/lib/client/utils/createContext.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import invariant from 'tiny-invariant';
+export function createContext(options) {
+    const strict = options?.strict ?? true;
+    const defaultValue = options?.defaultValue ?? null;
+    const Context = React.createContext(defaultValue ?? null);
+    const Provider = (props) => {
+        return (_jsx(Context.Provider, { value: props.value, children: props.children }));
+    };
+    function useContext() {
+        const context = React.use(Context);
+        if (!context && strict)
+            invariant(context);
+        return context;
+    }
+    return [Provider, useContext, Context];
+}

package/dist/lib/client/utils/createRecipeContext.d.ts

@@ -0,0 +1,15 @@
+import type { Assign } from '@ark-ui/react';
+import * as React from 'react';
+import type { VariantProps } from 'tailwind-variants';
+type GenericProps = Record<string, any>;
+type GenericRecipeEntries = Record<string, (props: GenericProps) => string>;
+type GenericRecipe = {
+    (props: GenericProps): GenericRecipeEntries;
+    variantKeys: (string | number | never)[];
+};
+export declare function createRecipeContext<Recipe extends GenericRecipe = GenericRecipe, RecipeProps extends GenericProps = VariantProps<Recipe>, RecipeEntries extends GenericRecipeEntries = ReturnType<Recipe>, RecipeEntry = keyof RecipeEntries>(recipe: Recipe): {
+    withRootProvider: <Props extends GenericProps>(Component: React.ComponentType<Props>) => React.ComponentType<Assign<Props, RecipeProps>>;
+    withProvider: <Props extends GenericProps>(Component: React.ComponentType<Props>, slot: RecipeEntry) => React.ComponentType<Assign<Props, RecipeProps>>;
+    withContext: <Props extends GenericProps>(Component: React.ComponentType<Props>, slot: RecipeEntry) => React.ComponentType<Assign<Props, RecipeProps>>;
+};
+export {};

package/dist/lib/client/utils/createRecipeContext.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createSplitProps } from '../../utils/createSplitProps.js';
+export function createRecipeContext(recipe) {
+    const RecipeContext = React.createContext(null);
+    function useContext() {
+        const context = React.use(RecipeContext);
+        return context;
+    }
+    function withRootProvider(Component) {
+        const StyledComponent = (props) => {
+            const [recipeProps, localProps] = createSplitProps(recipe.variantKeys)(props);
+            const context = recipe(recipeProps);
+            return (_jsx(RecipeContext.Provider, { value: context, children: _jsx(Component, { ...localProps }) }));
+        };
+        return StyledComponent;
+    }
+    function withProvider(Component, slot) {
+        const StyledComponent = (props) => {
+            const [recipeProps, localProps] = createSplitProps(recipe.variantKeys)(props);
+            const context = recipe(recipeProps);
+            const slotName = slot;
+            const getStyle = context[slotName];
+            const userDefinedClassName = 'className' in localProps && typeof localProps.className === 'string'
+                ? localProps.className
+                : undefined;
+            const className = !getStyle
+                ? userDefinedClassName
+                : getStyle({
+                    ...recipeProps,
+                    className: userDefinedClassName,
+                });
+            return (_jsx(RecipeContext.Provider, { value: context, children: _jsx(Component, { ...localProps, className: className }) }));
+        };
+        StyledComponent.displayName = Component.displayName || Component.name;
+        return StyledComponent;
+    }
+    function withContext(Component, slot) {
+        const StyledComponent = (props) => {
+            const context = useContext();
+            const [recipeProps, localProps] = createSplitProps(recipe.variantKeys)(props);
+            const slotName = slot;
+            const getStyle = !context
+                ? recipe(recipeProps)[slotName]
+                : context[slotName];
+            const userDefinedClassName = 'className' in localProps && typeof localProps.className === 'string'
+                ? localProps.className
+                : undefined;
+            const className = !getStyle
+                ? userDefinedClassName
+                : getStyle({
+                    ...recipeProps,
+                    className: userDefinedClassName,
+                });
+            return _jsx(Component, { ...localProps, className: className });
+        };
+        StyledComponent.displayName = Component.displayName || Component.name;
+        return StyledComponent;
+    }
+    return {
+        withRootProvider,
+        withProvider,
+        withContext,
+    };
+}

package/dist/lib/client/utils/toaster.d.ts

@@ -0,0 +1,2 @@
+import { type CreateToasterReturn } from '@ark-ui/react/toast';
+export declare const toaster: CreateToasterReturn;

package/dist/lib/client/utils/toaster.js

@@ -0,0 +1,8 @@
+import { createToaster } from '@ark-ui/react/toast';
+export const toaster = createToaster({
+    placement: 'top',
+    duration: 5000,
+    max: 5,
+    overlap: true,
+    gap: 8,
+});

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

@@ -0,0 +1,3 @@
+import type { AccountProps } from './Account.lazy';
+export declare function Account(props: AccountProps): import("react/jsx-runtime").JSX.Element | undefined;
+export type { AccountProps };

package/dist/lib/components/Account/Account.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import dynamic from 'next/dynamic';
+import { useShallow } from 'zustand/shallow';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+const Component = dynamic(() => import('./Account.lazy.js').then((m) => m.Account), {
+    ssr: false,
+    loading: () => null,
+});
+export function Account(props) {
+    const touched = useGlobalStore(useShallow((ctx) => ctx.account['~touched']));
+    if (touched)
+        return _jsx(Component, { ...props });
+}

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

@@ -0,0 +1,57 @@
+export interface ClassNameEntries {
+    root?: string;
+    positioner?: string;
+    walletActions?: string;
+    withdrawButton?: string;
+    depositButton?: string;
+    walletBalanceContainer?: string;
+    totalBalanceLabel?: string;
+    totalBalanceAmount?: string;
+    balanceDetailsContainer?: string;
+    depositBalanceLabel?: string;
+    depositBalanceAmount?: string;
+    bonusBalanceLabel?: string;
+    bonusBalanceAmount?: string;
+    navItemRoot?: string;
+    navItemLink?: string;
+    navItemIcon?: string;
+    navItemLabel?: string;
+    navItemBadge?: string;
+    navItemIndicator?: string;
+}
+export interface AccountProps {
+    className?: string | ClassNameEntries;
+    /**
+     * @default '0px'
+     * @example
+     * ```tsx
+     * offsetTop="1em"
+     * offsetTop="1rem"
+     * offsetTop="16px"
+     * ```
+     */
+    offsetTop?: string;
+    /** @default '/rewards' */
+    rewardsUrl?: string;
+    /** @default true */
+    rewardsEnabled?: boolean;
+    /** @default '/bet-records' */
+    betRecordsUrl?: string;
+    /** @default true */
+    betRecordsEnabled?: boolean;
+    /** @default '/transactions' */
+    transactionsUrl?: string;
+    /** @default true */
+    transactionsEnabled?: boolean;
+    /** @default '/account' */
+    accountSettingsUrl?: string;
+    /** @default true */
+    accountSettingsEnabled?: boolean;
+    /** @default true */
+    notificationsEnabled?: boolean;
+    /** @default true */
+    shouldShowAccountStatus?: boolean;
+    /** Avatar image source */
+    avatar?: string;
+}
+export declare function Account(props: AccountProps): import("react/jsx-runtime").JSX.Element;