@opexa/portal-components 0.0.785 → 0.0.787

package/dist/components/KYC/KYCReminder.lazy.js

@@ -72,9 +72,7 @@ export function KYCReminder(props) {
             isKYCReminderOpen &&
             isKYCStateRelevant &&
             isResponsibleGamingReminderClosed, onOpenChange: (details) => {
-            if (!details.open && globalStore.kycReminder.open) {
-                globalStore.kycReminder.setOpen(false);
-            }
+            globalStore.kycReminder.setOpen(details.open);
         }, closeOnEscape: false, closeOnInteractOutside: false, 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: "mx-auto h-fit max-w-[calc(100dvw-1rem)] overflow-y-auto rounded-lg bg-bg-primary lg:max-w-[400px]", children: [!isPending && isNotVerified && isVerificationLocked && (_jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto mb-4 w-fit rounded-full p-2", children: _jsx(Image, { src: props.logo, alt: `${props.siteName} logo`, width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }) }), _jsx("h2", { className: `mt-4 font-semibold text-lg ${props.titleBgColor}`, children: "Temporarily Locked" }), _jsx("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: "Your account has been locked due to incomplete verification. Please complete your verification to restore full access." }), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-3xl", children: [_jsx(Image, { src: props.pagcorLogo?.logo ?? pagcorLogo, alt: "PAGCOR logo", height: 88, width: 88, className: `h-[88px] w-auto shrink-0 ${props.pagcorLogo?.styles ?? ''}`, draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo?.logo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: `h-[50px] w-auto shrink-0 ${props.responsibleGamingLogo?.styles ?? ''}`, draggable: false, unoptimized: true })] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "mt-6 space-y-lg", children: [_jsx(Button, { onClick: () => {
                                                         api.setOpen(false);
                                                         globalStore.kyc.setOpen(true);

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -24,13 +24,8 @@ export function KycOpenOnHomeMount(props) {
             const shouldShowReminder = Boolean(props.isSkippable);
             const hasSeenKycModal = sessionStorage.getItem('hasSeenKycModal');
             const isFirstVisit = !hasSeenKycModal;
-            // Handle pending case with feature flag
-            if (isPending) {
-                setkycOpen(false);
-                setkycReminderOpen(true);
-            }
             // Handle rejected verification status
-            else if (isRejected) {
+            if (isRejected) {
                 if (isFirstVisit) {
                     setkycReminderOpen(false);
                     setkycOpen(true);
@@ -70,7 +65,6 @@ export function KycOpenOnHomeMount(props) {
         verificationLoading,
         accountLoading,
         isVerificationLocked,
-        isPending,
         isRejected,
         isUnverified,
         isKycCompleted,

package/dist/components/Messages/MessagesPopup.js

@@ -34,6 +34,7 @@ export function MessagesPopup() {
         gameLaunch: ctx.gameLaunch,
         depositWithdrawal: ctx.depositWithdrawal,
         kycReminder: ctx.kycReminder,
+        responsibleGamingReminder: ctx.responsibleGamingReminder,
         signIn: ctx.signIn,
         signUp: ctx.signUp,
     })));
@@ -80,7 +81,8 @@ export function MessagesPopup() {
             !globalStore.account.open &&
             !globalStore.account__mobile.open &&
             !globalStore.kyc.open &&
-            !globalStore.kycReminder.open,
+            !globalStore.kycReminder.open &&
+            !globalStore.responsibleGamingReminder.open,
         refetchInterval: disclosure.open ? undefined : 1000 * 10,
     });
     const messages = messagesQuery.data?.pages.flatMap((page) => page.edges
@@ -120,7 +122,11 @@ export function MessagesPopup() {
     const sessionQuery = useSessionQuery();
     const session = sessionQuery.data;
     const isKycClosed = !globalStore.kyc.open && !globalStore.kycReminder.open;
-    return (_jsx(Dialog.Root, { open: disclosure.open && !paused && isKycClosed, onOpenChange: (details) => {
+    const isResponsibleGamingReminderClosed = !globalStore.responsibleGamingReminder.open;
+    return (_jsx(Dialog.Root, { open: disclosure.open &&
+            !paused &&
+            isKycClosed &&
+            isResponsibleGamingReminderClosed, onOpenChange: (details) => {
             disclosure.setOpen(details.open);
         }, 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: "mx-auto max-h-[80vh] min-w-[21.438rem] max-w-[21.438rem] overflow-y-auto rounded-xl p-3xl lg:min-w-[25rem] lg:max-w-[25rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs(Carousel.Root, { page: index, onPageChange: (details) => {
                                     setIndex(details.page);

package/package.json

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