@opexa/portal-components 0.0.403 → 0.0.404

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;