@opexa/portal-components 0.0.756 → 0.0.758

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

@@ -3,6 +3,7 @@ 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 { env } from 'process';
 import { useCallback, useEffect, useState, } from 'react';
 import { useIntersectionObserver } from 'usehooks-ts';
 import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
@@ -73,7 +74,10 @@ export function JackpotsCarousel({ style, className, ...props }) {
 }
 export function JackpotsCarousels(props) {
     const future = useFeatureFlag();
-    if (future.enabled)
+    if (env.NEXT_PUBLIC_PLATFORM === 'W155' ||
+        env.NEXT_PUBLIC_PLATFORM === 'P702' ||
+        future.enabled) {
         return _jsx(JackpotsCarouselNext, { ...props });
+    }
     return _jsx(JackpotsCarousel, { ...props });
 }

package/dist/components/Jackpots/JackpotsCarouselNext/JackpotsCarouselStageItem.js

@@ -82,7 +82,7 @@ export function JackpotsCarouselStageItem({ style, className, viewAllUrl, animat
     const stage = jackpot.stage ?? 1;
     const currentWinner = useMemo(() => jackpot.status === 'CLOSED'
         ? jackpot.stages?.[jackpot.stages.length - 1]
-        : jackpot.stages?.[jackpot.stages.length - 1 === stage ? stage - 1 : stage - 2], [jackpot, stage]);
+        : jackpot.stages?.[stage - 2], [jackpot, stage]);
     useEffect(() => {
         if (isMobileDevice && mainTooltipOpen) {
             const timeout = setTimeout(() => setMainTooltipOpen(false), 3000);

package/dist/components/Jackpots/JackpotsList/JackpotsList.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { isString } from 'lodash-es';
 import Image, {} from 'next/image';
+import { env } from 'process';
 import { useIntersectionObserver } from 'usehooks-ts';
 import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useJackpotsQuery } from '../../../client/hooks/useJackpotsQuery.js';
@@ -38,7 +39,10 @@ export function JackpotsList(props) {
     const classNames = isString(props.className)
         ? { root: props.className }
         : (props.className ?? {});
-    if (future.enabled)
+    if (env.NEXT_PUBLIC_PLATFORM === 'W155' ||
+        env.NEXT_PUBLIC_PLATFORM === 'P702' ||
+        future.enabled) {
         return _jsx(JackpotsListNext, { ...props });
+    }
     return (_jsx(JackpotsListPropsContext, { value: props, children: _jsxs("div", { ref: ref, style: styles.root, className: classNames.root, children: [_jsx("div", { className: "mb-3 font-semibold text-lg lg:mb-4.5", children: props.heading ?? 'Jackpots' }), jackpots.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden flex-col gap-6 lg:flex", children: jackpots.map((jackpot, index) => (_jsx(JackpotsListItemContext, { value: jackpot, children: _jsx(JackpotsListItemDesktop, { style: styles.itemRoot, className: classNames, animate: props.animate, customJackpotChestImage: props.customJackpotChestImage, jackpotProfileShape: props.jackpotProfileShape, chestImagesByTier: props.chestImagesByTier }) }, index))) }), _jsx("div", { className: "flex flex-col gap-6 lg:hidden", children: jackpots.map((jackpot, index) => (_jsx(JackpotsListItemContext, { value: jackpot, children: _jsx(JackpotsListItemMobile, { style: styles.itemRoot, className: classNames, animate: props.animate, customJackpotChestImage: props.customJackpotChestImage, jackpotProfileShape: props.jackpotProfileShape, chestImagesByTier: props.chestImagesByTier }) }, index))) })] })) : (_jsxs("div", { className: "mt-5 flex h-fit flex-col items-center justify-center lg:mt-0 lg:h-62", children: [_jsx(Image, { width: 100, height: 100, src: closeChest, alt: "closeChest", className: "size-full h-29.5 w-29.5 mix-blend-luminosity lg:h-25 lg:w-25" }), _jsx("div", { className: "mt-4 font-semibold text-base text-text-primary-900", children: "No Jackpots" }), _jsxs("div", { className: "mt-1 text-center text-sm text-text-tertiary-600", children: ["No jackpots are running at the moment. ", _jsx("br", {}), "Please check back later!"] })] }))] }) }));
 }

package/dist/components/Jackpots/JackpotsListNext/JackpotMultiStageDesktop.js

@@ -60,7 +60,7 @@ export function JackpotMultiStageDesktop({ animate = true, customJackpotChestIma
     const stage = jackpot.stage ?? 1;
     const currentWinner = useMemo(() => jackpot.status === 'CLOSED'
         ? jackpot.stages?.[jackpot.stages.length - 1]
-        : jackpot.stages?.[jackpot.stages.length - 1 === stage ? stage - 1 : stage - 2], [jackpot, stage]);
+        : jackpot.stages?.[stage - 2], [jackpot, stage]);
     const ProfileIcon = () => jackpotProfileShape === 'oval' ? (_jsx("div", { className: "relative flex h-18 w-18 items-center justify-center rounded-full bg-bg-tertiary", children: _jsx(User01Icon, { className: "size-9 text-text-quarterary-500" }) })) : (_jsxs("div", { className: "relative grid h-18 w-18", children: [_jsx(StarIcon, { className: "col-start-1 row-start-1 h-full w-full" }), _jsx(User01Icon, { className: "z-10 col-start-1 row-start-1 size-9 place-self-center text-text-quarterary-500" })] }));
     const PayoutBadge = () => (_jsxs("div", { className: twMerge('flex h-fit w-fit items-center gap-1 rounded-sm border border-utility-brand-200 bg-utility-brand-50 px-2 py-0.5 font-medium text-utility-brand-700 text-xs', className?.latestPayoutBadgeRoot), children: [_jsx(Trophy01Icon, { className: twMerge('size-3.5 text-utility-brand-600', className?.latestPayoutBadgeIcon) }), "Winner"] }));
     const ProgressBar = () => (_jsxs("div", { className: "mt-3 lg:mt-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "font-semibold text-sm text-text-primary-900", children: ["Stage ", jackpot.stage, " Progress"] }), isCompleted ? 100 : currStageProgressPercentage, "%"] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary lg:h-4", max: 100, value: isCompleted ? 100 : currStageProgressPercentage, children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full bg-bg-primary', className?.progressBarTrack), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 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 }) }) }) })] }));

package/dist/components/Jackpots/JackpotsListNext/JackpotMultiStageMobile.js

@@ -77,7 +77,7 @@ export function JackpotMultiStageMobile({ animate = true, customJackpotChestImag
     const stage = jackpot.stage ?? 1;
     const currentWinner = useMemo(() => jackpot.status === 'CLOSED'
         ? jackpot.stages?.[jackpot.stages.length - 1]
-        : jackpot.stages?.[jackpot.stages.length - 1 === stage ? stage - 1 : stage - 2], [jackpot, stage]);
+        : jackpot.stages?.[stage - 2], [jackpot, stage]);
     const ProfileIcon = () => jackpotProfileShape === 'oval' ? (_jsx("div", { className: "relative flex h-18 w-18 items-center justify-center rounded-full bg-bg-tertiary", children: _jsx(User01Icon, { className: "size-9 text-text-quarterary-500" }) })) : (_jsxs("div", { className: "relative grid h-18 w-18", children: [_jsx(StarIcon, { className: "col-start-1 row-start-1 h-full w-full" }), _jsx(User01Icon, { className: "z-10 col-start-1 row-start-1 size-9 place-self-center text-text-quarterary-500" })] }));
     const PayoutBadge = () => (_jsxs("div", { className: twMerge('flex h-fit w-fit items-center gap-1 rounded-sm border border-utility-brand-200 bg-utility-brand-50 px-2 py-0.5 font-medium text-utility-brand-700 text-xs', className?.latestPayoutBadgeRoot), children: [_jsx(Trophy01Icon, { className: twMerge('size-3.5 text-utility-brand-600', className?.latestPayoutBadgeIcon) }), "Winner"] }));
     const ProgressBar = () => (_jsxs("div", { className: "flex w-full flex-col items-center justify-between", children: [_jsxs("div", { className: "mb-[5px] flex w-full items-center justify-between", children: [_jsxs("div", { className: "font-semibold text-text-primary-900 text-xs", children: ["Stage ", jackpot.stage] }), isCompleted ? 100 : currStageProgressPercentage, "%"] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary", max: 100, value: isCompleted ? 100 : currStageProgressPercentage, "aria-valuemax": 100, "aria-label": "Stage progress", children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full bg-bg-primary', className?.progressBarTrack), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 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 }) }) }) })] }));

package/dist/components/Jackpots/JackpotsListNext/JackpotsList.js

@@ -12,7 +12,7 @@ import { JackpotsListItemDesktop } from './JackpotsListItemDesktop.js';
 import { JackpotsListItemMobile } from './JackpotsListItemMobile.js';
 export function JackpotsListNext(props) {
     const jackpotsNextQuery = useJackpotsNextQuery({
-        first: 100,
+        first: 25,
         filter: {
             deleted: {
                 equal: false,
@@ -23,7 +23,7 @@ export function JackpotsListNext(props) {
             order: 'DESC',
         },
     }, {
-        refetchInterval: 10_000,
+        refetchInterval: 5000,
     });
     const jackpots = jackpotsNextQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
     const styles = isStyleEntries(props.style, ['root', 'itemRoot'])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.756",
+  "version": "0.0.758",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",