@opexa/portal-components 0.1.59 → 0.1.62

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

@@ -1,8 +1,9 @@
 import { type UseMutationResult } from '@tanstack/react-query';
-import type { VersionSession } from '../../services/auth';
+import type { ApiVersion, VersionSession } from '../../services/auth';
 import type { Authenticator, MutationConfig } from '../../types';
 import { type SignInInput } from '../services/signIn';
 export interface UseSignInMutationOptions extends MutationConfig<Authenticator | null, SignInInput> {
     versionSession?: VersionSession;
+    version?: ApiVersion;
 }
 export declare const useSignInMutation: (options?: UseSignInMutationOptions) => UseMutationResult<Authenticator | null, Error, SignInInput>;

package/dist/client/hooks/useSignInMutation.js

@@ -12,7 +12,7 @@ import { useRecaptcha } from './useRecaptcha.js';
 export const useSignInMutation = (options) => {
     const queryClient = getQueryClient();
     const { executeRecaptcha, isGoogleFraudDefense } = useRecaptcha();
-    const { versionSession, ...config } = options ?? {};
+    const { versionSession, version = 1, ...config } = options ?? {};
     return useMutation({
         ...config,
         mutationKey: getSignInMutationKey(),
@@ -20,7 +20,7 @@ export const useSignInMutation = (options) => {
             const session = await getSession();
             const token = await executeRecaptcha('submit');
             const isInplayEligible = input.type === 'NAME_AND_PASSWORD' || input.type === 'MOBILE_NUMBER';
-            const fingerprint = versionSession === 'Inplay' && isInplayEligible
+            const fingerprint = (versionSession === 'Inplay' || version !== 1) && isInplayEligible
                 ? await getFingerprint()
                 : null;
             const recaptchaHeaderKey = isGoogleFraudDefense
@@ -41,7 +41,7 @@ export const useSignInMutation = (options) => {
                         ? { Channel: 'ANDROID' }
                         : { Channel: 'IOS' }),
                 },
-            }, versionSession);
+            }, versionSession, version);
             const authenticator = versionSession === 'Inplay' && isInplayEligible
                 ? await pollSignIn(signInOnce)
                 : await signInOnce();

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

@@ -1,5 +1,5 @@
-import type { CreateSessionInput, VersionSession } from '../../services/auth';
+import type { ApiVersion, CreateSessionInput, VersionSession } from '../../services/auth';
 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): Promise<Authenticator | null>;
+export declare function signIn(input: SignInInput, options?: HttpRequestOptions, versionSession?: VersionSession, version?: ApiVersion): Promise<Authenticator | null>;

package/dist/client/services/signIn.js

@@ -1,10 +1,14 @@
 import { Capacitor } from '@capacitor/core';
-import { SESSION_VERSION_HEADER_KEY } from '../../constants/index.js';
+import { API_VERSION_HEADER_KEY, PLATFORM_WEB_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') {
+export async function signIn(input, options, versionSession = 'default', version = 1) {
     const headers = new Headers(options?.headers);
     headers.set(SESSION_VERSION_HEADER_KEY, versionSession);
+    headers.set(API_VERSION_HEADER_KEY, String(version));
+    if (version === 4 && platform === 'web') {
+        headers.set(PLATFORM_WEB_HEADER_KEY, 'true');
+    }
     const res = await httpRequest.json('/api/sessions', {
         ...options,
         headers,

package/dist/components/SignIn/CrazyWin/MobileNumberSignIn.js

@@ -46,6 +46,7 @@ export function MobileNumberSignIn() {
     })));
     const signInMutation = useSignInMutation({
         versionSession: signInProps.versionSession,
+        version: signInProps.version,
         onSuccess: async () => {
             step1Form.reset();
             step2Form.reset();

package/dist/components/SignIn/CrazyWin/NameAndPasswordSignIn.js

@@ -46,6 +46,7 @@ export function NameAndPasswordSignIn() {
     })));
     const signInMutation = useSignInMutation({
         versionSession: signInProps.versionSession,
+        version: signInProps.version,
         onSuccess: async (authenticator) => {
             if (authenticator) {
                 context.setStep(2);

package/dist/components/SignIn/HappyBingo/MobileNumberSignIn.js

@@ -47,6 +47,7 @@ export function MobileNumberSignIn() {
     })));
     const signInMutation = useSignInMutation({
         versionSession: signInProps.versionSession,
+        version: signInProps.version,
         onSuccess: async () => {
             step1Form.reset();
             step2Form.reset();

package/dist/components/SignIn/HappyBingo/NameAndPasswordSignIn.js

@@ -43,6 +43,7 @@ export function NameAndPasswordSignIn() {
     })));
     const signInMutation = useSignInMutation({
         versionSession: signInProps.versionSession,
+        version: signInProps.version,
         onSuccess: async (authenticator) => {
             if (authenticator) {
                 context.setStep(2);

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -54,6 +54,7 @@ export function MobileNumberSignIn() {
     })));
     const signInMutation = useSignInMutation({
         versionSession: signInProps.versionSession,
+        version: signInProps.version,
         onSuccess: async () => {
             step1Form.reset();
             step2Form.reset();

package/dist/components/SignIn/MobileNumberSignInternational.js

@@ -82,6 +82,7 @@ export function MobileNumberSignInInternational() {
     })));
     const signInMutation = useSignInMutation({
         versionSession: signInProps.versionSession,
+        version: signInProps.version,
         onSuccess: async () => {
             step1Form.reset();
             step2Form.reset();

package/dist/components/SignIn/NameAndPasswordSignIn.js

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

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

@@ -1,6 +1,6 @@
 import { type ImageProps } from 'next/image';
 import { type ReactNode } from 'react';
-import type { VersionSession } from '../../services/auth';
+import type { ApiVersion, VersionSession } from '../../services/auth';
 import type { CountryCode } from '../../utils/countries/types';
 import { type UseSignInProps } from './useSignIn';
 export interface ClassNameEntries {
@@ -31,6 +31,12 @@ export interface SignInProps extends UseSignInProps {
      * - `Inplay`: `${AUTH_ENDPOINT}/v3/inplay/sessions`
      */
     versionSession?: VersionSession;
+    /**
+     * Mirrors portal-sdk's `sdk.signIn` version argument.
+     * - `1` (default): legacy flat-response session endpoint
+     * - `4`: cookie/fingerprint-aware endpoint (e.g. `/v4/sessions`)
+     */
+    version?: ApiVersion;
     fingerprint?: () => Promise<string | null> | string | null;
 }
 export declare function SignIn(props: SignInProps): import("react/jsx-runtime").JSX.Element;

package/dist/constants/GameProvider.js

@@ -40,7 +40,7 @@ import rtg from '../images/game-providers/RTG.png';
 import rubyPlay from '../images/game-providers/RUBY_PLAY.png';
 import saba from '../images/game-providers/SABA.png';
 import sagaming from '../images/game-providers/SAGAMING.png';
-import sexycasino from '../images/game-providers/SEXYCASINO.webp';
+import sexycasino from '../images/game-providers/SEXYCASINO.png';
 import spadegaming from '../images/game-providers/SPADEGAMING.png';
 import spinix from '../images/game-providers/SPINIX.png';
 import spribe from '../images/game-providers/SPRIBE.png';
@@ -244,6 +244,12 @@ export const GAME_PROVIDER_DATA = {
         slug: 'pragmaticplay',
         logo: pragmaticplay,
     },
+    PRAGMATICPLAY_DIRECT: {
+        id: 'PRAGMATICPLAY_DIRECT',
+        name: 'Pragmatic Play Direct',
+        slug: 'pragmaticplay-direct',
+        logo: pragmaticplay,
+    },
     RELAXGAMING: {
         id: 'RELAXGAMING',
         name: 'Relax Gaming',

package/dist/constants/HeaderKey.d.ts

@@ -2,5 +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 API_VERSION_HEADER_KEY: string;
+export declare const PLATFORM_WEB_HEADER_KEY: string;
 export declare const FINGERPRINT_HEADER_KEY: string;
 export declare const GOOGLE_FRAUD_DEFENSE_HEADER_KEY: string;

package/dist/constants/HeaderKey.js

@@ -2,5 +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 API_VERSION_HEADER_KEY = 'X-Api-Version';
+export const PLATFORM_WEB_HEADER_KEY = 'X-Platform-Web';
 export const FINGERPRINT_HEADER_KEY = 'Fingerprint';
 export const GOOGLE_FRAUD_DEFENSE_HEADER_KEY = 'X-Recaptcha-Token';

package/dist/handlers/postSession.js

@@ -1,8 +1,8 @@
 import { addDays, addMinutes, subMinutes } from 'date-fns';
 import { NextResponse } from 'next/server';
 import { z } from 'zod';
-import { ACCESS_TOKEN_COOKIE_NAME, DOMAIN_HEADER_KEY, FINGERPRINT_HEADER_KEY, GOOGLE_FRAUD_DEFENSE_HEADER_KEY, RECAPTCHA_HEADER_KEY, REFRESH_TOKEN_COOKIE_NAME, SESSION_VERSION_HEADER_KEY, } from '../constants/index.js';
-import { createSession } from '../services/auth.js';
+import { ACCESS_TOKEN_COOKIE_NAME, API_VERSION_HEADER_KEY, DOMAIN_HEADER_KEY, FINGERPRINT_HEADER_KEY, GOOGLE_FRAUD_DEFENSE_HEADER_KEY, PLATFORM_WEB_HEADER_KEY, RECAPTCHA_HEADER_KEY, REFRESH_TOKEN_COOKIE_NAME, SESSION_VERSION_HEADER_KEY, } from '../constants/index.js';
+import { createSession, } from '../services/auth.js';
 const CreateSessionDefinition = z.union([
     z.object({
         type: z.literal('NAME_AND_PASSWORD'),
@@ -44,6 +44,8 @@ export async function postSession(request) {
     const fingerprint = request.headers.get(FINGERPRINT_HEADER_KEY);
     const versionSessionHeader = request.headers.get(SESSION_VERSION_HEADER_KEY);
     const versionSession = versionSessionHeader === 'Inplay' ? 'Inplay' : 'default';
+    const version = request.headers.get(API_VERSION_HEADER_KEY) === '4' ? 4 : 1;
+    const isWeb = request.headers.get(PLATFORM_WEB_HEADER_KEY) === 'true';
     try {
         const googleFraudDefense = request.headers.get(GOOGLE_FRAUD_DEFENSE_HEADER_KEY);
         const recaptchaToken = googleFraudDefense ?? recaptcha;
@@ -65,8 +67,9 @@ export async function postSession(request) {
                     'X-Forwarded-For': ipAddress,
                 }),
                 ...(channel && { Channel: channel }),
+                ...(isWeb && { [PLATFORM_WEB_HEADER_KEY]: 'true' }),
             },
-        }, versionSession);
+        }, versionSession, version);
         if (res.authenticator) {
             return NextResponse.json({
                 ok: true,

package/dist/schemas/forgotPasswordSchema.d.ts

@@ -8,24 +8,24 @@ export declare const createForgotPasswordSchema: (mobileNumberParser: MobileNumb
     mobileNumber: z.ZodEffects<z.ZodString, string, string>;
     verificationCode: z.ZodEffects<z.ZodString, string, string>;
 }, "strip", z.ZodTypeAny, {
-    password: string;
-    verificationCode: string;
     mobileNumber: string;
+    verificationCode: string;
+    password: string;
     confirmPassword: string;
 }, {
-    password: string;
-    verificationCode: string;
     mobileNumber: string;
+    verificationCode: string;
+    password: string;
     confirmPassword: string;
 }>, {
-    password: string;
-    verificationCode: string;
     mobileNumber: string;
+    verificationCode: string;
+    password: string;
     confirmPassword: string;
 }, {
-    password: string;
-    verificationCode: string;
     mobileNumber: string;
+    verificationCode: string;
+    password: string;
     confirmPassword: string;
 }>;
 export type ForgotPasswordSchema = z.infer<ReturnType<typeof createForgotPasswordSchema>>;

package/dist/services/auth.d.ts

@@ -24,10 +24,17 @@ export interface CreateSessionInput__Token {
 export type CreateSessionInput = CreateSessionInput__UsernameAndPassword | CreateSessionInput__MobileNumber | CreateSessionInput__Maya | CreateSessionInput__Token;
 /**
  * Controls which auth endpoint is used to create a session.
- * - `default` -> `${AUTH_ENDPOINT}/sessions`
- * - `Inplay`  -> `${AUTH_ENDPOINT}/v3/inplay/sessions`
+ * - `default` -> `${AUTH_ENDPOINT}/sessions` (or `/v3`/`/v4/sessions`, see `ApiVersion`)
+ * - `Inplay`  -> `${AUTH_ENDPOINT}/v3/inplay/sessions` (no v4 variant exists)
  */
 export type VersionSession = 'default' | 'Inplay';
+/**
+ * Applies `AuthService.createSession` version argument:
+ * - `1` -> the legacy flat-response endpoint
+ * - `3` / `4` -> fingerprint-aware endpoints (wrapped `{ data }` response);
+ *   `4` is additionally cookie-aware for web sign-ins
+ */
+export type ApiVersion = 1 | 3 | 4;
 export interface CreateSessionTwoFactorAuthDisabledMutation {
     session: {
         id: string;
@@ -52,7 +59,7 @@ export interface CreateSessionTwoFactorAuthEnabledMutation {
     authenticator: Authenticator;
 }
 export type CreateSessionMutation = CreateSessionTwoFactorAuthDisabledMutation | CreateSessionTwoFactorAuthEnabledMutation;
-export declare function createSession(input: CreateSessionInput, options?: HttpRequestOptions, versionSession?: VersionSession): Promise<CreateSessionMutation>;
+export declare function createSession(input: CreateSessionInput, options?: HttpRequestOptions, versionSession?: VersionSession, version?: ApiVersion): Promise<CreateSessionMutation>;
 export declare function createSessionLibangan(input: CreateSessionInput__Libangan, options?: HttpRequestOptions): Promise<{
     session: {
         id: string;

package/dist/services/auth.js

@@ -1,11 +1,13 @@
-import { AUTH_ENDPOINT, FINGERPRINT_HEADER_KEY } from '../constants/index.js';
+import { AUTH_ENDPOINT, FINGERPRINT_HEADER_KEY, PLATFORM_WEB_HEADER_KEY, } from '../constants/index.js';
 import { httpRequest } from './httpRequest.js';
 import { sha256 } from './sha256.js';
-const SESSION_ENDPOINTS = {
-    default: '/sessions',
-    Inplay: '/v3/inplay/sessions',
-};
-export async function createSession(input, options, versionSession = 'default') {
+function getSessionEndpoint(versionSession, version) {
+    if (versionSession === 'Inplay')
+        return '/v3/inplay/sessions';
+    return version !== 1 ? `/v${version}/sessions` : '/sessions';
+}
+export async function createSession(input, options, versionSession = 'default', version = 1) {
+    const isWeb = new Headers(options?.headers).get(PLATFORM_WEB_HEADER_KEY) === 'true';
     const headers = new Headers();
     if (input.type === 'NAME_AND_PASSWORD') {
         const password = versionSession === 'Inplay'
@@ -37,21 +39,27 @@ export async function createSession(input, options, versionSession = 'default')
     const effectiveVersionSession = input.type === 'NAME_AND_PASSWORD' || input.type === 'MOBILE_NUMBER'
         ? versionSession
         : 'default';
-    if (effectiveVersionSession !== 'Inplay' ||
-        (input.type !== 'NAME_AND_PASSWORD' && input.type !== 'MOBILE_NUMBER')) {
+    headers.delete(PLATFORM_WEB_HEADER_KEY);
+    const requiresFingerprint = (effectiveVersionSession === 'Inplay' || version !== 1) &&
+        (input.type === 'NAME_AND_PASSWORD' || input.type === 'MOBILE_NUMBER');
+    if (!requiresFingerprint) {
         headers.delete(FINGERPRINT_HEADER_KEY);
     }
+    // Version 4 mirrors portal-sdk's `AuthService`: the auth server relies on
+    // its own cookie for web sign-ins, signalled via `?type=web`.
+    const queryParam = version === 4 && isWeb ? '?type=web' : '';
+    const endpoint = getSessionEndpoint(effectiveVersionSession, version);
     try {
-        // The Inplay `/v3/inplay/sessions` endpoint wraps its payload in
-        // `{ data: { ... } }` (same shape as `/v2/sessions`), while the
-        // default `/sessions` endpoint returns the flat shape directly.
-        // Unwrap the Inplay response so callers can treat both consistently
-        // via the existing `CreateSessionMutation` union.
-        if (effectiveVersionSession === 'Inplay') {
-            const wrapped = await httpRequest.json(`${AUTH_ENDPOINT}${SESSION_ENDPOINTS[effectiveVersionSession]}`, {
+        // v1 against the default endpoint returns the payload flat; every
+        // other combination (Inplay, or version 3/4) wraps it in `{ data: { ... } }`.
+        // Unwrap those so callers can treat both consistently via the existing
+        // `CreateSessionMutation` union.
+        if (effectiveVersionSession === 'Inplay' || version !== 1) {
+            const wrapped = await httpRequest.json(`${AUTH_ENDPOINT}${endpoint}${queryParam}`, {
                 ...options,
                 method: 'POST',
                 headers,
+                ...(version === 4 && { credentials: 'include' }),
             });
             if (wrapped.data.authenticator) {
                 return {
@@ -64,7 +72,7 @@ export async function createSession(input, options, versionSession = 'default')
                 refreshToken: wrapped.data.refreshToken,
             };
         }
-        return await httpRequest.json(`${AUTH_ENDPOINT}${SESSION_ENDPOINTS[effectiveVersionSession]}`, {
+        return await httpRequest.json(`${AUTH_ENDPOINT}${endpoint}`, {
             ...options,
             method: 'POST',
             headers,

package/dist/types/crazywinTypes.js

@@ -12,6 +12,7 @@ export const SLOT_REQUIRES_FUTURE_FLAG = [
     'RELAXGAMING',
     'ALIZE',
     'RUBYPLAY',
+    'PRAGMATICPLAY_DIRECT',
 ];
 export const SPECIALTY_REQUIRES_FUTURE_FLAG = [
     /**/

package/dist/types/index.d.ts

@@ -157,7 +157,7 @@ export interface Announcement {
     dateTimeLastUpdated: string;
 }
 export type GameType = 'SLOTS' | 'SPORTS' | 'FISHING' | 'BINGO' | 'LIVE' | 'GAMES' | 'TABLE' | 'SPECIALTY' | 'NUMERICAL' | 'NUMERIC' | 'ARCADE';
-export type GameProvider = 'JILI' | 'JILI_BINGO' | 'PGSOFT' | 'FACHAI' | 'BTI' | 'DG' | 'PLAYTECH' | 'E2E' | 'ONEAPI_EVOLUTION' | 'EVOLUTION' | 'EVOLUTION_NETENT' | 'EVOLUTION_REDTIGER' | 'EVOLUTION_TAP_A_ROO' | 'MEGABALL' | 'MEGA2SPIN' | 'DARWIN' | 'RTG' | 'DRBINGO' | 'HOLLYWOODTV' | 'CQ9' | 'JDB' | 'HABANERO' | 'SPINIX' | 'JOKER' | 'HACKSAW' | 'JDBGTF' | 'JDBSPRIBE' | 'MICROGAMING' | 'RELAXGAMING' | 'EVOPLAY' | 'BOOONGO' | 'BGAMING' | 'KINGMAKER' | 'KINGMIDAS' | 'YELLOWBAT' | 'ETENGJUE' | 'SABA' | 'PRAGMATICPLAY' | 'SPRIBE' | 'EZUGI' | 'ALIZE' | 'DIGITAIN' | 'BNG' | 'NO_LIMIT_CITY' | 'BIG_TIME_GAMING' | 'SAGAMING' | 'SEXYCASINO' | 'ONEAPI_SPADEGAMING' | 'JK8' | 'RUBYPLAY' | 'EVOLUTIONNETENT' | 'TEST';
+export type GameProvider = 'JILI' | 'JILI_BINGO' | 'PGSOFT' | 'FACHAI' | 'BTI' | 'DG' | 'PLAYTECH' | 'E2E' | 'ONEAPI_EVOLUTION' | 'EVOLUTION' | 'EVOLUTION_NETENT' | 'EVOLUTION_REDTIGER' | 'EVOLUTION_TAP_A_ROO' | 'MEGABALL' | 'MEGA2SPIN' | 'DARWIN' | 'RTG' | 'DRBINGO' | 'HOLLYWOODTV' | 'CQ9' | 'JDB' | 'HABANERO' | 'SPINIX' | 'JOKER' | 'HACKSAW' | 'JDBGTF' | 'JDBSPRIBE' | 'MICROGAMING' | 'RELAXGAMING' | 'EVOPLAY' | 'BOOONGO' | 'BGAMING' | 'KINGMAKER' | 'KINGMIDAS' | 'YELLOWBAT' | 'ETENGJUE' | 'SABA' | 'PRAGMATICPLAY' | 'PRAGMATICPLAY_DIRECT' | 'SPRIBE' | 'EZUGI' | 'ALIZE' | 'DIGITAIN' | 'BNG' | 'NO_LIMIT_CITY' | 'BIG_TIME_GAMING' | 'SAGAMING' | 'SEXYCASINO' | 'ONEAPI_SPADEGAMING' | 'JK8' | 'RUBYPLAY' | 'EVOLUTIONNETENT' | 'TEST';
 export type GameStatus = 'ACTIVE' | 'INACTIVE' | 'HIDDEN';
 export type GameTag = 'HOT' | 'hot' | 'NEW' | 'new' | 'TOP' | 'top' | 'POPULAR' | 'popular' | (string & {});
 export interface Game {