@opexa/portal-components 0.0.764 → 0.0.766
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.
|
@@ -20,16 +20,19 @@ export function KYCVerificationStatus() {
|
|
|
20
20
|
const icons = status === 'PENDING' ? bellIcon : alertIcon;
|
|
21
21
|
return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
|
|
22
22
|
globalStore.kycVerificationStatus.setOpen(details.open);
|
|
23
|
-
}, 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: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED'
|
|
23
|
+
}, 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: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' ||
|
|
24
|
+
(status === 'CREATED' && 'Verification Required')] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
|
|
24
25
|
`Your account verification is still under review. Please wait
|
|
25
26
|
until it's approved before you can continue playing or
|
|
26
27
|
depositing.`, status === 'REJECTED' &&
|
|
27
|
-
'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED'
|
|
28
|
-
|
|
28
|
+
'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' ||
|
|
29
|
+
(status === 'CREATED' &&
|
|
30
|
+
'Your account is not yet verified. Please complete the verification process to continue playing or depositing.')] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
|
|
29
31
|
globalStore.kycVerificationStatus.setOpen(false);
|
|
30
32
|
globalStore.depositWithdrawal.setOpen(false);
|
|
31
33
|
globalStore.kyc.setOpen(true);
|
|
32
|
-
}, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED'
|
|
34
|
+
}, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' ||
|
|
35
|
+
(status === 'CREATED' && 'Verify Now')] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
|
|
33
36
|
globalStore.kycVerificationStatus.setOpen(false);
|
|
34
37
|
}, children: "Close" })] }) }) })] }) }));
|
|
35
38
|
}
|
|
@@ -102,7 +102,7 @@ export function MessagesPopup() {
|
|
|
102
102
|
if (messages.length <= 0)
|
|
103
103
|
return;
|
|
104
104
|
disclosure.setOpen(true);
|
|
105
|
-
}, !disclosure.open && !paused ?
|
|
105
|
+
}, !disclosure.open && !paused ? 3000 : null);
|
|
106
106
|
// Resume showing messages if the number of unread messages changes
|
|
107
107
|
if (messages.length > numberOfUnreadMessages && paused) {
|
|
108
108
|
setPaused(false);
|
|
@@ -119,8 +119,8 @@ export function MessagesPopup() {
|
|
|
119
119
|
};
|
|
120
120
|
const sessionQuery = useSessionQuery();
|
|
121
121
|
const session = sessionQuery.data;
|
|
122
|
-
const
|
|
123
|
-
return (_jsx(Dialog.Root, { open: disclosure.open && !paused &&
|
|
122
|
+
const isKycClosed = !globalStore.kyc.open || !globalStore.kycReminder.open;
|
|
123
|
+
return (_jsx(Dialog.Root, { open: disclosure.open && !paused && isKycClosed, onOpenChange: (details) => {
|
|
124
124
|
disclosure.setOpen(details.open);
|
|
125
125
|
}, 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) => {
|
|
126
126
|
setIndex(details.page);
|