@opexa/portal-components 0.0.755 → 0.0.757

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

@@ -79,6 +79,10 @@ export function JackpotsCarouselStageItem({ style, className, viewAllUrl, animat
             ? 100
             : parsed;
     const isCompleted = overallPercentage >= 100;
+    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]);
     useEffect(() => {
         if (isMobileDevice && mainTooltipOpen) {
             const timeout = setTimeout(() => setMainTooltipOpen(false), 3000);
@@ -108,10 +112,10 @@ export function JackpotsCarouselStageItem({ style, className, viewAllUrl, animat
                                                                         currency: localeInfo.currency.code,
                                                                         minDecimalPlaces: 2,
                                                                         maxDecimalPlaces: 2,
-                                                                    })] })] })] }), _jsx("div", { className: "hidden min-w-25 lg:block" }), chestImages.image && (_jsx("div", { className: twMerge('right-0 bottom-[-60] z-1 min-w-30 lg:absolute', chestImages?.style?.wrapper), children: _jsx(Image, { width: 150, height: 150, src: chestImages.image, alt: "chest", className: twMerge('size-full h-25 w-25 p-2 lg:h-37.5 lg:w-37.5', chestImages?.style?.image) }) }))] }), _jsx("div", { className: twMerge('relative mt-4 hidden w-full gap-4 rounded-lg bg-bg-primary p-4 lg:flex', className?.latestPayoutRoot), children: jackpot.stages?.[jackpot.stage - 1]?.member?.name ? (_jsxs(_Fragment, { children: [_jsx(ProfileIcon, {}), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: maskFirstLast(jackpot.stages?.[jackpot.stage - 1]?.member?.name, {
+                                                                    })] })] })] }), _jsx("div", { className: "hidden min-w-25 lg:block" }), chestImages.image && (_jsx("div", { className: twMerge('right-0 bottom-[-60] z-1 min-w-30 lg:absolute', chestImages?.style?.wrapper), children: _jsx(Image, { width: 150, height: 150, src: chestImages.image, alt: "chest", className: twMerge('size-full h-25 w-25 p-2 lg:h-37.5 lg:w-37.5', chestImages?.style?.image) }) }))] }), _jsx("div", { className: twMerge('relative mt-4 hidden w-full gap-4 rounded-lg bg-bg-primary p-4 lg:flex', className?.latestPayoutRoot), children: currentWinner?.member?.name ? (_jsxs(_Fragment, { children: [_jsx(ProfileIcon, {}), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: maskFirstLast(currentWinner?.member?.name, {
                                                                 firstCharsCount: 3,
                                                                 midLength: 3,
-                                                            }) }), _jsx("div", { className: twMerge('text-2xl text-brand-400', className?.latestPayoutAmount), children: formatNumber(jackpot.stages?.[jackpot.stage - 1]?.jackpotPayout, {
+                                                            }) }), _jsx("div", { className: twMerge('text-2xl text-brand-400', className?.latestPayoutAmount), children: formatNumber(currentWinner?.jackpotPayout, {
                                                                 currency: localeInfo.currency.code,
                                                                 minDecimalPlaces: 2,
                                                                 maxDecimalPlaces: 2,

package/dist/components/Jackpots/JackpotsListNext/JackpotMultiStageDesktop.d.ts

@@ -1,5 +1,5 @@
 import { type ImageProps } from 'next/image';
-import type { CSSProperties } from 'react';
+import { type CSSProperties } from 'react';
 import type { ClassNameEntries } from './JackpotsList';
 interface JackpotsListItemDesktopProps {
     className?: ClassNameEntries;

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

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Progress } from '@ark-ui/react/progress';
 import { format } from 'date-fns';
 import Image, {} from 'next/image';
+import { useMemo } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { ArrowNarrowUpRightIcon } from '../../../icons/ArrowNarrowUpRightIcon.js';
 import { CheckCircleBrokenIcon } from '../../../icons/CheckCircleBrokenIcon.js';
@@ -56,6 +57,10 @@ export function JackpotMultiStageDesktop({ animate = true, customJackpotChestIma
             : parsed;
     const overallPercentage = parseInt(jackpot.overallProgressPercentage ?? '0');
     const isCompleted = overallPercentage >= 100;
+    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]);
     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 }) }) }) })] }));
@@ -92,10 +97,10 @@ export function JackpotMultiStageDesktop({ animate = true, customJackpotChestIma
                                                                                 currency: localeInfo.currency.code,
                                                                                 minDecimalPlaces: 2,
                                                                                 maxDecimalPlaces: 2,
-                                                                            })] })] })] }), _jsx("div", { className: "min-w-30" }), chestImages.image && (_jsx("div", { className: twMerge('right-0 bottom-[-60] z-1 min-w-30 lg:absolute', chestImages?.style?.wrapper), children: _jsx(Image, { width: 150, height: 150, src: chestImages.image, alt: "chest", className: twMerge('size-full h-25 w-25 p-2 lg:h-37.5 lg:w-37.5', chestImages?.style?.image) }) }))] }), _jsx("div", { className: twMerge('relative mt-4 hidden w-full gap-4 rounded-lg bg-bg-primary p-4 lg:flex', className?.latestPayoutRoot), children: jackpot.stages?.[jackpot.stage - 1]?.member?.name ? (_jsxs(_Fragment, { children: [_jsx(ProfileIcon, {}), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: maskFirstLast(jackpot.stages?.[jackpot.stage - 1]?.member?.name, {
+                                                                            })] })] })] }), _jsx("div", { className: "min-w-30" }), chestImages.image && (_jsx("div", { className: twMerge('right-0 bottom-[-60] z-1 min-w-30 lg:absolute', chestImages?.style?.wrapper), children: _jsx(Image, { width: 150, height: 150, src: chestImages.image, alt: "chest", className: twMerge('size-full h-25 w-25 p-2 lg:h-37.5 lg:w-37.5', chestImages?.style?.image) }) }))] }), _jsx("div", { className: twMerge('relative mt-4 hidden w-full gap-4 rounded-lg bg-bg-primary p-4 lg:flex', className?.latestPayoutRoot), children: currentWinner?.member?.name ? (_jsxs(_Fragment, { children: [_jsx(ProfileIcon, {}), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: maskFirstLast(currentWinner?.member?.name, {
                                                                         firstCharsCount: 3,
                                                                         midLength: 3,
-                                                                    }) }), _jsx("div", { className: twMerge('text-2xl text-brand-400', className?.latestPayoutAmount), children: formatNumber(jackpot.stages?.[jackpot.stage - 1]?.jackpotPayout, {
+                                                                    }) }), _jsx("div", { className: twMerge('text-2xl text-brand-400', className?.latestPayoutAmount), children: formatNumber(currentWinner.jackpotPayout, {
                                                                         currency: localeInfo.currency.code,
                                                                         minDecimalPlaces: 2,
                                                                         maxDecimalPlaces: 2,

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Progress } from '@ark-ui/react/progress';
 import { format } from 'date-fns';
 import Image, {} from 'next/image';
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { ArrowNarrowDownIcon } from '../../../icons/ArrowNarrowDownIcon.js';
 import { ArrowNarrowUpIcon } from '../../../icons/ArrowNarrowUpIcon.js';
@@ -74,6 +74,10 @@ export function JackpotMultiStageMobile({ animate = true, customJackpotChestImag
             : parsed;
     const overallPercentage = parseInt(jackpot.overallProgressPercentage ?? '0');
     const isCompleted = overallPercentage >= 100;
+    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]);
     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 }) }) }) })] }));
@@ -110,9 +114,9 @@ export function JackpotMultiStageMobile({ animate = true, customJackpotChestImag
                                                                             currency: localeInfo.currency.code,
                                                                             minDecimalPlaces: 2,
                                                                             maxDecimalPlaces: 2,
-                                                                        })] })] }), _jsx(ProgressBar, {})] }), chestImages?.image && (_jsx("div", { className: twMerge('right-0 bottom-[-60] z-1 block min-w-34.5 lg:absolute', chestImages?.style?.wrapper), children: _jsx(Image, { width: 100, height: 100, src: chestImages?.image, alt: "chest", className: twMerge('size-full h-34.5 w-34.5 p-2 lg:h-37.5 lg:w-37.5', chestImages?.style?.image) }) }))] }) }) }) }), _jsx("div", { className: twMerge('relative mt-4 flex w-full gap-4 rounded-lg bg-bg-primary p-4', className?.latestPayoutRoot), children: jackpot.stages?.[jackpot.stage - 1]?.member?.name ? (_jsxs(_Fragment, { children: [_jsx(ProfileIcon, {}), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: maskFirstLast(jackpot.stages?.[jackpot.stage - 1]?.member?.name, {
+                                                                        })] })] }), _jsx(ProgressBar, {})] }), chestImages?.image && (_jsx("div", { className: twMerge('right-0 bottom-[-60] z-1 block min-w-34.5 lg:absolute', chestImages?.style?.wrapper), children: _jsx(Image, { width: 100, height: 100, src: chestImages?.image, alt: "chest", className: twMerge('size-full h-34.5 w-34.5 p-2 lg:h-37.5 lg:w-37.5', chestImages?.style?.image) }) }))] }) }) }) }), _jsx("div", { className: twMerge('relative mt-4 flex w-full gap-4 rounded-lg bg-bg-primary p-4', className?.latestPayoutRoot), children: currentWinner?.member?.name ? (_jsxs(_Fragment, { children: [_jsx(ProfileIcon, {}), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: maskFirstLast(currentWinner?.member?.name, {
                                                         firstCharsCount: 3,
-                                                    }) }), _jsx("div", { className: twMerge('text-2xl text-brand-400', className?.latestPayoutAmount), children: formatNumber(jackpot.stages?.[jackpot.stage - 1]?.jackpotPayout, {
+                                                    }) }), _jsx("div", { className: twMerge('text-2xl text-brand-400', className?.latestPayoutAmount), children: formatNumber(currentWinner?.jackpotPayout, {
                                                         currency: localeInfo.currency.code,
                                                         minDecimalPlaces: 2,
                                                         maxDecimalPlaces: 2,

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

@@ -2,7 +2,6 @@
 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 { useIntersectionObserver } from 'usehooks-ts';
 import { useJackpotsNextQuery } from '../../../client/hooks/useJackpotsNextQuery.js';
 import closeChest from '../../../images/close-chest.png';
 import { isStyleEntries } from '../../../utils/isStyleEntries.js';
@@ -12,9 +11,6 @@ import { JackpotsListItemContext, JackpotsListPropsContext, } from './JackpotsLi
 import { JackpotsListItemDesktop } from './JackpotsListItemDesktop.js';
 import { JackpotsListItemMobile } from './JackpotsListItemMobile.js';
 export function JackpotsListNext(props) {
-    const [ref, inView] = useIntersectionObserver({
-        threshold: 0.25,
-    });
     const jackpotsNextQuery = useJackpotsNextQuery({
         first: 100,
         filter: {
@@ -27,17 +23,16 @@ export function JackpotsListNext(props) {
             order: 'DESC',
         },
     }, {
-        refetchInterval: inView ? 10_000 : false,
+        refetchInterval: 5000,
     });
     const jackpots = jackpotsNextQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
-    console.log;
     const styles = isStyleEntries(props.style, ['root', 'itemRoot'])
         ? props.style
         : { root: props.style };
     const classNames = isString(props.className)
         ? { root: props.className }
         : (props.className ?? {});
-    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) => {
+    return (_jsx(JackpotsListPropsContext, { value: props, children: _jsxs("div", { 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) => {
                                 if (jackpot?.stages?.length) {
                                     return (_jsx(JackpotsListItemContext, { value: jackpot, children: _jsx(JackpotMultiStageDesktop, { style: styles.itemRoot, className: classNames, animate: props.animate, customJackpotChestImage: props.customJackpotChestImage, jackpotProfileShape: props.jackpotProfileShape, customJackpotStageChest: props.customJackpotStageChest, medalImage: props.medalImage }) }, index));
                                 }

package/dist/components/PortalProvider/AndroidOnlyComponents.d.ts

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

package/dist/components/PortalProvider/AndroidOnlyComponents.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Capacitor } from '@capacitor/core';
+import { AndroidRoutingHandler } from './AndroidRoutingHandler.js';
+import PushNotification from './PushNotifications.js';
+export function AndroidOnlyComponents() {
+    const platform = Capacitor.getPlatform();
+    const isNative = platform === 'android' || platform === 'ios';
+    if (!isNative)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(PushNotification, {}), _jsx(AndroidRoutingHandler, {})] }));
+}

package/dist/constants/EnvVar.d.ts

@@ -1,5 +1,5 @@
 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 ENVIRONMENT: "development" | "production";
 export declare const INTERNALS__REPORT_WEB_VITALS: boolean;