npm - @opexa/portal-components - Versions diffs - 0.0.686 → 0.0.688 - Mend

@opexa/portal-components 0.0.686 → 0.0.688

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.

Files changed (6) hide show

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHQRCode.js CHANGED Viewed

@@ -11,6 +11,10 @@ export function QRPHQRCode(props) {
         const QRCode = await import('qrcode');
         const dataUrl = await QRCode.toDataURL(props.qrCodeString, {
             type: 'image/png',
+            color: {
+                light: '#FFFFFF',
+                dark: '#000000',
+            },
         });
         const base64 = dataUrl.split(',')[1];
         try {
@@ -32,5 +36,34 @@ export function QRPHQRCode(props) {
             });
         }
     }
-    return (_jsxs(QrCode.Root, { value: props.qrCodeString, className: "mx-auto mt-6 w-[12.5rem] rounded-lg border border-border-primary bg-bg-brand-secondary-alt p-5 lg:w-[13rem] lg:p-6", children: [_jsxs("div", { className: "relative", children: [_jsx(QrCode.Frame, { className: "mx-auto size-[10rem] rounded-[0.25rem] border border-border-primary bg-white", children: _jsx(QrCode.Pattern, {}) }), _jsx(QrCode.Overlay, { className: "bg-white p-0.5", children: _jsx(Image, { src: qrphIcon, alt: "", className: "size-8", width: 40, height: 40 }) })] }), Capacitor.isNativePlatform() ? (_jsx("button", { type: "button", onClick: handleNativeDownload, className: "mt-5 block w-full text-center font-semibold text-sm text-text-secondary-700", children: "Download QR Code to Device" })) : (_jsx(QrCode.DownloadTrigger, { fileName: `qrcode-${Date.now()}`, mimeType: "image/png", className: "mt-5 block w-full text-center font-semibold text-sm text-text-secondary-700", children: "Download QR Code" }))] }));
+    async function handleWebDownload() {
+        try {
+            const QRCode = await import('qrcode');
+            const dataUrl = await QRCode.toDataURL(props.qrCodeString, {
+                type: 'image/png',
+                color: {
+                    light: '#FFFFFF',
+                    dark: '#000000',
+                },
+            });
+            const link = document.createElement('a');
+            link.href = dataUrl;
+            link.download = `qrcode-${Date.now()}.png`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            toaster.success({
+                title: 'QR Code successfully saved to your device',
+                description: 'To continue with your deposit, please upload the QR code in your banking app.',
+            });
+        }
+        catch (error) {
+            console.log(error, 'error');
+            toaster.error({
+                title: 'Failed to save QR Code',
+                description: 'An error occurred while saving the QR code to your device.',
+            });
+        }
+    }
+    return (_jsxs(QrCode.Root, { value: props.qrCodeString, className: "mx-auto mt-6 w-[12.5rem] rounded-lg border border-border-primary bg-bg-brand-secondary-alt p-5 lg:w-[13rem] lg:p-6", children: [_jsxs("div", { className: "relative", children: [_jsx(QrCode.Frame, { className: "mx-auto size-[10rem] rounded-[0.25rem] border border-border-primary bg-white", children: _jsx(QrCode.Pattern, {}) }), _jsx(QrCode.Overlay, { className: "bg-white p-0.5", children: _jsx(Image, { src: qrphIcon, alt: "", className: "size-8", width: 40, height: 40 }) })] }), Capacitor.isNativePlatform() ? (_jsx("button", { type: "button", onClick: handleNativeDownload, className: "mt-5 block w-full text-center font-semibold text-sm text-text-secondary-700", children: "Download QR Code to Device" })) : (_jsx("button", { type: "button", onClick: handleWebDownload, className: "mt-5 block w-full text-center font-semibold text-sm text-text-secondary-700", children: "Download QR Code" }))] }));
 }

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

@@ -17,12 +17,6 @@ import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 export function KYCReminder(props) {
-    console.log('[KYCReminder] Component rendered with props:', {
-        siteName: props.siteName,
-        hasLogo: !!props.logo,
-        hasTitleBgColor: !!props.titleBgColor,
-        hasDescriptionBgColor: !!props.descriptionBgColor
-    });
     const router = useRouter();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         kyc: ctx.kyc,
@@ -50,22 +44,9 @@ export function KYCReminder(props) {
     });
     const { data: session, isLoading: sessionLoading } = useSessionQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
-    console.log('[KYCReminder] Query states:', {
-        sessionLoading,
-        accountLoading,
-        sessionStatus: session?.status,
-        hasAccount: !!account
-    });
     const isPending = account?.verificationStatus === 'PENDING';
     const isNotVerified = account?.verificationStatus === 'UNVERIFIED';
     const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
-    console.log('[KYCReminder] Account verification states:', {
-        verificationStatus: account?.verificationStatus,
-        accountStatus: account?.status,
-        isPending,
-        isNotVerified,
-        isVerificationLocked
-    });
     const daysFromCreationToNow = useMemo(() => {
         if (!account?.dateTimeCreated)
             return 0;
@@ -73,12 +54,6 @@ export function KYCReminder(props) {
         const now = new Date();
         return differenceInCalendarDays(now, creationDate);
     }, [account?.dateTimeCreated]);
-    console.log('[KYCReminder] Account timing:', {
-        dateTimeCreated: account?.dateTimeCreated,
-        daysFromCreationToNow,
-        isWithin3Days: daysFromCreationToNow <= 3,
-        isAfter1Day: daysFromCreationToNow > 1
-    });
     const isAccountReady = !accountLoading;
     const isSessionReady = !sessionLoading && session?.status === 'authenticated';
     const isKYCReminderOpen = globalStore.kycReminder.open && !globalStore.kyc.open;
@@ -86,49 +61,13 @@ export function KYCReminder(props) {
     const isKYCStateRelevant = isNotVerified ||
         (isPending && isVerificationLocked) ||
         (isNotVerified && isVerificationLocked);
-    console.log('[KYCReminder] Global store states:', {
-        kycReminderOpen: globalStore.kycReminder.open,
-        kycOpen: globalStore.kyc.open,
-        responsibleGamingReminderOpen: globalStore.responsibleGamingReminder.open,
-        isKYCReminderOpen,
-        isResponsibleGamingReminderClosed
-    });
-    console.log('[KYCReminder] Ready states:', {
-        isAccountReady,
-        isSessionReady,
-        isKYCStateRelevant
-    });
-    const shouldModalOpen = isSessionReady &&
-        isAccountReady &&
-        isKYCReminderOpen &&
-        isKYCStateRelevant &&
-        isResponsibleGamingReminderClosed;
-    console.log('[KYCReminder] Final modal decision:', {
-        shouldModalOpen,
-        conditions: {
-            isSessionReady,
-            isAccountReady,
-            isKYCReminderOpen,
-            isKYCStateRelevant,
-            isResponsibleGamingReminderClosed
-        }
-    });
-    return (_jsx(Dialog.Root, { open: shouldModalOpen, onOpenChange: (details) => {
-            console.log('[KYCReminder] Dialog open change:', details);
+    return (_jsx(Dialog.Root, { open: isSessionReady &&
+            isAccountReady &&
+            isKYCReminderOpen &&
+            isKYCStateRelevant &&
+            isResponsibleGamingReminderClosed, onOpenChange: (details) => {
             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: [(() => {
-                                const condition1 = !isPending && isNotVerified && isVerificationLocked;
-                                const condition2 = isNotVerified && daysFromCreationToNow <= 3 && daysFromCreationToNow > 1 && !isVerificationLocked;
-                                const condition3 = isNotVerified && !isVerificationLocked && !(daysFromCreationToNow <= 3 && daysFromCreationToNow > 1);
-                                const condition4 = isPending && isVerificationLocked;
-                                console.log('[KYCReminder] Modal variant conditions:', {
-                                    condition1_TemporarilyLocked: condition1,
-                                    condition2_FriendlyReminder: condition2,
-                                    condition3_PersonalVerification: condition3,
-                                    condition4_VerificationInProgress: condition4
-                                });
-                                return null;
-                            })(), !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: () => {
+        }, 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);
                                                     }, children: "Complete KYC" }), ' ', _jsx(Button, { className: "bg-transparent text-text-brand-primary-600", onClick: () => {

package/dist/components/KYC/KycOpenOnHomeMount.d.ts CHANGED Viewed

@@ -1,4 +1 @@
-export interface KycOpenOnHomeMountProps {
-    isSkippable?: boolean;
-}
-export declare function KycOpenOnHomeMount(props: KycOpenOnHomeMountProps): null;
+export declare function KycOpenOnHomeMount(): null;

package/dist/components/KYC/KycOpenOnHomeMount.js CHANGED Viewed

@@ -3,43 +3,13 @@ import { useEffect } from 'react';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
-export function KycOpenOnHomeMount(props) {
-    console.log('[KycOpenOnHomeMount] Component mounted with props:', props);
+export function KycOpenOnHomeMount() {
     const setkycReminderOpen = useGlobalStore((s) => s.kycReminder.setOpen);
     const setkycOpen = useGlobalStore((s) => s.kyc.setOpen);
     const { data: verification, isLoading: verificationLoading } = useMemberVerificationQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
-    console.log('[KycOpenOnHomeMount] Query states:', {
-        verificationLoading,
-        accountLoading,
-        hasVerificationData: !!verification,
-        hasAccountData: !!account
-    });
     const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
     const isPending = account?.verificationStatus === 'PENDING';
-    console.log('[KycOpenOnHomeMount] Account status:', {
-        accountStatus: account?.status,
-        verificationStatus: account?.verificationStatus,
-        isVerificationLocked,
-        isPending,
-        verified: account?.verified
-    });
-    console.log('[KycOpenOnHomeMount] Verification data:', {
-        sumsubVerified: verification?.sumsubVerified,
-        status: verification?.status,
-        nationality: !!verification?.nationality,
-        natureOfWork: !!verification?.natureOfWork,
-        sourceOfIncome: !!verification?.sourceOfIncome,
-        permanentAddress: !!verification?.permanentAddress,
-        placeOfBirth: !!verification?.placeOfBirth,
-        address: !!verification?.address,
-        selfieImage: !!verification?.selfieImage,
-        idFrontImage: !!verification?.idFrontImage
-    });
-    console.log('[KycOpenOnHomeMount] Account KYC data:', {
-        realName: !!account?.realName,
-        birthDay: !!account?.birthDay
-    });
     const hasntSubmittedCompliantDocs = account?.verified ||
         verification?.sumsubVerified ||
         verification?.status === 'APPROVED' ||
@@ -62,57 +32,28 @@ export function KycOpenOnHomeMount(props) {
             !verification?.permanentAddress ||
             !verification?.placeOfBirth ||
             !verification?.address;
-    console.log('[KycOpenOnHomeMount] KYC status calculations:', {
-        hasntSubmittedCompliantDocs,
-        hasntCompletedKYC,
-        isSkippable: props.isSkippable
-    });
     useEffect(() => {
-        console.log('[KycOpenOnHomeMount] useEffect triggered');
-        console.log('[KycOpenOnHomeMount] Current state:', {
-            hasntSubmittedCompliantDocs,
-            hasntCompletedKYC,
-            verificationLoading,
-            accountLoading,
-            isPending,
-            isVerificationLocked,
-            isSkippable: props.isSkippable
-        });
+        console.log(hasntSubmittedCompliantDocs, hasntCompletedKYC);
         if (!verificationLoading && !accountLoading) {
-            console.log('[KycOpenOnHomeMount] Queries loaded, processing logic...');
             // Handle pending case with feature flag
             if (isPending) {
-                console.log('[KycOpenOnHomeMount] Account is pending - closing KYC modal, opening reminder');
                 setkycOpen(false);
                 setkycReminderOpen(true);
             }
             if (hasntSubmittedCompliantDocs || hasntCompletedKYC) {
-                if (props.isSkippable) {
-                    console.log('[KycOpenOnHomeMount] KYC incomplete but skippable - opening reminder');
-                    setkycReminderOpen(true);
-                }
-                else {
-                    console.log('[KycOpenOnHomeMount] KYC incomplete and not skippable - opening KYC modal');
-                    setkycOpen(true);
-                }
+                setkycReminderOpen(true);
             }
             else if ((!hasntSubmittedCompliantDocs && hasntCompletedKYC) ||
                 isVerificationLocked) {
-                console.log('[KycOpenOnHomeMount] Partial completion or verification locked - opening reminder');
                 setkycReminderOpen(true);
             }
             else {
-                console.log('[KycOpenOnHomeMount] KYC complete - closing reminder');
                 setkycReminderOpen(false);
             }
         }
-        else {
-            console.log('[KycOpenOnHomeMount] Still loading queries, skipping logic');
-        }
     }, [
         setkycReminderOpen,
         setkycOpen,
-        props.isSkippable,
         hasntSubmittedCompliantDocs,
         verificationLoading,
         accountLoading,