@opexa/portal-components 0.0.1042 → 0.0.1043
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Jackpots/JackpotsCarouselNext/JackpotsCarouselItem.js +1 -1
- package/dist/components/Jackpots/JackpotsList/JackpotsListItemMobile.js +1 -1
- package/dist/components/Jackpots/JackpotsListNext/JackpotsListItemDesktop.js +2 -2
- package/dist/components/Jackpots/JackpotsListNext/JackpotsListItemMobile.js +1 -1
- package/package.json +1 -1
|
@@ -158,7 +158,7 @@ export function JackpotsCarouselItem({ style, className, viewAllUrl, animate = t
|
|
|
158
158
|
maxDecimalPlaces: 2,
|
|
159
159
|
})] }), _jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) })] }) })] }), _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }), _jsxs(Tooltip.Root, { open: isMobile() ? minLimitTooltipOpen : undefined, onOpenChange: (details) => isMobile() && setMinLimitTooltipOpen(details.open), openDelay: 0, closeDelay: 100, lazyMount: true, unmountOnExit: true, positioning: { strategy: 'fixed', placement: 'top' }, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx("div", { onClick: handleMinLimitTooltipClick, className: "absolute inset-0 h-full bg-black opacity-30", style: {
|
|
160
160
|
width: `${getPercentage(jackpot.minimumJackpotPoolDrawingLimit, jackpot.pool)}%`,
|
|
161
|
-
}, role: "button", tabIndex: 0, "aria-label": "Show minimum payout limit tooltip", "aria-describedby": minLimitTooltipId }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { id: minLimitTooltipId, children: [_jsxs("div", { className: "text-xs", children: ["Minimum
|
|
161
|
+
}, role: "button", tabIndex: 0, "aria-label": "Show minimum payout limit tooltip", "aria-describedby": minLimitTooltipId }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { id: minLimitTooltipId, children: [_jsxs("div", { className: "text-xs", children: ["Minimum Jackpot Pool Drawing Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
|
|
162
162
|
currency: localeInfo.currency.code,
|
|
163
163
|
minDecimalPlaces: 2,
|
|
164
164
|
maxDecimalPlaces: 2,
|
|
@@ -101,7 +101,7 @@ export function JackpotsListItemMobile({ animate = true, customJackpotChestImage
|
|
|
101
101
|
maxDecimalPlaces: 2,
|
|
102
102
|
})] }), _jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) })] }) })] }), _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }), _jsxs(Tooltip.Root, { open: minLimitTooltipOpen, onOpenChange: (details) => setMinLimitTooltipOpen(details.open), openDelay: 0, closeDelay: 100, lazyMount: true, unmountOnExit: true, positioning: { strategy: 'fixed', placement: 'top' }, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx("div", { onClick: handleMinLimitTooltipClick, className: "absolute inset-0 h-full bg-black opacity-30", style: {
|
|
103
103
|
width: `${getPercentage(jackpot.minimumJackpotPoolDrawingLimit, jackpot.pool)}%`,
|
|
104
|
-
}, role: "button", tabIndex: 0, "aria-label": "Show minimum payout limit tooltip", "aria-describedby": minLimitTooltipId }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { id: minLimitTooltipId, children: [_jsxs("div", { className: "text-xs", children: ["Minimum
|
|
104
|
+
}, role: "button", tabIndex: 0, "aria-label": "Show minimum payout limit tooltip", "aria-describedby": minLimitTooltipId }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { id: minLimitTooltipId, children: [_jsxs("div", { className: "text-xs", children: ["Minimum Jackpot Pool Drawing Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
|
|
105
105
|
currency: localeInfo.currency.code,
|
|
106
106
|
minDecimalPlaces: 2,
|
|
107
107
|
maxDecimalPlaces: 2,
|
|
@@ -68,7 +68,7 @@ export function JackpotsListItemDesktop({ animate = true, customJackpotChestImag
|
|
|
68
68
|
maxDecimalPlaces: 2,
|
|
69
69
|
})] }), _jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) })] }) })] }), _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }), _jsxs(Tooltip.Root, { openDelay: 0, closeDelay: 100, lazyMount: true, unmountOnExit: true, positioning: { strategy: 'fixed', placement: 'top' }, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx("div", { className: "absolute inset-0 h-full bg-black opacity-30", style: {
|
|
70
70
|
width: `${getPercentage(jackpot.minimumJackpotPoolDrawingLimit, jackpot.pool)}%`,
|
|
71
|
-
} }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { children: [_jsxs("div", { className: "text-xs", children: ["Minimum
|
|
71
|
+
} }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { children: [_jsxs("div", { className: "text-xs", children: ["Minimum Jackpot Pool Drawing Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
|
|
72
72
|
currency: localeInfo.currency.code,
|
|
73
73
|
minDecimalPlaces: 2,
|
|
74
74
|
maxDecimalPlaces: 2,
|
|
@@ -78,7 +78,7 @@ export function JackpotsListItemDesktop({ animate = true, customJackpotChestImag
|
|
|
78
78
|
compact: true,
|
|
79
79
|
})} Play now for your chance to win big! 🔥`
|
|
80
80
|
: getAccumulatingJackpotDescription(Number(jackpot?.pool) ?? 0, Number(jackpot?.maximumJackpotPoolLimit) ?? 0) })] }));
|
|
81
|
-
const RecentPayoutsTable = () => (_jsx("div", { className: twMerge('max-h-[17rem] overflow-y-scroll rounded-xl', styles.scrollArea), children: _jsx("div", { className:
|
|
81
|
+
const RecentPayoutsTable = () => (_jsx("div", { className: twMerge('max-h-[17rem] overflow-y-scroll rounded-xl', styles.scrollArea), children: _jsx("div", { className: "rounded-xl border-gray-200", children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { children: _jsx("tr", { className: twMerge('h-8 whitespace-nowrap bg-bg-secondary text-left font-medium text-text-tertiary-600 text-xs', className?.recentPayoutsTableHeadRow), children: [
|
|
82
82
|
'Player',
|
|
83
83
|
'Game Provider',
|
|
84
84
|
'Multiplier',
|
|
@@ -101,7 +101,7 @@ export function JackpotsListItemMobile({ animate = true, customJackpotChestImage
|
|
|
101
101
|
maxDecimalPlaces: 2,
|
|
102
102
|
})] }), _jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) })] }) })] }), _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }), _jsxs(Tooltip.Root, { open: minLimitTooltipOpen, onOpenChange: (details) => setMinLimitTooltipOpen(details.open), openDelay: 0, closeDelay: 100, lazyMount: true, unmountOnExit: true, positioning: { strategy: 'fixed', placement: 'top' }, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx("div", { onClick: handleMinLimitTooltipClick, className: "absolute inset-0 h-full bg-black opacity-30", style: {
|
|
103
103
|
width: `${getPercentage(jackpot.minimumJackpotPoolDrawingLimit, jackpot.pool)}%`,
|
|
104
|
-
}, role: "button", tabIndex: 0, "aria-label": "Show minimum
|
|
104
|
+
}, role: "button", tabIndex: 0, "aria-label": "Show minimum jackpot pool drawing limit tooltip", "aria-describedby": minLimitTooltipId }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { id: minLimitTooltipId, children: [_jsxs("div", { className: "text-xs", children: ["Minimum Jackpot Pool Drawing Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
|
|
105
105
|
currency: localeInfo.currency.code,
|
|
106
106
|
minDecimalPlaces: 2,
|
|
107
107
|
maxDecimalPlaces: 2,
|