@opexa/portal-components 0.0.788 → 0.0.790

package/dist/components/Messages/MessagesPopup.js

@@ -5,7 +5,6 @@ import { useState } from 'react';
 import { useInterval } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';
 import { useDisclosure } from '../../client/hooks/useDisclosure.js';
-import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useMarkMessageAsReadMutation } from '../../client/hooks/useMarkMessageAsReadMutation.js';
 import { useMessagesQuery } from '../../client/hooks/useMessagesQuery.js';
@@ -61,8 +60,6 @@ export function MessagesPopup() {
             }
         },
     });
-    const future = useFeatureFlag();
-    const isGameLaunchWaiting = globalStore.gameLaunch.details.status === 'WAITING' || future.enabled;
     const messagesQuery = useMessagesQuery({
         first: 20,
         filter: {
@@ -74,8 +71,7 @@ export function MessagesPopup() {
             },
         },
     }, {
-        enabled: isGameLaunchWaiting &&
-            !globalStore.depositWithdrawal.open &&
+        enabled: !globalStore.depositWithdrawal.open &&
             !globalStore.messages.open &&
             !globalStore.message.open &&
             !globalStore.account.open &&
@@ -86,7 +82,7 @@ export function MessagesPopup() {
         refetchInterval: disclosure.open ? undefined : 1000 * 10,
     });
     const messages = messagesQuery.data?.pages.flatMap((page) => page.edges
-        .filter((edge) => globalStore.gameLaunch.details.status === 'PLAYING' && future.enabled
+        .filter((edge) => globalStore.gameLaunch.details.status === 'PLAYING'
         ? edge.node.force
         : true)
         .map((edge) => edge.node)) ?? [];
@@ -132,7 +128,7 @@ export function MessagesPopup() {
                                     setIndex(details.page);
                                 }, slideCount: messages.length, allowMouseDrag: true, autoplay: false, children: [_jsx(Carousel.ItemGroup, { children: messages.map((message, index) => (_jsxs(Carousel.Item, { index: index, className: "select-none", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(MessageIcon, { type: message.icon, className: "size-6" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg xl:mt-xl", children: message.title }), message.content && (_jsx("div", { dangerouslySetInnerHTML: {
                                                         __html: transformContent(message.content),
-                                                    }, className: "mt-xs pb-5 text-left text-sm text-text-secondary-700 [&_li>ol]:list-decimal [&_li>ol]:pl-5 [&_li>ul]:list-disc [&_li>ul]:pl-5 [&_li]:mb-1 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:list-disc [&_ul]:pl-5" })), message.image && (_jsx("div", { className: "mt-5 pb-5", children: _jsx(Image, { src: message.image, alt: "", width: 400, height: 250, loading: "lazy", unoptimized: true, className: "h-auto w-full rounded-sm" }) })), message.actions.length ? (_jsx("div", { className: "mt-3xl flex flex-col gap-2 text-center lg:mt-4xl", children: message.actions.map((action, index) => (_jsx(Button, { asChild: true, children: _jsx(Link, { href: normalizeActionUrl(action.url, session?.token || '', {
+                                                    }, className: "mt-xs pb-5 text-center text-sm text-text-secondary-700 [&_li>ol]:list-decimal [&_li>ol]:pl-5 [&_li>ul]:list-disc [&_li>ul]:pl-5 [&_li]:mb-1 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:list-disc [&_ul]:pl-5" })), message.image && (_jsx("div", { className: "mt-5 pb-5", children: _jsx(Image, { src: message.image, alt: "", width: 400, height: 250, loading: "lazy", unoptimized: true, className: "h-auto w-full rounded-sm" }) })), message.actions.length ? (_jsx("div", { className: "mt-3xl flex flex-col gap-2 text-center lg:mt-4xl", children: message.actions.map((action, index) => (_jsx(Button, { asChild: true, children: _jsx(Link, { href: normalizeActionUrl(action.url, session?.token || '', {
                                                                 questsPageUrl,
                                                                 transactionsPageUrl,
                                                             }), onClick: () => {

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/components/Quests/WageringQuest__next.d.ts

@@ -4,7 +4,8 @@ export interface StageItemUnlockedClassNameEntries {
     root?: string;
     header?: string;
     stageTitle?: string;
-    statusBadge?: string;
+    statusBadgeCompleted?: string;
+    statusBadgeOngoing?: string;
     body?: string;
     progressText?: string;
     bonusBadge?: string;
@@ -19,6 +20,9 @@ export interface StageItemLockedClassNameEntries {
 }
 export interface ClassNameEntries {
     root?: string;
+    stageBadge?: string;
+    stageBadgeIcon?: string;
+    stageBadgeText?: string;
     progressBarContainer?: string;
     progressBar?: string;
     bonusText?: string;

package/dist/components/Quests/WageringQuest__next.js

@@ -45,7 +45,7 @@ export function WageringQuestNext(props) {
         const numericValue = parseFloat(value);
         return Math.floor(numericValue).toString();
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: twMerge('flex h-full w-full flex-col space-y-6 rounded-2xl border border-border-primary bg-bg-tertiary px-4 pt-5 pb-6', classNames?.root), children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start gap-2", children: [_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-md border border-[#9E165F] bg-[#4E0D30] px-2 py-1", children: [_jsx(Flag05Icon, { className: "size-4 text-[#EE46BC]" }), _jsxs("p", { className: "font-medium text-[#FAA7E0] text-sm", children: ["Stage ", currentStage] })] }), _jsx(RemainingTime, {})] }), _jsx("p", { className: "font-semibold text-xl", children: name }), _jsx(Prose, { className: "text-wrap font-normal text-sm text-text-secondary-700", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsxs("div", { className: "group flex items-center justify-between text-text-primary-brand", children: [_jsxs("p", { children: ["Progress ", parseDecimal(progressPercentage, 0).toFixed(0), "%"] }), _jsxs("p", { children: [formatTurnover(turnover), _jsxs("span", { className: "text-text-quarterary-brand", children: ["/", targetTurnover, " ", localeInfo.currency.code] })] })] }), _jsx("div", { className: twMerge('h-2 w-full overflow-hidden rounded-full bg-bg-primary', classNames?.progressBarContainer), children: _jsx("div", { className: twMerge('h-full rounded-full bg-utility-brand-600 transition-all duration-300', classNames?.progressBar), style: { width: `${progressPercentage}%` } }) }), _jsxs("div", { className: "group flex items-center justify-between text-text-primary-brand", children: [_jsxs("p", { children: ["Stage ", currentStage, " of ", quest?.program.stages?.length] }), _jsxs("div", { className: twMerge('rounded-[6px] border border-utility-brand-200 bg-utility-brand-50 px-1.5 py-0.5 font-medium text-utility-brand-700 text-xs leading-tight'), children: ["+", formatNumber(bonus, {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: twMerge('flex h-full w-full flex-col space-y-6 rounded-2xl border border-border-primary bg-bg-tertiary px-4 pt-5 pb-6', classNames?.root), children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start gap-2", children: [_jsxs("div", { className: twMerge('flex w-fit items-center gap-1 rounded-md border border-[#9E165F] bg-[#4E0D30] px-2 py-1', classNames?.stageBadge), children: [_jsx(Flag05Icon, { className: twMerge('size-4 text-[#EE46BC]', classNames?.stageBadgeIcon) }), _jsxs("p", { className: twMerge('font-medium text-[#FAA7E0] text-sm', classNames?.stageBadgeText), children: ["Stage ", currentStage] })] }), _jsx(RemainingTime, {})] }), _jsx("p", { className: "font-semibold text-xl", children: name }), _jsx(Prose, { className: "text-wrap font-normal text-sm text-text-secondary-700", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsxs("div", { className: "group flex items-center justify-between text-text-primary-brand", children: [_jsxs("p", { children: ["Progress ", parseDecimal(progressPercentage, 0).toFixed(0), "%"] }), _jsxs("p", { children: [formatTurnover(turnover), _jsxs("span", { className: "text-text-quarterary-brand", children: ["/", targetTurnover, " ", localeInfo.currency.code] })] })] }), _jsx("div", { className: twMerge('h-2 w-full overflow-hidden rounded-full bg-bg-primary', classNames?.progressBarContainer), children: _jsx("div", { className: twMerge('h-full rounded-full bg-utility-brand-600 transition-all duration-300', classNames?.progressBar), style: { width: `${progressPercentage}%` } }) }), _jsxs("div", { className: "group flex items-center justify-between text-text-primary-brand", children: [_jsxs("p", { children: ["Stage ", currentStage, " of ", quest?.program.stages?.length] }), _jsxs("div", { className: twMerge('rounded-[6px] border border-utility-brand-200 bg-utility-brand-50 px-1.5 py-0.5 font-medium text-utility-brand-700 text-xs leading-tight'), children: ["+", formatNumber(bonus, {
                                                 currency: localeInfo.currency.code,
                                             }), ' ', "Bonus"] })] })] }), status === 'IN_PROGRESS' && (_jsx("div", { className: "flex h-full items-end", children: _jsx(Button, { size: "sm", onClick: () => disclosure.setOpen(true), "aria-label": "View Details", disabled: false, className: "disabled:bg-bg-primary disabled:text-text-disabled", children: "View Details" }) }))] }), _jsx(Rules, { open: disclosure.open, onOpenChange: disclosure.setOpen, gameProviderCarousel: props.gameProviderCarousel, gameProviders: Object.entries(quest.turnoverRequirementContributionPercentagePerGameProvider ?? [])
                     .filter(([_, value]) => +value > 0)
@@ -66,7 +66,7 @@ function Rules(props) {
             ? (quest?.stage ?? 0) + 1
             : quest.stage;
     }, [quest.stage]);
-    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: open, onOpenChange: (details) => setOpen(details.open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: 'mx-auto flex max-h-[80vh] min-h-auto max-w-[400px] flex-col rounded-xl px-4 pt-5 pb-0', children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: 'flex flex-shrink-0 flex-col space-y-5', children: [_jsx("h2", { className: "font-semibold text-lg text-text-primary-900", children: quest.name }), _jsx("p", { className: "mb-4 font-normal text-sm text-text-tertiary-600", children: "Play and roll your way to rewards! Ready for a challenge? Complete them all and get amazing rewards!" })] }), _jsx("div", { className: "flex-1 overflow-y-auto md:scrollbar:w-2 md:scrollbar-thumb:rounded-full md:scrollbar-thumb:bg-bg-quaternary md:scrollbar-track:bg-transparent", children: (quest?.program.stages ?? []).map((stage, index) => currentStage >= index + 1 ? (_jsx(StageItemUnlocked, { stageDetails: stage, stageLevel: currentStage, index: index, writableBonus: quest.bonus, questCompleted: quest.status === 'COMPLETED', className: props.className?.stageItemUnlocked }, index)) : (_jsx(StageItemLocked, { index: index, className: props.className?.stageItemLocked }, index))) }), _jsxs("div", { className: "flex-shrink-0", children: [((!featureFlag.enabled &&
+    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: open, onOpenChange: (details) => setOpen(details.open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto flex max-h-[80vh] min-h-auto max-w-[400px] flex-col rounded-xl px-4 pt-5 pb-0", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-shrink-0 flex-col space-y-5", children: [_jsx("h2", { className: "font-semibold text-lg text-text-primary-900", children: quest.name }), _jsx("p", { className: "mb-4 font-normal text-sm text-text-tertiary-600", children: "Play and roll your way to rewards! Ready for a challenge? Complete them all and get amazing rewards!" })] }), _jsx("div", { className: "flex-1 overflow-y-auto md:scrollbar:w-2 md:scrollbar-thumb:rounded-full md:scrollbar-thumb:bg-bg-quaternary md:scrollbar-track:bg-transparent", children: (quest?.program.stages ?? []).map((stage, index) => currentStage >= index + 1 ? (_jsx(StageItemUnlocked, { stageDetails: stage, stageLevel: currentStage, index: index, writableBonus: quest.bonus, questCompleted: quest.status === 'COMPLETED', className: props.className?.stageItemUnlocked }, index)) : (_jsx(StageItemLocked, { index: index, className: props.className?.stageItemLocked }, index))) }), _jsxs("div", { className: "flex-shrink-0", children: [((!featureFlag.enabled &&
                                         typeof window !== 'undefined' &&
                                         (window.location.href.includes('blucky') ||
                                             window.location.href.includes('powerplay') ||
@@ -121,7 +121,7 @@ function StageItemUnlocked({ stageLevel, stageDetails, index, writableBonus, que
     const progress = stageLevel > index + 1
         ? 100
         : Math.round(Number(quest.progressPercentage ?? 0));
-    return (_jsxs("div", { className: twMerge('mb-4 flex flex-col justify-between rounded-xl bg-bg-tertiary p-3', className?.root), children: [_jsxs("div", { className: twMerge('flex items-center justify-between space-x-2', className?.header), children: [_jsxs("p", { className: twMerge('font-medium', className?.stageTitle), children: ["Stage ", index + 1] }), isCompleted ? (_jsx("div", { className: twMerge('w-fit rounded-full border border-[#085D3A] bg-[#053321] px-2 py-0.5', className?.statusBadge), children: _jsx("p", { className: "font-medium text-[#75E0A7] text-sm", children: "Completed" }) })) : (_jsx("div", { className: twMerge('w-fit rounded-full border border-[#065986] bg-[#062C41] px-2 py-0.5', className?.statusBadge), children: _jsx("p", { className: "font-medium text-[#7CD4FD] text-sm", children: "Ongoing" }) }))] }), _jsxs("div", { className: twMerge('flex justify-between pt-[11px] pb-2', className?.body), children: [_jsxs("p", { className: twMerge('text-sm', className?.progressText), children: ["Progress: ", progress, "%"] }), _jsx("div", { className: twMerge('rounded-[6px] border border-utility-brand-200 bg-utility-brand-50 px-1.5 py-0.5 font-medium text-utility-brand-700 text-xs leading-tight', className?.bonusBadge), children: stageLevel > index + 1
+    return (_jsxs("div", { className: twMerge('mb-4 flex flex-col justify-between rounded-xl bg-bg-tertiary p-3', className?.root), children: [_jsxs("div", { className: twMerge('flex items-center justify-between space-x-2', className?.header), children: [_jsxs("p", { className: twMerge('font-medium', className?.stageTitle), children: ["Stage ", index + 1] }), isCompleted ? (_jsx("div", { className: twMerge('w-fit rounded-full border border-[#085D3A] bg-[#053321] px-2 py-0.5 font-medium text-[#75E0A7] text-sm', className?.statusBadgeCompleted), children: "Completed" })) : (_jsx("div", { className: twMerge('w-fit rounded-full border border-[#065986] bg-[#062C41] px-2 py-0.5 font-medium text-[#7CD4FD] text-sm', className?.statusBadgeOngoing), children: "Ongoing" }))] }), _jsxs("div", { className: twMerge('flex justify-between pt-[11px] pb-2', className?.body), children: [_jsxs("p", { className: twMerge('text-sm', className?.progressText), children: ["Progress: ", progress, "%"] }), _jsx("div", { className: twMerge('rounded-[6px] border border-utility-brand-200 bg-utility-brand-50 px-1.5 py-0.5 font-medium text-utility-brand-700 text-xs leading-tight', className?.bonusBadge), children: stageLevel > index + 1
                             ? `+ ${stageDetails.bonusAmount} Bonus`
                             : `+ ${writableBonus} Bonus` })] }), _jsx("div", { className: twMerge('h-2 w-full overflow-hidden rounded-full bg-bg-primary', className?.progressBarContainer), children: _jsx("div", { className: twMerge('h-full rounded-full bg-utility-brand-600 transition-all duration-300', className?.progressBar), style: { width: `${progress}%` } }) })] }));
 }