@opexa/portal-components 0.0.735 → 0.0.737

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -80,25 +80,22 @@ export function GameLaunchTrigger(props) {
                         return;
                     }
                     try {
-                        console.log('Signing in using biometric credentials');
                         await signIn({
                             type: 'SINGLE_USE_TOKEN',
                             token: credentials.password,
                         });
                     }
-                    catch {
+                    catch (err) {
+                        console.log(err);
                         toaster.error({
-                            title: 'Biometric sign-in token has expired.',
+                            title: 'Biometric removed or token expired.',
                             description: 'Please sign in with your mobile number or username to re-enable biometric login.',
                         });
                         deleteBiometricCredentials();
                         globalStore.signIn.setOpen(!globalStore.signIn.open);
                     }
-                    getQueryClient().invalidateQueries({
-                        queryKey: getSessionQueryKey(),
-                    });
-                    const session = await getSession();
                     const pushToken = localStorage.getItem(LOCALSTORAGE_PUSH_NOTIFICATION_TOKEN_KEY);
+                    const session = await getSession();
                     await unregisterFCMDevice({
                         type: ['IOS', 'ANDROID'],
                     }, {
@@ -116,6 +113,9 @@ export function GameLaunchTrigger(props) {
                             },
                         });
                     }
+                    getQueryClient().invalidateQueries({
+                        queryKey: getSessionQueryKey(),
+                    });
                     const r = await createSingleUseToken({
                         headers: {
                             Authorization: `Bearer ${session.token}`,
@@ -140,45 +140,6 @@ export function GameLaunchTrigger(props) {
                     }
                 }
                 else {
-                    // still update biometric credentials if user has cancelled biometric once
-                    if (hasCancelledBiometric) {
-                        const credentials = await getBiometricCredentials();
-                        if (!credentials) {
-                            toaster.error({ description: 'Biometric verification failed' });
-                            globalStore.signIn.setOpen(!globalStore.signIn.open);
-                            return;
-                        }
-                        await signIn({
-                            type: 'SINGLE_USE_TOKEN',
-                            token: credentials.password,
-                        });
-                        getQueryClient().invalidateQueries({
-                            queryKey: getSessionQueryKey(),
-                        });
-                        const session = await getSession();
-                        const r = await createSingleUseToken({
-                            headers: {
-                                Authorization: `Bearer ${session.token}`,
-                            },
-                        });
-                        if (r.token) {
-                            const saved = await saveBiometricCredentials({
-                                username: credentials.username,
-                                password: r.token,
-                            });
-                            if (saved) {
-                                console.info('Biometric credentials has been updated');
-                            }
-                            else {
-                                console.warn('Failed to updated biometric credentials');
-                                globalStore.signIn.setOpen(!globalStore.signIn.open);
-                            }
-                        }
-                        else {
-                            console.error('Failed to create token');
-                            globalStore.signIn.setOpen(!globalStore.signIn.open);
-                        }
-                    }
                     globalStore.signIn.setOpen(!globalStore.signIn.open);
                 }
                 return props.onClick?.(e);

package/dist/components/Games/GamesList.client.js

@@ -46,7 +46,7 @@ export function GamesList__client(props) {
     const classNames = isString(props.className)
         ? { root: props.className }
         : (props.className ?? {});
-    return (_jsx(GamesPropsContext, { value: props, children: _jsxs("div", { className: classNames.root, id: "games-list", children: [_jsxs("div", { className: "flex flex-col lg:flex-row lg:items-center lg:justify-between", children: [_jsx("h2", { className: "order-2 mt-4xl font-semibold text-lg lg:order-none lg:mt-0", children: props.heading ?? 'Games' }), props.viewGameProvidersUrl && (_jsxs(Link, { href: props.viewGameProvidersUrl, className: "order-1 flex items-center gap-sm font-semibold text-button-tertiary-fg text-lg lg:order-none lg:text-sm", children: [_jsx(ChevronLeftIcon, { className: "size-5" }), "Back to all Providers"] }))] }), totalRows <= 0 && (_jsx(Empty, { icon: loading ? SpinnerIcon : GamingPad01Icon, title: loading ? 'Just a moment' : 'No games', message: loading
+    return (_jsx(GamesPropsContext, { value: props, children: _jsxs("div", { className: classNames.root, id: "games-list", children: [_jsxs("div", { className: "flex flex-col lg:flex-row lg:items-center lg:justify-between", children: [_jsx("h2", { className: "order-2 mt-md font-semibold text-lg lg:order-none lg:mt-0", children: props.heading ?? 'Games' }), props.viewGameProvidersUrl && (_jsxs(Link, { href: props.viewGameProvidersUrl, className: "order-1 flex items-center gap-sm font-semibold text-button-tertiary-fg text-lg lg:order-none lg:text-sm", children: [_jsx(ChevronLeftIcon, { className: "size-5" }), "Back to all Providers"] }))] }), totalRows <= 0 && (_jsx(Empty, { icon: loading ? SpinnerIcon : GamingPad01Icon, title: loading ? 'Just a moment' : 'No games', message: loading
                         ? 'Fetching latest games...'
                         : 'No game is currently available. Please check back later', className: "mt-lg" })), totalRows >= 1 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "mt-lg grid grid-cols-3 gap-1.5 lg:grid-cols-6 lg:gap-2.5", children: (pagination === 'paginated' ? paginatedRows : availableRows).map((game) => (_jsx(GameContext, { value: game, children: _jsx(Game, { badge: props.badge, className: {
                                         root: classNames.thumbnailRoot,

package/dist/components/Jackpots/JackpotsListNext/JackpotsListItemGameProviders.d.ts

@@ -1,5 +1,11 @@
+import { type ImageProps } from 'next/image';
 import type { GameProviderData } from '../../../types';
+interface JackpotGameProvider extends GameProviderData {
+    redirectUrl: string;
+    providedLogo?: ImageProps['src'];
+}
 export interface JackpotsListItemGameProvidersProps {
-    gameProviders: GameProviderData[];
+    gameProviders: JackpotGameProvider[];
 }
 export declare function JackpotsListItemGameProviders({ gameProviders, }: JackpotsListItemGameProvidersProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Jackpots/JackpotsListNext/JackpotsListItemGameProviders.js

@@ -1,24 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import useEmblaCarousel from 'embla-carousel-react';
 import { isString } from 'lodash-es';
-import Image from 'next/image';
+import Image, {} from 'next/image';
 import Link from 'next/link';
 import { useCallback, useEffect, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { ArrowLeftIcon } from '../../../icons/ArrowLeftIcon.js';
 import { ArrowRightIcon } from '../../../icons/ArrowRightIcon.js';
 import { Button } from '../../../ui/Button/index.js';
-import { callIfFn } from '../../../utils/callIfFn.js';
 import { useJackpotsListPropsContext } from './JackpotsListContext.js';
 export function JackpotsListItemGameProviders({ gameProviders, }) {
     const jackpotsProps = useJackpotsListPropsContext();
-    const viewGamesUrl = (data) => {
-        return jackpotsProps.viewGamesUrl
-            ? callIfFn(jackpotsProps.viewGamesUrl, data)
-                .replace(':id', data.id)
-                .replace(':slug', data.slug)
-            : `/providers/${data.slug}`;
-    };
     const classNames = isString(jackpotsProps.className)
         ? { root: jackpotsProps.className }
         : (jackpotsProps.className ?? {});
@@ -49,6 +41,5 @@ export function JackpotsListItemGameProviders({ gameProviders, }) {
         emblaApi.on('select', onSelect);
         emblaApi.on('reInit', onSelect);
     }, [emblaApi, onSelect]);
-    return (_jsxs("div", { className: twMerge('p-4 pb-8', classNames.providerRoot), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: twMerge('font-semibold text-lg text-text-primary-900', classNames.providerHeading), children: "Jackpot Game Providers" }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { disabled: !canScrollPrev, onClick: scrollPrev, variant: "outline", colorScheme: "gray", className: twMerge('rounded-r-none border-r-0', classNames.providerNavigationButton), "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsxs(Button, { disabled: !canScrollNext, onClick: scrollNext, variant: "outline", colorScheme: "gray", className: twMerge('rounded-l-none', classNames.providerNavigationButton), "aria-label": "Next", children: [_jsx("span", { className: "sr-only", children: "Next" }), _jsx(ArrowRightIcon, { className: "size-5" })] })] })] }), _jsx("div", { className: "relative mt-3 overflow-hidden", ref: emblaRef, children: _jsx("div", { className: "flex gap-3.5", children: gameProviders.map((provider) => (_jsx(Link, { href: viewGamesUrl(provider), className: twMerge('min-w-27.5 rounded-md bg-brand-800 lg:bg-bg-primary-900', classNames.providerThumbnailRoot), children: _jsx(Image, { src: jackpotsProps.gameProviderImages?.[provider.id] ??
-                                provider.logo, alt: "provider", className: twMerge('size-full', classNames.providerThumbnailImage), width: 300, height: 150 }) }, provider.slug))) }) })] }));
+    return (_jsxs("div", { className: twMerge('p-4 pb-8', classNames.providerRoot), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: twMerge('font-semibold text-lg text-text-primary-900', classNames.providerHeading), children: "Jackpot Game Providers" }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { disabled: !canScrollPrev, onClick: scrollPrev, variant: "outline", colorScheme: "gray", className: twMerge('rounded-r-none border-r-0', classNames.providerNavigationButton), "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsxs(Button, { disabled: !canScrollNext, onClick: scrollNext, variant: "outline", colorScheme: "gray", className: twMerge('rounded-l-none', classNames.providerNavigationButton), "aria-label": "Next", children: [_jsx("span", { className: "sr-only", children: "Next" }), _jsx(ArrowRightIcon, { className: "size-5" })] })] })] }), _jsx("div", { className: "relative mt-3 overflow-hidden", ref: emblaRef, children: _jsx("div", { className: "flex gap-3.5", children: gameProviders.map((provider) => (_jsx(Link, { href: provider.redirectUrl, className: twMerge('min-w-27.5 rounded-md bg-brand-800 lg:bg-bg-primary-900', classNames.providerThumbnailRoot), children: _jsx(Image, { src: provider.providedLogo ?? provider.logo, alt: "provider", className: twMerge('size-full', classNames.providerThumbnailImage), width: 300, height: 150 }) }, provider.slug))) }) })] }));
 }

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -17,12 +17,13 @@ import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.
 import { useSendVerificationCodeMutation } from '../../client/hooks/useSendVerificationCodeMutation.js';
 import { useSignInMutation } from '../../client/hooks/useSignInMutation.js';
 import { getSession } from '../../client/services/getSession.js';
-import { hasSavedBiometry } from '../../client/utils/biometric.js';
+import { deleteBiometricCredentials, getBiometricCredentials, hasSavedBiometry, saveBiometricCredentials, } from '../../client/utils/biometric.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
 import pagcorLogo from '../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
+import { createSingleUseToken } from '../../services/auth.js';
 import { registerFCMDevice, unregisterFCMDevice } from '../../services/trigger.js';
 import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
@@ -84,9 +85,40 @@ export function MobileNumberSignIn() {
             if (signInProps.shouldShowDisclaimer) {
                 globalStore.disclaimer.setOpen(true);
             }
-            console.log('hasSavedBiometry', hasSavedBiometry());
-            if (!hasSavedBiometry()) {
-                globalStore.registerBiometrics.setOpen(true);
+            if (Capacitor.isNativePlatform()) {
+                if (!hasSavedBiometry()) {
+                    globalStore.registerBiometrics.setOpen(true);
+                }
+                else {
+                    const r = await createSingleUseToken({
+                        headers: {
+                            Authorization: `Bearer ${session.token}`,
+                        },
+                    });
+                    if (r.token) {
+                        const credentials = await getBiometricCredentials();
+                        if (!credentials) {
+                            console.error({ description: 'Biometric verification failed' });
+                            deleteBiometricCredentials();
+                            return;
+                        }
+                        const saved = await saveBiometricCredentials({
+                            username: credentials.username,
+                            password: r.token,
+                        });
+                        if (saved) {
+                            console.info('Biometric credentials has been updated');
+                        }
+                        else {
+                            console.warn('Failed to updated biometric credentials');
+                            globalStore.signIn.setOpen(!globalStore.signIn.open);
+                        }
+                    }
+                    else {
+                        console.error('Failed to create token');
+                        globalStore.signIn.setOpen(!globalStore.signIn.open);
+                    }
+                }
             }
         },
         onError: (err) => {

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -14,7 +14,7 @@ import { useAuthenticateMutation } from '../../client/hooks/useAuthenticateMutat
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useSignInMutation } from '../../client/hooks/useSignInMutation.js';
 import { getSession } from '../../client/services/getSession.js';
-import { hasSavedBiometry } from '../../client/utils/biometric.js';
+import { deleteBiometricCredentials, getBiometricCredentials, hasSavedBiometry, saveBiometricCredentials, } from '../../client/utils/biometric.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { SECRET_QUESTIONS, SECRET_QUESTIONS_MAP } from '../../constants/index.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
@@ -22,6 +22,7 @@ import { EyeIcon } from '../../icons/EyeIcon.js';
 import { EyeOffIcon } from '../../icons/EyeOffIcon.js';
 import pagcorLogo from '../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
+import { createSingleUseToken } from '../../services/auth.js';
 import { registerFCMDevice, unregisterFCMDevice } from '../../services/trigger.js';
 import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
@@ -78,8 +79,40 @@ export function NameAndPasswordSignIn() {
                         });
                     }
                 }
-                if (!hasSavedBiometry()) {
-                    globalStore.registerBiometrics.setOpen(true);
+                if (Capacitor.isNativePlatform()) {
+                    if (!hasSavedBiometry()) {
+                        globalStore.registerBiometrics.setOpen(true);
+                    }
+                    else {
+                        const r = await createSingleUseToken({
+                            headers: {
+                                Authorization: `Bearer ${session.token}`,
+                            },
+                        });
+                        if (r.token) {
+                            const credentials = await getBiometricCredentials();
+                            if (!credentials) {
+                                console.error({ description: 'Biometric verification failed' });
+                                deleteBiometricCredentials();
+                                return;
+                            }
+                            const saved = await saveBiometricCredentials({
+                                username: credentials.username,
+                                password: r.token,
+                            });
+                            if (saved) {
+                                console.info('Biometric credentials has been updated');
+                            }
+                            else {
+                                console.warn('Failed to updated biometric credentials');
+                                globalStore.signIn.setOpen(!globalStore.signIn.open);
+                            }
+                        }
+                        else {
+                            console.error('Failed to create token');
+                            globalStore.signIn.setOpen(!globalStore.signIn.open);
+                        }
+                    }
                 }
                 globalStore.signIn.setOpen(false);
                 authenticateMutation.reset();
@@ -136,8 +169,40 @@ export function NameAndPasswordSignIn() {
             if (signInProps.shouldShowDisclaimer) {
                 globalStore.disclaimer.setOpen(true);
             }
-            if (!hasSavedBiometry()) {
-                globalStore.registerBiometrics.setOpen(true);
+            if (Capacitor.isNativePlatform()) {
+                if (!hasSavedBiometry()) {
+                    globalStore.registerBiometrics.setOpen(true);
+                }
+                else {
+                    const r = await createSingleUseToken({
+                        headers: {
+                            Authorization: `Bearer ${session.token}`,
+                        },
+                    });
+                    if (r.token) {
+                        const credentials = await getBiometricCredentials();
+                        if (!credentials) {
+                            console.error({ description: 'Biometric verification failed' });
+                            deleteBiometricCredentials();
+                            return;
+                        }
+                        const saved = await saveBiometricCredentials({
+                            username: credentials.username,
+                            password: r.token,
+                        });
+                        if (saved) {
+                            console.info('Biometric credentials has been updated');
+                        }
+                        else {
+                            console.warn('Failed to updated biometric credentials');
+                            globalStore.signIn.setOpen(!globalStore.signIn.open);
+                        }
+                    }
+                    else {
+                        console.error('Failed to create token');
+                        globalStore.signIn.setOpen(!globalStore.signIn.open);
+                    }
+                }
             }
         },
         onError(error) {

package/dist/components/SignIn/SignInTrigger.js

@@ -112,45 +112,6 @@ export function SignInTrigger(props) {
                 }
             }
             else {
-                // still update biometric credentials if user has cancelled biometric once
-                if (hasCancelledBiometric) {
-                    const credentials = await getBiometricCredentials();
-                    if (!credentials) {
-                        toaster.error({ description: 'Biometric verification failed' });
-                        globalStore.signIn.setOpen(!globalStore.signIn.open);
-                        return;
-                    }
-                    await signIn({
-                        type: 'SINGLE_USE_TOKEN',
-                        token: credentials.password,
-                    });
-                    getQueryClient().invalidateQueries({
-                        queryKey: getSessionQueryKey(),
-                    });
-                    const session = await getSession();
-                    const r = await createSingleUseToken({
-                        headers: {
-                            Authorization: `Bearer ${session.token}`,
-                        },
-                    });
-                    if (r.token) {
-                        const saved = await saveBiometricCredentials({
-                            username: credentials.username,
-                            password: r.token,
-                        });
-                        if (saved) {
-                            console.info('Biometric credentials has been updated');
-                        }
-                        else {
-                            console.warn('Failed to updated biometric credentials');
-                            globalStore.signIn.setOpen(!globalStore.signIn.open);
-                        }
-                    }
-                    else {
-                        console.error('Failed to create token');
-                        globalStore.signIn.setOpen(!globalStore.signIn.open);
-                    }
-                }
                 globalStore.signIn.setOpen(!globalStore.signIn.open);
             }
             return props.onClick?.(e);

package/dist/services/auth.js

@@ -156,7 +156,7 @@ export async function sendVerificationCode(input, options) {
 }
 export async function createSingleUseToken(options) {
     try {
-        return await httpRequest.json(`${AUTH_ENDPOINT}/token`, {
+        return await httpRequest.json(`${AUTH_ENDPOINT}/token?ttl=30d`, {
             ...options,
             method: 'POST',
         });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.735",
+	"version": "0.0.737",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",