@opexa/portal-components 0.0.384 → 0.0.386

package/dist/components/DepositWithdrawal/Deposit/Deposit.js

@@ -14,55 +14,51 @@ import { MayaDeposit } from './MayaDeposit/MayaDeposit.js';
 import { OnlineBankDeposit } from './OnlineBankDeposit/OnlineBankDeposit.js';
 import { PisoPayDeposit } from './PisoPayDeposit/PisoPayDeposit.js';
 import { QRPHDeposit } from './QRPHDeposit/QRPHDeposit.js';
+import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 export function Deposit() {
     const [onMMA] = useOnMMA();
+    const { enabled } = useFeatureFlag();
     const paymentSettingsQuery = usePaymentSettingsQuery();
     const paymentSettings = paymentSettingsQuery.data;
     const enabledPaymentMethods = (() => {
         const l = [];
         if (onMMA) {
             l.push('MAYA_APP');
+            return l;
         }
-        else if (onMobileDevice()) {
-            if (paymentSettings?.gcashDepositGatewaySettings?.mobileWebEnabled) {
-                l.push('GCASH');
+        const isMobile = onMobileDevice();
+        const enabledKey = isMobile ? 'mobileWebEnabled' : 'webEnabled';
+        const paymentMethods = [
+            {
+                method: 'GCASH',
+                condition: () => paymentSettings?.gcashDepositGatewaySettings?.[enabledKey] || false
+            },
+            {
+                method: 'MAYA',
+                condition: () => paymentSettings?.mayaDepositGatewaySettings?.[enabledKey] || false
+            },
+            {
+                method: 'QRPH',
+                condition: () => paymentSettings?.qrphDepositGatewaySettings?.[enabledKey] || false
+            },
+            {
+                method: 'ONLINE_BANK',
+                condition: () => paymentSettings?.onlineBankDepositGatewaySettings?.[enabledKey] || false
+            },
+            {
+                method: 'LIBANGAN_PAY_IN',
+                condition: () => paymentSettings?.libanganDepositGatewaySettings?.[enabledKey] || false
+            },
+            {
+                method: 'PISO_PAY',
+                condition: () => enabled && (paymentSettings?.pisoPayDepositGatewaySettings?.[enabledKey] || false)
             }
-            if (paymentSettings?.mayaDepositGatewaySettings?.mobileWebEnabled) {
-                l.push('MAYA');
+        ];
+        paymentMethods.forEach(({ method, condition }) => {
+            if (condition()) {
+                l.push(method);
             }
-            if (paymentSettings?.qrphDepositGatewaySettings?.mobileWebEnabled) {
-                l.push('QRPH');
-            }
-            if (paymentSettings?.onlineBankDepositGatewaySettings?.mobileWebEnabled) {
-                l.push('ONLINE_BANK');
-            }
-            if (paymentSettings?.libanganDepositGatewaySettings?.mobileWebEnabled) {
-                l.push('LIBANGAN_PAY_IN');
-            }
-            if (paymentSettings?.pisoPayDepositGatewaySettings?.mobileWebEnabled) {
-                l.push('PISO_PAY');
-            }
-        }
-        else {
-            if (paymentSettings?.gcashDepositGatewaySettings?.webEnabled) {
-                l.push('GCASH');
-            }
-            if (paymentSettings?.mayaDepositGatewaySettings?.webEnabled) {
-                l.push('MAYA');
-            }
-            if (paymentSettings?.qrphDepositGatewaySettings?.webEnabled) {
-                l.push('QRPH');
-            }
-            if (paymentSettings?.onlineBankDepositGatewaySettings?.webEnabled) {
-                l.push('ONLINE_BANK');
-            }
-            if (paymentSettings?.libanganDepositGatewaySettings?.webEnabled) {
-                l.push('LIBANGAN_PAY_IN');
-            }
-            if (paymentSettings?.pisoPayDepositGatewaySettings?.webEnabled) {
-                l.push('PISO_PAY');
-            }
-        }
+        });
         return l;
     })();
     const [paymentMethod, setPaymentMethod] = useState();

package/dist/components/Jackpots/JackpotsList/JackpotsList.d.ts

@@ -22,6 +22,8 @@ export interface ClassNameEntries {
     recentPayoutsTableHeadRow?: string;
     recentPayoutsTableBodyRow?: string;
     recentPayoutsTableBodyData?: string;
+    recentPayoutsHeading?: string;
+    recentPayoutsJackpotRulesButton?: string;
 }
 interface StyleEntries {
     root?: CSSProperties;

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

@@ -81,7 +81,9 @@ export function JackpotsListItemDesktop({ animate = true, customJackpotChestImag
                                                                         currency: localeInfo.currency.code,
                                                                         minDecimalPlaces: 2,
                                                                         maxDecimalPlaces: 2,
-                                                                    }) })] })] })) : (_jsxs(_Fragment, { children: [_jsx(Image, { width: 66, height: 87, src: firstPlace, alt: "firstPlace", className: "size-full h-auto w-[4.125rem] mix-blend-luminosity" }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _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!" })] })] })) })] }) }) }), _jsx(ProgressBar, {})] }), _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 gap-2", children: [_jsx(Image, { width: 24, height: 24, src: leaderboard, alt: "leaderboardIcon", className: "size-full h-auto w-6" }), _jsx("div", { className: "font-semibold text-lg text-text-primary-900", children: jackpotPayouts.length ? 'Recent Payouts' : 'Starting soon!' })] }), _jsx(JackpotsListItemRules, {})] }), _jsx(RecentPayoutsTable, {})] }), isPayingOut && animate && (_jsx("div", { className: twMerge(styles['light-rays'], 'absolute top-0 right-0 rounded-2xl') }))] }), Boolean(filteredGameProviders.length) && (_jsx(JackpotsListItemGameProviders, { gameProviders: filteredGameProviders }))] }));
+                                                                    }) })] })] })) : (_jsxs(_Fragment, { children: [_jsx(Image, { width: 66, height: 87, src: firstPlace, alt: "firstPlace", className: "size-full h-auto w-[4.125rem] mix-blend-luminosity" }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _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!" })] })] })) })] }) }) }), _jsx(ProgressBar, {})] }), _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 gap-2", children: [_jsx(Image, { width: 24, height: 24, src: leaderboard, alt: "leaderboardIcon", className: "size-full h-auto w-6" }), _jsx("div", { className: twMerge('font-semibold text-lg text-text-primary-900', className?.recentPayoutsHeading), children: jackpotPayouts.length ? 'Recent Payouts' : 'Starting soon!' })] }), _jsx(JackpotsListItemRules, { className: {
+                                            button: className?.recentPayoutsJackpotRulesButton,
+                                        } })] }), _jsx(RecentPayoutsTable, {})] }), isPayingOut && animate && (_jsx("div", { className: twMerge(styles['light-rays'], 'absolute top-0 right-0 rounded-2xl') }))] }), Boolean(filteredGameProviders.length) && (_jsx(JackpotsListItemGameProviders, { gameProviders: filteredGameProviders }))] }));
 }
 function getPercentage(value, total) {
     const v = parseDecimal(value, 0);

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

@@ -114,5 +114,7 @@ export function JackpotsListItemMobile({ animate = true, customJackpotChestImage
                                                         currency: localeInfo.currency.code,
                                                         minDecimalPlaces: 2,
                                                         maxDecimalPlaces: 2,
-                                                    }) })] })] })) : (_jsxs(_Fragment, { children: [_jsx(Image, { width: 66, height: 87, src: firstPlace, alt: "closeChest", className: "size-full h-auto w-[4.125rem] mix-blend-luminosity" }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _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!" })] })] })) }), _jsx(Button, { variant: "outline", className: twMerge('mt-5.5 px-3.5 py-2.5 text-sm', isDetailsVisible ? 'hidden' : 'flex'), onClick: () => setIsDetailsVisible(!isDetailsVisible), children: _jsxs("div", { className: "flex gap-1.5", children: ["See Details", _jsx(ArrowNarrowDownIcon, { className: "size-5" })] }) })] }), isPayingOut && animate && (_jsx("div", { className: twMerge(styles['light-rays'], 'absolute top-0 right-0 rounded-2xl [--light-rays-top:15%] lg:[--light-rays-top:9.375rem]') }))] }), isDetailsVisible && (_jsxs("div", { children: [_jsxs("div", { className: "z-1 flex-1", children: [_jsxs("div", { className: "flex items-center justify-between p-3", children: [_jsx("div", { className: "flex gap-2", children: _jsx("div", { className: "font-semibold text-lg text-text-primary-900", children: jackpotPayouts.length ? 'Recent payouts' : 'Starting soon!' }) }), _jsx(JackpotsListItemRules, {})] }), _jsx(RecentPayoutsTable, {})] }), Boolean(filteredGameProviders.length) && (_jsx(JackpotsListItemGameProviders, { gameProviders: filteredGameProviders })), _jsx("div", { className: "m-3", children: _jsx(Button, { variant: "outline", className: twMerge('px-3.5 py-2.5 text-sm', !isDetailsVisible ? 'hidden' : 'flex'), onClick: () => setIsDetailsVisible(!isDetailsVisible), children: _jsxs("div", { className: "flex gap-1.5", children: ["Hide", _jsx(ArrowNarrowUpIcon, { className: "size-5" })] }) }) })] }))] }));
+                                                    }) })] })] })) : (_jsxs(_Fragment, { children: [_jsx(Image, { width: 66, height: 87, src: firstPlace, alt: "closeChest", className: "size-full h-auto w-[4.125rem] mix-blend-luminosity" }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _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!" })] })] })) }), _jsx(Button, { variant: "outline", className: twMerge('mt-5.5 px-3.5 py-2.5 text-sm', isDetailsVisible ? 'hidden' : 'flex'), onClick: () => setIsDetailsVisible(!isDetailsVisible), children: _jsxs("div", { className: "flex gap-1.5", children: ["See Details", _jsx(ArrowNarrowDownIcon, { className: "size-5" })] }) })] }), isPayingOut && animate && (_jsx("div", { className: twMerge(styles['light-rays'], 'absolute top-0 right-0 rounded-2xl [--light-rays-top:15%] lg:[--light-rays-top:9.375rem]') }))] }), isDetailsVisible && (_jsxs("div", { children: [_jsxs("div", { className: "z-1 flex-1", children: [_jsxs("div", { className: "flex items-center justify-between p-3", children: [_jsx("div", { className: "flex gap-2", children: _jsx("div", { className: twMerge('font-semibold text-lg text-text-primary-900', className?.recentPayoutsHeading), children: jackpotPayouts.length ? 'Recent payouts' : 'Starting soon!' }) }), _jsx(JackpotsListItemRules, { className: {
+                                            button: className?.recentPayoutsJackpotRulesButton,
+                                        } })] }), _jsx(RecentPayoutsTable, {})] }), Boolean(filteredGameProviders.length) && (_jsx(JackpotsListItemGameProviders, { gameProviders: filteredGameProviders })), _jsx("div", { className: "m-3", children: _jsx(Button, { variant: "outline", className: twMerge('px-3.5 py-2.5 text-sm', !isDetailsVisible ? 'hidden' : 'flex'), onClick: () => setIsDetailsVisible(!isDetailsVisible), children: _jsxs("div", { className: "flex gap-1.5", children: ["Hide", _jsx(ArrowNarrowUpIcon, { className: "size-5" })] }) }) })] }))] }));
 }

package/dist/components/Jackpots/JackpotsList/JackpotsListItemRules.d.ts

@@ -1,2 +1,8 @@
 import type { PropsWithChildren } from 'react';
-export declare function JackpotsListItemRules(props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export interface ClassNameEntries {
+    root?: string;
+    button?: string;
+}
+export declare function JackpotsListItemRules(props: PropsWithChildren<{
+    className?: string | ClassNameEntries;
+}>): import("react/jsx-runtime").JSX.Element;

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

@@ -5,6 +5,11 @@ import { Dialog } from '../../../ui/Dialog/index.js';
 import { Portal } from '../../../ui/Portal/index.js';
 import { useJackpotsListItemContext } from './JackpotsListContext.js';
 export function JackpotsListItemRules(props) {
+    const classNames = typeof props.className === 'string'
+        ? { root: props.className }
+        : (props.className ?? {});
     const jackpot = useJackpotsListItemContext();
-    return (_jsxs(Dialog.Root, { lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: [_jsx(Dialog.Trigger, { asChild: true, children: props.children ?? (_jsx("button", { type: "button", className: "flex font-semibold text-button-tertiary-fg text-sm", children: "Jackpot Rules" })) }), _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "mx-auto h-full w-full items-start overflow-y-auto lg:h-auto lg:w-[640px] lg:rounded-xl", children: [_jsxs("div", { className: "p-3xl", children: [_jsxs("div", { className: "mb-3 flex justify-between", children: [_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg border border-border-primary bg-bg-tertiary", children: _jsx(Flag06Icon, { className: "size-full p-3 text-text-tertiary-600" }) }), _jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) })] }), _jsx("div", { className: "font-semibold text-lg text-text-primary-900", children: "Jackpot Rules" }), _jsx("div", { className: "mt-1 text-sm text-text-tertiary-600", children: "Terms and Conditions" })] }), _jsx("div", { className: "border-gray-800 border-t-1 pb-3", children: _jsx("div", { dangerouslySetInnerHTML: { __html: jackpot.description }, className: "px-3xl py-3" }) })] }) })] })] }));
+    return (_jsxs(Dialog.Root, { lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: [_jsx(Dialog.Trigger, { asChild: true, children: props.children ?? (_jsx("button", { type: "button", className: classNames.button ??
+                        'flex font-semibold text-button-tertiary-fg text-sm', children: "Jackpot Rules" })) }), _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: classNames.root ??
+                                'mx-auto h-full w-full items-start overflow-y-auto lg:h-auto lg:w-[640px] lg:rounded-xl', children: [_jsxs("div", { className: "p-3xl", children: [_jsxs("div", { className: "mb-3 flex justify-between", children: [_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg border border-border-primary bg-bg-tertiary", children: _jsx(Flag06Icon, { className: "size-full p-3 text-text-tertiary-600" }) }), _jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) })] }), _jsx("div", { className: "font-semibold text-lg text-text-primary-900", children: "Jackpot Rules" }), _jsx("div", { className: "mt-1 text-sm text-text-tertiary-600", children: "Terms and Conditions" })] }), _jsx("div", { className: "border-gray-800 border-t-1 pb-3", children: _jsx("div", { dangerouslySetInnerHTML: { __html: jackpot.description }, className: "px-3xl py-3" }) })] }) })] })] }));
 }

package/package.json

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