@opexa/portal-components 0.0.800 → 0.0.802

package/dist/components/Bonuses/BonusesTrigger.d.ts

@@ -2,6 +2,7 @@ import type { ComponentPropsWithRef } from 'react';
 export interface ClassNameEntries {
     root?: string;
     icon?: string;
+    unreadBadge?: string;
 }
 export interface BonusesTriggerProps extends Omit<ComponentPropsWithRef<'a'>, 'className'> {
     className?: string | ClassNameEntries;

package/dist/components/Bonuses/BonusesTrigger.js

@@ -24,5 +24,5 @@ export function BonusesTrigger({ children, className, ...props }) {
             size: 'sm',
             colorScheme: 'gray',
             className: twMerge('relative', classNames.root),
-        }), children: children ?? (_jsxs(_Fragment, { children: [totalCount > 0 && (_jsx("div", { className: "-right-1.5 -top-1.5 absolute min-w-5 rounded-full border bg-brand-500 px-1.5 font-semibold text-2xs text-button-primary-fg leading-4.5", children: totalCount })), _jsx(Gift01Icon, { className: classNames.icon })] })) }));
+        }), children: children ?? (_jsxs(_Fragment, { children: [totalCount > 0 && (_jsx("div", { className: twMerge('-right-1.5 -top-1.5 absolute min-w-5 rounded-full border bg-brand-500 px-1.5 font-semibold text-2xs text-button-primary-fg leading-4.5', classNames.unreadBadge), children: totalCount })), _jsx(Gift01Icon, { className: classNames.icon })] })) }));
 }

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

@@ -1,6 +1,6 @@
 export declare const QRPHDepositContext: (props: {
     value: {
-        view: "form" | "qrCode";
+        view: "qrCode" | "form";
         status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
@@ -13,7 +13,7 @@ export declare const QRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useQRPHDepositContext: () => {
-    view: "form" | "qrCode";
+    view: "qrCode" | "form";
     status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

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

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

package/dist/components/GameProviders/GameProvidersList.d.ts

@@ -29,5 +29,9 @@ export interface GameProvidersListProps {
     showAllProviders?: boolean;
     viewAllUrl?: string;
     futureGameProviders?: GameProvider[];
+    providerUrlMappings?: {
+        providers: GameProvider[];
+        url: string;
+    }[];
 }
 export declare function GameProvidersList(props: GameProvidersListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/GameProviders/GameProvidersList.js

@@ -32,6 +32,12 @@ export function GameProvidersList(props) {
         : chunked.loadedItems;
     return (_jsxs("div", { className: classNames.root, children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Providers' }), _jsxs("div", { className: "mt-lg grid grid-cols-3 gap-1.5 lg:grid-cols-6 lg:gap-2.5", children: [props.showAllProviders && (_jsx(Link, { href: props.viewAllUrl ?? '/providers', className: twMerge('flex h-full w-full items-center justify-center overflow-hidden rounded-md bg-brand-800 font-extrabold lg:h-[5.75rem]', classNames.thumbnailRoot), "aria-label": `View all games`, children: _jsx("p", { className: "text-center text-4xl", children: " ALL" }) })), items.map((provider) => {
                         const customLogo = props.gameProviderImages?.[provider.id];
-                        return (_jsx(Link, { href: viewGamesUrl(provider), className: twMerge('flex h-full w-full items-center overflow-hidden rounded-md bg-brand-800 lg:h-[5.75rem]', !customLogo && 'px-2 py-1.5', classNames.thumbnailRoot), "aria-label": `View ${provider.name} games`, children: _jsx(Image, { src: customLogo ?? provider.logo, alt: "", width: 300, height: 150, className: twMerge('mx-auto h-auto w-full', classNames.thumbnailImage) }) }, provider.id));
+                        const url = props.providerUrlMappings
+                            ? (props.providerUrlMappings
+                                ?.find(({ providers }) => providers.includes(provider.id))
+                                ?.url.replace(':slug', provider.slug)
+                                .replace(':id', provider?.id) ?? `/providers/${provider.slug}`)
+                            : null;
+                        return (_jsx(Link, { href: url ?? viewGamesUrl(provider), className: twMerge('flex h-full w-full items-center overflow-hidden rounded-md bg-brand-800 lg:h-[5.75rem]', !customLogo && 'px-2 py-1.5', classNames.thumbnailRoot), "aria-label": `View ${provider.name} games`, children: _jsx(Image, { src: customLogo ?? provider.logo, alt: "", width: 300, height: 150, className: twMerge('mx-auto h-auto w-full', classNames.thumbnailImage) }) }, provider.id));
                     })] }), !props.showAllProviders && (_jsxs("div", { className: "mt-2xl flex flex-col items-center lg:mt-3xl", children: [_jsx(Progress.Root, { min: 0, max: chunked.totalItems, value: chunked.totalLoadedItems, onValueChange: noop, className: twMerge('w-[12.5rem]', classNames.progressRoot), children: _jsx(Progress.Track, { className: twMerge('bg-bg-tertiary', classNames.progressTrack), children: _jsx(Progress.Range, {}) }) }), _jsx("p", { className: "mt-md text-button-tertiary-fg text-sm", children: `Displaying ${chunked.totalLoadedItems} of ${chunked.totalItems}` }), chunked.hasNext && (_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, onClick: chunked.next, className: twMerge('mt-lg', classNames.loadMoreButton), children: "Load More" }))] }))] }));
 }

package/dist/components/Messages/MessagesTrigger.d.ts

@@ -3,6 +3,7 @@ export interface ClassNameEntries {
     root?: string;
     iconButtonRoot?: string;
     iconButtonLogo?: string;
+    unreadBadge?: string;
 }
 type MessagesTriggerProps = Omit<ComponentPropsWithRef<'button'>, 'className'> & {
     asChild?: boolean;

package/dist/components/Messages/MessagesTrigger.js

@@ -22,5 +22,5 @@ export function MessagesTrigger({ asChild, children, ...props }) {
     return (_jsx(ark.button, { type: "button", "aria-label": "Toggle messages panel", "data-state": globalStore.messages.open ? 'open' : 'closed', ...props, onClick: (e) => {
             globalStore.messages.setOpen(!globalStore.messages.open);
             return props.onClick?.(e);
-        }, asChild: !children ? true : asChild, className: classNames.root, children: children ?? (_jsxs(IconButton, { size: "sm", colorScheme: "gray", className: twMerge('relative', classNames.iconButtonRoot), children: [!!unreadMessagesCount && (_jsx("div", { className: "-right-1.5 -top-1.5 absolute rounded-full border bg-brand-500 px-1.5 font-semibold text-2xs text-button-primary-fg leading-4.5", children: unreadMessagesCount })), _jsx(Bell01Icon, { className: classNames.iconButtonLogo })] })) }));
+        }, asChild: !children ? true : asChild, className: classNames.root, children: children ?? (_jsxs(IconButton, { size: "sm", colorScheme: "gray", className: twMerge('relative', classNames.iconButtonRoot), children: [!!unreadMessagesCount && (_jsx("div", { className: twMerge('-right-1.5 -top-1.5 border- absolute rounded-full border bg-brand-500 px-1.5 font-semibold text-2xs text-button-primary-fg leading-4.5', classNames.unreadBadge), children: unreadMessagesCount })), _jsx(Bell01Icon, { className: classNames.iconButtonLogo })] })) }));
 }