Revert "yauheni/74383/ converting app.jsx in account to functional co…

…mponent (binary-com#6282)" (binary-com#6612)

This reverts commit e1fc3e8.

packages/account/build/webpack.config.js

@@ -8,7 +8,7 @@ module.exports = function (env) {
         context: path.resolve(__dirname, '../src'),
         devtool: IS_RELEASE ? undefined : 'eval-cheap-module-source-map',
         entry: {
-            account: path.resolve(__dirname, '../src', 'index.tsx'),
+            account: path.resolve(__dirname, '../src', 'index.js'),
             'accept-risk-config': 'Configs/accept-risk-config',
             'account-limits': 'Components/account-limits',
             'address-details': 'Components/address-details',

packages/account/src/App.jsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { setWebsocket } from '@deriv/shared';
+import Routes from 'Containers/routes.jsx';
+import ResetTradingPassword from 'Containers/reset-trading-password.jsx';
+import { MobxContentProvider } from 'Stores/connect';
+import initStore from 'Stores/init-store';
+
+class App extends React.Component {
+    constructor(props) {
+        super(props);
+        const {
+            passthrough: { WS, root_store },
+        } = props;
+        this.root_store = initStore(root_store, WS);
+        setWebsocket(WS);
+    }
+
+    render() {
+        return (
+            <MobxContentProvider store={this.props.passthrough.root_store}>
+                <Routes />
+                <ResetTradingPassword />
+            </MobxContentProvider>
+        );
+    }
+}
+
+export default App;

packages/account/src/Stores/index.js

@@ -0,0 +1,10 @@
+export default class RootStore {
+    constructor(core_store) {
+        this.client = core_store.client;
+        this.common = core_store.common;
+        this.ui = core_store.ui;
+        this.gtm = core_store.gtm;
+        this.rudderstack = core_store.rudderstack;
+        this.pushwoosh = core_store.pushwoosh;
+    }
+}

packages/account/src/index.tsx → packages/account/src/index.js

@@ -3,7 +3,7 @@ import { makeLazyLoader, moduleLoader } from '@deriv/shared';
 import { Loading } from '@deriv/components';
 
 const App = makeLazyLoader(
-    () => moduleLoader(() => import(/* webpackChunkName: "account-app", webpackPreload: true */ './App')),
+    () => moduleLoader(() => import(/* webpackChunkName: "account-app", webpackPreload: true */ './App.jsx')),
     () => <Loading />
 )();