@opexa/portal-components 0.0.1121 → 0.0.1122

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

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

package/dist/client/hooks/useSignInMutation.js

@@ -7,9 +7,10 @@ import { getSignInMutationKey } from '../../utils/mutationKeys.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { signIn } from '../services/signIn.js';
-export const useSignInMutation = (config) => {
+export const useSignInMutation = (options) => {
     const queryClient = getQueryClient();
     const recaptcha = useReCaptcha();
+    const { versionSession, ...config } = options ?? {};
     return useMutation({
         ...config,
         mutationKey: getSignInMutationKey(),
@@ -30,7 +31,7 @@ export const useSignInMutation = (config) => {
                         ? { Channel: 'ANDROID' }
                         : { Channel: 'IOS' }),
                 },
-            });
+            }, versionSession);
             if (!authenticator) {
                 await queryClient.invalidateQueries({
                     queryKey: getSessionQueryKey(),

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

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

package/dist/client/services/signIn.js

@@ -1,9 +1,13 @@
 import { Capacitor } from '@capacitor/core';
+import { SESSION_VERSION_HEADER_KEY } from '../../constants/index.js';
 import { httpRequest, } from '../../services/httpRequest.js';
 const platform = Capacitor.getPlatform();
-export async function signIn(input, options) {
+export async function signIn(input, options, versionSession = 'default') {
+    const headers = new Headers(options?.headers);
+    headers.set(SESSION_VERSION_HEADER_KEY, versionSession);
     const res = await httpRequest.json('/api/sessions', {
         ...options,
+        headers,
         body: JSON.stringify(input),
         method: 'POST',
     });

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/AurixPayQRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const AurixPayQRPHDepositContext: (props: {
     value: {
-        status: "idle" | "failed" | "generating-qr-code" | "qr-code-generated" | "confirmed";
+        status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
         deposit: import("../../../../types").Deposit | null;
         errorMessage: {
             name: string;
@@ -13,7 +13,7 @@ export declare const AurixPayQRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useAurixPayQRPHDepositContext: () => {
-    status: "idle" | "failed" | "generating-qr-code" | "qr-code-generated" | "confirmed";
+    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.d.ts

@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
     promo?: string | null;
 }
 export declare function useAurixPayQRPHDeposit(): {
-    status: "idle" | "failed" | "generating-qr-code" | "qr-code-generated" | "confirmed";
+    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
     deposit: Deposit | null;
     errorMessage: {
         name: string;

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

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

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

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

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const QRPHDepositContext: (props: {
     value: {
-        status: "idle" | "failed" | "generating-qr-code" | "qr-code-generated" | "confirmed";
+        status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
         deposit: import("../../../../types").Deposit | null;
         errorMessage: {
             name: string;
@@ -13,7 +13,7 @@ export declare const QRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useQRPHDepositContext: () => {
-    status: "idle" | "failed" | "generating-qr-code" | "qr-code-generated" | "confirmed";
+    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.d.ts

@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
     promo?: string | null;
 }
 export declare function useQRPHDeposit(): {
-    status: "idle" | "failed" | "generating-qr-code" | "qr-code-generated" | "confirmed";
+    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
     deposit: Deposit | null;
     errorMessage: {
         name: string;

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

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

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

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

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

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

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

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

package/dist/components/SignIn/MobileNumberSignIn.js

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

package/dist/components/SignIn/MobileNumberSignInternational.js

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

package/dist/components/SignIn/NameAndPasswordSignIn.js

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

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

@@ -1,5 +1,6 @@
 import { type ImageProps } from 'next/image';
 import type { ReactNode } from 'react';
+import type { VersionSession } from '../../services/auth';
 import type { CountryCode } from '../../utils/countries/types';
 import { type UseSignInProps } from './useSignIn';
 export interface ClassNameEntries {
@@ -24,5 +25,11 @@ export interface SignInProps extends UseSignInProps {
     shouldShowResponsibleGamingReminder?: boolean;
     shouldShowDisclaimer?: boolean;
     variant?: 'crazywin' | 'happybingo';
+    /**
+     * Selects which auth session endpoint the sign-in flow targets.
+     * - `default` (default): `${AUTH_ENDPOINT}/sessions`
+     * - `Inplay`: `${AUTH_ENDPOINT}/v3/inplay/sessions`
+     */
+    versionSession?: VersionSession;
 }
 export declare function SignIn(props: SignInProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,10 @@
 export type SignInStep = 1 | 2 | (number & {});
 export type SignInType = 'NAME_AND_PASSWORD' | 'MOBILE_NUMBER';
+export type SignInActiveTab = 'Mobile' | 'Username';
 export interface UseSignInProps {
     types?: SignInType[];
     defaultType?: SignInType;
+    defaultActiveTab?: SignInActiveTab;
 }
 export interface UseSignInReturn {
     step: SignInStep;

package/dist/components/SignIn/useSignIn.js

@@ -1,10 +1,20 @@
 import { useState } from 'react';
+const ACTIVE_TAB_TYPE_MAP = {
+    Mobile: 'MOBILE_NUMBER',
+    Username: 'NAME_AND_PASSWORD',
+};
 export function useSignIn(props) {
     const types = !props?.types?.length
         ? ['MOBILE_NUMBER', 'NAME_AND_PASSWORD']
         : props.types;
+    const defaultActiveType = props?.defaultActiveTab
+        ? ACTIVE_TAB_TYPE_MAP[props.defaultActiveTab]
+        : props?.defaultType ?? ACTIVE_TAB_TYPE_MAP.Mobile;
+    const initialType = types.includes(defaultActiveType)
+        ? defaultActiveType
+        : types[0];
     const [step, setStep] = useState(1);
-    const [type, setType] = useState(props?.defaultType ?? types[0]);
+    const [type, setType] = useState(initialType);
     return {
         step,
         setStep,

package/dist/constants/HeaderKey.d.ts

@@ -1,3 +1,4 @@
 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;

package/dist/constants/HeaderKey.js

@@ -1,3 +1,4 @@
 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';

package/dist/handlers/postSession.js

@@ -1,7 +1,7 @@
 import { addDays, addMinutes, subMinutes } from 'date-fns';
 import { NextResponse } from 'next/server';
 import { z } from 'zod';
-import { ACCESS_TOKEN_COOKIE_NAME, DOMAIN_HEADER_KEY, RECAPTCHA_HEADER_KEY, REFRESH_TOKEN_COOKIE_NAME, } from '../constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, DOMAIN_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({
@@ -41,6 +41,8 @@ export async function postSession(request) {
     }
     const recaptcha = request.headers.get(RECAPTCHA_HEADER_KEY);
     const domain = request.headers.get(DOMAIN_HEADER_KEY);
+    const versionSessionHeader = request.headers.get(SESSION_VERSION_HEADER_KEY);
+    const versionSession = versionSessionHeader === 'Inplay' ? 'Inplay' : 'default';
     try {
         const res = await createSession(parsed.data, {
             headers: {
@@ -58,7 +60,7 @@ export async function postSession(request) {
                 }),
                 ...(channel && { Channel: channel }),
             },
-        });
+        }, versionSession);
         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

@@ -22,6 +22,12 @@ export interface CreateSessionInput__Token {
     token: string;
 }
 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`
+ */
+export type VersionSession = 'default' | 'Inplay';
 export interface CreateSessionTwoFactorAuthDisabledMutation {
     session: {
         id: string;
@@ -46,7 +52,7 @@ export interface CreateSessionTwoFactorAuthEnabledMutation {
     authenticator: Authenticator;
 }
 export type CreateSessionMutation = CreateSessionTwoFactorAuthDisabledMutation | CreateSessionTwoFactorAuthEnabledMutation;
-export declare function createSession(input: CreateSessionInput, options?: HttpRequestOptions): Promise<CreateSessionMutation>;
+export declare function createSession(input: CreateSessionInput, options?: HttpRequestOptions, versionSession?: VersionSession): Promise<CreateSessionMutation>;
 export declare function createSessionLibangan(input: CreateSessionInput__Libangan, options?: HttpRequestOptions): Promise<{
     session: {
         id: string;

package/dist/services/auth.js

@@ -1,7 +1,11 @@
 import { AUTH_ENDPOINT } from '../constants/index.js';
 import { httpRequest } from './httpRequest.js';
 import { sha256 } from './sha256.js';
-export async function createSession(input, options) {
+const SESSION_ENDPOINTS = {
+    default: '/sessions',
+    Inplay: '/v3/inplay/sessions',
+};
+export async function createSession(input, options, versionSession = 'default') {
     const headers = new Headers();
     if (input.type === 'NAME_AND_PASSWORD') {
         const password = await sha256(input.password);
@@ -26,7 +30,7 @@ export async function createSession(input, options) {
         headers.set(key, value);
     });
     try {
-        return await httpRequest.json(`${AUTH_ENDPOINT}/sessions`, {
+        return await httpRequest.json(`${AUTH_ENDPOINT}${SESSION_ENDPOINTS[versionSession]}`, {
             ...options,
             method: 'POST',
             headers,