fix_mlt_and_uk_market

Author: mahdiyeh-deriv

src/javascript/_common/base/client_base.js

@@ -403,6 +403,13 @@ const ClientBase = (() => {
         return options_blocked_countries.includes(country);
     };
 
+    const isMalta = () => {
+        const malta_countries = ['at', 'be', 'bg', 'cy', 'cz', 'dk', 'ee', 'fi', 'hr', 'hu', 'ie', 'lt', 'lv', 'nl', 'pl', 'pt', 'ro', 'se', 'si', 'sk'];
+        const country = State.getResponse('authorize.country');
+
+        return malta_countries.includes(country);
+    };
+
     return {
         init,
         isLoggedIn,
@@ -433,6 +440,7 @@ const ClientBase = (() => {
         canTransferFunds,
         hasSvgAccount,
         canChangeCurrency,
+        isMalta,
     };
 })();
 

src/javascript/app/pages/trade/markets.jsx

@@ -6,6 +6,8 @@ import Defaults from './defaults';
 import { sortSubmarket, getAvailableUnderlyings } from '../../common/active_symbols';
 import { getElementById } from '../../../_common/common_functions';
 import { localize } from '../../../_common/localize';
+import Client from '../../base/client';
+import { State } from '../../../_common/storage';
 
 function scrollToPosition (element, to, duration) {
     const requestAnimationFrame = window.requestAnimationFrame ||
@@ -69,7 +71,9 @@ class Markets extends React.Component {
     constructor (props) {
         super(props);
         let market_symbol = Defaults.get('market');
-        
+        let final_markets_arr,
+            final_market_obj;
+            
         const market_list = Symbols.markets();
         this.markets = getAvailableUnderlyings(market_list);
 
@@ -80,9 +84,19 @@ class Markets extends React.Component {
             underlying_symbol = Object.keys(this.markets[market_symbol].submarkets[submarket].symbols).sort()[0];
         }
         const is_not_crypto = symbol => !/^(cry|JD)/i.test(symbol);
+        const is_synthetic = symbol => /^(synthetic)/i.test(symbol);
+        const is_uk = State.getResponse('authorize.country') === 'gb';
         const market_arr = Object.entries(this.markets).sort((a, b) => sortSubmarket(a[0], b[0]));
-        const non_crypto_markets_arr = market_arr.filter(market => is_not_crypto(market));
-        this.markets_all = non_crypto_markets_arr.slice();
+        final_markets_arr = market_arr.filter(market => is_not_crypto(market));
+        final_market_obj = Object.fromEntries(final_markets_arr);
+        if ((Client.isMalta() || is_uk) && Client.getAccountOfType('virtual')) {
+            final_markets_arr = market_arr.filter(market => is_synthetic(market));
+            final_market_obj = Object.fromEntries(final_markets_arr);
+            market_symbol = Object.keys(final_market_obj)[0];
+            const submarket = Object.keys(final_market_obj[market_symbol].submarkets).sort(sortSubmarket)[0];
+            underlying_symbol = Object.keys(final_market_obj[market_symbol].submarkets[submarket].symbols).sort()[0];
+        }
+        this.markets_all = final_markets_arr.slice();
         if (!(market_symbol in this.markets)) {
             market_symbol = Object.keys(this.markets).find(m => this.markets[m].submarkets[market_symbol]);
             Defaults.set('market', market_symbol);
@@ -93,13 +107,13 @@ class Markets extends React.Component {
             open  : false,
             market: {
                 symbol: market_symbol,
-                name  : this.markets[market_symbol].name,
+                name  : final_market_obj[market_symbol].name,
             },
             underlying: {
                 symbol: underlying_symbol,
                 name  : this.underlyings[underlying_symbol],
             },
-            markets                : non_crypto_markets_arr,
+            markets                : final_markets_arr,
             active_market          : market_symbol,
             query                  : '',
             open_dropdown_scroll_id: 0,