@opexa/portal-components 0.0.153 → 0.0.154

package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.js

@@ -84,7 +84,14 @@ export function Withdrawal() {
     return (_jsxs(_Fragment, { children: [_jsx(PaymentMethods, { value: paymentMethod, onChange: setPaymentMethod, options: enabledPaymentMethods }), paymentMethod === 'GCASH' && _jsx(GCashWithdrawal, {}), paymentMethod === 'MAYA' && _jsx(MayaWithdrawal, {}), paymentMethod === 'MAYA_APP' && _jsx(MayaAppWithdrawal, {}), paymentMethod === 'INSTAPAY' && _jsx(InstapayWithdrawal, {})] }));
 }
 function AccountVerificationRequired() {
-    return (_jsxs("div", { className: "pt-xl", children: [_jsx("div", { className: "bg-bg-warning-secondary mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, { className: "text-text-featured-icon-light-warning size-6" }) }), _jsx("h2", { className: "mt-lg text-center text-lg font-semibold", children: "Personal Verification" }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: "To withdraw funds, you must first verify your identity. Complete personal verification to ensure your account\u2019s security." }), _jsx(Button, { className: "mt-3xl", children: "Verify Now" })] }));
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        kyc: ctx.kyc,
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
+    return (_jsxs("div", { className: "pt-xl", children: [_jsx("div", { className: "bg-bg-warning-secondary mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, { className: "text-text-featured-icon-light-warning size-6" }) }), _jsx("h2", { className: "mt-lg text-center text-lg font-semibold", children: "Personal Verification" }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: "To withdraw funds, you must first verify your identity. Complete personal verification to ensure your account\u2019s security." }), _jsx(Button, { className: "mt-3xl", onClick: () => {
+                    globalStore.kyc.setOpen(true);
+                    globalStore.depositWithdrawal.setOpen(false);
+                }, children: "Verify Now" })] }));
 }
 function InsufficientBalance() {
     const setTab = useGlobalStore(useShallow((ctx) => ctx.depositWithdrawal.setTab));

package/dist/components/Messages/MessagesPopup.js

@@ -22,8 +22,11 @@ export function MessagesPopup() {
     const messagesProps = useMessagesPropsContext();
     const transactionsPageUrl = messagesProps.transactionsPageUrl ?? '/transactions';
     const globalStore = useGlobalStore(useShallow((ctx) => ({
+        kyc: ctx.kyc,
         message: ctx.message,
         messages: ctx.messages,
+        gameLaunch: ctx.gameLaunch,
+        depositWithdrawal: ctx.depositWithdrawal,
     })));
     const markMessageAsReadMutation = useMarkMessageAsReadMutation();
     const [paused, setPaused] = useState(false);
@@ -53,7 +56,12 @@ export function MessagesPopup() {
             },
         },
     }, {
-        enabled: !globalStore.messages.open && !globalStore.message.open && !paused,
+        enabled: globalStore.gameLaunch.details.status === 'WAITING' &&
+            !globalStore.depositWithdrawal.open &&
+            !globalStore.messages.open &&
+            !globalStore.message.open &&
+            !globalStore.kyc.open &&
+            !paused,
         refetchInterval: disclosure.open ? undefined : 10_000,
     });
     const messages = messagesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? [];
@@ -65,7 +73,7 @@ export function MessagesPopup() {
     }, [disclosure, messages.length, paused]);
     return (_jsx(Dialog.Root, { open: disclosure.open, onOpenChange: (details) => {
             disclosure.setOpen(details.open);
-        }, lazyMount: true, unmountOnExit: true, 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: "min-h-auto mx-auto min-w-[21.438rem] max-w-[21.438rem] rounded-xl p-3xl lg:min-w-[25rem] lg:max-w-[25rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs(Carousel.Root, { page: page, onPageChange: (details) => {
+        }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto min-w-[21.438rem] max-w-[21.438rem] rounded-xl p-3xl lg:min-w-[25rem] lg:max-w-[25rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs(Carousel.Root, { page: page, onPageChange: (details) => {
                                     setPage(details.page);
                                     const message = messages.at(details.page - 1);
                                     if (!message)

package/package.json

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