@opexa/portal-components 0.0.1021 → 0.0.1023

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/client/hooks/useSignOutMutation.js +2 -0
  2. package/dist/components/Account/Account.lazy.js +2 -2
  3. package/dist/components/Disclaimer/DisclaimerV2.js +2 -0
  4. package/dist/components/Disclaimer/DisclaimerV3.js +2 -0
  5. package/dist/components/SignIn/NameAndPasswordSignIn.js +1 -0
  6. package/dist/components/TermsOfUse/TermsOfUse.js +9 -2
  7. package/dist/components/TermsOfUse/TermsOfUse.lazy.js +2 -0
  8. package/dist/components/TermsOfUse/TermsOfUseV2.lazy.js +2 -0
  9. package/dist/components/TermsOfUse/TermsOfUseV3.lazy.js +2 -0
  10. package/dist/constants/StorageKey.d.ts +1 -0
  11. package/dist/constants/StorageKey.js +1 -0
  12. package/dist/schemas/forgotPasswordSchema.d.ts +4 -4
  13. package/dist/ui/AlertDialog/AlertDialog.d.ts +55 -55
  14. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +5 -5
  15. package/dist/ui/Carousel/Carousel.d.ts +72 -72
  16. package/dist/ui/Carousel/carousel.recipe.d.ts +8 -8
  17. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  18. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  19. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  20. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  21. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  22. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  23. package/dist/ui/Dialog/Dialog.d.ts +33 -33
  24. package/dist/ui/Dialog/dialog.recipe.d.ts +3 -3
  25. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  26. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  27. package/dist/ui/Menu/Menu.d.ts +90 -90
  28. package/dist/ui/Menu/menu.recipe.d.ts +5 -5
  29. package/dist/ui/Popover/Popover.d.ts +55 -55
  30. package/dist/ui/Popover/popover.recipe.d.ts +5 -5
  31. package/dist/ui/Progress/Progress.d.ts +27 -27
  32. package/dist/ui/Progress/progress.recipe.d.ts +3 -3
  33. package/dist/ui/Select/Select.d.ts +45 -45
  34. package/dist/ui/Select/select.recipe.d.ts +3 -3
  35. package/dist/ui/Table/Table.d.ts +21 -21
  36. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  37. package/dist/ui/Table/table.recipe.d.ts +3 -3
  38. package/package.json +1 -1
@@ -1,4 +1,5 @@
1
1
  import { useMutation } from '@tanstack/react-query';
2
+ import { TERMS_OF_USE_PENDING_STORAGE_KEY } from '../../constants/index.js';
2
3
  import { getQueryClient } from '../../utils/getQueryClient.js';
3
4
  import { getSignOutMutationKey } from '../../utils/mutationKeys.js';
4
5
  import { getSessionQueryKey } from '../../utils/queryKeys.js';
@@ -18,6 +19,7 @@ export const useSignOutMutation = (config) => {
18
19
  queryClient.removeQueries();
19
20
  localStorage.removeItem(IDLE_TIMESTAMP_KEY);
20
21
  sessionStorage.removeItem('hasSeenKycModal');
22
+ sessionStorage.removeItem(TERMS_OF_USE_PENDING_STORAGE_KEY);
21
23
  },
22
24
  });
23
25
  };
@@ -111,8 +111,8 @@ function Links({ router, classNames, }) {
111
111
  })));
112
112
  const signOutMutation = useSignOutMutation({
113
113
  onSuccess: async () => {
114
- // Clear everything except the 'biometric' entry
115
- const keep = new Set([BIOMETRIC_STORAGE_KEY]);
114
+ // Clear everything except the 'biometric' and 'accessGranted' entries
115
+ const keep = new Set([BIOMETRIC_STORAGE_KEY, 'accessGranted']);
116
116
  for (let i = 0; i < localStorage.length;) {
117
117
  const key = localStorage.key(i);
118
118
  if (key && !keep.has(key)) {
@@ -11,6 +11,7 @@ import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
11
11
  import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
12
12
  import { getSession } from '../../client/services/getSession.js';
13
13
  import { BIOMETRIC_STORAGE_KEY } from '../../client/utils/biometric.js';
14
+ import { TERMS_OF_USE_PENDING_STORAGE_KEY } from '../../constants/index.js';
14
15
  import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
15
16
  import { CheckIcon } from '../../icons/CheckIcon.js';
16
17
  import pagcorLogo from '../../images/pagcor2.png';
@@ -112,6 +113,7 @@ export function DisclaimerV2(props) {
112
113
  globalStore.responsibleGaming.setAccepted(false);
113
114
  disclaimer.close();
114
115
  if (isAuthenticated) {
116
+ sessionStorage.setItem(TERMS_OF_USE_PENDING_STORAGE_KEY, 'true');
115
117
  globalStore.termsOfUse.setOpen(true);
116
118
  return;
117
119
  }
@@ -9,6 +9,7 @@ import { useShallow } from 'zustand/shallow';
9
9
  import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
10
10
  import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
11
11
  import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
12
+ import { TERMS_OF_USE_PENDING_STORAGE_KEY } from '../../constants/index.js';
12
13
  import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
13
14
  import { CheckIcon } from '../../icons/CheckIcon.js';
14
15
  import pagcorLogo from '../../images/pagcor2.png';
@@ -84,6 +85,7 @@ export function DisclaimerV3(props) {
84
85
  globalStore.responsibleGaming.setAccepted(false);
85
86
  disclaimer.close();
86
87
  if (isAuthenticated) {
88
+ sessionStorage.setItem(TERMS_OF_USE_PENDING_STORAGE_KEY, 'true');
87
89
  globalStore.termsOfUse.setOpen(true);
88
90
  return;
89
91
  }
@@ -206,6 +206,7 @@ export function NameAndPasswordSignIn() {
206
206
  globalStore.disclaimer.setOpen(true);
207
207
  }
208
208
  else {
209
+ globalStore.signIn.setOpen(!globalStore.signIn.open);
209
210
  console.error('Failed to create token');
210
211
  }
211
212
  }
@@ -1,8 +1,9 @@
1
1
  'use client';
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import dynamic from 'next/dynamic';
4
- import { useShallow } from 'zustand/shallow';
4
+ import { useEffect } from 'react';
5
5
  import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
6
+ import { TERMS_OF_USE_PENDING_STORAGE_KEY } from '../../constants/index.js';
6
7
  const V1 = dynamic(() => import('./TermsOfUse.lazy.js').then((m) => m.TermsOfUse), {
7
8
  ssr: false,
8
9
  loading: () => null,
@@ -16,7 +17,13 @@ const V3 = dynamic(() => import('./TermsOfUseV3.lazy.js').then((m) => m.TermsOfU
16
17
  loading: () => null,
17
18
  });
18
19
  export function TermsOfUse({ version = '1', ...props }) {
19
- const touched = useGlobalStore(useShallow((ctx) => ctx.termsOfUse['~touched']));
20
+ const termsOfUse = useGlobalStore((ctx) => ctx.termsOfUse);
21
+ const touched = termsOfUse['~touched'];
22
+ useEffect(() => {
23
+ if (sessionStorage.getItem(TERMS_OF_USE_PENDING_STORAGE_KEY) === 'true') {
24
+ termsOfUse.setOpen(true);
25
+ }
26
+ }, [termsOfUse.setOpen]);
20
27
  if (!touched) {
21
28
  return null;
22
29
  }
@@ -3,6 +3,7 @@ import Image, {} from 'next/image';
3
3
  import { twMerge } from 'tailwind-merge';
4
4
  import { useShallow } from 'zustand/shallow';
5
5
  import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
6
+ import { TERMS_OF_USE_PENDING_STORAGE_KEY } from '../../constants/index.js';
6
7
  import pagcorLogo from '../../images/pagcor.png';
7
8
  import responsibleGamingLogo from '../../images/responsible-gaming.png';
8
9
  import { Button } from '../../ui/Button/index.js';
@@ -21,6 +22,7 @@ export function TermsOfUse({ logo, siteName, content, ...props }) {
21
22
  if (!details.open) {
22
23
  globalStore.termsOfUse.setAccepted(true);
23
24
  globalStore.responsibleGaming.setAccepted(true);
25
+ sessionStorage.removeItem(TERMS_OF_USE_PENDING_STORAGE_KEY);
24
26
  }
25
27
  }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: () => {
26
28
  if (globalStore.termsOfUse.next === 'SIGN_IN') {
@@ -4,6 +4,7 @@ import { useEffect, useRef, useState } from 'react';
4
4
  import { twMerge } from 'tailwind-merge';
5
5
  import { useShallow } from 'zustand/shallow';
6
6
  import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
7
+ import { TERMS_OF_USE_PENDING_STORAGE_KEY } from '../../constants/index.js';
7
8
  import { ScrollToBottomIcon } from '../../icons/ScrollToBottomIcon.js';
8
9
  import { ScrollToTopIcon } from '../../icons/ScrollToTopIcon.js';
9
10
  import { Button } from '../../ui/Button/index.js';
@@ -41,6 +42,7 @@ export function TermsOfUseV2({ logo, content }) {
41
42
  if (!details.open) {
42
43
  globalStore.termsOfUse.setAccepted(true);
43
44
  globalStore.responsibleGaming.setAccepted(true);
45
+ sessionStorage.removeItem(TERMS_OF_USE_PENDING_STORAGE_KEY);
44
46
  }
45
47
  }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: () => {
46
48
  if (globalStore.termsOfUse.next === 'SIGN_IN') {
@@ -4,6 +4,7 @@ import { useEffect, useRef, useState } from 'react';
4
4
  import { twMerge } from 'tailwind-merge';
5
5
  import { useShallow } from 'zustand/shallow';
6
6
  import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
7
+ import { TERMS_OF_USE_PENDING_STORAGE_KEY } from '../../constants/index.js';
7
8
  import { ScrollToBottomIcon } from '../../icons/ScrollToBottomIcon.js';
8
9
  import { ScrollToTopIcon } from '../../icons/ScrollToTopIcon.js';
9
10
  import decorativebackground from '../../images/decorative-patern.png';
@@ -41,6 +42,7 @@ export function TermsOfUseV3({ logo, content }) {
41
42
  if (!details.open) {
42
43
  globalStore.termsOfUse.setAccepted(true);
43
44
  globalStore.responsibleGaming.setAccepted(true);
45
+ sessionStorage.removeItem(TERMS_OF_USE_PENDING_STORAGE_KEY);
44
46
  }
45
47
  }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: () => {
46
48
  if (globalStore.termsOfUse.next === 'SIGN_IN') {
@@ -4,3 +4,4 @@ export declare const DOMAIN_COOKIE_NAME: string;
4
4
  export declare const BTAG_COOKIE_NAME: string;
5
5
  export declare const FEATURE_FLAG_LOCAL_STORAGE_KEY: string;
6
6
  export declare const CXD_STORAGE_KEY: string;
7
+ export declare const TERMS_OF_USE_PENDING_STORAGE_KEY: string;
@@ -4,3 +4,4 @@ export const DOMAIN_COOKIE_NAME = 'WebPortalDomain';
4
4
  export const BTAG_COOKIE_NAME = 'WebPortalBtag';
5
5
  export const FEATURE_FLAG_LOCAL_STORAGE_KEY = 'WebPortalFeatureFlag';
6
6
  export const CXD_STORAGE_KEY = 'WebPortalCellxpertCxd';
7
+ export const TERMS_OF_USE_PENDING_STORAGE_KEY = 'TermsOfUsePending';
@@ -8,23 +8,23 @@ export declare const createForgotPasswordSchema: (mobileNumberParser: MobileNumb
8
8
  mobileNumber: z.ZodEffects<z.ZodString, string, string>;
9
9
  verificationCode: z.ZodEffects<z.ZodString, string, string>;
10
10
  }, "strip", z.ZodTypeAny, {
11
- verificationCode: string;
12
11
  password: string;
12
+ verificationCode: string;
13
13
  mobileNumber: string;
14
14
  confirmPassword: string;
15
15
  }, {
16
- verificationCode: string;
17
16
  password: string;
17
+ verificationCode: string;
18
18
  mobileNumber: string;
19
19
  confirmPassword: string;
20
20
  }>, {
21
- verificationCode: string;
22
21
  password: string;
22
+ verificationCode: string;
23
23
  mobileNumber: string;
24
24
  confirmPassword: string;
25
25
  }, {
26
- verificationCode: string;
27
26
  password: string;
27
+ verificationCode: string;
28
28
  mobileNumber: string;
29
29
  confirmPassword: string;
30
30
  }>;