Merge pull request #414 from ameerul-deriv/P2PS-4525-P2P-is-not-block-for-payment-agent

Ameerul / P2PS-4525 P2P is not block for Payment Agent

Author: ameerul-deriv

src/components/BlockedScenarios/BlockedScenarios.tsx

@@ -105,6 +105,19 @@ const BlockedScenarios = ({ type }: { type: string }) => {
                 </Text>
             ),
         },
+        p2pBlockedForPa: {
+            description: (
+                <Text align='center'>
+                    <Localize i18n_default_text='P2P transactions are locked. This feature is not available for payment agents.' />
+                </Text>
+            ),
+            icon: <DerivLightIcCashierBlockedIcon height={iconSize} width={iconSize} />,
+            title: (
+                <Text align='center' weight='bold'>
+                    <Localize i18n_default_text='Your Deriv P2P cashier is blocked' />
+                </Text>
+            ),
+        },
         RestrictedCountry: {
             actionButton: (
                 <Button onClick={openDerivApp} size='lg' textSize={buttonTextSize}>

src/components/BlockedScenarios/__tests__/BlockedScenarios.spec.tsx

@@ -61,4 +61,12 @@ describe('BlockedScenarios', () => {
         expect(screen.getByText('This service is currently not offered in your country.')).toBeInTheDocument();
         expect(screen.getByRole('button', { name: "Go to Trader's Hub" })).toBeInTheDocument();
     });
+
+    it('should show the correct message when user has p2p blocked for pa', () => {
+        render(<BlockedScenarios type='p2pBlockedForPa' />);
+        expect(screen.getByText('Your Deriv P2P cashier is blocked')).toBeInTheDocument();
+        expect(
+            screen.getByText('P2P transactions are locked. This feature is not available for payment agents.')
+        ).toBeInTheDocument();
+    });
 });

src/hooks/custom-hooks/__tests__/useIsP2PBlocked.spec.ts

@@ -73,4 +73,14 @@ describe('useIsP2PBlocked', () => {
         const { result } = renderHook(() => useIsP2PBlocked());
         expect(result.current).toStrictEqual({ isP2PBlocked: true, status: 'nonUSD' });
     });
+
+    it('should return isP2PBlocked as true and status as p2pBlockedForPa if status includes p2p_blocked_for_pa', () => {
+        mockUseGetAccountStatus.mockImplementation(() => ({
+            data: { p2p_status: 'none', status: ['p2p_blocked_for_pa'] },
+        }));
+        mockUseActiveAccount.mockImplementation(() => ({ data: { currency: 'USD', is_virtual: 0 } }));
+
+        const { result } = renderHook(() => useIsP2PBlocked());
+        expect(result.current).toStrictEqual({ isP2PBlocked: true, status: 'p2pBlockedForPa' });
+    });
 });

src/hooks/custom-hooks/useIsP2PBlocked.ts

@@ -16,6 +16,7 @@ const useIsP2PBlocked = () => {
         if (!accountStatus) return '';
 
         if (accountStatus?.cashier_validation?.includes('system_maintenance')) return 'systemMaintenance';
+        if (accountStatus.status.includes('p2p_blocked_for_pa')) return 'p2pBlockedForPa';
         if (accountStatus.p2p_status === 'perm_ban') return 'p2pBlocked';
 
         return '';