@opexa/portal-components 0.0.128 → 0.0.130

package/dist/client/hooks/useBonusQuery.js

@@ -7,6 +7,7 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useBonusQuery = (id, config) => {
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        staleTime: 1000 * 2,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useBonusesCountQuery.js

@@ -7,6 +7,7 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useBonusesCountQuery = (config) => {
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        staleTime: 1000 * 2,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useBonusesQuery.js

@@ -7,6 +7,7 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useBonusesQuery = (config) => {
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        staleTime: 1000 * 2,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useCashbackBonusQuery.js

@@ -7,6 +7,7 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useCashbackBonusQuery = (id, config) => {
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        staleTime: 1000 * 2,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useCashbackBonusesCountQuery.js

@@ -7,6 +7,7 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useCashbackBonusesCountQuery = (config) => {
     const sessionQuery = useSessionQuery();
     return useQuery({
+        staleTime: 1000 * 2,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useCashbackBonusesQuery.js

@@ -7,6 +7,7 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useCashbackBonusesQuery = (config) => {
     const sessionQuery = useSessionQuery();
     return useQuery({
+        staleTime: 1000 * 2,
         ...config,
         enabled: config?.enabled === false
             ? false

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

@@ -3,7 +3,18 @@ interface CreateContextOptions<T, S extends boolean> {
     strict?: S;
     defaultValue?: T;
 }
-type CreateContextReturn<T, S extends boolean> = [S] extends [true] ? [React.Context<T>, () => T] : [React.Context<T>, () => T | null];
+type ProviderProps<T> = React.PropsWithChildren<{
+    value: T;
+}>;
+type CreateContextReturn<T, S extends boolean> = [S] extends [true] ? [
+    provider: (props: ProviderProps<T>) => React.ReactNode,
+    hook: () => T,
+    context: React.Context<T>
+] : [
+    provider: (props: ProviderProps<T>) => React.ReactNode,
+    hook: () => T | null,
+    context: React.Context<T>
+];
 export declare function createContext<T>(options?: CreateContextOptions<T, true>): CreateContextReturn<T, true>;
 export declare function createContext<T>(options?: CreateContextOptions<T, false>): CreateContextReturn<T, false>;
 export {};

package/dist/client/utils/createContext.js

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

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

@@ -1,2 +1,6 @@
 import type { AccountProps } from './Account.lazy';
-export declare const AccountPropsContext: import("react").Context<import("type-fest/source/required-deep").RequiredObjectDeep<AccountProps>>, useAccountPropsContext: () => import("type-fest/source/required-deep").RequiredObjectDeep<AccountProps>;
+export declare const AccountPropsContext: (props: {
+    value: import("type-fest/source/required-deep").RequiredObjectDeep<AccountProps>;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useAccountPropsContext: () => import("type-fest/source/required-deep").RequiredObjectDeep<AccountProps>;

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import invariant from 'tiny-invariant';
@@ -22,8 +23,10 @@ import { NumberInput } from '../../../../ui/NumberInput/index.js';
 import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
+import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 export function GCashDeposit() {
+    const depositWithdrawalProps = useDepositWithdrawalPropsContext();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
@@ -134,7 +137,7 @@ export function GCashDeposit() {
                 }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: (value) => {
                         o.field.onChange(value);
                         globalStore.depositWithdrawal.setPromo(null);
-                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
+                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.privacyPolicyUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
@@ -21,8 +22,10 @@ import { NumberInput } from '../../../../ui/NumberInput/index.js';
 import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
+import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 export function MayaAppDeposit() {
+    const depositWithdrawalProps = useDepositWithdrawalPropsContext();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
@@ -131,7 +134,7 @@ export function MayaAppDeposit() {
                 }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: (value) => {
                         o.field.onChange(value);
                         globalStore.depositWithdrawal.setPromo(null);
-                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
+                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.privacyPolicyUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import invariant from 'tiny-invariant';
@@ -22,8 +23,10 @@ import { NumberInput } from '../../../../ui/NumberInput/index.js';
 import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
+import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 export function MayaDeposit() {
+    const depositWithdrawalProps = useDepositWithdrawalPropsContext();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
@@ -134,7 +137,7 @@ export function MayaDeposit() {
                 }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: (value) => {
                         o.field.onChange(value);
                         globalStore.depositWithdrawal.setPromo(null);
-                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
+                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.privacyPolicyUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts

@@ -1,15 +1,19 @@
-export declare const OnlineBankDepositContext: import("react").Context<{
-    view: "vca" | "form";
-    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
-    verify: () => void;
-    reset: () => void;
-    deposit: import("../../../../types").Deposit | null;
-    generateVCA: (input: {
-        amount: string;
-        promo?: string | null;
-    }) => void;
-}>, useOnlineBankDepositContext: () => {
-    view: "vca" | "form";
+export declare const OnlineBankDepositContext: (props: {
+    value: {
+        view: "form" | "vca";
+        status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+        verify: () => void;
+        reset: () => void;
+        deposit: import("../../../../types").Deposit | null;
+        generateVCA: (input: {
+            amount: string;
+            promo?: string | null;
+        }) => void;
+    };
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useOnlineBankDepositContext: () => {
+    view: "form" | "vca";
     status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
 import { noop } from 'lodash-es';
+import Link from 'next/link';
 import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
@@ -16,9 +17,11 @@ import { Field } from '../../../../ui/Field/index.js';
 import { NumberInput } from '../../../../ui/NumberInput/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
+import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 import { useOnlineBankDepositContext } from './OnlineBankDepositContext.js';
 export function OnlineBankDepositForm() {
+    const depositWithdrawalProps = useDepositWithdrawalPropsContext();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
@@ -111,5 +114,5 @@ export function OnlineBankDepositForm() {
                 }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { className: "mt-3xl", value: o.field.value, onChange: (value) => {
                         o.field.onChange(value);
                         globalStore.depositWithdrawal.setPromo(null);
-                    } })) }), _jsx(Button, { type: "submit", className: "mt-3xl", children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] })] }));
+                    } })) }), _jsx(Button, { type: "submit", className: "mt-3xl", children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.privacyPolicyUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Privacy Policy" }), "."] })] }));
 }

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts

@@ -1,15 +1,19 @@
-export declare const QRPHDepositContext: import("react").Context<{
-    view: "qrCode" | "form";
-    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
-    verify: () => void;
-    reset: () => void;
-    deposit: import("../../../../types").Deposit | null;
-    generateQRCode: (input: {
-        amount: string;
-        promo?: string | null;
-    }) => void;
-}>, useQRPHDepositContext: () => {
-    view: "qrCode" | "form";
+export declare const QRPHDepositContext: (props: {
+    value: {
+        view: "form" | "qrCode";
+        status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+        verify: () => void;
+        reset: () => void;
+        deposit: import("../../../../types").Deposit | null;
+        generateQRCode: (input: {
+            amount: string;
+            promo?: string | null;
+        }) => void;
+    };
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useQRPHDepositContext: () => {
+    view: "form" | "qrCode";
     status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
 import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
@@ -15,9 +16,11 @@ import { Field } from '../../../../ui/Field/index.js';
 import { NumberInput } from '../../../../ui/NumberInput/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
+import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 import { useQRPHDepositContext } from './QRPHDepositContext.js';
 export function QRPHDepositForm() {
+    const depositWithdrawalProps = useDepositWithdrawalPropsContext();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
@@ -110,5 +113,5 @@ export function QRPHDepositForm() {
                 }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: (value) => {
                         o.field.onChange(value);
                         globalStore.depositWithdrawal.setPromo(null);
-                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx("button", { type: "button", className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] })] }));
+                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.privacyPolicyUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Privacy Policy" }), "."] })] }));
 }

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

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

package/dist/components/DepositWithdrawal/DepositWithdrawal.js

@@ -7,8 +7,8 @@ const Component = dynamic(() => import('./DepositWithdrawal.lazy.js').then((m) =
     ssr: false,
     loading: () => null,
 });
-export function DepositWithdrawal() {
+export function DepositWithdrawal(props) {
     const touched = useGlobalStore(useShallow((ctx) => ctx.depositWithdrawal['~touched']));
     if (touched)
-        return _jsx(Component, {});
+        return _jsx(Component, { ...props });
 }

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

@@ -1 +1,7 @@
-export declare function DepositWithdrawal(): import("react/jsx-runtime").JSX.Element;
+export interface DepositWithdrawalProps {
+    /** @default "/terms-of-use" */
+    termsOfUseUrl?: string;
+    /** @default "/privacy-policy" */
+    privacyPolicyUrl?: string;
+}
+export declare function DepositWithdrawal(props: DepositWithdrawalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/DepositWithdrawal.lazy.js

@@ -13,8 +13,9 @@ import { Portal } from '../../ui/Portal/index.js';
 import { Tabs } from '../../ui/Tabs/index.js';
 import { formatNumber } from '../../utils/formatNumber.js';
 import { Deposit } from './Deposit/Deposit.js';
+import { DepositWithdrawalPropsProvider } from './DepositWithdrawalContext.js';
 import { Withdrawal } from './Withdrawal/Withdrawal.js';
-export function DepositWithdrawal() {
+export function DepositWithdrawal(props) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
@@ -22,15 +23,15 @@ export function DepositWithdrawal() {
     const walletQuery = useWalletQuery({
         refetchInterval: 5000,
     });
-    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: globalStore.depositWithdrawal.open, onOpenChange: (details) => {
-            globalStore.depositWithdrawal.setOpen(details.open);
-            if (!details.open) {
-                globalStore.depositWithdrawal.setPromo(null);
-            }
-        }, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)]", children: _jsxs(Dialog.Content, { className: "lg:min-h-auto mx-auto min-h-full w-full px-4 py-3xl lg:w-[480px] lg:rounded-xl", children: [_jsxs(Dialog.Header, { className: "flex items-center gap-xl", children: [_jsx("div", { className: "border-border-primary shadow-xs text-gray-700 text-text-secondary-700 flex size-10 items-center justify-center rounded-md border", children: _jsx(Wallet02Icon, { className: "size-5" }) }), _jsx(Dialog.Title, { className: "grow text-lg font-semibold", children: "Wallet" }), _jsx(Dialog.Context, { children: (api) => (_jsx(IconButton, { size: "sm", variant: "outline", colorScheme: "gray", onClick: () => api.setOpen(false), children: _jsx(XIcon, {}) })) })] }), _jsxs(Dialog.Body, { className: "mt-3xl", children: [_jsx("p", { className: "text-text-secondary-700 text-center text-sm", children: "Deposit Balance" }), _jsx("p", { className: "text-center text-3xl font-bold leading-tight tracking-tight", children: formatNumber(walletQuery.data?.balance, {
-                                            currency: localeInfo.currency.code,
-                                            minDecimalPlaces: 2,
-                                        }) }), _jsxs(Tabs.Root, { value: globalStore.depositWithdrawal.tab, onValueChange: (details) => {
-                                            globalStore.depositWithdrawal.setTab(z.enum(['DEPOSIT', 'WITHDRAWAL']).parse(details.value));
-                                        }, lazyMount: true, unmountOnExit: true, className: "mt-3xl space-y-4xl", children: [_jsxs(Tabs.List, { className: "w-full", children: [_jsx(Tabs.Trigger, { value: "DEPOSIT", className: "grow", children: "Deposit" }), _jsx(Tabs.Trigger, { value: "WITHDRAWAL", className: "grow", children: "Withdrawal" }), _jsx(Tabs.Indicator, {})] }), _jsx(Tabs.Content, { value: "DEPOSIT", className: "space-y-3xl", children: _jsx(Deposit, {}) }), _jsx(Tabs.Content, { value: "WITHDRAWAL", className: "space-y-3xl", children: _jsx(Withdrawal, {}) })] })] })] }) })] }) }));
+    return (_jsx(DepositWithdrawalPropsProvider, { value: props, children: _jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: globalStore.depositWithdrawal.open, onOpenChange: (details) => {
+                globalStore.depositWithdrawal.setOpen(details.open);
+                if (!details.open) {
+                    globalStore.depositWithdrawal.setPromo(null);
+                }
+            }, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)]", children: _jsxs(Dialog.Content, { className: "lg:min-h-auto mx-auto min-h-full w-full px-4 py-3xl lg:w-[480px] lg:rounded-xl", children: [_jsxs(Dialog.Header, { className: "flex items-center gap-xl", children: [_jsx("div", { className: "border-border-primary shadow-xs text-gray-700 text-text-secondary-700 flex size-10 items-center justify-center rounded-md border", children: _jsx(Wallet02Icon, { className: "size-5" }) }), _jsx(Dialog.Title, { className: "grow text-lg font-semibold", children: "Wallet" }), _jsx(Dialog.Context, { children: (api) => (_jsx(IconButton, { size: "sm", variant: "outline", colorScheme: "gray", onClick: () => api.setOpen(false), children: _jsx(XIcon, {}) })) })] }), _jsxs(Dialog.Body, { className: "mt-3xl", children: [_jsx("p", { className: "text-text-secondary-700 text-center text-sm", children: "Deposit Balance" }), _jsx("p", { className: "text-center text-3xl font-bold leading-tight tracking-tight", children: formatNumber(walletQuery.data?.balance, {
+                                                currency: localeInfo.currency.code,
+                                                minDecimalPlaces: 2,
+                                            }) }), _jsxs(Tabs.Root, { value: globalStore.depositWithdrawal.tab, onValueChange: (details) => {
+                                                globalStore.depositWithdrawal.setTab(z.enum(['DEPOSIT', 'WITHDRAWAL']).parse(details.value));
+                                            }, lazyMount: true, unmountOnExit: true, className: "mt-3xl space-y-4xl", children: [_jsxs(Tabs.List, { className: "w-full", children: [_jsx(Tabs.Trigger, { value: "DEPOSIT", className: "grow", children: "Deposit" }), _jsx(Tabs.Trigger, { value: "WITHDRAWAL", className: "grow", children: "Withdrawal" }), _jsx(Tabs.Indicator, {})] }), _jsx(Tabs.Content, { value: "DEPOSIT", className: "space-y-3xl", children: _jsx(Deposit, {}) }), _jsx(Tabs.Content, { value: "WITHDRAWAL", className: "space-y-3xl", children: _jsx(Withdrawal, {}) })] })] })] }) })] }) }) }));
 }

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

@@ -0,0 +1,6 @@
+import type { DepositWithdrawalProps } from './DepositWithdrawal.lazy';
+export declare const DepositWithdrawalPropsProvider: (props: {
+    value: DepositWithdrawalProps;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useDepositWithdrawalPropsContext: () => DepositWithdrawalProps;

package/dist/components/DepositWithdrawal/DepositWithdrawalContext.js

@@ -0,0 +1,2 @@
+import { createContext } from '../../client/utils/createContext.js';
+export const [DepositWithdrawalPropsProvider, useDepositWithdrawalPropsContext,] = createContext();

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

@@ -1,9 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
+import { useShallow } from 'zustand/shallow';
 import { useCreateGCashWithdrawalMutation } from '../../../../client/hooks/useCreateGCashWithdrawalMutation.js';
+import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../../../client/hooks/useMobileNumberParser.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
@@ -22,7 +25,12 @@ import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
 import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
+import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 export function GCashWithdrawal() {
+    const depositWithdrawalProps = useDepositWithdrawalPropsContext();
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
     const [status, setStatus] = useState('waiting');
     const localeInfo = useLocaleInfo();
     const mobileNumberParser = useMobileNumberParser();
@@ -109,7 +117,7 @@ export function GCashWithdrawal() {
                         shouldDirty: true,
                         shouldValidate: true,
                     });
-                }, min: minimumAmount, max: maximumAmount, className: "mt-xl" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs("p", { className: "mt-4xl text-xs", children: ["Upon clicking the deposit button, you agree to the", ' ', _jsx("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(Button, { type: "submit", className: "mt-4.5", disabled: createWithdrawalMutation.isPending, children: "Withdraw" }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
+                }, min: minimumAmount, max: maximumAmount, className: "mt-xl" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs("p", { className: "mt-4xl text-xs", children: ["Upon clicking the deposit button, you agree to the", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(Button, { type: "submit", className: "mt-4.5", disabled: createWithdrawalMutation.isPending, children: "Withdraw" }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

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

@@ -1,10 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createListCollection } from '@ark-ui/react/collection';
 import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
 import { useEffect, useMemo, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
+import { useShallow } from 'zustand/shallow';
 import { useCreateInstapayWithdrawalMutation } from '../../../../client/hooks/useCreateInstapayWithdrawalMutation.js';
+import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
 import { useInstapayBankListQuery } from '../../../../client/hooks/useInstapayBankListQuery.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
@@ -24,7 +27,12 @@ import { Portal } from '../../../../ui/Portal/index.js';
 import { Select } from '../../../../ui/Select/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
+import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 export function InstapayWithdrawal() {
+    const depositWithdrawalProps = useDepositWithdrawalPropsContext();
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
     const [status, setStatus] = useState('waiting');
     const createWithdrawalMutation = useCreateInstapayWithdrawalMutation({
         onMutate() {
@@ -133,7 +141,7 @@ export function InstapayWithdrawal() {
                         shouldDirty: true,
                         shouldValidate: true,
                     });
-                }, min: minimumAmount, max: maximumAmount, className: "mt-xl" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs("p", { className: "mt-4xl text-xs", children: ["Upon clicking the deposit button, you agree to the", ' ', _jsx("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(Button, { type: "submit", className: "mt-4.5", disabled: createWithdrawalMutation.isPending, children: "Withdraw" }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
+                }, min: minimumAmount, max: maximumAmount, className: "mt-xl" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs("p", { className: "mt-4xl text-xs", children: ["Upon clicking the deposit button, you agree to the", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(Button, { type: "submit", className: "mt-4.5", disabled: createWithdrawalMutation.isPending, children: "Withdraw" }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

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

@@ -1,9 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
+import { useShallow } from 'zustand/shallow';
 import { useCreateMayaAppWithdrawalMutation } from '../../../../client/hooks/useCreateMayaAppWithdrawalMutation.js';
+import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
 import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.js';
@@ -20,7 +23,12 @@ import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
 import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
+import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 export function MayaAppWithdrawal() {
+    const depositWithdrawalProps = useDepositWithdrawalPropsContext();
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
     const [status, setStatus] = useState('waiting');
     const createWithdrawalMutation = useCreateMayaAppWithdrawalMutation({
         onMutate() {
@@ -99,7 +107,7 @@ export function MayaAppWithdrawal() {
                         shouldDirty: true,
                         shouldValidate: true,
                     });
-                }, min: minimumAmount, max: maximumAmount, className: "mt-xl" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs("p", { className: "mt-4xl text-xs", children: ["Upon clicking the deposit button, you agree to the", ' ', _jsx("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(Button, { type: "submit", className: "mt-4.5", disabled: createWithdrawalMutation.isPending, children: "Withdraw" }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
+                }, min: minimumAmount, max: maximumAmount, className: "mt-xl" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs("p", { className: "mt-4xl text-xs", children: ["Upon clicking the deposit button, you agree to the", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(Button, { type: "submit", className: "mt-4.5", disabled: createWithdrawalMutation.isPending, children: "Withdraw" }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

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

@@ -1,9 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
 import { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
+import { useShallow } from 'zustand/shallow';
 import { useCreateMayaWithdrawalMutation } from '../../../../client/hooks/useCreateMayaWithdrawalMutation.js';
+import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../../../client/hooks/useMobileNumberParser.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
@@ -22,7 +25,12 @@ import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
 import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
+import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 export function MayaWithdrawal() {
+    const depositWithdrawalProps = useDepositWithdrawalPropsContext();
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
     const [status, setStatus] = useState('waiting');
     const localeInfo = useLocaleInfo();
     const mobileNumberParser = useMobileNumberParser();
@@ -109,7 +117,7 @@ export function MayaWithdrawal() {
                         shouldDirty: true,
                         shouldValidate: true,
                     });
-                }, min: minimumAmount, max: maximumAmount, className: "mt-xl" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs("p", { className: "mt-4xl text-xs", children: ["Upon clicking the deposit button, you agree to the", ' ', _jsx("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(Button, { type: "submit", className: "mt-4.5", disabled: createWithdrawalMutation.isPending, children: "Withdraw" }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
+                }, min: minimumAmount, max: maximumAmount, className: "mt-xl" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs("p", { className: "mt-4xl text-xs", children: ["Upon clicking the deposit button, you agree to the", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(Button, { type: "submit", className: "mt-4.5", disabled: createWithdrawalMutation.isPending, children: "Withdraw" }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

package/dist/components/Games/GamesContext.d.ts

@@ -1,4 +1,12 @@
 import type { Game } from '../../types';
 import type { GamesProps } from './Games';
-export declare const GamesPropsContext: import("react").Context<GamesProps>, useGamesPropsContext: () => GamesProps;
-export declare const GameContext: import("react").Context<Game>, useGameContext: () => Game;
+export declare const GamesPropsContext: (props: {
+    value: GamesProps;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useGamesPropsContext: () => GamesProps;
+export declare const GameContext: (props: {
+    value: Game;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useGameContext: () => Game;

package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselContext.d.ts

@@ -1,2 +1,6 @@
 import type { Jackpot } from '../../../types';
-export declare const JackpotsCarouselItemContext: import("react").Context<Jackpot>, useJackpotsCarouselItemContext: () => Jackpot;
+export declare const JackpotsCarouselItemContext: (props: {
+    value: Jackpot;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useJackpotsCarouselItemContext: () => Jackpot;

package/dist/components/Jackpots/JackpotsList/JackpotsListContext.d.ts

@@ -1,4 +1,12 @@
 import type { Jackpot } from '../../../types';
 import type { JackpotsListProps } from './JackpotsList';
-export declare const JackpotsListPropsContext: import("react").Context<JackpotsListProps>, useJackpotsListPropsContext: () => JackpotsListProps;
-export declare const JackpotsListItemContext: import("react").Context<Jackpot>, useJackpotsListItemContext: () => Jackpot;
+export declare const JackpotsListPropsContext: (props: {
+    value: JackpotsListProps;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useJackpotsListPropsContext: () => JackpotsListProps;
+export declare const JackpotsListItemContext: (props: {
+    value: Jackpot;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useJackpotsListItemContext: () => Jackpot;

package/dist/components/KYC/KYCContext.d.ts

@@ -1,2 +1,6 @@
 import type { UseKYCReturn } from './useKYC';
-export declare const KYCContext: import("react").Context<UseKYCReturn>, useKYCContext: () => UseKYCReturn;
+export declare const KYCContext: (props: {
+    value: UseKYCReturn;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useKYCContext: () => UseKYCReturn;

package/dist/components/KYC/backup/KYCContext.d.ts

@@ -1,2 +1,6 @@
 import type { UseKYCReturn } from './useKYC';
-export declare const KYCContext: import("react").Context<UseKYCReturn>, useKYCContext: () => UseKYCReturn;
+export declare const KYCContext: (props: {
+    value: UseKYCReturn;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useKYCContext: () => UseKYCReturn;

package/dist/components/Messages/MessageContext.d.ts

@@ -1,2 +1,6 @@
 import type { Message } from '../../types';
-export declare const MessageContext: import("react").Context<Message>, useMessageContext: () => Message;
+export declare const MessageContext: (props: {
+    value: Message;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useMessageContext: () => Message;

package/dist/components/Quests/QuestsContext.d.ts

@@ -1,2 +1,6 @@
 import type { Quest } from '../../types';
-export declare const QuestContext: import("react").Context<Quest>, useQuestContext: () => Quest;
+export declare const QuestContext: (props: {
+    value: Quest;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useQuestContext: () => Quest;

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useDialogContext } from '@ark-ui/react/dialog';
 import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
 import { useRef } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
@@ -20,8 +21,9 @@ import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
 import { PinInput } from '../../ui/PinInput/index.js';
-import { useSignInContext } from './SignInContext.js';
+import { useSignInContext, useSignInPropsContext } from './SignInContext.js';
 export function MobileNumberSignIn() {
+    const signInProps = useSignInPropsContext();
     const context = useSignInContext();
     const dialog = useDialogContext();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
@@ -101,7 +103,10 @@ export function MobileNumberSignIn() {
                                                     paddingLeft: `calc(2.75rem + ${localeInfo.mobileNumber.areaCode.length}ch)`,
                                                 }, ...step1Form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.mobileNumber?.message })] }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Log In" }), _jsx(Controller, { control: step1Form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { checked: o.field.value, onCheckedChange: (details) => {
                                                 o.field.onChange(details.checked);
-                                            }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { children: ["I am at least 21 years of age and I accept the", ' ', _jsx("span", { className: "text-brand-400 whitespace-nowrap underline underline-offset-2", children: "Terms and Conditions." })] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) })] }), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" }), _jsx("span", { className: "text-text-tertiary-600 text-sm font-semibold", children: "Log in directly with" }), _jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" })] }), _jsxs("div", { className: "mt-6", children: [_jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
+                                            }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { children: ["I am at least 21 years of age and I accept the", ' ', _jsx(Link, { href: signInProps.termsAndConditionsUrl ??
+                                                                '/terms-and-conditions', onClick: () => {
+                                                                dialog.setOpen(false);
+                                                            }, className: "text-brand-400 whitespace-nowrap underline underline-offset-2", children: "Terms and Conditions." })] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) })] }), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" }), _jsx("span", { className: "text-text-tertiary-600 text-sm font-semibold", children: "Log in directly with" }), _jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" })] }), _jsxs("div", { className: "mt-6", children: [_jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
                                     dialog.setOpen(false);
                                 }, className: "border-border-primary bg-bg-primary text-text-secondary-700", children: [_jsx(GoogleIcon, { className: "size-6" }), "Continue with Google"] }), _jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
                                     dialog.setOpen(false);

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useDialogContext } from '@ark-ui/react/dialog';
 import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
@@ -18,8 +19,9 @@ import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
 import { PasswordInput } from '../../ui/PasswordInput/index.js';
-import { useSignInContext } from './SignInContext.js';
+import { useSignInContext, useSignInPropsContext } from './SignInContext.js';
 export function NameAndPasswordSignIn() {
+    const signInProps = useSignInPropsContext();
     const context = useSignInContext();
     const dialog = useDialogContext();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
@@ -124,7 +126,10 @@ export function NameAndPasswordSignIn() {
                                             dialog.setOpen(false);
                                         }, children: "Forgot Password" }) })] }) }), signInMutation.data && (_jsxs(Field.Root, { invalid: !!form.formState.errors.secretAnswer, className: "mt-xl", children: [_jsx(Field.Label, { children: secretQuestion }), _jsx(Field.Input, { placeholder: "Answer the security question", ...form.register('secretAnswer') }), _jsx(Field.ErrorText, { children: form.formState.errors.secretAnswer?.message })] })), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: signInMutation.isPending || authenticateMutation.isPending, children: "Log In" }), _jsx(Controller, { control: form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { checked: o.field.value, onCheckedChange: (details) => {
                                         o.field.onChange(details.checked);
-                                    }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { children: ["I am at least 21 years of age and I accept the", ' ', _jsx("span", { className: "text-brand-400 whitespace-nowrap underline underline-offset-2", children: "Terms and Conditions." })] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) })] }), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" }), _jsx("span", { className: "text-text-tertiary-600 text-sm font-semibold", children: "Log in directly with" }), _jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" })] }), _jsxs("div", { className: "mt-6", children: [_jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
+                                    }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { children: ["I am at least 21 years of age and I accept the", ' ', _jsx(Link, { href: signInProps.termsAndConditionsUrl ??
+                                                        '/terms-and-conditions', onClick: () => {
+                                                        dialog.setOpen(false);
+                                                    }, className: "text-brand-400 whitespace-nowrap underline underline-offset-2", children: "Terms and Conditions." })] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) })] }), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" }), _jsx("span", { className: "text-text-tertiary-600 text-sm font-semibold", children: "Log in directly with" }), _jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" })] }), _jsxs("div", { className: "mt-6", children: [_jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
                             dialog.setOpen(false);
                         }, className: "border-border-primary bg-bg-primary text-text-secondary-700", children: [_jsx(GoogleIcon, { className: "size-6" }), "Continue with Google"] }), _jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
                             dialog.setOpen(false);

package/dist/components/SignIn/SignIn.lazy.d.ts

@@ -3,6 +3,8 @@ import type { ReactNode } from 'react';
 export interface SignInProps {
     logo: ImageProps['src'];
     className?: string;
+    /** @default '/terms-and-conditions' */
+    termsAndConditionsUrl?: string;
     children?: ReactNode;
 }
 export declare function SignIn(props: SignInProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignIn/SignIn.lazy.js

@@ -7,13 +7,13 @@ import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
-import { SignInContext } from './SignInContext.js';
+import { SignInPropsProvider, SignInProvider } from './SignInContext.js';
 import { SignInForm } from './SignInForm.js';
 import { useSignIn } from './useSignIn.js';
 export function SignIn(props) {
     const signIn = useSignIn();
     const signInStore = useGlobalStore(useShallow((ctx) => ctx.signIn));
-    return (_jsx(SignInContext, { value: signIn, children: _jsx(Dialog.Root, { open: signInStore.open, onOpenChange: (details) => {
-                signInStore.setOpen(details.open);
-            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge("bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl", props.className), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-7.5 w-auto", draggable: false }), _jsx(SignInForm, {})] }) })] }) }) }));
+    return (_jsx(SignInPropsProvider, { value: props, children: _jsx(SignInProvider, { value: signIn, children: _jsx(Dialog.Root, { open: signInStore.open, onOpenChange: (details) => {
+                    signInStore.setOpen(details.open);
+                }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge('bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl', props.className), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-7.5 w-auto", draggable: false }), _jsx(SignInForm, {})] }) })] }) }) }) }));
 }

package/dist/components/SignIn/SignInContext.d.ts

@@ -1,2 +1,12 @@
+import type { SignInProps } from './SignIn.lazy';
 import type { UseSignInReturn } from './useSignIn';
-export declare const SignInContext: import("react").Context<UseSignInReturn>, useSignInContext: () => UseSignInReturn;
+export declare const SignInProvider: (props: {
+    value: UseSignInReturn;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useSignInContext: () => UseSignInReturn;
+export declare const SignInPropsProvider: (props: {
+    value: SignInProps;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useSignInPropsContext: () => SignInProps;

package/dist/components/SignIn/SignInContext.js

@@ -1,2 +1,3 @@
 import { createContext } from '../../client/utils/createContext.js';
-export const [SignInContext, useSignInContext] = createContext();
+export const [SignInProvider, useSignInContext] = createContext();
+export const [SignInPropsProvider, useSignInPropsContext] = createContext();

package/dist/components/SignUp/SignUp.lazy.d.ts

@@ -3,6 +3,8 @@ import { type ReactNode } from 'react';
 export interface SignUpProps {
     logo: ImageProps['src'];
     children?: ReactNode;
+    /** @default "/terms-and-conditions" */
+    termsAndConditionsUrl?: string;
     className?: string;
 }
 export declare function SignUp(props: SignUpProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignUp/SignUp.lazy.js

@@ -8,10 +8,11 @@ import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { SignUpPropsProvider } from './SignUpContext.js';
 import { SignUpForm } from './SignUpForm.js';
 export function SignUp(props) {
     const signUpStore = useGlobalStore(useShallow((ctx) => ctx.signUp));
-    return (_jsx(Dialog.Root, { open: signUpStore.open, onOpenChange: (details) => {
-            signUpStore.setOpen(details.open);
-        }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge("bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl", props.className), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpForm, {}) })] }) })] }) }));
+    return (_jsx(SignUpPropsProvider, { value: props, children: _jsx(Dialog.Root, { open: signUpStore.open, onOpenChange: (details) => {
+                signUpStore.setOpen(details.open);
+            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge('bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl', props.className), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpForm, {}) })] }) })] }) }) }));
 }

package/dist/components/SignUp/SignUpContext.d.ts

@@ -0,0 +1,6 @@
+import type { SignUpProps } from './SignUp.lazy';
+export declare const SignUpPropsProvider: (props: {
+    value: SignUpProps;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useSignUpPropsContext: () => SignUpProps;

package/dist/components/SignUp/SignUpContext.js

@@ -0,0 +1,2 @@
+import { createContext } from '../../client/utils/createContext.js';
+export const [SignUpPropsProvider, useSignUpPropsContext] = createContext();

package/dist/components/SignUp/SignUpForm.js

@@ -6,6 +6,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { ObjectId } from '@opexa/object-id';
 import { differenceInYears, format } from 'date-fns';
 import { noop } from 'lodash-es';
+import Link from 'next/link';
 import { useSearchParams } from 'next/navigation';
 import { useRef, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -37,12 +38,14 @@ import { Field } from '../../ui/Field/index.js';
 import { PinInput } from '../../ui/PinInput/index.js';
 import { Select } from '../../ui/Select/index.js';
 import { createPoll } from '../../utils/createPoll.js';
+import { useSignUpPropsContext } from './SignUpContext.js';
 const branchCollection = createListCollection({
     items: BRANCH_CODES,
     itemToValue: (item) => item.code,
     itemToString: (item) => `${item.code} - ${item.name}`,
 });
 export function SignUpForm() {
+    const signUpProps = useSignUpPropsContext();
     const [step, setStep] = useState(1);
     const dialog = useDialogContext();
     const search = useSearchParams();
@@ -168,7 +171,10 @@ export function SignUpForm() {
                                             placement: 'bottom',
                                         }, lazyMount: true, unmountOnExit: true, children: [_jsx(Select.Label, { children: "Branch" }), _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }), _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: branchCollection.items.map((item) => (_jsx(Select.Item, { item: item, children: branchCollection.stringifyItem(item) }, item.code))) }) })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.branchCode?.message })] }), _jsx(Controller, { control: step1Form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { className: "mt-2xl", invalid: o.fieldState.invalid, children: [_jsxs(Checkbox.Root, { checked: o.field.value, onCheckedChange: (details) => {
                                                 o.field.onChange(details.checked);
-                                            }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { children: ["I am at least 21 years of age and I accept the", ' ', _jsx("span", { className: "text-brand-400 whitespace-nowrap underline underline-offset-2", children: "Terms and Conditions." })] }), ' ', _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Create Account" })] }), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" }), _jsx("span", { className: "text-text-tertiary-600 text-sm font-semibold", children: "Log in directly with" }), _jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" })] }), _jsxs("div", { className: "mt-6", children: [_jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
+                                            }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { children: ["I am at least 21 years of age and I accept the", ' ', _jsx(Link, { href: signUpProps.termsAndConditionsUrl ??
+                                                                '/terms-and-conditions', onClick: () => {
+                                                                dialog.setOpen(false);
+                                                            }, className: "text-brand-400 whitespace-nowrap underline underline-offset-2", children: "Terms and Conditions." })] }), ' ', _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Create Account" })] }), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" }), _jsx("span", { className: "text-text-tertiary-600 text-sm font-semibold", children: "Log in directly with" }), _jsx("div", { className: "bg-text-tertiary-600/50 h-px flex-grow" })] }), _jsxs("div", { className: "mt-6", children: [_jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
                                     dialog.setOpen(false);
                                 }, className: "border-border-primary bg-bg-primary text-text-secondary-700", children: [_jsx(GoogleIcon, { className: "size-6" }), "Sign in with Google"] }), _jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
                                     dialog.setOpen(false);

package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarouselContext.d.ts

@@ -1,2 +1,6 @@
 import type { Tournament } from '../../../types';
-export declare const TournamentsCarouselItemContext: import("react").Context<Tournament>, useTournamentsCarouselItemContext: () => Tournament;
+export declare const TournamentsCarouselItemContext: (props: {
+    value: Tournament;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useTournamentsCarouselItemContext: () => Tournament;

package/dist/components/Tournaments/TournamentsList/TournamentsListContext.d.ts

@@ -1,4 +1,12 @@
 import type { Tournament } from '../../../types';
 import type { TournamentsListProps } from './TournamentsList';
-export declare const TournamentsListPropsContext: import("react").Context<TournamentsListProps>, useTournamentsListPropsContext: () => TournamentsListProps;
-export declare const TournamentsListItemContext: import("react").Context<Tournament>, useTournamentsListItemContext: () => Tournament;
+export declare const TournamentsListPropsContext: (props: {
+    value: TournamentsListProps;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useTournamentsListPropsContext: () => TournamentsListProps;
+export declare const TournamentsListItemContext: (props: {
+    value: Tournament;
+} & {
+    children?: import("react").ReactNode | undefined;
+}) => React.ReactNode, useTournamentsListItemContext: () => Tournament;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.128",
+  "version": "0.0.130",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",