@opexa/portal-components 0.1.28 → 0.1.29

package/dist/components/Disclaimer/DisclaimerV1.js

@@ -7,6 +7,7 @@ import Link from 'next/link';
 import { useEffect, useRef, useState } from 'react';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { setDisclaimerAccepted } from '../../utils/disclaimer-cooldown.js';
 import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
 import pagcorLogo from '../../images/pagcor.png';
@@ -50,6 +51,7 @@ export function DisclaimerV1(props) {
                                                     // Reset terms and responsible gaming acceptance states
                                                     // so users must re-accept in SignIn forms
                                                     globalStore.termsAndConditions.setAccepted(false);
+                                                    setDisclaimerAccepted();
                                                     disclaimer.close();
                                                 }, disabled: !checked, "data-testid": "disclaimer-v1-accept-btn", children: "Accept" }), _jsx(Button, { variant: "outline", type: "button", className: "mt-lg", "data-testid": "disclaimer-v1-exit-btn", onClick: () => {
                                                     if (Capacitor.isNativePlatform()) {

package/dist/components/Disclaimer/DisclaimerV2.js

@@ -12,7 +12,8 @@ import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
 import { getSession } from '../../client/services/getSession.js';
 import { BIOMETRIC_STORAGE_KEY } from '../../client/utils/biometric.js';
-import { DISCLAIMER_ACCEPTED_KEY, TERMS_OF_USE_PENDING_STORAGE_KEY, } from '../../constants/index.js';
+import { TERMS_OF_USE_PENDING_STORAGE_KEY } from '../../constants/index.js';
+import { setDisclaimerAccepted } from '../../utils/disclaimer-cooldown.js';
 import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
 import pagcorLogo from '../../images/pagcor2.png';
@@ -115,10 +116,10 @@ export function DisclaimerV2(props) {
                                             // so users must re-accept in SignIn forms
                                             globalStore.termsAndConditions.setAccepted(false);
                                             globalStore.responsibleGaming.setAccepted(false);
+                                            setDisclaimerAccepted();
                                             disclaimer.close();
                                             if (isAuthenticated) {
                                                 sessionStorage.setItem(TERMS_OF_USE_PENDING_STORAGE_KEY, 'true');
-                                                sessionStorage.setItem(DISCLAIMER_ACCEPTED_KEY, 'true');
                                                 globalStore.termsOfUse.setOpen(true);
                                                 return;
                                             }

package/dist/components/Disclaimer/DisclaimerV3.js

@@ -9,7 +9,7 @@ import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
-import { DISCLAIMER_ACCEPTED_KEY, TERMS_OF_USE_PENDING_STORAGE_KEY, } from '../../constants/index.js';
+import { TERMS_OF_USE_PENDING_STORAGE_KEY, } from '../../constants/index.js';
 import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
 import pagcorLogo from '../../images/pagcor2.png';
@@ -18,6 +18,7 @@ import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { setDisclaimerAccepted } from '../../utils/disclaimer-cooldown.js';
 import { useDisclaimer } from './useDisclaimer.js';
 export function DisclaimerV3(props) {
     const disclaimer = useDisclaimer({
@@ -83,10 +84,10 @@ export function DisclaimerV3(props) {
                                             // so users must re-accept in SignIn forms
                                             globalStore.termsAndConditions.setAccepted(false);
                                             globalStore.responsibleGaming.setAccepted(false);
+                                            setDisclaimerAccepted();
                                             disclaimer.close();
                                             if (isAuthenticated) {
                                                 sessionStorage.setItem(TERMS_OF_USE_PENDING_STORAGE_KEY, 'true');
-                                                sessionStorage.setItem(DISCLAIMER_ACCEPTED_KEY, 'true');
                                                 globalStore.termsOfUse.setOpen(true);
                                                 return;
                                             }

package/dist/components/Disclaimer/useDisclaimer.js

@@ -3,34 +3,41 @@ import { useTimeout } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
-import { DISCLAIMER_ACCEPTED_KEY } from '../../constants/index.js';
+import { isDisclaimerCooldownActive } from '../../utils/disclaimer-cooldown.js';
 export function useDisclaimer({ showInLogin = false, } = {}) {
     'use no memo';
     const sessionQuery = useSessionQuery();
     const searchParams = useSearchParams();
     const pathname = usePathname();
-    const disclaimerStore = useGlobalStore(useShallow((state) => state.disclaimer));
+    const store = useGlobalStore(useShallow((state) => ({
+        disclaimer: state.disclaimer,
+        termsOfUse: state.termsOfUse,
+    })));
     // Check if we're on an SSO route (like /login/[partnerId])
     const isSsoRoute = pathname?.startsWith('/login/') && pathname.includes('/');
     const shouldShowDisclaimer = searchParams.get('game-exit') !== 'true' && !isSsoRoute;
     const isAuthenticated = sessionQuery.data?.status === 'authenticated';
+    const isCooldownActive = isDisclaimerCooldownActive();
     // Auto-open logic
     useTimeout(() => {
-        const isDisclaimerAccepted = sessionStorage.getItem(DISCLAIMER_ACCEPTED_KEY) === 'true';
-        if (shouldShowDisclaimer &&
-            (!isAuthenticated || showInLogin) &&
-            !isDisclaimerAccepted) {
-            disclaimerStore.setOpen(true);
+        if (!shouldShowDisclaimer || isCooldownActive) {
+            return;
+        }
+        if (!isAuthenticated) {
+            store.disclaimer.setOpen(true);
+        }
+        else if (showInLogin) {
+            store.termsOfUse.setOpen(true);
         }
     }, 0);
     return {
         open: sessionQuery.isLoading
             ? false
             : shouldShowDisclaimer &&
-                (!isAuthenticated || // guest: always allowed
-                    (showInLogin && isAuthenticated)) && // logged-in: only if allowed
-                disclaimerStore.open,
-        setOpen: (v) => disclaimerStore.setOpen(v),
-        close: () => disclaimerStore.setOpen(false),
+                !isAuthenticated &&
+                !isCooldownActive &&
+                store.disclaimer.open,
+        setOpen: (v) => store.disclaimer.setOpen(v),
+        close: () => store.disclaimer.setOpen(false),
     };
 }

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

@@ -169,7 +169,7 @@ export function PersonalInformation() {
             globalStore.kycAccountVerificationRequired.setOpen(false);
             globalStore.kycReminder.setOpen(true);
             if (globalStore.firstTimeSignUp) {
-                globalStore.disclaimer.setOpen(true);
+                // globalStore.disclaimer.setOpen(true);
                 globalStore.setFirstTimeSignUp(false);
             }
             toaster.success({

package/dist/components/Onboarding/OnboardingV1.lazy.js

@@ -10,6 +10,7 @@ import secondStepBackground from '../../images/second-step-background.png';
 import thirdStepBackground from '../../images/third-step-background.png';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { openDisclaimerIfAllowed } from '../../utils/disclaimer-cooldown.js';
 const AnimatedHeader = ({ text }) => {
     if (text === '88PLAY') {
         return (_jsx("div", { className: "relative", children: _jsxs("h1", { className: "venus-rising flex items-center font-bold text-4xl drop-shadow-lg", children: [_jsx("span", { className: "text-transparent", style: {
@@ -120,7 +121,7 @@ export function Onboarding() {
                 globalStore.signUp.setOpen(true);
             }
             if (globalStore.onboarding.next === 'DISCLAIMER') {
-                globalStore.disclaimer.setOpen(true);
+                openDisclaimerIfAllowed(globalStore.disclaimer.setOpen);
             }
             globalStore.onboarding.setNext(null);
         }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsx(Dialog.Content, { className: twMerge('flex h-full w-full flex-col items-start overflow-y-auto lg:mx-auto lg:h-auto lg:max-h-[80vh] lg:w-[400px]', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: _jsx(OnboardingCarousel, {}) }) })] }) }));

package/dist/components/RegisterBiometrics/RegisterBiometrics.js

@@ -13,6 +13,7 @@ import { createSingleUseToken } from '../../services/auth.js';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { openDisclaimerIfAllowed } from '../../utils/disclaimer-cooldown.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
 export function RegisterBiometrics() {
@@ -91,7 +92,7 @@ export function RegisterBiometrics() {
                                             description: 'Biometric setup successful',
                                         });
                                         registerBiometricStore.setOpen(false);
-                                        kycModals.disclaimer.setOpen(true);
+                                        openDisclaimerIfAllowed(kycModals.disclaimer.setOpen);
                                     }, className: "text-sm", children: "Sure" }), _jsx(Button, { className: "border-border-dark text-sm text-text-primary-900", variant: "outline", onClick: () => {
                                         registerBiometricStore.setOpen(false);
                                     }, children: "Not now" })] })] }) }) }) }));

package/dist/components/ResponsibleGaming/ResponsibleGaming.lazy.js

@@ -8,6 +8,7 @@ import responsibleGamingLogo from '../../images/responsible-gaming.png';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { openDisclaimerIfAllowed } from '../../utils/disclaimer-cooldown.js';
 export function ResponsibleGaming(props) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         signIn: ctx.signIn,
@@ -30,7 +31,7 @@ export function ResponsibleGaming(props) {
                 globalStore.signUp.setOpen(true);
             }
             if (globalStore.responsibleGaming.next === 'DISCLAIMER') {
-                globalStore.disclaimer.setOpen(true);
+                openDisclaimerIfAllowed(globalStore.disclaimer.setOpen);
             }
             globalStore.responsibleGaming.setNext(null);
         }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('flex h-full w-full flex-col items-start overflow-y-auto p-3xl lg:mx-auto lg:h-auto lg:max-h-[80vh] lg:w-[400px]', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[7.5rem]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsx(Dialog.Title, { className: "mt-3xl text-center font-semibold text-brand-400 text-lg", children: "Responsible Gaming" }), _jsx(Dialog.Description, { className: "mt-xs text-sm leading-2xl", children: props.content }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[5.5rem] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[3.875rem] w-auto shrink-0", draggable: false })] })] }), _jsx(Dialog.Context, { children: (api) => (_jsx(Button, { type: "button", className: "mt-3 py-2.5", onClick: () => {

package/dist/components/ResponsibleGaming/ResponsibleGamingV2.lazy.js

@@ -9,6 +9,7 @@ import { ScrollToTopIcon } from '../../icons/ScrollToTopIcon.js';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { openDisclaimerIfAllowed } from '../../utils/disclaimer-cooldown.js';
 export function ResponsibleGamingV2(props) {
     const [hasReachedBottom, setHasReachedBottom] = useState(false);
     const [isAtBottom, setIsAtBottom] = useState(false);
@@ -51,7 +52,7 @@ export function ResponsibleGamingV2(props) {
                 globalStore.signUp.setOpen(true);
             }
             if (globalStore.responsibleGaming.next === 'DISCLAIMER') {
-                globalStore.disclaimer.setOpen(true);
+                openDisclaimerIfAllowed(globalStore.disclaimer.setOpen);
             }
             globalStore.responsibleGaming.setNext(null);
         }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: props.logo, alt: "", width: 250, height: 150, className: "mx-auto h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Responsible Gaming Guidelines" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-bg-primary-alt px-2 py-2", children: _jsxs("div", { ref: scrollableContentRef, className: "mt-2 scrollbar:h-2 scrollbar:w-2 flex-1 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-track:rounded-full bg-bg-primary-alt scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-bg-primary p-3 pr-4 sm:mt-xs sm:p-4", onScroll: (e) => {

package/dist/components/ResponsibleGaming/ResponsibleGamingV3.lazy.js

@@ -10,6 +10,7 @@ import decorativebackground from '../../images/decorative-patern.png';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { openDisclaimerIfAllowed } from '../../utils/disclaimer-cooldown.js';
 export function ResponsibleGamingV3(props) {
     const [hasReachedBottom, setHasReachedBottom] = useState(false);
     const [isAtBottom, setIsAtBottom] = useState(false);
@@ -52,7 +53,7 @@ export function ResponsibleGamingV3(props) {
                 globalStore.signUp.setOpen(true);
             }
             if (globalStore.responsibleGaming.next === 'DISCLAIMER') {
-                globalStore.disclaimer.setOpen(true);
+                openDisclaimerIfAllowed(globalStore.disclaimer.setOpen);
             }
             globalStore.responsibleGaming.setNext(null);
         }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: decorativebackground, alt: "", width: 200, height: 200, className: "absolute top-0 left-0" }), _jsx(Image, { src: props.logo, alt: "", width: 250, height: 150, className: "h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Responsible Gaming Guidelines" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-bg-primary-alt px-2 py-2", children: _jsxs("div", { ref: scrollableContent, className: "mt-2 scrollbar:h-2 scrollbar:w-2 flex-1 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-track:rounded-full bg-bg-primary-alt scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-bg-primary p-3 pr-4 sm:mt-xs sm:p-4", onScroll: (e) => {

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -85,7 +85,7 @@ export function MobileNumberSignIn() {
                 globalStore.responsibleGamingReminder.setOpen(true);
             }
             if (signInProps.shouldShowDisclaimer) {
-                globalStore.disclaimer.setOpen(true);
+                globalStore.termsOfUse.setOpen(true);
             }
             if (Capacitor.isNativePlatform()) {
                 if (!hasSavedBiometry()) {
@@ -115,7 +115,7 @@ export function MobileNumberSignIn() {
                             console.warn('Failed to updated biometric credentials');
                             globalStore.signIn.setOpen(!globalStore.signIn.open);
                         }
-                        globalStore.disclaimer.setOpen(true);
+                        globalStore.termsOfUse.setOpen(true);
                     }
                     else {
                         console.error('Failed to create token');

package/dist/components/SignIn/MobileNumberSignInternational.js

@@ -78,6 +78,7 @@ export function MobileNumberSignInInternational() {
         kyc: ctx.kyc,
         registerBiometrics: ctx.registerBiometrics,
         disclaimer: ctx.disclaimer,
+        termsOfUse: ctx.termsOfUse,
     })));
     const signInMutation = useSignInMutation({
         // versionSession intentionally omitted: only applies to NAME_AND_PASSWORD
@@ -112,7 +113,7 @@ export function MobileNumberSignInInternational() {
                 globalStore.responsibleGamingReminder.setOpen(true);
             }
             if (signInProps.shouldShowDisclaimer) {
-                globalStore.disclaimer.setOpen(true);
+                globalStore.termsOfUse.setOpen(true);
             }
             if (Capacitor.isNativePlatform()) {
                 if (!hasSavedBiometry()) {

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -111,7 +111,7 @@ export function NameAndPasswordSignIn() {
                                 else {
                                     console.warn('Failed to update biometric credentials');
                                 }
-                                globalStore.disclaimer.setOpen(true);
+                                globalStore.termsOfUse.setOpen(true);
                             }
                             else {
                                 console.error('Failed to create token');
@@ -128,7 +128,7 @@ export function NameAndPasswordSignIn() {
                     globalStore.responsibleGamingReminder.setOpen(true);
                 }
                 if (signInProps.shouldShowDisclaimer) {
-                    globalStore.disclaimer.setOpen(true);
+                    globalStore.termsOfUse.setOpen(true);
                 }
             }
         },
@@ -174,7 +174,7 @@ export function NameAndPasswordSignIn() {
                 globalStore.responsibleGamingReminder.setOpen(true);
             }
             if (signInProps.shouldShowDisclaimer) {
-                globalStore.disclaimer.setOpen(true);
+                globalStore.termsOfUse.setOpen(true);
             }
             if (Capacitor.isNativePlatform()) {
                 if (!hasSavedBiometry()) {
@@ -205,7 +205,7 @@ export function NameAndPasswordSignIn() {
                             else {
                                 console.warn('Failed to update biometric credentials');
                             }
-                            globalStore.disclaimer.setOpen(true);
+                            globalStore.termsOfUse.setOpen(true);
                         }
                         else {
                             // globalStore.signIn.setOpen(!globalStore.signIn.open);

package/dist/components/SignIn/SignInTrigger.js

@@ -18,6 +18,7 @@ export function SignInTrigger(props) {
         signIn: ctx.signIn,
         registerBiometrics: ctx.registerBiometrics,
         disclaimer: ctx.disclaimer,
+        termsOfUse: ctx.termsOfUse,
     })));
     return (_jsx(ark.button, { type: "button", "aria-label": "Sign in", "data-state": globalStore.signIn.open ? 'open' : 'closed', ...props, onClick: async (e) => {
             if (hasSavedBiometry()) {
@@ -87,7 +88,7 @@ export function SignInTrigger(props) {
                     queryKey: getSessionQueryKey(),
                 });
                 if (Capacitor.isNativePlatform()) {
-                    globalStore.disclaimer.setOpen(true);
+                    globalStore.termsOfUse.setOpen(true);
                 }
                 const r = await createSingleUseToken({
                     headers: {

package/dist/components/SignUp/SignUpLongForm/SignUpLongForm.js

@@ -35,6 +35,7 @@ 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 { openDisclaimerIfAllowed } from '../../../utils/disclaimer-cooldown.js';
 import { getQueryClient } from '../../../utils/getQueryClient.js';
 import { getMemberVerificationQueryKey } from '../../../utils/queryKeys.js';
 import DateOfBirthField from '../../DateOfBirthField.js';
@@ -196,7 +197,7 @@ export default function SignUpLongForm() {
             step1Form.reset();
             step2Form.reset();
             setStep(1);
-            globalStore.disclaimer.setOpen(true);
+            openDisclaimerIfAllowed(globalStore.disclaimer.setOpen);
             toaster.success({
                 title: 'Member Created!',
                 description: 'Member created successfully',

package/dist/components/TermsAndConditions/TermsAndConditions.lazy.js

@@ -8,6 +8,7 @@ import responsibleGamingLogo from '../../images/responsible-gaming.png';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { openDisclaimerIfAllowed } from '../../utils/disclaimer-cooldown.js';
 export function TermsAndConditions({ logo, siteName, content, ...props }) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         signIn: ctx.signIn,
@@ -30,7 +31,7 @@ export function TermsAndConditions({ logo, siteName, content, ...props }) {
                 globalStore.signUp.setOpen(true);
             }
             if (globalStore.termsAndConditions.next === 'DISCLAIMER') {
-                globalStore.disclaimer.setOpen(true);
+                openDisclaimerIfAllowed(globalStore.disclaimer.setOpen);
             }
             globalStore.termsAndConditions.setNext(null);
         }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('flex h-full w-full flex-col items-start overflow-y-auto p-3xl lg:mx-auto lg:h-auto lg:max-h-[80vh] lg:w-[400px]', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsxs(Dialog.Title, { className: "mt-3xl text-center font-semibold text-brand-400 text-lg", children: [siteName, " Terms of Use"] }), _jsx(Dialog.Description, { className: "mt-xs text-sm leading-2xl", children: content }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[5.5rem] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[3.875rem] w-auto shrink-0", draggable: false })] })] }), _jsx(Dialog.Context, { children: (api) => (_jsx(Button, { type: "button", className: "mt-3 py-2.5", onClick: () => {

package/dist/components/TermsOfUse/TermsOfUse.lazy.js

@@ -9,6 +9,7 @@ import responsibleGamingLogo from '../../images/responsible-gaming.png';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { openDisclaimerIfAllowed } from '../../utils/disclaimer-cooldown.js';
 export function TermsOfUse({ logo, siteName, content, ...props }) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         signIn: ctx.signIn,
@@ -32,7 +33,7 @@ export function TermsOfUse({ logo, siteName, content, ...props }) {
                 globalStore.signUp.setOpen(true);
             }
             if (globalStore.termsOfUse.next === 'DISCLAIMER') {
-                globalStore.disclaimer.setOpen(true);
+                openDisclaimerIfAllowed(globalStore.disclaimer.setOpen);
             }
             globalStore.termsOfUse.setNext(null);
         }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('flex h-full w-full flex-col items-start overflow-y-auto p-3xl lg:mx-auto lg:h-auto lg:max-h-[80vh] lg:w-[400px]', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsxs(Dialog.Title, { className: "mt-3xl text-center font-semibold text-brand-400 text-lg", children: [siteName, " Terms of Use"] }), _jsx(Dialog.Description, { className: "mt-xs text-sm leading-2xl", children: content }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[5.5rem] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[3.875rem] w-auto shrink-0", draggable: false })] })] }), _jsx(Dialog.Context, { children: (api) => (_jsx(Button, { type: "button", className: "mt-3 py-2.5", onClick: () => {

package/dist/components/TermsOfUse/TermsOfUseV2.lazy.js

@@ -10,6 +10,7 @@ import { ScrollToTopIcon } from '../../icons/ScrollToTopIcon.js';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { openDisclaimerIfAllowed } from '../../utils/disclaimer-cooldown.js';
 export function TermsOfUseV2({ logo, content }) {
     const scrollableContentRef = useRef(null);
     const [hasReachedBottom, setHasReachedBottom] = useState(false);
@@ -54,7 +55,7 @@ export function TermsOfUseV2({ logo, content }) {
                 globalStore.signUp.setOpen(true);
             }
             if (globalStore.termsOfUse.next === 'DISCLAIMER') {
-                globalStore.disclaimer.setOpen(true);
+                openDisclaimerIfAllowed(globalStore.disclaimer.setOpen);
             }
             globalStore.termsOfUse.setNext(null);
         }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)]", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden bg-bg-primary p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: logo, alt: "", width: 250, height: 150, className: "mx-auto h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Terms of Use" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-bg-primary-alt px-2 py-2", children: _jsxs("div", { ref: scrollableContentRef, className: "mt-2 scrollbar:h-2 scrollbar:w-2 flex-1 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-track:rounded-full bg-bg-primary-alt scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-bg-primary p-3 pr-4 sm:mt-xs sm:p-4", onScroll: (e) => {

package/dist/components/TermsOfUse/TermsOfUseV3.lazy.js

@@ -11,6 +11,7 @@ import decorativebackground from '../../images/decorative-patern.png';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { openDisclaimerIfAllowed } from '../../utils/disclaimer-cooldown.js';
 export function TermsOfUseV3({ logo, content }) {
     const scrollableContentRef = useRef(null);
     const [hasReachedBottom, setHasReachedBottom] = useState(false);
@@ -54,7 +55,7 @@ export function TermsOfUseV3({ logo, content }) {
                 globalStore.signUp.setOpen(true);
             }
             if (globalStore.termsOfUse.next === 'DISCLAIMER') {
-                globalStore.disclaimer.setOpen(true);
+                openDisclaimerIfAllowed(globalStore.disclaimer.setOpen);
             }
             globalStore.termsOfUse.setNext(null);
         }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden bg-bg-primary p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: decorativebackground, alt: "", width: 200, height: 200, className: "absolute top-safe-area-inset-top left-0" }), _jsx(Image, { src: logo, alt: "", width: 250, height: 150, className: "h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Terms of Use" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-bg-primary-alt px-2 py-2", children: _jsxs("div", { ref: scrollableContentRef, className: "mt-2 scrollbar:h-2 scrollbar:w-2 flex-1 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-track:rounded-full bg-bg-primary-alt scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-bg-primary p-3 pr-4 sm:mt-xs sm:p-4", onScroll: (e) => {

package/dist/utils/disclaimer-cooldown.d.ts

@@ -0,0 +1,4 @@
+/** Whether the disclaimer was accepted within the last 24 hours. */
+export declare function isDisclaimerCooldownActive(): boolean;
+export declare function setDisclaimerAccepted(): void;
+export declare function openDisclaimerIfAllowed(setOpen: (open: boolean) => void): void;

package/dist/utils/disclaimer-cooldown.js

@@ -0,0 +1,32 @@
+import { DISCLAIMER_ACCEPTED_KEY } from '../constants/index.js';
+const DISCLAIMER_COOLDOWN_MS = 24 * 60 * 60 * 1000;
+function getDisclaimerAcceptedAt() {
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    const raw = localStorage.getItem(DISCLAIMER_ACCEPTED_KEY);
+    if (!raw) {
+        return null;
+    }
+    if (raw === 'true') {
+        return Date.now();
+    }
+    const acceptedAt = Number(raw);
+    return Number.isFinite(acceptedAt) ? acceptedAt : null;
+}
+/** Whether the disclaimer was accepted within the last 24 hours. */
+export function isDisclaimerCooldownActive() {
+    const acceptedAt = getDisclaimerAcceptedAt();
+    if (acceptedAt === null) {
+        return false;
+    }
+    return Date.now() - acceptedAt < DISCLAIMER_COOLDOWN_MS;
+}
+export function setDisclaimerAccepted() {
+    localStorage.setItem(DISCLAIMER_ACCEPTED_KEY, String(Date.now()));
+}
+export function openDisclaimerIfAllowed(setOpen) {
+    if (!isDisclaimerCooldownActive()) {
+        setOpen(true);
+    }
+}

package/package.json

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