@opexa/portal-components 0.0.1082 → 0.0.1084

package/dist/client/hooks/useGlobalStore.d.ts

@@ -94,6 +94,8 @@ export interface GlobalStore {
     bankInformationDetails: PopupStore;
     isNonRegulated: boolean;
     setIsNonRegulated: (isNonRegulated: boolean) => void;
+    firstTimeSignUp: boolean;
+    setFirstTimeSignUp: (firstTimeSignUp: boolean) => void;
     reset: () => void;
 }
 export declare const useGlobalStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<GlobalStore>, "setState" | "devtools"> & {

package/dist/client/hooks/useGlobalStore.js

@@ -509,6 +509,11 @@ export const useGlobalStore = create()(devtools(subscribeWithSelector((set) => (
         ...state,
         isNonRegulated,
     })),
+    firstTimeSignUp: false,
+    setFirstTimeSignUp: (firstTimeSignUp) => set((state) => ({
+        ...state,
+        firstTimeSignUp,
+    })),
     reset: () => {
         set((state) => ({
             ...state,
@@ -608,6 +613,7 @@ export const useGlobalStore = create()(devtools(subscribeWithSelector((set) => (
                 open: false,
                 '~touched': false,
             },
+            firstTimeSignUp: false,
         }));
     },
 }))));

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

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 import { type BypassDomainConfig } from '../../client/hooks/useBypassKycChecker';
 import type { PaymentMethod } from './utils';
 export interface DepositWithdrawalProps {
@@ -25,5 +26,7 @@ export interface DepositWithdrawalProps {
      * "/hello/:id/world"
      */
     depositSuccessPageUrl?: string;
+    /** @default "Convenience Fee may apply" */
+    note?: ReactNode;
 }
 export declare function DepositWithdrawal(props: DepositWithdrawalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -21,7 +21,7 @@ import { HasPendingBonuses } from './HasPendingBonuses.js';
 import { Withdrawal } from './Withdrawal/Withdrawal.js';
 export function DepositWithdrawal(props) {
     const bypassDepositKycCheck = useBypassKycChecker(props.bypassDomains) || props.bypassDepositKycCheck;
-    const { hasPrivacyPolicyAndTermsOfUse = true, isOfWinSite = false, ...restProps } = props;
+    const { hasPrivacyPolicyAndTermsOfUse = true, isOfWinSite = false, note = null, ...restProps } = props;
     const mergedProps = {
         ...restProps,
         hasPrivacyPolicyAndTermsOfUse,
@@ -67,5 +67,5 @@ export function DepositWithdrawal(props) {
                                                         currency: localeInfo.currency.code,
                                                         minDecimalPlaces: 2,
                                                         truncate: false
-                                                    }) }), _jsxs(Tabs.Root, { value: globalStore.depositWithdrawal.tab, onValueChange: handleTabChange, 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, {}) })] })] })] }) })] }) }) }), _jsx(HasPendingBonuses, {})] }));
+                                                    }) }), note ? (_jsx("p", { className: "text-center text-xs text-text-secondary-700", children: note })) : null, _jsxs(Tabs.Root, { value: globalStore.depositWithdrawal.tab, onValueChange: handleTabChange, 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, {}) })] })] })] }) })] }) }) }), _jsx(HasPendingBonuses, {})] }));
 }

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

@@ -2,5 +2,6 @@ import type { ComponentPropsWithRef } from 'react';
 export interface DepositWithdrawalTriggerProps extends ComponentPropsWithRef<'button'> {
     asChild?: boolean;
     colorScheme?: 'primary' | 'dark';
+    label?: string;
 }
-export declare function DepositWithdrawalTrigger({ asChild, children, colorScheme, ...props }: DepositWithdrawalTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DepositWithdrawalTrigger({ asChild, children, colorScheme, label, ...props }: DepositWithdrawalTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.js

@@ -10,7 +10,7 @@ import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useWalletQuery } from '../../client/hooks/useWalletQuery.js';
 import { formatNumber } from '../../utils/formatNumber.js';
 import { parseDecimal } from '../../utils/parseDecimal.js';
-export function DepositWithdrawalTrigger({ asChild, children, colorScheme = 'primary', ...props }) {
+export function DepositWithdrawalTrigger({ asChild, children, colorScheme = 'primary', label = 'Deposit', ...props }) {
     const sessionQuery = useSessionQuery();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
@@ -38,5 +38,5 @@ export function DepositWithdrawalTrigger({ asChild, children, colorScheme = 'pri
                         currency: localeInfo.currency.code,
                         minDecimalPlaces: 2,
                         truncate: false
-                    }) }), _jsx("div", { className: "flex h-10 items-center gap-1.5 rounded-r-md bg-button-primary-bg px-3.5 font-semibold text-button-primary-fg text-sm", children: "Deposit" })] })) }));
+                    }) }), _jsx("div", { className: "flex h-10 items-center gap-1.5 rounded-r-md bg-button-primary-bg px-3.5 font-semibold text-button-primary-fg text-sm", children: label })] })) }));
 }

package/dist/components/KYC/KYCDefault/PersonalInformation.js

@@ -111,6 +111,9 @@ export function PersonalInformation() {
         kyc: ctx.kyc,
         kycReminder: ctx.kycReminder,
         kycAccountVerificationRequired: ctx.kycAccountVerificationRequired,
+        disclaimer: ctx.disclaimer,
+        firstTimeSignUp: ctx.firstTimeSignUp,
+        setFirstTimeSignUp: ctx.setFirstTimeSignUp,
     })));
     const memberVerificationQuery = useMemberVerificationQuery();
     const memberVerificationId = memberVerificationQuery.data?.id;
@@ -158,6 +161,10 @@ export function PersonalInformation() {
             if (accountQuery.data?.status === 'VERIFICATION_LOCKED') {
                 globalStore.kycReminder.setOpen(true);
             }
+            if (globalStore.firstTimeSignUp) {
+                globalStore.disclaimer.setOpen(true);
+                globalStore.setFirstTimeSignUp(false);
+            }
             toaster.success({
                 title: 'Success',
                 description: 'Personal information has been set successfully.',

package/dist/components/Messages/MessagesPopup.js

@@ -38,6 +38,7 @@ export function MessagesPopup() {
         responsibleGamingReminder: ctx.responsibleGamingReminder,
         signIn: ctx.signIn,
         signUp: ctx.signUp,
+        disclaimer: ctx.disclaimer,
     })));
     const markMessageAsReadMutation = useMarkMessageAsReadMutation();
     const accountQuery = useAccountQuery();
@@ -86,8 +87,9 @@ export function MessagesPopup() {
             !globalStore.account__mobile.open &&
             !globalStore.kyc.open &&
             !globalStore.kycReminder.open &&
-            !globalStore.responsibleGamingReminder.open,
-        refetchInterval: disclosure.open ? undefined : 1000 * 10,
+            !globalStore.responsibleGamingReminder.open &&
+            !globalStore.disclaimer.open,
+        refetchInterval: disclosure.open ? undefined : 2000 * 10,
     });
     const messages = messagesQuery.data?.pages.flatMap((page) => page.edges
         .filter((edge) => globalStore.gameLaunch.details.status === 'PLAYING'

package/dist/components/SignUp/SignUpDefault/SignUpDefaultForm.js

@@ -61,6 +61,7 @@ export function SignUpDefaultForm() {
         responsibleGaming: ctx.responsibleGaming,
         kyc: ctx.kyc,
         termsOfUse: ctx.termsOfUse,
+        setFirstTimeSignUp: ctx.setFirstTimeSignUp,
     })));
     const search = useSearchParams();
     const signUpMutation = useSignUpMutation();
@@ -338,6 +339,7 @@ export function SignUpDefaultForm() {
                                     return;
                                 }
                                 globalStore.signUp.setOpen(false);
+                                globalStore.setFirstTimeSignUp(true);
                                 step1Form.reset();
                                 step2Form.reset();
                                 setStep(1);

package/package.json

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