@opexa/portal-components 0.1.64 → 0.1.66

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

@@ -0,0 +1,5 @@
+import { type RegisterMemberAccountByMobileNumberInplayInput } from '../../services/account';
+import type { Mutation } from '../../types';
+export interface InplaySignUpMutationInput extends Omit<RegisterMemberAccountByMobileNumberInplayInput, 'cellxpertCxd'> {
+}
+export declare const useInplaySignUpMutation: Mutation<void, InplaySignUpMutationInput>;

package/dist/client/hooks/useInplaySignUpMutation.js

@@ -0,0 +1,27 @@
+import { useMutation } from '@tanstack/react-query';
+import { registerMemberAccountByMobileNumberInplay, } from '../../services/account.js';
+import { getSignUpMutationKey } from '../../utils/mutationKeys.js';
+import { getSession } from '../services/getSession.js';
+import { useCellxpertCxd } from './useCellxpertCxd.js';
+export const useInplaySignUpMutation = (config) => {
+    const [cellxpertCxd] = useCellxpertCxd();
+    return useMutation({
+        ...config,
+        mutationKey: getSignUpMutationKey(),
+        mutationFn: async (input) => {
+            const session = await getSession();
+            return await registerMemberAccountByMobileNumberInplay({
+                ...input,
+                ...(cellxpertCxd && {
+                    cellxpertCxd: cellxpertCxd.value,
+                }),
+            }, {
+                headers: {
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
+                },
+            });
+        },
+    });
+};

package/dist/client/hooks/useSessionQuery.js

@@ -1,6 +1,8 @@
 import { useQuery } from '@tanstack/react-query';
+import { FINGERPRINT_HEADER_KEY } from '../../constants/index.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
+import { getFingerprint } from './useSignInMutation.js';
 export const useSessionQuery = (config) => {
     return useQuery({
         gcTime: 1000 * 2,
@@ -8,7 +10,15 @@ export const useSessionQuery = (config) => {
         ...config,
         queryKey: getSessionQueryKey(),
         queryFn: async ({ signal }) => {
-            return await getSession({ signal });
+            const fingerprint = await getFingerprint();
+            return await getSession({
+                signal,
+                headers: {
+                    ...(fingerprint && {
+                        [FINGERPRINT_HEADER_KEY]: fingerprint,
+                    }),
+                },
+            });
         },
     });
 };

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

@@ -4,6 +4,8 @@ import type { Authenticator, MutationConfig } from '../../types';
 import { type SignInInput } from '../services/signIn';
 export interface UseSignInMutationOptions extends MutationConfig<Authenticator | null, SignInInput> {
     versionSession?: VersionSession;
+    authApiBaseUrl?: string;
     version?: ApiVersion;
 }
 export declare const useSignInMutation: (options?: UseSignInMutationOptions) => UseMutationResult<Authenticator | null, Error, SignInInput>;
+export declare function getFingerprint(): Promise<string | null>;

package/dist/client/hooks/useSignInMutation.js

@@ -8,19 +8,25 @@ import { getSignInMutationKey } from '../../utils/mutationKeys.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { signIn } from '../services/signIn.js';
+import { useFeatureFlag } from './useFeatureFlag.js';
 import { useRecaptcha } from './useRecaptcha.js';
 export const useSignInMutation = (options) => {
     const queryClient = getQueryClient();
     const { executeRecaptcha, isGoogleFraudDefense } = useRecaptcha();
-    const { versionSession, version = 1, ...config } = options ?? {};
+    const { enabled: featureFlagEnabled } = useFeatureFlag();
+    const { versionSession, version = 1, authApiBaseUrl, ...config } = options ?? {};
     return useMutation({
         ...config,
         mutationKey: getSignInMutationKey(),
         mutationFn: async (input) => {
             const session = await getSession();
             const token = await executeRecaptcha('submit');
-            const isInplayEligible = input.type === 'NAME_AND_PASSWORD' || input.type === 'MOBILE_NUMBER';
-            const fingerprint = (versionSession === 'Inplay' || version !== 1) && isInplayEligible
+            const isInplay = versionSession === 'Inplay' &&
+                (input.type === 'NAME_AND_PASSWORD' ||
+                    (input.type === 'MOBILE_NUMBER' && featureFlagEnabled));
+            const fingerprint = (input.type === 'NAME_AND_PASSWORD' &&
+                (versionSession === 'Inplay' || version !== 1)) ||
+                (input.type === 'MOBILE_NUMBER' && isInplay)
                 ? await getFingerprint()
                 : null;
             const recaptchaHeaderKey = isGoogleFraudDefense
@@ -41,8 +47,8 @@ export const useSignInMutation = (options) => {
                         ? { Channel: 'ANDROID' }
                         : { Channel: 'IOS' }),
                 },
-            }, versionSession, version);
-            const authenticator = versionSession === 'Inplay' && isInplayEligible
+            }, versionSession, version, authApiBaseUrl, featureFlagEnabled);
+            const authenticator = isInplay
                 ? await pollSignIn(signInOnce)
                 : await signInOnce();
             if (!authenticator) {
@@ -82,7 +88,7 @@ async function pollSignIn(signInOnce) {
     return result.authenticator;
 }
 let thumbmark_instance;
-async function getFingerprint() {
+export async function getFingerprint() {
     if (typeof window === 'undefined')
         return null;
     if (!thumbmark_instance) {

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

@@ -2,4 +2,4 @@ import type { ApiVersion, CreateSessionInput, VersionSession } from '../../servi
 import { type HttpRequestOptions } from '../../services/httpRequest';
 import type { Authenticator } from '../../types';
 export type SignInInput = CreateSessionInput;
-export declare function signIn(input: SignInInput, options?: HttpRequestOptions, versionSession?: VersionSession, version?: ApiVersion): Promise<Authenticator | null>;
+export declare function signIn(input: SignInInput, options?: HttpRequestOptions, versionSession?: VersionSession, version?: ApiVersion, authApiBaseUrl?: string, isInplayMobileEnabled?: boolean): Promise<Authenticator | null>;

package/dist/client/services/signIn.js

@@ -1,13 +1,19 @@
 import { Capacitor } from '@capacitor/core';
-import { API_VERSION_HEADER_KEY, PLATFORM_WEB_HEADER_KEY, SESSION_VERSION_HEADER_KEY, } from '../../constants/index.js';
+import { API_VERSION_HEADER_KEY, AUTH_API_BASE_URL_HEADER_KEY, SESSION_VERSION_HEADER_KEY, } from '../../constants/index.js';
 import { httpRequest, } from '../../services/httpRequest.js';
 const platform = Capacitor.getPlatform();
-export async function signIn(input, options, versionSession = 'default', version = 1) {
+export async function signIn(input, options, versionSession = 'default', version = 1, authApiBaseUrl, isInplayMobileEnabled = false) {
     const headers = new Headers(options?.headers);
-    headers.set(SESSION_VERSION_HEADER_KEY, versionSession);
+    const effectiveVersionSession = input.type === 'MOBILE_NUMBER' && !isInplayMobileEnabled
+        ? 'default'
+        : versionSession;
+    headers.set(SESSION_VERSION_HEADER_KEY, effectiveVersionSession);
     headers.set(API_VERSION_HEADER_KEY, String(version));
-    if (version === 4 && platform === 'web') {
-        headers.set(PLATFORM_WEB_HEADER_KEY, 'true');
+    // if (version === 4 && platform === 'web') {
+    // 	headers.set(PLATFORM_WEB_HEADER_KEY, 'true');
+    // }
+    if (authApiBaseUrl) {
+        headers.set(AUTH_API_BASE_URL_HEADER_KEY, authApiBaseUrl);
     }
     const res = await httpRequest.json('/api/sessions', {
         ...options,

package/dist/components/AccountInfo/AccountInfo.js

@@ -12,10 +12,9 @@ import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useDisclosure } from '../../client/hooks/useDisclosure.js';
-import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
-import { getLocale, extractPhoneCode, } from '../../utils/countries/getLocaleInfo.js';
 import { useFacebookClientQuery } from '../../client/hooks/useFacebookClientQuery.js';
 import { useGoogleClientIdQuery } from '../../client/hooks/useGoogleClientIdQuery.js';
+import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
 import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
 import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
 import { useProfileCompletionQuery } from '../../client/hooks/useProfileCompletionQuery.js';
@@ -38,6 +37,7 @@ import { Dialog } from '../../ui/Dialog/index.js';
 import { Field } from '../../ui/Field/index.js';
 import { IconButton } from '../../ui/IconButton/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { extractPhoneCode, getLocale, } from '../../utils/countries/getLocaleInfo.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getAccountQueryKey, getProfileCompletionQueryKey, } from '../../utils/queryKeys.js';
 const accountSchema = z.object({

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const OnlineBankDepositContext: (props: {
     value: {
-        view: "vca" | "form";
+        view: "form" | "vca";
         status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
@@ -13,7 +13,7 @@ export declare const OnlineBankDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useOnlineBankDepositContext: () => {
-    view: "vca" | "form";
+    view: "form" | "vca";
     status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts

@@ -1,7 +1,7 @@
 import type { Deposit } from '../../../../types';
 export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
 export declare function useOnlineBankDeposit(): {
-    view: "vca" | "form";
+    view: "form" | "vca";
     status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

package/dist/components/KYC/KYCReminder.lazy.js

@@ -11,7 +11,6 @@ import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
 import { getSession } from '../../client/services/getSession.js';
-import { clearLocalStorageOnLogout } from '../../utils/clear-local-storage-on-logout.js';
 import { FileCheck02Icon } from '../../icons/FileCheck02Icon.js';
 import { XIcon } from '../../icons/XIcon.js';
 import pagcorLogo from '../../images/pagcor.png';
@@ -20,6 +19,7 @@ import { unregisterFCMDevice } from '../../services/trigger.js';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { clearLocalStorageOnLogout } from '../../utils/clear-local-storage-on-logout.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
 export function KYCReminder({ enablePendingKycReminder = false, ...props }) {

package/dist/components/SignIn/MobileNumberSignInternational.js

@@ -81,6 +81,7 @@ export function MobileNumberSignInInternational() {
         termsOfUse: ctx.termsOfUse,
     })));
     const signInMutation = useSignInMutation({
+        authApiBaseUrl: signInProps.authApiBaseUrl,
         versionSession: signInProps.versionSession,
         version: signInProps.version,
         onSuccess: async () => {

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -55,6 +55,7 @@ export function NameAndPasswordSignIn() {
     })));
     const [formType, setFormType] = useState('NAME_AND_PASSWORD');
     const signInMutation = useSignInMutation({
+        authApiBaseUrl: signInProps.authApiBaseUrl,
         versionSession: signInProps.versionSession,
         version: signInProps.version,
         onSuccess: async (authenticator) => {

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

@@ -25,10 +25,12 @@ export interface SignInProps extends UseSignInProps {
     shouldShowResponsibleGamingReminder?: boolean;
     shouldShowDisclaimer?: boolean;
     variant?: 'crazywin' | 'happybingo';
+    authApiBaseUrl?: string;
     /**
      * Selects which auth session endpoint the sign-in flow targets.
      * - `default` (default): `${AUTH_ENDPOINT}/sessions`
-     * - `Inplay`: `${AUTH_ENDPOINT}/v3/inplay/sessions`
+     * - `Inplay`: `${AUTH_ENDPOINT}/v3/inplay/sessions`, or `/v4/inplay/sessions`
+     *   when `version` is `4`
      */
     versionSession?: VersionSession;
     /**

package/dist/components/SignIn/SignIn.lazy.js

@@ -9,8 +9,8 @@ import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
-import { MigrateLoadingDialog } from '../Migrate/MigrateLoadingDialog.js';
 import { getSignInMutationKey } from '../../utils/mutationKeys.js';
+import { MigrateLoadingDialog } from '../Migrate/MigrateLoadingDialog.js';
 import { SignInForm as CWSignInForm } from './CrazyWin/SignInForm.js';
 import { SignInForm as HBSignInForm } from './HappyBingo/SignInForm.js';
 import { SignInPropsProvider, SignInProvider } from './SignInContext.js';

package/dist/components/SignUp/SignUpDefault/SignUpDefault.lazy.d.ts

@@ -13,6 +13,7 @@ export interface SignUpDefaultProps {
     logo: ImageProps['src'];
     basicSignUp?: boolean;
     branches?: Branch[];
+    featureFlagBranches?: Branch[];
     enabledCountries?: CountryCode[];
     termsAndConditionsUrl?: string;
     responsibleGamingUrl?: string;

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

@@ -4,6 +4,7 @@ import Image, {} from 'next/image';
 import { Suspense } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
+import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { XIcon } from '../../../icons/XIcon.js';
 import { Dialog } from '../../../ui/Dialog/index.js';
@@ -12,12 +13,19 @@ import { SignUpDefaultPropsProvider } from './SignUpDefaultContext.js';
 import { SignUpDefaultForm } from './SignUpDefaultForm.js';
 import { SignUpDefaultFormInternational } from './SignUpDefaultFormInternational.js';
 export function SignUpDefault(props) {
+    const { enabled: featureFlagEnabled } = useFeatureFlag();
     const signUpStore = useGlobalStore(useShallow((ctx) => ctx.signUp));
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         termsAndConditions: ctx.termsAndConditions,
         responsibleGaming: ctx.responsibleGaming,
     })));
-    return (_jsx(SignUpDefaultPropsProvider, { value: props, children: _jsx(Dialog.Root, { open: signUpStore.open, onOpenChange: (details) => {
+    return (_jsx(SignUpDefaultPropsProvider, { value: {
+            ...props,
+            branches: [
+                ...(props.branches ?? []),
+                ...(featureFlagEnabled ? (props.featureFlagBranches ?? []) : []),
+            ],
+        }, children: _jsx(Dialog.Root, { open: signUpStore.open, onOpenChange: (details) => {
                 signUpStore.setOpen(details.open);
             }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: () => {
                 // Reset checkbox state when dialog closes

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

@@ -14,6 +14,7 @@ import { useShallow } from 'zustand/shallow';
 import { useCooldown } from '../../../client/hooks/useCooldown.js';
 import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
+import { useInplaySignUpMutation } from '../../../client/hooks/useInplaySignUpMutation.js';
 import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../../client/hooks/useMobileNumberParser.js';
 import { useSendVerificationCodeMutation } from '../../../client/hooks/useSendVerificationCodeMutation.js';
@@ -27,7 +28,6 @@ import { HelpCircleIcon } from '../../../icons/HelpCircleIcon.js';
 import pagcorLogo from '../../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../../images/responsible-gaming-gold.png';
 import { ObjectType } from '../../../services/ObjectType.js';
-import { checkInplayMemberExists } from '../../../services/auth.js';
 import { Button } from '../../../ui/Button/index.js';
 import { Checkbox } from '../../../ui/Checkbox/index.js';
 import { Field } from '../../../ui/Field/index.js';
@@ -69,7 +69,10 @@ export function SignUpDefaultForm() {
     })));
     const search = useSearchParams();
     const signUpMutation = useSignUpMutation();
-    const signInMutation = useSignInMutation();
+    const inplaySignUpMutation = useInplaySignUpMutation();
+    const signInMutation = useSignInMutation({
+        versionSession: signUpProps.versionSession,
+    });
     const sendVerificationCodeMutation = useSendVerificationCodeMutation();
     const featureFlag = useFeatureFlag();
     const localeInfo = useLocaleInfo();
@@ -246,21 +249,6 @@ export function SignUpDefaultForm() {
     }
     return (_jsxs(_Fragment, { children: [step === 1 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center font-semibold text-lg", children: "Create an account" }), _jsx("p", { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Register instantly and start playing!" }), _jsxs("form", { className: "mt-3xl", autoComplete: "off", onSubmit: step1Form.handleSubmit(async (data) => {
                             try {
-                                if (signUpProps.versionSession === 'Inplay' &&
-                                    featureFlag.enabled) {
-                                    const exists = await checkInplayMemberExists(mobileNumberParser.format(data.mobileNumber));
-                                    if (exists) {
-                                        toaster.warning({
-                                            description: 'This mobile number is already registered. Please try to log in.',
-                                        });
-                                        globalStore.setPrefillMobileNumber(data.mobileNumber);
-                                        globalStore.setPendingType('MOBILE_NUMBER');
-                                        globalStore.signUp.setOpen(false);
-                                        globalStore.signIn.setOpen(true);
-                                        step1Form.reset();
-                                        return;
-                                    }
-                                }
                                 await sendVerificationCodeMutation.mutateAsync({
                                     channel: 'SMS',
                                     recipient: mobileNumberParser.format(data.mobileNumber),
@@ -331,10 +319,9 @@ export function SignUpDefaultForm() {
                             const { mobileNumber } = step1Form.getValues();
                             const birthdayValue = step1Form.getValues('birthDay');
                             try {
-                                await signUpMutation.mutateAsync({
+                                const signUpInput = {
                                     id,
                                     mobileNumber: mobileNumberParser.format(mobileNumber),
-                                    verificationCode: verificationCode.join(''),
                                     ...(!signUpProps.basicSignUp && {
                                         realName: [
                                             step1Form.getValues('firstName'),
@@ -344,7 +331,7 @@ export function SignUpDefaultForm() {
                                             .filter(Boolean)
                                             .join(' '),
                                         ...(!!birthdayValue && {
-                                            birthDay: format(birthdayValue, 'yyyy-MM-dd'),
+                                            dateOfBirth: format(birthdayValue, 'yyyy-MM-dd'),
                                         }),
                                         ...(signUpProps?.branches &&
                                             signUpProps.branches.length > 0 && {
@@ -358,6 +345,44 @@ export function SignUpDefaultForm() {
                                     }),
                                     referralCode: search.get('referralCode') ?? undefined,
                                     agentCode,
+                                };
+                                if (signUpProps.versionSession === 'Inplay' &&
+                                    featureFlag.enabled) {
+                                    await inplaySignUpMutation.mutateAsync({
+                                        ...signUpInput,
+                                        mobileNumberVerificationCode: verificationCode.join(''),
+                                    });
+                                    const name = mobileNumberParser.format(mobileNumber);
+                                    const password = `${name}${id}`;
+                                    try {
+                                        await signInMutation.mutateAsync({
+                                            type: 'NAME_AND_PASSWORD',
+                                            name,
+                                            password,
+                                        });
+                                    }
+                                    catch {
+                                        globalStore.setPrefillMobileNumber(name);
+                                        globalStore.setPendingType('MOBILE_NUMBER');
+                                        globalStore.signUp.setOpen(false);
+                                        globalStore.signIn.setOpen(true);
+                                        step1Form.reset();
+                                        step2Form.reset();
+                                        setStep(1);
+                                        return;
+                                    }
+                                    globalStore.signUp.setOpen(false);
+                                    globalStore.setFirstTimeSignUp(true);
+                                    step1Form.reset();
+                                    step2Form.reset();
+                                    setStep(1);
+                                    return;
+                                }
+                                const { dateOfBirth, ...legacySignUpInput } = signUpInput;
+                                await signUpMutation.mutateAsync({
+                                    ...legacySignUpInput,
+                                    birthDay: dateOfBirth,
+                                    verificationCode: verificationCode.join(''),
                                 });
                                 const name = mobileNumberParser.format(mobileNumber);
                                 const password = `${name}${id}`;
@@ -391,7 +416,10 @@ export function SignUpDefaultForm() {
                             }
                             catch (error) {
                                 if (error instanceof Error &&
-                                    error.name === 'MemberAccountAlreadyExistsError') {
+                                    (error.name === 'MemberAccountAlreadyExistsError' ||
+                                        (signUpProps.versionSession === 'Inplay' &&
+                                            featureFlag.enabled &&
+                                            error.name === 'MobileNumberNotAvailableError'))) {
                                     toaster.warning({
                                         description: 'This mobile number is already registered. Please try to log in.',
                                     });

package/dist/constants/Endpoint.js

@@ -1,4 +1,4 @@
-import { ENVIRONMENT } from './EnvVar.js';
+import { AUTH_API_BASE_URL, ENVIRONMENT } from './EnvVar.js';
 export const ACCOUNT_GRAPHQL_ENDPOINT = {
     development: 'https://account.development.opexa.io/graphql',
     staging: 'https://account.staging.atalos.io/graphql',
@@ -34,11 +34,12 @@ export const WALLET_GRAPHQL_ENDPOINT = {
     staging: 'https://wallet.staging.atalos.io/graphql',
     production: 'https://wallet.opexa.io/graphql',
 }[ENVIRONMENT];
-export const AUTH_ENDPOINT = {
-    development: 'https://auth.development.opexa.io',
-    staging: 'https://auth.staging.atalos.io',
-    production: 'https://auth.opexa.io',
-}[ENVIRONMENT];
+export const AUTH_ENDPOINT = AUTH_API_BASE_URL ||
+    {
+        development: 'https://auth.development.opexa.io',
+        staging: 'https://auth.staging.atalos.io',
+        production: 'https://auth.opexa.io',
+    }[ENVIRONMENT];
 export const CMS_PORTAL_ENDPOINT = {
     development: 'https://portal-api.opexacms.io',
     staging: 'https://portal-api.staging.opexacms.io',

package/dist/constants/EnvVar.d.ts

@@ -2,4 +2,9 @@ export declare const SITE_ID: string;
 export declare const PLATFORM_ID: string;
 export declare const PLATFORM_CODE: string;
 export declare const ENVIRONMENT: "production" | "staging" | "development";
+/**
+ * Overrides the auth service base URL for all environments, taking
+ * precedence over the per-environment default in `AUTH_ENDPOINT`.
+ */
+export declare const AUTH_API_BASE_URL: string | undefined;
 export declare const INTERNALS__REPORT_WEB_VITALS: boolean;

package/dist/constants/EnvVar.js

@@ -18,6 +18,15 @@ export const ENVIRONMENT = z
     .enum(['production', 'staging', 'development'])
     .catch('development')
     .parse(process.env.NEXT_PUBLIC_ENVIRONMENT);
+/**
+ * Overrides the auth service base URL for all environments, taking
+ * precedence over the per-environment default in `AUTH_ENDPOINT`.
+ */
+export const AUTH_API_BASE_URL = z
+    .string()
+    .trim()
+    .optional()
+    .parse(process.env.NEXT_PUBLIC_AUTH_API_BASE_URL);
 export const INTERNALS__REPORT_WEB_VITALS = z
     .any()
     .transform(Boolean)

package/dist/constants/HeaderKey.d.ts

@@ -2,6 +2,7 @@ export declare const RECAPTCHA_HEADER_KEY: string;
 export declare const TEST_PASS_HEADER_KEY: string;
 export declare const DOMAIN_HEADER_KEY: string;
 export declare const SESSION_VERSION_HEADER_KEY: string;
+export declare const AUTH_API_BASE_URL_HEADER_KEY: string;
 export declare const API_VERSION_HEADER_KEY: string;
 export declare const PLATFORM_WEB_HEADER_KEY: string;
 export declare const FINGERPRINT_HEADER_KEY: string;

package/dist/constants/HeaderKey.js

@@ -2,6 +2,7 @@ export const RECAPTCHA_HEADER_KEY = 'Google-Recaptcha-Response';
 export const TEST_PASS_HEADER_KEY = 'Test-Pass';
 export const DOMAIN_HEADER_KEY = 'Domain';
 export const SESSION_VERSION_HEADER_KEY = 'X-Session-Version';
+export const AUTH_API_BASE_URL_HEADER_KEY = 'X-Auth-Api-Base-Url';
 export const API_VERSION_HEADER_KEY = 'X-Api-Version';
 export const PLATFORM_WEB_HEADER_KEY = 'X-Platform-Web';
 export const FINGERPRINT_HEADER_KEY = 'Fingerprint';

package/dist/constants/StorageKey.d.ts

@@ -1,3 +1,4 @@
+export declare const AUTH_CONFIG_COOKIE_NAME: string;
 export declare const ACCESS_TOKEN_COOKIE_NAME: string;
 export declare const REFRESH_TOKEN_COOKIE_NAME: string;
 export declare const DOMAIN_COOKIE_NAME: string;

package/dist/constants/StorageKey.js

@@ -1,3 +1,4 @@
+export const AUTH_CONFIG_COOKIE_NAME = 'WebPortalAuthConfig';
 export const ACCESS_TOKEN_COOKIE_NAME = 'WebPortalAuthAccessToken';
 export const REFRESH_TOKEN_COOKIE_NAME = 'WebPortalAuthRefreshToken';
 export const DOMAIN_COOKIE_NAME = 'WebPortalDomain';

package/dist/handlers/deleteSession.d.ts

@@ -1,4 +1,4 @@
-import { NextResponse, type NextRequest } from 'next/server';
+import { type NextRequest, NextResponse } from 'next/server';
 export declare function deleteSession(request: NextRequest): Promise<NextResponse<{
     ok: true;
     data?: never;

package/dist/handlers/deleteSession.js

@@ -1,14 +1,18 @@
 import { NextResponse } from 'next/server';
-import { ACCESS_TOKEN_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from '../constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, AUTH_CONFIG_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from '../constants/index.js';
 import { destroySession } from '../services/auth.js';
 export async function deleteSession(request) {
     const accessToken = request.cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
+    const authConfig = JSON.parse(request.cookies.get(AUTH_CONFIG_COOKIE_NAME)?.value ?? '{}');
+    const authApiBaseUrl = authConfig.apiBaseUrl;
+    console.log('[DESTROY SESSION]');
+    console.log({ authApiBaseUrl });
     if (accessToken) {
         await destroySession({
             headers: {
                 Authorization: `Bearer ${accessToken}`,
             },
-        });
+        }, authApiBaseUrl);
     }
     const response = NextResponse.json({
         ok: true,

package/dist/handlers/getSession.js

@@ -1,11 +1,21 @@
-import { addMinutes } from 'date-fns';
+import { addDays, addMinutes, subMinutes } from 'date-fns';
 import { NextResponse } from 'next/server';
-import { ACCESS_TOKEN_COOKIE_NAME, BTAG_COOKIE_NAME, DOMAIN_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from '../constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, AUTH_CONFIG_COOKIE_NAME, BTAG_COOKIE_NAME, DOMAIN_COOKIE_NAME, FINGERPRINT_HEADER_KEY, REFRESH_TOKEN_COOKIE_NAME, } from '../constants/index.js';
 import { refreshSession } from '../services/auth.js';
 export async function getSession(request) {
     const accessToken = request.cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
+    const authConfig = JSON.parse(request.cookies.get(AUTH_CONFIG_COOKIE_NAME)?.value ?? '{}');
+    const authVersion = authConfig.version;
+    const authApiBaseUrl = authConfig.apiBaseUrl;
+    const fingerprint = request.headers.get(FINGERPRINT_HEADER_KEY);
+    console.log('[GET SESSION]');
+    console.log({
+        authVersion,
+        authApiBaseUrl,
+        fingerprint,
+    });
     let isAccessTokenValid = true;
-    if (accessToken) {
+    if (accessToken && authVersion !== 4) {
         try {
             const payload = accessToken.split('.')[1];
             const decoded = JSON.parse(Buffer.from(payload, 'base64').toString('utf8'));
@@ -17,6 +27,9 @@ export async function getSession(request) {
             isAccessTokenValid = false;
         }
     }
+    if (authVersion === 4 && !accessToken) {
+        isAccessTokenValid = false;
+    }
     const refreshToken = request.cookies.get(REFRESH_TOKEN_COOKIE_NAME)?.value;
     const domain = request.cookies.get(DOMAIN_COOKIE_NAME)?.value;
     const btag = request.cookies.get(BTAG_COOKIE_NAME)?.value;
@@ -31,6 +44,7 @@ export async function getSession(request) {
         });
         response.cookies.delete(ACCESS_TOKEN_COOKIE_NAME);
         response.cookies.delete(REFRESH_TOKEN_COOKIE_NAME);
+        response.cookies.delete(AUTH_CONFIG_COOKIE_NAME);
         return response;
     }
     if (!accessToken || !isAccessTokenValid) {
@@ -45,8 +59,11 @@ export async function getSession(request) {
                     ...(ipAddress && {
                         'X-Forwarded-For': ipAddress,
                     }),
+                    ...(fingerprint && {
+                        [FINGERPRINT_HEADER_KEY]: fingerprint,
+                    }),
                 },
-            });
+            }, authVersion, authApiBaseUrl);
             const response = NextResponse.json({
                 ok: true,
                 data: {
@@ -60,6 +77,13 @@ export async function getSession(request) {
                 httpOnly: true,
                 sameSite: 'strict',
             });
+            if (authVersion === 4) {
+                response.cookies.set(REFRESH_TOKEN_COOKIE_NAME, data.refreshToken, {
+                    expires: subMinutes(addDays(new Date(), 15), 2),
+                    httpOnly: true,
+                    sameSite: 'strict',
+                });
+            }
             return response;
         }
         catch {
@@ -72,6 +96,7 @@ export async function getSession(request) {
                 },
             });
             response.cookies.delete(REFRESH_TOKEN_COOKIE_NAME);
+            response.cookies.delete(AUTH_CONFIG_COOKIE_NAME);
             return response;
         }
     }