npm - @opexa/portal-components - Versions diffs - 0.1.75 → 0.1.79 - Mend

@opexa/portal-components 0.1.75 → 0.1.79

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 (1849) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,238 @@
+# Opexa Portal Components
+Reusable Next.js/React components, route handlers, middleware, hooks, services,
+utilities, and theme assets for Opexa Portal member experiences.
+**Package:** `@opexa/portal-components`
+**Current version:** `0.1.64`
+**Last updated:** 2026-08-08
+## Installation
+```bash
+pnpm add @opexa/portal-components
+```
+Install the required peer dependencies in the consuming Next app:
+```bash
+pnpm add next@^15.4.0-canary.1 react@^19 react-dom@^19 \
+  @tanstack/react-query@^5 react-hook-form@^7 \
+  @hookform/resolvers@^5 zod@^3 tailwindcss@^4 \
+  @opexa/object-id@^0.1
+pnpm add -D @tailwindcss/postcss@^4
+```
+The package has no bare `@opexa/portal-components` export. Import published
+subpaths only.
+The published theme contains Tailwind 4 directives. Configure the consuming
+app's PostCSS integration:
+```js
+// postcss.config.mjs
+export default {
+	plugins: {
+		'@tailwindcss/postcss': {},
+	},
+};
+```
+## Configuration
+Modules that import `@opexa/portal-components/constants` validate required
+public environment variables at module load:
+| Variable | Required | Description |
+| --- | --- | --- |
+| `NEXT_PUBLIC_SITE_ID` | Yes | CMS site ID sent to portal APIs. |
+| `NEXT_PUBLIC_PLATFORM_ID` | Yes | CMS site platform ID sent to portal APIs. |
+| `NEXT_PUBLIC_PLATFORM_CODE` | Yes | Portal platform code sent in API headers. |
+| `NEXT_PUBLIC_ENVIRONMENT` | No | `development`, `staging`, or `production`; defaults to `development`. |
+| `NEXT_PUBLIC_AUTH_API_BASE_URL` | No | Overrides the auth service base URL for every environment. |
+| `NEXT_PUBLIC_REPORT_WEB_VITALS` | No | Enables internal web-vitals reporting for any non-empty value, including the string `false`. |
+## Quick start
+Use the shared Next config to include supported image hosts and the experimental
+Node middleware setting:
+```ts
+// next.config.ts
+import { extendConfig } from '@opexa/portal-components/next.config';
+export default extendConfig({});
+```
+Import the published theme stylesheet and wrap app content with the server
+component provider:
+```tsx
+// app/layout.tsx
+import type { ReactNode } from 'react';
+import '@opexa/portal-components/theme.css';
+import { PortalProvider } from '@opexa/portal-components/PortalProvider';
+export default function RootLayout({ children }: { children: ReactNode }) {
+	return (
+		<html lang="en">
+			<body>
+				<PortalProvider>{children}</PortalProvider>
+			</body>
+		</html>
+	);
+}
+```
+All `PortalProvider` options are optional:
+| Prop | Purpose |
+| --- | --- |
+| `recaptchaSiteKey` | Configures the reCAPTCHA provider. |
+| `googleFraudDefenseSiteKey` | Stores the Google Fraud Defense key for client requests. |
+| `isNonRegulated` | Enables non-regulated portal behavior. |
+| `enablePushNotif` | Enables native push notification setup; defaults to `true`. |
+Mount the auth/session route handlers in a catch-all App Router route:
+```ts
+// app/api/[...auth]/route.ts
+export * from '@opexa/portal-components/handlers';
+```
+Enable access-token refresh middleware:
+```ts
+// middleware.ts
+export { middleware } from '@opexa/portal-components/middleware';
+export const config = {
+	runtime: 'nodejs',
+	matcher:
+		'/((?!api|_next/static|_next/image|favicon.ico|sitemap.xml|robots.txt).*)',
+};
+```
+## Package exports
+| Import path | Contents |
+| --- | --- |
+| `@opexa/portal-components/*` | Feature components from `src/lib/components/*`, such as `SignIn`, `Games`, `DepositWithdrawal`, `PortalProvider`, and `Protected`. |
+| `@opexa/portal-components/ui/*` | UI primitives from `src/lib/ui/*`, such as `Button`, `Dialog`, `Select`, `Tabs`, and `Tooltip`. |
+| `@opexa/portal-components/types` | Shared session, query/mutation, pagination, game, wallet, promo, KYC, and API response types. |
+| `@opexa/portal-components/utils/*` | Utility modules including query keys, formatting, polling, validators, image/provider helpers, and mobile helpers. |
+| `@opexa/portal-components/handlers` | `GET`, `POST`, `PATCH`, and `DELETE` handlers for auth/session API routes. |
+| `@opexa/portal-components/middleware` | Access-token refresh middleware and `extendMiddleware`. |
+| `@opexa/portal-components/constants` | Environment, endpoint, game, header, secret-question, and storage constants. |
+| `@opexa/portal-components/services/*` | GraphQL/REST service functions. |
+| `@opexa/portal-components/client-hooks/*` | TanStack Query hooks, mutations, stores, and browser-only hooks. |
+| `@opexa/portal-components/client-services/*` | Browser auth/session helpers. |
+| `@opexa/portal-components/client-utils/*` | Browser UI/native helpers. |
+| `@opexa/portal-components/server-services/*` | Server auth/session helpers. |
+| `@opexa/portal-components/server-utils/*` | Server React Query prefetch helpers. |
+| `@opexa/portal-components/next.config` | Shared Next config and `extendConfig`. |
+| `@opexa/portal-components/theme.css` | Published theme stylesheet. |
+## Auth/session API handlers
+`@opexa/portal-components/handlers` dispatches by the first `auth` path segment
+in `app/api/[...auth]/route.ts`.
+Successful responses use `{ ok: true, data? }`. Handled failures use
+`{ ok: false, message, __error? }`. Session cookies are HTTP-only with
+`SameSite=Strict`.
+| Method | Path | Request and response |
+| --- | --- | --- |
+| `GET` | `/api/health-check` | Returns the request user agent with no-cache and CORS headers. |
+| `GET` | `/api/sessions` | Returns an authenticated or unauthenticated `Session`; refreshes an absent access token when a refresh token is valid. |
+| `POST` | `/api/sessions` | Accepts a sign-in body described below. Returns an authenticator challenge, or sets access/refresh cookies and responds with HTTP 201. |
+| `PATCH` | `/api/sessions` | Accepts `{ domain?: string \| null, btag?: string \| null }`; truthy values set 30-day cookies. Null or empty values do not clear existing cookies. |
+| `DELETE` | `/api/sessions` | Destroys the upstream session when an access token exists, then clears access and refresh cookies. |
+| `DELETE` | `/api/refresh-sessions` | Clears only the access-token cookie so the session can be refreshed. |
+| `POST` | `/api/authenticate` | Accepts `{ type: 'SECURITY_QUESTION', token, secretAnswer }`; success sets access/refresh cookies and returns HTTP 201. |
+| `POST` | `/api/token` | Creates a single-use token and returns it as `data` with HTTP 201. |
+`POST /api/sessions` accepts one of these JSON bodies:
+```ts
+type CreateSessionInput =
+	| { type: 'NAME_AND_PASSWORD'; name: string; password: string }
+	| {
+			type: 'MOBILE_NUMBER';
+			mobileNumber: string;
+			verificationCode: string;
+	  }
+	| { type: 'MAYA'; session: string }
+	| {
+			type: 'SOCIALS' | 'CABINET' | 'SINGLE_USE_TOKEN';
+			token: string;
+	  };
+```
+Session creation forwards domain, fingerprint, platform-web, channel,
+user-agent, and forwarded-IP headers. `X-Session-Version` and `X-Api-Version`
+select the upstream session/API variants. Authentication forwards domain,
+channel, user-agent, and forwarded-IP headers. For both routes,
+`X-Recaptcha-Token` takes precedence over `Google-Recaptcha-Response`, and the
+selected value is sent upstream as `Google-Recaptcha-Response`. Validation
+failures return HTTP 400; handled authentication/service failures return HTTP
+401. Malformed JSON and uncaught upstream errors use Next.js error handling.
+Unknown paths return `{ ok: false, message: 'Not found' }` with HTTP 404.
+## Idle logout worker
+`IdleLogout` and `useIdleLogout` create a worker at `/idle-worker.js`. The
+package publishes only `dist`, so consumers using idle logout must provide this
+file in their app's `public` directory:
+```js
+let timeout;
+self.onmessage = (event) => {
+	const { command, idleTime } = event.data;
+	if (command === 'start' || command === 'reset') {
+		clearTimeout(timeout);
+		timeout = setTimeout(() => self.postMessage('idle'), idleTime);
+	}
+};
+```
+## Feature overview
+- Provider shell: `PortalProvider`, `Protected`, `IdleLogout`, `TopProgress`,
+  and search/session helpers.
+- Authentication and onboarding: sign-in, sign-up, password recovery, affiliate
+  and agent sign-up/sign-in, migration, and onboarding flows.
+- Account and compliance: account pages, KYC, verification, security,
+  responsible-gaming limits, and bet/deposit limits.
+- Payments: deposit/withdrawal flows and GCash/Maya/deposit-status screens.
+- Games and rewards: game listings/launch, favorites, recent games, top wins,
+  promos, bonuses, cashback, quests, tournaments, and jackpots.
+- Content/legal: banners, marquees, messages, news, disclaimers, terms, and
+  terms of use.
+## Development
+From the repository root:
+```bash
+pnpm run portal-components lint
+pnpm run portal-components test
+pnpm run portal-components build
+pnpm run portal-components build:app
+```
+Library source lives under `src/lib`. The `src/app` tree is a Next.js demo/dev
+app and is not part of the package entry surface.
+Consumer-facing changes require a rebuild, version bump, and republish. The
+`release` script creates a release commit and tag, builds the library, and
+publishes to npm; run it only for an explicitly authorized release.
+## Documentation
+- [Portal Components codemap](../../docs/CODEMAPS/portal-components/INDEX.md)
+- [Repository codemap index](../../docs/CODEMAPS/INDEX.md)

package/dist/client/hooks/useGlobalStore.d.ts CHANGED Viewed

@@ -1,15 +1,9 @@
-import type { FavoriteGame, Game, GameSession, Message, SignInType } from '../../types';
+import type { FavoriteGame, Game, GameSession, Message } from '../../types';
 export interface PopupStore {
     open: boolean;
     setOpen: (open: boolean) => void;
     '~touched': boolean;
 }
-export interface SignInStore extends PopupStore {
-    prefillMobileNumber: string | null;
-    setPrefillMobileNumber: (value: string | null) => void;
-    pendingType: SignInType | null;
-    setPendingType: (type: SignInType | null) => void;
-}
 export type GameLaunchStore__Details = {
     status: 'WAITING';
     game?: null;
@@ -92,7 +86,7 @@ export interface BetDepositLimitReachedStore extends PopupStore {
 }
 export interface GlobalStore {
     signUp: PopupStore;
-    signIn: SignInStore;
+    signIn: PopupStore;
     forgotPassword: PopupStore;
     disclaimer: PopupStore;
     depositWithdrawal: DepositWithdrawalStore;

package/dist/client/hooks/useGlobalStore.js CHANGED Viewed

@@ -12,26 +12,6 @@ export const useGlobalStore = create()(devtools(subscribeWithSelector((set) => (
                 },
             }));
         },
-        prefillMobileNumber: null,
-        setPrefillMobileNumber(value) {
-            set((prev) => ({
-                signIn: {
-                    ...prev.signIn,
-                    prefillMobileNumber: value,
-                    '~touched': true,
-                },
-            }));
-        },
-        pendingType: null,
-        setPendingType(type) {
-            set((prev) => ({
-                signIn: {
-                    ...prev.signIn,
-                    pendingType: type,
-                    '~touched': true,
-                },
-            }));
-        },
         '~touched': false,
     },
     signUp: {
@@ -642,13 +622,7 @@ export const useGlobalStore = create()(devtools(subscribeWithSelector((set) => (
         set((state) => ({
             ...state,
             signUp: { ...state.signUp, open: false, '~touched': false },
-            signIn: {
-                ...state.signIn,
-                open: false,
-                prefillMobileNumber: null,
-                pendingType: null,
-                '~touched': false,
-            },
+            signIn: { ...state.signIn, open: false, '~touched': false },
             forgotPassword: {
                 ...state.forgotPassword,
                 open: false,

package/dist/client/hooks/useSignInMutation.js CHANGED Viewed

@@ -21,12 +21,7 @@ export const useSignInMutation = (options) => {
         mutationFn: async (input) => {
             const session = await getSession();
             const token = await executeRecaptcha('submit');
-            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)
+            const fingerprint = version !== 1
                 ? await getFingerprint()
                 : null;
             const recaptchaHeaderKey = isGoogleFraudDefense
@@ -48,7 +43,7 @@ export const useSignInMutation = (options) => {
                         : { Channel: 'IOS' }),
                 },
             }, versionSession, version, authApiBaseUrl, featureFlagEnabled);
-            const authenticator = isInplay
+            const authenticator = (versionSession === 'Inplay' && input.type === 'NAME_AND_PASSWORD')
                 ? await pollSignIn(signInOnce)
                 : await signInOnce();
             if (!authenticator) {

package/dist/client/hooks/useUpdateSessionMutation.js CHANGED Viewed

@@ -20,6 +20,7 @@ export const useUpdateSessionMutation = (config) => {
                         status: 'unauthenticated',
                         domain,
                         btag,
+                        reason: prev.reason,
                     };
                 }
                 return {

package/dist/components/PortalProvider/SessionWatcher.js CHANGED Viewed

@@ -1,43 +1,40 @@
 'use client';
+import { useQueryClient } from '@tanstack/react-query';
 import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
 import { useTimeout } from 'usehooks-ts';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useSessionHealthQuery } from '../../client/hooks/useSessionHealthQuery.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
-import { toaster } from '../../client/utils/toaster.js';
+import { getSessionQueryKey } from '../../utils/queryKeys.js';
 export function SessionWatcher() {
     const router = useRouter();
-    const sessionQuery = useSessionQuery();
+    const queryClient = useQueryClient();
+    const sessionQuery = useSessionQuery({ refetchOnMount: 'always' });
     const sessionHealthQuery = useSessionHealthQuery({
         enabled: sessionQuery.data?.status === 'authenticated',
         refetchInterval: 1000 * 5,
         refetchIntervalInBackground: true,
     });
-    const { gameLaunch, reset } = useGlobalStore(useShallow((ctx) => ({
-        gameLaunch: ctx.gameLaunch,
-        reset: ctx.reset,
-    })));
     const signOutMutation = useSignOutMutation({
         onSuccess() {
-            reset();
-            if (gameLaunch.details.status === 'PLAYING') {
-                gameLaunch.setDetails({
-                    status: 'WAITING',
-                    session: null,
-                    game: null,
-                });
-            }
             router.refresh();
             router.push('/');
-            toaster.warning({
-                title: 'Logged Out',
-                description: 'Account accessed from a different device or browser.',
-            });
         },
     });
-    const healthy = sessionHealthQuery.data ?? true;
-    useTimeout(() => signOutMutation.mutate(), !healthy ? 250 : null);
+    useEffect(() => {
+        if (sessionHealthQuery.data === false &&
+            sessionQuery.data?.status === 'authenticated') {
+            queryClient.setQueryData(getSessionQueryKey(), {
+                status: 'unauthenticated',
+                domain: sessionQuery.data.domain,
+                reason: 'INVALID_SESSION',
+            });
+        }
+    }, [queryClient, sessionHealthQuery.data, sessionQuery.data]);
+    const invalidReason = sessionQuery.data?.status === 'unauthenticated'
+        ? sessionQuery.data.reason
+        : undefined;
+    useTimeout(() => signOutMutation.mutate(), invalidReason === 'REFRESH_TOKEN_EXPIRED' ? 250 : null);
     return null;
 }

package/dist/components/Promos/PromoCardClassNames.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+export interface PromoCardClassNames {
+    container?: string;
+    image?: string;
+    promotionPeriod?: string;
+    body?: string;
+    title?: string;
+    actions?: string;
+    claimButton?: string;
+    detailsButton?: string;
+}
+export declare function mergePromoCardClassName(defaultClassName: string, customClassName?: string): string;

package/dist/components/Promos/PromoCardClassNames.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { twMerge } from 'tailwind-merge';
+export function mergePromoCardClassName(defaultClassName, customClassName) {
+    return customClassName
+        ? twMerge(defaultClassName, customClassName)
+        : defaultClassName;
+}

package/dist/components/SignIn/MobileNumberSignIn.js CHANGED Viewed

@@ -54,7 +54,6 @@ export function MobileNumberSignIn() {
     })));
     const signInMutation = useSignInMutation({
         authApiBaseUrl: signInProps.authApiBaseUrl,
-        versionSession: signInProps.versionSession,
         version: signInProps.version,
         onSuccess: async () => {
             step1Form.reset();
@@ -184,7 +183,7 @@ export function MobileNumberSignIn() {
     const step1Form = useForm({
         resolver: zodResolver(Step1Definition),
         defaultValues: {
-            mobileNumber: globalStore.signIn.prefillMobileNumber ?? '',
+            mobileNumber: '',
             termsAccepted: globalStore.responsibleGaming.accepted &&
                 globalStore.termsAndConditions.accepted
                 ? true
@@ -202,9 +201,6 @@ export function MobileNumberSignIn() {
         globalStore.responsibleGaming.accepted,
         step1Form,
     ]);
-    useEffect(() => {
-        globalStore.signIn.setPrefillMobileNumber(null);
-    }, [globalStore.signIn.setPrefillMobileNumber]);
     const step2Form = useForm({
         resolver: zodResolver(Step2Definition),
         defaultValues: {

package/dist/components/SignIn/SignIn.js CHANGED Viewed

@@ -3,12 +3,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import dynamic from 'next/dynamic';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 const Component = dynamic(() => import('./SignIn.lazy.js').then((m) => m.SignIn), {
     ssr: false,
     loading: () => null,
 });
 export function SignIn(props) {
     const touched = useGlobalStore(useShallow((ctx) => ctx.signIn['~touched']));
-    if (touched)
+    const sessionQuery = useSessionQuery();
+    const invalidSession = sessionQuery.data?.status === 'unauthenticated' &&
+        sessionQuery.data.reason === 'INVALID_SESSION';
+    if (touched || invalidSession)
         return _jsx(Component, { ...props });
 }

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

@@ -1,5 +1,5 @@
 import { type ImageProps } from 'next/image';
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import type { ApiVersion, VersionSession } from '../../services/auth';
 import type { CountryCode } from '../../utils/countries/types';
 import { type UseSignInProps } from './useSignIn';

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

@@ -2,11 +2,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useIsMutating } from '@tanstack/react-query';
 import Image, {} from 'next/image';
-import { useEffect } from 'react';
+import { useRouter } from 'next/navigation';
 import { twMerge } from 'tailwind-merge';
 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 { XIcon } from '../../icons/XIcon.js';
+import { AlertDialog } from '../../ui/AlertDialog/index.js';
+import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 import { getSignInMutationKey } from '../../utils/mutationKeys.js';
@@ -17,7 +21,10 @@ import { SignInPropsProvider, SignInProvider } from './SignInContext.js';
 import { SignInForm } from './SignInForm.js';
 import { useSignIn } from './useSignIn.js';
 export function SignIn(props) {
+    const router = useRouter();
     const signIn = useSignIn(props);
+    const sessionQuery = useSessionQuery();
+    const signOutMutation = useSignOutMutation();
     const signInStore = useGlobalStore(useShallow((ctx) => ctx.signIn));
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         termsAndConditions: ctx.termsAndConditions,
@@ -27,17 +34,14 @@ export function SignIn(props) {
     const showLoader = mutating &&
         props.versionSession === 'Inplay' &&
         (signIn.type === 'NAME_AND_PASSWORD' || signIn.type === 'MOBILE_NUMBER');
-    useEffect(() => {
-        if (signInStore.open && signInStore.pendingType) {
-            signIn.setType(signInStore.pendingType);
-            signInStore.setPendingType(null);
-        }
-    }, [
-        signInStore.open,
-        signInStore.pendingType,
-        signInStore.setPendingType,
-        signIn,
-    ]);
+    if (sessionQuery.data?.status === 'unauthenticated' &&
+        sessionQuery.data.reason === 'INVALID_SESSION') {
+        return (_jsx(AlertDialog.Root, { role: "alertdialog", open: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, {}), _jsx(AlertDialog.Positioner, { children: _jsxs(AlertDialog.Content, { children: [_jsxs(AlertDialog.Body, { children: [_jsx(AlertDialog.Title, { children: "Invalid Session" }), _jsx(AlertDialog.Description, { children: "Your session is no longer valid. Please login again." })] }), _jsx(AlertDialog.Footer, { children: _jsx(Button, { disabled: signOutMutation.isPending, onClick: async () => {
+                                            await signOutMutation.mutateAsync();
+                                            router.refresh();
+                                            router.push('/');
+                                        }, children: "OK" }) })] }) })] }) }));
+    }
     return (_jsx(SignInPropsProvider, { value: props, children: _jsx(SignInProvider, { value: signIn, children: _jsx(Dialog.Root, { open: signInStore.open, onOpenChange: (details) => {
                     signInStore.setOpen(details.open);
                 }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: () => {

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

@@ -64,8 +64,6 @@ export function SignUpDefaultForm() {
         kyc: ctx.kyc,
         termsOfUse: ctx.termsOfUse,
         setFirstTimeSignUp: ctx.setFirstTimeSignUp,
-        setPrefillMobileNumber: ctx.signIn.setPrefillMobileNumber,
-        setPendingType: ctx.signIn.setPendingType,
     })));
     const search = useSearchParams();
     const signUpMutation = useSignUpMutation();
@@ -350,6 +348,12 @@ export function SignUpDefaultForm() {
                                     featureFlag.enabled) {
                                     await inplaySignUpMutation.mutateAsync({
                                         ...signUpInput,
+                                        ...(step1Form.getValues('firstName') && {
+                                            firstName: step1Form.getValues('firstName'),
+                                        }),
+                                        ...(step1Form.getValues('lastName') && {
+                                            lastName: step1Form.getValues('lastName'),
+                                        }),
                                         mobileNumberVerificationCode: verificationCode.join(''),
                                     });
                                     const name = mobileNumberParser.format(mobileNumber);
@@ -362,12 +366,9 @@ export function SignUpDefaultForm() {
                                         });
                                     }
                                     catch {
-                                        globalStore.setPrefillMobileNumber(name);
-                                        globalStore.setPendingType('MOBILE_NUMBER');
-                                        globalStore.signUp.setOpen(false);
-                                        globalStore.signIn.setOpen(true);
-                                        step1Form.reset();
-                                        step2Form.reset();
+                                        toaster.error({
+                                            description: 'Account created successfully, but automatic sign in failed. Please use Log In below to continue.',
+                                        });
                                         setStep(1);
                                         return;
                                     }
@@ -405,7 +406,10 @@ export function SignUpDefaultForm() {
                                 });
                                 const ok = await pollLogin();
                                 if (!ok) {
-                                    globalStore.signIn.setOpen(true);
+                                    toaster.error({
+                                        description: 'Account created successfully, but automatic sign in failed. Please use Log In below to continue.',
+                                    });
+                                    setStep(1);
                                     return;
                                 }
                                 globalStore.signUp.setOpen(false);
@@ -415,23 +419,6 @@ export function SignUpDefaultForm() {
                                 setStep(1);
                             }
                             catch (error) {
-                                if (error instanceof Error &&
-                                    (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.',
-                                    });
-                                    globalStore.setPrefillMobileNumber(mobileNumber);
-                                    globalStore.setPendingType('MOBILE_NUMBER');
-                                    globalStore.signUp.setOpen(false);
-                                    globalStore.signIn.setOpen(true);
-                                    step1Form.reset();
-                                    step2Form.reset();
-                                    setStep(1);
-                                    return;
-                                }
                                 toaster.error({
                                     description: error instanceof Error
                                         ? error.message

package/dist/components/SignUp/SignUpDefault/SignUpDefaultFormInternational.js CHANGED Viewed

@@ -25,8 +25,8 @@ import { ChevronDownIcon } from '../../../icons/ChevronDownIcon.js';
 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 { ObjectType } from '../../../services/ObjectType.js';
 import { Button } from '../../../ui/Button/index.js';
 import { Checkbox } from '../../../ui/Checkbox/index.js';
 import { Field } from '../../../ui/Field/index.js';
@@ -63,8 +63,6 @@ export function SignUpDefaultFormInternational() {
         termsAndConditions: ctx.termsAndConditions,
         responsibleGaming: ctx.responsibleGaming,
         kyc: ctx.kyc,
-        setPrefillMobileNumber: ctx.signIn.setPrefillMobileNumber,
-        setPendingType: ctx.signIn.setPendingType,
     })));
     const search = useSearchParams();
     const signUpMutation = useSignUpMutation();
@@ -187,11 +185,6 @@ export function SignUpDefaultFormInternational() {
                                         toaster.warning({
                                             description: 'This mobile number is already registered. Please try to log in.',
                                         });
-                                        globalStore.setPrefillMobileNumber(countryCodeParser(areaCode, data.mobileNumber));
-                                        globalStore.setPendingType('MOBILE_NUMBER');
-                                        globalStore.signUp.setOpen(false);
-                                        globalStore.signIn.setOpen(true);
-                                        step1Form.reset();
                                         return;
                                     }
                                 }
@@ -302,10 +295,10 @@ export function SignUpDefaultFormInternational() {
                                 });
                                 const ok = await pollLogin();
                                 if (!ok) {
-                                    toaster.success({
-                                        description: 'Account created successfully. Please log in to continue.',
+                                    toaster.error({
+                                        description: 'Account created successfully, but automatic sign in failed. Please use Log In below to continue.',
                                     });
-                                    globalStore.signIn.setOpen(true);
+                                    setStep(1);
                                     return;
                                 }
                                 globalStore.signUp.setOpen(false);