@opexa/portal-components 0.0.620 → 0.0.622
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.
|
@@ -59,7 +59,7 @@ export function KYCReminder(props) {
|
|
|
59
59
|
globalStore.kyc.setOpen(true);
|
|
60
60
|
}, children: "Complete KYC" }) })) })] })), isNotVerified &&
|
|
61
61
|
daysFromCreationToNow <= 3 &&
|
|
62
|
-
daysFromCreationToNow
|
|
62
|
+
daysFromCreationToNow > 1 &&
|
|
63
63
|
!isVerificationLocked && (_jsxs(_Fragment, { children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto mb-4 w-fit rounded-full bg-bg-primary 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: "JUST A FRIENDLY REMINDER" }), _jsxs("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: ["Please complete your KYC information within", ' ', _jsx("span", { className: "font-semibold text-[#FF0000]", children: "3 days" }), ' ', "to avoid temporary lock on your account."] }), _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 ??
|
|
64
64
|
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) => (_jsx("div", { className: "mt-6 space-y-lg", children: _jsx(Button, { onClick: () => {
|
|
65
65
|
api.setOpen(false);
|
|
@@ -15,17 +15,20 @@ export function KYCVerificationStatus() {
|
|
|
15
15
|
kyc: ctx.kyc,
|
|
16
16
|
})));
|
|
17
17
|
const verificationQuery = useMemberVerificationQuery();
|
|
18
|
-
|
|
18
|
+
console.log(verificationQuery, 'data');
|
|
19
|
+
const status = verificationQuery?.data?.status ?? 'UNVERIFIED';
|
|
19
20
|
const icons = status === 'PENDING' ? bellIcon : alertIcon;
|
|
20
21
|
return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
|
|
21
22
|
globalStore.kycVerificationStatus.setOpen(details.open);
|
|
22
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, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' ||
|
|
23
|
-
|
|
24
|
+
status === 'CREATED' ||
|
|
25
|
+
(verificationQuery?.data === null && 'Verification Required')] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
|
|
24
26
|
`Your account verification is still under review. Please wait
|
|
25
27
|
until it's approved before you can continue playing or
|
|
26
28
|
depositing.`, status === 'REJECTED' &&
|
|
27
29
|
'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' ||
|
|
28
|
-
|
|
30
|
+
status === 'CREATED' ||
|
|
31
|
+
(verificationQuery?.data === null &&
|
|
29
32
|
'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: () => {
|
|
30
33
|
globalStore.kycVerificationStatus.setOpen(false);
|
|
31
34
|
globalStore.kyc.setOpen(true);
|