@opexa/portal-components 0.0.186 → 0.0.187

package/dist/components/Tournaments/TournamentRules.js

@@ -1,11 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
-import { XIcon } from '../../icons/index.js';
-import { Flag06Icon } from '../../icons/Flag06Icon.js';
-import { Dialog } from '../../ui/index.js';
-import { useTournamentContext } from './TournamentsContext.js';
-export function TournamentRules(props) {
-    const tournament = useTournamentContext();
-    return (_jsxs(Dialog.Root, { lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: [_jsx(Dialog.Trigger, { asChild: true, children: props.children ?? (_jsx("button", { type: "button", className: "text-button-tertiary-fg flex text-sm font-semibold", children: "Tournament Rules" })) }), _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt mx-auto h-full w-full items-start lg:h-auto lg:w-[640px] lg:rounded-xl", children: [_jsxs("div", { className: "p-3xl", children: [_jsxs("div", { className: "mb-3 flex justify-between", children: [_jsx("div", { className: "bg-bg-tertiary border-border-primary flex h-12 w-12 items-center justify-center rounded-lg border", children: _jsx(Flag06Icon, { className: "text-text-tertiary-600 size-full p-3" }) }), _jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) })] }), _jsx("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Tournament Rules" }), _jsx("div", { className: "text-text-tertiary-600 mt-1 text-sm", children: "Terms and Conditions" })] }), _jsx("div", { className: "border-gray-800 border-t-1 pb-3", children: _jsx("div", { dangerouslySetInnerHTML: { __html: tournament.description }, className: "px-3xl py-3" }) })] }) })] })] }));
-}

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

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

package/dist/components/Tournaments/Tournaments.client.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { useTournamentsQuery } from '../../client/hooks/index.js';
-import closeChest from '../../images/close-chest.png';
-import { TournamentDesktop } from './TournamentDesktop.js';
-import { TournamentMobile } from './TournamentMobile.js';
-import { TournamentContext, TournamentsPropsContext, } from './TournamentsContext.js';
-export function Tournaments__client(props) {
-    const tournamentsQuery = useTournamentsQuery({
-        first: 100,
-        filter: {
-            status: {
-                equal: 'ACTIVE',
-            },
-        },
-    });
-    const tournaments = tournamentsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
-    return (_jsx(TournamentsPropsContext, { value: props, children: _jsxs("div", { className: props.className, children: [_jsx("div", { className: "mb-3 text-lg font-semibold lg:mb-4.5", children: props.heading ?? 'Tournaments' }), tournaments.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden flex-col gap-6 lg:flex", children: tournaments.map((tournament) => (_jsx(TournamentContext, { value: tournament, children: _jsx(TournamentDesktop, {}) }, tournament.id))) }), _jsx("div", { className: "flex flex-col gap-6 lg:hidden", children: tournaments.map((tournament) => (_jsx(TournamentContext, { value: tournament, children: _jsx(TournamentMobile, {}) }, 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", quality: 100, className: "h-29.5 w-29.5 lg:h-25 lg:w-25 size-full mix-blend-luminosity" }), _jsx("div", { className: "text-text-primary-900 mt-4 text-base font-semibold", children: props.heading ?? 'Tournaments' }), _jsxs("div", { className: "text-text-tertiary-600 mt-1 text-center text-sm", children: ["No ", props.heading?.toLocaleLowerCase() ?? 'tournaments', " are running at the moment. ", _jsx("br", {}), "Please check back later!"] })] }))] }) }));
-}

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

@@ -1,4 +0,0 @@
-import type { Tournament } from '@opexa/portal-sdk-core';
-import type { TournamentsProps } from './Tournaments';
-export declare const TournamentsPropsContext: import("react").Context<TournamentsProps>, useTournamentsPropsContext: () => TournamentsProps;
-export declare const TournamentContext: import("react").Context<Tournament>, useTournamentContext: () => Tournament;

package/dist/components/Tournaments/TournamentsContext.js

@@ -1,3 +0,0 @@
-import { createContext } from '../../client/utils/index.js';
-export const [TournamentsPropsContext, useTournamentsPropsContext] = createContext();
-export const [TournamentContext, useTournamentContext] = createContext();

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

@@ -1,10 +0,0 @@
-export declare function useTournamentData(): {
-    timeParts: {
-        label: string;
-        value: number;
-    }[];
-    tournamentReward: number;
-    prizeAmountsByRank: number[];
-    filteredGameProviders: import("../../types").GameProviderData[];
-    localeInfo: import("../../utils").LocaleInfo;
-};

package/dist/components/Tournaments/useTournamentData.js

@@ -1,72 +0,0 @@
-// useJackpotItemData.ts
-import { pick } from 'lodash-es';
-import React, { useEffect, useMemo, useState } from 'react';
-import { useLocaleInfo } from '../../client/hooks/index.js';
-import { GAME_PROVIDER_DATA } from '../../constants/index.js';
-import { useTournamentContext, useTournamentsPropsContext, } from './TournamentsContext.js';
-export function useTournamentData() {
-    const tournamentsProps = useTournamentsPropsContext();
-    const tournament = useTournamentContext();
-    const gameProviders = tournamentsProps.gameProviders.map((provider) => GAME_PROVIDER_DATA[provider]);
-    const localeInfo = useLocaleInfo();
-    const [timeRemaining, setTimeRemaining] = useState({
-        days: 0,
-        hours: 0,
-        minutes: 0,
-        seconds: 0,
-        isPast: false,
-    });
-    const activationEndDateTime = useMemo(() => new Date(tournament.activationEndDateTime), [tournament.activationEndDateTime]);
-    const calculateRemainingTime = React.useCallback(() => {
-        const now = new Date();
-        const diffMs = activationEndDateTime.getTime() - now.getTime();
-        if (diffMs <= 0) {
-            setTimeRemaining({
-                days: 0,
-                hours: 0,
-                minutes: 0,
-                seconds: 0,
-                isPast: true,
-            });
-            return;
-        }
-        const diffSeconds = Math.floor(diffMs / 1000);
-        const days = Math.floor(diffSeconds / (3600 * 24));
-        const hours = Math.floor((diffSeconds % (3600 * 24)) / 3600);
-        const minutes = Math.floor((diffSeconds % 3600) / 60);
-        const seconds = diffSeconds % 60;
-        const updated = pick({ days, hours, minutes, seconds, isPast: false }, [
-            'days',
-            'hours',
-            'minutes',
-            'seconds',
-            'isPast',
-        ]);
-        setTimeRemaining(updated);
-    }, [activationEndDateTime]);
-    useEffect(() => {
-        calculateRemainingTime();
-        const interval = setInterval(calculateRemainingTime, 1000); // Update every second
-        return () => clearInterval(interval);
-    }, [activationEndDateTime, calculateRemainingTime]);
-    const timeParts = [
-        { label: 'Day', value: timeRemaining.days },
-        { label: 'Hour', value: timeRemaining.hours },
-        { label: 'Min', value: timeRemaining.minutes },
-        { label: 'Sec', value: timeRemaining.seconds },
-    ];
-    const tournamentReward = Object.values(tournament.rewardSettings)
-        .map(Number)
-        .reduce((sum, val) => sum + val, 0);
-    const prizeAmountsByRank = Object.values(tournament.rewardSettings).map(Number);
-    const filteredGameProviders = gameProviders.filter((provider) => {
-        return tournament.enabledGameProviders.includes(provider.id);
-    });
-    return {
-        timeParts,
-        tournamentReward,
-        prizeAmountsByRank,
-        filteredGameProviders,
-        localeInfo,
-    };
-}

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

@@ -1,16 +0,0 @@
-import type { Tournament } from '@opexa/portal-sdk-core';
-import type { GameProviderData } from '../../types';
-export interface TournamentItemProps {
-    tournament: Tournament;
-    gameProviders: GameProviderData[];
-}
-export declare function useTournamentItemData({ tournament, gameProviders, }: TournamentItemProps): {
-    timeParts: {
-        label: string;
-        value: number;
-    }[];
-    tournamentReward: number;
-    prizeAmountsByRank: number[];
-    filteredGameProviders: GameProviderData[];
-    localeInfo: import("../../utils").LocaleInfo;
-};

package/dist/components/Tournaments/useTournamentItemData.js

@@ -1,64 +0,0 @@
-import { pick } from 'lodash-es';
-import React, { useEffect, useMemo, useState } from 'react';
-import { useLocaleInfo } from '../../client/hooks/index.js';
-export function useTournamentItemData({ tournament, gameProviders, }) {
-    const localeInfo = useLocaleInfo();
-    const [timeRemaining, setTimeRemaining] = useState({
-        days: 0,
-        hours: 0,
-        minutes: 0,
-        seconds: 0,
-        isPast: false,
-    });
-    const activationEndDateTime = useMemo(() => new Date(tournament.activationEndDateTime), [tournament.activationEndDateTime]);
-    const calculateRemainingTime = React.useCallback(() => {
-        const now = new Date();
-        const diffMs = activationEndDateTime.getTime() - now.getTime();
-        if (diffMs <= 0) {
-            setTimeRemaining({
-                days: 0,
-                hours: 0,
-                minutes: 0,
-                seconds: 0,
-                isPast: true,
-            });
-            return;
-        }
-        const diffSeconds = Math.floor(diffMs / 1000);
-        const days = Math.floor(diffSeconds / (3600 * 24));
-        const hours = Math.floor((diffSeconds % (3600 * 24)) / 3600);
-        const minutes = Math.floor((diffSeconds % 3600) / 60);
-        const seconds = diffSeconds % 60;
-        const updated = pick({ days, hours, minutes, seconds, isPast: false }, [
-            'days',
-            'hours',
-            'minutes',
-            'seconds',
-            'isPast',
-        ]);
-        setTimeRemaining(updated);
-    }, [activationEndDateTime]);
-    useEffect(() => {
-        calculateRemainingTime();
-        const interval = setInterval(calculateRemainingTime, 1000); // Update every second
-        return () => clearInterval(interval);
-    }, [activationEndDateTime, calculateRemainingTime]);
-    const timeParts = [
-        { label: 'Day', value: timeRemaining.days },
-        { label: 'Hour', value: timeRemaining.hours },
-        { label: 'Min', value: timeRemaining.minutes },
-        { label: 'Sec', value: timeRemaining.seconds },
-    ];
-    const tournamentReward = Object.values(tournament.rewardSettings)
-        .map(Number)
-        .reduce((sum, val) => sum + val, 0);
-    const prizeAmountsByRank = Object.values(tournament.rewardSettings).map(Number);
-    const filteredGameProviders = gameProviders.filter((provider) => tournament.enabledGameProviders.includes(provider.id));
-    return {
-        timeParts,
-        tournamentReward,
-        prizeAmountsByRank,
-        filteredGameProviders,
-        localeInfo,
-    };
-}

package/dist/components/index.d.ts

@@ -1,33 +0,0 @@
-export * from './Account';
-export * from './AccountInfo';
-export * from './AccountSecurity';
-export * from './AccountVerification';
-export * from './Banner';
-export * from './BetRecords';
-export * from './Bonus';
-export * from './Bonuses';
-export * from './Cashback';
-export * from './DepositWithdrawal';
-export * from './Disclaimer';
-export * from './FavoriteGames';
-export * from './GameLaunch';
-export * from './GameProviders';
-export * from './Games';
-export * from './GamesSearch';
-export * from './JackpotCounter';
-export * from './Jackpots';
-export * from './KYC';
-export * from './Marquee';
-export * from './Messages';
-export * from './PortalProvider';
-export * from './Promo';
-export * from './Promos';
-export * from './Protected';
-export * from './Quests';
-export * from './Search';
-export * from './SignIn';
-export * from './SignUp';
-export * from './TopWins';
-export * from './TournamentCounter';
-export * from './Tournaments';
-export * from './TransactionRecords';

package/dist/components/index.js

@@ -1,33 +0,0 @@
-export * from './Account/index.js';
-export * from './AccountInfo/index.js';
-export * from './AccountSecurity/index.js';
-export * from './AccountVerification/index.js';
-export * from './Banner/index.js';
-export * from './BetRecords/index.js';
-export * from './Bonus/index.js';
-export * from './Bonuses/index.js';
-export * from './Cashback/index.js';
-export * from './DepositWithdrawal/index.js';
-export * from './Disclaimer/index.js';
-export * from './FavoriteGames/index.js';
-export * from './GameLaunch/index.js';
-export * from './GameProviders/index.js';
-export * from './Games/index.js';
-export * from './GamesSearch/index.js';
-export * from './JackpotCounter/index.js';
-export * from './Jackpots/index.js';
-export * from './KYC/index.js';
-export * from './Marquee/index.js';
-export * from './Messages/index.js';
-export * from './PortalProvider/index.js';
-export * from './Promo/index.js';
-export * from './Promos/index.js';
-export * from './Protected/index.js';
-export * from './Quests/index.js';
-export * from './Search/index.js';
-export * from './SignIn/index.js';
-export * from './SignUp/index.js';
-export * from './TopWins/index.js';
-export * from './TournamentCounter/index.js';
-export * from './Tournaments/index.js';
-export * from './TransactionRecords/index.js';

package/dist/constants/BranchCode.d.ts

@@ -1,4 +0,0 @@
-export declare const BRANCH_CODES: {
-    code: string;
-    name: string;
-}[];

package/dist/constants/BranchCode.js

@@ -1,42 +0,0 @@
-export const BRANCH_CODES = [
-    {
-        code: 'BRCAL',
-        name: 'Bingo Republic 2nd floor Primark Center Deparo St., Caloocan City',
-    },
-    {
-        code: 'BRNAG',
-        name: 'Bingo Republic 3rd floor Robinsons Mall, Naga City, Camarines Sur',
-    },
-    {
-        code: 'BRANT',
-        name: 'Bingo Republic 2nd floor Robinsons Mall, San Vicente,Antique',
-    },
-    {
-        code: 'BRCLA',
-        name: 'Clark',
-    },
-    {
-        code: 'BRLAG',
-        name: 'Laguna',
-    },
-    {
-        code: 'BREAS',
-        name: 'Eastwood City, Quezon City',
-    },
-    {
-        code: 'BRMAR',
-        name: 'Bingo ng Bayan 4th floor Marikina Public Market, Marikina City',
-    },
-    {
-        code: 'BRILO',
-        name: 'Iloilo',
-    },
-    {
-        code: 'BRFIM',
-        name: 'Fisher Mall,Quezon City',
-    },
-    {
-        code: 'BRCAC',
-        name: 'Villa Caceres Hotel, Naga City,Camsur',
-    },
-];

package/dist/constants/endpoints.d.ts

@@ -1,10 +0,0 @@
-export declare const ACCOUNT_GRAPHQL_ENDPOINT: string;
-export declare const FILE_GRAPHQL_ENDPOINT: string;
-export declare const GAME_GRAPHQL_ENDPOINT: string;
-export declare const PORTAL_GRAPHQL_ENDPOINT: string;
-export declare const REPORT_GRAPHQL_ENDPOINT: string;
-export declare const TRIGGER_GRAPHQL_ENDPOINT: string;
-export declare const WALLET_GRAPHQL_ENDPOINT: string;
-export declare const AUTH_ENDPOINT: string;
-export declare const CMS_PORTAL_ENDPOINT: string;
-export declare const STATIC_ENDPOINT: string;

package/dist/constants/endpoints.js

@@ -1,41 +0,0 @@
-import { ENVIRONMENT } from './envVars.js';
-export const ACCOUNT_GRAPHQL_ENDPOINT = {
-    development: 'https://account.development.opexa.io/graphql',
-    production: 'https://account.opexa.io/graphql',
-}[ENVIRONMENT];
-export const FILE_GRAPHQL_ENDPOINT = {
-    development: 'https://file.development.opexa.io/graphql',
-    production: 'https://file.opexa.io/graphql',
-}[ENVIRONMENT];
-export const GAME_GRAPHQL_ENDPOINT = {
-    development: 'https://game.development.opexa.io/graphql',
-    production: 'https://game.opexa.io/graphql',
-}[ENVIRONMENT];
-export const PORTAL_GRAPHQL_ENDPOINT = {
-    development: 'https://portal.development.opexa.io/graphql',
-    production: 'https://portal.opexa.io/graphql',
-}[ENVIRONMENT];
-export const REPORT_GRAPHQL_ENDPOINT = {
-    development: 'https://report.development.opexa.io/graphql',
-    production: 'https://report.opexa.io/graphql',
-}[ENVIRONMENT];
-export const TRIGGER_GRAPHQL_ENDPOINT = {
-    development: 'https://trigger.development.opexa.io/graphql',
-    production: 'https://trigger.opexa.io/graphql',
-}[ENVIRONMENT];
-export const WALLET_GRAPHQL_ENDPOINT = {
-    development: 'https://wallet.development.opexa.io/graphql',
-    production: 'https://wallet.opexa.io/graphql',
-}[ENVIRONMENT];
-export const AUTH_ENDPOINT = {
-    development: 'https://auth.development.opexa.io',
-    production: 'https://auth.opexa.io',
-}[ENVIRONMENT];
-export const CMS_PORTAL_ENDPOINT = {
-    development: 'https://portal-api.opexacms.io',
-    production: 'https://portal-api.opexacms.io',
-}[ENVIRONMENT];
-export const STATIC_ENDPOINT = {
-    development: 'https://static.development.atalos.io',
-    production: 'https://static.atalos.io',
-}[ENVIRONMENT];

package/dist/constants/envVars.d.ts

@@ -1,5 +0,0 @@
-export declare const SITE_ID: string;
-export declare const PLATFORM_ID: string;
-export declare const PLATFORM_CODE: string;
-export declare const ENVIRONMENT: "production" | "development";
-export declare const BYPASS_RECAPTCHA: boolean;

package/dist/constants/envVars.js

@@ -1,28 +0,0 @@
-import { z } from 'zod';
-export const SITE_ID = z
-    .string()
-    .min(1, 'Environment variable "NEXT_PUBLIC_SITE_ID" must be 1 or more characters')
-    .max(32, 'Environment variable "NEXT_PUBLIC_SITE_ID" must not be more than 32 characters')
-    .trim()
-    .parse(process.env.NEXT_PUBLIC_SITE_ID);
-export const PLATFORM_ID = z
-    .string()
-    .min(1, 'Environment variable "NEXT_PUBLIC_PLATFORM_ID" must be 1 or more characters')
-    .max(32, 'Environment variable "NEXT_PUBLIC_PLATFORM_ID" must not be more than 32 characters')
-    .trim()
-    .parse(process.env.NEXT_PUBLIC_PLATFORM_ID);
-export const PLATFORM_CODE = z
-    .string()
-    .min(4, 'Environment variable "NEXT_PUBLIC_PLATFORM_CODE" must be at least 4 characters')
-    .max(8, 'Environment variable "NEXT_PUBLIC_PLATFORM_CODE" must not be more than 8 characters')
-    .trim()
-    .parse(process.env.NEXT_PUBLIC_PLATFORM_CODE);
-export const ENVIRONMENT = z
-    .enum(['production', 'development'])
-    .catch('development')
-    .parse(process.env.NEXT_PUBLIC_ENVIRONMENT);
-export const BYPASS_RECAPTCHA = z
-    .any()
-    .transform(Boolean)
-    .catch(false)
-    .parse(process.env.NEXT_PUBLIC_BYPASS_RECAPTCHA);

package/dist/constants/gameProviders.d.ts

@@ -1,4 +0,0 @@
-import type { GameProvider, GameProviderData } from '../types';
-export declare const GAME_PROVIDER_DATA: Record<GameProvider, GameProviderData>;
-export declare const GAME_PROVIDERS: ["ALIZE", "BGAMING", "BOOONGO", "EVOPLAY", "BTI", "CQ9", "DARWIN", "DG", "DRBINGO", "E2E", "ETENGJUE", "EVOLUTION", "EVOLUTION_REDTIGER", "EZUGI", "FACHAI", "HABANERO", "HACKSAW", "HOLLYWOODTV", "JDB", "JILI", "JDBGTF", "JOKER", "JDBSPRIBE", "JILI_BINGO", "KINGMAKER", "KINGMIDAS", "MEGA2SPIN", "MICROGAMING", "MEGABALL", "ONEAPI_EVOLUTION", "PGSOFT", "PLAYTECH", "PRAGMATICPLAY", "RELAXGAMING", "RTG", "SABA", "SPINIX", "SPRIBE", "YELLOWBAT", "EVOLUTIONNETENT", "EVOLUTION_NETENT"];
-export declare const LEGACY_GAME_PROVIDERS: ["JILI", "PGSOFT", "FACHAI", "BTI", "DG", "PLAYTECH", "E2E", "ONEAPI_EVOLUTION", "CQ9", "JDB", "HABANERO", "SPINIX", "JOKER", "HACKSAW", "EVOLUTIONNETENT", "JDBGTF", "JDBSPRIBE", "MICROGAMING", "RELAXGAMING", "EVOPLAY", "BOOONGO", "BGAMING", "KINGMAKER", "KINGMIDAS", "YELLOWBAT", "ETENGJUE", "SABA", "PRAGMATICPLAY", "SPRIBE", "EZUGI", "ALIZE"];