@opexa/portal-components 0.0.289 → 0.0.290

package/dist/client/hooks/index.js

@@ -1,65 +0,0 @@
-export * from './useAccountQuery.js';
-export * from './useAuthenticateMutation.js';
-export * from './useAvailablePromosQuery.js';
-export * from './useAvailableQuestsQuery.js';
-export * from './useBetRecordsQuery.js';
-export * from './useBonusesQuery.js';
-export * from './useBonusQuery.js';
-export * from './useCashbackBonusesQuery.js';
-export * from './useCashbackBonusQuery.js';
-export * from './useCashbackQuery.js';
-export * from './useCashbacksQuery.js';
-export * from './useCheckInDailyCheckInQuestMutation.js';
-export * from './useChunk.js';
-export * from './useClaimCashbackBonusMutation.js';
-export * from './useClaimSpotBonusMutation.js';
-export * from './useControllableState.js';
-export * from './useCooldown.js';
-export * from './useCreateGameSessionMutation.js';
-export * from './useCreateGCashDepositMutation.js';
-export * from './useCreateGCashWithdrawalMutation.js';
-export * from './useCreateInstapayWithdrawalMutation.js';
-export * from './useCreateMayaAppDepositMutation.js';
-export * from './useCreateMayaAppWithdrawalMutation.js';
-export * from './useCreateMayaDepositMutation.js';
-export * from './useCreateMayaWithdrawalMutation.js';
-export * from './useCreateOnlineBankDepositMutation.js';
-export * from './useCreateQRPHDepositMutation.js';
-export * from './useDepositQuery.js';
-export * from './useDepositRecordsQuery.js';
-export * from './useDepositsCountQuery.js';
-export * from './useDisclosure.js';
-export * from './useEndGameSessionMutation.js';
-export * from './useFavoriteGamesQuery.js';
-export * from './useGamesQuery.js';
-export * from './useGlobalStore.js';
-export * from './useInfiniteQueryHelper.js';
-export * from './useInstapayBankListQuery.js';
-export * from './useIsMayaSessionValidQuery.js';
-export * from './useJackpotsQuery.js';
-export * from './useLocaleInfo.js';
-export * from './useMarkGameAsFavoriteMutation.js';
-export * from './useMarkMessageAsReadMutation.js';
-export * from './useMemberVerificationQuery.js';
-export * from './useMessagesQuery.js';
-export * from './useMobileNumberParser.js';
-export * from './useOnMMA.js';
-export * from './usePaymentSettingsQuery.js';
-export * from './usePlatformQuery.js';
-export * from './useProfileCompletionQuery.js';
-export * from './usePromoQuery.js';
-export * from './usePromosQuery.js';
-export * from './useRemainingTime.js';
-export * from './useSendVerificationCodeMutation.js';
-export * from './useSessionQuery.js';
-export * from './useSignInMutation.js';
-export * from './useSignOutMutation.js';
-export * from './useSignUpMutation.js';
-export * from './useTopWinsQuery.js';
-export * from './useTournamentsQuery.js';
-export * from './useTransactionRecordsQuery.js';
-export * from './useUnmarkGameAsFavoriteMutation.js';
-export * from './useUnreadMessagesCountQuery.js';
-export * from './useUpdateAccountMutation.js';
-export * from './useWalletQuery.js';
-export * from './useWithdrawalRecordsQuery.js';

package/dist/client/services/index.d.ts

@@ -1,4 +0,0 @@
-export * from './authenticate';
-export * from './getSession';
-export * from './signIn';
-export * from './signOut';

package/dist/client/services/index.js

@@ -1,4 +0,0 @@
-export * from './authenticate.js';
-export * from './getSession.js';
-export * from './signIn.js';
-export * from './signOut.js';

package/dist/client/utils/index.d.ts

@@ -1,3 +0,0 @@
-export * from './createContext';
-export * from './createRecipeContext';
-export * from './toaster';

package/dist/client/utils/index.js

@@ -1,3 +0,0 @@
-export * from './createContext.js';
-export * from './createRecipeContext.js';
-export * from './toaster.js';

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

@@ -1,2 +0,0 @@
-import type { CashbackBonusProps } from './CashbackBonus';
-export declare function CashbackBonus__client(props: CashbackBonusProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/CashbackBonus/CashbackBonus.client.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import Link from 'next/link';
-import { ChevronLeftIcon, ChevronRightIcon, StopWatchIcon } from '../../icons/index.js';
-import { Badge, Collapsible, Progress, Prose } from '../../ui/index.js';
-export function CashbackBonus__client(props) {
-    return (_jsxs("div", { className: props.className, children: [_jsxs(Link, { href: props.viewAllUrl ?? '/rewards', className: "text-button-tertiary-fg flex items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to Rewards"] }), _jsx(Image, { src: "https://s3.ap-east-1.amazonaws.com/opexa-assets.opexasystem.com/assets/BSxIXEsa59_zzMAR27-ALLDAYREBATE06-STATIC-WEB-HB-1920x1080.png", alt: "", width: 1024, height: 600, className: "mt-3xl h-auto w-full rounded-xl" }), _jsxs(Badge.Root, { size: "lg", round: false, colorScheme: "brand", className: "mt-xl lg:mt-6", children: [_jsx(Badge.Icon, { children: _jsx(StopWatchIcon, {}) }), _jsx(Badge.Label, { children: "9d:10h:11m" })] }), _jsx("h1", { className: "text-text-primary-900 mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: "50 PHP First Deposit Bonus" }), _jsx("p", { className: "text-text-primary-brand mt-xl text-base lg:mt-6 lg:text-lg", children: "Complete the wagering before time runs out to convert your bonus balance into real money!" }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl flex items-center justify-between rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsx("p", { children: "Your bonus" }), _jsxs("p", { children: [_jsx("span", { className: "text-text-primary-900", children: "20.00" }), " / 50.00 PHP"] })] }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl flex items-center justify-between rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsx("p", { children: "Required Turnover" }), _jsx("p", { children: "5x" })] }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { children: "Wagering" }), _jsx("p", { children: "400/1000" })] }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) })] }), _jsxs(Collapsible.Root, { className: "mt-xl lg:mt-6", children: [_jsxs(Collapsible.Trigger, { className: "text-button-tertiary-fg flex w-fit items-center justify-center gap-sm text-sm font-semibold lg:mx-auto", children: ["Game Provider Contribution", _jsx(Collapsible.Indicator, { asChild: true, children: _jsx(ChevronRightIcon, { className: "size-5" }) })] }), _jsxs(Collapsible.Content, { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl space-y-1.5 rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Playson" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "25%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Betsoft Gaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "13%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Microgaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "50%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Realtime Gaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "10%" })] })] })] }), _jsxs(Prose, { className: "mt-xl lg:mt-6", children: [_jsx("h3", { children: "How to get bonus" }), _jsxs("ol", { children: [_jsx("li", { children: "All OFWin members are eligible for this program." }), _jsx("li", { children: "50 PHP of game credit will be automatically credited to the new member account upon completion of first deposit Auctor vel in vitae placerat." }), _jsx("li", { children: "Member must reach a 5x turnover requirement before a withdrawal can be made. Attempting to make a withdrawal before this turnover requirement is completed could cause your bonus to be voided." }), _jsx("li", { children: "Players will have 10 days from the date the bonus is awarded to complete the rollover requirement." }), _jsx("li", { children: "Bets used to meet other bonus rollover requirements will not count toward this promotion." })] }), _jsx("h3", { children: "Terms and Conditions" }), _jsxs("ul", { children: [_jsx("li", { children: "Only one account per player is allowed. No same IP address/bank account name allowed. Players who have multiple or fraudulent accounts will not be qualified for the promotion." }), _jsx("li", { children: "Players that are found to have any duplicate accounts or those who participate in fraudulent activities may have their funds forfeited and their accounts closed." }), _jsx("li", { children: "OFWin reserves the right to amend or cancel this Referral Program at any time. OFWin General Terms and Conditions apply." })] })] })] }));
-}

package/dist/components/CashbackBonus/CashbackBonus.d.ts

@@ -1,10 +0,0 @@
-export interface CashbackBonusProps {
-    id: string;
-    className?: string;
-    /**
-     * @description URL for the bonuses details page
-     * @default "/rewards"
-     */
-    viewAllUrl?: string;
-}
-export declare function CashbackBonus(props: CashbackBonusProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/CashbackBonus/CashbackBonus.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CashbackBonus__client } from './CashbackBonus.client.js';
-export async function CashbackBonus(props) {
-    return _jsx(CashbackBonus__client, { ...props });
-}

package/dist/components/CashbackBonus/index.d.ts

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

package/dist/components/CashbackBonus/index.js

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

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

@@ -1,10 +0,0 @@
-import { type ImageProps } from 'next/image';
-import type { ReactNode } from 'react';
-export interface ResponsibleGamingProps {
-    responsibleGamingContent: string | ReactNode;
-    logo: ImageProps['src'];
-    open: boolean;
-    onCloseAction: () => void;
-    responsibleGamingLogo?: ImageProps['src'];
-}
-export declare function ResponsibleGaming({ logo, open, responsibleGamingContent, onCloseAction, ...props }: ResponsibleGamingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/ResponsibleGaming.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image, {} from 'next/image';
-import pagcorLogo from '../../images/pagcor.png';
-import responsibleGamingLogo from '../../images/responsible-gaming.png';
-import { Button } from '../../ui/Button/index.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { Portal } from '../../ui/Portal/index.js';
-export function ResponsibleGaming({ logo, open, responsibleGamingContent, onCloseAction, ...props }) {
-    return (_jsx(Dialog.Root, { open: open, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start overflow-y-auto p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsx(Dialog.Title, { className: "text-brand-400 mt-3xl text-center text-lg font-semibold", children: "Responsible Gaming" }), _jsx(Dialog.Description, { className: "leading-2xl mt-xs text-sm", children: responsibleGamingContent }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[88px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[62px] w-auto shrink-0", draggable: false })] })] }), _jsx("div", { className: "w-full", children: _jsx(Button, { type: "button", className: "mt-3", onClick: () => {
-                                        onCloseAction();
-                                    }, children: "I Agree" }) })] }) })] }) }));
-}

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

@@ -1,11 +0,0 @@
-import { type ImageProps } from 'next/image';
-import type { ReactNode } from 'react';
-export interface TermsOfUseProps {
-    logo: ImageProps['src'];
-    open: boolean;
-    onCloseAction: () => void;
-    termsOfUseContent: string | ReactNode;
-    siteName: string;
-    responsibleGamingLogo?: ImageProps['src'];
-}
-export declare function TermsOfUse({ logo, open, onCloseAction, siteName, termsOfUseContent, ...props }: TermsOfUseProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/TermsOfUse.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image, {} from 'next/image';
-import pagcorLogo from '../../images/pagcor.png';
-import responsibleGamingLogo from '../../images/responsible-gaming.png';
-import { Button } from '../../ui/Button/index.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { Portal } from '../../ui/Portal/index.js';
-export function TermsOfUse({ logo, open, onCloseAction, siteName, termsOfUseContent, ...props }) {
-    return (_jsx(Dialog.Root, { open: open, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start overflow-y-auto p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsxs(Dialog.Title, { className: "text-brand-400 mt-3xl text-center text-lg font-semibold", children: [siteName, " Terms of Use"] }), _jsx(Dialog.Description, { className: "leading-2xl mt-xs text-sm", children: termsOfUseContent }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[88px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[62px] w-auto shrink-0", draggable: false })] })] }), _jsx("div", { className: "w-full", children: _jsx(Button, { type: "button", className: "mt-3", onClick: () => {
-                                        onCloseAction();
-                                    }, children: "I Agree" }) })] }) })] }) }));
-}

package/dist/components/Empty.d.ts

@@ -1,9 +0,0 @@
-import type { ComponentProps, ComponentType } from 'react';
-export interface EmptyProps {
-    icon: ComponentType<ComponentProps<'svg'>>;
-    title: string;
-    message: string;
-    style?: React.CSSProperties;
-    className?: string;
-}
-export declare function Empty(props: EmptyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Empty.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function Empty(props) {
-    return (_jsxs("div", { role: "alert", "aria-live": "polite", style: props.style, className: props.className, children: [_jsxs("div", { className: "relative mx-auto w-[9.5rem] pt-4", children: [_jsx("div", { className: "bg-utility-gray-200 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full" }), _jsx(CloudIcon, { className: "relative h-auto w-full shrink-0" }), _jsx("div", { className: "bg-utility-gray-200/40 absolute bottom-2 left-1/2 flex size-12 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm", children: _jsx(props.icon, { className: "size-6 text-white" }) }), _jsx("div", { className: "bg-utility-gray-200 absolute left-4 top-3.5 size-2.5 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute bottom-0.5 left-3 size-3.5 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute right-3.5 top-1 size-2 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute right-0 top-6.5 size-3.5 rounded-full" })] }), _jsx("h2", { className: "mt-xl text-center font-semibold", children: props.title }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: props.message })] }));
-}
-function CloudIcon(props) {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 152 104", fill: "none", ...props, children: [_jsxs("g", { filter: "url(#filter0_dd_2719_19242)", children: [_jsx("path", { d: "M77.6 0C66.8273 0 57.2978 5.32329 51.4987 13.4829C49.605 13.0363 47.6301 12.8 45.6 12.8C31.4615 12.8 20 24.2615 20 38.4C20 52.5385 31.4615 64 45.6 64L109.6 64C121.971 64 132 53.9712 132 41.6C132 29.2288 121.971 19.2 109.6 19.2C108.721 19.2 107.854 19.2506 107.002 19.349C102.098 7.9677 90.7797 0 77.6 0Z", fill: "#F9FAFB" }), _jsx("ellipse", { cx: "45.6", cy: "38.4008", rx: "25.6", ry: "25.6", fill: "url(#paint0_linear_2719_19242)" }), _jsx("circle", { cx: "77.6", cy: "32", r: "32", fill: "url(#paint1_linear_2719_19242)" }), _jsx("ellipse", { cx: "109.6", cy: "41.5992", rx: "22.4", ry: "22.4", fill: "url(#paint2_linear_2719_19242)" })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "filter0_dd_2719_19242", x: "0", y: "0", width: "152", height: "104", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2719_19242" }), _jsx("feOffset", { dy: "8" }), _jsx("feGaussianBlur", { stdDeviation: "4" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2719_19242" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_2719_19242" }), _jsx("feOffset", { dy: "20" }), _jsx("feGaussianBlur", { stdDeviation: "12" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), _jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2719_19242", result: "effect2_dropShadow_2719_19242" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2719_19242", result: "shape" })] }), _jsxs("linearGradient", { id: "paint0_linear_2719_19242", x1: "25.9429", y1: "21.4865", x2: "71.2", y2: "64.0007", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "paint1_linear_2719_19242", x1: "53.0286", y1: "10.8571", x2: "109.6", y2: "64", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "paint2_linear_2719_19242", x1: "92.4", y1: "26.7992", x2: "132", y2: "63.9992", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] })] })] }));
-}

package/dist/components/FeatureFlag/FeatureFlag.d.ts

@@ -1 +0,0 @@
-export declare function FeatureFlag(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/FeatureFlag/FeatureFlag.js

@@ -1,29 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useRouter, useSearchParams } from 'next/navigation';
-import { useEffect } from 'react';
-import { FEATURE_FLAG_KEY, useFeatureFlag, } from '../../client/hooks/useFeatureFlag.js';
-export function FeatureFlag() {
-    const { featureFlagEnabled, setFeatureFlagEnabled } = useFeatureFlag();
-    const searchParams = useSearchParams();
-    const router = useRouter();
-    useEffect(() => {
-        const futureFlagParam = searchParams.get('future');
-        if (futureFlagParam !== null) {
-            const isEnabled = futureFlagParam === 'true';
-            setFeatureFlagEnabled(isEnabled);
-            localStorage.setItem(FEATURE_FLAG_KEY, isEnabled.toString());
-        }
-    }, [searchParams, setFeatureFlagEnabled]);
-    function disableFeatureFlag() {
-        setFeatureFlagEnabled(false);
-        localStorage.removeItem(FEATURE_FLAG_KEY);
-        const params = new URLSearchParams(searchParams.toString());
-        params.delete('future');
-        router.replace(`?${params.toString()}`, { scroll: false });
-    }
-    if (!featureFlagEnabled) {
-        return null;
-    }
-    return (_jsx("div", { className: "fixed bottom-3 flex w-full flex-col items-center justify-center", children: _jsxs("div", { className: "bg-black/70 p-1", children: ["Experimental features are enabled.", ' ', _jsxs("button", { onClick: () => disableFeatureFlag(), className: "cursor-pointer underline", children: [' ', "Disable"] })] }) }));
-}

package/dist/components/FeatureFlag/index.d.ts

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

package/dist/components/FeatureFlag/index.js

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

package/dist/components/Games/GameContext.d.ts

@@ -1,2 +0,0 @@
-import type { Game } from '@opexa/portal-sdk-core';
-export declare const GameContext: import("react").Context<Game>, useGameContext: () => Game;

package/dist/components/Games/GameContext.js

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

package/dist/components/InfiniteScroll.d.ts

@@ -1,10 +0,0 @@
-import { type ReactNode } from 'react';
-export interface InfiniteScrollProps {
-    loader?: ReactNode;
-    hasMore?: boolean;
-    loadMore: () => Promise<void> | void;
-    children?: ReactNode;
-    style?: React.CSSProperties;
-    className?: string;
-}
-export declare function InfiniteScroll(props: InfiniteScrollProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/InfiniteScroll.js

@@ -1,25 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { useBoolean, useDebounceCallback, useIntersectionObserver, } from 'usehooks-ts';
-export function InfiniteScroll(props) {
-    const { value: loading, setValue: setLoading } = useBoolean(false);
-    const loader = props.loader ?? null;
-    const hasMore = props.hasMore ?? false;
-    const loadMore = useDebounceCallback(async () => {
-        if (loading)
-            return;
-        if (!hasMore)
-            return;
-        setLoading(true);
-        await props.loadMore();
-        setLoading(false);
-    }, 300);
-    const [ref] = useIntersectionObserver({
-        onChange(isIntersecting) {
-            if (isIntersecting)
-                loadMore();
-        },
-    });
-    return (_jsxs(Fragment, { children: [props.children, _jsx("div", { ref: ref, role: "presentation", style: props.style, className: props.className, hidden: !hasMore, children: !!hasMore && _jsx(Fragment, { children: loader }) })] }));
-}

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

@@ -1,2 +0,0 @@
-import type { JackpotCounterProps } from './JackpotCounter';
-export declare function JackpotCounter__client(props: JackpotCounterProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/JackpotCounter/JackpotCounter.client.js

@@ -1,66 +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 { useCallback, useEffect, useState } from 'react';
-import { useJackpotsQuery } from '../../client/hooks/index.js';
-import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon } from '../../icons/index.js';
-import { Button } from '../../ui/index.js';
-import { JackpotCounterItem } from './JackpotCounterItem.js';
-export function JackpotCounter__client(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 jackpotsQuery = useJackpotsQuery({
-        first: 100,
-        filter: {
-            status: {
-                equal: 'ACTIVE',
-            },
-            deleted: {
-                equal: false,
-            },
-        },
-        sort: {
-            cursor: 'POOL',
-            order: 'DESC',
-        },
-    });
-    const jackpots = jackpotsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
-    if (jackpots.length <= 0)
-        return null;
-    const classNames = isString(props.className)
-        ? { root: props.className }
-        : (props.className ?? {});
-    return (_jsxs("div", { className: classNames.root, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-lg font-semibold", children: props.heading ?? 'Jackpots' }), _jsxs("div", { className: "flex items-center md:gap-3xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/jackpots', className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold", 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 mt-lg lg:overflow-hidden", ref: emblaRef, children: _jsx("div", { className: "flex gap-2.5", children: jackpots.map((jackpot) => (_jsx(JackpotCounterItem, { jackpot: jackpot, className: {
-                            root: {
-                                className: classNames.jackpotCounterItemRoot?.className,
-                                style: classNames.jackpotCounterItemRoot?.style,
-                            },
-                        }, viewAllUrl: props.viewAllUrl, hideAnimation: props.hideAnimation }, jackpot.id))) }) })] }));
-}

package/dist/components/JackpotCounter/JackpotCounter.d.ts

@@ -1,17 +0,0 @@
-import type { CSSProperties } from 'react';
-export interface ClassNameEntries {
-    root?: string;
-    jackpotCounterItemRoot?: {
-        className?: string;
-        style?: CSSProperties;
-    };
-}
-export interface JackpotCounterProps {
-    /** @default "Promos" */
-    heading?: string;
-    /** @default "/jackpots" */
-    viewAllUrl?: string;
-    className?: string | ClassNameEntries;
-    hideAnimation?: boolean;
-}
-export declare function JackpotCounter(props: JackpotCounterProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/JackpotCounter/JackpotCounter.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { prefetchJackpotsQuery } from '../../server/utils/index.js';
-import { JackpotCounter__client } from './JackpotCounter.client.js';
-export async function JackpotCounter(props) {
-    await prefetchJackpotsQuery({
-        first: 100,
-        filter: {
-            status: {
-                equal: 'ACTIVE',
-            },
-            deleted: {
-                equal: false,
-            },
-        },
-        sort: {
-            cursor: 'POOL',
-            order: 'DESC',
-        },
-    });
-    return _jsx(JackpotCounter__client, { ...props });
-}

package/dist/components/JackpotCounter/JackpotCounterItem.d.ts

@@ -1,18 +0,0 @@
-import type { Jackpot } from '@opexa/portal-sdk-core';
-import { type CSSProperties } from 'react';
-interface ClassNameEntries {
-    root?: {
-        className?: string;
-        style?: CSSProperties;
-    };
-}
-export interface JackpotCounterCardProps {
-    jackpot: Jackpot;
-    className?: string | ClassNameEntries;
-    style?: string;
-    /** @default "/jackpots" */
-    viewAllUrl?: string;
-    hideAnimation?: boolean;
-}
-export declare function JackpotCounterItem({ jackpot, className, viewAllUrl, hideAnimation, }: JackpotCounterCardProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/JackpotCounter/JackpotCounterItem.js

@@ -1,109 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Progress } from '@ark-ui/react';
-import { isString } from 'lodash-es';
-import Image from 'next/image';
-import Link from 'next/link';
-import { useCallback, useMemo } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useLocaleInfo } from '../../client/hooks/index.js';
-import { useJackpotPayoutsQuery } from '../../client/hooks/useJackpotPayoutsQuery.js';
-import { ArrowNarrowUpRightIcon, ChevronLeftIcon, ChevronRightIcon, Trophy01Icon, User01Icon, } from '../../icons/index.js';
-import { StarIcon } from '../../icons/StarIcon.js';
-import closeChest from '../../images/close-chest.png';
-import firstPlace from '../../images/first-place.png';
-import leaderboard from '../../images/leaderboard.png';
-import openChest from '../../images/open-chest.png';
-import { formatNumber, getPercentage, mask } from '../../utils/index.js';
-import styles from './JackpotCounterItem.module.css';
-export function JackpotCounterItem({ jackpot, className, viewAllUrl, hideAnimation = false, }) {
-    const jackpotPayoutsQuery = useJackpotPayoutsQuery({
-        first: 30,
-        filter: {
-            jackpot: {
-                equal: jackpot.id,
-            },
-        },
-        sort: {
-            cursor: 'AMOUNT',
-            order: 'DESC',
-        },
-    }, {
-        enabled: typeof window !== 'undefined',
-    });
-    const jackpotPayouts = jackpotPayoutsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
-    const topJackpotPayout = jackpotPayouts[0] ?? [];
-    const localeInfo = useLocaleInfo();
-    const isPayingOut = jackpot.drawing;
-    const jackpotAmount = isPayingOut
-        ? jackpot.maximumJackpotPoolLimit
-        : jackpot.pool;
-    const Arrow = useCallback(({ index }) => {
-        const Icon = isPayingOut ? ChevronLeftIcon : ChevronRightIcon;
-        return (_jsx(Icon, { className: twMerge('scale-400 lg:scale-250 text-brand-300 min-w-2.5 lg:min-w-4', isPayingOut
-                ? styles['animate-wave-color-error']
-                : styles['animate-wave-color-success']), style: {
-                animationDelay: isPayingOut
-                    ? `${(40 - index - 1) * 0.1}s`
-                    : `${index * 0.1}s`,
-            } }));
-    }, [isPayingOut]);
-    const arrowImages = useMemo(() => Array.from({ length: 40 }, (_, i) => (_jsx(Arrow, { isFirst: i === 0, index: i }, i))), [Arrow]);
-    const classNames = isString(className)
-        ? { root: { className } }
-        : (className ?? {});
-    return (_jsxs("div", { className: twMerge('bg-bg-tertiary border-border-primary relative flex w-full shrink-0 rounded-2xl border p-3 text-center lg:gap-4 lg:p-5', classNames.root?.className), style: classNames.root?.style, children: [_jsxs("div", { className: "z-1 relative flex flex-1 flex-col", children: [_jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: "relative flex w-full justify-between", children: [_jsxs("div", { children: [isPayingOut ? (_jsxs("div", { className: "border-utility-success-200 bg-utility-success-50 text-utility-success-700 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium", children: [_jsx("span", { className: "full bg-utility-success-500 size-1.5 animate-pulse rounded" }), "Paying Out"] })) : (_jsxs("div", { className: "border-utility-blue-200 bg-utility-blue-50 text-utility-blue-700 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium", children: [_jsx(ArrowNarrowUpRightIcon, { className: "text-utility-blue-500 size-3.5" }), "Accumulating"] })), _jsx("div", { className: "text-text-primary-900 mt-1 text-left text-lg font-medium lg:mt-5 lg:text-2xl", children: jackpot.name }), _jsx("div", { className: "bg-bg-primary text-brand-400 mt-1.5 w-fit rounded-md px-2 py-1 text-2xl font-bold lg:mt-2 lg:text-4xl", children: formatNumber(jackpotAmount, {
-                                                            currency: localeInfo.currency.code,
-                                                            minDecimalPlaces: 2,
-                                                            maxDecimalPlaces: 2,
-                                                        }) })] }), _jsx("div", { className: "z-1 bottom-[-60] right-0 lg:absolute", children: _jsx(Image, { width: 150, height: 150, src: isPayingOut ? openChest : closeChest, alt: "closeChest", quality: 100, className: "h-25 w-25 lg:h-37.5 lg:w-37.5 size-full p-2" }) })] }), topJackpotPayout.amount ? (_jsx("div", { children: _jsxs("div", { className: "bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex", children: [_jsxs("div", { className: "bg-bg-tertiary relative flex h-18 w-18 items-center justify-center rounded-full", children: [_jsx(User01Icon, { className: "text-text-quarterary-500 size-9" }), _jsx("div", { className: "bg-yellow-400 text-brand-950 border-bg-primary absolute bottom-0 right-0 flex h-6 w-6 items-center justify-center rounded-full border-[1.5px] text-xs font-bold", children: "1st" })] }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsxs("div", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium", children: [_jsx(Trophy01Icon, { className: "text-utility-brand-600 size-3.5" }), "Top Payout"] }), _jsx("div", { className: "font-semibold", children: topJackpotPayout.member.name }), _jsx("div", { className: "text-brand-400 text-2xl", children: formatNumber(topJackpotPayout.amount, {
-                                                                currency: localeInfo.currency.code,
-                                                                minDecimalPlaces: 2,
-                                                                maxDecimalPlaces: 2,
-                                                            }) })] })] }) })) : (_jsxs("div", { className: "bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex", children: [_jsx(Image, { width: 66, height: 87, src: firstPlace, alt: "firstPlace", className: "size-full h-auto w-[66px] mix-blend-luminosity" }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsxs("div", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium", children: [_jsx(Trophy01Icon, { className: "text-utility-brand-600 size-3.5" }), "Top Payout"] }), _jsx("div", { className: "font-semibold", children: "No winners yet" }), _jsx("div", { className: "text-text-secondary-700 text-xs", children: "You could be the first to win the tournament!" })] })] }))] }) }) }), _jsxs("div", { className: "mt-3 lg:mt-4", children: [_jsxs("div", { className: "mb-1 flex justify-between", children: [_jsx("div", { className: "text-text-primary-900 text-xs font-semibold", children: formatNumber(0, {
-                                            currency: localeInfo.currency.code,
-                                            compact: true,
-                                        }) }), _jsxs("div", { className: "relative flex items-center justify-end gap-1.5", children: [isPayingOut ? (_jsxs("div", { className: "flex w-6 items-center", children: [_jsx("div", { className: twMerge('absolute left-0', styles['animate-arrow-red-flash-1']), children: _jsx(ChevronLeftIcon, { className: "size-4.5" }) }), _jsx("div", { className: twMerge('absolute left-1.5', styles['animate-arrow-red-flash-2']), children: _jsx(ChevronLeftIcon, { className: "size-4.5" }) }), _jsx("div", { className: twMerge('absolute left-3', styles['animate-arrow-red-flash-3']), children: _jsx(ChevronLeftIcon, { className: "size-4.5" }) })] })) : (_jsxs("div", { className: "flex w-6 items-center", children: [_jsx("div", { className: twMerge('absolute left-0', styles['animate-arrow-green-flash-1']), children: _jsx(ChevronRightIcon, { className: "size-4.5" }) }), _jsx("div", { className: twMerge('absolute left-1.5', styles['animate-arrow-green-flash-2']), children: _jsx(ChevronRightIcon, { className: "size-4.5" }) }), _jsx("div", { className: twMerge('absolute left-3', styles['animate-arrow-green-flash-3']), children: _jsx(ChevronRightIcon, { className: "size-4.5" }) })] })), _jsx("div", { className: "text-text-primary-900 text-xs font-semibold", children: formatNumber(jackpot?.maximumJackpotPoolLimit, {
-                                                    currency: localeInfo.currency.code,
-                                                    compact: true,
-                                                }) })] })] }), _jsx(Progress.Root, { className: "bg-bg-primary h-2 w-full rounded-full lg:h-4", max: 100, value: getPercentage(jackpot.pool, jackpot.maximumJackpotPoolLimit), children: _jsx(Progress.Track, { className: "bg-bg-primary h-full overflow-hidden rounded-full", children: _jsx(Progress.Range, { className: "bg-brand-500 relative h-full overflow-hidden rounded-full pl-1.5", children: _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }) }) }) }), _jsx("div", { className: "mt-1 block text-start text-2xs lg:hidden", children: isPayingOut
-                                    ? `The pot has hit ${formatNumber(jackpot?.maximumJackpotPoolLimit, {
-                                        currency: localeInfo.currency.code,
-                                        compact: true,
-                                    })} Play now for your chance to win big! 🔥`
-                                    : getAccumulatingJackpotDescription(Number(jackpot?.pool) ?? 0, Number(jackpot?.maximumJackpotPoolLimit) ?? 0) })] })] }), _jsxs("div", { className: "z-1 hidden flex-1 space-y-4 lg:block", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { width: 24, height: 24, src: leaderboard, quality: 100, alt: "leaderboardIcon", className: "size-full h-auto w-6" }), _jsx("div", { className: "text-text-primary-900 text-lg font-semibold", children: jackpotPayouts.length ? 'Recent payouts' : 'Starting soon!' })] }), _jsxs(Link, { className: "text-button-tertiary-fg flex text-sm font-semibold", href: viewAllUrl ?? '/jackpots', children: ["See details", _jsx(ChevronRightIcon, { className: "size-5" })] })] }), _jsx("div", { className: twMerge('max-h-[272px] overflow-y-scroll', styles['scrollArea']), children: _jsx("div", { className: "border-gray-200 overflow-hidden rounded-xl", children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-bg-secondary text-text-tertiary-600 h-8 text-xs font-medium", children: [_jsx("th", { children: "Player" }), _jsx("th", { children: "Multiplier" }), _jsx("th", { children: "Prize" })] }) }), _jsx("tbody", { children: jackpotPayouts.length ? (_jsx(_Fragment, { children: jackpotPayouts.map((jackpotPayout, i) => (_jsxs("tr", { className: "bg-bg-primary text-text-secondary-700 text-sm", children: [_jsx("td", { className: "border-border-secondary h-12 border-t-2", children: mask(jackpotPayout.member.name, {
-                                                            totalCharsCount: 6,
-                                                        }) }), _jsxs("td", { className: "border-border-secondary h-12 border-t-2", children: [jackpotPayout.multiplier, "x"] }), _jsx("td", { className: "border-border-secondary text-brand-400 h-12 border-t-2", children: formatNumber(jackpotPayout.amount, {
-                                                            currency: localeInfo.currency.code,
-                                                            minDecimalPlaces: 2,
-                                                            maxDecimalPlaces: 2,
-                                                        }) })] }, i))) })) : (_jsx(_Fragment, { children: Array.from({ length: 10 }).map((_, i) => (_jsxs("tr", { className: "bg-bg-primary text-text-secondary-700 text-sm", children: [_jsx("td", { className: "border-border-secondary h-12 w-[52px] border-t-2", children: i + 1 < 6 ? (_jsxs("div", { className: "relative", children: [_jsx(StarIcon, { className: twMerge('mx-auto size-6.5', starTierStyles[i].starColor) }), _jsx("span", { className: twMerge('absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold', starTierStyles[i].numberColor), children: i + 1 })] })) : (i + 1) }), _jsx("td", { className: "border-border-secondary h-12 border-t-2", children: "-" }), _jsx("td", { className: "border-border-secondary h-12 border-t-2", children: "-" }), _jsx("td", { className: "border-border-secondary h-12 border-t-2", children: "-" })] }, i))) })) })] }) }) })] }), isPayingOut && !hideAnimation && (_jsx("div", { className: twMerge(styles['light-rays'], 'absolute right-0 top-0 rounded-2xl [--light-rays-top:25%] lg:[--light-rays-top:150px]') }))] }));
-}
-const getAccumulatingJackpotDescription = (part, total) => {
-    const percentage = total === 0 ? 0 : (part / total) * 100;
-    return percentage <= 90
-        ? 'The jackpot is heating up! Keep playing to stay in the action and watch it grow!'
-        : '🔥 It’s about to pop! Stay in the game for your shot at the prize!';
-};
-const starTierStyles = [
-    {
-        starColor: 'text-yellow-400',
-        numberColor: 'text-bg-primary',
-    },
-    {
-        starColor: 'text-utility-gray-700',
-        numberColor: 'text-bg-primary',
-    },
-    {
-        starColor: 'text-yellow-700',
-        numberColor: 'text-bg-primary',
-    },
-    {
-        starColor: 'text-bg-quaternary',
-        numberColor: 'text-text-primary-900',
-    },
-    {
-        starColor: 'text-bg-quaternary',
-        numberColor: 'text-text-primary-900',
-    },
-];