@opexa/portal-components 0.0.1081 → 0.0.1083

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/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/Quests/JourneyQuest.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { endOfDay as getEndOfDay } from 'date-fns';
 import { isString } from 'lodash-es';
 import dynamic from 'next/dynamic';
 import Link from 'next/link';
@@ -10,6 +11,7 @@ import { useDisclosure } from '../../client/hooks/useDisclosure.js';
 import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
+import { useRemainingTime } from '../../client/hooks/useRemainingTime.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
 import { CoinsHandIcon } from '../../icons/CoinsHandIcon.js';
@@ -132,13 +134,16 @@ function Rules(props) {
             return false;
         return milestones.every((milestone) => milestone.isCompleted);
     }, [milestones]);
-    const isExpired = useMemo(() => {
-        if (!quest?.daysToClear || !quest?.dateTimeCreated)
-            return false;
-        const targetDateTime = new Date(quest.dateTimeCreated);
-        targetDateTime.setDate(targetDateTime.getDate() + Number(quest.daysToClear));
-        return new Date() > targetDateTime;
+    //prevent members to perform actions after the quest has expired
+    const targetDateTime = useMemo(() => {
+        if (!quest?.dateTimeCreated)
+            return null;
+        const date = new Date(quest.dateTimeCreated);
+        date.setDate(date.getDate() + Number(quest?.daysToClear ?? 0));
+        return getEndOfDay(date);
     }, [quest?.dateTimeCreated, quest?.daysToClear]);
+    const remainingTime = useRemainingTime(targetDateTime ?? new Date());
+    const isExpired = quest?.status === 'FAILED' || remainingTime.expired;
     const sessionQuery = useSessionQuery();
     const session = sessionQuery.data;
     return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: open, onOpenChange: (details) => setOpen(details.open), 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)] flex items-center justify-center p-4", children: _jsxs(Dialog.Content, { className: twMerge('mx-auto max-h-[80vh] min-h-auto min-w-[21.438rem] max-w-[400px] overflow-y-auto rounded-xl px-4 py-10 md:scrollbar:h-2 md:scrollbar:w-2 md:scrollbar-thumb:rounded-full md:scrollbar-thumb:bg-bg-quaternary md:scrollbar-track:bg-transparent', props.className?.root), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "group flex flex-col space-y-5 text-sm text-text-quarterary-brand", children: [_jsx("h2", { className: twMerge('font-semibold text-lg text-text-primary-900', props.className?.title), children: quest?.name || 'Quest' }), _jsx("div", { className: "relative", children: _jsx("div", { className: "max-h-[30vh] overflow-y-auto", children: quest?.description ? (_jsx(Prose, { dangerouslySetInnerHTML: {

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.1081",
+	"version": "0.0.1083",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",