@opexa/portal-components 0.0.3 → 0.0.4

package/dist/components/Account/Account.jsx

@@ -2,16 +2,16 @@
 import { Portal } from '@ark-ui/react';
 import Link from 'next/link';
 import { useShallow } from 'zustand/shallow';
-import { useAccountQuery } from '../../hooks/useAccountQuery/useAccountQuery';
-import { useGlobalStore } from '../../hooks/useGlobalStore';
-import { useLocaleInfo } from '../../hooks/useLocaleInfo';
-import { useSignOutMutation } from '../../hooks/useSignOutMutation/useSignOutMutation';
-import { useWalletQuery } from '../../hooks/useWalletQuery/useWalletQuery';
-import { ChevronRightIcon } from '../../icons/ChevronRightIcon';
-import { Logout01Icon } from '../../icons/Logout01Icon';
-import { User01Icon } from '../../icons/User01Icon';
-import { Avatar, Button, Drawer, Popover } from '../../ui';
-import { formatNumber } from '../../utils/formatNumber';
+import { useAccountQuery } from '../../hooks/useAccountQuery/useAccountQuery.js';
+import { useGlobalStore } from '../../hooks/useGlobalStore.js';
+import { useLocaleInfo } from '../../hooks/useLocaleInfo.js';
+import { useSignOutMutation } from '../../hooks/useSignOutMutation/useSignOutMutation.js';
+import { useWalletQuery } from '../../hooks/useWalletQuery/useWalletQuery.js';
+import { ChevronRightIcon } from '../../icons/ChevronRightIcon.jsx';
+import { Logout01Icon } from '../../icons/Logout01Icon.jsx';
+import { User01Icon } from '../../icons/User01Icon.jsx';
+import { Avatar, Button, Drawer, Popover } from '../../ui/index.js';
+import { formatNumber } from '../../utils/formatNumber.js';
 export function Account(props) {
     var _a, _b, _c, _d;
     var globalStore = useGlobalStore(useShallow(function (ctx) { return ({

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

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

package/dist/components/Account/index.js

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

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/dataAttr';
+import { dataAttr } from '../../utils/dataAttr.js';
 export function Banner(props) {
     var _a = useEmblaCarousel({
         loop: true,

package/dist/components/Banner/index.d.ts

@@ -1 +1 @@
-export * from './Banner';
+export * from './Banner.jsx';

package/dist/components/Banner/index.js

@@ -1 +1 @@
-export * from './Banner';
+export * from './Banner.jsx';

package/dist/components/BetRecords/BetRecords.jsx

@@ -1,4 +1,4 @@
-import { BetRecordsContent } from './BetRecordsContent';
+import { BetRecordsContent } from './BetRecordsContent.jsx';
 export function BetRecords(props) {
     return <BetRecordsContent {...props}/>;
 }

package/dist/components/BetRecords/BetRecordsContent.d.ts

@@ -1,2 +1,2 @@
-import type { BetRecordsProps } from './BetRecords';
+import type { BetRecordsProps } from './BetRecords.jsx';
 export declare function BetRecordsContent(props: BetRecordsProps): import("react").JSX.Element;

package/dist/components/BetRecords/BetRecordsContent.jsx

@@ -15,19 +15,19 @@ import { tz, TZDateMini } from '@date-fns/tz';
 import { endOfDay, format, startOfDay } from 'date-fns';
 import { useReducer, useState } from 'react';
 import { z } from 'zod';
-import { useBetRecordsQuery } from '../../hooks/useBetRecordsQuery/useBetRecordsQuery';
-import { useInfiniteQueryHelper } from '../../hooks/useInfiniteQueryHelper';
-import { useLocaleInfo } from '../../hooks/useLocaleInfo';
-import { CheckIcon } from '../../icons/CheckIcon';
-import { ChevronDownIcon } from '../../icons/ChevronDownIcon';
-import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon';
-import { ChevronRightIcon } from '../../icons/ChevronRightIcon';
-import { File02Icon } from '../../icons/File02Icon';
-import { SpinnerIcon } from '../../icons/SpinnerIcon';
-import { DatePicker, IconButton, SegmentGroup, Select, Table } from '../../ui';
-import { capitalize } from '../../utils/capitalize';
-import { formatNumber } from '../../utils/formatNumber';
-import { Empty } from '../Empty';
+import { useBetRecordsQuery } from '../../hooks/useBetRecordsQuery/useBetRecordsQuery.js';
+import { useInfiniteQueryHelper } from '../../hooks/useInfiniteQueryHelper.js';
+import { useLocaleInfo } from '../../hooks/useLocaleInfo.js';
+import { CheckIcon } from '../../icons/CheckIcon.jsx';
+import { ChevronDownIcon } from '../../icons/ChevronDownIcon.jsx';
+import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.jsx';
+import { ChevronRightIcon } from '../../icons/ChevronRightIcon.jsx';
+import { File02Icon } from '../../icons/File02Icon.jsx';
+import { SpinnerIcon } from '../../icons/SpinnerIcon.jsx';
+import { DatePicker, IconButton, SegmentGroup, Select, Table, } from '../../ui/index.js';
+import { capitalize } from '../../utils/capitalize.js';
+import { formatNumber } from '../../utils/formatNumber.js';
+import { Empty } from '../Empty/index.js';
 export function BetRecordsContent(props) {
     var _a, _b;
     var _c = useState('all'), tab = _c[0], setTab = _c[1];

package/dist/components/BetRecords/index.d.ts

@@ -1 +1 @@
-export * from './BetRecords';
+export * from './BetRecords.jsx';

package/dist/components/BetRecords/index.js

@@ -1 +1 @@
-export * from './BetRecords';
+export * from './BetRecords.jsx';

package/dist/components/DepositWithdrawal/AmountChoices.jsx

@@ -1,9 +1,9 @@
 import { twMerge } from 'tailwind-merge';
-import { useControllableState } from '../../hooks/useControllableState';
-import { useLocaleInfo } from '../../hooks/useLocaleInfo';
-import { Button } from '../../ui';
-import { dataAttr } from '../../utils/dataAttr';
-import { formatNumber } from '../../utils/formatNumber';
+import { useControllableState } from '../../hooks/useControllableState.js';
+import { useLocaleInfo } from '../../hooks/useLocaleInfo.js';
+import { Button } from '../../ui/index.js';
+import { dataAttr } from '../../utils/dataAttr.jsx';
+import { formatNumber } from '../../utils/formatNumber.jsx';
 export function AmountChoices(props) {
     var _a, _b, _c, _d;
     var min = (_a = props.min) !== null && _a !== void 0 ? _a : 0;

package/dist/components/DepositWithdrawal/AvailablePromos.jsx

@@ -3,13 +3,13 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
-import { useAvailablePromosQuery } from '../../hooks/useAvailablePromosQuery/useAvailablePromosQuery';
-import { useControllableState } from '../../hooks/useControllableState';
-import { useGlobalStore } from '../../hooks/useGlobalStore';
-import { CheckIcon } from '../../icons/CheckIcon';
-import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon';
-import { ChevronRightIcon } from '../../icons/ChevronRightIcon';
-import { Checkbox, IconButton } from '../../ui';
+import { useAvailablePromosQuery } from '../../hooks/useAvailablePromosQuery/useAvailablePromosQuery.js';
+import { useControllableState } from '../../hooks/useControllableState.js';
+import { useGlobalStore } from '../../hooks/useGlobalStore.js';
+import { CheckIcon } from '../../icons/CheckIcon.jsx';
+import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.jsx';
+import { ChevronRightIcon } from '../../icons/ChevronRightIcon.jsx';
+import { Checkbox, IconButton } from '../../ui/index.js';
 export function AvailablePromos(props) {
     var _a, _b;
     var globalStore = useGlobalStore(useShallow(function (ctx) { return ({

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

@@ -1,16 +1,16 @@
 import { useEffect, useState } from 'react';
-import { useOnMMA } from '../../../hooks/useOnMMA';
-import { usePaymentSettingsQuery } from '../../../hooks/usePaymentSettingsQuery/usePaymentSettingsQuery';
-import { AlertCircleIcon } from '../../../icons/AlertCircleIcon';
-import { SpinnerIcon } from '../../../icons/SpinnerIcon';
-import { onMobileDevice } from '../../../utils/isMobile';
-import { useFeatureFlagContext } from '../../FeatureFlagProvider';
-import { PaymentMethods } from '../PaymentMethods';
-import { GCashDeposit } from './GCashDeposit/GCashDeposit';
-import { MayaAppDeposit } from './MayaAppDeposit/MayaAppDeposit';
-import { MayaDeposit } from './MayaDeposit/MayaDeposit';
-import { OnlineBankDeposit } from './OnlineBankDeposit/OnlineBankDeposit';
-import { QRPHDeposit } from './QRPHDeposit/QRPHDeposit';
+import { useOnMMA } from '../../../hooks/useOnMMA.js';
+import { usePaymentSettingsQuery } from '../../../hooks/usePaymentSettingsQuery/usePaymentSettingsQuery.js';
+import { AlertCircleIcon } from '../../../icons/AlertCircleIcon.jsx';
+import { SpinnerIcon } from '../../../icons/SpinnerIcon.jsx';
+import { onMobileDevice } from '../../../utils/isMobile.js';
+import { useFeatureFlagContext } from '../../FeatureFlagProvider/index.js';
+import { PaymentMethods } from '../PaymentMethods.jsx';
+import { GCashDeposit } from './GCashDeposit/GCashDeposit.jsx';
+import { MayaAppDeposit } from './MayaAppDeposit/MayaAppDeposit.jsx';
+import { MayaDeposit } from './MayaDeposit/MayaDeposit.jsx';
+import { OnlineBankDeposit } from './OnlineBankDeposit/OnlineBankDeposit.jsx';
+import { QRPHDeposit } from './QRPHDeposit/QRPHDeposit.jsx';
 export function Deposit() {
     var onMMA = useOnMMA()[0];
     var featureflag = useFeatureFlagContext();

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

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

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

@@ -40,24 +40,24 @@ import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useAvailablePromosQuery } from '../../../../hooks/useAvailablePromosQuery/useAvailablePromosQuery';
-import { useCreateMayaAppDepositMutation } from '../../../../hooks/useCreateMayaAppDepositMutation/useCreateMayaAppDepositMutation';
-import { useDepositsCountQuery } from '../../../../hooks/useDepositsCountQuery/useDepositsCountQuery';
-import { useDisclosure } from '../../../../hooks/useDisclosure';
-import { useGlobalStore } from '../../../../hooks/useGlobalStore';
-import { useIsMayaSessionValidQuery } from '../../../../hooks/useIsMayaSessionValidQuery/useIsMayaSessionValidQuery';
-import { usePaymentSettingsQuery } from '../../../../hooks/usePaymentSettingsQuery/usePaymentSettingsQuery';
-import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon';
-import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon';
-import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon';
-import { SpinnerIcon } from '../../../../icons/SpinnerIcon';
-import { XIcon } from '../../../../icons/XIcon';
-import { AlertDialog, Button, Field, NumberInput } from '../../../../ui';
-import { parseDecimal } from '../../../../utils/parseDecimal';
-import { toaster } from '../../../../utils/toaster';
-import { AmountChoices } from '../../AmountChoices';
-import { AvailablePromos } from '../../AvailablePromos';
-import { SessionExpired } from './SessionExpired';
+import { useAvailablePromosQuery } from '../../../../hooks/useAvailablePromosQuery/useAvailablePromosQuery.js';
+import { useCreateMayaAppDepositMutation } from '../../../../hooks/useCreateMayaAppDepositMutation/useCreateMayaAppDepositMutation.js';
+import { useDepositsCountQuery } from '../../../../hooks/useDepositsCountQuery/useDepositsCountQuery.js';
+import { useDisclosure } from '../../../../hooks/useDisclosure.js';
+import { useGlobalStore } from '../../../../hooks/useGlobalStore.js';
+import { useIsMayaSessionValidQuery } from '../../../../hooks/useIsMayaSessionValidQuery/useIsMayaSessionValidQuery.js';
+import { usePaymentSettingsQuery } from '../../../../hooks/usePaymentSettingsQuery/usePaymentSettingsQuery.js';
+import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.jsx';
+import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.jsx';
+import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon.jsx';
+import { SpinnerIcon } from '../../../../icons/SpinnerIcon.jsx';
+import { XIcon } from '../../../../icons/XIcon.jsx';
+import { AlertDialog, Button, Field, NumberInput, } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/parseDecimal.js';
+import { toaster } from '../../../../utils/toaster.js';
+import { AmountChoices } from '../../AmountChoices.jsx';
+import { AvailablePromos } from '../../AvailablePromos.jsx';
+import { SessionExpired } from './SessionExpired.jsx';
 export function MayaAppDeposit() {
     var _this = this;
     var _a, _b, _c, _d;

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

@@ -1,4 +1,4 @@
-import { AlertTriangleIcon } from '../../../../icons/AlertTriangle';
+import { AlertTriangleIcon } from '../../../../icons/AlertTriangle.jsx';
 export function SessionExpired() {
     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/Deposit/MayaDeposit/MayaDeposit.jsx

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

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

@@ -1,9 +1,9 @@
-import { OnlineBankDepositContext } from './OnlineBankDepositContext';
-import { OnlineBankDepositForm } from './OnlineBankDepositForm';
-import { OnlineBankDepositLoading } from './OnlineBankDepositLoading';
-import { OnlineBankDepositSuccess } from './OnlineBankDepositSuccess';
-import { OnlineBankDepositVCA } from './OnlineBankDepositVCA';
-import { useOnlineBankDeposit } from './useOnlineBankDeposit';
+import { OnlineBankDepositContext } from './OnlineBankDepositContext.jsx';
+import { OnlineBankDepositForm } from './OnlineBankDepositForm.jsx';
+import { OnlineBankDepositLoading } from './OnlineBankDepositLoading.jsx';
+import { OnlineBankDepositSuccess } from './OnlineBankDepositSuccess.jsx';
+import { OnlineBankDepositVCA } from './OnlineBankDepositVCA.jsx';
+import { useOnlineBankDeposit } from './useOnlineBankDeposit.jsx';
 export function OnlineBankDeposit() {
     var context = useOnlineBankDeposit();
     return (<OnlineBankDepositContext value={context}>

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

@@ -40,21 +40,21 @@ import { noop } from 'lodash-es';
 import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { useAvailablePromosQuery } from '../../../../hooks/useAvailablePromosQuery/useAvailablePromosQuery';
-import { useDepositsCountQuery } from '../../../../hooks/useDepositsCountQuery/useDepositsCountQuery';
-import { useDisclosure } from '../../../../hooks/useDisclosure';
-import { useInstapayBankListQuery } from '../../../../hooks/useInstapayBankListQuery/useInstapayBankListQuery';
-import { usePaymentSettingsQuery } from '../../../../hooks/usePaymentSettingsQuery/usePaymentSettingsQuery';
-import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon';
-import { CheckIcon } from '../../../../icons/CheckIcon';
-import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon';
-import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon';
-import { XIcon } from '../../../../icons/XIcon';
-import { AlertDialog, Button, Field, NumberInput, Select, } from '../../../../ui';
-import { parseDecimal } from '../../../../utils/parseDecimal';
-import { AmountChoices } from '../../AmountChoices';
-import { AvailablePromos } from '../../AvailablePromos';
-import { useOnlineBankDepositContext } from './OnlineBankDepositContext';
+import { useAvailablePromosQuery } from '../../../../hooks/useAvailablePromosQuery/useAvailablePromosQuery.js';
+import { useDepositsCountQuery } from '../../../../hooks/useDepositsCountQuery/useDepositsCountQuery.js';
+import { useDisclosure } from '../../../../hooks/useDisclosure.js';
+import { useInstapayBankListQuery } from '../../../../hooks/useInstapayBankListQuery/useInstapayBankListQuery.js';
+import { usePaymentSettingsQuery } from '../../../../hooks/usePaymentSettingsQuery/usePaymentSettingsQuery.js';
+import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.jsx';
+import { CheckIcon } from '../../../../icons/CheckIcon.jsx';
+import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.jsx';
+import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon.jsx';
+import { XIcon } from '../../../../icons/XIcon.jsx';
+import { AlertDialog, Button, Field, NumberInput, Select, } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/parseDecimal.js';
+import { AmountChoices } from '../../AmountChoices.jsx';
+import { AvailablePromos } from '../../AvailablePromos.jsx';
+import { useOnlineBankDepositContext } from './OnlineBankDepositContext.jsx';
 export function OnlineBankDepositForm() {
     var _this = this;
     var _a, _b, _c, _d, _e, _f;

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

@@ -1,4 +1,4 @@
-import { SpinnerIcon } from '../../../../icons/SpinnerIcon';
+import { SpinnerIcon } from '../../../../icons/SpinnerIcon.jsx';
 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/CheckCircleBrokenIcon';
+import { CheckCircleBrokenIcon } from '../../../../icons/CheckCircleBrokenIcon.jsx';
 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,10 +1,10 @@
 import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
-import { BankIcon } from '../../../../icons/BankIcon';
-import { XIcon } from '../../../../icons/XIcon';
-import { Button, Clipboard, Dialog } from '../../../../ui';
-import { useOnlineBankDepositContext } from './OnlineBankDepositContext';
-import bankIcon from './bank.png';
+import { BankIcon } from '../../../../icons/BankIcon.jsx';
+import { XIcon } from '../../../../icons/XIcon.jsx';
+import bankIcon from '../../../../images/bank-icon.png';
+import { Button, Clipboard, Dialog } from '../../../../ui/index.js';
+import { useOnlineBankDepositContext } from './OnlineBankDepositContext.jsx';
 export function OnlineBankDepositVCA() {
     var _a;
     var context = useOnlineBankDepositContext();

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

@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
 import invariant from 'tiny-invariant';
-import { useCreateOnlineBankDepositMutation } from '../../../../hooks/useCreateOnlineBankDepositMutation/useCreateOnlineBankDepositMutation';
-import { useDepositQuery } from '../../../../hooks/useDepositQuery/useDepositQuery';
-import { toaster } from '../../../../utils/toaster';
+import { useCreateOnlineBankDepositMutation } from '../../../../hooks/useCreateOnlineBankDepositMutation/useCreateOnlineBankDepositMutation.js';
+import { useDepositQuery } from '../../../../hooks/useDepositQuery/useDepositQuery.js';
+import { toaster } from '../../../../utils/toaster.js';
 export function useOnlineBankDeposit() {
     var _a;
     var _b = useState('FORM'), view = _b[0], setView = _b[1];

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

@@ -1,9 +1,9 @@
-import { QRPHDepositContext } from './QRPHDepositContext';
-import { QRPHDepositForm } from './QRPHDepositForm';
-import { QRPHDepositLoading } from './QRPHDepositLoading';
-import { QRPHDepositQrCode } from './QRPHDepositQrCode';
-import { QRPHDepositSuccess } from './QRPHDepositSuccess';
-import { useQRPHDeposit } from './useQRPHDeposit';
+import { QRPHDepositContext } from './QRPHDepositContext.jsx';
+import { QRPHDepositForm } from './QRPHDepositForm.jsx';
+import { QRPHDepositLoading } from './QRPHDepositLoading.jsx';
+import { QRPHDepositQrCode } from './QRPHDepositQrCode.jsx';
+import { QRPHDepositSuccess } from './QRPHDepositSuccess.jsx';
+import { useQRPHDeposit } from './useQRPHDeposit.jsx';
 export function QRPHDeposit() {
     var context = useQRPHDeposit();
     return (<QRPHDepositContext value={context}>

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

@@ -39,19 +39,19 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { useAvailablePromosQuery } from '../../../../hooks/useAvailablePromosQuery/useAvailablePromosQuery';
-import { useDepositsCountQuery } from '../../../../hooks/useDepositsCountQuery/useDepositsCountQuery';
-import { useDisclosure } from '../../../../hooks/useDisclosure';
-import { usePaymentSettingsQuery } from '../../../../hooks/usePaymentSettingsQuery/usePaymentSettingsQuery';
-import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon';
-import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon';
-import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon';
-import { XIcon } from '../../../../icons/XIcon';
-import { AlertDialog, Button, Field, NumberInput } from '../../../../ui';
-import { parseDecimal } from '../../../../utils/parseDecimal';
-import { AmountChoices } from '../../AmountChoices';
-import { AvailablePromos } from '../../AvailablePromos';
-import { useQRPHDepositContext } from './QRPHDepositContext';
+import { useAvailablePromosQuery } from '../../../../hooks/useAvailablePromosQuery/useAvailablePromosQuery.js';
+import { useDepositsCountQuery } from '../../../../hooks/useDepositsCountQuery/useDepositsCountQuery.js';
+import { useDisclosure } from '../../../../hooks/useDisclosure.js';
+import { usePaymentSettingsQuery } from '../../../../hooks/usePaymentSettingsQuery/usePaymentSettingsQuery.js';
+import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.jsx';
+import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.jsx';
+import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon.jsx';
+import { XIcon } from '../../../../icons/XIcon.jsx';
+import { AlertDialog, Button, Field, NumberInput, } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/parseDecimal.js';
+import { AmountChoices } from '../../AmountChoices.jsx';
+import { AvailablePromos } from '../../AvailablePromos.jsx';
+import { useQRPHDepositContext } from './QRPHDepositContext.jsx';
 export function QRPHDepositForm() {
     var _this = this;
     var _a, _b, _c;

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

@@ -1,4 +1,4 @@
-import { SpinnerIcon } from '../../../../icons/SpinnerIcon';
+import { SpinnerIcon } from '../../../../icons/SpinnerIcon.jsx';
 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,11 +1,11 @@
 import { Portal, QrCode } from '@ark-ui/react';
 import Image from 'next/image';
-import { QrCode02Icon } from '../../../../icons/QrCode02Icon';
-import { SpinnerIcon } from '../../../../icons/SpinnerIcon';
-import { XIcon } from '../../../../icons/XIcon';
+import { QrCode02Icon } from '../../../../icons/QrCode02Icon.jsx';
+import { SpinnerIcon } from '../../../../icons/SpinnerIcon.jsx';
+import { XIcon } from '../../../../icons/XIcon.jsx';
 import qrphIcon from '../../../../images/qrph-icon.png';
-import { Button, Dialog } from '../../../../ui';
-import { useQRPHDepositContext } from './QRPHDepositContext';
+import { Button, Dialog } from '../../../../ui/index.js';
+import { useQRPHDepositContext } from './QRPHDepositContext.jsx';
 export function QRPHDepositQrCode() {
     var _a;
     var context = useQRPHDepositContext();

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

@@ -1,6 +1,6 @@
-import { CheckCircleBrokenIcon } from '../../../../icons/CheckCircleBrokenIcon';
-import { Button } from '../../../../ui';
-import { useQRPHDepositContext } from './QRPHDepositContext';
+import { CheckCircleBrokenIcon } from '../../../../icons/CheckCircleBrokenIcon.jsx';
+import { Button } from '../../../../ui/index.js';
+import { useQRPHDepositContext } from './QRPHDepositContext.jsx';
 export function QRPHDepositSuccess() {
     var context = useQRPHDepositContext();
     return (<div className="bg-gray-50 rounded-lg px-10 py-12 lg:p-16">

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

@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
 import invariant from 'tiny-invariant';
-import { useCreateQRPHDepositMutation } from '../../../../hooks/useCreateQRPHDepositMutation/useCreateQRPHDepositMutation';
-import { useDepositQuery } from '../../../../hooks/useDepositQuery/useDepositQuery';
-import { toaster } from '../../../../utils/toaster';
+import { useCreateQRPHDepositMutation } from '../../../../hooks/useCreateQRPHDepositMutation/useCreateQRPHDepositMutation.js';
+import { useDepositQuery } from '../../../../hooks/useDepositQuery/useDepositQuery.js';
+import { toaster } from '../../../../utils/toaster.js';
 export function useQRPHDeposit() {
     var _a;
     var _b = useState('FORM'), view = _b[0], setView = _b[1];

package/dist/components/DepositWithdrawal/DepositWithdrawal.jsx

@@ -3,15 +3,15 @@ import { Portal } from '@ark-ui/react';
 import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../hooks/useGlobalStore';
-import { useLocaleInfo } from '../../hooks/useLocaleInfo';
-import { useWalletQuery } from '../../hooks/useWalletQuery/useWalletQuery';
-import { Wallet02Icon } from '../../icons/Wallet02Icon';
-import { XIcon } from '../../icons/XIcon';
-import { Dialog, Tabs } from '../../ui';
-import { formatNumber } from '../../utils/formatNumber';
-import { Deposit } from './Deposit/Deposit';
-import { Withdrawal } from './Withdrawal/Withdrawal';
+import { useGlobalStore } from '../../hooks/useGlobalStore.js';
+import { useLocaleInfo } from '../../hooks/useLocaleInfo.js';
+import { useWalletQuery } from '../../hooks/useWalletQuery/useWalletQuery.js';
+import { Wallet02Icon } from '../../icons/Wallet02Icon.jsx';
+import { XIcon } from '../../icons/XIcon.jsx';
+import { Dialog, Tabs } from '../../ui/index.js';
+import { formatNumber } from '../../utils/formatNumber.js';
+import { Deposit } from './Deposit/Deposit.jsx';
+import { Withdrawal } from './Withdrawal/Withdrawal.jsx';
 export function DepositWithdrawal(props) {
     var _a, _b;
     var globalStore = useGlobalStore(useShallow(function (ctx) { return ({

package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.jsx

@@ -37,9 +37,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { ark } from '@ark-ui/react';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../hooks/useGlobalStore';
-import { useSessionQuery } from '../../hooks/useSessionQuery/useSessionQuery';
-import { dataAttr } from '../../utils/dataAttr';
+import { useGlobalStore } from '../../hooks/useGlobalStore.js';
+import { useSessionQuery } from '../../hooks/useSessionQuery/useSessionQuery.js';
+import { dataAttr } from '../../utils/dataAttr.js';
 export function DepositWithdrawalTrigger(props) {
     var _this = this;
     var _a;

package/dist/components/DepositWithdrawal/PaymentMethods.d.ts

@@ -1,4 +1,4 @@
-import { type PaymentMethod } from './utils';
+import { type PaymentMethod } from './utils.js';
 interface PaymentMethodsProps {
     value?: PaymentMethod;
     onChange?: (value: PaymentMethod) => void;

package/dist/components/DepositWithdrawal/PaymentMethods.jsx

@@ -1,12 +1,12 @@
 import Image from 'next/image';
-import { useControllableState } from '../../hooks/useControllableState';
-import { CheckIcon } from '../../icons/CheckIcon';
+import { useControllableState } from '../../hooks/useControllableState.js';
+import { CheckIcon } from '../../icons/CheckIcon.jsx';
 import qrph from '../../images/QRPh.png';
 import gcash from '../../images/gcash.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';
 var OPTIONS = [
     {
         value: 'GCASH',

package/dist/components/DepositWithdrawal/index.d.ts

@@ -1 +1 @@
-export * from './DepositWithdrawal';
+export * from './DepositWithdrawal.jsx';