@opexa/portal-components 0.0.904 → 0.0.906

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

@@ -1,6 +1,3 @@
-import type { Authenticator, Mutation } from '../../types';
-export interface SignInSSOInput {
-    partnerId: string;
-    token: string;
-}
-export declare const useSignInSSOMutation: Mutation<Authenticator | null, SignInSSOInput>;
+import { type CreateSessionMutation_next, type SignInSSOInput } from '../../services/auth';
+import type { Mutation } from '../../types';
+export declare const useSignInSSOMutation: Mutation<CreateSessionMutation_next, SignInSSOInput>;

package/dist/client/hooks/useSignInSSOMutation.js

@@ -1,27 +1,21 @@
 import { useMutation } from '@tanstack/react-query';
+import { signInSSO, } from '../../services/auth.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSignInSSOMutationKey } from '../../utils/mutationKeys.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
-import { signInSSO } from '../services/signIn.js';
 export const useSignInSSOMutation = (config) => {
     const queryClient = getQueryClient();
     return useMutation({
         ...config,
         mutationKey: getSignInSSOMutationKey(),
         mutationFn: async (input) => {
-            try {
-                const { partnerId, token } = input;
-                const authenticator = await signInSSO(partnerId, token);
-                if (!authenticator) {
-                    await queryClient.invalidateQueries({
-                        queryKey: getSessionQueryKey(),
-                    });
-                }
-                return authenticator;
-            }
-            catch (error) {
-                throw error;
+            const authenticator = await signInSSO(input);
+            if (!authenticator) {
+                await queryClient.invalidateQueries({
+                    queryKey: getSessionQueryKey(),
+                });
             }
+            return authenticator;
         },
     });
 };

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

@@ -0,0 +1,3 @@
+import { type VerifyMobileNumberInput } from '../../services/account';
+import type { Mutation } from '../../types';
+export declare const useVerifyMobileNumber: Mutation<void, VerifyMobileNumberInput>;

package/dist/client/hooks/useVerifyMobileNumber.js

@@ -0,0 +1,20 @@
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { verifyMobileNumber, } from '../../services/account.js';
+import { getVerifyMobileNumberMutationKey } from '../../utils/mutationKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useVerifyMobileNumber = (config) => {
+    return useMutation({
+        ...config,
+        mutationKey: getVerifyMobileNumberMutationKey(),
+        mutationFn: async (input) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await verifyMobileNumber(input.verificationCode, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};

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

@@ -3,4 +3,3 @@ 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 signInSSO(partnerId: string, token: string, options?: HttpRequestOptions): Promise<Authenticator | null>;

package/dist/client/services/signIn.js

@@ -21,22 +21,3 @@ export async function signIn(input, options) {
     }
     return res.data ?? null;
 }
-export async function signInSSO(partnerId, token, options) {
-    // Create base64 encoded authorization
-    const authString = btoa(`${partnerId}:${token}`);
-    const res = await httpRequest.json('/api/v3/sessions', {
-        ...options,
-        method: 'POST',
-        headers: {
-            Authorization: `OPEXA_SINGLE_SIGN_ON ${authString}`,
-            'Platform-Code': process.env.NEXT_PUBLIC_PLATFORM_CODE || '',
-        },
-    });
-    if (!res.ok) {
-        const error = new Error();
-        error.name = 'SSOSignInError';
-        error.message = 'Single sign-on authentication failed';
-        throw error;
-    }
-    return res.data ?? null;
-}

package/dist/components/GamesSearch/GamesSearch.d.ts

@@ -5,6 +5,7 @@ export interface ClassNameEntries {
     thumbnailRoot?: string;
     thumbnailTitle?: string;
     loadMoreButton?: string;
+    gameSearchResult?: string;
 }
 interface GamesSearchProps {
     first?: number;
@@ -13,6 +14,7 @@ interface GamesSearchProps {
     className?: string | ClassNameEntries;
     placeholder?: string;
     bypassDomains?: BypassDomainConfig[];
+    variant?: string;
 }
 export declare function GamesSearch(props: GamesSearchProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/GamesSearch/GamesSearch.js

@@ -20,7 +20,9 @@ export function GamesSearch(props) {
     const [searchInput, setSearchInput] = useState('');
     const sanitizedSearch = sanitizeGamesSearch(searchInput);
     const trimmedInputLength = searchInput.trim().length;
-    const showMinLengthWarning = trimmedInputLength > 0 && trimmedInputLength < 3 && sanitizedSearch.length < 3;
+    const showMinLengthWarning = trimmedInputLength > 0 &&
+        trimmedInputLength < 3 &&
+        sanitizedSearch.length < 3;
     const gamesQuery = useGamesQuery({
         first: props.first ?? 18,
         filter: props.filter,
@@ -50,13 +52,14 @@ export function GamesSearch(props) {
                                         api.setInputValue('');
                                         api.focus();
                                     }, children: "Clear" }));
-                            } })] }), _jsx(Portal, { children: _jsx(Combobox.Context, { children: (api) => (_jsxs(_Fragment, { children: [_jsx(Presence, { present: api.open, children: _jsx("div", { className: "fixed inset-0 z-40 bg-black/50 backdrop-blur-sm", onClick: () => api.setOpen(false) }) }), _jsx(Combobox.Positioner, { children: searchInput.trim().length > 0 && (_jsx(Combobox.Content, { className: "z-50 max-h-[33.25rem] overflow-y-auto p-0", children: showMinLengthWarning ? (_jsx(Alert, { message: "Search requires at least 3 characters." })) : (_jsxs(_Fragment, { children: [games.length <= 0 && (_jsx(Alert, { message: "No results found" })), games.length > 0 && (_jsxs("div", { className: "p-xl", children: [_jsx(Combobox.Context, { children: (api) => (_jsx("div", { className: "grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5", children: games.map((game) => (_jsxs(GameLaunchTrigger, { bypassKycCheck: isBypass, game: game, onClick: () => {
+                            } })] }), _jsx(Portal, { children: _jsx(Combobox.Context, { children: (api) => (_jsxs(_Fragment, { children: [_jsx(Presence, { present: api.open, children: _jsx("div", { className: "fixed inset-0 z-40 bg-black/50 backdrop-blur-sm", onClick: () => api.setOpen(false) }) }), _jsx(Combobox.Positioner, { children: searchInput.trim().length > 0 && (_jsx(Combobox.Content, { className: "z-50 max-h-[33.25rem] overflow-y-auto p-0", children: showMinLengthWarning ? (_jsx(Alert, { message: "Search requires at least 3 characters." })) : (_jsxs(_Fragment, { children: [games.length <= 0 && (_jsx(Alert, { message: "No results found" })), games.length > 0 && (_jsxs("div", { className: "p-xl", children: [_jsx(Combobox.Context, { children: (api) => (_jsx("div", { className: twMerge('grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5', classNames.gameSearchResult), children: games.map((game) => (_jsxs(GameLaunchTrigger, { bypassKycCheck: isBypass, game: game, onClick: () => {
                                                                         api.setOpen(false);
                                                                     }, className: twMerge('block w-full shadow-sm', classNames.thumbnailRoot), children: [_jsx(Image, { src: getGameImageUrl({
                                                                                 reference: game.reference,
                                                                                 provider: game.provider,
                                                                                 image: game.image,
-                                                                            }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('block w-full truncate rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', classNames.thumbnailTitle), children: game.name })] }, game.id))) })) }), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-4xl w-fit', classNames.loadMoreButton), onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) })) })] })) }) })] }) }));
+                                                                            }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('block w-full rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', props.variant !== '88play' &&
+                                                                                'truncate', classNames.thumbnailTitle), children: game.name })] }, game.id))) })) }), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-4xl w-fit', classNames.loadMoreButton), onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) })) })] })) }) })] }) }));
 }
 function Alert({ message }) {
     return (_jsxs("div", { className: "py-lg", role: "alert", "aria-live": "polite", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-lg border border-border-primary bg-bg-secondary shadow-xs", children: _jsx(SearchLgIcon, { className: "size-6 text-text-secondary-700" }) }), _jsx("p", { className: "mt-4 text-center text-text-secondary-700", children: message })] }));

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

@@ -5,6 +5,7 @@ export interface ClassNameEntries {
     root?: string;
     gameThumbnailRoot?: string;
     gameThumbnailTitle?: string;
+    gameSearchResult?: string;
     providerThumbnailRoot?: string;
     providerThumbnailImage?: string;
     loadMoreButton?: string;
@@ -28,5 +29,6 @@ export interface SearchProps {
     gameProviderImages?: Partial<Record<GameProvider, ImageProps['src']>>;
     placeholder?: string;
     bypassDomains?: BypassDomainConfig[];
+    variant?: string;
 }
 export declare function Search(props: SearchProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Search/Search.lazy.js

@@ -79,13 +79,13 @@ export function Search(props) {
                                                 }, children: "Clear" }) })] }) }), _jsx("div", { className: "flex max-h-[85dvh] min-h-0 flex-1 flex-col", children: _jsx("div", { className: "mt-2xl p-xl pb-3xl lg:mt-2 lg:max-h-[41rem] lg:overflow-y-auto lg:rounded-xl lg:border lg:border-border-primary lg:bg-bg-primary", children: search.length <= 0 ? (_jsx(Alert, { message: "Search for your favorite game or provider." })) : search.length === 1 ? (_jsx(Alert, { message: "Search requires at least 2 characters." })) : (_jsxs(_Fragment, { children: [empty && _jsx(Alert, { message: "No results found" }), !empty && (_jsxs(_Fragment, { children: [gameProviders.length > 0 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "font-semibold text-lg", children: "Providers" }), _jsx("div", { className: "mt-3.5 mb-3xl grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5", children: gameProviders.map((provider) => (_jsx(Link, { href: viewGamesUrl(provider), "aria-label": `View ${provider.name} games`, className: twMerge('flex h-14 w-full items-center rounded-md bg-brand-800', classNames.providerThumbnailRoot), onClick: () => {
                                                                         globalStore.search.setOpen(false);
                                                                     }, children: _jsx(Image, { src: props.gameProviderImages?.[provider.id] ??
-                                                                            provider.logo, alt: "", width: 100, height: 50, className: twMerge('mx-auto h-auto w-full', classNames.providerThumbnailImage) }) }, provider.id))) })] })), games.length > 0 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "font-semibold text-lg", children: "Games" }), _jsx("div", { className: "mt-3.5 grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5", children: games.map((game) => (_jsxs(GameLaunchTrigger, { bypassKycCheck: isBypass, game: game, className: twMerge('block w-full shadow-sm', classNames.gameThumbnailRoot), onClick: () => {
+                                                                            provider.logo, alt: "", width: 100, height: 50, className: twMerge('mx-auto h-auto w-full', classNames.providerThumbnailImage) }) }, provider.id))) })] })), games.length > 0 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "font-semibold text-lg", children: "Games" }), _jsx("div", { className: twMerge('mt-3.5 grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5', classNames.gameSearchResult), children: games.map((game) => (_jsxs(GameLaunchTrigger, { bypassKycCheck: isBypass, game: game, className: twMerge('block w-full shadow-sm', classNames.gameThumbnailRoot), onClick: () => {
                                                                         globalStore.search.setOpen(false);
                                                                     }, children: [_jsx(Image, { src: getGameImageUrl({
                                                                                 reference: game.reference,
                                                                                 provider: game.provider,
                                                                                 image: game.image,
-                                                                            }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('block w-full truncate rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', classNames.gameThumbnailTitle), children: game.name })] }, game.id))) })] })), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-12 w-fit', classNames.loadMoreButton), onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) }) })] }) })] }) }));
+                                                                            }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('block w-full rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', props.variant !== '88play' && 'truncate', classNames.gameThumbnailTitle), children: game.name })] }, game.id))) })] })), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-12 w-fit', classNames.loadMoreButton), onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) }) })] }) })] }) }));
 }
 function DebouncedInput(props) {
     const [value, setValue] = useControllableState({

package/dist/components/SingleSignOn/SingleSignOn.d.ts

@@ -0,0 +1,4 @@
+export declare function SingleSignOn(): import("react/jsx-runtime").JSX.Element | null;
+export declare function VerifyMobileNumber({ onClose }: {
+    onClose?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/SingleSignOn/SingleSignOn.js

@@ -0,0 +1,185 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { zodResolver } from '@hookform/resolvers/zod';
+import Image from 'next/image';
+import { useParams, useRouter, useSearchParams } from 'next/navigation';
+import { useEffect, useRef, useState } from 'react';
+import { Controller, useForm } from 'react-hook-form';
+import z from 'zod';
+import cinePopLogo from '../../../lib/images/cinepop-logo.png';
+import dearUtolLogo from '../../../lib/images/dear-utol-logo.png';
+import inplayLogo from '../../../lib/images/inplay-logo.png';
+import lightBg from '../../../lib/images/light-bg.png';
+import mariasDiary from '../../../lib/images/marias-diary-logo.png';
+import secretConfessionsLogo from '../../../lib/images/secret-confessions-logo.png';
+import { useCooldown } from '../../client/hooks/useCooldown.js';
+import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
+import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
+import { useSendVerificationCodeMutation } from '../../client/hooks/useSendVerificationCodeMutation.js';
+import { useSignInSSOMutation } from '../../client/hooks/useSignInSSOMutation.js';
+import { useVerifyMobileNumber } from '../../client/hooks/useVerifyMobileNumber.js';
+import { toaster } from '../../client/utils/toaster.js';
+import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.js';
+import { Button } from '../../ui/Button/index.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Field } from '../../ui/Field/index.js';
+import { PinInput } from '../../ui/PinInput/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+export function SingleSignOn() {
+    const params = useParams();
+    const searchParams = useSearchParams();
+    const router = useRouter();
+    const partnerId = params.partnerId;
+    const token = searchParams.get('token');
+    const [isSsoOpen, setIsSsoOpen] = useState(true);
+    const [showVerifyDialog, setShowVerifyDialog] = useState(false);
+    const ssoMutation = useSignInSSOMutation({
+        onSuccess: () => {
+            toaster.success({
+                description: 'Account created successfully',
+            });
+            setIsSsoOpen(false);
+            setShowVerifyDialog(true);
+        },
+        onError: () => {
+            toaster.error({
+                description: 'Account creation failed',
+            });
+            setIsSsoOpen(false);
+            router.push('/');
+        },
+    });
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We only want to trigger the mutation when the URL parameters change.
+    useEffect(() => {
+        // Trigger SSO login when component mounts
+        if (partnerId && token && !ssoMutation.isPending) {
+            ssoMutation.mutate({ partnerId, token });
+        }
+    }, [partnerId, token]);
+    if (ssoMutation.isPending) {
+        return (_jsx(Dialog.Root, { open: isSsoOpen, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex h-[333px] w-[375px] flex-col items-center space-y-4 bg-[#111827] p-6 text-center", style: {
+                                backgroundImage: `url(${lightBg.src})`,
+                            }, children: [_jsx(Image, { src: inplayLogo, alt: "inplay logo", width: 82, height: 34, className: "h-auto w-[82px]" }), _jsx("div", { className: "mb-4 h-7 w-7 animate-spin rounded-full border-4 border-[#101730] border-t-[#F05027]" }), _jsx("div", { className: "text-[#CECFD2] text-sm", children: "We\u2019re creating an account for you..." }), _jsx("div", { className: "text-[#CECFD2] text-sm", children: "In the meantime, you can watch your favorite series on CinePop!" }), _jsxs("div", { className: "pt-3", children: [_jsx(Image, { src: cinePopLogo, alt: "cine poplogo", width: 151, height: 24, className: "mx-auto mb-2 h-auto w-[151px]" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { src: secretConfessionsLogo, alt: "secret confessions logo", width: 104, height: 53, className: "h-auto w-[104px]" }), _jsx(Image, { src: dearUtolLogo, alt: "dear utol logo", width: 105, height: 53, className: "h-auto w-[105px]" }), _jsx(Image, { src: mariasDiary, alt: "maria's diary logo", width: 104, height: 53, className: "h-auto w-[104px]" })] })] })] }) })] }) }));
+    }
+    if (showVerifyDialog) {
+        return (_jsx(VerifyMobileNumber, { onClose: () => {
+                setShowVerifyDialog(false);
+                router.push('/');
+            } }));
+    }
+    return null;
+}
+export function VerifyMobileNumber({ onClose }) {
+    const [step, setStep] = useState(1);
+    const sendVerificationCodeMutation = useSendVerificationCodeMutation({
+        onSuccess: () => {
+            setStep(2);
+            cooldown.start();
+        },
+        onError: (err) => {
+            toaster.error({
+                title: 'Sign In Failed',
+                description: err.message,
+            });
+        },
+    });
+    const verifyMobileNumberMutation = useVerifyMobileNumber({
+        onSuccess: async () => {
+            step1Form.reset();
+            step2Form.reset();
+            setStep(1);
+            toaster.success({
+                title: 'Verification Successful',
+                description: 'Your mobile number has been verified.',
+            });
+            onClose?.();
+        },
+        onError: (err) => {
+            const errorMessage = err.name === 'Forbidden'
+                ? 'Please enter the correct verification code'
+                : err.message;
+            toaster.error({
+                title: 'Sign In Failed',
+                description: errorMessage,
+            });
+        },
+    });
+    const localeInfo = useLocaleInfo();
+    const mobileNumberParser = useMobileNumberParser();
+    const Step1Definition = z.object({
+        mobileNumber: z
+            .string()
+            .min(1, 'Mobile number is required')
+            .superRefine((v, ctx) => {
+            if (!mobileNumberParser.validate(v)) {
+                ctx.addIssue({
+                    code: z.ZodIssueCode.custom,
+                    message: 'Invalid mobile number',
+                });
+            }
+        }),
+    });
+    const Step2Definition = z.object({
+        verificationCode: z.array(z.string()).superRefine((val, ctx) => {
+            if (val.length !== 6 || val.some((v) => v.length !== 1)) {
+                ctx.addIssue({
+                    code: z.ZodIssueCode.custom,
+                    message: 'Please enter your 6-digit verification code.',
+                });
+            }
+        }),
+    });
+    const step1Form = useForm({
+        resolver: zodResolver(Step1Definition),
+        defaultValues: {
+            mobileNumber: '',
+        },
+    });
+    const step2Form = useForm({
+        resolver: zodResolver(Step2Definition),
+        defaultValues: {
+            verificationCode: Array.from({ length: 6 }).fill(''),
+        },
+    });
+    const cooldown = useCooldown({
+        max: 60,
+        duration: 1000 * 60,
+    });
+    const formRef = useRef(null);
+    return (_jsx(Dialog.Root, { open: true, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex w-[375px] flex-col items-center space-y-4 rounded-xl bg-[#111827] p-6 text-center", style: {
+                            backgroundImage: `url(${lightBg.src})`,
+                        }, children: [_jsx(Image, { src: inplayLogo, alt: "inplay logo", width: 82, height: 34, className: "h-auto w-[82px]" }), _jsxs("div", { children: [step === 1 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "font-bold text-sm", children: ["Get ", _jsx("span", { className: "text-[#F05127]", children: "\u20B150 Bonus" }), " when you verify your account and play."] }), _jsxs("form", { className: "mt-3xl", onSubmit: step1Form.handleSubmit(async (data) => {
+                                                    sendVerificationCodeMutation.mutateAsync({
+                                                        channel: 'SMS',
+                                                        recipient: mobileNumberParser.format(data.mobileNumber),
+                                                        strict: true,
+                                                    });
+                                                }), children: [_jsxs(Field.Root, { invalid: !!step1Form.formState.errors.mobileNumber, className: "text-left", children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "-translate-y-1/2 absolute top-1/2 left-3.5 flex shrink-0 items-center gap-md", children: _jsx("span", { className: "text-text-placeholder", children: localeInfo.mobileNumber.areaCode }) }), _jsx(Field.Input, { style: {
+                                                                            paddingLeft: `calc(1.25rem + ${localeInfo.mobileNumber.areaCode.length}ch)`,
+                                                                        }, ...step1Form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.mobileNumber?.message })] }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Send Code" })] })] })), step === 2 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center font-semibold text-lg", children: "Check your Phone" }), _jsxs("p", { className: "mt-xs text-center text-sm text-text-secondary-700", children: ["We\u2019ve sent a verification code to your mobile number", ' ', _jsx("span", { className: "font-semibold text-[#F05127]", children: mobileNumberParser.format(step1Form.getValues('mobileNumber')) }), ' ', "via text"] }), _jsxs("form", { ref: formRef, className: "mt-5", onSubmit: step2Form.handleSubmit(async ({ verificationCode }) => {
+                                                    verifyMobileNumberMutation.mutateAsync({
+                                                        verificationCode: verificationCode.join(''),
+                                                    });
+                                                }), children: [_jsx(Controller, { name: "verificationCode", control: step2Form.control, render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, children: [_jsxs(PinInput.Root, { placeholder: "0", onKeyDown: (e) => {
+                                                                        if (e.key === 'Backspace') {
+                                                                            step2Form.reset();
+                                                                        }
+                                                                    }, value: o.field.value, onValueChange: (details) => {
+                                                                        o.field.onChange(details.value);
+                                                                        o.field.onBlur();
+                                                                    }, otp: true, onValueComplete: () => {
+                                                                        formRef.current?.requestSubmit();
+                                                                    }, blurOnComplete: true, readOnly: step2Form.formState.isSubmitting, type: "numeric", children: [_jsxs(PinInput.Control, { className: "grid-cols-[1fr_1fr_1fr_auto_1fr_1fr_1fr] items-center gap-md", children: [_jsx(PinInput.Input, { index: 0 }), _jsx(PinInput.Input, { index: 1 }), _jsx(PinInput.Input, { index: 2 }), _jsx("span", { className: "font-medium text-2xl text-text-placeholder-subtle", children: "\u2013" }), _jsx(PinInput.Input, { index: 3 }), _jsx(PinInput.Input, { index: 4 }), _jsx(PinInput.Input, { index: 5 })] }), _jsx(PinInput.HiddenInput, {})] }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-4xl", disabled: step2Form.formState.isSubmitting, children: "Verify" }), _jsxs("div", { className: "mt-4 flex w-full items-center justify-center gap-xs text-xs", children: [_jsx("span", { className: "text-[#9CA3AF]", children: "Didn't receive the code?" }), _jsx("button", { type: "button", className: "font-semibold text-[#C084FC]", disabled: cooldown.cooling, onClick: async () => {
+                                                                    await sendVerificationCodeMutation.mutateAsync({
+                                                                        channel: 'SMS',
+                                                                        recipient: mobileNumberParser.format(step1Form.getValues('mobileNumber')),
+                                                                    });
+                                                                    cooldown.start();
+                                                                }, children: cooldown.cooling
+                                                                    ? `Resend in ${cooldown.countdown}s`
+                                                                    : 'Resend' })] }), _jsx("button", { type: "button", className: "absolute top-0 left-6 mx-auto mt-3xl flex h-8 w-8 items-center gap-1 rounded-full bg-[#1f2638] font-semibold text-sm text-text-tertiary-600", onClick: () => {
+                                                            setStep(1);
+                                                            step2Form.reset();
+                                                            cooldown.stop();
+                                                        }, children: _jsx(ArrowLeftIcon, { className: "mx-auto size-5" }) })] })] }))] })] }) })] }) }));
+}

package/dist/components/SingleSignOn/index.d.ts

@@ -0,0 +1 @@
+export * from './SingleSignOn';

package/dist/components/SingleSignOn/index.js

@@ -0,0 +1 @@
+export * from './SingleSignOn.js';

package/dist/constants/GameProvider.js

@@ -290,6 +290,12 @@ export const GAME_PROVIDER_DATA = {
         slug: 'evolution-netent',
         logo: evolutionNetent,
     },
+    EVOLUTIONNETENT: {
+        id: 'EVOLUTIONNETENT',
+        name: 'Evolution Netent',
+        slug: 'evolution-netent',
+        logo: evolutionNetent,
+    },
     DIGITAIN: {
         id: 'DIGITAIN',
         name: 'Digitain',
@@ -332,6 +338,12 @@ export const GAME_PROVIDER_DATA = {
         slug: 'oneapi-spadegaming',
         logo: spadegaming,
     },
+    TEST: {
+        id: 'TEST',
+        name: 'Test',
+        slug: 'test',
+        logo: '',
+    },
 };
 export const GAME_PROVIDERS = Object.values(GAME_PROVIDER_DATA).map(({ id }) => id);
 export const LEGACY_GAME_PROVIDERS = [

package/dist/schemas/forgotPasswordSchema.d.ts

@@ -8,23 +8,23 @@ 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;
+    password: string;
     mobileNumber: string;
     confirmPassword: string;
 }, {
-    password: string;
     verificationCode: string;
+    password: string;
     mobileNumber: string;
     confirmPassword: string;
 }>, {
-    password: string;
     verificationCode: string;
+    password: string;
     mobileNumber: string;
     confirmPassword: string;
 }, {
-    password: string;
     verificationCode: string;
+    password: string;
     mobileNumber: string;
     confirmPassword: string;
 }>;

package/dist/services/account.d.ts

@@ -222,6 +222,9 @@ export type VerifyMobileNumberError = {
 export interface VerifyMobileNumberMutation {
     verifyMobileNumber?: null | VerifyMobileNumberError;
 }
+export type VerifyMobileNumberInput = {
+    verificationCode: string;
+};
 export interface VerifyMobileNumberMutationVariables {
     input: {
         verificationCode: string;

package/dist/services/auth.d.ts

@@ -97,3 +97,8 @@ export interface CreateSingleUseTokenMutation {
     token: string;
 }
 export declare function createSingleUseToken(options?: HttpRequestOptions): Promise<CreateSingleUseTokenMutation>;
+export interface SignInSSOInput {
+    partnerId: string;
+    token: string;
+}
+export declare function signInSSO(input: SignInSSOInput, options?: HttpRequestOptions): Promise<CreateSessionMutation_next>;

package/dist/services/auth.js

@@ -169,3 +169,29 @@ export async function createSingleUseToken(options) {
         throw error;
     }
 }
+export async function signInSSO(input, options) {
+    const { partnerId, token } = input;
+    const authString = btoa(`${partnerId}:${token}`);
+    const headers = new Headers();
+    headers.set('Authorization', `OPEXA_SINGLE_SIGN_ON ${authString}`);
+    try {
+        const response = await httpRequest.json(`${AUTH_ENDPOINT}/v3/sessions`, {
+            ...options,
+            method: 'POST',
+            headers,
+        });
+        return response;
+    }
+    catch (e) {
+        if (e instanceof Error) {
+            throw e;
+        }
+        else {
+            const error = new Error();
+            error.name = 'AccountNotFoundError';
+            error.message = 'Account not found';
+            Error.captureStackTrace?.(error, createSession);
+            throw error;
+        }
+    }
+}

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' | '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' | 'ONEAPI_SPADEGAMING' | 'JK8' | 'RUBYPLAY';
+export type GameProvider = 'JILI' | 'JILI_BINGO' | 'PGSOFT' | 'FACHAI' | 'BTI' | 'DG' | 'PLAYTECH' | 'E2E' | 'ONEAPI_EVOLUTION' | 'EVOLUTION' | 'EVOLUTION_NETENT' | 'EVOLUTION_REDTIGER' | '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' | 'ONEAPI_SPADEGAMING' | 'JK8' | 'RUBYPLAY' | 'EVOLUTIONNETENT' | 'TEST';
 export type GameStatus = 'ACTIVE' | 'INACTIVE';
 export type GameTag = 'HOT' | 'hot' | 'NEW' | 'new' | 'TOP' | 'top' | 'POPULAR' | 'popular' | (string & {});
 export interface Game {