+
+
+ Mock Server Config
+
+
+
+
+ Mock Server status: {getServerStatus().toLocaleUpperCase()}
+
+
+
+
+
({
+ text: s,
+ value: s,
+ }))}
+ onChange={e =>
+ setMockServerData(prev => (prev !== null ? { ...prev, session_id: e.target.value } : prev))
+ }
+ value={mock_server_data?.session_id}
+ is_align_text_left
+ />
+
+
+
+ setMockServerData(prev => (prev !== null ? { ...prev, session_id: e.target.value } : prev))
+ }
+ />
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default MockDialog;
diff --git a/packages/core/src/App/app.jsx b/packages/core/src/App/app.jsx
index cd895aebfeab..f2d2123f5f17 100644
--- a/packages/core/src/App/app.jsx
+++ b/packages/core/src/App/app.jsx
@@ -6,11 +6,13 @@ import { BrowserRouter as Router } from 'react-router-dom';
import { withTranslation } from 'react-i18next';
import { DesktopWrapper } from '@deriv/components';
import {
- setUrlLanguage,
initFormErrorMessages,
+ isProduction,
+ moduleLoader,
setSharedCFDText,
- useOnLoadTranslation,
+ setUrlLanguage,
setWebsocket,
+ useOnLoadTranslation,
} from '@deriv/shared';
import { initializeTranslations, getLanguage } from '@deriv/translations';
import { CashierStore } from '@deriv/cashier';
@@ -38,6 +40,13 @@ import '@deriv/deriv-charts/dist/smartcharts.css';
// eslint-disable-next-line import/no-unresolved
import 'Sass/app.scss';
+const DevTools =
+ window && !isProduction()
+ ? React.lazy(() =>
+ moduleLoader(() => import(/* webpackChunkName: "mock-dev-tools" */ './Components/dev-tools'))
+ )
+ : null;
+
const AppWithoutTranslation = ({ root_store }) => {
const l = window.location;
const base = l.pathname.split('/')[1];
@@ -99,6 +108,11 @@ const AppWithoutTranslation = ({ root_store }) => {