@opexa/portal-components 0.1.0 → 0.1.4

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

@@ -1,63 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { isString, noop } from 'lodash-es';
-import Link from 'next/link';
-import { useEffect, useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useBypassKycChecker, } from '../../client/hooks/useBypassKycChecker.js';
-import { useGamesQuery } from '../../client/hooks/useGamesQuery.js';
-import { useInfiniteQueryHelper } from '../../client/hooks/useInfiniteQueryHelper.js';
-import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
-import { GamingPad01Icon } from '../../icons/GamingPad01Icon.js';
-import { SpinnerIcon } from '../../icons/SpinnerIcon.js';
-import { Button } from '../../ui/Button/index.js';
-import { Progress } from '../../ui/Progress/index.js';
-import { Empty } from '../shared/Empty.js';
-import { Game } from './Game.js';
-import { GameContext, GamesPropsContext } from './GamesContext.js';
-import { GamesPagination } from './GamesPagination.js';
-export function GamesList__client(props) {
-    const isBypass = useBypassKycChecker(props.bypassDomains);
-    const { pagination = 'lazy-load' } = props;
-    const perPage = props.first ?? 24;
-    const { loading, availableRows, totalRows, totalAvailableRows, hasNextPage, next, } = useInfiniteQueryHelper(useGamesQuery, {
-        first: perPage,
-        filter: props.filter,
-        search: props.search,
-        sort: props.sort,
-    });
-    const [currentPage, setCurrentPage] = useState(1);
-    const totalPages = Math.ceil(totalRows / perPage);
-    useEffect(() => {
-        if (pagination === 'paginated') {
-            const requiredRows = currentPage * perPage;
-            if (requiredRows > availableRows.length && hasNextPage && !loading) {
-                next();
-            }
-        }
-    }, [
-        pagination,
-        currentPage,
-        perPage,
-        availableRows.length,
-        hasNextPage,
-        loading,
-        next,
-    ]);
-    const paginatedRows = availableRows.slice((currentPage - 1) * perPage, currentPage * perPage);
-    const classNames = isString(props.className)
-        ? { root: props.className }
-        : (props.className ?? {});
-    return (_jsx(GamesPropsContext, { value: props, children: _jsxs("div", { className: classNames.root, id: "games-list", children: [_jsxs("div", { className: "flex flex-col lg:flex-row lg:items-center lg:justify-between", children: [_jsx("h2", { className: "order-2 mt-md font-semibold text-lg lg:order-none lg:mt-0", children: typeof props.heading === 'string'
-                                ? props.heading.replaceAll('OneAPI', '')
-                                : (props.heading ?? 'Games') }), props.viewGameProvidersUrl && (_jsxs(Link, { href: props.viewGameProvidersUrl, className: "order-1 flex items-center gap-sm font-semibold text-button-tertiary-fg text-lg lg:order-none lg:text-sm", children: [_jsx(ChevronLeftIcon, { className: "size-5" }), "Back to all Providers"] }))] }), totalRows <= 0 && (_jsx(Empty, { icon: loading ? SpinnerIcon : GamingPad01Icon, title: loading ? 'Just a moment' : 'No games', message: loading
-                        ? 'Fetching latest games...'
-                        : 'No game is currently available. Please check back later', className: "mt-lg" })), totalRows >= 1 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "mt-lg grid grid-cols-3 gap-1.5 lg:grid-cols-6 lg:gap-2.5", children: (pagination === 'paginated' ? paginatedRows : availableRows).map((game) => {
-                                return (_jsx(GameContext, { value: game, children: _jsx(Game, { bypassKycCheck: isBypass, badge: props.badge, priority: true, className: {
-                                            root: classNames.thumbnailRoot,
-                                            title: classNames.thumbnailTitle,
-                                        } }) }, game.id));
-                            }) }), _jsx("div", { className: "mt-2xl flex flex-col items-center lg:mt-3xl", children: pagination === 'paginated' && totalRows > 0 ? (_jsx(GamesPagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (page) => {
-                                    setCurrentPage(page);
-                                } })) : (_jsxs(_Fragment, { children: [_jsx(Progress.Root, { min: 0, max: totalRows, value: totalAvailableRows, 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 ${totalAvailableRows} of ${totalRows}` }), hasNextPage && (_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, onClick: next, className: twMerge('mt-lg', classNames.loadMoreButton), children: "Load More" }))] })) })] }))] }) }));
-}

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

@@ -1,3 +0,0 @@
-import { type GamesListProps } from './GamesList.client';
-export declare function GamesList(props: GamesListProps): Promise<import("react/jsx-runtime").JSX.Element>;
-export type { GamesListProps };

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { prefetchGamesQuery } from '../../server/utils/prefetchGamesQuery.js';
-import { GamesList__client } from './GamesList.client.js';
-export async function GamesList(props) {
-    await prefetchGamesQuery({
-        first: props.first ?? 24,
-        filter: props.filter,
-        search: props.search,
-        sort: props.sort,
-    });
-    return _jsx(GamesList__client, { ...props });
-}

package/dist/lib/components/Games/GamesPagination.d.ts

@@ -1,8 +0,0 @@
-interface GamesPaginationProps {
-    currentPage: number;
-    totalPages: number;
-    onPageChange: (page: number) => void;
-    siblingCount?: number;
-}
-export declare function GamesPagination({ currentPage, totalPages, onPageChange, siblingCount, }: GamesPaginationProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/lib/components/Games/GamesPagination.js

@@ -1,61 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } 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';
-const DOTS = '...';
-const range = (start, end) => {
-    const length = end - start + 1;
-    return Array.from({ length }, (_, idx) => idx + start);
-};
-export function GamesPagination({ currentPage, totalPages, onPageChange, siblingCount = 1, }) {
-    const paginationRange = useMemo(() => {
-        const totalPageNumbers = siblingCount + 5;
-        if (totalPageNumbers >= totalPages) {
-            return range(1, totalPages);
-        }
-        const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
-        const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
-        const shouldShowLeftDots = leftSiblingIndex > 2;
-        const shouldShowRightDots = rightSiblingIndex < totalPages - 1;
-        const firstPageIndex = 1;
-        const lastPageIndex = totalPages;
-        if (!shouldShowLeftDots && shouldShowRightDots) {
-            const leftItemCount = 3 + 2 * siblingCount;
-            const leftRange = range(1, leftItemCount);
-            return [...leftRange, DOTS, totalPages];
-        }
-        if (shouldShowLeftDots && !shouldShowRightDots) {
-            const rightItemCount = 3 + 2 * siblingCount;
-            const rightRange = range(totalPages - rightItemCount + 1, totalPages);
-            return [firstPageIndex, DOTS, ...rightRange];
-        }
-        if (shouldShowLeftDots && shouldShowRightDots) {
-            const middleRange = range(leftSiblingIndex, rightSiblingIndex);
-            return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
-        }
-        return range(1, totalPages);
-    }, [totalPages, siblingCount, currentPage]);
-    const handlePrevious = () => {
-        if (currentPage > 1) {
-            onPageChange(currentPage - 1);
-        }
-    };
-    const handleNext = () => {
-        if (currentPage < totalPages) {
-            onPageChange(currentPage + 1);
-        }
-    };
-    if (currentPage === 0 || (paginationRange && paginationRange.length < 2)) {
-        return null;
-    }
-    return (_jsx("div", { className: 'mx-10 flex items-center justify-center', children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "w-fit rounded-md border-transparent", onClick: handlePrevious, disabled: currentPage === 1, "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-6" }) }), paginationRange?.map((pageNumber, index) => {
-                    if (pageNumber === DOTS) {
-                        return (_jsx("span", { className: "flex h-10 w-10 items-center justify-center text-sm text-text-secondary", children: "..." }, `dots-${index}`));
-                    }
-                    return (_jsx(Button, { variant: pageNumber === currentPage ? 'solid' : 'outline', colorScheme: "gray", className: twMerge('h-10 w-10 rounded-md', pageNumber !== currentPage && 'border-transparent', pageNumber === currentPage &&
-                            'border-border-brand-primary bg-bg-brand-primary text-text-primary-inverted'), onClick: () => onPageChange(pageNumber), children: pageNumber }, pageNumber));
-                }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "w-fit rounded-md border-transparent", onClick: handleNext, disabled: currentPage === totalPages, "aria-label": "Next", children: _jsx(ArrowRightIcon, { className: "size-6" }) })] }) }));
-}

package/dist/lib/components/Games/index.d.ts

@@ -1 +0,0 @@
-export * from './Games';

package/dist/lib/components/Games/index.js

@@ -1 +0,0 @@
-export * from './Games.js';

package/dist/lib/components/GamesSearch/GamesSearch.d.ts

@@ -1,20 +0,0 @@
-import { type BypassDomainConfig } from '../../client/hooks/useBypassKycChecker';
-import type { GamesInput__Next } from '../../services/cmsPortal';
-export interface ClassNameEntries {
-    root?: string;
-    thumbnailRoot?: string;
-    thumbnailTitle?: string;
-    loadMoreButton?: string;
-    gameSearchResult?: string;
-}
-interface GamesSearchProps {
-    first?: number;
-    filter?: GamesInput__Next['filter'];
-    sort?: GamesInput__Next['sort'];
-    className?: string | ClassNameEntries;
-    placeholder?: string;
-    bypassDomains?: BypassDomainConfig[];
-    variant?: string;
-}
-export declare function GamesSearch(props: GamesSearchProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/lib/components/GamesSearch/GamesSearch.js

@@ -1,74 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createListCollection } from '@ark-ui/react/collection';
-import { isString } from 'lodash-es';
-import Image from 'next/image';
-import { useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useBypassKycChecker, } from '../../client/hooks/useBypassKycChecker.js';
-import { useGamesQuery } from '../../client/hooks/useGamesQuery.js';
-import { SearchLgIcon } from '../../icons/SearchLgIcon.js';
-import RainbowballImg from '../../images/rainbow-ball-online.webp';
-import { Button } from '../../ui/Button/index.js';
-import { Combobox } from '../../ui/Combobox/index.js';
-import { Portal } from '../../ui/Portal/index.js';
-import { Presence } from '../../ui/Presence/index.js';
-import { getGameImageUrl } from '../../utils/getGameImageUrl.js';
-import { sanitizeGamesSearch } from '../../utils/sanitizeGamesSearch.js';
-import { GameLaunchTrigger } from '../GameLaunch/index.js';
-export function GamesSearch(props) {
-    const isBypass = useBypassKycChecker(props.bypassDomains);
-    const [searchInput, setSearchInput] = useState('');
-    const sanitizedSearch = sanitizeGamesSearch(searchInput);
-    const trimmedInputLength = searchInput.trim().length;
-    const showMinLengthWarning = trimmedInputLength > 0 &&
-        trimmedInputLength < 3 &&
-        sanitizedSearch.length < 3;
-    const gamesQuery = useGamesQuery({
-        first: props.first ?? 18,
-        filter: props.filter,
-        search: sanitizedSearch,
-        sort: props.sort,
-    }, {
-        enabled: sanitizedSearch.length >= 3,
-    });
-    let games = gamesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? [];
-    if (props.variant === '88play') {
-        games = games.filter((game) => game.name.toLowerCase().includes(sanitizedSearch.toLowerCase()));
-    }
-    const collection = createListCollection({
-        items: games,
-        itemToValue: (item) => item.id,
-        itemToString: (item) => item.name,
-    });
-    const classNames = isString(props.className)
-        ? { root: props.className }
-        : (props.className ?? {});
-    function fixMojibake(str) {
-        return str.replace(/ÔÇÖ/g, "'").replace(/ÔÇô/g, '');
-    }
-    return (_jsx("div", { className: classNames.root, children: _jsxs(Combobox.Root, { collection: collection, positioning: {
-                sameWidth: true,
-                placement: 'bottom',
-            }, inputValue: searchInput, onInputValueChange: (details) => {
-                setSearchInput(details.inputValue);
-            }, selectionBehavior: "preserve", allowCustomValue: true, children: [_jsxs(Combobox.Control, { className: "relative z-50", children: [_jsx(Combobox.Input, { placeholder: props.placeholder ?? 'Search' }), _jsx(Combobox.Context, { children: (api) => {
-                                if (api.inputValue.length <= 0)
-                                    return null;
-                                return (_jsx("span", { className: "cursor-pointer px-3.5 font-semibold text-text-secondary-700", onClick: () => {
-                                        api.setInputValue('');
-                                        api.focus();
-                                    }, children: "Clear" }));
-                            } })] }), _jsx(Portal, { children: _jsx(Combobox.Context, { children: (api) => (_jsxs(_Fragment, { children: [_jsx(Presence, { present: api.open, children: _jsx("div", { className: "fixed inset-0 z-40 bg-black/50 backdrop-blur-sm", onClick: () => api.setOpen(false) }) }), _jsx(Combobox.Positioner, { children: searchInput.trim().length > 0 && (_jsx(Combobox.Content, { className: "z-50 max-h-[33.25rem] overflow-y-auto p-0", children: showMinLengthWarning ? (_jsx(Alert, { message: "Search requires at least 3 characters." })) : (_jsxs(_Fragment, { children: [games.length <= 0 && (_jsx(Alert, { message: "No results found" })), games.length > 0 && (_jsxs("div", { className: "p-xl", children: [_jsx(Combobox.Context, { children: (api) => (_jsx("div", { className: twMerge('grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5', classNames.gameSearchResult), children: games.map((game) => (_jsxs(GameLaunchTrigger, { bypassKycCheck: isBypass, game: game, onClick: () => {
-                                                                        api.setOpen(false);
-                                                                    }, className: twMerge('md:hover:-translate-y-1 relative flex h-full w-full flex-col shadow-sm transition-transform duration-200', classNames.thumbnailRoot), children: [_jsx(Image, { src: game.name === 'Rainbow Ball'
-                                                                                ? RainbowballImg
-                                                                                : getGameImageUrl({
-                                                                                    reference: game.reference,
-                                                                                    provider: game.provider,
-                                                                                    image: game.image,
-                                                                                }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('flex w-full flex-1 items-center justify-center break-words rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', classNames.thumbnailTitle), children: fixMojibake(game.name) })] }, game.id))) })) }), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-4xl w-fit', classNames.loadMoreButton), onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) })) })] })) }) })] }) }));
-}
-function Alert({ message }) {
-    return (_jsxs("div", { className: "py-lg", role: "alert", "aria-live": "polite", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-lg border border-border-primary bg-bg-secondary shadow-xs", children: _jsx(SearchLgIcon, { className: "size-6 text-text-secondary-700" }) }), _jsx("p", { className: "mt-4 text-center text-text-secondary-700", children: message })] }));
-}

package/dist/lib/components/GamesSearch/index.d.ts

@@ -1 +0,0 @@
-export * from './GamesSearch';

package/dist/lib/components/GamesSearch/index.js

@@ -1 +0,0 @@
-export * from './GamesSearch.js';

package/dist/lib/components/IdleLogout/IdleLogout.d.ts

@@ -1,7 +0,0 @@
-export interface IdleLogoutProps {
-    /**
-     * Idle timer in milliseconds before logout. Defaults to 15 minutes (900000 ms).
-     */
-    timer?: number;
-}
-export declare function IdleLogout({ timer }: IdleLogoutProps): null;

package/dist/lib/components/IdleLogout/IdleLogout.js

@@ -1,6 +0,0 @@
-'use client';
-import { useIdleLogout } from '../../client/hooks/useIdleLogout.js';
-export function IdleLogout({ timer }) {
-    useIdleLogout(timer);
-    return null;
-}

package/dist/lib/components/IdleLogout/index.d.ts

@@ -1 +0,0 @@
-export * from './IdleLogout';

package/dist/lib/components/IdleLogout/index.js

@@ -1 +0,0 @@
-export * from './IdleLogout.js';

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

@@ -1,4 +0,0 @@
-import { type JackpotsCarouselProps } from './JackpotsCarousel/JackpotsCarousel';
-import { type JackpotsListProps } from './JackpotsList/JackpotsList';
-export type JackpotsProps = JackpotsCarouselProps | JackpotsListProps;
-export declare function Jackpots(props: JackpotsProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/lib/components/Jackpots/Jackpots.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { prefetchJackpotsNextQuery } from '../../server/utils/prefetchJackpotsNextQuery.js';
-import { prefetchJackpotsQuery } from '../../server/utils/prefetchJackpotsQuery.js';
-import { JackpotsCarousels, } from './JackpotsCarousel/JackpotsCarousel.js';
-import { JackpotsList, } from './JackpotsList/JackpotsList.js';
-export async function Jackpots(props) {
-    await prefetchJackpotsQuery({
-        first: 100,
-        filter: {
-            deleted: {
-                equal: false,
-            },
-        },
-        sort: {
-            cursor: 'POOL',
-            order: 'DESC',
-        },
-    });
-    await prefetchJackpotsNextQuery({
-        first: 100,
-        filter: {
-            deleted: {
-                equal: false,
-            },
-        },
-        sort: {
-            cursor: 'POOL',
-            order: 'DESC',
-        },
-    });
-    if (props.layout === 'carousel') {
-        return _jsx(JackpotsCarousels, { ...props });
-    }
-    else {
-        return _jsx(JackpotsList, { ...props });
-    }
-}

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

@@ -1,90 +0,0 @@
-import type { ImageProps } from 'next/image';
-import { type CSSProperties, type ReactNode } from 'react';
-export interface ClassNameEntries {
-    root?: string;
-    itemRoot?: string;
-    jackpotAmountRoot?: string;
-    jackpotNameRoot?: string;
-    jackpotBadgeRoot?: string;
-    jackpotTurnoverRoot?: string;
-    jackpotTurnoverIcon?: string;
-    latestPayoutRoot?: string;
-    latestPayoutBadgeRoot?: string;
-    latestPayoutBadgeIcon?: string;
-    latestPayoutAmount?: string;
-    latestPayoutRankRoot?: string;
-    progressBarRoot?: string;
-    progressBarTrack?: string;
-    recentPayoutsRoot?: string;
-    recentPayoutsTableRoot?: string;
-    recentPayoutsTableHeadRow?: string;
-    recentPayoutsTableBodyRow?: string;
-    recentPayoutsTableBodyData?: string;
-}
-interface StyleEntries {
-    root?: CSSProperties;
-    itemRoot?: CSSProperties;
-}
-export interface JackpotsCarouselProps {
-    variant?: 'crazywin' | 'happybingo';
-    layout: 'carousel';
-    /** @default "Promos" */
-    heading?: string | ReactNode;
-    /** @default "/jackpots" */
-    viewAllUrl?: string;
-    className?: string | ClassNameEntries;
-    style?: CSSProperties | StyleEntries;
-    animate?: boolean;
-    customJackpotChestImage?: {
-        image: {
-            open: string;
-            closed: string;
-        };
-        style?: {
-            wrapper?: string;
-            image?: string;
-        };
-    };
-    customJackpotStageChest?: {
-        style?: {
-            wrapper?: string;
-            image?: string;
-        };
-        stage: {
-            one: ImageProps['src'];
-            two: ImageProps['src'];
-            three: ImageProps['src'];
-            four: ImageProps['src'];
-        };
-    };
-    medalImage?: {
-        image: ImageProps['src'];
-        wrapper?: string;
-    };
-    chestImagesByTier?: {
-        grand?: {
-            open: ImageProps['src'];
-            closed: ImageProps['src'];
-        };
-        major?: {
-            open: ImageProps['src'];
-            closed: ImageProps['src'];
-        };
-        minor?: {
-            open: ImageProps['src'];
-            closed: ImageProps['src'];
-        };
-        default?: {
-            open: ImageProps['src'];
-            closed: ImageProps['src'];
-        };
-        style?: {
-            wrapper?: string;
-            image?: string;
-        };
-    };
-    jackpotProfileShape?: 'oval' | 'star';
-}
-export declare function JackpotsCarousel__client({ style, className, ...props }: JackpotsCarouselProps): import("react/jsx-runtime").JSX.Element | null;
-export declare function JackpotsCarousels__client(props: JackpotsCarouselProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/lib/components/Jackpots/JackpotsCarousel/JackpotsCarousel.client.js

@@ -1,85 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import useEmblaCarousel from 'embla-carousel-react';
-import { isString } from 'lodash-es';
-import Link from 'next/link';
-import { lazy, Suspense, useCallback, useEffect, useMemo, useState, } from 'react';
-import { useIntersectionObserver } from 'usehooks-ts';
-import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
-import { useJackpotsQuery } from '../../../client/hooks/useJackpotsQuery.js';
-import { ArrowLeftIcon } from '../../../icons/ArrowLeftIcon.js';
-import { ArrowRightIcon } from '../../../icons/ArrowRightIcon.js';
-import { ChevronRightIcon } from '../../../icons/ChevronRightIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { isStyleEntries } from '../../../utils/isStyleEntries.js';
-// Lazy load the next version for better initial bundle size
-const JackpotsCarouselNext = lazy(() => import('../JackpotsCarouselNext/JackpotsCarousel.js').then((m) => ({
-    default: m.JackpotsCarouselNext,
-})));
-import { JackpotsCarouselItemContext } from './JackpotsCarouselContext.js';
-import { JackpotsCarouselItem } from './JackpotsCarouselItem.js';
-import { JackpotsCarouselItemCrazyWin } from './JackpotsCarouselItem.CrazyWin.js';
-import { JackpotsCarouselItemHappyBingo } from './JackpotsCarouselItem.HappyBingo.js';
-export function JackpotsCarousel__client({ style, className, ...props }) {
-    const [emblaRef, emblaApi] = useEmblaCarousel({
-        align: 'start',
-        slidesToScroll: 1,
-    });
-    const scrollPrev = useCallback(() => {
-        if (emblaApi)
-            emblaApi.scrollPrev();
-    }, [emblaApi]);
-    const scrollNext = useCallback(() => {
-        if (emblaApi)
-            emblaApi.scrollNext();
-    }, [emblaApi]);
-    const [canScrollPrev, setCanScrollPrev] = useState(false);
-    const [canScrollNext, setCanScrollNext] = useState(false);
-    const onSelect = useCallback(() => {
-        if (!emblaApi)
-            return;
-        setCanScrollPrev(emblaApi.canScrollPrev());
-        setCanScrollNext(emblaApi.canScrollNext());
-    }, [emblaApi]);
-    useEffect(() => {
-        if (!emblaApi)
-            return;
-        onSelect();
-        emblaApi.on('select', onSelect);
-        emblaApi.on('reInit', onSelect);
-    }, [emblaApi, onSelect]);
-    const [ref, inView] = useIntersectionObserver({
-        threshold: 0.1,
-        rootMargin: '100px',
-    });
-    const jackpotsQuery = useJackpotsQuery({
-        first: 100,
-        filter: {
-            deleted: {
-                equal: false,
-            },
-        },
-        sort: {
-            cursor: 'POOL',
-            order: 'DESC',
-        },
-    }, {
-        refetchInterval: inView ? 10_000 : false,
-        staleTime: 5 * 60 * 1000,
-    });
-    const jackpots = useMemo(() => jackpotsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [], [jackpotsQuery.data]);
-    const styles = useMemo(() => isStyleEntries(style, ['root', 'itemRoot']) ? style : { root: style }, [style]);
-    const classNames = useMemo(() => (isString(className) ? { root: className } : (className ?? {})), [className]);
-    if (jackpots.length <= 0)
-        return null;
-    return (_jsxs("div", { ref: ref, style: styles.root, className: classNames.root, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "font-semibold text-lg", children: props.heading ?? 'Jackpots' }), _jsxs("div", { className: "flex items-center md:gap-3xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/jackpots', className: "flex gap-sm font-semibold text-button-tertiary-fg text-sm", children: ["See All", _jsx(ChevronRightIcon, { className: "size-5 lg:hidden" })] }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { disabled: !canScrollPrev, onClick: scrollPrev, variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsxs(Button, { disabled: !canScrollNext, onClick: scrollNext, variant: "outline", colorScheme: "gray", className: "rounded-l-none", "aria-label": "Next", children: [_jsx("span", { className: "sr-only", children: "Next" }), _jsx(ArrowRightIcon, { className: "size-5" })] })] })] })] }), _jsx("div", { className: "relative overflow-hidden pt-lg", ref: emblaRef, children: _jsx("div", { className: "flex gap-2.5", children: jackpots.map((jackpot, index) => (_jsx(JackpotsCarouselItemContext, { value: jackpot, children: props.variant === 'crazywin' ? (_jsx(JackpotsCarouselItemCrazyWin, { index: index, className: classNames, viewAllUrl: props.viewAllUrl })) : props.variant === 'happybingo' ? (_jsx(JackpotsCarouselItemHappyBingo, { index: index, className: classNames, viewAllUrl: props.viewAllUrl })) : (_jsx(JackpotsCarouselItem, { style: styles.itemRoot, className: classNames, viewAllUrl: props.viewAllUrl, animate: props.animate, customJackpotChestImage: props.customJackpotChestImage, jackpotProfileShape: props.jackpotProfileShape, chestImagesByTier: props.chestImagesByTier })) }, jackpot.id ?? index))) }) })] }));
-}
-export function JackpotsCarousels__client(props) {
-    const future = useFeatureFlag();
-    if (process.env.NEXT_PUBLIC_PLATFORM_CODE === 'W155' ||
-        process.env.NEXT_PUBLIC_PLATFORM_CODE === 'P702' ||
-        future.enabled) {
-        return (_jsx(Suspense, { fallback: _jsx("div", { className: "h-96 animate-pulse rounded-2xl bg-bg-tertiary" }), children: _jsx(JackpotsCarouselNext, { ...props }) }));
-    }
-    return _jsx(JackpotsCarousel__client, { ...props });
-}

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

@@ -1,4 +0,0 @@
-import { type ClassNameEntries, type JackpotsCarouselProps } from './JackpotsCarousel.client';
-export declare function JackpotsCarousel(props: JackpotsCarouselProps): Promise<import("react/jsx-runtime").JSX.Element>;
-export declare function JackpotsCarousels(props: JackpotsCarouselProps): Promise<import("react/jsx-runtime").JSX.Element>;
-export type { JackpotsCarouselProps, ClassNameEntries };

package/dist/lib/components/Jackpots/JackpotsCarousel/JackpotsCarousel.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { prefetchJackpotPayoutsQuery } from '../../../server/utils/prefetchJackpotPayoutsQuery.js';
-import { prefetchJackpotsQuery } from '../../../server/utils/prefetchJackpotsQuery.js';
-import { getJackpots } from '../../../services/report.js';
-import { JackpotsCarousels__client, } from './JackpotsCarousel.client.js';
-export async function JackpotsCarousel(props) {
-    const jackpotsInput = {
-        first: 100,
-        filter: {
-            deleted: {
-                equal: false,
-            },
-        },
-        sort: {
-            cursor: 'POOL',
-            order: 'DESC',
-        },
-    };
-    // Prefetch jackpots
-    await prefetchJackpotsQuery(jackpotsInput);
-    // Get jackpots to prefetch their payouts
-    try {
-        const jackpotsData = await getJackpots(jackpotsInput);
-        const jackpots = jackpotsData?.edges?.map((edge) => edge.node) ?? [];
-        // Prefetch payouts for each jackpot in parallel
-        await Promise.all(jackpots.map((jackpot) => prefetchJackpotPayoutsQuery({
-            first: 30,
-            filter: {
-                jackpot: {
-                    equal: jackpot.id,
-                },
-            },
-        })));
-    }
-    catch (error) {
-        // If fetching jackpots fails, just continue without prefetching payouts
-        console.error('Failed to prefetch jackpot payouts:', error);
-    }
-    return _jsx(JackpotsCarousels__client, { ...props });
-}
-export async function JackpotsCarousels(props) {
-    return _jsx(JackpotsCarousel, { ...props });
-}

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

@@ -1,6 +0,0 @@
-import type { Jackpot } from '../../../types';
-export declare const JackpotsCarouselItemContext: (props: {
-    value: Jackpot;
-} & {
-    children?: import("react").ReactNode | undefined;
-}) => React.ReactNode, useJackpotsCarouselItemContext: () => Jackpot;

package/dist/lib/components/Jackpots/JackpotsCarousel/JackpotsCarouselContext.js

@@ -1,2 +0,0 @@
-import { createContext } from '../../../client/utils/createContext.js';
-export const [JackpotsCarouselItemContext, useJackpotsCarouselItemContext] = createContext();

package/dist/lib/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.CrazyWin.d.ts

@@ -1,8 +0,0 @@
-import type { ClassNameEntries } from './JackpotsCarousel';
-export interface JackpotsCarouselItemCrazyWinProps {
-    index: number;
-    className?: ClassNameEntries;
-    /** @default "/jackpots" */
-    viewAllUrl?: string;
-}
-export declare function JackpotsCarouselItemCrazyWin({ index, }: JackpotsCarouselItemCrazyWinProps): import("react/jsx-runtime").JSX.Element | null;