@opexa/portal-components 0.0.36 → 0.0.38

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/useCreateGameSessionMutation.js

@@ -2,7 +2,7 @@ import { createGameSession, createGameSession__legacy, getGameSession, getGameSe
 import { ObjectId, ObjectType } from '@opexa/portal-sdk-core/object-id';
 import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { ENVIRONMENT, LEGACY_GAME_PROVIDERS, PLATFORM_CODE } from '../../constants/index.js';
+import { ENVIRONMENT, LEGACY_GAME_PROVIDERS, PLATFORM_CODE, } from '../../constants/index.js';
 import { createPoll, getCreateGameSessionMutationKey, getQueryClient, getSessionQueryKey, } from '../../utils/index.js';
 import { getSession } from '../services/index.js';
 export const useCreateGameSessionMutation = (config) => {

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/useEndGameSessionMutation.js

@@ -1,7 +1,7 @@
 import { endGameSession, endGameSession__legacy, } from '@opexa/portal-sdk-core';
 import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { ENVIRONMENT, LEGACY_GAME_PROVIDERS, PLATFORM_CODE } from '../../constants/index.js';
+import { ENVIRONMENT, LEGACY_GAME_PROVIDERS, PLATFORM_CODE, } from '../../constants/index.js';
 import { getEndGameSessionMutationKey, getQueryClient, getSessionQueryKey, } from '../../utils/index.js';
 import { getSession } from '../services/index.js';
 export const useEndGameSessionMutation = (config) => {

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/useJackpotPayoutsQuery.js

@@ -1,4 +1,4 @@
-import { getJackpotPayouts } from '@opexa/portal-sdk-core';
+import { getJackpotPayouts, } from '@opexa/portal-sdk-core';
 import { useInfiniteQuery } from '@tanstack/react-query';
 import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
 import { getJackpotPayoutsQueryKey } from '../../utils/index.js';

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/useMarkMessageAsReadMutation.js

@@ -1,9 +1,9 @@
 import { markMessageAsRead } from '@opexa/portal-sdk-core';
 import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { getSession } from '../../client/services/index.js';
 import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
 import { getMarkMessageAsReadMutationKey, getMessagesQueryKey, getQueryClient, getSessionQueryKey, getUnreadMessagesCountQueryKey, } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
 export const useMarkMessageAsReadMutation = (config) => {
     const queryClient = getQueryClient();
     const mutation = useMutation({

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/useWalletQuery.js

@@ -2,7 +2,7 @@ import { getWallet } from '@opexa/portal-sdk-core';
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
-import { getQueryClient, getSessionQueryKey, getWalletQueryKey } from '../../utils/index.js';
+import { getQueryClient, getSessionQueryKey, getWalletQueryKey, } from '../../utils/index.js';
 import { getSession } from '../services/index.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useWalletQuery = (config) => {

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/components/Account/Account.js

@@ -6,7 +6,7 @@ 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 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';

package/dist/components/AccountInfo/AccountInfo.js

@@ -5,7 +5,7 @@ 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 avatar from '../../images/placeholder-avatar.png';
 import { Button, Field, IconButton } from '../../ui/index.js';
 export function AccountInfo(props) {
     const localeInfo = useLocaleInfo();

package/dist/components/AccountVerification/VerificationCapture.js

@@ -6,11 +6,11 @@ import { createContext, useContext, useState } from 'react';
 import invariant from 'tiny-invariant';
 import { toaster } from '../../client/utils/index.js';
 import { ArrowLeftIcon, CheckCircleIcon, CheckIcon, XIcon } from '../../icons/index.js';
+import uploadId from '../../images/capture-id-banner.png';
+import selfie from '../../images/capture-selfie-banner.png';
 import { AlertDialog, Button, Checkbox, Field, Progress } from '../../ui/index.js';
-import selfie from './selfie.png';
-import uploadId from './upload-id.png';
 function useVerificationCapture() {
-    const [step, setStep_] = useState(4);
+    const [step, setStep_] = useState(1);
     function setStep(step) {
         setStep_(step);
         if (step === 4) {
@@ -37,11 +37,11 @@ export function VerificationCapture() {
 }
 function Step1() {
     const context = useVerificationCaptureContext();
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Prepare to upload your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", children: [_jsx(Image, { src: uploadId, alt: "", className: "h-auto w-full" }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Upload front side of your ID"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "Don't edit image of your ID"] })] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => context.setStep(2), children: "Continue" }) })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Prepare to upload your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", children: [_jsx(Image, { src: uploadId, alt: "", className: "h-auto w-full", width: 800, height: 400 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Upload front side of your ID"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "Don't edit image of your ID"] })] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => context.setStep(2), children: "Continue" }) })] })] }));
 }
 function Step2() {
     const context = useVerificationCaptureContext();
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Take a selfie holding your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", children: [_jsx(Image, { src: selfie, alt: "", className: "h-auto w-full" }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Face and ID must be clearly visible"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "No hats, sunglasses, or masks"] })] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => context.setStep(3), children: "Continue" }) })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Take a selfie holding your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", children: [_jsx(Image, { src: selfie, alt: "", className: "h-auto w-full", width: 800, height: 400 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Face and ID must be clearly visible"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "No hats, sunglasses, or masks"] })] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => context.setStep(3), children: "Continue" }) })] })] }));
 }
 function Step3() {
     const context = useVerificationCaptureContext();

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositVCA.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
 import { BankIcon, XIcon } from '../../../../icons/index.js';
-import bankIcon from '~/images/bank-icon.png';
+import bankIcon from '../../../../images/bank-icon.png';
 import { Button, Clipboard, Dialog } from '../../../../ui/index.js';
 import { useOnlineBankDepositContext } from './OnlineBankDepositContext.js';
 export function OnlineBankDepositVCA() {

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositQrCode.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Portal, QrCode } from '@ark-ui/react';
 import Image from 'next/image';
 import { QrCode02Icon, SpinnerIcon, XIcon } from '../../../../icons/index.js';
-import qrphIcon from '~/images/qrph-icon.png';
+import qrphIcon from '../../../../images/qrph-icon.png';
 import { Button, Dialog } from '../../../../ui/index.js';
 import { useQRPHDepositContext } from './QRPHDepositContext.js';
 export function QRPHDepositQrCode() {

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.js

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import invariant from 'tiny-invariant';
-import { useCreateQRPHDepositMutation, useDepositQuery } from '../../../../client/hooks/index.js';
+import { useCreateQRPHDepositMutation, useDepositQuery, } from '../../../../client/hooks/index.js';
 import { toaster } from '../../../../client/utils/index.js';
 export function useQRPHDeposit() {
     const [view, setView] = useState('FORM');

package/dist/components/DepositWithdrawal/DepositWithdrawal.js

@@ -4,7 +4,7 @@ import { Portal } from '@ark-ui/react';
 import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore, useLocaleInfo, useWalletQuery } from '../../client/hooks/index.js';
+import { useGlobalStore, useLocaleInfo, useWalletQuery, } from '../../client/hooks/index.js';
 import { Wallet02Icon, XIcon } from '../../icons/index.js';
 import { Dialog, Tabs } from '../../ui/index.js';
 import { formatNumber } from '../../utils/index.js';

package/dist/components/DepositWithdrawal/PaymentMethods.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
 import { useControllableState } from '../../client/hooks/index.js';
 import { CheckIcon } from '../../icons/index.js';
-import qrph from '~/images/QRPh.png';
-import gcash from '~/images/gcash.png';
-import instapay from '~/images/instapay.png';
-import maya from '~/images/maya.png';
-import onlineBank from '~/images/online-bank.png';
+import qrph from '../../images/QRPh.png';
+import gcash from '../../images/gcash.png';
+import instapay from '../../images/instapay.png';
+import maya from '../../images/maya.png';
+import onlineBank from '../../images/online-bank.png';
 import { Checkbox, Field } from '../../ui/index.js';
 import { PaymentMethodDefinition } from './utils.js';
 const OPTIONS = [

package/dist/components/DepositWithdrawal/Withdrawal/InstapayWithdrawal/InstapayWithdrawal.js

@@ -8,7 +8,7 @@ import { useShallow } from 'zustand/shallow';
 import { useCreateInstapayWithdrawalMutation, useGlobalStore, useInstapayBankListQuery, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
 import { toaster } from '../../../../client/utils/index.js';
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon, EyeIcon, EyeOffIcon, SpinnerIcon, } from '../../../../icons/index.js';
-import { Button, Field, NumberInput, PasswordInput, Select } from '../../../../ui/index.js';
+import { Button, Field, NumberInput, PasswordInput, Select, } from '../../../../ui/index.js';
 import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices.js';
 export function InstapayWithdrawal() {

package/dist/components/Disclaimer/Disclaimer.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
 import { useRef } from 'react';
-import pagcorLogo from '~/images/pagcor.png';
-import responsibleGamingLogo from '~/images/responsible-gaming.png';
+import pagcorLogo from '../../images/pagcor.png';
+import responsibleGamingLogo from '../../images/responsible-gaming.png';
 import { Button, Dialog } from '../../ui/index.js';
 import { useDisclaimer } from './useDisclaimer.js';
 export function Disclaimer(props) {

package/dist/components/GameProviders/GameProviders.d.ts

@@ -1,4 +1,4 @@
-import type { GameProviderData } from '~/types';
+import type { GameProviderData } from '../../types';
 export interface GameProvidersProps {
     gameProviders: GameProviderData[];
     heading?: string;

package/dist/components/GamesSearch/GamesSearch.js

@@ -6,7 +6,7 @@ import { useRef, useState } from 'react';
 import { useShallow } from 'zustand/shallow';
 import { useGamesQuery, useGlobalStore } from '../../client/hooks/index.js';
 import { SearchLgIcon, XIcon } from '../../icons/index.js';
-import providerHacksaw from '~/images/hacksaw-gaming.png';
+import providerHacksaw from '../../images/hacksaw-gaming.png';
 import { Button, Dialog, Field, IconButton, Presence } from '../../ui/index.js';
 import { GameLaunchTrigger } from '../GameLaunch/index.js';
 export function GamesSearch(props) {