@opexa/portal-components 0.1.31 → 0.1.33

package/dist/client/hooks/useSignInMutation.js

@@ -21,7 +21,10 @@ export const useSignInMutation = (options) => {
             const token = recaptcha.reCaptchaKey
                 ? await recaptcha.executeRecaptcha('submit')
                 : null;
-            const fingerprint = versionSession === 'Inplay' ? await getFingerprint() : null;
+            const isInplayEligible = input.type === 'NAME_AND_PASSWORD' || input.type === 'MOBILE_NUMBER';
+            const fingerprint = versionSession === 'Inplay' && isInplayEligible
+                ? await getFingerprint()
+                : null;
             const signInOnce = () => signIn(input, {
                 headers: {
                     ...(token && {
@@ -38,7 +41,7 @@ export const useSignInMutation = (options) => {
                         : { Channel: 'IOS' }),
                 },
             }, versionSession);
-            const authenticator = versionSession === 'Inplay' && input.type === 'NAME_AND_PASSWORD'
+            const authenticator = versionSession === 'Inplay' && isInplayEligible
                 ? await pollSignIn(signInOnce)
                 : await signInOnce();
             if (!authenticator) {

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

@@ -1,6 +1,6 @@
 export declare const AurixPayQRPHDepositContext: (props: {
     value: {
-        status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+        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" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+    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" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+    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,6 +1,6 @@
 export declare const OnlineBankDepositContext: (props: {
     value: {
-        view: "vca" | "form";
+        view: "form" | "vca";
         status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
@@ -13,7 +13,7 @@ export declare const OnlineBankDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useOnlineBankDepositContext: () => {
-    view: "vca" | "form";
+    view: "form" | "vca";
     status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

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

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

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

@@ -29,7 +29,8 @@ export function GamesCarousel__client(props) {
         staleTime: 5 * 60 * 1000,
     });
     const availableRows = gamesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? [];
-    const topGamesToDisplay = useMemo(() => (props.topGames ?? []).slice(0, 5), [props.topGames]);
+    const topGamesToDisplay = useMemo(() => (props.topGames ?? []).slice(0, 10), // increase top games to display
+    [props.topGames]);
     const { data: topGameRows = [] } = useTopGamesQuery(topGamesToDisplay);
     const sortedRows = useMemo(() => {
         if (!topGamesToDisplay.length)

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

@@ -27,7 +27,8 @@ export function GamesList__client(props) {
         search: props.search,
         sort: props.sort,
     });
-    const topGamesToDisplay = useMemo(() => (props.topGames ?? []).slice(0, 5), [props.topGames]);
+    const topGamesToDisplay = useMemo(() => (props.topGames ?? []).slice(0, 10), // increase top games to display
+    [props.topGames]);
     const { data: topGameRows = [] } = useTopGamesQuery(topGamesToDisplay);
     const sortedRows = useMemo(() => {
         if (!topGamesToDisplay.length)

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

@@ -45,7 +45,7 @@ export function MobileNumberSignIn() {
         disclaimer: ctx.disclaimer,
     })));
     const signInMutation = useSignInMutation({
-        // versionSession intentionally omitted: only applies to NAME_AND_PASSWORD
+        versionSession: signInProps.versionSession,
         onSuccess: async () => {
             step1Form.reset();
             step2Form.reset();

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

@@ -46,7 +46,7 @@ export function MobileNumberSignIn() {
         disclaimer: ctx.disclaimer,
     })));
     const signInMutation = useSignInMutation({
-        // versionSession intentionally omitted: only applies to NAME_AND_PASSWORD
+        versionSession: signInProps.versionSession,
         onSuccess: async () => {
             step1Form.reset();
             step2Form.reset();

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -53,7 +53,7 @@ export function MobileNumberSignIn() {
         termsOfUse: ctx.termsOfUse,
     })));
     const signInMutation = useSignInMutation({
-        // versionSession intentionally omitted: only applies to NAME_AND_PASSWORD
+        versionSession: signInProps.versionSession,
         onSuccess: async () => {
             step1Form.reset();
             step2Form.reset();

package/dist/components/SignIn/MobileNumberSignInternational.js

@@ -81,7 +81,7 @@ export function MobileNumberSignInInternational() {
         termsOfUse: ctx.termsOfUse,
     })));
     const signInMutation = useSignInMutation({
-        // versionSession intentionally omitted: only applies to NAME_AND_PASSWORD
+        versionSession: signInProps.versionSession,
         onSuccess: async () => {
             step1Form.reset();
             step2Form.reset();

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

@@ -31,10 +31,6 @@ export interface SignInProps extends UseSignInProps {
      * - `Inplay`: `${AUTH_ENDPOINT}/v3/inplay/sessions`
      */
     versionSession?: VersionSession;
-    /**
-     * Optional browser fingerprint provider. For Inplay NAME_AND_PASSWORD
-     * sign-ins, pass `() => sdk.fingerprint()` from the consuming app.
-     */
     fingerprint?: () => Promise<string | null> | string | null;
 }
 export declare function SignIn(props: SignInProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignIn/SignIn.lazy.js

@@ -25,7 +25,7 @@ export function SignIn(props) {
     const mutating = useIsMutating({ mutationKey: getSignInMutationKey() }) > 0;
     const showLoader = mutating &&
         props.versionSession === 'Inplay' &&
-        signIn.type === 'NAME_AND_PASSWORD';
+        (signIn.type === 'NAME_AND_PASSWORD' || signIn.type === 'MOBILE_NUMBER');
     return (_jsx(SignInPropsProvider, { value: props, children: _jsx(SignInProvider, { value: signIn, children: _jsx(Dialog.Root, { open: signInStore.open, onOpenChange: (details) => {
                     signInStore.setOpen(details.open);
                 }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: () => {

package/dist/services/auth.js

@@ -31,16 +31,14 @@ export async function createSession(input, options, versionSession = 'default')
     new Headers(options?.headers).forEach((value, key) => {
         headers.set(key, value);
     });
-    // `versionSession` only applies to NAME_AND_PASSWORD sign-ins. All other
-    // auth types (MOBILE_NUMBER, MAYA, SOCIALS, CABINET, SINGLE_USE_TOKEN) are
+    // `versionSession` applies to NAME_AND_PASSWORD and MOBILE_NUMBER sign-ins.
+    // All other auth types (MAYA, SOCIALS, CABINET, SINGLE_USE_TOKEN) are
     // forced to the default `/sessions` endpoint.
-    const effectiveVersionSession = input.type === 'NAME_AND_PASSWORD' ? versionSession : 'default';
-    // The `Fingerprint` header is only meaningful for the Inplay
-    // NAME_AND_PASSWORD endpoint (`/v3/inplay/sessions`). Strip it for any
-    // other combination to avoid leaking it to upstream endpoints that don't
-    // expect it.
+    const effectiveVersionSession = input.type === 'NAME_AND_PASSWORD' || input.type === 'MOBILE_NUMBER'
+        ? versionSession
+        : 'default';
     if (effectiveVersionSession !== 'Inplay' ||
-        input.type !== 'NAME_AND_PASSWORD') {
+        (input.type !== 'NAME_AND_PASSWORD' && input.type !== 'MOBILE_NUMBER')) {
         headers.delete(FINGERPRINT_HEADER_KEY);
     }
     try {

package/dist/types/index.d.ts

@@ -806,6 +806,7 @@ export interface TopWin {
     };
     multiplier: string;
     payout: string;
+    dateTimeCreated: Date;
 }
 export type JackpotStatus = 'ACTIVE' | 'CLOSING' | 'DISABLED' | 'CLOSED';
 export type JackpotType = 'MULTIPLIER' | 'MULTI_STAGE';

package/dist/ui/Badge/Badge.d.ts

@@ -37,7 +37,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -72,7 +72,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -107,7 +107,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeLabelProps extends ComponentPropsWithRef<'span'> {
     asChild?: boolean;
 }
@@ -146,7 +146,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -181,7 +181,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -216,7 +216,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeIndicatorProps extends ComponentPropsWithRef<'svg'> {
     asChild?: boolean;
 }
@@ -255,7 +255,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -290,7 +290,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -325,7 +325,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeIconProps extends ComponentPropsWithRef<'svg'> {
     asChild?: boolean;
 }
@@ -364,7 +364,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -399,7 +399,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -434,5 +434,5 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export {};

package/dist/ui/Badge/badge.anatomy.d.ts

@@ -1 +1 @@
-export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "icon" | "indicator">;
+export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "icon" | "root" | "indicator">;

package/dist/ui/Badge/badge.recipe.d.ts

@@ -33,7 +33,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -68,7 +68,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -103,4 +103,4 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"label" | "icon" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;