@opexa/portal-components 0.0.403 → 0.0.405

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

@@ -3,6 +3,12 @@ export interface ClassNameEntries {
     walletActions?: string;
     withdrawButton?: string;
     depositButton?: string;
+    navItemRoot?: string;
+    navItemLink?: string;
+    navItemIcon?: string;
+    navItemLabel?: string;
+    navItemBadge?: string;
+    navItemIndicator?: string;
 }
 export interface AccountProps {
     className?: string | ClassNameEntries;

package/dist/components/Account/Account.lazy.js

@@ -68,14 +68,14 @@ export function Account(props) {
                 }, lazyMount: true, unmountOnExit: true, children: _jsx(Portal, { children: _jsx(Drawer.Positioner, { children: _jsxs(Drawer.Content, { className: twMerge('relative', 'flex', 'flex-col', 'top-[var(--offset-top-mobile)]', 'h-[calc(100%-var(--offset-top-mobile))]', 'w-full', 'px-xl', 'py-6', 'lg:top-[var(--offset-top-desktop)]', 'lg:h-[calc(100%-var(--offset-top-desktop))]', 'overflow-auto', classNames.root), style: {
                                 ['--offset-top-mobile']: mobileOffsetTop,
                                 ['--offset-top-desktop']: desktopOffsetTop,
-                            }, children: [_jsx(Profile, {}), _jsx(Wallet, { classNames: classNames }), _jsx(Links, { router: router })] }) }) }) }), _jsx(Popover.Root, { open: globalStore.account.open, onOpenChange: (details) => {
+                            }, children: [_jsx(Profile, {}), _jsx(Wallet, { classNames: classNames }), _jsx(Links, { router: router, classNames: classNames })] }) }) }) }), _jsx(Popover.Root, { open: globalStore.account.open, onOpenChange: (details) => {
                     globalStore.account.setOpen(details.open);
                 }, lazyMount: true, unmountOnExit: true, positioning: {
                     placement: 'bottom',
                     strategy: 'fixed',
                 }, ids: {
                     trigger: 'opexa-portal-components:account-trigger',
-                }, children: _jsx(Portal, { children: _jsx(Popover.Positioner, { children: _jsxs(Popover.Content, { className: "relative z-popover w-[23.438rem] ui-closed:animate-fade-out ui-open:animate-fade-in overflow-hidden rounded-xl border border-border-primary bg-bg-primary p-xl", children: [_jsx(Profile, {}), _jsx(Wallet, { classNames: classNames }), _jsx(Links, { router: router })] }) }) }) })] }));
+                }, children: _jsx(Portal, { children: _jsx(Popover.Positioner, { children: _jsxs(Popover.Content, { className: "relative z-popover w-[23.438rem] ui-closed:animate-fade-out ui-open:animate-fade-in overflow-hidden rounded-xl border border-border-primary bg-bg-primary p-xl", children: [_jsx(Profile, {}), _jsx(Wallet, { classNames: classNames }), _jsx(Links, { router: router, classNames: classNames })] }) }) }) })] }));
 }
 function Profile() {
     const accountQuery = useAccountQuery();
@@ -116,7 +116,7 @@ function Wallet({ classNames }) {
                             globalStore.mobileProfile.setOpen(false);
                         }, children: "Deposit" })] })] }));
 }
-function Links({ router }) {
+function Links({ router, classNames }) {
     const accountProps = useAccountPropsContext();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         account: ctx.account,
@@ -140,26 +140,26 @@ function Links({ router }) {
     const cashbackBonusesCountQuery = useCashbackBonusesCountQuery();
     const cashbackBonusesCount = cashbackBonusesCountQuery.data ?? 0;
     const rewardsCount = bonusesCount + cashbackBonusesCount;
-    return (_jsxs("nav", { className: recipe.nav({ className: 'mt-xl' }), children: [_jsxs("ul", { hidden: !accountProps.notificationsEnabled && !accountProps.rewardsEnabled, children: [_jsx("li", { className: recipe.navItemRoot(), hidden: !accountProps.notificationsEnabled, children: _jsxs("button", { type: "button", className: recipe.navItemLink(), onClick: () => {
+    return (_jsxs("nav", { className: recipe.nav({ className: 'mt-xl' }), children: [_jsxs("ul", { hidden: !accountProps.notificationsEnabled && !accountProps.rewardsEnabled, children: [_jsx("li", { className: twMerge(recipe.navItemRoot(), classNames.navItemRoot), hidden: !accountProps.notificationsEnabled, children: _jsxs("button", { type: "button", className: twMerge(recipe.navItemLink(), classNames.navItemLink), onClick: () => {
                                 globalStore.account.setOpen(false);
                                 globalStore.account__mobile.setOpen(false);
                                 globalStore.messages.setOpen(true);
-                            }, children: [_jsx(Bell01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Notifications" }), unreadMessagesCount > 0 && (_jsx("span", { className: recipe.navItemBadge(), "data-type": "warning", children: unreadMessagesCount })), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }), _jsx("li", { className: recipe.navItemRoot(), hidden: !accountProps.rewardsEnabled, children: _jsxs(Link, { href: accountProps.rewardsUrl, className: recipe.navItemLink(), onClick: () => {
+                            }, children: [_jsx(Bell01Icon, { className: twMerge(recipe.navItemIcon(), classNames.navItemIcon) }), _jsx("span", { className: twMerge(recipe.navItemLabel(), classNames.navItemLabel), children: "Notifications" }), unreadMessagesCount > 0 && (_jsx("span", { className: twMerge(recipe.navItemBadge(), classNames.navItemBadge), "data-type": "warning", children: unreadMessagesCount })), _jsx(ChevronRightIcon, { className: twMerge(recipe.navItemIndicator(), classNames.navItemIndicator) })] }) }), _jsx("li", { className: twMerge(recipe.navItemRoot(), classNames.navItemRoot), hidden: !accountProps.rewardsEnabled, children: _jsxs(Link, { href: accountProps.rewardsUrl, className: twMerge(recipe.navItemLink(), classNames.navItemLink), onClick: () => {
                                 globalStore.account.setOpen(false);
                                 globalStore.account__mobile.setOpen(false);
-                            }, children: [_jsx(Gift01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Rewards" }), rewardsCount > 0 && (_jsx("span", { className: recipe.navItemBadge(), "data-type": "warning", children: rewardsCount })), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) })] }), _jsx("ul", { hidden: !accountProps.accountSettingsEnabled, children: _jsx("li", { className: recipe.navItemRoot(), hidden: !accountProps.accountSettingsEnabled, children: _jsxs(Link, { href: accountProps.accountSettingsUrl, className: recipe.navItemLink(), onClick: () => {
+                            }, children: [_jsx(Gift01Icon, { className: twMerge(recipe.navItemIcon(), classNames.navItemIcon) }), _jsx("span", { className: twMerge(recipe.navItemLabel(), classNames.navItemLabel), children: "Rewards" }), rewardsCount > 0 && (_jsx("span", { className: twMerge(recipe.navItemBadge(), classNames.navItemBadge), "data-type": "warning", children: rewardsCount })), _jsx(ChevronRightIcon, { className: twMerge(recipe.navItemIndicator(), classNames.navItemIndicator) })] }) })] }), _jsx("ul", { hidden: !accountProps.accountSettingsEnabled, children: _jsx("li", { className: twMerge(recipe.navItemRoot(), classNames.navItemRoot), hidden: !accountProps.accountSettingsEnabled, children: _jsxs(Link, { href: accountProps.accountSettingsUrl, className: twMerge(recipe.navItemLink(), classNames.navItemLink), onClick: () => {
                             globalStore.account.setOpen(false);
                             globalStore.account__mobile.setOpen(false);
-                        }, children: [_jsx(Settings02Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Settings" }), profileCompletionPercentage < 100 && (_jsx("span", { className: recipe.navItemBadge(), "data-type": "error", children: _jsx(AlertCircleIcon, {}) })), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }) }), _jsxs("ul", { hidden: !accountProps.betRecordsEnabled && !accountProps.transactionsEnabled, children: [_jsx("li", { className: recipe.navItemRoot(), hidden: !accountProps.betRecordsEnabled, children: _jsxs(Link, { href: accountProps.betRecordsUrl, className: recipe.navItemLink(), onClick: () => {
+                        }, children: [_jsx(Settings02Icon, { className: twMerge(recipe.navItemIcon(), classNames.navItemIcon) }), _jsx("span", { className: twMerge(recipe.navItemLabel(), classNames.navItemLabel), children: "Settings" }), profileCompletionPercentage < 100 && (_jsx("span", { className: twMerge(recipe.navItemBadge(), classNames.navItemBadge), "data-type": "error", children: _jsx(AlertCircleIcon, {}) })), _jsx(ChevronRightIcon, { className: twMerge(recipe.navItemIndicator(), classNames.navItemIndicator) })] }) }) }), _jsxs("ul", { hidden: !accountProps.betRecordsEnabled && !accountProps.transactionsEnabled, children: [_jsx("li", { className: twMerge(recipe.navItemRoot(), classNames.navItemRoot), hidden: !accountProps.betRecordsEnabled, children: _jsxs(Link, { href: accountProps.betRecordsUrl, className: twMerge(recipe.navItemLink(), classNames.navItemLink), onClick: () => {
                                 globalStore.account.setOpen(false);
                                 globalStore.account__mobile.setOpen(false);
-                            }, children: [_jsx(CoinsStacked02Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Bet Records" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }), _jsx("li", { className: recipe.navItemRoot(), hidden: !accountProps.transactionsEnabled, children: _jsxs(Link, { href: accountProps.transactionsUrl, className: recipe.navItemLink(), onClick: () => {
+                            }, children: [_jsx(CoinsStacked02Icon, { className: twMerge(recipe.navItemIcon(), classNames.navItemIcon) }), _jsx("span", { className: twMerge(recipe.navItemLabel(), classNames.navItemLabel), children: "Bet Records" }), _jsx(ChevronRightIcon, { className: twMerge(recipe.navItemIndicator(), classNames.navItemIndicator) })] }) }), _jsx("li", { className: twMerge(recipe.navItemRoot(), classNames.navItemRoot), hidden: !accountProps.transactionsEnabled, children: _jsxs(Link, { href: accountProps.transactionsUrl, className: twMerge(recipe.navItemLink(), classNames.navItemLink), onClick: () => {
                                 globalStore.account.setOpen(false);
                                 globalStore.account__mobile.setOpen(false);
-                            }, children: [_jsx(CoinsSwap02Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Transactions" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) })] }), _jsx("ul", { children: _jsx("li", { className: recipe.navItemRoot(), children: _jsxs("button", { type: "button", className: recipe.navItemLink(), disabled: signOutMutation.isPending, onClick: () => {
+                            }, children: [_jsx(CoinsSwap02Icon, { className: twMerge(recipe.navItemIcon(), classNames.navItemIcon) }), _jsx("span", { className: twMerge(recipe.navItemLabel(), classNames.navItemLabel), children: "Transactions" }), _jsx(ChevronRightIcon, { className: twMerge(recipe.navItemIndicator(), classNames.navItemIndicator) })] }) })] }), _jsx("ul", { children: _jsx("li", { className: twMerge(recipe.navItemRoot(), classNames.navItemRoot), children: _jsxs("button", { type: "button", className: twMerge(recipe.navItemLink(), classNames.navItemLink), disabled: signOutMutation.isPending, onClick: () => {
                             signOutMutation.mutate();
                             globalStore.account.setOpen(false);
                             globalStore.account__mobile.setOpen(false);
                             router.push('/');
-                        }, children: [_jsx(Logout01Icon, { className: recipe.navItemIcon() }), _jsx("span", { className: recipe.navItemLabel(), children: "Log Out" }), _jsx(ChevronRightIcon, { className: recipe.navItemIndicator() })] }) }) })] }));
+                        }, children: [_jsx(Logout01Icon, { className: twMerge(recipe.navItemIcon(), classNames.navItemIcon) }), _jsx("span", { className: twMerge(recipe.navItemLabel(), classNames.navItemLabel), children: "Log Out" }), _jsx(ChevronRightIcon, { className: twMerge(recipe.navItemIndicator(), classNames.navItemIndicator) })] }) }) })] }));
 }

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

@@ -1,5 +1,6 @@
+import { type ReactNode } from 'react';
 export interface BonusesProps {
-    heading?: string;
+    heading?: string | ReactNode;
     className?: string;
     /**
      * @description base URL for the bonus details page

package/dist/components/Disclaimer/DisclaimerV2.d.ts

@@ -4,6 +4,7 @@ export interface DisclaimerV2Props {
     logo: ImageProps['src'];
     siteName: string;
     responsibleGamingLogo?: ImageProps['src'];
+    pagcorLogo?: ImageProps['src'];
     redirectUrlOnNoConsent?: string;
 }
 export declare function DisclaimerV2(props: DisclaimerV2Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/DisclaimerV2.js

@@ -22,7 +22,7 @@ export function DisclaimerV2(props) {
     })));
     const checked = globalStore.termsOfUse.accepted && globalStore.responsibleGaming.accepted;
     const [showWarning, setShowWarning] = useState(false);
-    return (_jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "flex h-full scrollbar:h-2 scrollbar:w-2 w-full flex-col items-start gap-y-4 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent p-3xl lg:mx-auto lg:h-auto lg:max-h-[80vh] lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "flex w-full items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false })] }), _jsx("div", { className: "text-sm", children: "The following individuals are prohibited from registering or participating in this online gaming platform." }), _jsx("div", { className: "w-full grow", children: _jsxs(Dialog.Description, { className: "space-y-4 text-sm", children: [_jsxs("ul", { className: "space-y-1.5 text-left", children: [_jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Persons below the legal gambling age of 21."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Any government official or employee directly involved in the operations of the government or its agencies."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Member of the Armed Forces of the Philippines, including the Army, Navy, Air Force and the Philippine National Police."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Individuals listed in PAGCOR's National Database of Restricted Persons (NDRP)"] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Holders of a valid Gaming Employment License (GEL)"] })] }), _jsxs(Checkbox.Root, { checked: checked, onCheckedChange: (e) => {
+    return (_jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "flex h-full scrollbar:h-2 scrollbar:w-2 w-full flex-col items-start gap-y-4 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent p-3xl lg:mx-auto lg:h-auto lg:max-h-[80vh] lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: props.logo, alt: `${props.siteName} logo`, width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "flex w-full items-center justify-center gap-3xl", children: [_jsx(Image, { src: props.pagcorLogo ?? pagcorLogo, alt: "PAGCOR logo", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false })] }), _jsx("div", { className: "text-sm", children: "The following individuals are prohibited from registering or participating in this online gaming platform." }), _jsx("div", { className: "w-full grow", children: _jsxs(Dialog.Description, { className: "space-y-4 text-sm", children: [_jsxs("ul", { className: "space-y-1.5 text-left", children: [_jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Persons below the legal gambling age of 21."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Any government official or employee directly involved in the operations of the government or its agencies."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Member of the Armed Forces of the Philippines, including the Army, Navy, Air Force and the Philippine National Police."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Individuals listed in PAGCOR's National Database of Restricted Persons (NDRP)"] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Holders of a valid Gaming Employment License (GEL)"] })] }), _jsxs(Checkbox.Root, { checked: checked, onCheckedChange: (e) => {
                                                 if (e.checked === 'indeterminate')
                                                     return;
                                                 globalStore.termsOfUse.setAccepted(e.checked);

package/dist/components/FavoriteGames/FavoriteGames.client.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 interface ClassNameEntries {
     root?: string;
     thumbnailRoot?: string;
@@ -6,7 +7,7 @@ interface ClassNameEntries {
 export interface FavoriteGamesProps {
     className?: string | ClassNameEntries;
     /** @default 'Favorite Games' */
-    heading?: string;
+    heading?: string | ReactNode;
 }
 export declare function FavoriteGames__client(props: FavoriteGamesProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,4 +1,5 @@
 import { type ImageProps } from 'next/image';
+import { type ReactNode } from 'react';
 import type { GameProvider, GameProviderData } from '../../types';
 export interface ClassNameEntries {
     root?: string;
@@ -8,7 +9,7 @@ export interface ClassNameEntries {
 export interface GameProvidersCarouselProps {
     layout: 'carousel';
     gameProviders: GameProvider[];
-    heading?: string;
+    heading?: string | ReactNode;
     /**
      * @default '/providers'
      */

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

@@ -1,4 +1,5 @@
 import { type ImageProps } from 'next/image';
+import type { ReactNode } from 'react';
 import type { GameProvider, GameProviderData } from '../../types';
 export interface ClassNameEntries {
     root?: string;
@@ -11,7 +12,7 @@ export interface ClassNameEntries {
 export interface GameProvidersListProps {
     layout: 'list';
     gameProviders: GameProvider[];
-    heading?: string;
+    heading?: string | ReactNode;
     /**
      * @default '/providers/<slug>'
      * @example

package/dist/components/Games/GamesCarousel.client.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 import type { GamesInput__Next } from '../../services/cmsPortal';
 interface ClassNameEntries {
     root?: string;
@@ -7,7 +8,7 @@ interface ClassNameEntries {
 export interface GamesCarouselProps {
     layout: 'carousel';
     /** @default "Games" */
-    heading?: string;
+    heading?: string | ReactNode;
     /**
      * @description URL for viewing all games
      * @default "/games"

package/dist/components/Games/GamesList.client.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { GamesInput__Next } from '../../services/cmsPortal';
 interface ClassNameEntries {
     root?: string;
@@ -16,7 +17,7 @@ export interface GamesListProps {
     sort?: GamesInput__Next['sort'];
     search?: string;
     /** @default "Games"*/
-    heading?: string;
+    heading?: string | ReactNode;
     viewGameProvidersUrl?: string;
     className?: string | ClassNameEntries;
 }

package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarousel.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties } from 'react';
+import { type CSSProperties, type ReactNode } from 'react';
 export interface ClassNameEntries {
     root?: string;
     itemRoot?: string;
@@ -23,7 +23,7 @@ interface StyleEntries {
 export interface JackpotsCarouselProps {
     layout: 'carousel';
     /** @default "Promos" */
-    heading?: string;
+    heading?: string | ReactNode;
     /** @default "/jackpots" */
     viewAllUrl?: string;
     className?: string | ClassNameEntries;

package/dist/components/Jackpots/JackpotsList/JackpotsList.d.ts

@@ -1,5 +1,5 @@
 import { type ImageProps } from 'next/image';
-import type { CSSProperties } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 import type { GameProvider, GameProviderData } from '../../../types';
 export interface ClassNameEntries {
     root?: string;
@@ -32,7 +32,7 @@ interface StyleEntries {
 export interface JackpotsListProps {
     layout: 'list';
     /** @default "Jackpots" */
-    heading?: string;
+    heading?: string | ReactNode;
     className?: string | ClassNameEntries;
     style?: CSSProperties | StyleEntries;
     gameProviders: GameProvider[];

package/dist/components/Jackpots/JackpotsList/JackpotsList.js

@@ -31,5 +31,5 @@ export function JackpotsList(props) {
     const classNames = isString(props.className)
         ? { root: props.className }
         : (props.className ?? {});
-    return (_jsx(JackpotsListPropsContext, { value: props, children: _jsxs("div", { style: styles.root, className: classNames.root, children: [_jsx("div", { className: "mb-3 font-semibold text-lg lg:mb-4.5", children: props.heading ?? 'Jackpots' }), jackpots.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden flex-col gap-6 lg:flex", children: jackpots.map((jackpot) => (_jsx(JackpotsListItemContext, { value: jackpot, children: _jsx(JackpotsListItemDesktop, { style: styles.itemRoot, className: classNames, animate: props.animate, customJackpotChestImage: props.customJackpotChestImage, jackpotProfileShape: props.jackpotProfileShape }) }, jackpot.id))) }), _jsx("div", { className: "flex flex-col gap-6 lg:hidden", children: jackpots.map((jackpot) => (_jsx(JackpotsListItemContext, { value: jackpot, children: _jsx(JackpotsListItemMobile, { style: styles.itemRoot, className: classNames, animate: props.animate, customJackpotChestImage: props.customJackpotChestImage, jackpotProfileShape: props.jackpotProfileShape }) }, jackpot.id))) })] })) : (_jsxs("div", { className: "mt-5 flex h-fit flex-col items-center justify-center lg:mt-0 lg:h-62", children: [_jsx(Image, { width: 100, height: 100, src: closeChest, alt: "closeChest", className: "size-full h-29.5 w-29.5 mix-blend-luminosity lg:h-25 lg:w-25" }), _jsxs("div", { className: "mt-4 font-semibold text-base text-text-primary-900", children: ["No ", props.heading ?? 'Jackpots'] }), _jsxs("div", { className: "mt-1 text-center text-sm text-text-tertiary-600", children: ["No ", props.heading?.toLocaleLowerCase() ?? 'jackpots', " are running at the moment. ", _jsx("br", {}), "Please check back later!"] })] }))] }) }));
+    return (_jsx(JackpotsListPropsContext, { value: props, children: _jsxs("div", { style: styles.root, className: classNames.root, children: [_jsx("div", { className: "mb-3 font-semibold text-lg lg:mb-4.5", children: props.heading ?? 'Jackpots' }), jackpots.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden flex-col gap-6 lg:flex", children: jackpots.map((jackpot) => (_jsx(JackpotsListItemContext, { value: jackpot, children: _jsx(JackpotsListItemDesktop, { style: styles.itemRoot, className: classNames, animate: props.animate, customJackpotChestImage: props.customJackpotChestImage, jackpotProfileShape: props.jackpotProfileShape }) }, jackpot.id))) }), _jsx("div", { className: "flex flex-col gap-6 lg:hidden", children: jackpots.map((jackpot) => (_jsx(JackpotsListItemContext, { value: jackpot, children: _jsx(JackpotsListItemMobile, { style: styles.itemRoot, className: classNames, animate: props.animate, customJackpotChestImage: props.customJackpotChestImage, jackpotProfileShape: props.jackpotProfileShape }) }, jackpot.id))) })] })) : (_jsxs("div", { className: "mt-5 flex h-fit flex-col items-center justify-center lg:mt-0 lg:h-62", children: [_jsx(Image, { width: 100, height: 100, src: closeChest, alt: "closeChest", className: "size-full h-29.5 w-29.5 mix-blend-luminosity lg:h-25 lg:w-25" }), _jsx("div", { className: "mt-4 font-semibold text-base text-text-primary-900", children: "No Jackpots" }), _jsxs("div", { className: "mt-1 text-center text-sm text-text-tertiary-600", children: ["No jackpots are running at the moment. ", _jsx("br", {}), "Please check back later!"] })] }))] }) }));
 }

package/dist/components/NewsFeed/NewsFeedCarousel.d.ts

@@ -1,10 +1,10 @@
-import { type CSSProperties } from 'react';
+import { type CSSProperties, type ReactNode } from 'react';
 import type { News as TNews } from '../../types';
 export interface NewsFeedCarouselProps {
     layout: 'carousel';
     newsFeed: TNews[];
     /** @default 'News' */
-    heading?: string;
+    heading?: string | ReactNode;
     /** @default '/news' */
     viewAllUrl?: string;
     /**

package/dist/components/NewsFeed/NewsFeedList.d.ts

@@ -1,10 +1,10 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 import type { News as TNews } from '../../types';
 export interface NewsFeedListProps {
     layout: 'list';
     newsFeed: TNews[];
     /** @default 'News' */
-    heading?: string;
+    heading?: string | ReactNode;
     /**
      * @default '/news'
      * @example

package/dist/components/Promos/PromosCarousel.d.ts

@@ -1,8 +1,9 @@
+import { type ReactNode } from 'react';
 import type { CustomPromo as TCustomPromo } from '../../types';
 export interface PromosCarouselProps {
     layout: 'carousel';
     /** @default "Promotions" */
-    heading?: string;
+    heading?: string | ReactNode;
     /** @default "/promos" */
     viewAllUrl?: string;
     /** @default "/promos" */

package/dist/components/Promos/PromosGrid.d.ts

@@ -1,8 +1,9 @@
+import type { ReactNode } from 'react';
 import type { CustomPromo as TCustomPromo } from '../../types';
 export interface PromosGridProps {
     layout: 'grid';
     /** @default "Promotions" */
-    heading?: string;
+    heading?: string | ReactNode;
     /** @default "/promos" */
     viewPromoDetailsUrl?: string;
     /** @default "/promos/cashback" */

package/dist/components/Quests/Quests.client.d.ts

@@ -1,7 +1,7 @@
-import { type CSSProperties } from 'react';
+import { type CSSProperties, type ReactNode } from 'react';
 export interface QuestsProps {
     /** @default "Quests" */
-    heading?: string;
+    heading?: string | ReactNode;
     className?: string;
     style?: CSSProperties;
 }

package/dist/components/TopWins/TopWins.client.d.ts

@@ -1,6 +1,7 @@
+import type { ReactNode } from 'react';
 export interface TopWinsProps {
     /** @default "Recent Big Wins" */
-    heading?: string;
+    heading?: string | ReactNode;
     className?: string;
 }
 export declare function TopWins__client(props: TopWinsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarousel.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties } from 'react';
+import { type CSSProperties, type ReactNode } from 'react';
 interface ClassNameEntries {
     root?: string;
     itemRoot?: string;
@@ -16,7 +16,7 @@ interface StyleEntries {
 export interface TournamentsCarouselProps {
     layout: 'carousel';
     /** @default "Tournaments" */
-    heading?: string;
+    heading?: string | ReactNode;
     /** @default "/tournaments" */
     viewAllUrl?: string;
     className?: string | ClassNameEntries;

package/dist/components/Tournaments/TournamentsList/TournamentsList.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 import type { GameProvider, GameProviderData } from '../../../types';
 interface ClassNameEntries {
     root?: string;
@@ -17,7 +17,7 @@ interface StyleEntries {
 export interface TournamentsListProps {
     layout: 'list';
     /** @default "Tournaments" */
-    heading?: string;
+    heading?: string | ReactNode;
     className?: string | ClassNameEntries;
     style?: CSSProperties | StyleEntries;
     gameProviders: GameProvider[];

package/dist/components/Tournaments/TournamentsList/TournamentsList.js

@@ -50,5 +50,5 @@ export function TournamentsList({ style, className, ...props }) {
                                         badgeRoot: classNames.itemBadgeRoot,
                                         badgeLabel: classNames.itemBadgeLabel,
                                         badgeIcon: classNames.itemBadgeIcon,
-                                    } }) }, tournament.id))) })] })) : (_jsxs("div", { className: "mt-11 flex flex-col items-center justify-center", children: [_jsx(Image, { width: 100, height: 100, src: closeChest, alt: "closeChest", className: "size-full h-29.5 w-29.5 mix-blend-luminosity lg:h-25 lg:w-25" }), _jsx("div", { className: "mt-4 font-semibold text-base text-text-primary-900", children: props.heading ?? 'Tournaments' }), _jsxs("div", { className: "mt-1 text-center text-sm text-text-tertiary-600", children: ["No ", props.heading?.toLocaleLowerCase() ?? 'tournaments', " are running at the moment. ", _jsx("br", {}), "Please check back later!"] })] }))] }) }));
+                                    } }) }, tournament.id))) })] })) : (_jsxs("div", { className: "mt-11 flex flex-col items-center justify-center", children: [_jsx(Image, { width: 100, height: 100, src: closeChest, alt: "closeChest", className: "size-full h-29.5 w-29.5 mix-blend-luminosity lg:h-25 lg:w-25" }), _jsx("div", { className: "mt-4 font-semibold text-base text-text-primary-900", children: "No Tournaments" }), _jsxs("div", { className: "mt-1 text-center text-sm text-text-tertiary-600", children: ["No tournaments are running at the moment. ", _jsx("br", {}), "Please check back later!"] })] }))] }) }));
 }

package/dist/components/TransactionRecords/TableFilters.js

@@ -71,13 +71,37 @@ const TRANSACTION_TYPES = [
     'BET',
     'PAYOUT',
     'BONUS',
+    'POINTS_TO_CASH_CONVERSION',
+    'CASHBACK_BONUS',
+    'WITHDRAWAL_REFUND',
+    'BET_REFUND',
+    'BONUS_PAYOUT',
+    'BONUS_BET',
+    'BONUS_CREATED',
+    'BONUS_CANCELLED',
+    'BONUS_CLEARED',
+    'BONUS_ZEROED_OUT',
+    'JACKPOT_PAYOUT',
+    'TOURNAMENT_PAYOUT',
 ];
 const TRANSACTION_TYPES_MAP = {
     DEPOSIT: 'Deposit',
     WITHDRAWAL: 'Withdrawal',
     BET: 'Bet',
     PAYOUT: 'Win',
+    POINTS_TO_CASH_CONVERSION: 'Points to Cash Conversion',
     BONUS: 'Bonus',
+    CASHBACK_BONUS: 'Cashback Bonus',
+    WITHDRAWAL_REFUND: 'Withdrawal Refund',
+    BET_REFUND: 'Bet Refund',
+    BONUS_PAYOUT: 'Bonus Payout',
+    BONUS_BET: 'Bonus Bet',
+    BONUS_CREATED: 'Bonus Created',
+    BONUS_CANCELLED: 'Bonus Cancelled',
+    BONUS_CLEARED: 'Bonus Cleared',
+    BONUS_ZEROED_OUT: 'Bonus Zeroed Out',
+    JACKPOT_PAYOUT: 'Jackpot Payout',
+    TOURNAMENT_PAYOUT: 'Tournament Payout',
 };
 const deviceTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
 const depositTypeCollection = createListCollection({

package/dist/handlers/index.d.ts

@@ -6,13 +6,6 @@ interface Context {
     params: Promise<Params>;
 }
 export declare const GET: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
-    ok: false;
-    message: string;
-    __error?: unknown;
-} | {
-    ok: true;
-    data: import("../types").Session;
-}> | NextResponse<{
     ok: true;
     data?: never;
 } | {
@@ -26,6 +19,13 @@ export declare const GET: (req: NextRequest, { params }: Context) => Promise<Nex
 } | {
     ok: true;
     data: Record<string, unknown>;
+}> | NextResponse<{
+    ok: false;
+    message: string;
+    __error?: unknown;
+} | {
+    ok: true;
+    data: import("../types").Session;
 }>>;
 export declare const DELETE: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
     ok: true;

package/dist/types/index.d.ts

@@ -399,7 +399,7 @@ export interface CashbackBonus {
     dateTimeCreated: string;
     dateTimeLastUpdated: string;
 }
-export type TransactionType = 'DEPOSIT' | 'PAYOUT' | 'WITHDRAWAL_REFUND' | 'TRANSFER_IN' | 'WITHDRAWAL' | 'BET' | 'TRANSFER_OUT' | 'ROLLBACK' | 'BET_REFUND' | 'PAYOUT_REFUND' | 'CASHBACK_BONUS' | 'BONUS' | 'POINTS_TO_CASH_CONVERSION' | 'BONUS_PAYOUT' | 'BONUS_BET' | 'BONUS_CLEARED' | 'BONUS_CREATED' | 'BONUS_ZEROED_OUT' | 'BONUS_CANCELLED';
+export type TransactionType = 'DEPOSIT' | 'PAYOUT' | 'WITHDRAWAL_REFUND' | 'TRANSFER_IN' | 'WITHDRAWAL' | 'BET' | 'TRANSFER_OUT' | 'ROLLBACK' | 'BET_REFUND' | 'PAYOUT_REFUND' | 'CASHBACK_BONUS' | 'BONUS' | 'POINTS_TO_CASH_CONVERSION' | 'BONUS_PAYOUT' | 'BONUS_BET' | 'BONUS_CLEARED' | 'BONUS_CREATED' | 'BONUS_ZEROED_OUT' | 'BONUS_CANCELLED' | 'JACKPOT_PAYOUT' | 'TOURNAMENT_PAYOUT';
 export interface TransactionRecord {
     id: string;
     type: TransactionType;