@opexa/portal-components 0.0.734 → 0.0.736

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

@@ -11,7 +11,7 @@ export interface CameraData {
 }
 export interface UseCameraReturn<T extends string = never> {
     open(): Promise<void>;
-    openNativeCamera(): Promise<File | null>;
+    openNativeCamera(direction: 'front' | 'back'): Promise<File | null>;
     close(): Promise<void>;
     snap(): Promise<CameraData | null>;
     reopen(): Promise<void>;

package/dist/client/hooks/useCamera.js

@@ -1,3 +1,4 @@
+import { CameraDirection } from '@capacitor/camera';
 import { isBoolean } from 'lodash-es';
 import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import invariant from 'tiny-invariant';
@@ -80,7 +81,7 @@ export function useCamera(options = {}) {
         }
     }, [options, desktop]);
     // biome-ignore lint/correctness/useExhaustiveDependencies: Intentional empty deps: we need a stable openNativeCamera reference.
-    const openNativeCamera = useCallback(async () => {
+    const openNativeCamera = useCallback(async (direction) => {
         setData(null);
         setError(null);
         setSnapping(true);
@@ -91,6 +92,9 @@ export function useCamera(options = {}) {
                 quality: 80,
                 resultType: CameraResultType.Base64,
                 allowEditing: false,
+                direction: direction === 'front'
+                    ? CameraDirection.Front
+                    : CameraDirection.Rear,
             });
             if (!photo.base64String) {
                 throw new Error('No photo returned from native camera');

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react/factory';
+import { Capacitor } from '@capacitor/core';
 import { BiometricAuthError } from 'capacitor-native-biometric';
 import { useState } from 'react';
 import { useShallow } from 'zustand/shallow';
@@ -13,8 +14,10 @@ import { signIn } from '../../client/services/signIn.js';
 import { deleteBiometricCredentials, getBiometricCredentials, getBiometricInfo, hasSavedBiometry, performBiometricVerification, saveBiometricCredentials, } from '../../client/utils/biometric.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { createSingleUseToken } from '../../services/auth.js';
+import { registerFCMDevice, unregisterFCMDevice } from '../../services/trigger.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
+import { LOCALSTORAGE_PUSH_NOTIFICATION_TOKEN_KEY } from '../PortalProvider/PushNotifications.js';
 export function GameLaunchTrigger(props) {
     const sessionQuery = useSessionQuery();
     const verificationQuery = useMemberVerificationQuery();
@@ -95,6 +98,24 @@ export function GameLaunchTrigger(props) {
                         queryKey: getSessionQueryKey(),
                     });
                     const session = await getSession();
+                    const pushToken = localStorage.getItem(LOCALSTORAGE_PUSH_NOTIFICATION_TOKEN_KEY);
+                    await unregisterFCMDevice({
+                        type: ['IOS', 'ANDROID'],
+                    }, {
+                        headers: {
+                            Authorization: `Bearer ${session.token}`,
+                        },
+                    });
+                    if (pushToken) {
+                        await registerFCMDevice({
+                            type: Capacitor.getPlatform() === 'android' ? 'ANDROID' : 'IOS',
+                            token: pushToken,
+                        }, {
+                            headers: {
+                                Authorization: `Bearer ${session.token}`,
+                            },
+                        });
+                    }
                     const r = await createSingleUseToken({
                         headers: {
                             Authorization: `Bearer ${session.token}`,

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/PortalProvider/PushNotifications.js

@@ -7,8 +7,6 @@ import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { registerFCMDevice } from '../../services/trigger.js';
 export const LOCALSTORAGE_PUSH_NOTIFICATION_TOKEN_KEY = 'push-notication-token';
 export const PushNotification = () => {
-    console.log('remove listeners on each render to avoid duplicates');
-    PushNotifications.removeAllListeners();
     const session = useSessionQuery();
     useEffect(() => {
         const platform = Capacitor.getPlatform();
@@ -38,6 +36,7 @@ export const PushNotification = () => {
             }
             localStorage.setItem(LOCALSTORAGE_PUSH_NOTIFICATION_TOKEN_KEY, value);
             if (session.data?.status === 'authenticated') {
+                console.log('registering push token with backend');
                 await registerFCMDevice({
                     type: platform === 'android' ? 'ANDROID' : 'IOS',
                     token: value,

package/dist/components/SignIn/SignInTrigger.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react/factory';
+import { Capacitor } from '@capacitor/core';
 import { useState } from 'react';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
@@ -9,8 +10,10 @@ import { signIn } from '../../client/services/signIn.js';
 import { BiometricAuthError, deleteBiometricCredentials, getBiometricCredentials, getBiometricInfo, hasSavedBiometry, performBiometricVerification, saveBiometricCredentials, } from '../../client/utils/biometric.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { createSingleUseToken } from '../../services/auth.js';
+import { registerFCMDevice, unregisterFCMDevice } from '../../services/trigger.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
+import { LOCALSTORAGE_PUSH_NOTIFICATION_TOKEN_KEY } from '../PortalProvider/PushNotifications.js';
 export function SignInTrigger(props) {
     const [hasCancelledBiometric, setHasCancelledBiometric] = useState(false);
     const globalStore = useGlobalStore(useShallow((ctx) => ({
@@ -63,10 +66,28 @@ export function SignInTrigger(props) {
                     deleteBiometricCredentials();
                     globalStore.signIn.setOpen(!globalStore.signIn.open);
                 }
+                const pushToken = localStorage.getItem(LOCALSTORAGE_PUSH_NOTIFICATION_TOKEN_KEY);
+                const session = await getSession();
+                await unregisterFCMDevice({
+                    type: ['IOS', 'ANDROID'],
+                }, {
+                    headers: {
+                        Authorization: `Bearer ${session.token}`,
+                    },
+                });
+                if (pushToken) {
+                    await registerFCMDevice({
+                        type: Capacitor.getPlatform() === 'android' ? 'ANDROID' : 'IOS',
+                        token: pushToken,
+                    }, {
+                        headers: {
+                            Authorization: `Bearer ${session.token}`,
+                        },
+                    });
+                }
                 getQueryClient().invalidateQueries({
                     queryKey: getSessionQueryKey(),
                 });
-                const session = await getSession();
                 const r = await createSingleUseToken({
                     headers: {
                         Authorization: `Bearer ${session.token}`,

package/dist/components/shared/IdFrontImageField/IdFrontImageField.client.js

@@ -55,7 +55,7 @@ export function IdFrontImageField__client(props) {
                                                     localProps.disabled ||
                                                     localProps.readOnly, className: "font-semibold text-button-secondary-fg disabled:opacity-60", children: "Click to upload" }), ' ', "or drag and drop"] }), _jsx("span", { className: "mt-xs block text-center text-xs", children: "PNG, JPG or JPEG (max. 10mb)" }), _jsx("span", { className: "m-txs block text-center text-xs", children: "or" })] }), _jsx(Button, { size: "sm", variant: "outline", className: "mx-auto mt-md w-auto", onClick: async () => {
                                     if (Capacitor.isNativePlatform()) {
-                                        const file = await context.camera.openNativeCamera();
+                                        const file = await context.camera.openNativeCamera('back');
                                         if (!file)
                                             return;
                                         context.mutation.mutate({ file });

package/dist/components/shared/SelfieImageField/SelfieImageField.client.js

@@ -55,7 +55,7 @@ export function SelfieImageField__client(props) {
                                                     localProps.disabled ||
                                                     localProps.readOnly, className: "font-semibold text-button-secondary-fg disabled:opacity-60", children: "Click to upload" }), ' ', "or drag and drop"] }), _jsx("span", { className: "mt-xs block text-center text-xs", children: "PNG, JPG or JPEG (max. 10mb)" }), _jsx("span", { className: "m-txs block text-center text-xs", children: "or" })] }), _jsx(Button, { size: "sm", variant: "outline", className: "mx-auto mt-md w-auto", onClick: async () => {
                                     if (Capacitor.isNativePlatform()) {
-                                        const file = await context.camera.openNativeCamera();
+                                        const file = await context.camera.openNativeCamera('front');
                                         if (!file)
                                             return;
                                         context.mutation.mutate({ file });

package/package.json

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