@opexa/portal-components 0.0.34 → 0.0.35

package/dist/components/Tournaments/TournamentItem.js

@@ -1,97 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { pick } from 'lodash-es';
-import Image from 'next/image';
-import React, { useEffect, useMemo, useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useLocaleInfo } from '../../client/hooks/index.js';
-import { Trophy01Icon } from '../../icons/index.js';
-import { Award01Icon } from '../../icons/Award01Icon.js';
-import { StarIcon } from '../../icons/StarIcon.js';
-import firstPlace from '../../images/first-place.png';
-import trophyTwo from '../../images/trophy-two.png';
-import trophy from '../../images/trophy.png';
-import { formatNumber } from '../../utils/index.js';
-import styles from '../JackpotCounter/JackpotCounterItem.module.css';
-import { TournamentGameProviders } from './TournamentGameProviders.js';
-import { TournamentRules } from './TournamentRules.js';
-export function TournamentItem({ jackpot }) {
-    const localeInfo = useLocaleInfo();
-    const [timeRemaining, setTimeRemaining] = useState({
-        days: 0,
-        hours: 0,
-        minutes: 0,
-        seconds: 0,
-        isPast: false,
-    });
-    // Temp Date
-    const activationEndDateTime = useMemo(() => {
-        const now = new Date();
-        return new Date(now.setSeconds(now.getSeconds() + 2 * 24 * 60 * 60)); // Add 2 days in seconds
-    }, []);
-    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 },
-    ];
-    return (_jsxs("div", { className: twMerge('bg-bg-tertiary border-border-primary rounded-2xl border'), children: [_jsxs("div", { className: twMerge('relative flex shrink-0 p-3 text-center lg:gap-6 lg:p-5'), children: [_jsx("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", { className: "w-full", children: [_jsxs("div", { className: "flex w-full justify-between", 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-full border px-2 py-0.5 text-xs font-medium", children: [_jsx(Award01Icon, { className: "text-utility-brand-500 size-3.5" }), "Multiplier"] }), _jsx("div", { className: "flex h-fit", children: timeParts.map((part, idx) => (_jsxs(React.Fragment, { children: [_jsxs("div", { className: twMerge('bg-bg-primary text-text-primary-900 flex h-fit w-8 flex-col items-center rounded-[4px] pb-1.5'), children: [_jsx("span", { className: "text-base font-medium", children: String(part.value).padStart(2, '0') }), _jsx("span", { className: "text-[8px]", children: part.label })] }), idx < timeParts.length - 1 && (_jsxs("div", { className: "flex flex-col justify-center gap-[6px] px-[6px]", children: [_jsx("div", { className: "bg-bg-primary h-1 w-1 rounded-full" }), _jsx("div", { className: "bg-bg-primary h-1 w-1 rounded-full" })] }))] }, part.label))) })] }), _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(jackpot.pool, {
-                                                                currency: localeInfo.currency.code,
-                                                                minDecimalPlaces: 2,
-                                                                maxDecimalPlaces: 2,
-                                                            }) })] }), _jsx("div", { className: "z-1 bottom-[-60] right-0 block lg:absolute", children: _jsx("div", { className: "h-[155px] w-auto shrink-0", children: _jsx(Image, { quality: 100, width: 155, height: 155, src: trophy, alt: "trophy", className: "px-6 py-2.5" }) }) })] }), _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: "closeChest", 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: "z-1 hidden flex-1 space-y-4 lg:block", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Image, { width: 24, height: 24, src: trophyTwo, quality: 100, alt: "leaderboardIcon", className: "size-full w-6" }), _jsx("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Starting soon!" })] }), _jsx(TournamentRules, { jackpotRules: "<strong>Rules and guidelines <br> 1/20/2025 ~ 1/21/2025</strong><br><br>\r\n            <p>1. The contest prize pool closely depends on the bankroll \u2014 the more players bet, the bigger it grows.</p>" })] }), _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", { className: "w-[52px]", children: "#" }), _jsx("th", { children: "Player" }), _jsx("th", { children: "Multiplier" }), _jsx("th", { children: "Prize" })] }) }), _jsx("tbody", { 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 })] })) : ('-') }), _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))) })] }) }) })] })] }), _jsx(TournamentGameProviders, {})] }));
-}
-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',
-    },
-];

package/dist/config.d.ts

@@ -1,272 +0,0 @@
-import type { NextConfig } from 'next';
-export declare function extendConfig(config: NextConfig): {
-    images: {
-        remotePatterns: (URL | import("next/dist/shared/lib/image-config").RemotePattern | {
-            hostname: string;
-            protocol: string;
-        })[];
-        deviceSizes?: number[] | undefined;
-        imageSizes?: number[] | undefined;
-        loader?: "default" | "imgix" | "cloudinary" | "akamai" | "custom" | undefined;
-        path?: string | undefined;
-        loaderFile?: string | undefined;
-        domains?: string[] | undefined;
-        disableStaticImages?: boolean | undefined;
-        minimumCacheTTL?: number | undefined;
-        formats?: ("image/avif" | "image/webp")[] | undefined;
-        dangerouslyAllowSVG?: boolean | undefined;
-        contentSecurityPolicy?: string | undefined;
-        contentDispositionType?: "inline" | "attachment" | undefined;
-        localPatterns?: import("next/dist/shared/lib/image-config").LocalPattern[] | undefined;
-        qualities?: number[] | undefined;
-        unoptimized?: boolean | undefined;
-    };
-    experimental: {
-        nodeMiddleware: boolean;
-        adapterPath?: string;
-        useSkewCookie?: boolean;
-        cacheHandlers?: {
-            default?: string;
-            remote?: string;
-            static?: string;
-            [handlerName: string]: string | undefined;
-        };
-        multiZoneDraftMode?: boolean;
-        appNavFailHandling?: boolean;
-        prerenderEarlyExit?: boolean;
-        linkNoTouchStart?: boolean;
-        caseSensitiveRoutes?: boolean;
-        clientSegmentCache?: boolean | "client-only";
-        dynamicOnHover?: boolean;
-        appDocumentPreloading?: boolean;
-        preloadEntriesOnStart?: boolean;
-        strictNextHead?: boolean;
-        clientRouterFilter?: boolean;
-        clientRouterFilterRedirects?: boolean;
-        staleTimes?: {
-            dynamic?: number;
-            static?: number;
-        };
-        cacheLife?: {
-            [profile: string]: {
-                stale?: number;
-                revalidate?: number;
-                expire?: number;
-            };
-        };
-        clientRouterFilterAllowedRate?: number;
-        externalMiddlewareRewritesResolve?: boolean;
-        extensionAlias?: Record<string, any>;
-        allowedRevalidateHeaderKeys?: string[];
-        fetchCacheKeyPrefix?: string;
-        imgOptConcurrency?: number | null;
-        imgOptTimeoutInSeconds?: number;
-        imgOptMaxInputPixels?: number;
-        imgOptSequentialRead?: boolean | null;
-        optimisticClientCache?: boolean;
-        expireTime?: number;
-        middlewarePrefetch?: "strict" | "flexible";
-        manualClientBasePath?: boolean;
-        cssChunking?: boolean | "strict";
-        disablePostcssPresetEnv?: boolean;
-        cpus?: number;
-        memoryBasedWorkersCount?: boolean;
-        proxyTimeout?: number;
-        isrFlushToDisk?: boolean;
-        workerThreads?: boolean;
-        optimizeCss?: boolean | Record<string, unknown>;
-        nextScriptWorkers?: boolean;
-        scrollRestoration?: boolean;
-        externalDir?: boolean;
-        amp?: {
-            optimizer?: any;
-            validator?: string;
-            skipValidation?: boolean;
-        };
-        disableOptimizedLoading?: boolean;
-        gzipSize?: boolean;
-        craCompat?: boolean;
-        esmExternals?: boolean | "loose";
-        fullySpecified?: boolean;
-        urlImports?: NonNullable<import("next/dist/compiled/webpack/webpack").webpack.Configuration["experiments"]>["buildHttp"];
-        swcTraceProfiling?: boolean;
-        forceSwcTransforms?: boolean;
-        swcPlugins?: Array<[string, Record<string, unknown>]>;
-        largePageDataBytes?: number;
-        fallbackNodePolyfills?: false;
-        sri?: {
-            algorithm?: import("next/dist/build/webpack/plugins/subresource-integrity-plugin").SubresourceIntegrityAlgorithm;
-        };
-        webVitalsAttribution?: Array<typeof import("next/dist/shared/lib/utils").WEB_VITALS[number]>;
-        optimizePackageImports?: string[];
-        optimizeServerReact?: boolean;
-        turbo?: import("next/dist/server/config-shared").DeprecatedExperimentalTurboOptions;
-        turbopackMemoryLimit?: number;
-        turbopackMinify?: boolean;
-        turbopackPersistentCaching?: boolean;
-        turbopackSourceMaps?: boolean;
-        turbopackTreeShaking?: boolean;
-        mdxRs?: boolean | {
-            development?: boolean;
-            jsx?: boolean;
-            jsxRuntime?: string;
-            jsxImportSource?: string;
-            providerImportSource?: string;
-            mdxType?: "gfm" | "commonmark";
-        };
-        typedRoutes?: boolean;
-        typedEnv?: boolean;
-        parallelServerCompiles?: boolean;
-        parallelServerBuildTraces?: boolean;
-        webpackBuildWorker?: boolean;
-        webpackMemoryOptimizations?: boolean;
-        clientTraceMetadata?: string[];
-        ppr?: import("next/dist/server/lib/experimental/ppr").ExperimentalPPRConfig;
-        taint?: boolean;
-        routerBFCache?: boolean;
-        removeUncaughtErrorAndRejectionListeners?: boolean;
-        serverActions?: {
-            bodySizeLimit?: import("next").SizeLimit;
-            allowedOrigins?: string[];
-        };
-        serverMinification?: boolean;
-        enablePrerenderSourceMaps?: boolean;
-        serverSourceMaps?: boolean;
-        useWasmBinary?: boolean;
-        useLightningcss?: boolean;
-        useEarlyImport?: boolean;
-        viewTransition?: boolean;
-        testProxy?: boolean;
-        defaultTestRunner?: import("next/dist/cli/next-test").SupportedTestRunners;
-        allowDevelopmentBuild?: true;
-        bundlePagesExternals?: boolean;
-        serverComponentsExternalPackages?: string[];
-        reactCompiler?: boolean | import("next/dist/server/config-shared").ReactCompilerOptions;
-        staticGenerationRetryCount?: number;
-        staticGenerationMaxConcurrency?: number;
-        staticGenerationMinPagesPerWorker?: number;
-        serverComponentsHmrCache?: boolean;
-        dynamicIO?: boolean;
-        inlineCss?: boolean;
-        authInterrupts?: boolean;
-        useCache?: boolean;
-        slowModuleDetection?: {
-            buildTimeThresholdMs: number;
-        };
-        globalNotFound?: boolean;
-        devtoolSegmentExplorer?: boolean;
-    };
-    allowedDevOrigins?: string[];
-    exportPathMap?: (defaultMap: import("next/dist/server/config-shared").ExportPathMap, ctx: {
-        dev: boolean;
-        dir: string;
-        outDir: string | null;
-        distDir: string;
-        buildId: string;
-    }) => Promise<import("next/dist/server/config-shared").ExportPathMap> | import("next/dist/server/config-shared").ExportPathMap;
-    i18n?: import("next/dist/server/config-shared").I18NConfig | null;
-    eslint?: import("next/dist/server/config-shared").ESLintConfig;
-    typescript?: import("next/dist/server/config-shared").TypeScriptConfig;
-    headers?: () => Promise<import("next/dist/lib/load-custom-routes").Header[]>;
-    rewrites?: () => Promise<import("next/dist/lib/load-custom-routes").Rewrite[] | {
-        beforeFiles?: import("next/dist/lib/load-custom-routes").Rewrite[];
-        afterFiles?: import("next/dist/lib/load-custom-routes").Rewrite[];
-        fallback?: import("next/dist/lib/load-custom-routes").Rewrite[];
-    }>;
-    redirects?: () => Promise<import("next/dist/lib/load-custom-routes").Redirect[]>;
-    excludeDefaultMomentLocales?: boolean;
-    webpack?: import("next/dist/server/config-shared").NextJsWebpackConfig | null;
-    trailingSlash?: boolean;
-    env?: Record<string, string | undefined>;
-    distDir?: string;
-    cleanDistDir?: boolean;
-    assetPrefix?: string;
-    cacheHandler?: string | undefined;
-    cacheMaxMemorySize?: number;
-    useFileSystemPublicRoutes?: boolean;
-    generateBuildId?: () => string | null | Promise<string | null>;
-    generateEtags?: boolean;
-    pageExtensions?: string[];
-    compress?: boolean;
-    poweredByHeader?: boolean;
-    devIndicators?: false | {
-        appIsrStatus?: boolean;
-        buildActivity?: boolean;
-        buildActivityPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-        position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-    };
-    onDemandEntries?: {
-        maxInactiveAge?: number;
-        pagesBufferLength?: number;
-    };
-    amp?: {
-        canonicalBase?: string;
-    };
-    deploymentId?: string;
-    basePath?: string;
-    sassOptions?: {
-        implementation?: string;
-        [key: string]: any;
-    };
-    productionBrowserSourceMaps?: boolean;
-    reactProductionProfiling?: boolean;
-    reactStrictMode?: boolean | null;
-    reactMaxHeadersLength?: number;
-    publicRuntimeConfig?: {
-        [key: string]: any;
-    };
-    serverRuntimeConfig?: {
-        [key: string]: any;
-    };
-    httpAgentOptions?: {
-        keepAlive?: boolean;
-    };
-    staticPageGenerationTimeout?: number;
-    crossOrigin?: "anonymous" | "use-credentials";
-    compiler?: {
-        reactRemoveProperties?: boolean | {
-            properties?: string[];
-        };
-        relay?: {
-            src: string;
-            artifactDirectory?: string;
-            language?: "typescript" | "javascript" | "flow";
-            eagerEsModules?: boolean;
-        };
-        removeConsole?: boolean | {
-            exclude?: string[];
-        };
-        styledComponents?: boolean | import("next/dist/server/config-shared").StyledComponentsConfig;
-        emotion?: boolean | import("next/dist/server/config-shared").EmotionConfig;
-        styledJsx?: boolean | {
-            useLightningcss?: boolean;
-        };
-        define?: Record<string, string>;
-        defineServer?: Record<string, string>;
-        runAfterProductionCompile?: (metadata: {
-            projectDir: string;
-            distDir: string;
-        }) => Promise<void>;
-    };
-    output?: "standalone" | "export";
-    transpilePackages?: string[];
-    turbopack?: import("next/dist/server/config-shared").TurbopackOptions;
-    skipMiddlewareUrlNormalize?: boolean;
-    skipTrailingSlashRedirect?: boolean;
-    modularizeImports?: Record<string, {
-        transform: string | Record<string, string>;
-        preventFullImport?: boolean;
-        skipDefaultConversion?: boolean;
-    }>;
-    logging?: import("next/dist/server/config-shared").LoggingConfig | false;
-    expireTime?: number;
-    bundlePagesRouterDependencies?: boolean;
-    serverExternalPackages?: string[];
-    outputFileTracingRoot?: string;
-    outputFileTracingExcludes?: Record<string, string[]>;
-    outputFileTracingIncludes?: Record<string, string[]>;
-    watchOptions?: {
-        pollIntervalMs?: number;
-    };
-    htmlLimitedBots?: RegExp;
-};

package/dist/config.js

@@ -1,39 +0,0 @@
-export function extendConfig(config) {
-    return {
-        ...config,
-        images: {
-            ...config.images,
-            remotePatterns: [
-                ...(config.images?.remotePatterns ?? []),
-                {
-                    hostname: 'static.opexa.io',
-                    protocol: 'https',
-                },
-                {
-                    hostname: 'static.development.opexa.io',
-                    protocol: 'https',
-                },
-                {
-                    hostname: 'assets.opexacms.io',
-                    protocol: 'https',
-                },
-                {
-                    hostname: 'assets.development.opexacms.io',
-                    protocol: 'https',
-                },
-                {
-                    hostname: 's3.ap-east-1.amazonaws.com',
-                    protocol: 'https',
-                },
-                {
-                    hostname: 'images.pexels.com',
-                    protocol: 'https',
-                },
-            ],
-        },
-        experimental: {
-            ...config.experimental,
-            nodeMiddleware: true,
-        },
-    };
-}