@opexa/portal-components 0.0.28 → 0.0.29

package/dist/components/DepositWithdrawal/Withdrawal/GCashWithdrawal/GCashWithdrawal.jsx

@@ -3,11 +3,11 @@ import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useCreateGCashWithdrawalMutation, useGlobalStore, useLocaleInfo, useMobileNumberParser, usePaymentSettingsQuery, } from '../../../../client/hooks';
-import { toaster } from '../../../../client/utils';
-import { ChevronDownIcon, ChevronUpIcon, EyeIcon, EyeOffIcon, SpinnerIcon, } from '../../../../icons';
-import { Button, Field, NumberInput, PasswordInput } from '../../../../ui';
-import { parseDecimal } from '../../../../utils';
+import { useCreateGCashWithdrawalMutation, useGlobalStore, useLocaleInfo, useMobileNumberParser, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { toaster } from '../../../../client/utils/index.js';
+import { ChevronDownIcon, ChevronUpIcon, EyeIcon, EyeOffIcon, SpinnerIcon, } from '../../../../icons/index.js';
+import { Button, Field, NumberInput, PasswordInput } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices';
 export function GCashWithdrawal() {
     const globalStore = useGlobalStore(useShallow((ctx) => ({

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

@@ -4,11 +4,11 @@ import { useEffect, useMemo } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useCreateInstapayWithdrawalMutation, useGlobalStore, useInstapayBankListQuery, usePaymentSettingsQuery, } from '../../../../client/hooks';
-import { toaster } from '../../../../client/utils';
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon, EyeIcon, EyeOffIcon, SpinnerIcon, } from '../../../../icons';
-import { Button, Field, NumberInput, PasswordInput, Select } from '../../../../ui';
-import { parseDecimal } from '../../../../utils';
+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 { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices';
 export function InstapayWithdrawal() {
     const globalStore = useGlobalStore(useShallow((ctx) => ({

package/dist/components/DepositWithdrawal/Withdrawal/MayaAppWithdrawal/MayaAppWithdrawal.jsx

@@ -3,11 +3,11 @@ import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useCreateMayaAppWithdrawalMutation, useGlobalStore, useIsMayaSessionValidQuery, usePaymentSettingsQuery, } from '../../../../client/hooks';
-import { toaster } from '../../../../client/utils';
-import { ChevronDownIcon, ChevronUpIcon, EyeIcon, EyeOffIcon, SpinnerIcon, } from '../../../../icons';
-import { Button, Field, NumberInput, PasswordInput } from '../../../../ui';
-import { parseDecimal } from '../../../../utils';
+import { useCreateMayaAppWithdrawalMutation, useGlobalStore, useIsMayaSessionValidQuery, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { toaster } from '../../../../client/utils/index.js';
+import { ChevronDownIcon, ChevronUpIcon, EyeIcon, EyeOffIcon, SpinnerIcon, } from '../../../../icons/index.js';
+import { Button, Field, NumberInput, PasswordInput } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices';
 import { MayaSessionExpired } from '../../MayaSessionExpired';
 export function MayaAppWithdrawal() {

package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal/MayaWithdrawal.jsx

@@ -3,11 +3,11 @@ import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useCreateMayaWithdrawalMutation, useGlobalStore, useLocaleInfo, useMobileNumberParser, usePaymentSettingsQuery, } from '../../../../client/hooks';
-import { toaster } from '../../../../client/utils';
-import { ChevronDownIcon, ChevronUpIcon, EyeIcon, EyeOffIcon, SpinnerIcon, } from '../../../../icons';
-import { Button, Field, NumberInput, PasswordInput } from '../../../../ui';
-import { parseDecimal } from '../../../../utils';
+import { useCreateMayaWithdrawalMutation, useGlobalStore, useLocaleInfo, useMobileNumberParser, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
+import { toaster } from '../../../../client/utils/index.js';
+import { ChevronDownIcon, ChevronUpIcon, EyeIcon, EyeOffIcon, SpinnerIcon, } from '../../../../icons/index.js';
+import { Button, Field, NumberInput, PasswordInput } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices';
 export function MayaWithdrawal() {
     const globalStore = useGlobalStore(useShallow((ctx) => ({

package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.jsx

@@ -1,9 +1,9 @@
 import Link from 'next/link';
 import { useEffect, useState } from 'react';
 import { useShallow } from 'zustand/shallow';
-import { useAccountQuery, useGlobalStore, useOnMMA, usePaymentSettingsQuery, } from '../../../client/hooks';
-import { AlertCircleIcon, AlertTriangleIcon, ArrowRightIcon, SpinnerIcon, } from '../../../icons';
-import { onMobileDevice } from '../../../utils';
+import { useAccountQuery, useGlobalStore, useOnMMA, usePaymentSettingsQuery, } from '../../../client/hooks/index.js';
+import { AlertCircleIcon, AlertTriangleIcon, ArrowRightIcon, SpinnerIcon, } from '../../../icons/index.js';
+import { onMobileDevice } from '../../../utils/index.js';
 import { PaymentMethods } from '../PaymentMethods';
 import { GCashWithdrawal } from './GCashWithdrawal/GCashWithdrawal';
 import { InstapayWithdrawal } from './InstapayWithdrawal/InstapayWithdrawal';

package/dist/components/Disclaimer/Disclaimer.jsx

@@ -4,7 +4,7 @@ import Image from 'next/image';
 import { useRef } from 'react';
 import pagcorLogo from '../../images/pagcor.png';
 import responsibleGamingLogo from '../../images/responsible-gaming.png';
-import { Button, Dialog } from '../../ui';
+import { Button, Dialog } from '../../ui/index.js';
 import { useDisclaimer } from './useDisclaimer';
 export function Disclaimer(props) {
     const disclaimer = useDisclaimer();

package/dist/components/Disclaimer/useDisclaimer.jsx

@@ -2,8 +2,8 @@ import { addMinutes } from 'date-fns';
 import { clamp } from 'lodash-es';
 import { useLocalStorage, useTimeout } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore';
-import { useSessionQuery } from '../../client/hooks/useSessionQuery';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 export function useDisclaimer() {
     'use no memo';
     const sessionQuery = useSessionQuery();

package/dist/components/FavoriteGames/FavoriteGames.client.jsx

@@ -1,11 +1,11 @@
 'use client';
 import Image from 'next/image';
 import { twMerge } from 'tailwind-merge';
-import { useFavoriteGamesQuery, useSessionQuery, useUnmarkGameAsFavoriteMutation, } from '../../client/hooks';
-import { ArrowLeftIcon, ArrowRightIcon, Star01Icon } from '../../icons';
-import { Button } from '../../ui';
-import { getGameImageUrl } from '../../utils';
-import { GameLaunchTrigger } from '../GameLaunch';
+import { useFavoriteGamesQuery, useSessionQuery, useUnmarkGameAsFavoriteMutation, } from '../../client/hooks/index.js';
+import { ArrowLeftIcon, ArrowRightIcon, Star01Icon } from '../../icons/index.js';
+import { Button } from '../../ui/index.js';
+import { getGameImageUrl } from '../../utils/index.js';
+import { GameLaunchTrigger } from '../GameLaunch/index.js';
 export function FavoriteGames__client(props) {
     const gamesQuery = useFavoriteGamesQuery();
     const games = gamesQuery.data ?? [];

package/dist/components/FavoriteGames/FavoriteGames.jsx

@@ -1,4 +1,4 @@
-import { prefetchFavoriteGamesQuery } from '../../server/utils';
+import { prefetchFavoriteGamesQuery } from '../../server/utils/index.js';
 import { FavoriteGames__client } from './FavoriteGames.client';
 export async function FavoriteGames(props) {
     await prefetchFavoriteGamesQuery();

package/dist/components/GameLaunch/GameLaunch.jsx

@@ -3,9 +3,9 @@ import { Dialog, Portal, Presence } from '@ark-ui/react';
 import { useRef } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
-import { useDisclosure, useEndGameSessionMutation, useFavoriteGamesQuery, useGlobalStore, useMarkGameAsFavoriteMutation, useUnmarkGameAsFavoriteMutation, } from '../../client/hooks';
-import { AlertCircleIcon, ChevronLeftIcon, CoinsHandIcon, Expand03Icon, SpinnerIcon, Star01Icon, XIcon, } from '../../icons';
-import { AlertDialog, Button, IconButton } from '../../ui';
+import { useDisclosure, useEndGameSessionMutation, useFavoriteGamesQuery, useGlobalStore, useMarkGameAsFavoriteMutation, useUnmarkGameAsFavoriteMutation, } from '../../client/hooks/index.js';
+import { AlertCircleIcon, ChevronLeftIcon, CoinsHandIcon, Expand03Icon, SpinnerIcon, Star01Icon, XIcon, } from '../../icons/index.js';
+import { AlertDialog, Button, IconButton } from '../../ui/index.js';
 export function GameLaunch() {
     const ref = useRef(null);
     const maximizeDisclosure = useDisclosure({

package/dist/components/GameLaunch/GameLaunchTrigger.jsx

@@ -1,8 +1,8 @@
 'use client';
 import { ark } from '@ark-ui/react';
 import { useShallow } from 'zustand/shallow';
-import { useCreateGameSessionMutation, useGlobalStore, useSessionQuery, } from '../../client/hooks';
-import { toaster } from '../../client/utils';
+import { useCreateGameSessionMutation, useGlobalStore, useSessionQuery, } from '../../client/hooks/index.js';
+import { toaster } from '../../client/utils/index.js';
 export function GameLaunchTrigger(props) {
     const sessionQuery = useSessionQuery();
     const createGameSessionMutation = useCreateGameSessionMutation();

package/dist/components/GameProviders/GameProviders.jsx

@@ -3,8 +3,8 @@ import useEmblaCarousel from 'embla-carousel-react';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useCallback, useEffect, useState } from 'react';
-import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon } from '../../icons';
-import { Button } from '../../ui';
+import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon } from '../../icons/index.js';
+import { Button } from '../../ui/index.js';
 export function GameProviders(props) {
     const [emblaRef, emblaApi] = useEmblaCarousel({
         align: 'start',

package/dist/components/Games/Games.client.jsx

@@ -4,10 +4,10 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { useCallback, useEffect, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { useFavoriteGamesQuery, useGamesQuery, useMarkGameAsFavoriteMutation, useSessionQuery, useUnmarkGameAsFavoriteMutation, } from '../../client/hooks';
-import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon, SpinnerIcon, Star01Icon, } from '../../icons';
-import { Button } from '../../ui';
-import { GameLaunchTrigger } from '../GameLaunch';
+import { useFavoriteGamesQuery, useGamesQuery, useMarkGameAsFavoriteMutation, useSessionQuery, useUnmarkGameAsFavoriteMutation, } from '../../client/hooks/index.js';
+import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon, SpinnerIcon, Star01Icon, } from '../../icons/index.js';
+import { Button } from '../../ui/index.js';
+import { GameLaunchTrigger } from '../GameLaunch/index.js';
 export function Games__client(props) {
     const numOfRows = props.numOfRows ?? 1;
     const gamesQuery = useGamesQuery({

package/dist/components/Games/Games.jsx

@@ -1,4 +1,4 @@
-import { prefetchGamesQuery } from '../../server/utils';
+import { prefetchGamesQuery } from '../../server/utils/index.js';
 import { Games__client } from './Games.client';
 export async function Games(props) {
     const numOfRows = props.numOfRows ?? 1;

package/dist/components/GamesSearch/GamesSearch.jsx

@@ -3,11 +3,11 @@ import { Portal } from '@ark-ui/react';
 import Image, {} from 'next/image';
 import { useRef, useState } from 'react';
 import { useShallow } from 'zustand/shallow';
-import { useGamesQuery, useGlobalStore } from '../../client/hooks';
-import { SearchLgIcon, XIcon } from '../../icons';
+import { useGamesQuery, useGlobalStore } from '../../client/hooks/index.js';
+import { SearchLgIcon, XIcon } from '../../icons/index.js';
 import providerHacksaw from '../../images/hacksaw-gaming.png';
-import { Button, Dialog, Field, IconButton, Presence } from '../../ui';
-import { GameLaunchTrigger } from '../GameLaunch';
+import { Button, Dialog, Field, IconButton, Presence } from '../../ui/index.js';
+import { GameLaunchTrigger } from '../GameLaunch/index.js';
 export function GamesSearch(props) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         gamesSearch: ctx.gamesSearch,

package/dist/components/GamesSearch/GamesSearchTrigger.jsx

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

package/dist/components/JackpotCounter/JackpotCounter.client.jsx

@@ -2,9 +2,9 @@
 import useEmblaCarousel from 'embla-carousel-react';
 import Link from 'next/link';
 import { useCallback, useEffect, useState } from 'react';
-import { useJackpotsQuery } from '../../client/hooks';
-import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon } from '../../icons';
-import { Button } from '../../ui';
+import { useJackpotsQuery } from '../../client/hooks/index.js';
+import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon } from '../../icons/index.js';
+import { Button } from '../../ui/index.js';
 import { JackpotCounterItem } from './JackpotCounterItem';
 export function JackpotCounter__client(props) {
     const [emblaRef, emblaApi] = useEmblaCarousel({

package/dist/components/JackpotCounter/JackpotCounter.jsx

@@ -1,4 +1,4 @@
-import { prefetchJackpotsQuery } from '../../server/utils';
+import { prefetchJackpotsQuery } from '../../server/utils/index.js';
 import { JackpotCounter__client } from './JackpotCounter.client';
 export async function JackpotCounter(props) {
     await prefetchJackpotsQuery({

package/dist/components/JackpotCounter/JackpotCounterItem.jsx

@@ -4,15 +4,15 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { useCallback, useMemo } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { useLocaleInfo } from '../../client/hooks';
-import { useJackpotPayoutsQuery } from '../../client/hooks/useJackpotPayoutsQuery';
-import { ArrowNarrowUpRightIcon, ChevronLeftIcon, ChevronRightIcon, Trophy01Icon, } from '../../icons';
+import { useLocaleInfo } from '../../client/hooks/index.js';
+import { useJackpotPayoutsQuery } from '../../client/hooks/useJackpotPayoutsQuery.js';
+import { ArrowNarrowUpRightIcon, ChevronLeftIcon, ChevronRightIcon, Trophy01Icon, } from '../../icons/index.js';
 import { StarIcon } from '../../icons/StarIcon';
 import closeChest from '../../images/close-chest.png';
 import firstPlace from '../../images/first-place.png';
 import leaderboard from '../../images/leaderboard.png';
 import openChest from '../../images/open-chest.png';
-import { formatNumber } from '../../utils';
+import { formatNumber } from '../../utils/index.js';
 import styles from './JackpotCounterItem.module.css';
 export function JackpotCounterItem({ jackpot, className, viewAllUrl, }) {
     const jackpotPayoutsQuery = useJackpotPayoutsQuery({

package/dist/components/Jackpots/JackpotGameProviders.jsx

@@ -3,8 +3,8 @@ import useEmblaCarousel from 'embla-carousel-react';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useCallback, useEffect, useState } from 'react';
-import { ArrowLeftIcon, ArrowRightIcon } from '../../icons';
-import { Button } from '../../ui';
+import { ArrowLeftIcon, ArrowRightIcon } from '../../icons/index.js';
+import { Button } from '../../ui/index.js';
 export function JackpotGameProviders({ gameProviders, }) {
     const [emblaRef, emblaApi] = useEmblaCarousel({
         align: 'start',

package/dist/components/Jackpots/JackpotItemDesktop.jsx

@@ -2,13 +2,13 @@
 import { Progress } from '@ark-ui/react';
 import Image from 'next/image';
 import { twMerge } from 'tailwind-merge';
-import { ArrowNarrowUpRightIcon, ChevronLeftIcon, ChevronRightIcon, Trophy01Icon, } from '../../icons';
+import { ArrowNarrowUpRightIcon, ChevronLeftIcon, ChevronRightIcon, Trophy01Icon, } from '../../icons/index.js';
 import { StarIcon } from '../../icons/StarIcon';
 import closeChest from '../../images/close-chest.png';
 import firstPlace from '../../images/first-place.png';
 import leaderboard from '../../images/leaderboard.png';
 import openChest from '../../images/open-chest.png';
-import { formatNumber } from '../../utils';
+import { formatNumber } from '../../utils/index.js';
 import { maskName } from '../JackpotCounter/JackpotCounterItem';
 import styles from '../JackpotCounter/JackpotCounterItem.module.css';
 import { JackpotGameProviders } from './JackpotGameProviders';

package/dist/components/Jackpots/JackpotItemMobile.jsx

@@ -3,15 +3,15 @@ import { Progress } from '@ark-ui/react';
 import Image from 'next/image';
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { ArrowNarrowUpRightIcon, ChevronLeftIcon, ChevronRightIcon, Trophy01Icon, } from '../../icons';
+import { ArrowNarrowUpRightIcon, ChevronLeftIcon, ChevronRightIcon, Trophy01Icon, } from '../../icons/index.js';
 import { ArrowNarrowDownIcon } from '../../icons/ArrowNarrowDownIcon';
 import { ArrowNarrowUpIcon } from '../../icons/ArrowNarrowUpIcon';
 import { StarIcon } from '../../icons/StarIcon';
 import closeChest from '../../images/close-chest.png';
 import firstPlace from '../../images/first-place.png';
 import openChest from '../../images/open-chest.png';
-import { Button } from '../../ui';
-import { formatNumber } from '../../utils';
+import { Button } from '../../ui/index.js';
+import { formatNumber } from '../../utils/index.js';
 import { maskName } from '../JackpotCounter/JackpotCounterItem';
 import styles from '../JackpotCounter/JackpotCounterItem.module.css';
 import { JackpotGameProviders } from './JackpotGameProviders';

package/dist/components/Jackpots/JackpotRules.jsx

@@ -1,8 +1,8 @@
 'use client';
 import { Portal } from '@ark-ui/react';
-import { XIcon } from '../../icons';
+import { XIcon } from '../../icons/index.js';
 import { Flag06Icon } from '../../icons/Flag06Icon';
-import { Dialog } from '../../ui';
+import { Dialog } from '../../ui/index.js';
 export function JackpotRules(props) {
     return (<Dialog.Root lazyMount unmountOnExit closeOnEscape={false} closeOnInteractOutside={false}>
       <Dialog.Trigger asChild>

package/dist/components/Jackpots/Jackpots.jsx

@@ -1,5 +1,5 @@
 'use client';
-import { useJackpotsQuery } from '../../client/hooks';
+import { useJackpotsQuery } from '../../client/hooks/index.js';
 import { JackpotItemDesktop } from './JackpotItemDesktop';
 import { JackpotItemMobile } from './JackpotItemMobile';
 export function Jackpots(props) {

package/dist/components/Jackpots/useJackpotItemData.jsx

@@ -1,8 +1,8 @@
 import { useCallback, useMemo } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { useLocaleInfo } from '../../client/hooks';
-import { useJackpotPayoutsQuery } from '../../client/hooks/useJackpotPayoutsQuery';
-import { ChevronLeftIcon, ChevronRightIcon } from '../../icons';
+import { useLocaleInfo } from '../../client/hooks/index.js';
+import { useJackpotPayoutsQuery } from '../../client/hooks/useJackpotPayoutsQuery.js';
+import { ChevronLeftIcon, ChevronRightIcon } from '../../icons/index.js';
 import styles from '../JackpotCounter/JackpotCounterItem.module.css';
 export function useJackpotItemData({ jackpot, gameProviders, }) {
     const jackpotPayoutsQuery = useJackpotPayoutsQuery({

package/dist/components/KYC/KYC.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
-import { Dialog } from '../../ui';
+import { Dialog } from '../../ui/index.js';
 import { KYCContext } from './KYCContext';
 import { Step1 } from './Step1';
 import { Step2 } from './Step2';
@@ -9,7 +9,7 @@ import { Step3 } from './Step3';
 import { StepIndicator } from './StepIndicator';
 import { UploadDocument } from './UploadDocument';
 import { UploadSelfie } from './UploadSelfie';
-import { useKYC } from './useKYC';
+import { useKYC } from './useKYC.js';
 export function KYC(props) {
     const context = useKYC();
     return (<KYCContext value={context}>

package/dist/components/KYC/KYCTrigger.jsx

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

package/dist/components/KYC/Step1.jsx

@@ -1,4 +1,4 @@
-import { Button, Field } from '../../ui';
+import { Button, Field } from '../../ui/index.js';
 import { useKYCContext } from './KYCContext';
 export function Step1() {
     const context = useKYCContext();

package/dist/components/KYC/Step2.jsx

@@ -1,5 +1,5 @@
-import { HelpCircleIcon, UploadCloud02Icon } from '../../icons';
-import { Button, Field } from '../../ui';
+import { HelpCircleIcon, UploadCloud02Icon } from '../../icons/index.js';
+import { Button, Field } from '../../ui/index.js';
 import { useKYCContext } from './KYCContext';
 export function Step2() {
     const context = useKYCContext();

package/dist/components/KYC/Step3.jsx

@@ -1,5 +1,5 @@
-import { CheckIcon } from '../../icons';
-import { Button, Checkbox, Field } from '../../ui';
+import { CheckIcon } from '../../icons/index.js';
+import { Button, Checkbox, Field } from '../../ui/index.js';
 import { useKYCContext } from './KYCContext';
 export function Step3() {
     const context = useKYCContext();

package/dist/components/KYC/StepIndicator.jsx

@@ -1,4 +1,4 @@
-import { dataAttr } from '../../utils';
+import { dataAttr } from '../../utils/index.js';
 import { useKYCContext } from './KYCContext';
 export function StepIndicator() {
     const context = useKYCContext();

package/dist/components/KYC/UploadDocument.jsx

@@ -1,5 +1,5 @@
-import { Camera01Icon, CheckCircleIcon, XIcon } from '../../icons';
-import { Button } from '../../ui';
+import { Camera01Icon, CheckCircleIcon, XIcon } from '../../icons/index.js';
+import { Button } from '../../ui/index.js';
 import { useKYCContext } from './KYCContext';
 export function UploadDocument() {
     const context = useKYCContext();

package/dist/components/KYC/UploadSelfie.jsx

@@ -1,5 +1,5 @@
-import { Camera01Icon, CheckCircleIcon, XIcon } from '../../icons';
-import { Button } from '../../ui';
+import { Camera01Icon, CheckCircleIcon, XIcon } from '../../icons/index.js';
+import { Button } from '../../ui/index.js';
 import { useKYCContext } from './KYCContext';
 export function UploadSelfie() {
     const context = useKYCContext();

package/dist/components/KYC/useKYC.js

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks';
+import { useGlobalStore } from '../../client/hooks/index.js';
 export function useKYC() {
     const [step, setStep_] = useState(1);
     const [open, setOpen_] = useGlobalStore(useShallow((ctx) => [ctx.kyc.open, ctx.kyc.setOpen]));

package/dist/components/Messages/MessageItem.jsx

@@ -2,8 +2,8 @@ import { tz } from '@date-fns/tz';
 import { format } from 'date-fns';
 import Link from 'next/link';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore, useLocaleInfo, useMarkMessageAsReadMutation, } from '../../client/hooks';
-import { getMessageIcon } from '../../components/Messages/utils';
+import { useGlobalStore, useLocaleInfo, useMarkMessageAsReadMutation, } from '../../client/hooks/index.js';
+import { getMessageIcon } from '../../components/Messages/utils.js';
 export function MessageItem({ message }) {
     const { id, title, dateTimeCreated, content, markedAsRead, icon, actions } = message;
     const localeInfo = useLocaleInfo();

package/dist/components/Messages/MessagePopup.jsx

@@ -1,10 +1,10 @@
 import { Portal } from '@ark-ui/react';
 import Link from 'next/link';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks';
-import { XIcon } from '../../icons';
-import { Dialog } from '../../ui';
-import { getMessageIcon } from './utils';
+import { useGlobalStore } from '../../client/hooks/index.js';
+import { XIcon } from '../../icons/index.js';
+import { Dialog } from '../../ui/index.js';
+import { getMessageIcon } from './utils.js';
 export const MessagePopup = () => {
     const { messages: messagesStore } = useGlobalStore(useShallow((ctx) => ({ messages: ctx.messages })));
     const message = messagesStore.message.data;

package/dist/components/Messages/Messages.jsx

@@ -2,9 +2,9 @@
 import { Portal } from '@ark-ui/react';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore, useMessagesQuery, useUnreadMessagesCountQuery, } from '../../client/hooks';
-import { Bell01Icon, SpinnerIcon, XIcon } from '../../icons';
-import { Drawer, IconButton, Tabs } from '../../ui';
+import { useGlobalStore, useMessagesQuery, useUnreadMessagesCountQuery, } from '../../client/hooks/index.js';
+import { Bell01Icon, SpinnerIcon, XIcon } from '../../icons/index.js';
+import { Drawer, IconButton, Tabs } from '../../ui/index.js';
 import { InfiniteScroll } from '../InfiniteScroll';
 import { MessageItem } from './MessageItem';
 import { MessagePopup } from './MessagePopup';

package/dist/components/Messages/MessagesTrigger.jsx

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

package/dist/components/Messages/utils.js

@@ -1,4 +1,4 @@
-import { BellRingIcon } from '../../icons';
+import { BellRingIcon } from '../../icons/index.js';
 // TODO: request icon assets for each type of MessageIcon
 const IMAGES = {
     BELL: BellRingIcon,

package/dist/components/PortalProvider/PortalProvider.client.jsx

@@ -3,10 +3,10 @@ import { Toast, Toaster } from '@ark-ui/react';
 import { GoogleAnalytics, GoogleTagManager } from '@next/third-parties/google';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { twMerge } from 'tailwind-merge';
-import { toaster } from '../../client/utils';
-import { AlertCircleIcon, XIcon } from '../../icons';
-import { FacebookPixel, GoogleRecaptcha } from '../../third-parties';
-import { getQueryClient } from '../../utils';
+import { toaster } from '../../client/utils/index.js';
+import { AlertCircleIcon, XIcon } from '../../icons/index.js';
+import { FacebookPixel, GoogleRecaptcha } from '../../third-parties/index.js';
+import { getQueryClient } from '../../utils/index.js';
 export function PortalProvider__client({ googleAnalyticsId, googleTagManagerId, googleRecaptchaSiteKey, facebookPixelId, children, }) {
     const queryClient = getQueryClient();
     return (<QueryClientProvider client={queryClient}>

package/dist/components/PortalProvider/PortalProvider.jsx

@@ -1,7 +1,7 @@
 import { dehydrate, HydrationBoundary } from '@tanstack/react-query';
 import {} from 'react';
-import { prefetchAccountQuery, prefetchSessionQuery, prefetchWalletQuery, } from '../../server/utils';
-import { getQueryClient } from '../../utils';
+import { prefetchAccountQuery, prefetchSessionQuery, prefetchWalletQuery, } from '../../server/utils/index.js';
+import { getQueryClient } from '../../utils/index.js';
 import { PortalProvider__client } from './PortalProvider.client';
 export async function PortalProvider({ children, ...props }) {
     const queryClient = getQueryClient();

package/dist/components/Promo/PromoContent.jsx

@@ -1,8 +1,8 @@
 'use client';
 import Image from 'next/image';
 import Link from 'next/link';
-import { ChevronLeftIcon } from '../../icons';
-import { Button, Prose } from '../../ui';
+import { ChevronLeftIcon } from '../../icons/index.js';
+import { Button, Prose } from '../../ui/index.js';
 export function PromoContent(props) {
     return (<div className={props.className}>
       <Link href={props.viewAllPromosUrl ?? '/promos'} className="text-button-tertiary-fg flex w-fit items-center gap-lg text-lg font-semibold">

package/dist/components/Promos/PromoCarousel.jsx

@@ -3,9 +3,9 @@ import useEmblaCarousel, {} from 'embla-carousel-react';
 import Link from 'next/link';
 import { useCallback, useEffect, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { usePromosQuery } from '../../client/hooks';
-import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon, Gift01Icon, } from '../../icons';
-import { Button } from '../../ui';
+import { usePromosQuery } from '../../client/hooks/index.js';
+import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon, Gift01Icon, } from '../../icons/index.js';
+import { Button } from '../../ui/index.js';
 import { Empty } from '../Empty';
 import { PromosItem } from './PromoItem';
 export function PromoCarousel(props) {

package/dist/components/Promos/PromoGrid.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { twMerge } from 'tailwind-merge';
-import { usePromosQuery } from '../../client/hooks';
-import { Gift01Icon } from '../../icons';
+import { usePromosQuery } from '../../client/hooks/index.js';
+import { Gift01Icon } from '../../icons/index.js';
 import { Empty } from '../Empty';
 import { PromosItem } from './PromoItem';
 export function PromoGrid(props) {

package/dist/components/Promos/PromoItem.jsx

@@ -1,7 +1,7 @@
 import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { twJoin } from 'tailwind-merge';
-import { Button } from '../../ui';
+import { Button } from '../../ui/index.js';
 export function PromosItem(props) {
     const { promo } = props;
     const router = useRouter();

package/dist/components/Protected/Protected.jsx

@@ -1,5 +1,5 @@
 'use client';
-import { useSessionQuery } from '../../client/hooks';
+import { useSessionQuery } from '../../client/hooks/index.js';
 export function Protected(props) {
     const query = useSessionQuery();
     return query.data?.status === 'authenticated'

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.jsx

@@ -1,7 +1,7 @@
 'use client';
-import { CalendarIcon, ClockStopWatchIcon, InfoCircleIcon } from '../../../icons';
+import { CalendarIcon, ClockStopWatchIcon, InfoCircleIcon } from '../../../icons/index.js';
 import { twMerge } from 'tailwind-merge';
-import { Button } from '../../../ui';
+import { Button } from '../../../ui/index.js';
 import { useState } from 'react';
 import { DailyCheckInQuestModal } from './DailyCheckInQuestModal';
 export default function DailyCheckInQuest() {