chore: only show malta jurisdiction in the modal for eu and filter ou…

…t malta jurisdiction for non-eu (#13048)

packages/tradershub/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCard.tsx

@@ -1,6 +1,8 @@
 import React, { MouseEvent, useMemo, useState } from 'react';
 import { Provider } from '@deriv/library';
 import { Link, qtMerge, Text } from '@deriv/quill-design';
+import { useUIContext } from '../../../../../components';
+import useRegulationFlags from '../../../../../hooks/useRegulationFlags';
 import DocumentsIcon from '../../../../../public/images/ic-documents.svg';
 import IdCardIcon from '../../../../../public/images/ic-id-card.svg';
 import SelfieIcon from '../../../../../public/images/ic-selfie.svg';
@@ -59,6 +61,9 @@ const JurisdictionCard = ({ isAdded = false, isSelected = false, jurisdiction, o
     const [isFlipped, setIsFlipped] = useState(false);
     const { toggleDynamicLeverage } = useDynamicLeverageModalState();
     const { getCFDState } = Provider.useCFDContext();
+    const { getUIState } = useUIContext();
+    const regulation = getUIState('regulation');
+    const { isEU } = useRegulationFlags(regulation);
 
     const descriptionClickHandler = (tag?: TClickableDescription['tag']) => (event: MouseEvent) => {
         event.stopPropagation();
@@ -69,12 +74,19 @@ const JurisdictionCard = ({ isAdded = false, isSelected = false, jurisdiction, o
         }
     };
 
-    const { contents, header, isOverHeaderAvailable, overHeader, verificationDocs } = useMemo<TJurisdictionCardItems>(
-        () => getJurisdictionContents()[jurisdiction],
-        [jurisdiction]
+    const jurisdictionContents = useMemo<TJurisdictionCardItems | undefined>(
+        () => getJurisdictionContents(isEU)[jurisdiction],
+        [isEU, jurisdiction]
     );
-    const marketType = getCFDState('marketType') || MarketType.ALL;
-    const rows = contents[marketType] || [];
+
+    if (!jurisdictionContents) {
+        return null;
+    }
+
+    const { contents, header, isOverHeaderAvailable, overHeader, verificationDocs } = jurisdictionContents;
+
+    const marketType = getCFDState('marketType') ?? MarketType.ALL;
+    const rows = contents[marketType] ?? [];
 
     const parseDescription = (row: TJurisdictionCardSection) => {
         if (row.clickableDescription)

packages/tradershub/src/features/cfd/screens/Jurisdiction/jurisdiction-contents/jurisdiction-contents.ts

@@ -8,15 +8,22 @@ import { TJurisdictionCardItems } from './props.types';
 export type TJurisdictionContent = {
     bvi: TJurisdictionCardItems;
     labuan: TJurisdictionCardItems;
-    maltainvest: TJurisdictionCardItems;
+    maltainvest?: TJurisdictionCardItems;
     svg: TJurisdictionCardItems;
     vanuatu: TJurisdictionCardItems;
 };
 
-export const getJurisdictionContents = (): Record<string, TJurisdictionCardItems> => ({
-    bvi: getJurisdictionBviContents(),
-    labuan: getJurisdictionLabuanContents(),
-    maltainvest: getJurisdictionMaltainvestContents(),
-    svg: getJurisdictionSvgContents(),
-    vanuatu: getJurisdictionVanuatuContents(),
-});
+export const getJurisdictionContents = (isEU?: boolean): Record<string, TJurisdictionCardItems> => {
+    if (isEU) {
+        return {
+            maltainvest: getJurisdictionMaltainvestContents(),
+        };
+    }
+
+    return {
+        bvi: getJurisdictionBviContents(),
+        labuan: getJurisdictionLabuanContents(),
+        svg: getJurisdictionSvgContents(),
+        vanuatu: getJurisdictionVanuatuContents(),
+    };
+};