@opexa/portal-components 0.0.809 → 0.0.810

package/dist/components/DepositWithdrawal/Deposit__next/QRPHDeposit/useQRPHDeposit.js

@@ -1,85 +0,0 @@
-import { useEffect, useState } from 'react';
-import invariant from 'tiny-invariant';
-import { useShallow } from 'zustand/shallow';
-import { useCreateQRPHDepositMutation } from '../../../../client/hooks/useCreateQRPHDepositMutation.js';
-import { useDepositQuery } from '../../../../client/hooks/useDepositQuery.js';
-import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
-import { useMemberVerificationQuery } from '../../../../client/hooks/useMemberVerificationQuery.js';
-import { getQueryClient } from '../../../../utils/getQueryClient.js';
-import { getDepositsCountQueryKey } from '../../../../utils/queryKeys.js';
-export function useQRPHDeposit() {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        kycVerificationStatus: ctx.kycVerificationStatus,
-    })));
-    const [deposit, setDeposit] = useState(null);
-    const verificationQuery = useMemberVerificationQuery();
-    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
-    const [status, setStatus] = useState('waiting');
-    const view = status === 'verification-failed' ||
-        status === 'verification-waiting' ||
-        status === 'verification-success' ||
-        status === 'verification-processing'
-        ? 'qrCode'
-        : 'form';
-    const mutation = useCreateQRPHDepositMutation({
-        onMutate() {
-            setStatus('processing');
-        },
-        onSuccess(data) {
-            const queryClient = getQueryClient();
-            invariant(data.qrCode);
-            setStatus('verification-waiting');
-            queryClient.invalidateQueries({ queryKey: getDepositsCountQueryKey() });
-            setDeposit(data);
-        },
-        onError() {
-            setStatus('failed');
-        },
-    });
-    const generateQRCode = (input) => {
-        //handle new kyc process
-        if (verificationStatus === 'PENDING' ||
-            verificationStatus === 'UNVERIFIED' ||
-            verificationStatus === 'REJECTED' ||
-            verificationStatus === 'CREATED') {
-            globalStore.kycVerificationStatus.setOpen(true);
-            return;
-        }
-        else {
-            mutation.mutate({
-                amount: input.amount,
-                promo: input.promo ?? undefined,
-            });
-        }
-    };
-    const query = useDepositQuery(deposit?.id, {
-        enabled: !!deposit,
-        refetchInterval: 5000,
-    });
-    useEffect(() => {
-        if (query.data?.status === 'APPROVED' ||
-            query.data?.status === 'CONFIRMED') {
-            setStatus('verification-success');
-        }
-        if (query.data?.status === 'CANCELLED' ||
-            query.data?.status === 'REJECTED' ||
-            query.data?.status === 'FAILED') {
-            setStatus('verification-failed');
-        }
-    }, [query.data?.status]);
-    const reset = () => {
-        setDeposit(null);
-        setStatus('waiting');
-    };
-    const verify = () => {
-        setStatus('verification-processing');
-    };
-    return {
-        view,
-        status,
-        verify,
-        reset,
-        deposit,
-        generateQRCode,
-    };
-}