@opexa/portal-components 0.0.405 → 0.0.406

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

@@ -0,0 +1,7 @@
+export declare function useCellxpertCxd(): [{
+    value: string;
+    expires: number;
+} | null, import("react").Dispatch<import("react").SetStateAction<{
+    value: string;
+    expires: number;
+} | null>>, () => void];

package/dist/client/hooks/useCellxpertCxd.js

@@ -0,0 +1,4 @@
+import { useLocalStorage } from 'usehooks-ts';
+export function useCellxpertCxd() {
+    return useLocalStorage('WebPortalCellxpertCxd', null);
+}

package/dist/client/hooks/useSignUpMutation.js

@@ -2,8 +2,9 @@ import { useMutation } from '@tanstack/react-query';
 import { registerMemberAccountViaMobile, } from '../../services/account.js';
 import { getSignUpMutationKey } from '../../utils/mutationKeys.js';
 import { getSession } from '../services/getSession.js';
+import { useCellxpertCxd } from './useCellxpertCxd.js';
 export const useSignUpMutation = (config) => {
-    const cellxpertCxd = config?.meta?.cellxpertCxd;
+    const [cellxpertCxd] = useCellxpertCxd();
     return useMutation({
         ...config,
         mutationKey: getSignUpMutationKey(),
@@ -15,7 +16,7 @@ export const useSignUpMutation = (config) => {
                     btag: session.btag,
                 }),
                 ...(cellxpertCxd && {
-                    cellxpertCxd,
+                    cellxpertCxd: cellxpertCxd.value,
                 }),
             }, {
                 headers: {

package/dist/client/hooks/useUpdateSessionMutation.js

@@ -15,13 +15,11 @@ export const useUpdateSessionMutation = (config) => {
                     return prev;
                 const domain = input.domain ?? prev.domain;
                 const btag = input.btag ?? prev.btag;
-                const cellxpertCxd = input.cellxpertCxd ?? prev.cellxpertCxd;
                 if (prev.status === 'unauthenticated') {
                     return {
                         status: 'unauthenticated',
                         domain,
                         btag,
-                        cellxpertCxd,
                     };
                 }
                 return {

package/dist/client/services/updateSession.d.ts

@@ -2,6 +2,5 @@ import { type HttpRequestOptions } from '../../services/httpRequest';
 export interface UpdateSessionInput {
     domain?: string;
     btag?: string;
-    cellxpertCxd?: string;
 }
 export declare const updateSession: (input: UpdateSessionInput, options?: HttpRequestOptions) => Promise<boolean>;

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

@@ -3,6 +3,14 @@ export interface ClassNameEntries {
     walletActions?: string;
     withdrawButton?: string;
     depositButton?: string;
+    walletBalanceContainer?: string;
+    totalBalanceLabel?: string;
+    totalBalanceAmount?: string;
+    balanceDetailsContainer?: string;
+    depositBalanceLabel?: string;
+    depositBalanceAmount?: string;
+    bonusBalanceLabel?: string;
+    bonusBalanceAmount?: string;
     navItemRoot?: string;
     navItemLink?: string;
     navItemIcon?: string;

package/dist/components/Account/Account.lazy.js

@@ -95,13 +95,13 @@ function Wallet({ classNames }) {
     const depositBalance = parseDecimal(walletQuery.data?.balance, 0);
     const bonusBalance = parseDecimal(walletQuery.data?.bonus, 0);
     const totalBalance = depositBalance + bonusBalance;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mt-3 rounded-xl border border-border-primary bg-bg-tertiary p-xl", children: [_jsx("div", { className: "text-sm text-text-secondary-700", children: "Total Balance" }), _jsx("div", { className: "font-bold text-3xl", children: formatNumber(totalBalance, {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: twMerge('mt-3 rounded-xl border border-border-primary bg-bg-tertiary p-xl', classNames.walletBalanceContainer), children: [_jsx("div", { className: twMerge('text-sm text-text-secondary-700', classNames.totalBalanceLabel), children: "Total Balance" }), _jsx("div", { className: twMerge('font-bold text-3xl', classNames.totalBalanceAmount), children: formatNumber(totalBalance, {
                             currency: localeInfo?.currency.code,
                             minDecimalPlaces: 2,
-                        }) }), _jsxs("div", { className: "mt-1.5 flex gap-7xl", children: [_jsxs("div", { children: [_jsx("p", { className: "text-2xs text-text-secondary-700", children: "Deposit Balance" }), _jsx("p", { className: "text-medium text-text-primary-brand", children: formatNumber(depositBalance, {
+                        }) }), _jsxs("div", { className: twMerge('mt-1.5 flex gap-7xl', classNames.balanceDetailsContainer), children: [_jsxs("div", { children: [_jsx("p", { className: twMerge('text-2xs text-text-secondary-700', classNames.depositBalanceLabel), children: "Deposit Balance" }), _jsx("p", { className: twMerge('text-medium text-text-primary-brand', classNames.depositBalanceAmount), children: formatNumber(depositBalance, {
                                             currency: localeInfo?.currency.code,
                                             minDecimalPlaces: 2,
-                                        }) })] }), _jsxs("div", { children: [_jsx("p", { className: "text-2xs text-text-secondary-700", children: "Bonus Balance" }), _jsx("p", { className: "text-medium text-text-primary-brand", children: formatNumber(bonusBalance, {
+                                        }) })] }), _jsxs("div", { children: [_jsx("p", { className: twMerge('text-2xs text-text-secondary-700', classNames.bonusBalanceLabel), children: "Bonus Balance" }), _jsx("p", { className: twMerge('text-medium text-text-primary-brand', classNames.bonusBalanceAmount), children: formatNumber(bonusBalance, {
                                             currency: localeInfo?.currency.code,
                                             minDecimalPlaces: 2,
                                         }) })] })] })] }), ' ', _jsxs("div", { className: twMerge('mt-3 flex gap-lg', classNames.walletActions), children: [_jsx(Button, { size: "xs", variant: "outline", className: classNames.withdrawButton, onClick: () => {

package/dist/components/PortalProvider/PortalProvider.js

@@ -7,13 +7,13 @@ import { prefetchSessionQuery } from '../../server/utils/prefetchSessionQuery.js
 import { prefetchWalletQuery } from '../../server/utils/prefetchWalletQuery.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { FeatureFlag } from './FeatureFlag.js';
-import { SocialAccountLinkObserver } from './SocialAccountLinkObserver.js';
 import { Providers } from './Providers.js';
 import { SessionWatcher } from './SessionWatcher.js';
 import { SetupBtag } from './SetupBtag.js';
 import { SetupCellxpertCxd } from './SetupCellxpertCxd.js';
 import { SetupDomain } from './SetupDomain.js';
 import { Snackbar } from './Snackbar.js';
+import { SocialAccountLinkObserver } from './SocialAccountLinkObserver.js';
 export async function PortalProvider({ recaptchaSiteKey, children, }) {
     const queryClient = getQueryClient();
     await Promise.allSettled([

package/dist/components/PortalProvider/Providers.js

@@ -1,14 +1,9 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { QueryClientProvider } from '@tanstack/react-query';
 import { ReCaptchaProvider } from 'next-recaptcha-v3';
-import dynamic from 'next/dynamic';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-const CXDTokenObserver = dynamic(() => import('./CXDTokenObserver.js').then((m) => m.CXDTokenObserver), {
-    ssr: false,
-    loading: () => null,
-});
 export function Providers({ recaptchaSiteKey, children, }) {
     const queryClient = getQueryClient();
-    return (_jsxs(QueryClientProvider, { client: queryClient, children: [_jsx(CXDTokenObserver, {}), _jsx(ReCaptchaProvider, { reCaptchaKey: recaptchaSiteKey, children: children })] }));
+    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(ReCaptchaProvider, { reCaptchaKey: recaptchaSiteKey, children: children }) }));
 }

package/dist/components/PortalProvider/SetupCellxpertCxd.js

@@ -1,9 +1,9 @@
 'use client';
+import { addHours, isAfter, subMinutes } from 'date-fns';
 import { useSearchParams } from 'next/navigation';
 import { useTimeout } from 'usehooks-ts';
 import { z } from 'zod';
-import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
-import { useUpdateSessionMutation } from '../../client/hooks/useUpdateSessionMutation.js';
+import { useCellxpertCxd } from '../../client/hooks/useCellxpertCxd.js';
 const CellxpertCxdSchema = z
     .string()
     .min(200)
@@ -12,17 +12,32 @@ const CellxpertCxdSchema = z
     .nullable()
     .catch(null);
 export function SetupCellxpertCxd() {
-    const query = useSessionQuery();
-    const mutation = useUpdateSessionMutation();
-    const params = useSearchParams();
+    const searchParams = useSearchParams();
+    const value = CellxpertCxdSchema.parse(searchParams.get('cxd'));
+    const [cellxpertCxd, setCellxpertCxd] = useCellxpertCxd();
     useTimeout(() => {
-        const oldValue = query.data?.cellxpertCxd;
-        const newValue = CellxpertCxdSchema.parse(params.get('cxd'));
-        if (oldValue === newValue)
+        if (!value)
             return;
-        if (!newValue)
-            return;
-        mutation.mutate({ cellxpertCxd: newValue });
-    }, query.data?.status === 'unauthenticated' ? 250 : null);
+        if (!cellxpertCxd) {
+            return setCellxpertCxd({
+                value,
+                expires: subMinutes(addHours(new Date(), 6), 1).getTime(),
+            });
+        }
+        /* If previous value is expired, override */
+        if (isAfter(new Date(), new Date(cellxpertCxd.expires))) {
+            return setCellxpertCxd({
+                value,
+                expires: addHours(new Date(), 6).getTime(),
+            });
+        }
+        /* If previous value is not the same as new value, override */
+        if (value !== cellxpertCxd.value) {
+            return setCellxpertCxd({
+                value,
+                expires: addHours(new Date(), 6).getTime(),
+            });
+        }
+    }, 250);
     return null;
 }

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

@@ -13,14 +13,12 @@ import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useControllableState } from '../../../client/hooks/useControllableState.js';
 import { useCooldown } from '../../../client/hooks/useCooldown.js';
-import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../../client/hooks/useMobileNumberParser.js';
 import { useSendVerificationCodeMutation } from '../../../client/hooks/useSendVerificationCodeMutation.js';
 import { useSignInMutation } from '../../../client/hooks/useSignInMutation.js';
 import { useSignUpMutation } from '../../../client/hooks/useSignUpMutation.js';
-import { useUpdateAccountMutation } from '../../../client/hooks/useUpdateAccountMutation.js';
 import { toaster } from '../../../client/utils/toaster.js';
 import { ArrowLeftIcon } from '../../../icons/ArrowLeftIcon.js';
 import { CalendarIcon } from '../../../icons/CalendarIcon.js';
@@ -43,7 +41,6 @@ import { createPoll } from '../../../utils/createPoll.js';
 import { useSignUpDefaultPropsContext } from './SignUpDefaultContext.js';
 export function SignUpDefaultForm() {
     const signUpProps = useSignUpDefaultPropsContext();
-    const { enabled } = useFeatureFlag();
     const branchCollection = createListCollection({
         items: signUpProps.branches ?? [],
         itemToValue: (item) => item.code,
@@ -59,11 +56,8 @@ export function SignUpDefaultForm() {
         responsibleGaming: ctx.responsibleGaming,
     })));
     const search = useSearchParams();
-    const signUpMutation = useSignUpMutation({
-        meta: { cellxpertCxd: search.get('cxd') },
-    });
+    const signUpMutation = useSignUpMutation();
     const signInMutation = useSignInMutation();
-    const updateAccountMutation = useUpdateAccountMutation();
     const sendVerificationCodeMutation = useSendVerificationCodeMutation();
     const localeInfo = useLocaleInfo();
     const mobileNumberParser = useMobileNumberParser();

package/dist/components/SignUp/SignUpKYC/SignUpKYCForm.js

@@ -67,9 +67,7 @@ export function SignUpKYCForm() {
     })));
     const dialog = useDialogContext();
     const search = useSearchParams();
-    const signUpMutation = useSignUpMutation({
-        meta: { cellxpertCxd: search.get('cxd') },
-    });
+    const signUpMutation = useSignUpMutation();
     const signInMutation = useSignInMutation();
     const updateAccountMutation = useUpdateAccountMutation();
     const sendVerificationCodeMutation = useSendVerificationCodeMutation();

package/dist/constants/StorageKey.d.ts

@@ -3,3 +3,4 @@ export declare const REFRESH_TOKEN_COOKIE_NAME: string;
 export declare const DOMAIN_COOKIE_NAME: string;
 export declare const BTAG_COOKIE_NAME: string;
 export declare const FEATURE_FLAG_LOCAL_STORAGE_KEY: string;
+export declare const CXD_STORAGE_KEY: string;

package/dist/constants/StorageKey.js

@@ -3,3 +3,4 @@ export const REFRESH_TOKEN_COOKIE_NAME = 'WebPortalAuthRefreshToken';
 export const DOMAIN_COOKIE_NAME = 'WebPortalDomain';
 export const BTAG_COOKIE_NAME = 'WebPortalBtag';
 export const FEATURE_FLAG_LOCAL_STORAGE_KEY = 'WebPortalFeatureFlag';
+export const CXD_STORAGE_KEY = 'WebPortalCellxpertCxd';

package/dist/handlers/patchSession.js

@@ -5,7 +5,6 @@ import { BTAG_COOKIE_NAME, DOMAIN_COOKIE_NAME } from '../constants/index.js';
 const UpdateSessionDefinition = z.object({
     domain: z.string().optional().nullable(),
     btag: z.string().optional().nullable(),
-    cellxpertCxd: z.string().optional().nullable(),
 });
 export async function patchSession(request) {
     const body = await request.json();

package/dist/services/queries.d.ts

@@ -67,7 +67,7 @@ export declare const MEMBER = "\n  query Member {\n    member {\n      dateTimeL
 /**
  * _aka_ `Query.self`
  */
-export declare const MEMBER_ACCOUNT = "\n  query MemberAccount {\n    memberAccount: self {\n      ... on MemberAccount {\n        id\n        name\n        status\n        realName\n        emailAddress\n        mobileNumber\n        birthDay\n        verified\n        verificationStatus\n        nickName\n        validId\n        mobileNumberVerified\n        mobileNumberVerificationRequired\n        transactionPassword\n        secretAnswerSubmitted\n        dateTimeCreated\n        dateTimeLastUpdated\n        googleId\n        facebookId\n        cellxpertDetails {\n          cxd\n          dateTimeLastUpdated        \n          }\n      }\n    }\n  }\n";
+export declare const MEMBER_ACCOUNT = "\n  query MemberAccount {\n    memberAccount: self {\n      ... on MemberAccount {\n        id\n        name\n        status\n        realName\n        emailAddress\n        mobileNumber\n        birthDay\n        verified\n        verificationStatus\n        nickName\n        validId\n        mobileNumberVerified\n        mobileNumberVerificationRequired\n        transactionPassword\n        secretAnswerSubmitted\n        dateTimeCreated\n        dateTimeLastUpdated\n        googleId\n        facebookId\n        cellxpertDetails {\n          cxd\n          dateTimeLastUpdated        \n        }\n      }\n    }\n  }\n";
 export declare const MEMBER_VERIFICATION = "\n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  query MemberVerification {\n    memberAccount: self {\n      ... on MemberAccount {\n        verification {\n          id\n          status\n          address\n          permanentAddress\n          sourceOfIncome\n          natureOfWork\n          nationality\n          placeOfBirth\n          idFrontImage {\n            ...FileFragment\n          }\n          selfieImage {\n            ...FileFragment\n          }\n        }\n      }\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT = "\n  mutation RegisterMemberAccount(\n    $input: RegisterMemberAccountInput!\n    $referralCode: String\n    $verificationCode: String\n    $reCAPTCHAResponse: String\n  ) {\n    registerMemberAccount(\n      input: $input\n      referralCode: $referralCode\n      verificationCode: $verificationCode\n      reCAPTCHAResponse: $reCAPTCHAResponse\n    ) {\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidReCAPTCHAResponseError {\n        name: __typename\n        message\n      }\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on MinimumAgeRequirementError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT_BY_NAME = "\n  mutation RegisterMemberAccountByName(\n    $input: RegisterMemberAccountByNameInput!\n    $reCAPTCHAResponse: String!\n  ) {\n    registerMemberAccountByName(\n      input: $input\n      reCAPTCHAResponse: $reCAPTCHAResponse\n    ) {\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidReCAPTCHAResponseError {\n        name: __typename\n        message\n      }\n    }\n  }\n";

package/dist/services/queries.js

@@ -1543,7 +1543,7 @@ export const MEMBER_ACCOUNT = /* GraphQL */ `
         cellxpertDetails {
           cxd
           dateTimeLastUpdated        
-          }
+        }
       }
     }
   }

package/dist/types/index.d.ts

@@ -10,13 +10,11 @@ export type Session = {
     token: string;
     domain?: string;
     btag?: never;
-    cellxpertCxd?: never;
 } | {
     status: 'unauthenticated';
     token?: never;
     domain?: string;
     btag?: string;
-    cellxpertCxd?: string;
 };
 /**
  * ------------------------------------------------------------