@opexa/portal-components 0.0.28 → 0.0.29

package/dist/client/hooks/useProfileCompletionQuery.js

@@ -1,10 +1,10 @@
 import { getProfileCompletion, } from '@opexa/portal-sdk-core';
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getProfileCompletionQueryKey, getQueryClient, getSessionQueryKey, } from '../../utils';
-import { getSession } from '../services';
-import { useSessionQuery } from './useSessionQuery';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getProfileCompletionQueryKey, getQueryClient, getSessionQueryKey, } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
+import { useSessionQuery } from './useSessionQuery.js';
 export const useProfileCompletionQuery = (config) => {
     const queryClient = getQueryClient();
     const sessionQuery = useSessionQuery();

package/dist/client/hooks/usePromoQuery.js

@@ -1,7 +1,7 @@
 import { getPromo } from '@opexa/portal-sdk-core';
 import { useQuery } from '@tanstack/react-query';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getPromoQueryKey } from '../../utils';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getPromoQueryKey } from '../../utils/index.js';
 export const usePromoQuery = (id, config) => {
     return useQuery({
         ...config,

package/dist/client/hooks/usePromosQuery.js

@@ -1,7 +1,7 @@
 import { getPromos } from '@opexa/portal-sdk-core';
 import { useQuery } from '@tanstack/react-query';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getPromosQueryKey } from '../../utils';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getPromosQueryKey } from '../../utils/index.js';
 export const usePromosQuery = (config) => {
     return useQuery({
         ...config,

package/dist/client/hooks/useSendVerificationCodeMutation.js

@@ -1,7 +1,7 @@
 import { sendVerificationCode, } from '@opexa/portal-sdk-core';
 import { useMutation } from '@tanstack/react-query';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getSendVerificationCodeMutationKey } from '../../utils';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getSendVerificationCodeMutationKey } from '../../utils/index.js';
 export const useSendVerificationCodeMutation = (config) => {
     return useMutation({
         ...config,

package/dist/client/hooks/useSessionQuery.js

@@ -1,6 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
-import { getSessionQueryKey } from '../../utils';
-import { getSession } from '../services';
+import { getSessionQueryKey } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
 export const useSessionQuery = (config) => {
     return useQuery({
         staleTime: 0,

package/dist/client/hooks/useSignInMutation.js

@@ -1,6 +1,6 @@
 import { useMutation } from '@tanstack/react-query';
-import { getQueryClient, getSessionQueryKey, getSignInMutationKey, } from '../../utils';
-import { signIn } from '../services';
+import { getQueryClient, getSessionQueryKey, getSignInMutationKey, } from '../../utils/index.js';
+import { signIn } from '../services/index.js';
 export const useSignInMutation = (config) => {
     const queryClient = getQueryClient();
     return useMutation({

package/dist/client/hooks/useSignOutMutation.js

@@ -1,6 +1,6 @@
 import { useMutation } from '@tanstack/react-query';
-import { getQueryClient, getSessionQueryKey, getSignOutMutationKey, } from '../../utils';
-import { signOut } from '../services';
+import { getQueryClient, getSessionQueryKey, getSignOutMutationKey, } from '../../utils/index.js';
+import { signOut } from '../services/index.js';
 export const useSignOutMutation = (config) => {
     const queryClient = getQueryClient();
     return useMutation({

package/dist/client/hooks/useSignUpMutation.js

@@ -1,7 +1,7 @@
 import { registerMemberAccountViaMobile, } from '@opexa/portal-sdk-core';
 import { useMutation } from '@tanstack/react-query';
-import { BYPASS_RECAPTCHA, ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getSignUpMutationKey } from '../../utils';
+import { BYPASS_RECAPTCHA, ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getSignUpMutationKey } from '../../utils/index.js';
 export const useSignUpMutation = (config) => {
     return useMutation({
         ...config,

package/dist/client/hooks/useTopWinsQuery.js

@@ -1,7 +1,7 @@
 import { getTopWins } from '@opexa/portal-sdk-core';
 import { useQuery } from '@tanstack/react-query';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getTopWinsQueryKey } from '../../utils';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getTopWinsQueryKey } from '../../utils/index.js';
 export const useTopWinsQuery = (config) => {
     return useQuery({
         ...config,

package/dist/client/hooks/useTournamentsQuery.js

@@ -1,7 +1,7 @@
 import { getTournaments, } from '@opexa/portal-sdk-core';
 import { useInfiniteQuery } from '@tanstack/react-query';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getTournamentsQueryKey } from '../../utils';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getTournamentsQueryKey } from '../../utils/index.js';
 export const useTournamentsQuery = (input, config) => {
     const query = useInfiniteQuery({
         ...config,

package/dist/client/hooks/useTransactionRecordsQuery.js

@@ -1,10 +1,10 @@
 import { getTransactionRecords, } from '@opexa/portal-sdk-core';
 import { useInfiniteQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getQueryClient, getSessionQueryKey, getTransactionRecordsQueryKey, } from '../../utils';
-import { getSession } from '../services';
-import { useSessionQuery } from './useSessionQuery';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getQueryClient, getSessionQueryKey, getTransactionRecordsQueryKey, } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
+import { useSessionQuery } from './useSessionQuery.js';
 export const useTransactionRecordsQuery = (input, config) => {
     const queryClient = getQueryClient();
     const sessionQuery = useSessionQuery();

package/dist/client/hooks/useUnmarkGameAsFavoriteMutation.js

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

package/dist/client/hooks/useUnreadMessagesCountQuery.js

@@ -1,10 +1,10 @@
 import { getUnreadMessagesCount, } from '@opexa/portal-sdk-core';
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getQueryClient, getSessionQueryKey, getUnreadMessagesCountQueryKey, } from '../../utils';
-import { getSession } from '../services';
-import { useSessionQuery } from './useSessionQuery';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getQueryClient, getSessionQueryKey, getUnreadMessagesCountQueryKey, } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
+import { useSessionQuery } from './useSessionQuery.js';
 export const useUnreadMessagesCountQuery = (input, config) => {
     const queryClient = getQueryClient();
     const sessionQuery = useSessionQuery();

package/dist/client/hooks/useWalletQuery.js

@@ -1,10 +1,10 @@
 import { getWallet } from '@opexa/portal-sdk-core';
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getQueryClient, getSessionQueryKey, getWalletQueryKey } from '../../utils';
-import { getSession } from '../services';
-import { useSessionQuery } from './useSessionQuery';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/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) => {
     const queryClient = getQueryClient();
     const sessionQuery = useSessionQuery();

package/dist/client/hooks/useWithdrawalRecordsQuery.js

@@ -1,10 +1,10 @@
 import { getWithdrawalRecords, } from '@opexa/portal-sdk-core';
 import { useInfiniteQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getQueryClient, getSessionQueryKey, getWithdrawalRecordsQueryKey, } from '../../utils';
-import { getSession } from '../services';
-import { useSessionQuery } from './useSessionQuery';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getQueryClient, getSessionQueryKey, getWithdrawalRecordsQueryKey, } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
+import { useSessionQuery } from './useSessionQuery.js';
 export const useWithdrawalRecordsQuery = (input, config) => {
     const queryClient = getQueryClient();
     const sessionQuery = useSessionQuery();

package/dist/client/services/authenticate.js

@@ -1,4 +1,4 @@
-import { BYPASS_RECAPTCHA } from '../../constants';
+import { BYPASS_RECAPTCHA } from '../../constants/index.js';
 export async function authenticate(input) {
     const res = await fetch('/api/authenticate', {
         body: JSON.stringify(input),

package/dist/client/services/index.js

@@ -1,4 +1,4 @@
-export * from './authenticate';
-export * from './getSession';
-export * from './signIn';
-export * from './signOut';
+export * from './authenticate.js';
+export * from './getSession.js';
+export * from './signIn.js';
+export * from './signOut.js';

package/dist/client/services/signIn.js

@@ -1,4 +1,4 @@
-import { BYPASS_RECAPTCHA } from '../../constants';
+import { BYPASS_RECAPTCHA } from '../../constants/index.js';
 export async function signIn(input) {
     const res = await fetch('/api/sessions', {
         body: JSON.stringify(input),

package/dist/client/utils/createRecipeContext.jsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createSplitProps } from '../../utils';
+import { createSplitProps } from '../../utils/index.js';
 export function createRecipeContext(recipe) {
     const RecipeContext = React.createContext(null);
     function useContext() {

package/dist/client/utils/index.js

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

package/dist/components/Account/Account.jsx

@@ -3,12 +3,12 @@ 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';
-import { AlertCircleIcon, ChevronLeftIcon, ChevronRightIcon, CoinsStacked02Icon, CoinsSwap02Icon, CreditCard02Icon, FileCheck02Icon, Gift01Icon, Lock01Icon, Logout01Icon, Settings02Icon, User01Icon, XIcon, } from '../../icons';
+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';
-import { formatNumber, parseDecimal } from '../../utils';
-import { accountRecipe } from './account.recipe';
+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) => ({

package/dist/components/AccountInfo/AccountInfo.jsx

@@ -2,10 +2,10 @@
 import { format } from 'date-fns';
 import { noop } from 'lodash-es';
 import Image from 'next/image';
-import { useAccountQuery, useLocaleInfo, useMobileNumberParser, } from '../../client/hooks';
-import { FacebookIcon, GoogleIcon } from '../../icons';
+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';
+import { Button, Field, IconButton } from '../../ui/index.js';
 export function AccountInfo(props) {
     const localeInfo = useLocaleInfo();
     const accountQuery = useAccountQuery();

package/dist/components/AccountSecurity/AccountSecurity.jsx

@@ -1,9 +1,9 @@
 'use client';
 import { ark, createListCollection, Portal } from '@ark-ui/react';
 import { twMerge } from 'tailwind-merge';
-import { useProfileCompletionQuery } from '../../client/hooks';
-import { AlertCircleIcon, CheckIcon, CheckVerified02Icon, ChevronDownIcon, EyeIcon, EyeOffIcon, } from '../../icons';
-import { Field, PasswordInput, Select } from '../../ui';
+import { useProfileCompletionQuery } from '../../client/hooks/index.js';
+import { AlertCircleIcon, CheckIcon, CheckVerified02Icon, ChevronDownIcon, EyeIcon, EyeOffIcon, } from '../../icons/index.js';
+import { Field, PasswordInput, Select } from '../../ui/index.js';
 export function AccountSecurity(props) {
     const profileCompletionQuery = useProfileCompletionQuery();
     const profileCompletion = profileCompletionQuery.data;

package/dist/components/Banner/Banner.jsx

@@ -5,7 +5,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { Fragment, useEffect, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { dataAttr } from '../../utils';
+import { dataAttr } from '../../utils/index.js';
 export function Banner(props) {
     const [emblaRef, emblaApi] = useEmblaCarousel({
         loop: true,

package/dist/components/BetRecords/BetRecords.jsx

@@ -5,10 +5,10 @@ import { endOfDay, format, startOfDay } from 'date-fns';
 import { useReducer, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
-import { useBetRecordsQuery, useInfiniteQueryHelper, useLocaleInfo, } from '../../client/hooks';
-import { CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, File02Icon, SpinnerIcon, } from '../../icons';
-import { Badge, DatePicker, IconButton, SegmentGroup, Select, Table, } from '../../ui';
-import { capitalize, formatNumber } from '../../utils';
+import { useBetRecordsQuery, useInfiniteQueryHelper, useLocaleInfo, } from '../../client/hooks/index.js';
+import { CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, File02Icon, SpinnerIcon, } from '../../icons/index.js';
+import { Badge, DatePicker, IconButton, SegmentGroup, Select, Table, } from '../../ui/index.js';
+import { capitalize, formatNumber } from '../../utils/index.js';
 import { Empty } from '../Empty';
 export function BetRecords(props) {
     const [tab, setTab] = useState('all');

package/dist/components/Bonus/Bonus.client.jsx

@@ -1,8 +1,8 @@
 'use client';
 import Image from 'next/image';
 import Link from 'next/link';
-import { ChevronLeftIcon, ChevronRightIcon, StopWatchIcon } from '../../icons';
-import { Badge, Collapsible, Progress, Prose } from '../../ui';
+import { ChevronLeftIcon, ChevronRightIcon, StopWatchIcon } from '../../icons/index.js';
+import { Badge, Collapsible, Progress, Prose } from '../../ui/index.js';
 export function Bonus__client(props) {
     return (<div className={props.className}>
       <Link href={props.viewAllUrl ?? '/rewards'} className="text-button-tertiary-fg flex items-center gap-lg text-lg font-semibold">

package/dist/components/Bonuses/Bonuses.jsx

@@ -1,7 +1,7 @@
 import Image from 'next/image';
 import Link from 'next/link';
-import { StopWatchIcon } from '../../icons';
-import { Badge, Button, Progress, SegmentGroup } from '../../ui';
+import { StopWatchIcon } from '../../icons/index.js';
+import { Badge, Button, Progress, SegmentGroup } from '../../ui/index.js';
 export function Bonuses(props) {
     return (<div className={props.className}>
       <h2 className="text-lg font-semibold">{props.heading ?? 'Rewards'}</h2>

package/dist/components/DepositWithdrawal/AmountChoices.jsx

@@ -1,7 +1,7 @@
 import { twMerge } from 'tailwind-merge';
-import { useControllableState, useLocaleInfo } from '../../client/hooks';
-import { Button } from '../../ui';
-import { dataAttr, formatNumber } from '../../utils';
+import { useControllableState, useLocaleInfo } from '../../client/hooks/index.js';
+import { Button } from '../../ui/index.js';
+import { dataAttr, formatNumber } from '../../utils/index.js';
 export function AmountChoices(props) {
     const min = props.min ?? 0;
     const max = props.max ?? 9999999;

package/dist/components/DepositWithdrawal/Deposit/AvailablePromos.jsx

@@ -3,9 +3,9 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
-import { useAvailablePromosQuery, useControllableState, useGlobalStore, } from '../../../client/hooks';
-import { CheckIcon, ChevronLeftIcon, ChevronRightIcon } from '../../../icons';
-import { Checkbox, IconButton } from '../../../ui';
+import { useAvailablePromosQuery, useControllableState, useGlobalStore, } from '../../../client/hooks/index.js';
+import { CheckIcon, ChevronLeftIcon, ChevronRightIcon } from '../../../icons/index.js';
+import { Checkbox, IconButton } from '../../../ui/index.js';
 export function AvailablePromos(props) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,

package/dist/components/DepositWithdrawal/Deposit/Deposit.jsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
-import { useOnMMA, usePaymentSettingsQuery } from '../../../client/hooks';
-import { AlertCircleIcon, SpinnerIcon } from '../../../icons';
-import { onMobileDevice } from '../../../utils';
+import { useOnMMA, usePaymentSettingsQuery } from '../../../client/hooks/index.js';
+import { AlertCircleIcon, SpinnerIcon } from '../../../icons/index.js';
+import { onMobileDevice } from '../../../utils/index.js';
 import { PaymentMethods } from '../PaymentMethods';
 import { GCashDeposit } from './GCashDeposit/GCashDeposit';
 import { MayaAppDeposit } from './MayaAppDeposit/MayaAppDeposit';

package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.jsx

@@ -5,11 +5,11 @@ import { Controller, useForm } from 'react-hook-form';
 import invariant from 'tiny-invariant';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useAvailablePromosQuery, useCreateGCashDepositMutation, useDepositsCountQuery, useDisclosure, useGlobalStore, usePaymentSettingsQuery, } from '../../../../client/hooks';
-import { toaster } from '../../../../client/utils';
-import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, SpinnerIcon, XIcon, } from '../../../../icons';
-import { AlertDialog, Button, Field, NumberInput } from '../../../../ui';
-import { parseDecimal } from '../../../../utils';
+import { useAvailablePromosQuery, useCreateGCashDepositMutation, useDepositsCountQuery, useDisclosure, useGlobalStore, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { toaster } from '../../../../client/utils/index.js';
+import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, SpinnerIcon, XIcon, } from '../../../../icons/index.js';
+import { AlertDialog, Button, Field, NumberInput } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices';
 import { AvailablePromos } from '../AvailablePromos';
 export function GCashDeposit() {

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.jsx

@@ -4,11 +4,11 @@ import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useAvailablePromosQuery, useCreateMayaAppDepositMutation, useDepositsCountQuery, useDisclosure, useGlobalStore, useIsMayaSessionValidQuery, usePaymentSettingsQuery, } from '../../../../client/hooks';
-import { toaster } from '../../../../client/utils';
-import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, SpinnerIcon, XIcon, } from '../../../../icons';
-import { AlertDialog, Button, Field, NumberInput } from '../../../../ui';
-import { parseDecimal } from '../../../../utils';
+import { useAvailablePromosQuery, useCreateMayaAppDepositMutation, useDepositsCountQuery, useDisclosure, useGlobalStore, useIsMayaSessionValidQuery, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { toaster } from '../../../../client/utils/index.js';
+import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, SpinnerIcon, XIcon, } from '../../../../icons/index.js';
+import { AlertDialog, Button, Field, NumberInput } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices';
 import { MayaSessionExpired } from '../../MayaSessionExpired';
 import { AvailablePromos } from '../AvailablePromos';

package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.jsx

@@ -5,11 +5,11 @@ import { Controller, useForm } from 'react-hook-form';
 import invariant from 'tiny-invariant';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useAvailablePromosQuery, useCreateMayaDepositMutation, useDepositsCountQuery, useDisclosure, useGlobalStore, usePaymentSettingsQuery, } from '../../../../client/hooks';
-import { toaster } from '../../../../client/utils';
-import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, SpinnerIcon, XIcon, } from '../../../../icons';
-import { AlertDialog, Button, Field, NumberInput } from '../../../../ui';
-import { parseDecimal } from '../../../../utils';
+import { useAvailablePromosQuery, useCreateMayaDepositMutation, useDepositsCountQuery, useDisclosure, useGlobalStore, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { toaster } from '../../../../client/utils/index.js';
+import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, SpinnerIcon, XIcon, } from '../../../../icons/index.js';
+import { AlertDialog, Button, Field, NumberInput } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices';
 import { AvailablePromos } from '../AvailablePromos';
 export function MayaDeposit() {

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.jsx

@@ -4,10 +4,10 @@ import { noop } from 'lodash-es';
 import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { useAvailablePromosQuery, useDepositsCountQuery, useDisclosure, usePaymentSettingsQuery, } from '../../../../client/hooks';
-import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, XIcon, } from '../../../../icons';
-import { AlertDialog, Button, Field, NumberInput } from '../../../../ui';
-import { parseDecimal } from '../../../../utils';
+import { useAvailablePromosQuery, useDepositsCountQuery, useDisclosure, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, XIcon, } from '../../../../icons/index.js';
+import { AlertDialog, Button, Field, NumberInput } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices';
 import { AvailablePromos } from '../AvailablePromos';
 import { useOnlineBankDepositContext } from './OnlineBankDepositContext';

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositLoading.jsx

@@ -1,4 +1,4 @@
-import { SpinnerIcon } from '../../../../icons';
+import { SpinnerIcon } from '../../../../icons/index.js';
 export function OnlineBankDepositLoading() {
     return (<div className="bg-gray-50 rounded-lg px-10 py-12 lg:py-16">
       <SpinnerIcon className="mx-auto size-8 lg:size-10"/>

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositSuccess.jsx

@@ -1,4 +1,4 @@
-import { CheckCircleBrokenIcon } from '../../../../icons';
+import { CheckCircleBrokenIcon } from '../../../../icons/index.js';
 export function OnlineBankDepositSuccess() {
     return (<div className="bg-gray-50 rounded-lg px-10 py-12 lg:p-16">
       <CheckCircleBrokenIcon className="text-green-600 mx-auto size-8 lg:size-10"/>

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

@@ -1,8 +1,8 @@
 import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
-import { BankIcon, XIcon } from '../../../../icons';
+import { BankIcon, XIcon } from '../../../../icons/index.js';
 import bankIcon from '../../../../images/bank-icon.png';
-import { Button, Clipboard, Dialog } from '../../../../ui';
+import { Button, Clipboard, Dialog } from '../../../../ui/index.js';
 import { useOnlineBankDepositContext } from './OnlineBankDepositContext';
 export function OnlineBankDepositVCA() {
     const context = useOnlineBankDepositContext();

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.jsx

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

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositForm.jsx

@@ -3,10 +3,10 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { useAvailablePromosQuery, useDepositsCountQuery, useDisclosure, usePaymentSettingsQuery, } from '../../../../client/hooks';
-import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, XIcon, } from '../../../../icons';
-import { AlertDialog, Button, Field, NumberInput } from '../../../../ui';
-import { parseDecimal } from '../../../../utils';
+import { useAvailablePromosQuery, useDepositsCountQuery, useDisclosure, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, XIcon, } from '../../../../icons/index.js';
+import { AlertDialog, Button, Field, NumberInput } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices';
 import { AvailablePromos } from '../AvailablePromos';
 import { useQRPHDepositContext } from './QRPHDepositContext';

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositLoading.jsx

@@ -1,4 +1,4 @@
-import { SpinnerIcon } from '../../../../icons';
+import { SpinnerIcon } from '../../../../icons/index.js';
 export function QRPHDepositLoading() {
     return (<div className="bg-gray-50 rounded-lg px-10 py-12 lg:p-16">
       <SpinnerIcon className="mx-auto size-8 lg:size-10"/>

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

@@ -1,8 +1,8 @@
 import { Portal, QrCode } from '@ark-ui/react';
 import Image from 'next/image';
-import { QrCode02Icon, SpinnerIcon, XIcon } from '../../../../icons';
+import { QrCode02Icon, SpinnerIcon, XIcon } from '../../../../icons/index.js';
 import qrphIcon from '../../../../images/qrph-icon.png';
-import { Button, Dialog } from '../../../../ui';
+import { Button, Dialog } from '../../../../ui/index.js';
 import { useQRPHDepositContext } from './QRPHDepositContext';
 export function QRPHDepositQrCode() {
     const context = useQRPHDepositContext();

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositSuccess.jsx

@@ -1,5 +1,5 @@
-import { CheckCircleBrokenIcon } from '../../../../icons';
-import { Button } from '../../../../ui';
+import { CheckCircleBrokenIcon } from '../../../../icons/index.js';
+import { Button } from '../../../../ui/index.js';
 import { useQRPHDepositContext } from './QRPHDepositContext';
 export function QRPHDepositSuccess() {
     const context = useQRPHDepositContext();

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

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

package/dist/components/DepositWithdrawal/DepositWithdrawal.jsx

@@ -3,10 +3,10 @@ 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';
-import { Wallet02Icon, XIcon } from '../../icons';
-import { Dialog, Tabs } from '../../ui';
-import { formatNumber } from '../../utils';
+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';
 import { Deposit } from './Deposit/Deposit';
 import { Withdrawal } from './Withdrawal/Withdrawal';
 export function DepositWithdrawal(props) {

package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { ark } from '@ark-ui/react';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore, useSessionQuery } from '../../client/hooks';
+import { useGlobalStore, useSessionQuery } from '../../client/hooks/index.js';
 export function DepositWithdrawalTrigger(props) {
     const sessionQuery = useSessionQuery();
     const globalStore = useGlobalStore(useShallow((ctx) => ({

package/dist/components/DepositWithdrawal/MayaSessionExpired.jsx

@@ -1,4 +1,4 @@
-import { AlertTriangleIcon } from '../../icons';
+import { AlertTriangleIcon } from '../../icons/index.js';
 export function MayaSessionExpired() {
     return (<div className="bg-gray-50 mt-3xl rounded-lg px-5 py-16 lg:mt-4xl">
       <AlertTriangleIcon className="text-amber-500 mx-auto size-10"/>

package/dist/components/DepositWithdrawal/PaymentMethods.jsx

@@ -1,13 +1,13 @@
 import Image from 'next/image';
-import { useControllableState } from '../../client/hooks';
-import { CheckIcon } from '../../icons';
+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 { Checkbox, Field } from '../../ui';
-import { PaymentMethodDefinition } from './utils';
+import { Checkbox, Field } from '../../ui/index.js';
+import { PaymentMethodDefinition } from './utils.js';
 const OPTIONS = [
     {
         value: 'GCASH',