diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index e02a5751..5f7667ff 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -3,6 +3,7 @@ module.exports = {
     rules: {
         'global-require': 'off',
         'import/no-extraneous-dependencies': 'off',
+        'class-methods-use-this': 'off',
     },
     overrides: [
         {
@@ -30,6 +31,10 @@ module.exports = {
                 'plugin:prettier/recommended',
                 'plugin:react/jsx-runtime',
             ],
+            rules: {
+                // TODO: fix need to turn on later
+                '@typescript-eslint/no-explicit-any': 'off',
+            },
             parserOptions: {
                 ecmaversion: 2018,
                 sourceType: 'module',
diff --git a/package.json b/package.json
index ebd82f2f..23441c26 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
         "build": "vite build",
         "preview": "vite preview",
         "test:lint": "prettier --log-level silent --write . && eslint \"./src/**/*.?(js|jsx|ts|tsx)\"",
+        "test:fix": "prettier --log-level silent --write . && eslint --fix --quiet \"./src/**/*.?(js|jsx|ts|tsx)\"",
         "test": "vitest run",
         "coverage": "vitest run --coverage",
         "prepare": "husky install"
diff --git a/src/components/audio/audio.tsx b/src/components/audio/audio.tsx
index da66dd26..05f35b60 100644
--- a/src/components/audio/audio.tsx
+++ b/src/components/audio/audio.tsx
@@ -1,12 +1,14 @@
-import React from 'react';
-
 const Audio = () => (
     <>
-        <audio id='announcement' aria-label='audio' src={`${__webpack_public_path__}media/announcement.mp3`} />
-        <audio id='earned-money' aria-label='audio' src={`${__webpack_public_path__}media/coins.mp3`} />
-        <audio id='job-done' aria-label='audio' src={`${__webpack_public_path__}media/job-done.mp3`} />
-        <audio id='error' aria-label='audio' src={`${__webpack_public_path__}media/out-of-bounds.mp3`} />
-        <audio id='severe-error' aria-label='audio' src={`${__webpack_public_path__}media/i-am-being-serious.mp3`} />
+        <audio id='announcement' aria-label='audio' src={`${window.__webpack_public_path__}media/announcement.mp3`} />
+        <audio id='earned-money' aria-label='audio' src={`${window.__webpack_public_path__}media/coins.mp3`} />
+        <audio id='job-done' aria-label='audio' src={`${window.__webpack_public_path__}media/job-done.mp3`} />
+        <audio id='error' aria-label='audio' src={`${window.__webpack_public_path__}media/out-of-bounds.mp3`} />
+        <audio
+            id='severe-error'
+            aria-label='audio'
+            src={`${window.__webpack_public_path__}media/i-am-being-serious.mp3`}
+        />
     </>
 );
 
diff --git a/src/components/blockly-loading/index.ts b/src/components/blockly-loading/index.ts
index f6c85c50..85114098 100644
--- a/src/components/blockly-loading/index.ts
+++ b/src/components/blockly-loading/index.ts
@@ -1,4 +1,5 @@
 import BlocklyLoading from './blockly-loading';
+
 import './blockly-loading.scss';
 
 export default BlocklyLoading;
diff --git a/src/components/bot-notification-messages/index.ts b/src/components/bot-notification-messages/index.ts
index 9375d1a3..280faf35 100644
--- a/src/components/bot-notification-messages/index.ts
+++ b/src/components/bot-notification-messages/index.ts
@@ -1,4 +1,5 @@
 import BotNotificationMessages from './bot-notification-messages';
+
 import './bot-notification-messages.scss';
 
 export default BotNotificationMessages;
diff --git a/src/components/bot-notification/bot-notification.tsx b/src/components/bot-notification/bot-notification.tsx
index db546586..52bdc899 100644
--- a/src/components/bot-notification/bot-notification.tsx
+++ b/src/components/bot-notification/bot-notification.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { toast } from 'react-toastify';
+
 import { notification_style, TAction, TNotificationContent, TNotificationStyle } from './bot-notification-utils';
 
 export const NotificationContent: React.FC<TNotificationContent> = ({ message, primary_action, closeToast }) => {
diff --git a/src/components/contract-card-loading/contract-card-loading.tsx b/src/components/contract-card-loading/contract-card-loading.tsx
index fe9d03e0..7960b7c9 100644
--- a/src/components/contract-card-loading/contract-card-loading.tsx
+++ b/src/components/contract-card-loading/contract-card-loading.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import ContentLoader from 'react-content-loader';
 
 type TContractCardLoader = {
diff --git a/src/components/contract-result-overlay/index.ts b/src/components/contract-result-overlay/index.ts
index 554e8d99..6e87568a 100644
--- a/src/components/contract-result-overlay/index.ts
+++ b/src/components/contract-result-overlay/index.ts
@@ -1,4 +1,5 @@
 import ContractResultOverlay from './contract-result-overlay';
+
 import './contract-result-overlay.scss';
 
 export default ContractResultOverlay;
diff --git a/src/components/download/index.ts b/src/components/download/index.ts
index f2b5d14b..e98c059b 100644
--- a/src/components/download/index.ts
+++ b/src/components/download/index.ts
@@ -1,4 +1,5 @@
 import Download from './download';
+
 import './download.scss';
 
 export default Download;
diff --git a/src/components/draggable/draggable-resize-wrapper.tsx b/src/components/draggable/draggable-resize-wrapper.tsx
index 4729d0c6..78863f02 100644
--- a/src/components/draggable/draggable-resize-wrapper.tsx
+++ b/src/components/draggable/draggable-resize-wrapper.tsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import debounce from 'lodash.debounce';
+
 import Draggable from './draggable';
 
 type DraggableResizeWrapperProps = {
diff --git a/src/components/draggable/index.ts b/src/components/draggable/index.ts
index eb1fba29..35d43c95 100644
--- a/src/components/draggable/index.ts
+++ b/src/components/draggable/index.ts
@@ -1,4 +1,5 @@
 import Draggable from './draggable';
+
 import './draggable.scss';
 
 export default Draggable;
diff --git a/src/components/flyout/help-contents/flyout-img.tsx b/src/components/flyout/help-contents/flyout-img.tsx
index 3c0d418f..533453b6 100644
--- a/src/components/flyout/help-contents/flyout-img.tsx
+++ b/src/components/flyout/help-contents/flyout-img.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 type TFlyoutImageProps = {
     width: string;
     url: string;
diff --git a/src/components/flyout/help-contents/flyout-text.tsx b/src/components/flyout/help-contents/flyout-text.tsx
index 9d1805d7..0fec12ce 100644
--- a/src/components/flyout/help-contents/flyout-text.tsx
+++ b/src/components/flyout/help-contents/flyout-text.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Text } from '@deriv-com/ui';
 
 const FlyoutText = (props: { text: string }) => {
diff --git a/src/components/flyout/help-contents/flyout-video.tsx b/src/components/flyout/help-contents/flyout-video.tsx
index 2fb7be50..203ea81b 100644
--- a/src/components/flyout/help-contents/flyout-video.tsx
+++ b/src/components/flyout/help-contents/flyout-video.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 const FlyoutVideo = (props: { url: string }) => (
     <div className='flyout__item' data-testid='dt_flyout_video_container'>
         <iframe
diff --git a/src/components/flyout/index.ts b/src/components/flyout/index.ts
index 8998785c..b048a67b 100644
--- a/src/components/flyout/index.ts
+++ b/src/components/flyout/index.ts
@@ -1,4 +1,5 @@
 import Flyout from './flyout';
+
 import './flyout.scss';
 
 export default Flyout;
diff --git a/src/components/journal/index.ts b/src/components/journal/index.ts
index 9e8829ee..90bc7b52 100644
--- a/src/components/journal/index.ts
+++ b/src/components/journal/index.ts
@@ -1,4 +1,5 @@
 import Journal from './journal';
+
 import './journal.scss';
 
 export default Journal;
diff --git a/src/components/journal/journal-components/date-item.tsx b/src/components/journal/journal-components/date-item.tsx
index cf42748b..6a1e7c2b 100644
--- a/src/components/journal/journal-components/date-item.tsx
+++ b/src/components/journal/journal-components/date-item.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { TDateItemProps } from '../journal.types';
 
 const DateItem = ({ date, time }: TDateItemProps) => (
diff --git a/src/components/journal/journal-components/filters.tsx b/src/components/journal/journal-components/filters.tsx
index 77586dcc..12118d15 100644
--- a/src/components/journal/journal-components/filters.tsx
+++ b/src/components/journal/journal-components/filters.tsx
@@ -1,5 +1,5 @@
-import React from 'react';
 import { Checkbox } from '@deriv-com/ui';
+
 import { TFiltersProps } from '../journal.types';
 
 const Filters = ({
diff --git a/src/components/journal/journal-components/format-message.tsx b/src/components/journal/journal-components/format-message.tsx
index 54f6f440..e4ca9608 100644
--- a/src/components/journal/journal-components/format-message.tsx
+++ b/src/components/journal/journal-components/format-message.tsx
@@ -2,8 +2,8 @@ import classnames from 'classnames';
 
 import { Text } from '@deriv-com/ui';
 
+import { formatMoney, getCurrencyDisplayCode } from '@/components/shared';
 import { LogTypes } from '@/external/bot-skeleton';
-import { formatMoney, getCurrencyDisplayCode } from '@/utils/tmp/currency-helper';
 import { Localize, localize } from '@/utils/tmp/dummy';
 
 import { TFormatMessageProps } from '../journal.types';
diff --git a/src/components/journal/journal-components/journal-loader.tsx b/src/components/journal/journal-components/journal-loader.tsx
index 3e95c52a..0d3e6a1b 100644
--- a/src/components/journal/journal-components/journal-loader.tsx
+++ b/src/components/journal/journal-components/journal-loader.tsx
@@ -1,6 +1,5 @@
-import React from 'react';
-import classnames from 'classnames';
 import ContentLoader from 'react-content-loader';
+import classnames from 'classnames';
 
 const JournalLoader = ({ is_mobile }: { is_mobile: boolean }) => (
     <ContentLoader
diff --git a/src/components/journal/journal-components/journal-tools.tsx b/src/components/journal/journal-components/journal-tools.tsx
index 1edc7ac5..76b81f6e 100644
--- a/src/components/journal/journal-components/journal-tools.tsx
+++ b/src/components/journal/journal-components/journal-tools.tsx
@@ -4,7 +4,7 @@ import { CSSTransition } from 'react-transition-group';
 import { Text } from '@deriv-com/ui';
 
 import Download from '@/components/download';
-import { Icon, localize } from '@/utils/tmp/dummy';
+import { Icon, Localize } from '@/utils/tmp/dummy';
 
 import { TJournalToolsProps } from '../journal.types';
 
diff --git a/src/components/load-modal/index.ts b/src/components/load-modal/index.ts
index 28a32562..6d97c835 100644
--- a/src/components/load-modal/index.ts
+++ b/src/components/load-modal/index.ts
@@ -1,4 +1,5 @@
 import LoadModal from './load-modal';
+
 import './load-modal.scss';
 
 export default LoadModal;
diff --git a/src/components/load-modal/recent.tsx b/src/components/load-modal/recent.tsx
index fcc5187e..acc456cb 100644
--- a/src/components/load-modal/recent.tsx
+++ b/src/components/load-modal/recent.tsx
@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 
 import { useStore } from '@/hooks/useStore';
-import { Icon, localize } from '@/utils/tmp/dummy';
+import { Icon, Localize } from '@/utils/tmp/dummy';
 
 import RecentWorkspace from './recent-workspace';
 import WorkspaceControl from './workspace-control';
diff --git a/src/components/network-toast-popup/network-toast-popup.tsx b/src/components/network-toast-popup/network-toast-popup.tsx
index 81d8cfc9..ff9b61ed 100644
--- a/src/components/network-toast-popup/network-toast-popup.tsx
+++ b/src/components/network-toast-popup/network-toast-popup.tsx
@@ -1,11 +1,10 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import classNames from 'classnames';
+// import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
 
-import { Toast } from '@deriv-com/ui';
-
-import { useStore } from '@/hooks/useStore';
+// import { Toast } from '@deriv-com/ui';
+// import { useStore } from '@/hooks/useStore';
 
 // TODO: Need to sanitize,
 // Same sort of component is being used inside DTrader,
@@ -16,13 +15,14 @@ import { useStore } from '@/hooks/useStore';
  */
 
 const NetworkStatusToastError = observer(({ should_open = false }: { should_open?: boolean }) => {
-    const { common } = useStore();
+    // const { common } = useStore();
     // const { network_status } = common;
     const [is_open, setIsOpen] = React.useState(should_open);
     // const { message, status } = network_status;
     const portal_el = document.getElementById('popup_root');
 
-    if (!portal_el || !message) return null;
+    // if (!portal_el || !message) return null;
+    if (!portal_el) return null;
 
     if (!is_open && status !== 'online') {
         setIsOpen(true); // open if status === 'blinker' or 'offline'
diff --git a/src/components/notify-item/index.ts b/src/components/notify-item/index.ts
index 3df7f46e..8be7a130 100644
--- a/src/components/notify-item/index.ts
+++ b/src/components/notify-item/index.ts
@@ -1,4 +1,5 @@
 import { arrayAsMessage, messageWithButton, messageWithImage } from './notify-item';
+
 import './notify-item.scss';
 
 export { arrayAsMessage, messageWithButton, messageWithImage };
diff --git a/src/components/run-panel/index.ts b/src/components/run-panel/index.ts
index b386870f..97cba3d6 100644
--- a/src/components/run-panel/index.ts
+++ b/src/components/run-panel/index.ts
@@ -1,4 +1,5 @@
 import RunPanel from './run-panel';
+
 import './run-panel.scss';
 
 export default RunPanel;
diff --git a/src/components/run-panel/run-panel.scss b/src/components/run-panel/run-panel.scss
index b77efcf1..ad76334f 100644
--- a/src/components/run-panel/run-panel.scss
+++ b/src/components/run-panel/run-panel.scss
@@ -4,10 +4,11 @@
 // TODO: [fix-dc-bundle] Fix import issue with Deriv Component stylesheets (app should take precedence, and not repeat)
 .run-panel {
     height: 0;
+
     &__container {
         height: var(--bot-content-height) !important;
         top: 10.4rem !important;
-        width: 22.6rem !important;
+        width: 36.6rem !important;
         right: 0;
 
         &--mobile {
@@ -23,24 +24,31 @@
             }
         }
     }
+
     &__tile {
         @include flex-center;
+
         flex-direction: column;
         height: 100%;
 
         &-title {
             min-height: 1.8rem;
             margin-bottom: 4px;
+
             @include typeface(--small-center-bold-black, none);
         }
+
         &-content {
             height: 18px;
             margin-bottom: 4px;
+
             @include typeface(--small-center-normal-black, none);
         }
     }
+
     &__stat {
         @include flex-center(flex-start, flex-end);
+
         flex-direction: column;
         width: 35rem;
         background-color: var(--general-section-2);
@@ -49,10 +57,12 @@
             margin: 0;
             position: fixed;
         }
+
         &--info {
             @include flex-center(center, flex-start);
+
             width: 33%;
-            padding: 16px 0px 2px 0;
+            padding: 16px 0 2px;
             cursor: pointer;
             color: var(--text-general);
 
@@ -61,11 +71,13 @@
                 border-bottom: 1px dotted var(--text-general);
             }
         }
+
         &--tiles {
             width: 100%;
             display: grid;
             grid-template: 64px 64px / 1fr 1fr 1fr;
         }
+
         &-amount {
             @include typeface(--small-center-normal-black, none);
 
@@ -73,34 +85,42 @@
                 font-weight: bold;
                 color: var(--text-profit-success);
             }
+
             &--negative {
                 font-weight: bold;
                 color: var(--text-loss-danger);
             }
         }
+
         &--mobile {
             width: 100%;
             bottom: 0;
         }
     }
+
     &__footer {
         text-align: center;
+
         @include flex-center(space-between);
+
         flex-direction: column;
 
         &-button {
             width: 318px;
+
             // TODO: [fix-dc-bundle] Fix import issue with Deriv Component stylesheets (app should take precedence, and not repeat)
             height: 32px !important;
             margin: 12px 24px;
         }
     }
+
     &__content {
         display: flex;
         justify-content: space-between;
         flex-direction: column;
         overflow: hidden !important;
     }
+
     &__buttons {
         display: inline-flex !important;
         justify-content: space-between;
@@ -108,6 +128,7 @@
         margin-top: 1rem;
         align-items: center;
     }
+
     &-tab {
         &__content {
             height: calc(100vh - 42rem);
@@ -116,6 +137,7 @@
             &--no-stat {
                 height: var(--drawer-content-height-no-stat);
             }
+
             &--mobile {
                 display: flex;
                 height: var(--drawer-content-height-mobile);
@@ -124,11 +146,13 @@
                 width: 100vw;
                 padding: 0.4rem 0;
             }
+
             &--summary-tab {
                 padding: 0.8rem 1.6rem;
             }
         }
     }
+
     &__clear-button {
         @include mobile {
             position: absolute !important;
@@ -143,6 +167,7 @@
 .controls {
     &__section {
         @include flex-center(space-between);
+
         flex-direction: column;
         position: fixed;
         bottom: 0;
@@ -151,25 +176,28 @@
         border-top: solid 2px var(--general-section-1);
         z-index: 8;
     }
+
     &__buttons {
         padding: 0.8rem 2.4rem;
         height: 6rem;
         display: flex;
         width: inherit;
     }
+
     &__stop-button,
     &__run-button {
         width: 40%;
-        border-radius: 4px 0px 0px 4px !important;
+        border-radius: 4px 0 0 4px !important;
     }
+
     &__animation {
         width: 100%;
         height: 4rem;
-        border-radius: 0px 4px 4px 0px;
+        border-radius: 0 4px 4px 0;
     }
 }
 
-//animation
+// animation
 .list {
     &__animation {
         &-enter {
@@ -184,6 +212,7 @@
                     transform 500ms;
             }
         }
+
         &-exit {
             opacity: 1;
 
@@ -206,28 +235,32 @@
         margin-right: 1.4rem;
         padding-right: 1rem;
     }
+
     & .dc-themed-scrollbars__track--vertical {
         right: -0.2rem;
     }
+
     // TODO: [fix-dc-bundle] Fix import issue with Deriv Component stylesheets (app should take precedence, and not repeat)
     &__dialog {
         max-height: 500px !important;
         width: 460px;
     }
+
     &__footer {
         height: 72px;
         display: block;
         position: fixed;
         width: 100%;
-        left: 0px;
-        bottom: 0px;
+        left: 0;
+        bottom: 0;
         padding: 1.4rem;
         border-top: 2px solid var(--general-section-2);
+
         @include mobile {
             position: absolute;
             width: 100%;
             bottom: 40px;
-            left: 0px;
+            left: 0;
 
             &--relative {
                 position: relative;
@@ -240,23 +273,28 @@
             justify-content: flex-end;
         }
     }
+
     &__info {
         margin-bottom: 2rem;
     }
+
     &__limit-status {
         margin: 1rem 0;
 
         &--bold {
             font-weight: 700;
         }
+
         &--danger {
             font-weight: 700;
             color: var(--status-danger);
         }
     }
+
     &--danger {
         color: var(--status-danger);
     }
+
     & .dc-btn {
         margin-left: 0.8rem;
     }
@@ -267,8 +305,8 @@
         position: fixed;
         z-index: 5;
         width: 100%;
-        left: 0px;
-        top: 0px;
+        left: 0;
+        top: 0;
         background: var(--general-main-1);
 
         .db-self-exclusion {
@@ -280,6 +318,7 @@
             &__content {
                 margin-top: 56px;
             }
+
             &__form-group {
                 margin-bottom: 1.6rem;
                 display: flex;
@@ -306,6 +345,7 @@
         &--mobile {
             font-size: 1.6rem !important;
         }
+
         &-body {
             height: calc(100vh - 40.6rem);
             min-height: 10rem;
@@ -315,6 +355,7 @@
                 padding: 0.6rem 0 1.6rem !important;
                 height: 40.4rem;
             }
+
             &--content {
                 margin-top: 1rem;
 
@@ -324,6 +365,7 @@
                 }
             }
         }
+
         &-scrollbar {
             padding-right: 1.2rem;
         }
diff --git a/src/components/shared/helpers/context/poi-context.tsx b/src/components/shared/helpers/context/poi-context.tsx
index 3d5eead1..fae7cc4a 100644
--- a/src/components/shared/helpers/context/poi-context.tsx
+++ b/src/components/shared/helpers/context/poi-context.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { useLocation } from 'react-router-dom';
+
 import { ResidenceList } from '@deriv/api-types';
 
 const submission_status_code = {
diff --git a/src/components/shared/services/performance-metrics-methods.ts b/src/components/shared/services/performance-metrics-methods.ts
index b550db85..0955615a 100644
--- a/src/components/shared/services/performance-metrics-methods.ts
+++ b/src/components/shared/services/performance-metrics-methods.ts
@@ -1,4 +1,5 @@
 import { Analytics } from '@deriv-com/analytics';
+
 import { isMobile } from '../utils/screen';
 
 declare global {
diff --git a/src/components/shared/test_utils/test_common.ts b/src/components/shared/test_utils/test_common.ts
index aea2e628..43d90156 100644
--- a/src/components/shared/test_utils/test_common.ts
+++ b/src/components/shared/test_utils/test_common.ts
@@ -1,4 +1,6 @@
+/* eslint-disable import/no-import-module-exports */
 import { JSDOM } from 'jsdom';
+
 import { reset } from '../utils/url/url';
 
 const jsdom = new JSDOM();
diff --git a/src/components/shared/utils/array/__tests__/array.spec.ts b/src/components/shared/utils/array/__tests__/array.spec.ts
deleted file mode 100644
index d85dce99..00000000
--- a/src/components/shared/utils/array/__tests__/array.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { shuffleArray } from '../array';
-import crypto from 'crypto';
-import { beforeAll } from '@jest/globals';
-
-describe('shuffleArray', () => {
-    beforeAll(() => {
-        // using node.js randomBytes method here for simulating window.getRandomValues in shuffleArray function
-        Object.defineProperty(global, 'crypto', {
-            value: {
-                getRandomValues: (arr: Uint32Array) => crypto.randomBytes(arr.length),
-            },
-        });
-    });
-
-    it('shuffleArray should return same shuffled array', () => {
-        const arrayEquals = (a: number[], b: number[]) => JSON.stringify(a) === JSON.stringify(b);
-
-        const not_shuffled_test_array = [1, 2, 3, 4];
-        const test_array = [1, 2, 3, 4];
-
-        expect(arrayEquals(not_shuffled_test_array, test_array)).toBeTruthy();
-
-        const shuffled_test_array = shuffleArray(test_array);
-
-        expect(arrayEquals(not_shuffled_test_array, shuffled_test_array)).toBeFalsy();
-        expect(arrayEquals(shuffled_test_array, test_array)).toBeTruthy();
-    });
-});
diff --git a/src/components/shared/utils/browser/__tests__/browser_detect.spec.ts b/src/components/shared/utils/browser/__tests__/browser_detect.spec.ts
deleted file mode 100644
index 11bf78a4..00000000
--- a/src/components/shared/utils/browser/__tests__/browser_detect.spec.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { isSafariBrowser } from '../browser_detect';
-
-describe('isSafariBrowser', () => {
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-
-    it('should return false for Chrome browser', () => {
-        Object.defineProperty(window.navigator, 'userAgent', {
-            value: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
-            configurable: true,
-        });
-
-        expect(isSafariBrowser()).toBe(false);
-    });
-
-    it('should detect Safari browser', () => {
-        Object.defineProperty(window.navigator, 'userAgent', {
-            value: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2.1 Safari/605.1.15',
-            configurable: true,
-        });
-
-        expect(isSafariBrowser()).toBe(true);
-    });
-
-    it('should return false for FireFox browser', () => {
-        Object.defineProperty(window.navigator, 'userAgent', {
-            value: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:121.0) Gecko/20100101 Firefox/121.0',
-            configurable: true,
-        });
-
-        expect(isSafariBrowser()).toBe(false);
-    });
-
-    it('should return false for Opera browser', () => {
-        Object.defineProperty(window.navigator, 'userAgent', {
-            value: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:121.0) Gecko/20100101 Opera/121.0',
-            configurable: true,
-        });
-
-        expect(isSafariBrowser()).toBe(false);
-    });
-});
diff --git a/src/components/shared/utils/cfd/cfd.ts b/src/components/shared/utils/cfd/cfd.ts
index 0d831eca..50991100 100644
--- a/src/components/shared/utils/cfd/cfd.ts
+++ b/src/components/shared/utils/cfd/cfd.ts
@@ -1,7 +1,9 @@
 import { DetailsOfEachMT5Loginid, GetAccountStatus, LandingCompany } from '@deriv/api-types';
+
 import { localize } from '@/utils/tmp/dummy';
-import { CFD_PLATFORMS } from '../platform';
+
 import { AUTH_STATUS_CODES, Jurisdiction, JURISDICTION_MARKET_TYPES } from '../constants';
+import { CFD_PLATFORMS } from '../platform';
 
 let CFD_text_translated: { [key: string]: () => void };
 
diff --git a/src/components/shared/utils/config/__tests__/adapters.spec.ts b/src/components/shared/utils/config/__tests__/adapters.spec.ts
deleted file mode 100644
index ffb37e01..00000000
--- a/src/components/shared/utils/config/__tests__/adapters.spec.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { formatIDVFormValues } from '../adapters';
-
-describe('Adapter functions tests', () => {
-    it('should return the correct IDV form values', () => {
-        const form_data = {
-            document_type: { id: 'test' },
-            document_additional: 'additional text',
-            document_number: '123456789',
-        };
-
-        expect(formatIDVFormValues(form_data, 'US')).toEqual({
-            document_number: '123456789',
-            document_additional: 'additional text',
-            document_type: 'test',
-            issuing_country: 'US',
-        });
-    });
-
-    it('should render the correct IDV form values when document type is not applicable', () => {
-        const form_data = {
-            document_type: { id: 'none' },
-            document_additional: '',
-            document_number: '123456789',
-        };
-
-        expect(formatIDVFormValues(form_data, 'US')).toEqual({
-            document_number: 'none',
-            document_additional: '',
-            document_type: 'none',
-            issuing_country: 'US',
-        });
-    });
-});
diff --git a/src/components/shared/utils/constants/__tests__/contract.spec.ts b/src/components/shared/utils/constants/__tests__/contract.spec.ts
deleted file mode 100644
index 43f47eb6..00000000
--- a/src/components/shared/utils/constants/__tests__/contract.spec.ts
+++ /dev/null
@@ -1,259 +0,0 @@
-import {
-    getCardLabels,
-    getMarketNamesMap,
-    getUnsupportedContracts,
-    getSupportedContracts,
-    getContractConfig,
-    getContractTypeDisplay,
-    getContractCategoriesConfig,
-    getContractTypePosition,
-    getCleanedUpCategories,
-} from '../contract';
-import { CONTRACT_TYPES, TRADE_TYPES } from '../../contract';
-
-type TGetSupportedContractsKey = keyof ReturnType<typeof getSupportedContracts>;
-const card_labels = { APPLY: 'Apply', MULTIPLIER: 'Multiplier:' };
-const markets_name = 'AUD/CAD';
-const unsupported_contract = {
-    name: 'Spread Up',
-    position: 'top',
-};
-const supported_high_low_contract = {
-    name: 'Higher',
-    position: 'top',
-};
-const supported_non_high_low_contract = {
-    name: 'Rise',
-    position: 'top',
-};
-
-jest.mock('../../storage', () => ({
-    ...jest.requireActual('../../storage'),
-    LocalStore: {
-        getObject: jest.fn(() => ({ data: { sharkfin: false } })),
-    },
-}));
-
-describe('getCardLabels', () => {
-    it('should return an object with card labels, e.g. such as Apply or Multiplier', () => {
-        expect(getCardLabels().APPLY).toEqual(card_labels.APPLY);
-        expect(getCardLabels().MULTIPLIER).toEqual(card_labels.MULTIPLIER);
-    });
-});
-
-describe('getMarketNamesMap', () => {
-    const symbols_translation_object = getMarketNamesMap();
-
-    it('should return an object with symbols, e.g. such as AUD/CAD', () => {
-        expect(symbols_translation_object.FRXAUDCAD).toEqual(markets_name);
-    });
-    it('should return an object with symbols, including Volatility 25 (1s) Index, Volatility 50 (1s) Index and Volatility 75 (1s) Index', () => {
-        expect(symbols_translation_object['1HZ25V']).toEqual('Volatility 25 (1s) Index');
-        expect(symbols_translation_object['1HZ50V']).toEqual('Volatility 50 (1s) Index');
-        expect(symbols_translation_object['1HZ75V']).toEqual('Volatility 75 (1s) Index');
-    });
-});
-
-describe('getUnsupportedContracts', () => {
-    it('should return an object with unsupported contracts, e.g. such as Spread Up', () => {
-        expect(getUnsupportedContracts().CALLSPREAD).toEqual(unsupported_contract);
-    });
-    it('should not return High Tick contract type as a part of unsupported contracts', () => {
-        expect(Object.keys(getUnsupportedContracts())).not.toContain(CONTRACT_TYPES.TICK_HIGH_LOW.HIGH);
-    });
-    it('should not return High-Close contract type as a part of unsupported contracts', () => {
-        expect(Object.keys(getUnsupportedContracts())).not.toContain(CONTRACT_TYPES.LB_PUT);
-    });
-});
-
-describe('getSupportedContracts', () => {
-    it('should return an object with specific supported contracts if is_high_low === true', () => {
-        expect(getSupportedContracts(true).CALL).toEqual(supported_high_low_contract);
-    });
-
-    it('should return an object with specific supported contracts if is_high_low === false', () => {
-        expect(getSupportedContracts(false).CALL).toEqual(supported_non_high_low_contract);
-    });
-
-    it('should return TICKHIGH as a part of supported contracts', () => {
-        expect(Object.keys(getSupportedContracts(false))).toContain('TICKHIGH');
-    });
-});
-
-describe('getContractConfig', () => {
-    it('should return an object with specific contracts if is_high_low === true', () => {
-        expect(getContractConfig(true).CALL).toEqual(supported_high_low_contract);
-    });
-
-    it('should return object with specific contracts if is_high_low === false', () => {
-        expect(getContractConfig(false).CALL).toEqual(supported_non_high_low_contract);
-    });
-});
-
-describe('getContractTypeDisplay', () => {
-    it('should return a specific button name if show_button_name === true and contract_config has a button_name field', () => {
-        expect(getContractTypeDisplay(CONTRACT_TYPES.ACCUMULATOR, { showButtonName: true })).toEqual('Buy');
-    });
-    it('should return a specific contract name if show_button_name === false but contract_config has a button_name field', () => {
-        expect(getContractTypeDisplay(CONTRACT_TYPES.ACCUMULATOR)).toEqual('Accumulators');
-    });
-    it('should return a specific contract name if show_button_name === true but contract_config has no button_name field', () => {
-        expect(
-            getContractTypeDisplay(CONTRACT_TYPES.MULTIPLIER.DOWN, { isHighLow: true, showButtonName: true })
-        ).toEqual('Down');
-    });
-    it('should return an empty string if show_button_name === false and contract_config has no name field', () => {
-        expect(getContractTypeDisplay('TEST', { isHighLow: true })).toBe('');
-    });
-    it('should return an empty string if show_button_name === true and contract_config has no name field and no button_name', () => {
-        expect(getContractTypeDisplay('TEST', { isHighLow: true, showButtonName: true })).toBe('');
-    });
-    it('should return main title for contracts which have such field if show_main_title is true', () => {
-        expect(
-            getContractTypeDisplay(CONTRACT_TYPES.MULTIPLIER.DOWN, {
-                isHighLow: true,
-                showMainTitle: true,
-            })
-        ).toBe('Multipliers');
-        expect(
-            getContractTypeDisplay(CONTRACT_TYPES.TURBOS.LONG, {
-                showMainTitle: true,
-            })
-        ).toBe('Turbos');
-        expect(
-            getContractTypeDisplay(CONTRACT_TYPES.VANILLA.CALL, {
-                showMainTitle: true,
-            })
-        ).toBe('Vanillas');
-    });
-    it('should not return main title for contracts which have such field but show_main_title is false', () => {
-        expect(getContractTypeDisplay(CONTRACT_TYPES.TURBOS.LONG)).not.toBe('Turbos');
-        expect(getContractTypeDisplay(CONTRACT_TYPES.VANILLA.CALL)).not.toBe('Vanillas');
-        expect(getContractTypeDisplay(CONTRACT_TYPES.MULTIPLIER.DOWN)).not.toBe('Multipliers');
-    });
-    it('should not return main title for contracts which have not such field if show_main_title is true', () => {
-        expect(getContractTypeDisplay(CONTRACT_TYPES.FALL, { showMainTitle: true })).toBeFalsy();
-    });
-});
-
-describe('getContractTypePosition', () => {
-    it('should return a specific button position if such type exist', () => {
-        expect(getContractTypePosition(CONTRACT_TYPES.TOUCH.NO_TOUCH)).toBe('bottom');
-    });
-    it('should return a top position if such type does not exist', () => {
-        expect(getContractTypePosition('TEST' as TGetSupportedContractsKey)).toBe('top');
-    });
-});
-
-describe('getCleanedUpCategories', () => {
-    it('should return only those trade categories that are objects containing value & text', () => {
-        const initial_categories = {
-            'Ups & Downs': {
-                name: 'Ups & Downs',
-                categories: [
-                    {
-                        value: TRADE_TYPES.RISE_FALL,
-                        text: 'Rise/Fall',
-                    },
-                    TRADE_TYPES.RISE_FALL_EQUAL,
-                    TRADE_TYPES.RUN_HIGH_LOW,
-                    TRADE_TYPES.RESET,
-                    TRADE_TYPES.ASIAN,
-                    TRADE_TYPES.CALL_PUT_SPREAD,
-                ],
-            },
-            Vanillas: {
-                name: 'Vanillas',
-                categories: [TRADE_TYPES.VANILLA.CALL, TRADE_TYPES.VANILLA.PUT],
-            },
-        };
-        const resulting_categories = {
-            'Ups & Downs': {
-                name: 'Ups & Downs',
-                categories: [
-                    {
-                        value: TRADE_TYPES.RISE_FALL,
-                        text: 'Rise/Fall',
-                    },
-                ],
-            },
-        };
-        expect(getCleanedUpCategories(initial_categories)).toEqual(resulting_categories);
-    });
-    it('should return only those trade categories that do not have disabled feature flag', () => {
-        const initial_categories = {
-            Sharkfin: {
-                name: 'Sharkfin',
-                categories: [
-                    {
-                        value: 'sharkfincall',
-                        text: 'Call/Put',
-                    },
-                    {
-                        value: 'sharkfinput',
-                        text: 'Call/Put',
-                    },
-                ],
-            },
-            Multipliers: {
-                name: 'Multipliers',
-                categories: [
-                    {
-                        value: TRADE_TYPES.MULTIPLIER,
-                        text: 'Multipliers',
-                    },
-                ],
-            },
-        };
-        const resulting_categories = {
-            Multipliers: {
-                name: 'Multipliers',
-                categories: [
-                    {
-                        value: TRADE_TYPES.MULTIPLIER,
-                        text: 'Multipliers',
-                    },
-                ],
-            },
-        };
-        expect(getCleanedUpCategories(initial_categories)).toEqual(resulting_categories);
-    });
-});
-
-describe('getContractCategoriesConfig', () => {
-    it('should return object with categories', () => {
-        const categories = {
-            Turbos: { name: 'Turbos', categories: [TRADE_TYPES.TURBOS.LONG, TRADE_TYPES.TURBOS.SHORT] },
-            Multipliers: { name: 'Multipliers', categories: [TRADE_TYPES.MULTIPLIER] },
-            'Ups & Downs': {
-                name: 'Ups & Downs',
-                categories: [
-                    TRADE_TYPES.RISE_FALL,
-                    TRADE_TYPES.RISE_FALL_EQUAL,
-                    TRADE_TYPES.HIGH_LOW,
-                    TRADE_TYPES.RUN_HIGH_LOW,
-                    TRADE_TYPES.RESET,
-                    TRADE_TYPES.ASIAN,
-                    TRADE_TYPES.CALL_PUT_SPREAD,
-                ],
-            },
-            'Highs & Lows': {
-                name: 'Highs & Lows',
-                categories: [TRADE_TYPES.TOUCH, TRADE_TYPES.TICK_HIGH_LOW],
-            },
-            'Ins & Outs': { name: 'Ins & Outs', categories: [TRADE_TYPES.END, TRADE_TYPES.STAY] },
-            'Look Backs': {
-                name: 'Look Backs',
-                categories: [TRADE_TYPES.LB_HIGH_LOW, TRADE_TYPES.LB_PUT, TRADE_TYPES.LB_CALL],
-            },
-            Digits: {
-                name: 'Digits',
-                categories: [TRADE_TYPES.MATCH_DIFF, TRADE_TYPES.EVEN_ODD, TRADE_TYPES.OVER_UNDER],
-            },
-            Vanillas: { name: 'Vanillas', categories: [TRADE_TYPES.VANILLA.CALL, TRADE_TYPES.VANILLA.PUT] },
-            Accumulators: { name: 'Accumulators', categories: [TRADE_TYPES.ACCUMULATOR] },
-        };
-
-        expect(getContractCategoriesConfig()).toEqual(categories);
-    });
-});
diff --git a/src/components/shared/utils/contract/__tests__/contract.spec.ts b/src/components/shared/utils/contract/__tests__/contract.spec.ts
deleted file mode 100644
index e064e24c..00000000
--- a/src/components/shared/utils/contract/__tests__/contract.spec.ts
+++ /dev/null
@@ -1,788 +0,0 @@
-import { screen, render } from '@testing-library/react';
-import * as ContractUtils from '../contract';
-import { TContractStore, TDigitsInfo, TTickItem } from '../contract-types';
-import { CONTRACT_TYPES } from '../contract';
-import { mockContractInfo } from '../contract-info';
-
-describe('getFinalPrice', () => {
-    it("should return sell_price as final price when it's available", () => {
-        const contract_info = mockContractInfo({
-            sell_price: 12345,
-            bid_price: 0,
-        });
-        expect(ContractUtils.getFinalPrice(contract_info)).toEqual(12345);
-    });
-    it('should return sell_price as final price when sell_price && bid_price are available', () => {
-        const contract_info = mockContractInfo({
-            sell_price: 12345,
-            bid_price: 789,
-        });
-        expect(ContractUtils.getFinalPrice(contract_info)).toEqual(12345);
-    });
-    it('should return bid_price as final price when sell_price is not available and bid_price is available', () => {
-        const contract_info = mockContractInfo({
-            sell_price: 0,
-            bid_price: 789,
-        });
-        expect(ContractUtils.getFinalPrice(contract_info)).toEqual(789);
-    });
-    it('should return 0 as final price when sell_price and bid_price are empty', () => {
-        const contract_info = mockContractInfo({
-            sell_price: 0,
-            bid_price: 0,
-        });
-        expect(ContractUtils.getFinalPrice(contract_info)).toEqual(0);
-    });
-});
-
-describe('getIndicativePrice', () => {
-    it('should return getFinalPrice if it has final price and contract is ended', () => {
-        const contract_info = mockContractInfo({
-            sell_price: 12345,
-            bid_price: 0,
-            status: 'sold',
-        });
-        expect(ContractUtils.getIndicativePrice(contract_info)).toEqual(12345);
-    });
-    it("should return zero if it doesn't have final price, bid_price and contract is not ended", () => {
-        const contract_info = mockContractInfo({
-            status: 'open',
-            sell_price: 0,
-            bid_price: 0,
-        });
-        expect(ContractUtils.getIndicativePrice(contract_info)).toEqual(0);
-    });
-    it("should return bid_price if it doesn't have final price, has bid_price and contract is not ended", () => {
-        const contract_info = mockContractInfo({
-            status: 'open',
-            bid_price: 12345,
-            sell_price: 0,
-        });
-        expect(ContractUtils.getIndicativePrice(contract_info)).toEqual(12345);
-    });
-});
-
-describe('isEnded', () => {
-    it("should return false when there is status and it's equal to open in contract info", () => {
-        const contract_info = mockContractInfo({
-            status: 'open',
-        });
-        expect(ContractUtils.isEnded(contract_info)).toEqual(false);
-    });
-    it("should return true when there is status and it's not equal to open in contract info", () => {
-        const contract_info = mockContractInfo({
-            status: 'sold',
-        });
-        expect(ContractUtils.isEnded(contract_info)).toEqual(true);
-    });
-    it('should return true when contract is expired', () => {
-        const contract_info = mockContractInfo({
-            status: 'open',
-            is_expired: 1,
-        });
-        expect(ContractUtils.isEnded(contract_info)).toEqual(true);
-    });
-    it('should return true when contract is settleable', () => {
-        const contract_info = mockContractInfo({
-            status: 'open',
-            is_expired: 0,
-            is_settleable: 1,
-        });
-        expect(ContractUtils.isEnded(contract_info)).toEqual(true);
-    });
-    it('should return true when contract is not expired', () => {
-        const contract_info = mockContractInfo({
-            status: 'open',
-            is_expired: 0,
-        });
-        expect(ContractUtils.isEnded(contract_info)).toEqual(false);
-    });
-    it('should return true when contract does not have is_settleable, is_expired and status', () => {
-        const contract_info = mockContractInfo({
-            is_settleable: undefined,
-            is_expired: undefined,
-            status: undefined,
-        });
-        expect(ContractUtils.isEnded(contract_info)).toEqual(false);
-    });
-});
-
-describe('isUserSold', () => {
-    it("should return true if contract's status is sold", () => {
-        const contract_info = mockContractInfo({
-            status: 'sold',
-        });
-        expect(ContractUtils.isUserSold(contract_info)).toEqual(true);
-    });
-    it("should return false if contract's status is not sold", () => {
-        const contract_info = mockContractInfo({
-            status: 'open',
-        });
-        expect(ContractUtils.isUserSold(contract_info)).toEqual(false);
-    });
-});
-
-describe('isValidToSell', () => {
-    it('should return true if contract is not ended and is not sold and contract is valid to_sell', () => {
-        const contract_info = mockContractInfo({
-            status: 'open',
-            is_valid_to_sell: 1,
-        });
-        expect(ContractUtils.isValidToSell(contract_info)).toEqual(true);
-    });
-    it('should return false if contract is ended and is sold and contract is valid to sell', () => {
-        const contract_info = mockContractInfo({
-            status: 'sold',
-            is_valid_to_sell: 1,
-        });
-        expect(ContractUtils.isValidToSell(contract_info)).toEqual(false);
-    });
-    it('should return false if contract is ended and is not sold and contract is valid to sell', () => {
-        const contract_info = mockContractInfo({
-            status: 'won',
-            is_valid_to_sell: 1,
-        });
-        expect(ContractUtils.isValidToSell(contract_info)).toEqual(false);
-    });
-    it('should return false if contract is ended and is sold and contract is not valid to sell', () => {
-        const contract_info = mockContractInfo({
-            status: 'sold',
-            is_valid_to_sell: 0,
-        });
-        expect(ContractUtils.isValidToSell(contract_info)).toEqual(false);
-    });
-    it('should return false if contract is ended and is not sold and contract is not valid to sell', () => {
-        const contract_info = mockContractInfo({
-            status: 'won',
-            is_valid_to_sell: 0,
-        });
-        expect(ContractUtils.isValidToSell(contract_info)).toEqual(false);
-    });
-    it('should return false if contract is not ended and is not sold and contract is not valid to sell', () => {
-        const contract_info = mockContractInfo({
-            status: 'open',
-            is_valid_to_sell: 0,
-        });
-        expect(ContractUtils.isValidToSell(contract_info)).toEqual(false);
-    });
-});
-
-describe('getLastTickFromTickStream', () => {
-    it('should return the last tick in the tick_stream array', () => {
-        const tick_stream: TTickItem[] = [
-            {
-                tick: 766.53,
-                epoch: 1000001,
-            },
-            {
-                tick: 800.23,
-                epoch: 1000002,
-            },
-        ];
-        expect(ContractUtils.getLastTickFromTickStream(tick_stream)).toMatchObject({
-            tick: 800.23,
-            epoch: 1000002,
-        });
-    });
-    it('should return an empty object if the tick_stream array is empty', () => {
-        const tick_stream: TTickItem[] = [];
-        expect(ContractUtils.getLastTickFromTickStream(tick_stream)).toEqual({});
-    });
-});
-
-describe('isDigitContract', () => {
-    it('should return true if contract is digits', () => {
-        expect(ContractUtils.isDigitContract(CONTRACT_TYPES.MATCH_DIFF.MATCH)).toEqual(true);
-    });
-
-    it('should return false if contract is not digits', () => {
-        expect(ContractUtils.isDigitContract('CALLPUT')).toEqual(false);
-    });
-});
-
-describe('isTurbosContract', () => {
-    it('should return true if contract_type includes TURBOS', () => {
-        expect(ContractUtils.isTurbosContract(CONTRACT_TYPES.TURBOS.LONG)).toEqual(true);
-    });
-    it('should return false if contract_type does not include TURBOS', () => {
-        expect(ContractUtils.isTurbosContract(CONTRACT_TYPES.CALL)).toEqual(false);
-    });
-});
-
-describe('getDigitInfo', () => {
-    it('should return an empty object when tick_stream is not in contract_info', () => {
-        const contract_info = mockContractInfo({ tick_stream: undefined });
-        expect(ContractUtils.getDigitInfo({}, contract_info)).toEqual({});
-    });
-    it('should return an empty object if tick_stream data is already in digits_info', () => {
-        const contract_info = mockContractInfo({
-            entry_tick_time: 1544707342,
-            entry_tick: 123.99,
-            current_spot_time: 10000000,
-            current_spot: 456.99,
-            exit_tick_time: 10000001,
-            contract_type: CONTRACT_TYPES.MATCH_DIFF.MATCH,
-            barrier: '9',
-            tick_stream: [
-                {
-                    tick: 123.456,
-                    tick_display_value: '123.456',
-                    epoch: 1544707344,
-                },
-            ],
-        });
-        const digits_info: TDigitsInfo = {
-            1544707344: {
-                digit: 6,
-                spot: '123.456',
-            },
-        };
-        expect(ContractUtils.getDigitInfo(digits_info, contract_info)).toEqual({});
-    });
-    it('should return a digits_info object with the latest tick_stream array data', () => {
-        const contract_info = mockContractInfo({
-            tick_stream: [
-                {
-                    tick: 123.456,
-                    tick_display_value: '123.456',
-                    epoch: 1544707344,
-                },
-                {
-                    tick: 456.993,
-                    tick_display_value: '456.993',
-                    epoch: 1544707346,
-                },
-            ],
-        });
-        const digits_info: TDigitsInfo = {
-            1544707346: {
-                digit: 3,
-                spot: '456.993',
-            },
-        };
-        expect(ContractUtils.getDigitInfo({}, contract_info)).toEqual(digits_info);
-    });
-});
-
-describe('getDisplayStatus', () => {
-    it('should return won if contract is ended and profit is more than zero', () => {
-        const contract_info = mockContractInfo({
-            status: 'sold',
-            buy_price: 0,
-            bid_price: 100,
-        });
-        expect(ContractUtils.getDisplayStatus(contract_info)).toEqual('won');
-    });
-    it('should return lost if contract is ended and profit is less than zero', () => {
-        const contract_info = mockContractInfo({
-            status: 'sold',
-            buy_price: 100,
-            bid_price: 0,
-        });
-        expect(ContractUtils.getDisplayStatus(contract_info)).toEqual('lost');
-    });
-    it('should return won if contract is ended and profit is zero', () => {
-        const contract_info = mockContractInfo({
-            status: 'sold',
-            buy_price: 100,
-            bid_price: 100,
-        });
-        expect(ContractUtils.getDisplayStatus(contract_info)).toEqual('won');
-    });
-    it('should return purchased if contract is not ended', () => {
-        const contract_info = mockContractInfo({
-            status: 'open',
-            buy_price: 0,
-            bid_price: 100,
-        });
-        expect(ContractUtils.getDisplayStatus(contract_info)).toEqual('purchased');
-    });
-});
-
-describe('isAccumulatorContract', () => {
-    it('should return true if contract_type includes CONTRACT_TYPES.ACCUMULATOR', () => {
-        expect(ContractUtils.isAccumulatorContract(CONTRACT_TYPES.ACCUMULATOR)).toEqual(true);
-    });
-    it('should return false if contract_type is not CONTRACT_TYPES.ACCUMULATOR', () => {
-        expect(ContractUtils.isAccumulatorContract(CONTRACT_TYPES.CALL)).toEqual(false);
-    });
-});
-
-describe('isTicksContract', () => {
-    it('should return true if contract_type includes CONTRACT_TYPES.TICK_HIGH_LOW.HIGH', () => {
-        expect(ContractUtils.isTicksContract(CONTRACT_TYPES.TICK_HIGH_LOW.HIGH)).toEqual(true);
-    });
-    it('should return false if contract_type is not CONTRACT_TYPES.TICK', () => {
-        expect(ContractUtils.isTicksContract(CONTRACT_TYPES.ACCUMULATOR)).toEqual(false);
-    });
-});
-
-describe('isAccumulatorContractOpen', () => {
-    it('should return true if contract_type includes CONTRACT_TYPES.ACCUMULATOR, status is open, and current spot has NOT crossed barriers', () => {
-        const contract_info = mockContractInfo({
-            contract_type: CONTRACT_TYPES.ACCUMULATOR,
-            current_spot: 1232.44,
-            high_barrier: '1232.555',
-            low_barrier: '1232.222',
-            status: 'open',
-        });
-        expect(ContractUtils.isAccumulatorContractOpen(contract_info)).toEqual(true);
-    });
-    it('should return false if contract_type is not CONTRACT_TYPES.ACCUMULATOR', () => {
-        const contract_info = mockContractInfo({
-            contract_type: CONTRACT_TYPES.CALL,
-            current_spot: 1232.44,
-            high_barrier: '1232.555',
-            low_barrier: '1232.222',
-            status: 'open',
-        });
-        expect(ContractUtils.isAccumulatorContractOpen(contract_info)).toEqual(false);
-    });
-    it('should return false if status is not open', () => {
-        const contract_info = mockContractInfo({
-            contract_type: CONTRACT_TYPES.ACCUMULATOR,
-            current_spot: 1232.44,
-            high_barrier: '1232.555',
-            low_barrier: '1232.222',
-            status: 'lost',
-        });
-        expect(ContractUtils.isAccumulatorContractOpen(contract_info)).toEqual(false);
-    });
-    it('should return false if exit_tick_time is present', () => {
-        const contract_info = mockContractInfo({
-            contract_type: CONTRACT_TYPES.ACCUMULATOR,
-            current_spot: 1232.44,
-            high_barrier: '1232.555',
-            low_barrier: '1232.333',
-            status: 'open',
-            exit_tick_time: 10000001,
-        });
-        expect(ContractUtils.isAccumulatorContractOpen(contract_info)).toEqual(false);
-    });
-});
-
-describe('isOpen', () => {
-    it('isOpen returns true for an open contract', () => {
-        expect(
-            ContractUtils.isOpen({
-                contract_type: CONTRACT_TYPES.CALL,
-                exit_tick_time: undefined,
-                profit: undefined,
-                status: 'open',
-            })
-        ).toBe(true);
-    });
-    it('isOpen returns false for a closed contract', () => {
-        expect(
-            ContractUtils.isOpen({
-                contract_type: CONTRACT_TYPES.CALL,
-                exit_tick_time: 1608098748,
-                profit: 10,
-                status: 'won',
-            })
-        ).toBe(false);
-    });
-    it('isOpen returns false for an accumulator contract that has recently lost', () => {
-        expect(
-            ContractUtils.isOpen({
-                contract_type: CONTRACT_TYPES.ACCUMULATOR,
-                exit_tick_time: 1608098748,
-                profit: -10,
-                status: 'open',
-            })
-        ).toBe(false);
-    });
-    it('isOpen returns false for an accumulator contract that has recently won', () => {
-        expect(
-            ContractUtils.isOpen({
-                contract_type: CONTRACT_TYPES.ACCUMULATOR,
-                exit_tick_time: 1608098748,
-                profit: 10,
-                status: 'open',
-            })
-        ).toBe(false);
-    });
-});
-
-describe('getAccuBarriersDefaultTimeout', () => {
-    it('should return DELAY_TIME_1S_SYMBOL * 2 if symbols_2s array includes current symbol', () => {
-        expect(ContractUtils.getAccuBarriersDefaultTimeout(ContractUtils.symbols_2s[0])).toEqual(
-            ContractUtils.DELAY_TIME_1S_SYMBOL * 2
-        );
-    });
-    it('should return DELAY_TIME_1S_SYMBOL if symbols_2s array does NOT include current symbol', () => {
-        expect(ContractUtils.getAccuBarriersDefaultTimeout('1HZ10V')).toEqual(ContractUtils.DELAY_TIME_1S_SYMBOL);
-    });
-});
-
-describe('getAccuBarriersDTraderTimeout', () => {
-    const interval = 250; // interval between receivals of tick data and barriers data
-    const shorter_interval = 50;
-    const has_default_timeout = false;
-    const tick_update_timestamp = 1234567890800;
-    const barriers_update_timestamp = tick_update_timestamp + interval;
-    const symbol_1_sec = '1HZ10V';
-    const symbol_2_sec = 'R_100';
-
-    const getTargetTime = (underlying: string) => {
-        return (
-            tick_update_timestamp +
-            ContractUtils.getAccuBarriersDefaultTimeout(underlying) +
-            ContractUtils.ANIMATION_CORRECTION_TIME
-        );
-    };
-
-    it('should return a timeout equal to difference between target time and current barriers receival time for 2-second symbol', () => {
-        const sooner_barriers_receival_timestamp = tick_update_timestamp + shorter_interval;
-        expect(
-            ContractUtils.getAccuBarriersDTraderTimeout({
-                barriers_update_timestamp,
-                has_default_timeout,
-                tick_update_timestamp,
-                underlying: symbol_2_sec,
-            })
-        ).toEqual(getTargetTime(symbol_2_sec) - barriers_update_timestamp);
-        expect(
-            ContractUtils.getAccuBarriersDTraderTimeout({
-                barriers_update_timestamp: sooner_barriers_receival_timestamp,
-                has_default_timeout,
-                tick_update_timestamp,
-                underlying: symbol_2_sec,
-            })
-        ).toEqual(getTargetTime(symbol_2_sec) - sooner_barriers_receival_timestamp);
-    });
-    it('should return a timeout equal to difference between target time and current barriers receival time for 1-second symbol', () => {
-        const sooner_barriers_receival_timestamp = tick_update_timestamp + shorter_interval;
-        expect(
-            ContractUtils.getAccuBarriersDTraderTimeout({
-                barriers_update_timestamp,
-                has_default_timeout,
-                tick_update_timestamp,
-                underlying: symbol_1_sec,
-            })
-        ).toEqual(getTargetTime(symbol_1_sec) - barriers_update_timestamp);
-        expect(
-            ContractUtils.getAccuBarriersDTraderTimeout({
-                barriers_update_timestamp: sooner_barriers_receival_timestamp,
-                has_default_timeout,
-                tick_update_timestamp,
-                underlying: symbol_1_sec,
-            })
-        ).toEqual(getTargetTime(symbol_1_sec) - sooner_barriers_receival_timestamp);
-    });
-    it('should return a default timeout when has_default_timeout is true, or when tick_update_timestamp is null', () => {
-        expect(
-            ContractUtils.getAccuBarriersDTraderTimeout({
-                barriers_update_timestamp,
-                has_default_timeout: true,
-                tick_update_timestamp,
-                underlying: symbol_2_sec,
-            })
-        ).toEqual(ContractUtils.getAccuBarriersDefaultTimeout(symbol_2_sec));
-        expect(
-            ContractUtils.getAccuBarriersDTraderTimeout({
-                barriers_update_timestamp,
-                has_default_timeout,
-                tick_update_timestamp: null,
-                underlying: symbol_2_sec,
-            })
-        ).toEqual(ContractUtils.getAccuBarriersDefaultTimeout(symbol_2_sec));
-    });
-    it('should return 0 timeout when current barriers receival happens too late (after/at target time) and timeout is no longer applicable', () => {
-        expect(
-            ContractUtils.getAccuBarriersDTraderTimeout({
-                barriers_update_timestamp: getTargetTime(symbol_1_sec) + 100,
-                has_default_timeout,
-                tick_update_timestamp,
-                underlying: symbol_1_sec,
-            })
-        ).toEqual(0);
-        expect(
-            ContractUtils.getAccuBarriersDTraderTimeout({
-                barriers_update_timestamp: getTargetTime(symbol_1_sec),
-                has_default_timeout,
-                tick_update_timestamp,
-                underlying: symbol_1_sec,
-            })
-        ).toEqual(0);
-    });
-});
-
-describe('getAccuBarriersForContractDetails', () => {
-    const mocked_contract_info = mockContractInfo({
-        contract_type: CONTRACT_TYPES.ACCUMULATOR,
-        high_barrier: '1232.666',
-        low_barrier: '1232.222',
-        status: 'open',
-    });
-    const previous_spot_barriers = {
-        accu_high_barrier: mocked_contract_info.high_barrier,
-        accu_low_barrier: mocked_contract_info.low_barrier,
-    };
-    it('should return an object { accu_high_barrier: current_spot_high_barrier, accu_low_barrier: current_spot_low_barrier } while ACCUMULATOR contract is open', () => {
-        const contract_info = mockContractInfo({
-            ...mocked_contract_info,
-            current_spot: 1232.555,
-            current_spot_high_barrier: '1232.777',
-            current_spot_low_barrier: '1232.333',
-        });
-        expect(ContractUtils.getAccuBarriersForContractDetails(contract_info)).toEqual({
-            accu_high_barrier: contract_info.current_spot_high_barrier,
-            accu_low_barrier: contract_info.current_spot_low_barrier,
-        });
-    });
-    it('should return an object { accu_high_barrier: high_barrier, accu_low_barrier: low_barrier } if status is not open', () => {
-        const contract_info = mockContractInfo({
-            ...mocked_contract_info,
-            current_spot: 1232.555,
-            current_spot_high_barrier: '1232.777',
-            current_spot_low_barrier: '1232.333',
-            status: 'lost',
-        });
-        expect(ContractUtils.getAccuBarriersForContractDetails(contract_info)).toEqual(previous_spot_barriers);
-    });
-    it('should return an object { accu_high_barrier: high_barrier, accu_low_barrier: low_barrier } if exit_tick_time is present', () => {
-        const contract_info = mockContractInfo({
-            ...mocked_contract_info,
-            current_spot: 1232.555,
-            current_spot_high_barrier: '1232.777',
-            current_spot_low_barrier: '1232.333',
-            exit_tick_time: 10000001,
-        });
-        expect(ContractUtils.getAccuBarriersForContractDetails(contract_info)).toEqual(previous_spot_barriers);
-    });
-    it('should return an empty object if contract type is not ACCUMULATOR', () => {
-        const contract_info = mockContractInfo({
-            contract_type: CONTRACT_TYPES.CALL,
-            current_spot: 1232.555,
-        });
-        expect(ContractUtils.getAccuBarriersForContractDetails(contract_info)).toEqual({});
-    });
-});
-
-describe('getContractStatus', () => {
-    it('should return original status for non-accumulator contracts', () => {
-        expect(
-            ContractUtils.getContractStatus({
-                contract_type: CONTRACT_TYPES.CALL,
-                exit_tick_time: 0,
-                profit: 100,
-                status: 'lost',
-            })
-        ).toBe('lost');
-    });
-    it('should return "open" for accumulator contracts without exit_tick_time and with open status', () => {
-        expect(
-            ContractUtils.getContractStatus({
-                contract_type: CONTRACT_TYPES.ACCUMULATOR,
-                profit: 0,
-                status: 'open',
-            })
-        ).toBe('open');
-    });
-    it('should return "lost" for accumulator contracts with profit less than 0 and exit_tick_time present', () => {
-        expect(
-            ContractUtils.getContractStatus({
-                contract_type: CONTRACT_TYPES.ACCUMULATOR,
-                exit_tick_time: 10000001,
-                profit: -100,
-                status: 'open',
-            })
-        ).toBe('lost');
-    });
-    it('should return "won" for accumulator contracts with profit >= 0 and status !== "open"', () => {
-        expect(
-            ContractUtils.getContractStatus({
-                contract_type: CONTRACT_TYPES.ACCUMULATOR,
-                exit_tick_time: 10000001,
-                profit: 100,
-                status: 'won',
-            })
-        ).toBe('won');
-    });
-});
-
-describe('getLastContractMarkerIndex', () => {
-    let markers: TContractStore[];
-    beforeEach(() => {
-        markers = [
-            {
-                contract_info: mockContractInfo({
-                    date_start: 1001,
-                }),
-            },
-            {
-                contract_info: mockContractInfo({
-                    date_start: 1000,
-                }),
-            },
-        ] as TContractStore[];
-    });
-    it('should return index of a marker that has the biggest date_start', () => {
-        expect(ContractUtils.getLastContractMarkerIndex(markers)).toEqual(0);
-    });
-    it('should return index of the last marker if a marker with the biggest date_start is not found', () => {
-        delete markers[0].contract_info.date_start;
-        delete markers[1].contract_info.date_start;
-        expect(ContractUtils.getLastContractMarkerIndex(markers)).toEqual(1);
-    });
-});
-
-describe('getLocalizedTurbosSubtype', () => {
-    it('should return an empty string for non-turbos contracts', () => {
-        render(ContractUtils.getLocalizedTurbosSubtype(CONTRACT_TYPES.CALL) as JSX.Element);
-        expect(screen.queryByText('Up')).not.toBeInTheDocument();
-        expect(screen.queryByText('Down')).not.toBeInTheDocument();
-        expect(ContractUtils.getLocalizedTurbosSubtype(CONTRACT_TYPES.CALL)).toBe('');
-    });
-    it('should render "Up" for CONTRACT_TYPES.TURBOS.LONG contract', () => {
-        render(ContractUtils.getLocalizedTurbosSubtype(CONTRACT_TYPES.TURBOS.LONG) as JSX.Element);
-        expect(screen.getByText('Up')).toBeInTheDocument();
-    });
-    it('should render "Down" for CONTRACT_TYPES.TURBOS.SHORT contract', () => {
-        render(ContractUtils.getLocalizedTurbosSubtype(CONTRACT_TYPES.TURBOS.SHORT) as JSX.Element);
-        expect(screen.getByText('Down')).toBeInTheDocument();
-    });
-});
-
-describe('getSortedTradeTypes', () => {
-    it('should return an unchanged array if it does not contain turbos or multipliers', () => {
-        const array = [ContractUtils.TRADE_TYPES.RISE_FALL, ContractUtils.TRADE_TYPES.HIGH_LOW];
-        expect(ContractUtils.getSortedTradeTypes(array)).toEqual(array);
-    });
-    it('should return an array with accumulators as the 1st element if multipliers are not present', () => {
-        const sortedArrayWithTurbos = ContractUtils.getSortedTradeTypes([
-            ContractUtils.TRADE_TYPES.RISE_FALL,
-            ContractUtils.TRADE_TYPES.ACCUMULATOR,
-        ]);
-        expect(sortedArrayWithTurbos).toEqual([
-            ContractUtils.TRADE_TYPES.ACCUMULATOR,
-            ContractUtils.TRADE_TYPES.RISE_FALL,
-        ]);
-    });
-    it('should return an array with multipliers as the 1st element if accumulators is not present', () => {
-        const sortedArrayWithMultipliers = ContractUtils.getSortedTradeTypes([
-            ContractUtils.TRADE_TYPES.RISE_FALL,
-            ContractUtils.TRADE_TYPES.MULTIPLIER,
-        ]);
-        expect(sortedArrayWithMultipliers).toEqual([
-            ContractUtils.TRADE_TYPES.MULTIPLIER,
-            ContractUtils.TRADE_TYPES.RISE_FALL,
-        ]);
-    });
-    it('should return an array with accumulators as the 1st element and disregard multipliers', () => {
-        const sortedArrayWithTurbosAndMultipliers = ContractUtils.getSortedTradeTypes([
-            ContractUtils.TRADE_TYPES.TURBOS.LONG,
-            ContractUtils.TRADE_TYPES.ACCUMULATOR,
-            ContractUtils.TRADE_TYPES.MULTIPLIER,
-        ]);
-        expect(sortedArrayWithTurbosAndMultipliers).toEqual([
-            ContractUtils.TRADE_TYPES.ACCUMULATOR,
-            ContractUtils.TRADE_TYPES.TURBOS.LONG,
-            ContractUtils.TRADE_TYPES.MULTIPLIER,
-        ]);
-    });
-    it('should return an empty array if called with empty arguments or an empty array', () => {
-        expect(ContractUtils.getSortedTradeTypes()).toEqual([]);
-        expect(ContractUtils.getSortedTradeTypes([])).toEqual([]);
-    });
-});
-
-describe('isSmartTraderContract', () => {
-    it('should return true if contract_type is RUN|EXPIRY|RANGE|UPORDOWN|ASIAN|RESET|TICK|LB', () => {
-        expect(ContractUtils.isSmartTraderContract(CONTRACT_TYPES.EXPIRYRANGEE)).toBe(true);
-        expect(ContractUtils.isSmartTraderContract(CONTRACT_TYPES.TICK_HIGH_LOW.HIGH)).toBe(true);
-        expect(ContractUtils.isSmartTraderContract(CONTRACT_TYPES.LB_PUT)).toBe(true);
-    });
-    it('should return false if contract_type is not RUN|EXPIRY|RANGE|UPORDOWN|ASIAN|RESET|TICK|LB', () => {
-        expect(ContractUtils.isSmartTraderContract(CONTRACT_TYPES.VANILLA.CALL)).toBe(false);
-    });
-    it('should return false if contract_type was not passed', () => {
-        expect(ContractUtils.isSmartTraderContract('')).toBe(false);
-    });
-});
-
-describe('isResetContract', () => {
-    it('should return true if contract_type is RESET', () => {
-        expect(ContractUtils.isResetContract(CONTRACT_TYPES.RESET.CALL)).toBe(true);
-    });
-    it('should return false if contract_type is not RESET', () => {
-        expect(ContractUtils.isResetContract(CONTRACT_TYPES.ASIAN.DOWN)).toBe(false);
-    });
-    it('should return false if contract_type was not passed', () => {
-        expect(ContractUtils.isResetContract('')).toBe(false);
-    });
-});
-
-describe('isAsiansContract', () => {
-    it('should return true if contract_type is ASIAN', () => {
-        expect(ContractUtils.isAsiansContract(CONTRACT_TYPES.ASIAN.DOWN)).toBe(true);
-    });
-    it('should return false if contract_type is not ASIAN', () => {
-        expect(ContractUtils.isAsiansContract(CONTRACT_TYPES.TURBOS.LONG)).toBe(false);
-    });
-    it('should return false if contract_type was not passed', () => {
-        expect(ContractUtils.isAsiansContract('')).toBe(false);
-    });
-});
-
-describe('hasTwoBarriers', () => {
-    it('should return true if contract_type is EXPIRY|RANGE|UPORDOWN', () => {
-        expect(ContractUtils.hasTwoBarriers(CONTRACT_TYPES.EXPIRYRANGEE)).toBe(true);
-    });
-    it('should return false if contract_type is not EXPIRY', () => {
-        expect(ContractUtils.hasTwoBarriers(CONTRACT_TYPES.TURBOS.LONG)).toBe(false);
-    });
-    it('should return false if contract_type was not passed', () => {
-        expect(ContractUtils.hasTwoBarriers('')).toBe(false);
-    });
-});
-
-describe('isLookBacksContract', () => {
-    it('should return true if contract_type is LB', () => {
-        expect(ContractUtils.isLookBacksContract(CONTRACT_TYPES.LB_HIGH_LOW)).toBe(true);
-    });
-    it('should return false if contract_type is not LB', () => {
-        expect(ContractUtils.isLookBacksContract(CONTRACT_TYPES.TURBOS.LONG)).toBe(false);
-    });
-    it('should return false if contract_type was not passed', () => {
-        expect(ContractUtils.isLookBacksContract('')).toBe(false);
-    });
-});
-
-describe('isTicksContract', () => {
-    it('should return true if contract_type is TICK', () => {
-        expect(ContractUtils.isTicksContract(CONTRACT_TYPES.TICK_HIGH_LOW.HIGH)).toBe(true);
-    });
-    it('should return false if contract_type is not TICK', () => {
-        expect(ContractUtils.isTicksContract(CONTRACT_TYPES.TURBOS.LONG)).toBe(false);
-    });
-    it('should return false if contract_type was not passed', () => {
-        expect(ContractUtils.isTicksContract('')).toBe(false);
-    });
-});
-
-describe('isForwardStartingBuyTransaction', () => {
-    const forwardStartingShortcode = 'CALL_1HZ10V_19.54_1710485400F_1710486300_S0P_0';
-    const transactionTime = 12316253761253;
-
-    it('should return true if transaction type is buy and it is forward starting contract', () => {
-        expect(ContractUtils.isForwardStartingBuyTransaction('buy', forwardStartingShortcode, transactionTime)).toBe(
-            true
-        );
-    });
-    it('should return false if transaction type is not buy', () => {
-        expect(ContractUtils.isForwardStartingBuyTransaction('sell', forwardStartingShortcode, transactionTime)).toBe(
-            false
-        );
-    });
-    it('should return false if transaction type is buy and but it is not forward starting contract', () => {
-        expect(
-            ContractUtils.isForwardStartingBuyTransaction(
-                'buy',
-                'CALL_1HZ10V_19.54_1710485400_1710486300_S0P_0',
-                transactionTime
-            )
-        ).toBe(false);
-    });
-});
diff --git a/src/components/shared/utils/contract/__tests__/trade-url-params-config.spec.ts b/src/components/shared/utils/contract/__tests__/trade-url-params-config.spec.ts
deleted file mode 100644
index 870c9834..00000000
--- a/src/components/shared/utils/contract/__tests__/trade-url-params-config.spec.ts
+++ /dev/null
@@ -1,167 +0,0 @@
-import { ActiveSymbols } from '@deriv/api-types';
-import { getTradeURLParams, setTradeURLParams } from '../trade-url-params-config';
-import { TRADE_TYPES } from '../contract';
-import { routes } from '../../routes';
-
-const areaChartType = { text: 'area', value: 'line' };
-const oneTickInterval = '1t';
-const symbol = 'R_100';
-
-describe('getTradeURLParams', () => {
-    const accumulatorsTitle = 'Accumulators';
-    const activeSymbols = [
-        {
-            allow_forward_starting: 1,
-            display_name: 'Volatility 100 Index',
-            display_order: 2,
-            exchange_is_open: 1,
-            is_trading_suspended: 0,
-            market: 'synthetic_index',
-            market_display_name: 'Derived',
-            pip: 0.01,
-            subgroup: 'synthetics',
-            subgroup_display_name: 'Synthetics',
-            submarket: 'random_index',
-            submarket_display_name: 'Continuous Indices',
-            symbol,
-            symbol_type: 'stockindex',
-        } as ActiveSymbols[0],
-    ];
-    const contractTypesList = {
-        [accumulatorsTitle]: {
-            name: accumulatorsTitle,
-            categories: [{ value: TRADE_TYPES.ACCUMULATOR, text: accumulatorsTitle }],
-        },
-    };
-    const originalWindowLocation = window.location;
-
-    beforeEach(() => {
-        Object.defineProperty(window, 'location', {
-            configurable: true,
-            enumerable: true,
-            value: new URL('https://localhost:8443/'),
-        });
-    });
-
-    afterEach(() => {
-        Object.defineProperty(window, 'location', {
-            configurable: true,
-            enumerable: true,
-            value: originalWindowLocation,
-        });
-        location.search = '';
-    });
-
-    it('should return an object with chartType & interval based on the URL query params when called without arguments', () => {
-        location.search = `?symbol=${symbol}&trade_type=${TRADE_TYPES.ACCUMULATOR}&chart_type=${areaChartType.text}&interval=${oneTickInterval}`;
-        expect(getTradeURLParams()).toMatchObject({
-            chartType: areaChartType.value,
-            granularity: 0,
-        });
-    });
-    it('should return an object without granularity if interval in the URL is incorrect', () => {
-        location.search = `?symbol=${symbol}&trade_type=${TRADE_TYPES.ACCUMULATOR}&chart_type=${areaChartType.text}&interval=BLA`;
-        expect(getTradeURLParams()).toMatchObject({
-            chartType: areaChartType.value,
-        });
-    });
-    it('should return an object without chartType if chart_type in the URL is incorrect', () => {
-        location.search = `?symbol=${symbol}&trade_type=${TRADE_TYPES.ACCUMULATOR}&chart_type=BLA&interval=${oneTickInterval}`;
-        expect(getTradeURLParams()).toMatchObject({
-            granularity: 0,
-        });
-    });
-    it('should return an object with "area" chartType if interval is 1t even if chart_type in the URL is valid but not area', () => {
-        location.search = `?symbol=${symbol}&trade_type=${TRADE_TYPES.ACCUMULATOR}&chart_type=hollow&interval=${oneTickInterval}`;
-        expect(getTradeURLParams()).toMatchObject({
-            chartType: areaChartType.value,
-            granularity: 0,
-        });
-    });
-    it('should return an object with symbol based on the URL query param when active_symbols is passed', () => {
-        location.search = `?symbol=${symbol}`;
-        expect(getTradeURLParams({ active_symbols: activeSymbols })).toMatchObject({
-            symbol,
-        });
-    });
-    it('should return an object with showModal & without symbol if symbol in the URL is incorrect and when called with active_symbols', () => {
-        location.search = `?symbol=BLA&chart_type=${areaChartType.text}&interval=${oneTickInterval}`;
-        expect(getTradeURLParams({ active_symbols: activeSymbols })).toMatchObject({
-            chartType: areaChartType.value,
-            granularity: 0,
-            showModal: true,
-        });
-    });
-    it('should return an object with contractType based on the URL query param when contract_types_list is passed', () => {
-        location.search = `?trade_type=${TRADE_TYPES.ACCUMULATOR}`;
-        expect(getTradeURLParams({ contract_types_list: contractTypesList })).toMatchObject({
-            contractType: TRADE_TYPES.ACCUMULATOR,
-        });
-    });
-    it('should return an object with showModal & without contractType if trade_type in the URL is incorrect', () => {
-        location.search = `?trade_type=BLA&chart_type=${areaChartType.text}&interval=${oneTickInterval}`;
-        expect(getTradeURLParams({ contract_types_list: contractTypesList })).toMatchObject({
-            chartType: areaChartType.value,
-            granularity: 0,
-            showModal: true,
-        });
-    });
-    it('should return an empty object if there are no URL query params regardless of the passed arguments', () => {
-        expect(
-            getTradeURLParams({
-                active_symbols: activeSymbols,
-                contract_types_list: contractTypesList,
-            })
-        ).toMatchObject({});
-
-        expect(getTradeURLParams()).toMatchObject({});
-    });
-});
-
-describe('setTradeURLParams', () => {
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-
-    it('should set interval query param into URL based on the received granularity value', () => {
-        const spyHistoryReplaceState = jest.spyOn(window.history, 'replaceState');
-        setTradeURLParams({
-            granularity: 0,
-        });
-        expect(spyHistoryReplaceState).toBeCalledWith({}, document.title, `/?interval=${oneTickInterval}`);
-    });
-    it('should set chart_type query param into URL based on the received chart_type value', () => {
-        const spyHistoryReplaceState = jest.spyOn(window.history, 'replaceState');
-        setTradeURLParams({
-            chartType: areaChartType.value,
-        });
-        expect(spyHistoryReplaceState).toBeCalledWith({}, document.title, `/?chart_type=${areaChartType.text}`);
-    });
-    it('should set symbol query param into URL based on the received symbol value', () => {
-        const spyHistoryReplaceState = jest.spyOn(window.history, 'replaceState');
-        setTradeURLParams({
-            symbol,
-        });
-        expect(spyHistoryReplaceState).toBeCalledWith({}, document.title, `/?symbol=${symbol}`);
-    });
-    it('should set trade_type query param into URL based on the received contract_type value', () => {
-        const spyHistoryReplaceState = jest.spyOn(window.history, 'replaceState');
-        setTradeURLParams({
-            contractType: TRADE_TYPES.ACCUMULATOR,
-        });
-        expect(spyHistoryReplaceState).toBeCalledWith({}, document.title, `/?trade_type=${TRADE_TYPES.ACCUMULATOR}`);
-    });
-    it('should not set any query params into URL when called with empty object', () => {
-        const spyHistoryReplaceState = jest.spyOn(window.history, 'replaceState');
-        setTradeURLParams({});
-        expect(spyHistoryReplaceState).not.toBeCalled();
-    });
-    it('should not set any query params into URL when location.pathname is not routes.trade', () => {
-        location.pathname = routes.positions;
-        const spyHistoryReplaceState = jest.spyOn(window.history, 'replaceState');
-        setTradeURLParams({
-            contractType: TRADE_TYPES.ACCUMULATOR,
-        });
-        expect(spyHistoryReplaceState).not.toBeCalled();
-    });
-});
diff --git a/src/components/shared/utils/contract/contract.tsx b/src/components/shared/utils/contract/contract.tsx
index 1d029831..adef6f22 100644
--- a/src/components/shared/utils/contract/contract.tsx
+++ b/src/components/shared/utils/contract/contract.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import moment from 'moment';
 
-import { localize } from '@/utils/tmp/dummy';
+import { Localize } from '@/utils/tmp/dummy';
 
 import { unique } from '../object';
 import { isForwardStarting } from '../shortcode';
diff --git a/src/components/shared/utils/contract/trade-url-params-config.ts b/src/components/shared/utils/contract/trade-url-params-config.ts
index a3ae940b..d8346410 100644
--- a/src/components/shared/utils/contract/trade-url-params-config.ts
+++ b/src/components/shared/utils/contract/trade-url-params-config.ts
@@ -1,4 +1,5 @@
 import { ActiveSymbols } from '@deriv/api-types';
+
 import { TTextValueStrings, TTradeTypesCategories } from '../constants/contract';
 import { routes } from '../routes';
 
diff --git a/src/components/shared/utils/currency/__tests__/currency.spec.ts b/src/components/shared/utils/currency/__tests__/currency.spec.ts
deleted file mode 100644
index ae640f5a..00000000
--- a/src/components/shared/utils/currency/__tests__/currency.spec.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import * as CurrencyUtils from '../currency';
-import { TCurrenciesConfig } from '../currency';
-
-describe('CurrencyUtils', () => {
-    const website_status: { currencies_config: TCurrenciesConfig } = {
-        currencies_config: {
-            AUD: { fractional_digits: 2, type: 'fiat' },
-            EUR: { fractional_digits: 2, type: 'fiat' },
-            GBP: { fractional_digits: 2, type: 'fiat' },
-            USD: { fractional_digits: 2, type: 'fiat', transfer_between_accounts: { limits: { max: 2500, min: 1.0 } } },
-            BTC: { fractional_digits: 8, type: 'crypto' },
-        },
-    };
-    beforeEach(() => {
-        CurrencyUtils.setCurrencies(website_status);
-    });
-
-    describe('.formatMoney()', () => {
-        it('works as expected', () => {
-            expect(CurrencyUtils.formatMoney('USD', '123.55')).toBe(`${CurrencyUtils.formatCurrency('USD')}123.55`);
-            expect(CurrencyUtils.formatMoney('GBP', '123.55')).toBe(`${CurrencyUtils.formatCurrency('GBP')}123.55`);
-            expect(CurrencyUtils.formatMoney('EUR', '123.55')).toBe(`${CurrencyUtils.formatCurrency('EUR')}123.55`);
-            expect(CurrencyUtils.formatMoney('AUD', '123.55')).toBe(`${CurrencyUtils.formatCurrency('AUD')}123.55`);
-            expect(CurrencyUtils.formatMoney('BTC', '0.005432110')).toBe(
-                `${CurrencyUtils.formatCurrency('BTC')}0.00543211`
-            );
-            expect(CurrencyUtils.formatMoney('BTC', '0.005432116')).toBe(
-                `${CurrencyUtils.formatCurrency('BTC')}0.00543212`
-            );
-            expect(CurrencyUtils.formatMoney('BTC', '0.00000001')).toBe(
-                `${CurrencyUtils.formatCurrency('BTC')}0.00000001`
-            );
-            // don't remove trailing zeroes for now
-            expect(CurrencyUtils.formatMoney('BTC', '0.00010000')).toBe(
-                `${CurrencyUtils.formatCurrency('BTC')}0.00010000`
-            );
-        });
-
-        it('works with negative values', () => {
-            expect(CurrencyUtils.formatMoney('USD', '-123.55')).toBe(`-${CurrencyUtils.formatCurrency('USD')}123.55`);
-        });
-
-        it('works when exclude currency', () => {
-            expect(CurrencyUtils.formatMoney('USD', '123.55', true)).toBe('123.55');
-        });
-    });
-
-    describe('.formatCurrency()', () => {
-        it('works as expected', () => {
-            expect(CurrencyUtils.formatCurrency('USD')).toBe('<span class="symbols usd"></span>');
-        });
-    });
-
-    describe('.addComma()', () => {
-        it('works as expected', () => {
-            expect(CurrencyUtils.addComma('123')).toBe('123');
-            expect(CurrencyUtils.addComma('1234567')).toBe('1,234,567');
-        });
-
-        it('works with decimal places', () => {
-            expect(CurrencyUtils.addComma('1234.5678')).toBe('1,234.5678');
-            expect(CurrencyUtils.addComma('1234.5678', 2)).toBe('1,234.57');
-            expect(CurrencyUtils.addComma('1234', 2)).toBe('1,234.00');
-            expect(CurrencyUtils.addComma('1234.45', 0)).toBe('1,234');
-            expect(CurrencyUtils.addComma('1234.56', 0)).toBe('1,235');
-        });
-
-        it('works with negative numbers', () => {
-            expect(CurrencyUtils.addComma('-1234')).toBe('-1,234');
-        });
-
-        it('handles null values', () => {
-            expect(CurrencyUtils.addComma()).toBe('0');
-            expect(CurrencyUtils.addComma(null)).toBe('0');
-            expect(CurrencyUtils.addComma(undefined)).toBe('0');
-            expect(CurrencyUtils.addComma('')).toBe('0');
-        });
-    });
-
-    describe('.getDecimalPlaces()', () => {
-        it('works as expected', () => {
-            expect(CurrencyUtils.getDecimalPlaces('AUD')).toBe(2);
-            expect(CurrencyUtils.getDecimalPlaces('EUR')).toBe(2);
-            expect(CurrencyUtils.getDecimalPlaces('GBP')).toBe(2);
-            expect(CurrencyUtils.getDecimalPlaces('USD')).toBe(2);
-            expect(CurrencyUtils.getDecimalPlaces('BTC')).toBe(8);
-        });
-
-        it('works with dummy currencies', () => {
-            expect(CurrencyUtils.getDecimalPlaces('ZZZ')).toBe(2);
-        });
-
-        it('works with undefined', () => {
-            expect(CurrencyUtils.getDecimalPlaces()).toBe(2);
-        });
-    });
-
-    describe('.getCurrencies()', () => {
-        it('works as expected', () => {
-            expect(CurrencyUtils.getCurrencies()).toEqual(website_status.currencies_config);
-        });
-    });
-
-    describe('.isCryptocurrency()', () => {
-        it('works as expected', () => {
-            expect(CurrencyUtils.isCryptocurrency('AUD')).toBe(false);
-            expect(CurrencyUtils.isCryptocurrency('EUR')).toBe(false);
-            expect(CurrencyUtils.isCryptocurrency('GBP')).toBe(false);
-            expect(CurrencyUtils.isCryptocurrency('USD')).toBe(false);
-            expect(CurrencyUtils.isCryptocurrency('BTC')).toBe(true);
-        });
-
-        it('works with undefined currencies', () => {
-            expect(CurrencyUtils.isCryptocurrency('ZZZ')).toBe(false);
-        });
-    });
-});
diff --git a/src/components/shared/utils/currency/currency.ts b/src/components/shared/utils/currency/currency.ts
index e7173658..853c00f2 100644
--- a/src/components/shared/utils/currency/currency.ts
+++ b/src/components/shared/utils/currency/currency.ts
@@ -1,4 +1,4 @@
-import { getPropertyValue, deepFreeze } from '../object';
+import { deepFreeze, getPropertyValue } from '../object';
 
 export type TCurrenciesConfig = {
     [key: string]: {
diff --git a/src/components/shared/utils/date/__tests__/date-time.spec.ts b/src/components/shared/utils/date/__tests__/date-time.spec.ts
deleted file mode 100644
index e9e9e64e..00000000
--- a/src/components/shared/utils/date/__tests__/date-time.spec.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-import moment from 'moment';
-import * as DateTime from '../date-time';
-
-describe('toMoment', () => {
-    it('return utc epoch value date based on client epoch value passed', () => {
-        const epoch = 1544756041;
-
-        expect(DateTime.toMoment(epoch)).toEqual(moment.unix(epoch).utc());
-    });
-    it('return correct date when plain string date passed', () => {
-        const format = 'DD MMM YYYY';
-        const date = moment().format(format);
-
-        expect(DateTime.toMoment(date).format(format)).toBe(date);
-    });
-});
-
-describe('convertToUnix', () => {
-    const setTime = (moment_obj, time) => {
-        const [hour, minute, second] = time.split(':');
-        moment_obj
-            .hour(hour)
-            .minute(minute || 0)
-            .second(second || 0);
-
-        return moment_obj;
-    };
-
-    it('return correct unix value when date and time passed', () => {
-        const date_epoch = 1544745600;
-        const time = '12:30';
-
-        expect(DateTime.convertToUnix(date_epoch, time)).toEqual(setTime(DateTime.toMoment(date_epoch), time).unix());
-    });
-});
-
-describe('toGMTFormat', () => {
-    it('return correct GMT value when no argument passed', () => {
-        expect(DateTime.toGMTFormat()).toEqual(moment().utc().format('YYYY-MM-DD HH:mm:ss [GMT]'));
-    });
-
-    it('return correct GMT value when argument passed', () => {
-        const time_epoch = 1544757884620;
-        expect(DateTime.toGMTFormat(time_epoch)).toEqual(moment(time_epoch).utc().format('YYYY-MM-DD HH:mm:ss [GMT]'));
-    });
-});
-
-describe('formatDate', () => {
-    const date_format = 'YYYY-MM-DD';
-    it('return correct response when no argument passed', () => {
-        expect(DateTime.formatDate()).toEqual(moment().utc().format(date_format));
-    });
-
-    it('return correct date value when argument passed', () => {
-        // get today date
-        const date = moment().utc();
-        expect(DateTime.formatDate(date, date_format)).toEqual(moment(date).format(date_format));
-    });
-
-    it('returns undefined when date is null and should_format_null is false', () => {
-        expect(DateTime.formatDate(null, date_format, false)).toBeUndefined();
-    });
-
-    it('returns formatted date when date is null and should_format_null is true', () => {
-        expect(DateTime.formatDate(null, date_format, true)).toEqual(moment().utc().format(date_format));
-    });
-
-    it('returns formatted date when date is not null and should_format_null is true', () => {
-        const date = moment('2023-09-20').utc();
-        expect(DateTime.formatDate(date, date_format, true)).toEqual(moment(date).format(date_format));
-    });
-
-    it('returns formatted date when date is not null and should_format_null is false', () => {
-        const date = moment('2023-09-20').utc();
-        expect(DateTime.formatDate(date, date_format, false)).toEqual(moment(date).format(date_format));
-    });
-});
-
-/* eslint-disable no-unused-expressions */
-describe('daysFromTodayTo', () => {
-    it('return empty string when there is no argument passed', () => {
-        expect(DateTime.daysFromTodayTo()).toHaveLength(0);
-    });
-
-    it('return empty string if the user selected previous day', () => {
-        // get previous day
-        const date = moment().utc().startOf('day').subtract(1, 'days').format('YYYY-MM-DD');
-        expect(DateTime.daysFromTodayTo(date)).toHaveLength(0);
-    });
-
-    it('return difference value between selected date and today', () => {
-        // get date three days from now
-        const date = moment().utc().startOf('day').add('3', 'days').format('YYYY-MM-DD');
-        expect(DateTime.daysFromTodayTo(date)).toEqual(3);
-    });
-});
-
-describe('convertDuration', () => {
-    const start_time = moment().unix();
-    const end_time = moment.unix(start_time).add(3, 'minutes').unix();
-
-    describe('getDiffDuration', () => {
-        it('return correct value when argument passed', () => {
-            expect(DateTime.getDiffDuration(start_time, end_time)).toEqual(moment.duration(180000));
-        });
-    });
-
-    describe('formatDuration', () => {
-        it('return correct value when argument passed', () => {
-            const duration = moment.duration(moment.unix(end_time).diff(moment.unix(start_time))); // three minutes
-            expect(DateTime.formatDuration(duration).timestamp).toEqual('00:03:00');
-        });
-    });
-});
-
-describe('getTimeSince', () => {
-    it('should return correct time since timestamp for each time unit', () => {
-        const now = Date.now();
-        const fifteen_sec_ago = Date.now() - 15000;
-        const ninety_sec_ago = Date.now() - 90000;
-        const four_thousand_sec_ago = Date.now() - 4000000;
-        const hundred_thousand_sec_ago = Date.now() - 100000000;
-        expect(DateTime.getTimeSince(now)).toEqual('0s ago');
-        expect(DateTime.getTimeSince(fifteen_sec_ago)).toEqual('15s ago');
-        expect(DateTime.getTimeSince(ninety_sec_ago)).toEqual('1m ago');
-        expect(DateTime.getTimeSince(four_thousand_sec_ago)).toEqual('1h ago');
-        expect(DateTime.getTimeSince(hundred_thousand_sec_ago)).toEqual('1d ago');
-    });
-    it('should return an empty string when called with 0', () => {
-        expect(DateTime.getTimeSince(0)).toEqual('');
-    });
-});
diff --git a/src/components/shared/utils/files/file-uploader-utils.ts b/src/components/shared/utils/files/file-uploader-utils.ts
index 5c52e25e..981cb4e1 100644
--- a/src/components/shared/utils/files/file-uploader-utils.ts
+++ b/src/components/shared/utils/files/file-uploader-utils.ts
@@ -1,5 +1,6 @@
 import { useMutation } from '@deriv/api';
-import { compressImg, convertToBase64, isImageType, getFormatFromMIME, TImage } from './image/image_utility';
+
+import { compressImg, convertToBase64, getFormatFromMIME, isImageType, TImage } from './image/image_utility';
 
 export type TSettings = Parameters<ReturnType<typeof useMutation<'document_upload'>>['mutate']>[0]['payload'];
 
diff --git a/src/components/shared/utils/helpers/__tests__/barrier.ts b/src/components/shared/utils/helpers/__tests__/barrier.ts
deleted file mode 100644
index 19786769..00000000
--- a/src/components/shared/utils/helpers/__tests__/barrier.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { buildBarriersConfig } from '../barrier';
-
-describe('buildBarriersConfig', () => {
-    const contract_obj = {
-        barrier_category: 'euro_atm',
-        contract_category: 'callput',
-        contract_category_display: 'Up/Down',
-        contract_display: 'Higher',
-        contract_type: 'CALL',
-        exchange_name: 'FOREX',
-        expiry_type: 'daily',
-        market: 'forex',
-        max_contract_duration: '365d',
-        min_contract_duration: '1d',
-        sentiment: 'up',
-        start_type: 'spot',
-        submarket: 'major_pairs',
-        underlying_symbol: 'frxAUDJPY',
-    };
-    it('Returns Undefined if contract has no barriers', () => {
-        const contract = {
-            ...contract_obj,
-        };
-        expect(buildBarriersConfig(contract)).toBeUndefined();
-    });
-
-    it('Returns barriers with added values when contract has barrier but equals to zero', () => {
-        const contract = {
-            ...contract_obj,
-            barriers: 0,
-        };
-        expect(buildBarriersConfig(contract)).toBeUndefined();
-    });
-
-    it('Returns barriers with including empty object when contract has barriers but not values', () => {
-        const contract = {
-            ...contract_obj,
-            barriers: 1,
-        };
-        expect(buildBarriersConfig(contract)).toEqual({
-            count: 1,
-            daily: {},
-        });
-    });
-
-    it('Returns barriers with added values when contract has barriers', () => {
-        const contract = {
-            ...contract_obj,
-            barriers: 1,
-            low_barrier: '22',
-            barrier: '33',
-            high_barrier: '44',
-        };
-        expect(buildBarriersConfig(contract)).toEqual({
-            count: 1,
-            daily: {
-                low_barrier: '22',
-                barrier: '33',
-                high_barrier: '44',
-            },
-        });
-    });
-
-    it('Returns barriers with some of the values when contract has barriers and some of the values', () => {
-        const contract = {
-            ...contract_obj,
-            barriers: 1,
-            low_barrier: '22',
-            barrier: '33',
-        };
-        expect(buildBarriersConfig(contract)).toEqual({
-            count: 1,
-            daily: {
-                low_barrier: '22',
-                barrier: '33',
-            },
-        });
-    });
-});
diff --git a/src/components/shared/utils/helpers/__tests__/barriers.ts b/src/components/shared/utils/helpers/__tests__/barriers.ts
deleted file mode 100644
index 130020a3..00000000
--- a/src/components/shared/utils/helpers/__tests__/barriers.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import * as Barriers from '../barriers';
-
-describe('Barriers', () => {
-    describe('isBarrierSupported', () => {
-        it('should return false when barrier is not in CONTRACT_SHADES', () => {
-            expect(Barriers.isBarrierSupported('SomeThinMadeUp')).toEqual(false);
-        });
-        it('should return true when barrier is in CONTRACT_SHADES', () => {
-            expect(Barriers.isBarrierSupported('CALL')).toEqual(true);
-        });
-    });
-
-    describe('barriersToString', () => {
-        it('should convert non-zero barriers which do not have +/- to string consisting of them without +/- while is_relative is false', () => {
-            expect(Barriers.barriersToString(false, 10, 15)).toEqual(['10', '15']);
-        });
-        it('should convert values without +/- and zero to string consisting of them without +/- while is_relative is false', () => {
-            expect(Barriers.barriersToString(false, 0, 15)).toEqual(['0', '15']);
-        });
-        it('should convert barriers which have +/- to string consisting of them without +/- while is_relative is false', () => {
-            expect(Barriers.barriersToString(false, +11, 15)).toEqual(['11', '15']);
-        });
-        it('should convert barriers which have +/- to string consisting of them with +/- while is_relative is true', () => {
-            expect(Barriers.barriersToString(true, +11, +15)).toEqual(['+11', '+15']);
-        });
-    });
-});
diff --git a/src/components/shared/utils/helpers/__tests__/details.ts b/src/components/shared/utils/helpers/__tests__/details.ts
deleted file mode 100644
index 2ddb779b..00000000
--- a/src/components/shared/utils/helpers/__tests__/details.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { getUnitMap, formatResetDuration } from '../details';
-
-describe('getUnitMap', () => {
-    it('should return object with proper fields', () => {
-        const duration = getUnitMap();
-
-        expect(duration.d.name_plural).toEqual('days');
-        expect(duration.h.name_plural).toEqual('hours');
-        expect(duration.m.name_plural).toEqual('minutes');
-        expect(duration.s.name).toEqual('seconds');
-        expect(duration.t.name_plural).toEqual('ticks');
-    });
-});
-
-describe('formatResetDuration', () => {
-    it('should return correct reset time if duration is 2 hours', () => {
-        const contract_info_mock = {
-            date_expiry: 1698850564,
-            date_start: 1698843364,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('1 hour');
-    });
-    it('should return correct reset time if duration is 1 hour', () => {
-        const contract_info_mock = {
-            date_expiry: 1698848317,
-            date_start: 1698844717,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('30 minutes');
-    });
-    it('should return correct reset time if duration is 1 minute', () => {
-        const contract_info_mock = {
-            date_expiry: 1698844953,
-            date_start: 1698844893,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('30 seconds');
-    });
-    it('should return correct reset time if duration is 2 minutes', () => {
-        const contract_info_mock = {
-            date_expiry: 1698845083,
-            date_start: 1698844963,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('1 minute');
-    });
-    it('should return correct reset time if duration is 3 minutes', () => {
-        const contract_info_mock = {
-            date_expiry: 1698845322,
-            date_start: 1698845142,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('1 minutes 30 seconds');
-    });
-    it('should return correct reset time if duration is 60 minutes', () => {
-        const contract_info_mock = {
-            date_expiry: 1698848874,
-            date_start: 1698845274,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('30 minutes');
-    });
-    it('should return correct reset time if duration is 110 minutes', () => {
-        const contract_info_mock = {
-            date_expiry: 1698851951,
-            date_start: 1698845351,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('55 minutes');
-    });
-    it('should return correct reset time if duration is 120 minutes', () => {
-        const contract_info_mock = {
-            date_expiry: 1698852623,
-            date_start: 1698845423,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('1 hour');
-    });
-    it('should return correct reset time if duration is 20 seconds', () => {
-        const contract_info_mock = {
-            date_expiry: 1698845527,
-            date_start: 1698845507,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('10 seconds');
-    });
-    it('should return correct reset time if duration is 75 seconds', () => {
-        const contract_info_mock = {
-            date_expiry: 1698845651,
-            date_start: 1698845576,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('37 seconds');
-    });
-    it('should return correct reset time if duration is 6200 seconds', () => {
-        const contract_info_mock = {
-            date_expiry: 1698851862,
-            date_start: 1698845662,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('51 minutes 40 seconds');
-    });
-    it('should return correct reset time if duration is 7200 seconds', () => {
-        const contract_info_mock = {
-            date_expiry: 1698852946,
-            date_start: 1698845746,
-        } as Parameters<typeof formatResetDuration>[0];
-        expect(formatResetDuration(contract_info_mock)).toEqual('1 hour');
-    });
-});
diff --git a/src/components/shared/utils/helpers/__tests__/durations.ts b/src/components/shared/utils/helpers/__tests__/durations.ts
deleted file mode 100644
index bedd4859..00000000
--- a/src/components/shared/utils/helpers/__tests__/durations.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-import * as Duration from '../duration';
-import moment from 'moment';
-
-describe('buildDurationConfig', () => {
-    const contract = {
-        barrier_category: 'euro_atm',
-        barriers: 0,
-        contract_category: 'callput',
-        contract_category_display: 'Up/Down',
-        contract_display: 'Higher',
-        contract_type: 'CALL',
-        exchange_name: 'FOREX',
-        expiry_type: 'daily',
-        market: 'forex',
-        max_contract_duration: '365d',
-        min_contract_duration: '1d',
-        sentiment: 'up',
-        start_type: 'spot',
-        submarket: 'major_pairs',
-        underlying_symbol: 'frxAUDJPY',
-    };
-
-    const durations = {
-        min_max: {
-            spot: {
-                daily: {
-                    min: 86400,
-                    max: 31536000,
-                },
-            },
-            forward: {},
-        },
-        units_display: {
-            spot: [
-                {
-                    text: 'Days',
-                    value: 'd',
-                },
-            ],
-        },
-    };
-
-    it('Returns correct value when durations is not passed', () => {
-        expect(Duration.buildDurationConfig(contract, durations)).toEqual(durations);
-    });
-
-    it('Returns correct value when durations passed', () => {
-        expect(Duration.buildDurationConfig(contract, durations)).toEqual(durations);
-    });
-});
-
-describe('convertDurationUnit', () => {
-    it('Returns correct value convert day to second', () => {
-        expect(Duration.convertDurationUnit(365, 'd', 's')).toEqual(31536000);
-    });
-
-    it('Returns correct value convert minute to second', () => {
-        expect(Duration.convertDurationUnit(5, 'm', 's')).toEqual(300);
-    });
-
-    it('Returns correct value convert day to minute', () => {
-        expect(Duration.convertDurationUnit(1, 'd', 'm')).toEqual(1440);
-    });
-
-    it('Returns correct value convert second to minute', () => {
-        expect(Duration.convertDurationUnit(180, 's', 'm')).toEqual(3);
-    });
-
-    it('Returns correct value convert minute to day', () => {
-        expect(Duration.convertDurationUnit(2880, 'm', 'd')).toEqual(2);
-    });
-
-    it('Returns correct value convert second to day', () => {
-        expect(Duration.convertDurationUnit(86400, 's', 'd')).toEqual(1);
-    });
-});
-
-describe('getExpiryType', () => {
-    const store = {
-        root_store: {
-            common: {
-                server_time: '2018-12-25 23:59:59',
-            },
-        },
-        duration_units_list: [
-            { text: 'ticks', value: 't' },
-            { text: 'minutes', value: 'm' },
-            { text: 'hours', value: 'h' },
-            { text: 'days', value: 'd' },
-        ],
-        expiry_date: '',
-        expiry_type: '',
-        duration_unit: '',
-    };
-
-    it('Return intraday if expiry date is today', () => {
-        store.expiry_date = '2018-12-25';
-        store.expiry_type = 'endtime';
-        expect(Duration.getExpiryType(store)).toEqual('intraday');
-    });
-
-    it('Return daily if expiry date is tomorrow', () => {
-        store.expiry_date = moment().utc().add(1, 'days').toString();
-        store.expiry_type = 'endtime';
-        store.expiry_type = 'duration';
-        store.duration_unit = 'd';
-        expect(Duration.getExpiryType(store)).toEqual('daily');
-    });
-
-    it('Return tick if duration unit is t', () => {
-        store.duration_unit = 't';
-        store.expiry_type = 'duration';
-        expect(Duration.getExpiryType(store)).toEqual('tick');
-    });
-
-    it('Return intraday if duration unit is m', () => {
-        store.duration_unit = 'm';
-        store.expiry_type = 'duration';
-        expect(Duration.getExpiryType(store)).toEqual('intraday');
-    });
-
-    it('Return daily if duration unit is d', () => {
-        store.duration_unit = 'd';
-        store.expiry_type = 'duration';
-        expect(Duration.getExpiryType(store)).toEqual('daily');
-    });
-});
-
-describe('convertDurationLimit', () => {
-    it('Returns correct value for ticks unit', () => {
-        expect(Duration.convertDurationLimit(5, 't')).toEqual(5);
-    });
-
-    it('Returns correct value for minutes unit', () => {
-        expect(Duration.convertDurationLimit(180, 'm')).toEqual(3);
-    });
-
-    it('Returns correct value for hour unit', () => {
-        expect(Duration.convertDurationLimit(7200, 'h')).toEqual(2);
-    });
-
-    it('Returns correct value for day unit', () => {
-        expect(Duration.convertDurationLimit(86400, 'd')).toEqual(1);
-    });
-});
-
-describe('formatDurationTime', () => {
-    it('should return dummy duration if time was not passed', () => {
-        expect(Duration.formatDurationTime()).toBe('00:00');
-    });
-
-    it('should return dummy duration if time is equal to 0', () => {
-        expect(Duration.formatDurationTime(0)).toBe('00:00');
-    });
-
-    it('should return correct duration', () => {
-        expect(Duration.formatDurationTime(3)).toBe('00:03');
-        expect(Duration.formatDurationTime(33)).toBe('00:33');
-        expect(Duration.formatDurationTime(60)).toBe('01:00');
-        expect(Duration.formatDurationTime(130)).toBe('02:10');
-    });
-});
diff --git a/src/components/shared/utils/helpers/__tests__/format-response.spec.ts b/src/components/shared/utils/helpers/__tests__/format-response.spec.ts
deleted file mode 100644
index 31b49f09..00000000
--- a/src/components/shared/utils/helpers/__tests__/format-response.spec.ts
+++ /dev/null
@@ -1,236 +0,0 @@
-import { GetSettings, ResidenceList } from '@deriv/api-types';
-import {
-    filterDisabledPositions,
-    formatPortfolioPosition,
-    isVerificationServiceSupported,
-    formatIDVError,
-    formatOnfidoError,
-} from '../format-response';
-import { LocalStore } from '../../storage';
-import { CONTRACT_TYPES } from '../../contract';
-import { IDV_ERROR_STATUS, STATUS_CODES, getContractTypeFeatureFlag } from '../../constants';
-
-jest.mock('../../constants', () => ({
-    ...jest.requireActual('../../constants'),
-    getContractTypeFeatureFlag: jest.fn(() => 'rise_fall'),
-}));
-jest.mock('../../storage', () => ({
-    ...jest.requireActual('../../storage'),
-    LocalStore: {
-        getObject: jest.fn(() => ({ data: { rise_fall: false } })),
-    },
-}));
-
-describe('format-response', () => {
-    const mock_active_symbols = [{ display_name: 'Volatility 25 Index', symbol: 'R_25' }];
-    const portfolio_pos = {
-        buy_price: 2500.5,
-        contract_id: 1234,
-        contract_type: CONTRACT_TYPES.ASIAN.UP,
-        longcode: 'test \n test \n test',
-        payout: 3500.1,
-        symbol: 'R_25',
-        shortcode: 'ASIANU_R_25_',
-        transaction_id: 5678,
-    };
-
-    const get_settings: GetSettings = {
-        account_opening_reason: '',
-        address_city: 'MUDGEERABA',
-        address_line_1: "29 Ross Street, .'",
-        address_line_2: ".'",
-        address_postcode: '111',
-        address_state: '',
-        allow_copiers: 0,
-        citizen: '',
-        client_tnc_status: 'Version 4.2.0 2020-08-07',
-        country: 'Singapore',
-        country_code: 'sg',
-        date_of_birth: 984960000,
-        email: 'mock@gmail.com',
-        email_consent: 1,
-        feature_flag: {
-            wallet: 0,
-        },
-        first_name: 'deriv',
-        has_secret_answer: 1,
-        immutable_fields: ['residence'],
-        is_authenticated_payment_agent: 0,
-        last_name: 'am',
-        non_pep_declaration: 1,
-        phone: '+651213456',
-        place_of_birth: null,
-        preferred_language: 'EN',
-        request_professional_status: 0,
-        residence: 'Singapore',
-        salutation: '',
-        tax_identification_number: null,
-        tax_residence: null,
-        user_hash: 'mock_hash',
-    };
-
-    const residence_list: ResidenceList = [
-        {
-            disabled: 'DISABLED',
-            identity: {
-                services: {
-                    idv: {
-                        documents_supported: {},
-                        has_visual_sample: 0,
-                        is_country_supported: 0,
-                    },
-                    onfido: {
-                        documents_supported: {
-                            driving_licence: {
-                                display_name: 'Driving Licence',
-                            },
-                            national_identity_card: {
-                                display_name: 'National Identity Card',
-                            },
-                            passport: {
-                                display_name: 'Passport',
-                            },
-                        },
-                        is_country_supported: 1,
-                    },
-                },
-            },
-            phone_idd: '65',
-            text: 'Singapore',
-            tin_format: [
-                '^[SsTtFfGg]\\d{7}[A-Za-z]$',
-                '^[A-Za-z]{9,10}$',
-                '^[Ff]0000\\d{6}$',
-                '^[Ff]\\d{9}$',
-                '^([Ss]|[Tt][4])\\d{9}$',
-                '^[Aa]\\d{9}$',
-            ],
-            value: 'sg',
-        },
-    ];
-
-    it('should return an object with values in object passed as argument to formatPortfolioPosition', () => {
-        expect(formatPortfolioPosition(portfolio_pos, mock_active_symbols)).toEqual({
-            details: 'test <br /> test <br /> test',
-            display_name: 'Volatility 25 Index',
-            id: 1234,
-            indicative: 0,
-            payout: 3500.1,
-            contract_update: undefined,
-            purchase: 2500.5,
-            reference: +5678,
-            type: CONTRACT_TYPES.ASIAN.UP,
-            contract_info: portfolio_pos,
-        });
-    });
-    it('should return true if residence is in the list of supported countries for onfido', () => {
-        expect(isVerificationServiceSupported(residence_list, get_settings, 'onfido')).toBeTruthy();
-    });
-
-    describe('filterDisabledPositions', () => {
-        const position = {
-            contract_type: 'CALL',
-            shortcode: 'CALL_1HZ100V_19.53_1695913929_5T_S0P_0',
-        };
-        it('should return false if a feature flag for position.contract_type is disabled', () => {
-            (LocalStore.getObject as jest.Mock).mockReturnValueOnce({ data: { rise_fall: false } });
-            expect(filterDisabledPositions(position)).toBeFalsy();
-        });
-        it('should return true if a feature flag for position.contract_type is enabled', () => {
-            (LocalStore.getObject as jest.Mock).mockReturnValueOnce({ data: { rise_fall: true } });
-            expect(filterDisabledPositions(position)).toBeTruthy();
-        });
-        it('should return true if a feature flag for position.contract_type is not defined', () => {
-            (getContractTypeFeatureFlag as jest.Mock).mockReturnValueOnce(undefined);
-            expect(filterDisabledPositions(position)).toBeTruthy();
-        });
-        it(`should return true if a feature flag for transaction contract category is enabled
-            based on shortcode when contract_type property is missing`, () => {
-            const transaction = {
-                shortcode: 'CALL_1HZ100V_19.53_1695913929_5T_S0P_0',
-            };
-            (LocalStore.getObject as jest.Mock).mockReturnValueOnce({ data: { rise_fall: true } });
-            expect(filterDisabledPositions(transaction)).toBeTruthy();
-        });
-    });
-
-    describe('formatIDVError', () => {
-        it('should return null as error if no errors are present and status is NONE', () => {
-            expect(formatIDVError([], STATUS_CODES.NONE)).toBeNull();
-        });
-
-        it('should return null as error if no errors are present and status is NONE even for high risk client', () => {
-            expect(formatIDVError([], STATUS_CODES.NONE, true)).toBeNull();
-        });
-
-        it('should return null as error if no errors are present and status is VERIFIED', () => {
-            expect(formatIDVError([], STATUS_CODES.VERIFIED)).toBeNull();
-        });
-
-        it('should return HighRisk error code if no errors are present and status is VERIFIED', () => {
-            expect(formatIDVError([], STATUS_CODES.VERIFIED, true)).toBe(IDV_ERROR_STATUS.HighRisk.code);
-        });
-
-        it('should return Expired error code if status is Expired', () => {
-            expect(formatIDVError([], STATUS_CODES.EXPIRED)).toBe(IDV_ERROR_STATUS.Expired.code);
-        });
-
-        it('should return NameMismatch error code if errors array contains NameMismatch', () => {
-            expect(formatIDVError(['NameMismatch'], STATUS_CODES.REJECTED)).toBe(IDV_ERROR_STATUS.NameMismatch.code);
-        });
-
-        it('should return DobMismatch error code if errors array contains DobMismatch', () => {
-            expect(formatIDVError(['DobMismatch'], STATUS_CODES.REJECTED)).toBe(IDV_ERROR_STATUS.DobMismatch.code);
-        });
-
-        it('should return NameDobMismatch error code if errors array contains DobMismatch and NameMismatch', () => {
-            expect(formatIDVError(['DobMismatch', 'NameMismatch'], STATUS_CODES.REJECTED)).toBe(
-                IDV_ERROR_STATUS.NameDobMismatch.code
-            );
-        });
-
-        it('should return ReportNotAvailable error code if errors array contains DobMismatch or NameMismatchand and is_report_not_available  ', () => {
-            expect(formatIDVError(['DobMismatch', 'NameMismatch'], STATUS_CODES.REJECTED, undefined, true)).toBe(
-                IDV_ERROR_STATUS.ReportNotAvailable.code
-            );
-        });
-
-        it('should return DobMismatch error code if errors array contains DobMismatch and is_report_not_available is false', () => {
-            expect(formatIDVError(['DobMismatch'], STATUS_CODES.REJECTED, undefined, false)).toBe(
-                IDV_ERROR_STATUS.DobMismatch.code
-            );
-        });
-
-        it('should return Failed error code if errors array contains DobMismatch and Failed', () => {
-            expect(formatIDVError(['DobMismatch', 'Failed'], STATUS_CODES.REJECTED)).toBe(IDV_ERROR_STATUS.Failed.code);
-        });
-
-        it('should return Underage error code if errors array contains Underage', () => {
-            expect(formatIDVError(['Underage'], STATUS_CODES.REJECTED)).toBe(IDV_ERROR_STATUS.Underage.code);
-        });
-
-        it('should return first error code from the error of error codes if errors array exists', () => {
-            expect(formatIDVError(['Expired', 'Underage'], STATUS_CODES.EXPIRED)).toBe(IDV_ERROR_STATUS.Expired.code);
-        });
-    });
-
-    describe('formatOnfidoError', () => {
-        it('should return Expired error code along with the rest of error codes if status is Expired', () => {
-            expect(formatOnfidoError(STATUS_CODES.EXPIRED, ['SelfieRejected'])).toHaveLength(2);
-        });
-
-        it('should return the rest of error codes if status is not Expired', () => {
-            expect(
-                formatOnfidoError(STATUS_CODES.REJECTED, [
-                    'SelfieRejected',
-                    'ImageIntegrityImageQuality',
-                    'DataValidationExpiryDate',
-                ])
-            ).toHaveLength(3);
-        });
-
-        it('should return the rest of error codes if status is not Expired', () => {
-            expect(formatOnfidoError(STATUS_CODES.REJECTED, ['DuplicatedDocument'])).toHaveLength(1);
-        });
-    });
-});
diff --git a/src/components/shared/utils/helpers/__tests__/logic.spec.ts b/src/components/shared/utils/helpers/__tests__/logic.spec.ts
deleted file mode 100644
index 9b3d6373..00000000
--- a/src/components/shared/utils/helpers/__tests__/logic.spec.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { hasContractStarted, isContractSupportedAndStarted } from '../logic';
-import { mockContractInfo } from '../../contract/contract-info';
-
-describe('hasContractStarted', () => {
-    it('should return true if current_spot_time is more then date_start', () => {
-        const contractInfo = { current_spot_time: 1700481950, date_start: 1700481935 };
-        expect(hasContractStarted(contractInfo)).toBe(true);
-    });
-    it('should return false if current_spot_time is less then date_start', () => {
-        const contractInfo = { current_spot_time: 1700481935, date_start: 1700481950 };
-        expect(hasContractStarted(contractInfo)).toBe(false);
-    });
-    it('should return false if current_spot_time is equal then date_start', () => {
-        const contractInfo = { current_spot_time: 1700481935, date_start: 1700481935 };
-        expect(hasContractStarted(contractInfo)).toBe(false);
-    });
-    it('should return false if passed object does not contain current_spot_time or date_start fields', () => {
-        expect(hasContractStarted({})).toBe(false);
-    });
-});
-
-describe('isContractSupportedAndStarted', () => {
-    const mock_props = {
-        symbol: '1HZ100V',
-        contract_info: mockContractInfo(),
-    };
-    it('should return true if contract_info was passed,symbol is the same as in underlying, contract is supported and it has been started', () => {
-        expect(isContractSupportedAndStarted(mock_props.symbol, mock_props.contract_info)).toBe(true);
-    });
-    it('should return false if contract_info was not passed', () => {
-        expect(isContractSupportedAndStarted(mock_props.symbol)).toBe(false);
-    });
-    it('should return false if symbol is not the same as in underlying', () => {
-        expect(isContractSupportedAndStarted('1HZ200V', mock_props.contract_info)).toBe(false);
-    });
-    it('should return false if contract is not supported', () => {
-        expect(
-            isContractSupportedAndStarted(mock_props.symbol, mockContractInfo({ contract_type: 'UNSUPPORTED' }))
-        ).toBe(false);
-    });
-    it('should return false if contract has not been started', () => {
-        expect(
-            isContractSupportedAndStarted(
-                mock_props.symbol,
-                mockContractInfo({ current_spot_time: 1700481930, date_start: 1700481935 })
-            )
-        ).toBe(false);
-    });
-});
diff --git a/src/components/shared/utils/helpers/__tests__/market-underlying.spec.ts b/src/components/shared/utils/helpers/__tests__/market-underlying.spec.ts
deleted file mode 100644
index 792f6be8..00000000
--- a/src/components/shared/utils/helpers/__tests__/market-underlying.spec.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { getContractDurationType, getMarketInformation, getMarketName, getTradeTypeName } from '../market-underlying';
-import { CONTRACT_TYPES, TRADE_TYPES } from '../../contract';
-
-describe('market-underlying', () => {
-    const position = {
-        contract_type: 'CALL',
-        shortcode: 'CALL_1HZ100V_19.53_1695913929_5T_S0P_0',
-    };
-    describe('getContractDurationType', () => {
-        it('should return Ticks if longcode contains ticks', () => {
-            expect(getContractDurationType('... ticks')).toBe('Ticks');
-        });
-        it('should return Days when longcode does not contain duration and shortcode is not passed', () => {
-            expect(getContractDurationType('')).toBe('Days');
-        });
-        it('should return Days when longcode does not contain duration and shortcode is not for Multipliers', () => {
-            expect(getContractDurationType('', position.shortcode)).toBe('Days');
-        });
-        it('should return an empty string when shortcode is for Multipliers', () => {
-            expect(getContractDurationType('', 'MULTUP_1HZ100V_10.00_10_1702912846_4856543999_0_0.00')).toBe('');
-        });
-        it('should return a plural duration if longcode contains singular duration', () => {
-            expect(
-                getContractDurationType(
-                    'Win payout if Volatility 100 (1s) Index is strictly higher than entry spot at 1 minute after contract start time.'
-                )
-            ).toBe('Minutes');
-        });
-    });
-    describe('getMarketInformation', () => {
-        it('should return an object with correct data about contract_type and symbol when shortcode is provided', () => {
-            expect(getMarketInformation(position.shortcode)).toMatchObject({ category: 'call', underlying: '1HZ100V' });
-        });
-        it('should return an object with empty values when shortcode is not provided', () => {
-            expect(getMarketInformation('')).toMatchObject({ category: '', underlying: '' });
-        });
-    });
-    describe('getMarketName', () => {
-        it('should return the correct symbol display name when symbol is provided', () => {
-            expect(getMarketName('R_100')).toBe('Volatility 100 Index');
-        });
-        it('should return null when symbol is not provided', () => {
-            expect(getMarketName('')).toBe(null);
-        });
-    });
-    describe('getTradeTypeName', () => {
-        it('should return the correct contract type display name', () => {
-            expect(getTradeTypeName(CONTRACT_TYPES.ACCUMULATOR)).toBe('Accumulators');
-        });
-        it('should return the correct Higher or Lower contract type display name when is_how_low === true', () => {
-            expect(getTradeTypeName(position.contract_type, { isHighLow: true })).toBe('Higher');
-            expect(getTradeTypeName(CONTRACT_TYPES.PUT, { isHighLow: true })).toBe('Lower');
-        });
-        it('should return the correct Rise or Fall contract type display name when is_how_low === false', () => {
-            expect(getTradeTypeName(position.contract_type)).toBe('Rise');
-            expect(getTradeTypeName(CONTRACT_TYPES.PUT)).toBe('Fall');
-        });
-        it('should return the correct Up or Down contract type display name when show_button_name is true', () => {
-            expect(getTradeTypeName(CONTRACT_TYPES.TURBOS.LONG, { showButtonName: true })).toBe('Up');
-            expect(getTradeTypeName(CONTRACT_TYPES.TURBOS.SHORT, { showButtonName: true })).toBe('Down');
-        });
-        it('should return null if an incorrect contract_type is provided', () => {
-            expect(getTradeTypeName(TRADE_TYPES.RISE_FALL)).toBe(null);
-        });
-        it('should return main title for contracts which have such field if show_main_title is true', () => {
-            expect(getTradeTypeName(CONTRACT_TYPES.TURBOS.LONG, { showMainTitle: true })).toBe('Turbos');
-            expect(getTradeTypeName(CONTRACT_TYPES.VANILLA.CALL, { showMainTitle: true })).toBe('Vanillas');
-            expect(getTradeTypeName(CONTRACT_TYPES.MULTIPLIER.DOWN, { showMainTitle: true })).toBe('Multipliers');
-        });
-        it('should not return main title for contracts which have such field but show_main_title is false', () => {
-            expect(getTradeTypeName(CONTRACT_TYPES.TURBOS.LONG)).not.toBe('Turbos');
-            expect(getTradeTypeName(CONTRACT_TYPES.VANILLA.CALL)).not.toBe('Vanillas');
-            expect(getTradeTypeName(CONTRACT_TYPES.MULTIPLIER.DOWN)).not.toBe('Multipliers');
-        });
-        it('should not return main title for contracts which have not such field if show_main_title is true', () => {
-            expect(getTradeTypeName(CONTRACT_TYPES.FALL, { showMainTitle: true })).toBeFalsy();
-        });
-    });
-});
diff --git a/src/components/shared/utils/helpers/__tests__/start-date.ts b/src/components/shared/utils/helpers/__tests__/start-date.ts
deleted file mode 100644
index d7e771a5..00000000
--- a/src/components/shared/utils/helpers/__tests__/start-date.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { ContractsFor } from '@deriv/api-types';
-import { buildForwardStartingConfig } from '../start-date';
-
-describe('start_date', () => {
-    describe('buildForwardStartingConfig', () => {
-        it('Returns empty object when forward_starting_options and forward_starting_dates are both empties', () => {
-            const contract: ContractsFor['available'][number] = {
-                barrier_category: 'euro_atm',
-                barriers: 0,
-                contract_category: 'callput',
-                contract_category_display: 'Up/Down',
-                contract_display: 'Higher',
-                contract_type: 'CALL',
-                exchange_name: 'FOREX',
-                expiry_type: 'daily',
-                market: 'forex',
-                max_contract_duration: '365d',
-                min_contract_duration: '1d',
-                sentiment: 'up',
-                start_type: 'spot',
-                submarket: 'major_pairs',
-                underlying_symbol: 'frxAUDJPY',
-                forward_starting_options: undefined,
-            };
-            /* eslint-disable no-unused-expressions */
-            expect(buildForwardStartingConfig(contract, [])).toHaveLength(0);
-        });
-    });
-});
diff --git a/src/components/shared/utils/helpers/active-symbols.ts b/src/components/shared/utils/helpers/active-symbols.ts
index 9a6cc539..e114961f 100644
--- a/src/components/shared/utils/helpers/active-symbols.ts
+++ b/src/components/shared/utils/helpers/active-symbols.ts
@@ -45,6 +45,7 @@ export const showUnavailableLocationError = flow(function* (showError, is_logged
     });
 });
 
+// eslint-disable-next-line default-param-last
 export const isMarketClosed = (active_symbols: ActiveSymbols = [], symbol: string) => {
     if (!active_symbols.length) return false;
     return active_symbols.filter(x => x.symbol === symbol)[0]
@@ -133,6 +134,7 @@ export type TActiveSymbols = {
     display_name: string;
 }[];
 
+// eslint-disable-next-line default-param-last
 export const getSymbolDisplayName = (active_symbols: TActiveSymbols = [], symbol: string) =>
     (
         active_symbols.find(symbol_info => symbol_info.symbol.toUpperCase() === symbol.toUpperCase()) || {
diff --git a/src/components/shared/utils/helpers/details.ts b/src/components/shared/utils/helpers/details.ts
index 024d9130..99d7fc13 100644
--- a/src/components/shared/utils/helpers/details.ts
+++ b/src/components/shared/utils/helpers/details.ts
@@ -1,7 +1,9 @@
-import { epochToMoment, formatMilliseconds, getDiffDuration } from '../date';
-import { localize } from '@/utils/tmp/dummy';
 import moment from 'moment';
+
+import { localize } from '@/utils/tmp/dummy';
+
 import { TContractInfo } from '../contract';
+import { epochToMoment, formatMilliseconds, getDiffDuration } from '../date';
 
 type TUnitMap = {
     name_plural?: string;
diff --git a/src/components/shared/utils/helpers/duration.ts b/src/components/shared/utils/helpers/duration.ts
index 89134cd2..5b9980ab 100644
--- a/src/components/shared/utils/helpers/duration.ts
+++ b/src/components/shared/utils/helpers/duration.ts
@@ -1,4 +1,5 @@
 import { localize } from '@/utils/tmp/dummy';
+
 import { toMoment } from '../date';
 
 type TContract = {
diff --git a/src/components/shared/utils/helpers/format-response.ts b/src/components/shared/utils/helpers/format-response.ts
index dbf90694..472f0688 100644
--- a/src/components/shared/utils/helpers/format-response.ts
+++ b/src/components/shared/utils/helpers/format-response.ts
@@ -1,10 +1,12 @@
 import { GetSettings, ProfitTable, ResidenceList, Statement } from '@deriv/api-types';
-import { getContractTypeFeatureFlag, STATUS_CODES, IDV_ERROR_STATUS, ONFIDO_ERROR_STATUS } from '../constants';
-import { getSymbolDisplayName, TActiveSymbols } from './active-symbols';
-import { getMarketInformation } from './market-underlying';
+
+import { getContractTypeFeatureFlag, IDV_ERROR_STATUS, ONFIDO_ERROR_STATUS, STATUS_CODES } from '../constants';
 import { TContractInfo } from '../contract';
-import { LocalStore } from '../storage';
 import { extractInfoFromShortcode, isHighLow } from '../shortcode';
+import { LocalStore } from '../storage';
+
+import { getSymbolDisplayName, TActiveSymbols } from './active-symbols';
+import { getMarketInformation } from './market-underlying';
 
 export const filterDisabledPositions = (
     position:
@@ -21,6 +23,7 @@ export const filterDisabledPositions = (
 
 export const formatPortfolioPosition = (
     portfolio_pos: TContractInfo,
+    // eslint-disable-next-line default-param-last
     active_symbols: TActiveSymbols = [],
     indicative?: number
 ) => {
diff --git a/src/components/shared/utils/helpers/logic.ts b/src/components/shared/utils/helpers/logic.ts
index c171ed1b..0579d2b8 100644
--- a/src/components/shared/utils/helpers/logic.ts
+++ b/src/components/shared/utils/helpers/logic.ts
@@ -1,9 +1,11 @@
 import moment from 'moment';
-import { isEmptyObject } from '../object';
+
+import { AccountListResponse, TickSpotData, WebsiteStatus } from '@deriv/api-types';
+
+import { getSupportedContracts } from '../constants/contract';
 import { isAccumulatorContract, isOpen, isUserSold } from '../contract';
 import { TContractInfo, TContractStore } from '../contract/contract-types';
-import { TickSpotData, WebsiteStatus, AccountListResponse } from '@deriv/api-types';
-import { getSupportedContracts } from '../constants/contract';
+import { isEmptyObject } from '../object';
 
 type TIsSoldBeforeStart = Required<Pick<TContractInfo, 'sell_time' | 'date_start'>>;
 
diff --git a/src/components/shared/utils/helpers/market-underlying.ts b/src/components/shared/utils/helpers/market-underlying.ts
index 39d04b11..c18b0d55 100644
--- a/src/components/shared/utils/helpers/market-underlying.ts
+++ b/src/components/shared/utils/helpers/market-underlying.ts
@@ -1,5 +1,6 @@
 import { localize } from '@/utils/tmp/dummy';
-import { getMarketNamesMap, getContractConfig } from '../constants/contract';
+
+import { getContractConfig, getMarketNamesMap } from '../constants/contract';
 import { TContractOptions } from '../contract/contract-types';
 
 type TTradeConfig = {
@@ -40,9 +41,7 @@ export const getMarketInformation = (shortcode: string): TMarketInfo => {
         underlying: '',
     };
 
-    const pattern = new RegExp(
-        '^([A-Z]+)_((1HZ[0-9-V]+)|((CRASH|BOOM)[0-9\\d]+[A-Z]?)|(OTC_[A-Z0-9]+)|R_[\\d]{2,3}|[A-Z]+)'
-    );
+    const pattern = /^([A-Z]+)_((1HZ[0-9-V]+)|((CRASH|BOOM)[0-9\d]+[A-Z]?)|(OTC_[A-Z0-9]+)|R_[\d]{2,3}|[A-Z]+)/;
     const extracted = pattern.exec(shortcode);
     if (extracted !== null) {
         market_info.category = extracted[1].toLowerCase();
diff --git a/src/components/shared/utils/helpers/start-date.ts b/src/components/shared/utils/helpers/start-date.ts
index a96a694f..dc1d1c7c 100644
--- a/src/components/shared/utils/helpers/start-date.ts
+++ b/src/components/shared/utils/helpers/start-date.ts
@@ -1,7 +1,9 @@
 import moment from 'moment';
-import { toMoment } from '../date';
+
 import { ContractsFor } from '@deriv/api-types';
 
+import { toMoment } from '../date';
+
 type TConfig = {
     text: string;
     value: number;
diff --git a/src/components/shared/utils/helpers/validation-rules.ts b/src/components/shared/utils/helpers/validation-rules.ts
index e31732af..fd9db5c2 100644
--- a/src/components/shared/utils/helpers/validation-rules.ts
+++ b/src/components/shared/utils/helpers/validation-rules.ts
@@ -1,6 +1,8 @@
 import { localize } from '@/utils/tmp/dummy';
+
 import { getTotalProfit } from '../contract';
 import { TContractStore } from '../contract/contract-types';
+
 import { getBuyPrice } from './logic';
 
 type TOptions = {
diff --git a/src/components/shared/utils/loader/lazy-load.tsx b/src/components/shared/utils/loader/lazy-load.tsx
index 1f302478..d26ae9a2 100644
--- a/src/components/shared/utils/loader/lazy-load.tsx
+++ b/src/components/shared/utils/loader/lazy-load.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import Loadable from 'react-loadable';
 
 export const makeLazyLoader =
diff --git a/src/components/shared/utils/number/__tests__/number_utils.spec.ts b/src/components/shared/utils/number/__tests__/number_utils.spec.ts
deleted file mode 100644
index f203a72c..00000000
--- a/src/components/shared/utils/number/__tests__/number_utils.spec.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import crypto from 'crypto';
-import { cryptoMathRandom } from '../index';
-
-Object.defineProperty(globalThis, 'crypto', {
-    value: {
-        getRandomValues: (arr: Uint8Array) => crypto.randomBytes(arr.length),
-    },
-});
-
-describe('cryptoMathRandom', () => {
-    it('should return a number between 0 and 1', () => {
-        const random_number = cryptoMathRandom();
-        expect(random_number).toBeGreaterThanOrEqual(0);
-        expect(random_number).toBeLessThanOrEqual(1);
-    });
-});
diff --git a/src/components/shared/utils/number/number_util.ts b/src/components/shared/utils/number/number_util.ts
index 2e58511b..ef2762bd 100644
--- a/src/components/shared/utils/number/number_util.ts
+++ b/src/components/shared/utils/number/number_util.ts
@@ -1,5 +1,5 @@
 export const cryptoMathRandom = () => {
     const random_array = new Uint8Array(1);
     const random_value = crypto.getRandomValues(random_array)[0];
-    return random_value / (Math.pow(2, 8) - 0.1);
+    return random_value / (2 ** 8 - 0.1);
 };
diff --git a/src/components/shared/utils/object/__tests__/object.spec.ts b/src/components/shared/utils/object/__tests__/object.spec.ts
deleted file mode 100644
index 1ae50e04..00000000
--- a/src/components/shared/utils/object/__tests__/object.spec.ts
+++ /dev/null
@@ -1,218 +0,0 @@
-import * as Utility from '../object';
-
-describe('Utility', () => {
-    describe('.isEmptyObject()', () => {
-        it('returns true for empty objects or non-objects', () => {
-            [{}, 1, undefined, null, false, true, ''].forEach(value => {
-                expect(Utility.isEmptyObject(value)).toBe(true);
-            });
-        });
-
-        it('returns false for not empty objects', () => {
-            expect(Utility.isEmptyObject({ not_empty: true })).toBe(false);
-        });
-    });
-
-    describe('.getPropertyValue()', () => {
-        const obj = {
-            str: 'abc',
-            num: 123,
-            empty: '',
-            nul: null,
-            undef: undefined,
-            promise: new Promise(resolve => {
-                resolve('aa');
-            }),
-            array: ['a', 'b'],
-            nested: {
-                level_2: {
-                    level_3: 'some text',
-                },
-            },
-        };
-
-        it('returns correct values with correct type', () => {
-            expect(typeof Utility.getPropertyValue(obj, 'str')).toBe('string');
-            expect(Utility.getPropertyValue(obj, 'str')).toBe('abc');
-            expect(typeof Utility.getPropertyValue(obj, 'num')).toBe('number');
-            expect(Utility.getPropertyValue(obj, 'num')).toBe(123);
-            expect(typeof Utility.getPropertyValue(obj, 'empty')).toBe('string');
-            expect(Utility.getPropertyValue(obj, 'empty')).toBe('');
-            expect(Utility.getPropertyValue(obj, 'nul')).toBeNull();
-            expect(Utility.getPropertyValue(obj, 'undef')).toBeUndefined();
-            expect(Utility.getPropertyValue(obj, 'promise')).toBeInstanceOf(Promise);
-        });
-
-        it('handles arrays correctly', () => {
-            expect(Array.isArray(Utility.getPropertyValue(obj, 'array'))).toBe(true);
-        });
-
-        it('handles nested objects correctly', () => {
-            expect(Utility.getPropertyValue(obj, 'nested')).toBeInstanceOf(Object);
-            expect(typeof Utility.getPropertyValue(obj, ['nested', 'level_2', 'level_3'])).toBe('string');
-            expect(Utility.getPropertyValue(obj, ['nested', 'level_2', 'level_3'])).toEqual(obj.nested.level_2.level_3);
-        });
-
-        it('returns cloned array to prevent unwanted changes to the source', () => {
-            const cloned_array = Utility.getPropertyValue(obj, 'array');
-            cloned_array[0] = 'AA';
-            expect(Utility.getPropertyValue(obj, 'array')[0]).toBe('a');
-            expect(cloned_array[0]).toBe('AA');
-        });
-
-        it('returns deeply cloned object to prevent unwanted changes to the source', () => {
-            let cloned_obj = Utility.getPropertyValue(obj, 'nested');
-            cloned_obj.level_2 = { new_prop: 'new value' };
-            expect(Utility.getPropertyValue(obj, 'nested')).toEqual({ level_2: { level_3: 'some text' } });
-            expect(cloned_obj).toEqual({ level_2: { new_prop: 'new value' } });
-
-            cloned_obj = Utility.getPropertyValue(obj, ['nested', 'level_2']);
-            cloned_obj.level_3 = 'new text';
-            expect(Utility.getPropertyValue(obj, ['nested', 'level_2', 'level_3'])).toBe('some text');
-            expect(cloned_obj.level_3).toBe('new text');
-        });
-    });
-
-    describe('.isDeepEqual()', () => {
-        describe('simple data types', () => {
-            it('null', () => {
-                expect(Utility.isDeepEqual(null, null)).toBe(true);
-            });
-            it('undefined', () => {
-                expect(Utility.isDeepEqual(undefined, undefined)).toBe(true);
-            });
-            it('string', () => {
-                expect(Utility.isDeepEqual('', '')).toBe(true);
-                expect(Utility.isDeepEqual('abc', 'abc')).toBe(true);
-                expect(Utility.isDeepEqual('abc', 'aaa')).toBe(false);
-            });
-            it('number', () => {
-                expect(Utility.isDeepEqual(0, 0)).toBe(true);
-                expect(Utility.isDeepEqual(2.0, 2.0)).toBe(true);
-                expect(Utility.isDeepEqual(-1, -1)).toBe(true);
-            });
-            it('boolean', () => {
-                expect(Utility.isDeepEqual(true, true)).toBe(true);
-                expect(Utility.isDeepEqual(false, false)).toBe(true);
-                expect(Utility.isDeepEqual(true, false)).toBe(false);
-            });
-            it('special cases', () => {
-                expect(Utility.isDeepEqual(0, '0')).toBe(false);
-                expect(Utility.isDeepEqual(0, false)).toBe(false);
-                expect(Utility.isDeepEqual(0, null)).toBe(false);
-                expect(Utility.isDeepEqual(0, undefined)).toBe(false);
-                expect(Utility.isDeepEqual(1, true)).toBe(false);
-                expect(Utility.isDeepEqual(1, '1')).toBe(false);
-            });
-        });
-
-        describe('arrays and objects', () => {
-            it('works with arrays', () => {
-                expect(Utility.isDeepEqual([], [])).toBe(true);
-                expect(Utility.isDeepEqual(0, [0])).toBe(false);
-                expect(Utility.isDeepEqual([1, 'b', null], [1, 'b', null])).toBe(true); // same array
-                expect(Utility.isDeepEqual([1, 2, 3], [1, 3, 2])).toBe(false); // different order
-                expect(Utility.isDeepEqual([1, 2, 3], [1, 2, 4])).toBe(false); // different value
-                expect(Utility.isDeepEqual([1, 2, 3], [1, 2])).toBe(false); // different length 1st
-                expect(Utility.isDeepEqual([1, 2], [1, 2, 3])).toBe(false); // different length 2nd
-                expect(Utility.isDeepEqual([1, [2, 3]], [1, [2, 3]])).toBe(true); // same multi-dimensional
-                expect(Utility.isDeepEqual([1, [2, 3]], [[1, 2], 3])).toBe(false); // different multi-dimensional but same when flatten
-                expect(
-                    Utility.isDeepEqual(
-                        [
-                            [1, 2, ['a', 'b']],
-                            [3, 4, ['c', 'd']],
-                        ],
-                        [
-                            [1, 2, ['a', 'b']],
-                            [3, 4, ['c', 'd']],
-                        ]
-                    )
-                ).toBe(true);
-            });
-
-            it('works with objects', () => {
-                expect(Utility.isDeepEqual({}, {})).toBe(true);
-                expect(Utility.isDeepEqual([], {})).toBe(false); // same typeof
-                expect(Utility.isDeepEqual({ a: 1, b: 2 }, { b: 2, a: 1 })).toBe(true); // same but different order
-                expect(Utility.isDeepEqual({ a: 1, b: 2, c: 3 }, { a: 1, b: 2 })).toBe(false); // different length 1st
-                expect(Utility.isDeepEqual({ a: 1, b: 2 }, { a: 1, b: 2, c: 3 })).toBe(false); // different length 2nd
-                expect(Utility.isDeepEqual({ a: 1, b: { c: 3 } }, { a: 1, b: { c: 3 } })).toBe(true); // same nested
-                expect(Utility.isDeepEqual({ a: 1, b: { c: 3 } }, { a: 1, b: { c: 4 } })).toBe(false); // different nested
-            });
-        });
-
-        describe('complex values', () => {
-            it('works as expected', () => {
-                expect(
-                    Utility.isDeepEqual(
-                        { a: 1, b: { c: ['c', 'cc'], d: true, e: null } },
-                        { a: 1, b: { c: ['c', 'cc'], d: true, e: null } }
-                    )
-                ).toBe(true);
-                expect(
-                    Utility.isDeepEqual({ a: 1, b: { c: ['c', { cc: 33 }] } }, { a: 1, b: { c: ['c', { cc: 33 }] } })
-                ).toBe(true);
-                expect(
-                    Utility.isDeepEqual(
-                        ['a', '1', [{ c: ['c', { cc: 33 }] }], { d: 4 }],
-                        ['a', '1', [{ c: ['c', { cc: 33 }] }], { d: 4 }]
-                    )
-                ).toBe(true);
-            });
-        });
-
-        describe('.unique()', () => {
-            it('filters out duplicate array objects with provided key', () => {
-                expect(Utility.unique([{ a: 1 }, { a: 2 }, { a: 1 }, { a: 4 }], 'a')).toHaveLength(3);
-                expect(Utility.unique([{ a: 1 }, { a: 2 }, { a: 1 }, { a: 4 }], 'a')).toEqual([
-                    { a: 1 },
-                    { a: 2 },
-                    { a: 4 },
-                ]);
-                expect(
-                    Utility.unique(
-                        [
-                            { a: '1233', b: '2' },
-                            { a: '1233', b: '2' },
-                            { a: '1234', b: '2' },
-                        ],
-                        'a'
-                    )
-                ).toHaveLength(2);
-                expect(
-                    Utility.unique(
-                        [
-                            { a: '1233', b: '2' },
-                            { a: '1233', b: '2' },
-                            { a: '1234', b: '2' },
-                        ],
-                        'a'
-                    )
-                ).toEqual([
-                    { a: '1233', b: '2' },
-                    { a: '1234', b: '2' },
-                ]);
-            });
-
-            it('works with faulty arguments', () => {
-                expect(Utility.unique([], 'a')).toHaveLength(0);
-                expect(Utility.unique([], 'a')).toEqual([]);
-                expect(Utility.unique([{ a: 1 }, { b: 2 }, { c: 3 }], 'd')).toHaveLength(3);
-                expect(Utility.unique([{ a: 1 }, { a: 1 }, { b: 2 }, { c: 3 }], 'd')).toEqual([
-                    { a: 1 },
-                    { a: 1 },
-                    { b: 2 },
-                    { c: 3 },
-                ]);
-                expect(Utility.unique([{ a: 1 }, { b: 2 }, { c: 3 }], '')).toHaveLength(3);
-                expect(Utility.unique([{ a: 1 }, { a: 1 }, { b: 2 }, { c: 3 }], '')).toEqual([
-                    { a: 1 },
-                    { a: 1 },
-                    { b: 2 },
-                    { c: 3 },
-                ]);
-            });
-        });
-    });
-});
diff --git a/src/components/shared/utils/route/__tests__/route.spec.ts b/src/components/shared/utils/route/__tests__/route.spec.ts
deleted file mode 100644
index 950a6629..00000000
--- a/src/components/shared/utils/route/__tests__/route.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import * as RouteUtils from '../route';
-
-describe('isRouteVisible', () => {
-    const mockRoute = {
-        count: 0,
-        default: undefined,
-        has_side_note: false,
-        icon: 'IcDp2p',
-        label: 'Deriv P2P',
-        path: '/cashier/p2p',
-    };
-
-    it('should return true if route needs user to be authenticated and user is logged in', () => {
-        expect(RouteUtils.isRouteVisible({ path: '/contract', is_authenticated: true }, true)).toBe(true);
-    });
-    it('should return false if route needs user to be authenticated and user is not logged in', () => {
-        expect(RouteUtils.isRouteVisible({ path: '/contract', is_authenticated: true }, false)).toBe(false);
-    });
-    it('should return true if route does not need user to be authenticated and user is not logged in', () => {
-        expect(RouteUtils.isRouteVisible({ path: '/contract', is_authenticated: false }, false)).toBe(true);
-    });
-    it('should return true if route does not need user to be authenticated and user is logged in', () => {
-        expect(RouteUtils.isRouteVisible({ path: '/contract', is_authenticated: false }, true)).toBe(true);
-    });
-    it('should return true if user is trying to get to my-ads subroute in p2p', () => {
-        expect(RouteUtils.matchRoute(mockRoute, '/cashier/p2p/my-ads')).toBe(true);
-    });
-});
diff --git a/src/components/shared/utils/routes/routes.ts b/src/components/shared/utils/routes/routes.ts
index a95eb4aa..ef88e4ed 100644
--- a/src/components/shared/utils/routes/routes.ts
+++ b/src/components/shared/utils/routes/routes.ts
@@ -1,4 +1,4 @@
-import { getUrlSmartTrader, getUrlBinaryBot } from '../url/helpers';
+import { getUrlBinaryBot, getUrlSmartTrader } from '../url/helpers';
 
 export const routes = {
     error404: '/404',
diff --git a/src/components/shared/utils/shortcode/__tests__/shortcode.spec.ts b/src/components/shared/utils/shortcode/__tests__/shortcode.spec.ts
deleted file mode 100644
index 8167f7fb..00000000
--- a/src/components/shared/utils/shortcode/__tests__/shortcode.spec.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { hasForwardContractStarted } from '../shortcode';
-
-describe('hasForwardContractStarted', () => {
-    it('should return true if start_time from shortcode is less then current time', () => {
-        expect(hasForwardContractStarted('CALL_1HZ10V_19.54_1710485400F_1710486300_S0P_0')).toBe(true);
-    });
-    it('should return false if start_time from shortcode is more then current time', () => {
-        const shortcode = `CALL_1HZ10V_19.54_${Math.floor(Date.now() / 1000) + 100}F_1710486300_S0P_0`;
-        expect(hasForwardContractStarted(shortcode)).toBe(false);
-    });
-});
diff --git a/src/components/shared/utils/storage/storage.ts b/src/components/shared/utils/storage/storage.ts
index 0c66975d..ea9f8ea4 100644
--- a/src/components/shared/utils/storage/storage.ts
+++ b/src/components/shared/utils/storage/storage.ts
@@ -1,6 +1,7 @@
 import Cookies from 'js-cookie';
-import { deriv_urls } from '../url/constants';
+
 import { getPropertyValue, isEmptyObject } from '../object/object';
+import { deriv_urls } from '../url/constants';
 
 type TCookieStorageThis = {
     initialized: boolean;
diff --git a/src/components/shared/utils/string/string_util.ts b/src/components/shared/utils/string/string_util.ts
index 13cd7fd2..b7edeb6b 100644
--- a/src/components/shared/utils/string/string_util.ts
+++ b/src/components/shared/utils/string/string_util.ts
@@ -59,3 +59,10 @@ export const getCharCount = (target_string: string, char: string | RegExp) =>
 
 export const capitalizeFirstLetter = (target_string: string) =>
     target_string && target_string[0].toUpperCase() + target_string.slice(1);
+
+export const getEnglishCharacters = (input: string) =>
+    input
+        .normalize('NFD')
+        .split('')
+        .filter(char => /^[a-z ]*$/i.test(char))
+        .join('');
diff --git a/src/components/shared/utils/url/__tests__/url.js b/src/components/shared/utils/url/__tests__/url.js
deleted file mode 100644
index 9046d604..00000000
--- a/src/components/shared/utils/url/__tests__/url.js
+++ /dev/null
@@ -1,95 +0,0 @@
-import { deriv_urls } from '../constants';
-import { reset, urlFor, websiteUrl, getPath, getContractPath } from '../url';
-
-// Testable URLs
-const urls = [deriv_urls.DERIV_APP_PRODUCTION];
-
-function mockLocation(url) {
-    // Mocking global location
-    Object.defineProperty(window, 'location', {
-        writable: true,
-        value: new URL(url),
-    });
-    reset();
-}
-
-describe('Url', () => {
-    urls.forEach(url => {
-        describe(url, () => {
-            let home_url, website_url, query_string, params_obj, url_no_qs, url_with_qs;
-            beforeAll(() => {
-                mockLocation(url);
-
-                /**
-                 * Pre-defined values
-                 */
-                website_url = websiteUrl();
-                home_url = `${website_url}home.html`;
-                query_string = 'market=forex&duration_amount=5&no_value=';
-                params_obj = { market: 'forex', duration_amount: '5', no_value: '' };
-                url_no_qs = `${website_url}trading.html`;
-                url_with_qs = `${url_no_qs}?${query_string}`;
-            });
-            it('assert mocking globals is working', () => {
-                const fqdn = url.replace('https://', '');
-                expect(window.location.hostname).toBe(fqdn);
-                expect(location.hostname).toBe(fqdn);
-                expect(window.location.href).toBe(websiteUrl());
-            });
-            describe('.urlFor()', () => {
-                it('returns home as default', () => {
-                    ['', '/', 'home'].forEach(path => {
-                        expect(urlFor(path)).toBe(home_url);
-                    });
-                });
-                it('accepts params', () => {
-                    expect(
-                        urlFor('trading', {
-                            query_string,
-                        })
-                    ).toBe(url_with_qs);
-                });
-                it('returns the correct language', () => {
-                    expect(urlFor('home', { language: 'es' })).toBe(`${website_url}home.html?lang=es`);
-                });
-                it('ignores invalid characters', () => {
-                    expect(urlFor('`~!@$%^&*=+[}{]\\"\';:?><,|')).toBe(home_url);
-                });
-                it('handles all valid characters', () => {
-                    expect(urlFor('metatrader/comparison-4_vs_5')).toBe(
-                        `${website_url}metatrader/comparison-4_vs_5.html`
-                    );
-                });
-            });
-
-            describe('.websiteUrl()', () => {
-                it('returns expected value', () => {
-                    expect(website_url).toBe(`${url}/`);
-                });
-            });
-
-            describe('getPath', () => {
-                it('should return param values in params as a part of path', () => {
-                    expect(getPath('/contract/:contract_id', { contract_id: 37511105068 })).toBe(
-                        '/contract/37511105068'
-                    );
-                    expect(
-                        getPath('/something_made_up/:something_made_up_param1/:something_made_up_param2', {
-                            something_made_up_param1: '789',
-                            something_made_up_param2: '123456',
-                        })
-                    ).toBe('/something_made_up/789/123456');
-                });
-                it('should return path as before if there is no params', () => {
-                    expect(getPath('/contract')).toBe('/contract');
-                });
-            });
-
-            describe('getContractPath', () => {
-                it('should return the path of contract with contract_id passed', () => {
-                    expect(getContractPath(1234)).toBe('/contract/1234');
-                });
-            });
-        });
-    });
-});
diff --git a/src/components/shared/utils/url/url.ts b/src/components/shared/utils/url/url.ts
index 3850db61..1598e00c 100644
--- a/src/components/shared/utils/url/url.ts
+++ b/src/components/shared/utils/url/url.ts
@@ -1,8 +1,9 @@
-import { deriv_urls } from './constants';
-import { getPlatformFromUrl } from './helpers';
 import { getCurrentProductionDomain } from '../config/config';
 import { routes } from '../routes';
 
+import { deriv_urls } from './constants';
+import { getPlatformFromUrl } from './helpers';
+
 type TOption = {
     query_string?: string;
     legacy?: boolean;
diff --git a/src/components/shared/utils/validation/__tests__/declarative-validation-rules.spec.js b/src/components/shared/utils/validation/__tests__/declarative-validation-rules.spec.js
deleted file mode 100644
index 53658420..00000000
--- a/src/components/shared/utils/validation/__tests__/declarative-validation-rules.spec.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import { validAddress, initFormErrorMessages } from '../declarative-validation-rules';
-
-const form_error_messages = {
-    address: () => '',
-    empty_address: () => '',
-    maxNumber: max_value => '',
-};
-
-describe('validAddress', () => {
-    beforeAll(() => {
-        initFormErrorMessages(form_error_messages);
-    });
-    it('should accept empty string by default', () => {
-        expect(validAddress('').is_ok).toBe(true);
-    });
-    it('should accept a bunch of spaces by default', () => {
-        expect(validAddress('       ').is_ok).toBe(true);
-    });
-    it('should not accept empty string if is_required is true', () => {
-        expect(validAddress('', { is_required: true }).is_ok).toBe(false);
-    });
-    it('should not accept a bunch of spaces if is_required is true', () => {
-        expect(validAddress('       ', { is_required: true }).is_ok).toBe(false);
-    });
-    it('should not accept string longer than 70 characters', () => {
-        expect(validAddress('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod').is_ok).toBe(
-            false
-        );
-    });
-    it('should accept English and decimals', () => {
-        expect(validAddress('221B Baker Street').is_ok).toBe(true);
-    });
-    it('should accept permitted characters', () => {
-        expect(validAddress(". , ' : ; ( ) ° @ # / -").is_ok).toBe(true);
-    });
-    it('should accept different languages', () => {
-        expect(validAddress('Улица đường phố ถนน شارع 街道 거리').is_ok).toBe(true);
-    });
-    it('should not accept special characters other then the permitted ones', () => {
-        const not_permitted_characters = '§±!$%^&*+=\\?{}[]|';
-        [...not_permitted_characters].forEach(c => expect(validAddress(c).is_ok).toBe(false));
-    });
-});
diff --git a/src/components/shared/utils/validation/__tests__/form-validation.spec.ts b/src/components/shared/utils/validation/__tests__/form-validation.spec.ts
deleted file mode 100644
index 3b234a2d..00000000
--- a/src/components/shared/utils/validation/__tests__/form-validation.spec.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { EMPLOYMENT_VALUES } from '../../constants';
-import { shouldHideOccupationField } from '../form-validations';
-
-describe('shouldHideOccupationField', () => {
-    it('should return false when employment_status is "Employed"', () => {
-        expect(shouldHideOccupationField(EMPLOYMENT_VALUES.EMPLOYED)).toBeFalsy();
-    });
-
-    it('should return true when employment_status is "Unemployed"', () => {
-        expect(shouldHideOccupationField(EMPLOYMENT_VALUES.UNEMPLOYED)).toBeTruthy();
-    });
-
-    it('should return true when employment_status is "Self employed"', () => {
-        expect(shouldHideOccupationField(EMPLOYMENT_VALUES.SELF_EMPLOYED)).toBeFalsy();
-    });
-
-    it('should return false when employment_status is empty sting', () => {
-        expect(shouldHideOccupationField('')).toBeFalsy();
-    });
-});
diff --git a/src/components/shared/utils/validation/declarative-validation-rules.ts b/src/components/shared/utils/validation/declarative-validation-rules.ts
index 1bcec71a..a79d7a96 100644
--- a/src/components/shared/utils/validation/declarative-validation-rules.ts
+++ b/src/components/shared/utils/validation/declarative-validation-rules.ts
@@ -1,6 +1,7 @@
 import { addComma } from '../currency';
 import { cloneObject } from '../object';
 import { compareBigUnsignedInt } from '../string';
+
 import { TFormErrorMessagesTypes } from './form-error-messages-types';
 
 export type TOptions = {
@@ -59,6 +60,7 @@ export const validTaxID = (value: string) => /(?!^$|\s+)[A-Za-z0-9./\s-]$/.test(
 export const validPhone = (value: string) => /^\+?([0-9-]+\s)*[0-9-]+$/.test(value);
 export const validLetterSymbol = (value: string) => /^[A-Za-z]+([a-zA-Z.' -])*[a-zA-Z.' -]+$/.test(value);
 export const validName = (value: string) => /^(?!.*\s{2,})[\p{L}\s'.-]{2,50}$/u.test(value);
+// eslint-disable-next-line default-param-last
 export const validLength = (value = '', options: TOptions) =>
     (options.min ? value.length >= Number(options.min) : true) &&
     (options.max ? value.length <= Number(options.max) : true);
diff --git a/src/components/shared/utils/validation/form-validations.ts b/src/components/shared/utils/validation/form-validations.ts
index 85085feb..1034cfdf 100644
--- a/src/components/shared/utils/validation/form-validations.ts
+++ b/src/components/shared/utils/validation/form-validations.ts
@@ -1,7 +1,9 @@
+import fromEntries from 'object.fromentries';
+
 import { EMPLOYMENT_VALUES } from '../constants';
 import { TEmploymentStatus } from '../types';
-import { TInitPreBuildDVRs, TOptions, getPreBuildDVRs } from './declarative-validation-rules';
-import fromEntries from 'object.fromentries';
+
+import { getPreBuildDVRs, TInitPreBuildDVRs, TOptions } from './declarative-validation-rules';
 
 type TConfig = {
     default_value: string | boolean | number;
diff --git a/src/components/shared/utils/validator/__tests__/error.spec.tsx b/src/components/shared/utils/validator/__tests__/error.spec.tsx
deleted file mode 100644
index ffe7d027..00000000
--- a/src/components/shared/utils/validator/__tests__/error.spec.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import Errors from '../errors';
-
-describe('Errors', () => {
-    let errors: Errors;
-
-    beforeEach(() => {
-        errors = new Errors();
-        errors.add('Error', '100');
-    });
-
-    it('should add a new error to the errors', () => {
-        errors.add('Error', '101');
-        expect(errors.errors.Error).toHaveLength(2);
-    });
-
-    it('should not add an error if already existed', () => {
-        errors.add('Error', '100');
-        expect(errors.errors.Error).toHaveLength(1);
-    });
-
-    it('should return all errors', () => {
-        expect(errors.all()).toEqual({ Error: ['100'] });
-    });
-
-    it('should return first error if attribute exists', () => {
-        expect(errors.first('Error')).toEqual('100');
-    });
-
-    it('should return data if attribute exists', () => {
-        expect(errors.get('Error')).toEqual(['100']);
-    });
-
-    it('should return an empty array if attribute does not exist', () => {
-        expect(errors.get('')).toEqual([]);
-    });
-
-    it('should return "true" if attribute exists', () => {
-        expect(errors.has('Error')).toBeTruthy();
-    });
-
-    it('should return "false" if the attribute does not exist', () => {
-        expect(errors.has('')).toBeFalsy();
-    });
-});
diff --git a/src/components/shared/utils/validator/__tests__/validator.spec.ts b/src/components/shared/utils/validator/__tests__/validator.spec.ts
deleted file mode 100644
index 5a1ed145..00000000
--- a/src/components/shared/utils/validator/__tests__/validator.spec.ts
+++ /dev/null
@@ -1,169 +0,0 @@
-import { TFormErrorMessagesTypes } from '../../validation/form-error-messages-types';
-import { initFormErrorMessages } from '../../validation';
-import Validator, { template } from '../validator';
-
-describe('validator.ts', () => {
-    const amount_required_error = 'Amount is a required field.';
-    const should_be_valid_number_error = 'Should be a valid number.';
-    const only_99_characters_error = 'Only 99 characters, please.';
-    const min_value_error = 'The value must be equal or greater than 1';
-
-    beforeAll(() => {
-        initFormErrorMessages({ number: () => should_be_valid_number_error } as TFormErrorMessagesTypes);
-    });
-
-    describe('template', () => {
-        it('should return a string where variables in brackets are replaced with respective items from content array', () => {
-            expect(template('abc [_1] abc', ['2'])).toBe('abc 2 abc');
-            expect(template('[_1] [_2]', ['1', '2'])).toBe('1 2');
-            expect(template('[_1] [_1]', ['1'])).toBe('1 1');
-        });
-        it('should replace variables in brackets with items from content array only once, not twice', () => {
-            expect(template('[_1] [_2]', ['[_2]', 'abc'])).toBe('[_2] abc');
-        });
-        it('should replace the 1st variable with provided content if content is a string instead of an array', () => {
-            expect(template('[_1]', 'abc')).toBe('abc');
-            expect(template('[_1] [_2]', 'abc')).toBe('abc undefined');
-        });
-        it('should replace the variable in brackets with undefined if content is not provided', () => {
-            expect(template('[_1]', '')).toBe('undefined');
-        });
-    });
-
-    describe('Validator', () => {
-        const store = {
-            is_vanilla: false,
-            amount: 10,
-            barrier_1: '+1.16',
-            barrier_2: '',
-            barrier_count: 1,
-            contract_start_type: 'spot',
-            currency: 'USD',
-            expiry_date: '2023-12-20',
-            expiry_time: '20:05',
-            form_components: ['duration', 'amount', 'barrier'],
-            has_stop_loss: false,
-            has_take_profit: false,
-            sessions: [],
-            start_date: 0,
-            start_time: null,
-            stop_loss: '10',
-            take_profit: '32',
-        };
-        const amount_rule_options = { min: 0, type: 'float' };
-        const amount_validation_rules = {
-            amount: [
-                ['req', { message: amount_required_error }],
-                ['number', amount_rule_options],
-            ],
-        };
-
-        it('should pass amount validation', () => {
-            const inputs = {
-                amount: 10,
-            } as Pick<typeof store, keyof typeof store>;
-            const validator = new Validator(inputs, amount_validation_rules, store);
-            expect(validator.input).toMatchObject(inputs);
-            expect(validator.rules).toMatchObject(amount_validation_rules);
-            expect(validator.errors).toMatchObject({});
-            expect(validator.error_count).toBe(0);
-            const addFailure = jest.spyOn(validator, 'addFailure');
-            const check = jest.spyOn(validator, 'check');
-            expect(validator.isPassed()).toBe(true);
-            expect(check).toHaveBeenCalled();
-            expect(addFailure).not.toHaveBeenCalled();
-        });
-        it('should fail amount validation with an error from amount rules', () => {
-            const inputs = { amount: '' } as Pick<typeof store, keyof typeof store> & { amount: string };
-            const validator = new Validator(inputs, amount_validation_rules, store);
-            const addFailure = jest.spyOn(validator, 'addFailure');
-            const check = jest.spyOn(validator, 'check');
-            expect(validator.isPassed()).toBe(false);
-            expect(check).toHaveBeenCalled();
-            expect(addFailure).toHaveBeenCalledWith(
-                'amount',
-                expect.objectContaining({
-                    name: 'req',
-                    options: {
-                        message: amount_required_error,
-                    },
-                })
-            );
-            expect(validator.errors).toMatchObject({
-                errors: {
-                    amount: [amount_required_error],
-                },
-            });
-            expect(validator.error_count).toBe(1);
-        });
-        it('should fail number validation with an invalid number error', () => {
-            const inputs = { amount: NaN } as Pick<typeof store, keyof typeof store>;
-            const validator = new Validator(inputs, amount_validation_rules, store);
-            const addFailure = jest.spyOn(validator, 'addFailure');
-            const check = jest.spyOn(validator, 'check');
-            expect(validator.isPassed()).toBe(false);
-            expect(check).toHaveBeenCalled();
-            expect(addFailure).toHaveBeenCalledWith(
-                'amount',
-                expect.objectContaining({ name: 'number', options: amount_rule_options }),
-                should_be_valid_number_error
-            );
-            expect(validator.errors).toMatchObject({
-                errors: {
-                    amount: [should_be_valid_number_error],
-                },
-            });
-            expect(validator.error_count).toBe(1);
-        });
-        it('should fail length validation with 99 chars limit error', () => {
-            const options = { message: only_99_characters_error, max: 99 };
-            const address_city_rules = {
-                address_city: [['length', options]],
-            };
-            const validator = new Validator(
-                {
-                    address_city:
-                        'Krung Thep Mahanakhon Amon Rattanakosin Mahinthara Yuthaya Mahadilok Phop Noppharat Ratchathani Burirom Udomratchaniwet Mahasathan Amon Piman Awatan Sathit Sakkathattiya Witsanukam Prasit',
-                },
-                address_city_rules,
-                { address_city: '' }
-            );
-            const addFailure = jest.spyOn(validator, 'addFailure');
-            const check = jest.spyOn(validator, 'check');
-            expect(validator.isPassed()).toBe(false);
-            expect(check).toHaveBeenCalled();
-            expect(addFailure).toHaveBeenCalledWith(
-                'address_city',
-                expect.objectContaining({ name: 'length', options })
-            );
-            expect(validator.errors).toMatchObject({
-                errors: {
-                    address_city: [only_99_characters_error],
-                },
-            });
-            expect(validator.error_count).toBe(1);
-        });
-        it('should fail min value validation', () => {
-            const options = { message: min_value_error, min: 1 };
-            const size_rules = {
-                size: [['min', options]],
-            };
-            const validator = new Validator({ size: 0 }, size_rules, { size: 10 });
-            validator.addFailure('size', { name: 'min', options });
-            expect(validator.errors).toMatchObject({
-                errors: {
-                    size: [min_value_error],
-                },
-            });
-            expect(validator.error_count).toBe(1);
-        });
-        it('getRuleObject should return an object', () => {
-            const rule_object = Validator.getRuleObject(amount_validation_rules.amount[0]);
-            expect(rule_object).toHaveProperty('name', 'req');
-            expect(rule_object).toHaveProperty('options', {
-                message: amount_required_error,
-            });
-            expect(rule_object).toHaveProperty('validator');
-        });
-    });
-});
diff --git a/src/components/shared/utils/validator/validator.ts b/src/components/shared/utils/validator/validator.ts
index ab8b2b14..8f5806ab 100644
--- a/src/components/shared/utils/validator/validator.ts
+++ b/src/components/shared/utils/validator/validator.ts
@@ -1,4 +1,5 @@
 import { getPreBuildDVRs, TRuleOptions } from '../validation/declarative-validation-rules';
+
 import Errors from './errors';
 
 type TRule<T extends object> = string | Array<string | TRuleOptions<T>>;
diff --git a/src/components/shared_ui/arrow-indicator/__tests__/arrow-indicator.spec.tsx b/src/components/shared_ui/arrow-indicator/__tests__/arrow-indicator.spec.tsx
deleted file mode 100644
index 77119692..00000000
--- a/src/components/shared_ui/arrow-indicator/__tests__/arrow-indicator.spec.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-import { act, render, screen } from '@testing-library/react';
-import ArrowIndicator from '../arrow-indicator';
-import Icon from '../../icon/icon';
-
-jest.mock('../../icon/icon', () => jest.fn((props: React.ComponentProps<typeof Icon>) => <div>{props.icon}</div>));
-
-describe('ArrowIndicator', () => {
-    it('should render without an icon if value is undefined', () => {
-        render(<ArrowIndicator />);
-        expect(screen.getByTestId('dt_arrow_indicator')).toBeInTheDocument();
-        expect(screen.queryByText('IcProfit')).not.toBeInTheDocument();
-        expect(screen.queryByText('IcLoss')).not.toBeInTheDocument();
-    });
-    it('should render IcProfit if value has increased', () => {
-        const { rerender } = render(<ArrowIndicator value='123.94' />);
-        expect(screen.queryByText('IcProfit')).not.toBeInTheDocument();
-        expect(screen.queryByText('IcLoss')).not.toBeInTheDocument();
-        rerender(<ArrowIndicator value='123.95' />);
-        expect(screen.getByText('IcProfit')).toBeInTheDocument();
-        expect(screen.queryByText('IcLoss')).not.toBeInTheDocument();
-    });
-    it('should render IcLoss if value has decreased', () => {
-        const { rerender } = render(<ArrowIndicator value='123.94' />);
-        expect(screen.queryByText('IcProfit')).not.toBeInTheDocument();
-        expect(screen.queryByText('IcLoss')).not.toBeInTheDocument();
-        rerender(<ArrowIndicator value='123.93' />);
-        expect(screen.queryByText('IcProfit')).not.toBeInTheDocument();
-        expect(screen.getByText('IcLoss')).toBeInTheDocument();
-    });
-    it('should appear when the value changes, disappear after 3 seconds & reappear if value changes again', () => {
-        jest.useFakeTimers();
-        const { rerender } = render(<ArrowIndicator value='123.94' />);
-        expect(screen.queryByText('IcProfit')).not.toBeInTheDocument();
-        rerender(<ArrowIndicator value='123.95' />);
-        expect(screen.getByText('IcProfit')).toBeInTheDocument();
-        act(() => {
-            jest.advanceTimersByTime(3000);
-        });
-        expect(screen.queryByText('IcProfit')).not.toBeInTheDocument();
-        rerender(<ArrowIndicator value='123.92' />);
-        expect(screen.getByText('IcLoss')).toBeInTheDocument();
-        jest.useRealTimers();
-    });
-});
diff --git a/src/components/shared_ui/autocomplete/autocomplete.tsx b/src/components/shared_ui/autocomplete/autocomplete.tsx
index b00038b5..3b498ed2 100644
--- a/src/components/shared_ui/autocomplete/autocomplete.tsx
+++ b/src/components/shared_ui/autocomplete/autocomplete.tsx
@@ -3,10 +3,9 @@ import classNames from 'classnames';
 
 import { getSearchNotFoundOption } from '@/components/shared/utils/constants';
 import { getPosition } from '@/components/shared/utils/dom';
-import { matchStringByChar } from '@/components/shared/utils/string';
+import { getEnglishCharacters, matchStringByChar } from '@/components/shared/utils/string';
 import { useBlockScroll } from '@/hooks/use-blockscroll';
 import { Icon } from '@/utils/tmp/dummy';
-import { getEnglishCharacters } from '@/utils/tmp/helper';
 
 import DropdownList, { TItem } from '../dropdown-list';
 import Input from '../input';
diff --git a/src/components/shared_ui/checkbox/index.ts b/src/components/shared_ui/checkbox/index.ts
index 3122c24c..74b83986 100644
--- a/src/components/shared_ui/checkbox/index.ts
+++ b/src/components/shared_ui/checkbox/index.ts
@@ -1,4 +1,5 @@
 import Checkbox from './checkbox';
+
 import './checkbox.scss';
 
 export default Checkbox;
diff --git a/src/components/shared_ui/circular-progress/index.ts b/src/components/shared_ui/circular-progress/index.ts
index 6ca07672..73a10587 100644
--- a/src/components/shared_ui/circular-progress/index.ts
+++ b/src/components/shared_ui/circular-progress/index.ts
@@ -1,4 +1,5 @@
 import CircularProgress from './circular-progress';
+
 import './circular-progress.scss';
 
 export default CircularProgress;
diff --git a/src/components/shared_ui/contract-card/contract-card-items/__tests__/accumulator-card-body.spec.tsx b/src/components/shared_ui/contract-card/contract-card-items/__tests__/accumulator-card-body.spec.tsx
deleted file mode 100644
index 49b7442c..00000000
--- a/src/components/shared_ui/contract-card/contract-card-items/__tests__/accumulator-card-body.spec.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { mockContractInfo, getCardLabels } from '@deriv/shared';
-import AccumulatorCardBody from '../accumulator-card-body';
-
-type TAccumulatorCardBody = React.ComponentProps<typeof AccumulatorCardBody>;
-
-describe('<AccumulatorCardBody />', () => {
-    const mock_props: TAccumulatorCardBody = {
-        addToast: jest.fn(),
-        contract_info: mockContractInfo({
-            buy_price: 123,
-            sell_price: 234,
-            profit: 111,
-            contract_id: 12345,
-            is_valid_to_sell: 1,
-            status: 'sold',
-            is_settleable: 1,
-            is_expired: 1,
-        }),
-        contract_update: {
-            take_profit: {
-                order_amount: 300,
-            },
-        },
-        getCardLabels: () => getCardLabels(),
-        getContractById: jest.fn(),
-        is_sold: true,
-        setCurrentFocus: jest.fn(),
-        currency: 'USD',
-        removeToast: jest.fn(),
-        totalProfit: 111,
-    };
-    it('should display all contract card items, label, and values', () => {
-        render(<AccumulatorCardBody {...mock_props} />);
-        expect(screen.getByText(getCardLabels().STAKE)).toBeInTheDocument();
-        expect(screen.getByText('123.00')).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().CONTRACT_VALUE)).toBeInTheDocument();
-        expect(screen.getByText('234.00')).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().TOTAL_PROFIT_LOSS)).toBeInTheDocument();
-        expect(screen.getByText('111.00')).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().TAKE_PROFIT)).toBeInTheDocument();
-        expect(screen.getByText('300.00')).toBeInTheDocument();
-    });
-
-    it('should display Take profit: label and - as value when take_profit is not available', () => {
-        if (mock_props?.contract_update?.take_profit?.order_amount)
-            mock_props.contract_update.take_profit.order_amount = null;
-        render(<AccumulatorCardBody {...mock_props} />);
-        expect(screen.getByText(getCardLabels().TAKE_PROFIT)).toBeInTheDocument();
-        expect(screen.getByText('-')).toBeInTheDocument();
-    });
-
-    it('should not render arrow indicator if the contract was sold (is_sold === true)', () => {
-        render(<AccumulatorCardBody {...mock_props} />);
-
-        expect(screen.queryByTestId('dt_arrow_indicator')).not.toBeInTheDocument();
-    });
-
-    it('should render arrow indicator if the contract is not sold (is_sold === false)', () => {
-        render(<AccumulatorCardBody {...mock_props} is_sold={false} />);
-
-        expect(screen.getAllByTestId('dt_arrow_indicator')).not.toHaveLength(0);
-    });
-});
diff --git a/src/components/shared_ui/contract-card/contract-card-items/__tests__/contract-card-footer.spec.tsx b/src/components/shared_ui/contract-card/contract-card-items/__tests__/contract-card-footer.spec.tsx
deleted file mode 100644
index 5f492b33..00000000
--- a/src/components/shared_ui/contract-card/contract-card-items/__tests__/contract-card-footer.spec.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { mockContractInfo, getCardLabels, isValidToSell } from '@deriv/shared';
-import moment from 'moment';
-import CardFooter from '../contract-card-footer';
-
-type TCardFooter = React.ComponentProps<typeof CardFooter>;
-
-jest.mock('react-transition-group', () => ({
-    ...jest.requireActual('react-transition-group'),
-    CSSTransition: jest.fn(({ children }) => <div>{children}</div>),
-}));
-jest.mock('@deriv/shared', () => ({
-    ...jest.requireActual('@deriv/shared'),
-    hasContractEntered: jest.fn().mockReturnValue(true),
-    isOpen: jest.fn().mockReturnValue(true),
-    isValidToSell: jest.fn(),
-}));
-
-describe('<CardFooter />', () => {
-    const mockProps: TCardFooter = {
-        contract_info: mockContractInfo(),
-        getCardLabels: () => getCardLabels(),
-        is_multiplier: false,
-        is_positions: false,
-        is_sell_requested: false,
-        is_lookbacks: true,
-        onClickCancel: jest.fn(),
-        onClickSell: jest.fn(),
-        onFooterEntered: jest.fn(),
-        server_time: moment(new Date()).utc(),
-        should_show_transition: false,
-    };
-
-    it('should render note for Lookbacks contract if it is valid to sell', () => {
-        (isValidToSell as jest.Mock).mockReturnValue(true);
-        render(<CardFooter {...mockProps} />);
-
-        expect(screen.getByText(/Note:/i)).toBeInTheDocument();
-    });
-
-    it('should not render note for Lookbacks contract if it is NOT valid to sell', () => {
-        (isValidToSell as jest.Mock).mockReturnValue(false);
-        render(<CardFooter {...mockProps} />);
-
-        expect(screen.queryByText(/Note:/i)).not.toBeInTheDocument();
-    });
-
-    it('should not render note if it is not Lookbacks contract', () => {
-        render(<CardFooter {...mockProps} is_lookbacks={false} />);
-
-        expect(screen.queryByText(/Note:/i)).not.toBeInTheDocument();
-    });
-});
diff --git a/src/components/shared_ui/contract-card/contract-card-items/__tests__/contract-type-cell.spec.tsx b/src/components/shared_ui/contract-card/contract-card-items/__tests__/contract-type-cell.spec.tsx
deleted file mode 100644
index a5f22f3f..00000000
--- a/src/components/shared_ui/contract-card/contract-card-items/__tests__/contract-type-cell.spec.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { getContractTypeDisplay, CONTRACT_TYPES } from '@deriv/shared';
-import ContractTypeCell from '../contract-type-cell';
-
-jest.mock('../../../icon-trade-types', () => jest.fn(({ type }) => <div>Icon trade type: {type}</div>));
-
-const mock_props: React.ComponentProps<typeof ContractTypeCell> = {
-    displayed_trade_param: '',
-    getContractTypeDisplay,
-    is_high_low: false,
-    is_multipliers: false,
-    is_turbos: false,
-    type: CONTRACT_TYPES.VANILLA.CALL,
-};
-
-describe('<ContractTypeCell />', () => {
-    it('should render correct icon and contract type display name for passed type', () => {
-        render(<ContractTypeCell {...mock_props} />);
-
-        expect(screen.getByText(/vanillalongcall/i)).toBeInTheDocument();
-        expect(screen.getByText('Call')).toBeInTheDocument();
-    });
-
-    it('should render specific icon with postfix "_barrier" if is_high_low === true and it is not Vanilla contract', () => {
-        render(<ContractTypeCell {...mock_props} is_high_low type={CONTRACT_TYPES.LB_CALL} />);
-
-        expect(screen.getByText(/_barrier/i)).toBeInTheDocument();
-    });
-
-    it('should render specific contract type display name for Multipliers', () => {
-        render(<ContractTypeCell {...mock_props} is_multipliers type={CONTRACT_TYPES.MULTIPLIER.DOWN} />);
-
-        expect(screen.getByText('Multipliers')).toBeInTheDocument();
-        expect(screen.queryByText('Up')).not.toBeInTheDocument();
-    });
-
-    it('should render specific contract type display name for Turbos', () => {
-        render(<ContractTypeCell {...mock_props} is_turbos type={CONTRACT_TYPES.TURBOS.LONG} />);
-
-        expect(screen.getByText('Turbos')).toBeInTheDocument();
-        expect(screen.queryByText('Up')).not.toBeInTheDocument();
-    });
-
-    it('should not render contract type display name if type is invalid', () => {
-        const mock_trade_type = 'invalid';
-        render(<ContractTypeCell {...mock_props} type={mock_trade_type} />);
-
-        expect(screen.queryByText(mock_trade_type)).not.toBeInTheDocument();
-    });
-
-    it('should render displayed trade parameters content if displayed_trade_param was passed', () => {
-        const mock_trade_param = 'Displayed trade parameters';
-        render(<ContractTypeCell {...mock_props} displayed_trade_param={mock_trade_param} />);
-
-        expect(screen.getByText(mock_trade_param)).toBeInTheDocument();
-    });
-});
diff --git a/src/components/shared_ui/contract-card/contract-card-items/__tests__/contract-update-form.spec.tsx b/src/components/shared_ui/contract-card/contract-card-items/__tests__/contract-update-form.spec.tsx
deleted file mode 100644
index a9dd0d59..00000000
--- a/src/components/shared_ui/contract-card/contract-card-items/__tests__/contract-update-form.spec.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-import React from 'react';
-import { configure, render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { CONTRACT_TYPES, mockContractInfo, getCardLabels, isMobile } from '@deriv/shared';
-import ContractUpdateForm from '../contract-update-form';
-
-jest.mock('@deriv/shared', () => ({
-    ...jest.requireActual('@deriv/shared'),
-    isMobile: jest.fn(() => false),
-}));
-
-const contract_info = mockContractInfo({
-    contract_id: 1,
-    contract_type: CONTRACT_TYPES.ACCUMULATOR,
-    is_valid_to_cancel: 1,
-    profit: 50,
-});
-
-const contract = {
-    contract_update_config: { contract_update_stop_loss: '', contract_update_take_profit: '' }, //contains applied values
-    contract_update_stop_loss: '', // contains entered values
-    contract_update_take_profit: '', // contains entered values
-    contract_update_history: [],
-    contract_info,
-    clearContractUpdateConfigValues: jest.fn(),
-    digits_info: { 5: { digit: 1, spot: '2034,34' } },
-    display_status: '',
-    has_contract_update_stop_loss: false,
-    has_contract_update_take_profit: false,
-    updateLimitOrder: jest.fn(),
-    validation_errors: { contract_update_stop_loss: [], contract_update_take_profit: [] },
-    onChange: jest.fn(),
-    is_digit_contract: false,
-    is_ended: false,
-};
-
-const el_modal = document.createElement('div');
-
-describe('ContractUpdateForm', () => {
-    const mock_props: React.ComponentProps<typeof ContractUpdateForm> = {
-        addToast: jest.fn(),
-        contract,
-        current_focus: null,
-        getCardLabels: () => getCardLabels(),
-        getContractById: jest.fn(),
-        is_accumulator: true,
-        onMouseLeave: jest.fn(),
-        removeToast: jest.fn(),
-        setCurrentFocus: jest.fn(),
-        toggleDialog: jest.fn(),
-        totalProfit: 2.43,
-    };
-    const popoverTestid = 'dt_popover_wrapper';
-    beforeAll(() => {
-        el_modal.setAttribute('id', 'modal_root');
-        document.body.appendChild(el_modal);
-    });
-    afterEach(() => {
-        configure({ testIdAttribute: 'data-testid' });
-    });
-    afterAll(() => {
-        document.body.removeChild(el_modal);
-    });
-    it(`should render unchecked Take profit input with checkbox and disabled Apply button
-        for Accumulators when take profit is not selected or applied`, () => {
-        render(<ContractUpdateForm {...mock_props} />);
-        const take_profit_checkbox = screen.getByRole('checkbox', { name: getCardLabels().TAKE_PROFIT });
-        const stop_loss_checkbox = screen.queryByRole('checkbox', { name: getCardLabels().STOP_LOSS });
-        const take_profit_input = screen.getByRole('textbox');
-        const decrement_button = screen.getByRole('button', { name: getCardLabels().DECREMENT_VALUE });
-        const increment_button = screen.getByRole('button', { name: getCardLabels().INCREMENT_VALUE });
-        const apply_button = screen.getByRole('button', { name: getCardLabels().APPLY });
-        expect(take_profit_checkbox).not.toBeChecked();
-        expect(take_profit_input).toHaveDisplayValue('');
-        expect(decrement_button).toBeInTheDocument();
-        expect(increment_button).toBeInTheDocument();
-        expect(stop_loss_checkbox).not.toBeInTheDocument();
-        expect(apply_button).toBeDisabled();
-    });
-    it(`should render checked Take profit input with checkbox and enabled Apply button
-        when take profit is already applied`, () => {
-        const new_props = {
-            ...mock_props,
-            current_focus: 'contract_update_take_profit',
-            contract: {
-                ...contract,
-                contract_update_config: { contract_update_stop_loss: '', contract_update_take_profit: '56' },
-                contract_update_take_profit: '56',
-                has_contract_update_take_profit: true,
-                limit_order: {
-                    take_profit: {
-                        order_amount: 56,
-                        order_date: 1234560000,
-                    },
-                },
-            },
-        };
-        render(<ContractUpdateForm {...new_props} />);
-        const take_profit_checkbox = screen.getByRole('checkbox', { name: getCardLabels().TAKE_PROFIT });
-        const take_profit_input = screen.getByRole('textbox');
-        const apply_button = screen.getByRole('button', { name: getCardLabels().APPLY });
-        expect(take_profit_checkbox).toBeChecked();
-        expect(take_profit_input).toHaveDisplayValue('56');
-        expect(apply_button).toBeEnabled();
-    });
-    it(`should render checked Take profit input with checkbox and disabled Apply button
-        when take profit is selected, but not entered`, () => {
-        const new_props = {
-            ...mock_props,
-            current_focus: 'contract_update_take_profit',
-            contract: {
-                ...contract,
-                has_contract_update_take_profit: true,
-            },
-        };
-        render(<ContractUpdateForm {...new_props} />);
-        const take_profit_checkbox = screen.getByRole('checkbox', { name: getCardLabels().TAKE_PROFIT });
-        const apply_button = screen.getByRole('button', { name: getCardLabels().APPLY });
-        expect(take_profit_checkbox).toBeChecked();
-        expect(apply_button).toBeDisabled();
-    });
-    it(`should render checked Take profit input with checkbox and enabled Apply button
-        when take profit is selected, entered, and there are no validation errors`, () => {
-        const new_props = {
-            ...mock_props,
-            current_focus: 'contract_update_take_profit',
-            contract: {
-                ...contract,
-                contract_update_config: { contract_update_stop_loss: '', contract_update_take_profit: '5' },
-                contract_update_take_profit: '56',
-                has_contract_update_take_profit: true,
-            },
-        };
-        render(<ContractUpdateForm {...new_props} />);
-        const take_profit_checkbox = screen.getByRole('checkbox', { name: getCardLabels().TAKE_PROFIT });
-        const take_profit_input = screen.getByRole('textbox');
-        const apply_button = screen.getByRole('button', { name: getCardLabels().APPLY });
-        expect(take_profit_checkbox).toBeChecked();
-        expect(take_profit_input).toHaveDisplayValue('56');
-        expect(apply_button).toBeEnabled();
-        // when checkbox is unchecked, Apply button should remain enabled:
-        userEvent.click(take_profit_checkbox);
-        expect(take_profit_checkbox).not.toBeChecked();
-        expect(apply_button).toBeEnabled();
-        // when Apply button is clicked, toggleDialog should be called:
-        userEvent.click(apply_button);
-        expect(new_props.toggleDialog).toHaveBeenCalled();
-    });
-    it(`should render checked Take profit input with checkbox, disabled Apply button & error message
-        when take profit is selected, entered, and there are validation errors`, () => {
-        const new_props = {
-            ...mock_props,
-            current_focus: 'contract_update_take_profit',
-            contract: {
-                ...contract,
-                contract_update_take_profit: '',
-                has_contract_update_take_profit: true,
-                validation_errors: {
-                    contract_update_take_profit: ['Please enter a take profit amount.'],
-                    contract_update_stop_loss: [],
-                },
-            },
-        };
-        render(<ContractUpdateForm {...new_props} />);
-        const take_profit_checkbox = screen.getByRole('checkbox', { name: getCardLabels().TAKE_PROFIT });
-        const take_profit_input = screen.getByRole('textbox');
-        const apply_button = screen.getByRole('button', { name: getCardLabels().APPLY });
-        configure({ testIdAttribute: 'data-tooltip' });
-        const error_message = screen.getByTestId('Please enter a take profit amount.');
-        expect(take_profit_checkbox).toBeChecked();
-        expect(take_profit_input).toHaveDisplayValue('');
-        expect(apply_button).toBeDisabled();
-        expect(error_message).toBeInTheDocument();
-        // when typing a value, onChange should be called:
-        userEvent.type(take_profit_input, '5');
-        expect(new_props.contract.onChange).toHaveBeenCalled();
-    });
-    it(`should render unchecked Take profit & Stop loss checkboxes with popover icons, inputs and disabled Apply button
-        for Multipliers when neither take profit, nor stop loss is selected or applied in desktop`, () => {
-        const new_props = {
-            ...mock_props,
-            contract: {
-                ...contract,
-                contract_info: mockContractInfo({
-                    ...contract_info,
-                    contract_type: CONTRACT_TYPES.MULTIPLIER.DOWN,
-                }),
-            },
-            is_accumulator: false,
-        };
-        render(<ContractUpdateForm {...new_props} />);
-        const stop_loss_checkbox = screen.getByRole('checkbox', { name: getCardLabels().STOP_LOSS });
-        const take_profit_checkbox = screen.queryByRole('checkbox', { name: getCardLabels().TAKE_PROFIT });
-        const inputs = screen.getAllByRole('textbox');
-        const apply_button = screen.getByRole('button', { name: getCardLabels().APPLY });
-        expect(stop_loss_checkbox).not.toBeChecked();
-        expect(take_profit_checkbox).not.toBeChecked();
-        expect(screen.getAllByTestId(popoverTestid)).toHaveLength(2);
-        expect(inputs).toHaveLength(2);
-        expect(apply_button).toBeDisabled();
-    });
-    it('should render correct Total profit/loss, unchecked checkboxes without inputs & popover icons on mobile', () => {
-        (isMobile as jest.Mock).mockReturnValue(true);
-        const newProps = {
-            ...mock_props,
-            contract: {
-                ...contract,
-                contract_info: mockContractInfo({
-                    ...contract_info,
-                    contract_type: CONTRACT_TYPES.MULTIPLIER.DOWN,
-                }),
-            },
-            is_accumulator: false,
-        };
-        render(<ContractUpdateForm {...newProps} isMobile />);
-        expect(screen.getByText(getCardLabels().TOTAL_PROFIT_LOSS)).toBeInTheDocument();
-        expect(screen.getByText('2.43 USD')).toBeInTheDocument();
-        expect(screen.getAllByTestId(popoverTestid)).toHaveLength(2);
-        expect(screen.queryByRole('textbox')).not.toBeInTheDocument();
-    });
-});
diff --git a/src/components/shared_ui/contract-card/contract-card-items/__tests__/lookbacks-card-body.spec.tsx b/src/components/shared_ui/contract-card/contract-card-items/__tests__/lookbacks-card-body.spec.tsx
deleted file mode 100644
index b91b27f7..00000000
--- a/src/components/shared_ui/contract-card/contract-card-items/__tests__/lookbacks-card-body.spec.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { mockContractInfo, CONTRACT_TYPES } from '@deriv/shared';
-import LookBacksCardBody from '../lookbacks-card-body';
-
-type TLookBacksCardBody = React.ComponentProps<typeof LookBacksCardBody>;
-
-describe('<LookBacksCardBody />', () => {
-    const mockProps: TLookBacksCardBody = {
-        contract_info: mockContractInfo({
-            buy_price: 6.55,
-            contract_type: CONTRACT_TYPES.LB_HIGH_LOW,
-            sell_price: 5.06,
-            profit: -1.49,
-            multiplier: 5,
-        }),
-        is_sold: false,
-        currency: 'USD',
-        indicative: 5.06,
-        progress_slider_mobile_el: <div>Progress slider</div>,
-    };
-
-    it('should display all appropriate contract card fields, labels and values for ongoing contract', () => {
-        render(<LookBacksCardBody {...mockProps} />);
-
-        expect(screen.getByText('Potential profit/loss:')).toBeInTheDocument();
-        expect(screen.getByText('1.49')).toBeInTheDocument();
-        expect(screen.getByText('Indicative price:')).toBeInTheDocument();
-        expect(screen.getByText('5.06')).toBeInTheDocument();
-        expect(screen.getAllByTestId('dt_arrow_indicator')).toHaveLength(2);
-        expect(screen.getByText('Buy price:')).toBeInTheDocument();
-        expect(screen.getByText('6.55')).toBeInTheDocument();
-        expect(screen.getByText('Multiplier:')).toBeInTheDocument();
-        expect(screen.getByText('x5')).toBeInTheDocument();
-    });
-
-    it('should display all appropriate contract card fields, labels and values for sold contract', () => {
-        render(<LookBacksCardBody {...mockProps} is_sold />);
-
-        expect(screen.getByText('Profit/Loss:')).toBeInTheDocument();
-        expect(screen.getByText('1.49')).toBeInTheDocument();
-        expect(screen.getByText('Sell price:')).toBeInTheDocument();
-        expect(screen.getByText('5.06')).toBeInTheDocument();
-        expect(screen.queryByTestId('dt_arrow_indicator')).not.toBeInTheDocument();
-        expect(screen.getByText('Buy price:')).toBeInTheDocument();
-        expect(screen.getByText('6.55')).toBeInTheDocument();
-        expect(screen.getByText('Multiplier:')).toBeInTheDocument();
-        expect(screen.getByText('x5')).toBeInTheDocument();
-    });
-
-    it('should display correct Payout limit for High-Low contract', () => {
-        render(<LookBacksCardBody {...mockProps} />);
-
-        expect(screen.getByText('Payout limit: 5 x (High - Low)')).toBeInTheDocument();
-    });
-
-    it('should display correct Payout limit for High-Close contract', () => {
-        mockProps.contract_info.contract_type = CONTRACT_TYPES.LB_PUT;
-        render(<LookBacksCardBody {...mockProps} />);
-
-        expect(screen.getByText('Payout limit: 5 x (High - Close)')).toBeInTheDocument();
-    });
-
-    it('should display correct Payout limit for Close-Low contract', () => {
-        mockProps.contract_info.contract_type = CONTRACT_TYPES.LB_CALL;
-        render(<LookBacksCardBody {...mockProps} />);
-
-        expect(screen.getByText('Payout limit: 5 x (Close - Low)')).toBeInTheDocument();
-    });
-});
diff --git a/src/components/shared_ui/contract-card/contract-card-items/__tests__/multiplier-card-body.spec.tsx b/src/components/shared_ui/contract-card/contract-card-items/__tests__/multiplier-card-body.spec.tsx
deleted file mode 100644
index c9a2e97f..00000000
--- a/src/components/shared_ui/contract-card/contract-card-items/__tests__/multiplier-card-body.spec.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { mockContractInfo, getCardLabels } from '@deriv/shared';
-import MultiplierCardBody from '../multiplier-card-body';
-
-type TMockedMultiplierCardBodyProps = Partial<React.ComponentProps<typeof MultiplierCardBody>>;
-
-describe('MultiplierCardBody', () => {
-    let mock_props: TMockedMultiplierCardBodyProps = {};
-    const progress_slider = 'progress_slider';
-
-    beforeEach(() => {
-        mock_props = {
-            addToast: jest.fn(),
-            contract_info: mockContractInfo({
-                // 'Total profit/loss' equals to bid_price - buy_price;
-                buy_price: 10.44,
-                bid_price: 10,
-                cancellation: { ask_price: 0.44 },
-                is_valid_to_cancel: 0,
-                is_valid_to_sell: 0,
-                limit_order: {
-                    stop_out: {
-                        display_name: 'Stop out',
-                        order_amount: -10,
-                        order_date: 1698680866,
-                        value: '1942.71',
-                    },
-                },
-                sell_price: 10,
-                status: 'cancelled',
-                profit: 0,
-                underlying: '1HZ100V',
-            }),
-            contract_update: {},
-            currency: 'USD',
-            current_focus: '',
-            getCardLabels: () => getCardLabels(),
-            getContractById: jest.fn(),
-            has_progress_slider: false,
-            is_mobile: false,
-            is_sold: true,
-            onMouseLeave: jest.fn(),
-            progress_slider: null,
-            removeToast: jest.fn(),
-            setCurrentFocus: jest.fn(),
-            should_show_cancellation_warning: false,
-            toggleCancellationWarning: jest.fn(),
-            totalProfit: -0.44,
-        };
-    });
-
-    const testCardContent = () => {
-        expect(screen.getByText(getCardLabels().CONTRACT_COST)).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().CONTRACT_VALUE)).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().DEAL_CANCEL_FEE)).toBeInTheDocument();
-        expect(screen.queryByText(getCardLabels().NOT_AVAILABLE)).not.toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().STAKE)).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().STOP_LOSS)).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().TAKE_PROFIT)).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().TOTAL_PROFIT_LOSS)).toBeInTheDocument();
-    };
-
-    it('should render the correct content for a Cancelled contract with Deal cancel.fee and negative Total profit/loss', () => {
-        // @ts-expect-error Check if error is gone after migrating MultiplierCardBody to TS
-        render(<MultiplierCardBody {...mock_props} />);
-
-        testCardContent();
-    });
-    it('should render correct content for an open contract with negative Total profit/loss in mobile', () => {
-        mock_props.is_mobile = true;
-        mock_props.contract_info.bid_price = 10.2;
-        mock_props.contract_info.buy_price = 10.44;
-        mock_props.contract_info.is_sold = 0;
-        mock_props.contract_info.is_valid_to_cancel = 1;
-        mock_props.contract_info.is_valid_to_sell = 1;
-        mock_props.contract_info.profit = 0.2;
-        mock_props.contract_info.status = 'open';
-        mock_props.is_sold = false;
-        delete mock_props.contract_info.sell_price;
-        // @ts-expect-error Check if error is gone after migrating MultiplierCardBody to TS
-        render(<MultiplierCardBody {...mock_props} />);
-
-        testCardContent();
-    });
-    it('should render progress_slider and "-" in disabled state  in Deal Cancel.fee when contract is open for a crypto asset in mobile', () => {
-        mock_props.is_mobile = true;
-        mock_props.contract_info.status = 'open';
-        mock_props.contract_info.underlying = 'cryBTCUSD';
-        mock_props.is_sold = false;
-        mock_props.has_progress_slider = true;
-        mock_props.progress_slider = progress_slider;
-        delete mock_props.contract_info.cancellation;
-        delete mock_props.contract_info.sell_price;
-
-        // @ts-expect-error Check if error is gone after migrating MultiplierCardBody to TS
-        render(<MultiplierCardBody {...mock_props} />);
-
-        expect(screen.getByText(progress_slider)).toBeInTheDocument();
-    });
-
-    it('should not render arrow indicator if the contract was sold (is_sold === true)', () => {
-        // @ts-expect-error Check if error is gone after migrating MultiplierCardBody to TS
-        render(<MultiplierCardBody {...mock_props} />);
-
-        expect(screen.queryByTestId('dt_arrow_indicator')).not.toBeInTheDocument();
-    });
-
-    it('should render arrow indicator if the contract is not sold (is_sold === false)', () => {
-        // @ts-expect-error Check if error is gone after migrating MultiplierCardBody to TS
-        render(<MultiplierCardBody {...mock_props} is_sold={false} />);
-
-        expect(screen.getAllByTestId('dt_arrow_indicator')).not.toHaveLength(0);
-    });
-});
diff --git a/src/components/shared_ui/contract-card/contract-card-items/__tests__/tick-counter-bar.spec.tsx b/src/components/shared_ui/contract-card/contract-card-items/__tests__/tick-counter-bar.spec.tsx
deleted file mode 100644
index 31326a48..00000000
--- a/src/components/shared_ui/contract-card/contract-card-items/__tests__/tick-counter-bar.spec.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import TickCounterBar from '../tick-counter-bar';
-
-describe('TickCounterBar', () => {
-    const mock_props = {
-        current_tick: 12345,
-        label: 'Ticks',
-        max_ticks_duration: 67890,
-    };
-    it('should render properly', () => {
-        render(<TickCounterBar {...mock_props} />);
-
-        const ticks_info_el = screen.getByText('12345/67890 Ticks');
-        expect(ticks_info_el).toHaveClass('dc-tick-counter-bar__text');
-    });
-});
diff --git a/src/components/shared_ui/contract-card/contract-card-items/__tests__/toggle-card-dialog.spec.tsx b/src/components/shared_ui/contract-card/contract-card-items/__tests__/toggle-card-dialog.spec.tsx
deleted file mode 100644
index 6507e7df..00000000
--- a/src/components/shared_ui/contract-card/contract-card-items/__tests__/toggle-card-dialog.spec.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { getCardLabels } from '@deriv/shared';
-import ToggleCardDialog from '../toggle-card-dialog';
-
-const contractUpdateForm = 'ContractUpdateForm';
-
-jest.mock('../contract-update-form', () => jest.fn(() => <div>ContractUpdateForm</div>));
-jest.mock('../../../icon', () => jest.fn((props: { icon: string }) => <div>{props.icon}</div>));
-
-describe('ToggleCardDialog', () => {
-    const mockProps = {
-        addToast: jest.fn(),
-        contract_id: 1,
-        current_focus: null,
-        error_message_alignment: 'left',
-        getCardLabels: () => getCardLabels(),
-        getContractById: jest.fn(),
-        is_valid_to_cancel: false,
-        onMouseLeave: jest.fn(),
-        removeToast: jest.fn(),
-        setCurrentFocus: jest.fn(),
-        totalProfit: 50,
-    };
-    beforeAll(() => {
-        (ReactDOM.createPortal as jest.Mock) = jest.fn(component => {
-            return component;
-        });
-    });
-    afterAll(() => {
-        (ReactDOM.createPortal as jest.Mock).mockClear();
-    });
-    it('should render ContractUpdateForm when edit icon is clicked', () => {
-        render(<ToggleCardDialog {...mockProps} />);
-        expect(screen.queryByText(contractUpdateForm)).not.toBeInTheDocument();
-        const editIcon = screen.getByText('IcEdit');
-        userEvent.click(editIcon);
-        expect(screen.getByText(contractUpdateForm)).toBeInTheDocument();
-    });
-    it('should not render ContractUpdateForm when edit icon is clicked if is_valid_to_cancel === true', () => {
-        render(<ToggleCardDialog {...mockProps} is_valid_to_cancel />);
-        expect(screen.queryByText(contractUpdateForm)).not.toBeInTheDocument();
-        const editIcon = screen.getByText('IcEdit');
-        userEvent.click(editIcon);
-        expect(screen.queryByText(contractUpdateForm)).not.toBeInTheDocument();
-    });
-});
diff --git a/src/components/shared_ui/contract-card/contract-card-items/__tests__/turbos-card-body.spec.tsx b/src/components/shared_ui/contract-card/contract-card-items/__tests__/turbos-card-body.spec.tsx
deleted file mode 100644
index d2c58f3a..00000000
--- a/src/components/shared_ui/contract-card/contract-card-items/__tests__/turbos-card-body.spec.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { render, screen } from '@testing-library/react';
-import { mockContractInfo, getCardLabels } from '@deriv/shared';
-import TurbosCardBody from '../turbos-card-body';
-
-const contract_info = mockContractInfo({
-    contract_id: 1,
-    bid_price: 1044.02,
-    buy_price: 1044.0,
-    profit: 50,
-    barrier: '10904.803',
-    entry_spot_display_value: '1046.800',
-    sell_price: 1046.8,
-});
-
-describe('TurbosCardBody', () => {
-    const mock_props = {
-        addToast: jest.fn(),
-        contract_info,
-        contract_update: {
-            take_profit: {
-                display_name: 'Take profit',
-                order_amount: 0,
-                order_date: 1678948046,
-            },
-        },
-        currency: 'USD',
-        current_focus: null,
-        error_message_alignment: 'left',
-        getCardLabels: () => getCardLabels(),
-        getContractById: jest.fn(),
-        is_sold: false,
-        onMouseLeave: jest.fn(),
-        removeToast: jest.fn(),
-        setCurrentFocus: jest.fn(),
-        status: 'profit',
-        progress_slider_mobile_el: false,
-        totalProfit: 50,
-    };
-    beforeAll(() => {
-        (ReactDOM.createPortal as jest.Mock) = jest.fn(component => {
-            return component;
-        });
-    });
-
-    it('renders header and values correctly', () => {
-        render(<TurbosCardBody {...mock_props} />);
-        const buy_price_header = screen.getByText(getCardLabels().STAKE);
-        expect(buy_price_header).toBeInTheDocument();
-        const buy_price_amount = screen.getByText('1,044.00');
-        expect(buy_price_amount).toBeInTheDocument();
-
-        const entry_spot_header = screen.getByText(getCardLabels().ENTRY_SPOT);
-        expect(entry_spot_header).toBeInTheDocument();
-        const entry_spot_amount = screen.getByText('1,046.800');
-        expect(entry_spot_amount).toBeInTheDocument();
-
-        const barrier_header = screen.getByText(getCardLabels().BARRIER);
-        expect(barrier_header).toBeInTheDocument();
-        const barrier_level = screen.getByText('10,904.803');
-        expect(barrier_level).toBeInTheDocument();
-
-        const take_profit_header = screen.getByText(getCardLabels().TAKE_PROFIT);
-        expect(take_profit_header).toBeInTheDocument();
-        const take_profit_amount = screen.getByText('-');
-        expect(take_profit_amount).toBeInTheDocument();
-
-        const total_profit_loss_header = screen.getByText(getCardLabels().TOTAL_PROFIT_LOSS);
-        expect(total_profit_loss_header).toBeInTheDocument();
-        const total_profit_loss_amount = screen.getByText('50.00');
-        expect(total_profit_loss_amount).toBeInTheDocument();
-    });
-    it('should render Total profit/loss even if profit === 0', () => {
-        const new_mocked_props = { ...mock_props };
-        new_mocked_props.contract_info.profit = 0;
-        render(<TurbosCardBody {...new_mocked_props} />);
-
-        expect(screen.getByText(getCardLabels().TOTAL_PROFIT_LOSS)).toBeInTheDocument();
-        expect(screen.getByText('0.00')).toBeInTheDocument();
-    });
-
-    it('should not render arrow indicator if the contract was sold (is_sold === true)', () => {
-        render(<TurbosCardBody {...mock_props} is_sold />);
-
-        expect(screen.queryByTestId('dt_arrow_indicator')).not.toBeInTheDocument();
-    });
-
-    it('should render arrow indicator if the contract is not sold (is_sold === false)', () => {
-        render(<TurbosCardBody {...mock_props} />);
-
-        expect(screen.getAllByTestId('dt_arrow_indicator')).not.toHaveLength(0);
-    });
-});
diff --git a/src/components/shared_ui/contract-card/contract-card-items/__tests__/vanilla-options-card-body.spec.tsx b/src/components/shared_ui/contract-card/contract-card-items/__tests__/vanilla-options-card-body.spec.tsx
deleted file mode 100644
index 94bd943b..00000000
--- a/src/components/shared_ui/contract-card/contract-card-items/__tests__/vanilla-options-card-body.spec.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { mockContractInfo, getCardLabels } from '@deriv/shared';
-import VanillaOptionsCardBody, { TVanillaOptionsCardBodyProps } from '../vanilla-options-card-body';
-
-describe('VanillaOptionsCardBody', () => {
-    const mock_props: TVanillaOptionsCardBodyProps = {
-        contract_info: mockContractInfo({
-            buy_price: 100,
-            bid_price: 105,
-            entry_spot_display_value: '1100.00',
-            barrier: '1200.00',
-            sell_price: 95,
-            profit: -5,
-            status: 'lost',
-        }),
-        currency: 'USD',
-        getCardLabels: () => getCardLabels(),
-        is_sold: true,
-        progress_slider: null,
-    };
-    it('should render the correct content for a sold contract', async () => {
-        // Render the component with the provided props
-        render(<VanillaOptionsCardBody {...mock_props} />);
-
-        // Test that the correct elements are present in the component
-        expect(screen.getByText(getCardLabels().CONTRACT_VALUE)).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().ENTRY_SPOT)).toBeInTheDocument();
-        expect(screen.getByText('1,100.00')).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().STAKE)).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().STRIKE)).toBeInTheDocument();
-        expect(screen.getByText('1,200.00')).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().TOTAL_PROFIT_LOSS)).toBeInTheDocument();
-    });
-
-    it('should render the correct content for an unsold contract', async () => {
-        mock_props.contract_info.profit = 5;
-        mock_props.contract_info.status = 'won';
-        mock_props.is_sold = false;
-        mock_props.progress_slider = <div />;
-        delete mock_props.contract_info.sell_price;
-
-        // Render the component with the provided props
-        render(<VanillaOptionsCardBody {...mock_props} />);
-
-        // Test that the correct elements are present in the component
-        expect(screen.getByText(getCardLabels().CONTRACT_VALUE)).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().ENTRY_SPOT)).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().STAKE)).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().STRIKE)).toBeInTheDocument();
-        expect(screen.getByText(getCardLabels().TOTAL_PROFIT_LOSS)).toBeInTheDocument();
-    });
-
-    it('should render arrow indicator if the contract is not sold (is_sold === false)', () => {
-        render(<VanillaOptionsCardBody {...mock_props} />);
-
-        expect(screen.getAllByTestId('dt_arrow_indicator')).not.toHaveLength(0);
-    });
-
-    it('should not render arrow indicator if the contract was sold (is_sold === true)', () => {
-        render(<VanillaOptionsCardBody {...mock_props} is_sold />);
-
-        expect(screen.queryByTestId('dt_arrow_indicator')).not.toBeInTheDocument();
-    });
-});
diff --git a/src/components/shared_ui/contract-card/contract-card-items/contract-card-item.tsx b/src/components/shared_ui/contract-card/contract-card-items/contract-card-item.tsx
index 9f804d9c..9f16cea3 100644
--- a/src/components/shared_ui/contract-card/contract-card-items/contract-card-item.tsx
+++ b/src/components/shared_ui/contract-card/contract-card-items/contract-card-item.tsx
@@ -1,5 +1,5 @@
-import classNames from 'classnames';
 import React from 'react';
+import classNames from 'classnames';
 
 export type TContractCardItemProps = {
     className: string;
diff --git a/src/components/shared_ui/contract-card/contract-card-items/tick-counter-bar.tsx b/src/components/shared_ui/contract-card/contract-card-items/tick-counter-bar.tsx
index 8dc18208..075f3a24 100644
--- a/src/components/shared_ui/contract-card/contract-card-items/tick-counter-bar.tsx
+++ b/src/components/shared_ui/contract-card/contract-card-items/tick-counter-bar.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import Text from '../../text';
 
 type TTickCounterBar = {
diff --git a/src/components/shared_ui/contract-card/contract-card-items/toggle-card-dialog.tsx b/src/components/shared_ui/contract-card/contract-card-items/toggle-card-dialog.tsx
index a1a8ca4e..6aa0460a 100644
--- a/src/components/shared_ui/contract-card/contract-card-items/toggle-card-dialog.tsx
+++ b/src/components/shared_ui/contract-card/contract-card-items/toggle-card-dialog.tsx
@@ -1,6 +1,8 @@
+/* eslint-disable no-unsafe-optional-chaining */
 import React from 'react';
 
 import { isDesktop, isMobile } from '@/components/shared';
+import { Icon } from '@/utils/tmp/dummy';
 
 import DesktopWrapper from '../../desktop-wrapper';
 import Div100vhContainer from '../../div100vh-container';
diff --git a/src/components/shared_ui/contract-card/contract-card-loader/contract-card-loader.tsx b/src/components/shared_ui/contract-card/contract-card-loader/contract-card-loader.tsx
index 2ec55970..6999d8f4 100644
--- a/src/components/shared_ui/contract-card/contract-card-loader/contract-card-loader.tsx
+++ b/src/components/shared_ui/contract-card/contract-card-loader/contract-card-loader.tsx
@@ -1,5 +1,4 @@
 import ContentLoader from 'react-content-loader';
-import React from 'react';
 
 const ContractCardLoader = ({ speed }: { speed: number }) => (
     <ContentLoader height={173} width={218} speed={speed}>
diff --git a/src/components/shared_ui/contract-card/index.ts b/src/components/shared_ui/contract-card/index.ts
index abdccf79..64d258fd 100644
--- a/src/components/shared_ui/contract-card/index.ts
+++ b/src/components/shared_ui/contract-card/index.ts
@@ -1,4 +1,5 @@
 import ContractCard from './contract-card';
+
 import './contract-card.scss';
 
 export default ContractCard;
diff --git a/src/components/shared_ui/contract-card/result-overlay/__tests__/result-overlay.spec.tsx b/src/components/shared_ui/contract-card/result-overlay/__tests__/result-overlay.spec.tsx
deleted file mode 100644
index 66f57d46..00000000
--- a/src/components/shared_ui/contract-card/result-overlay/__tests__/result-overlay.spec.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import ResultOverlay from '../result-overlay';
-
-const default_mocked_props = {
-    currency: 'USD',
-    contract_id: 1987232323,
-    getCardLabels: () => ({ CLOSED: 'Closed' }),
-    getContractPath: jest.fn(),
-    is_positions: true,
-    is_visible: true,
-    onClick: jest.fn(),
-    onClickRemove: jest.fn(),
-    payout_info: 4.05,
-    result: 'won',
-};
-
-jest.mock('react-transition-group', () => ({
-    CSSTransition: jest.fn(({ children }) => <div>{children}</div>),
-}));
-jest.mock('react-router-dom', () => ({
-    ...jest.requireActual('react-router-dom'),
-    NavLink: jest.fn(({ children }) => <div>{children}</div>),
-}));
-
-describe('<ResultOverlay/>', () => {
-    it('should render component with plus inside if payout_info is positive', () => {
-        render(<ResultOverlay {...default_mocked_props} />);
-
-        expect(screen.getByText(default_mocked_props.getCardLabels().CLOSED)).toBeInTheDocument();
-        expect(screen.getByText('+')).toBeInTheDocument();
-        expect(screen.getByText('4.05 USD')).toBeInTheDocument();
-    });
-    it('should render component with minus inside if payout_info is negative', () => {
-        render(<ResultOverlay {...default_mocked_props} payout_info={-6} />);
-
-        expect(screen.getByText(default_mocked_props.getCardLabels().CLOSED)).toBeInTheDocument();
-        expect(screen.getByText('-')).toBeInTheDocument();
-        expect(screen.getByText('6.00 USD')).toBeInTheDocument();
-    });
-});
diff --git a/src/components/shared_ui/contract-card/result-overlay/index.ts b/src/components/shared_ui/contract-card/result-overlay/index.ts
index c89584db..6c570cf1 100644
--- a/src/components/shared_ui/contract-card/result-overlay/index.ts
+++ b/src/components/shared_ui/contract-card/result-overlay/index.ts
@@ -1,4 +1,5 @@
 import ResultOverlay from './result-overlay';
+
 import './result-overlay.scss';
 
 export default ResultOverlay;
diff --git a/src/components/shared_ui/counter/counter.tsx b/src/components/shared_ui/counter/counter.tsx
index 96d48f5f..ddf69b27 100644
--- a/src/components/shared_ui/counter/counter.tsx
+++ b/src/components/shared_ui/counter/counter.tsx
@@ -1,5 +1,4 @@
 import classNames from 'classnames';
-import React from 'react';
 
 type TCounterProps = {
     className?: string;
diff --git a/src/components/shared_ui/counter/index.ts b/src/components/shared_ui/counter/index.ts
index fde44bfd..f27b92b0 100644
--- a/src/components/shared_ui/counter/index.ts
+++ b/src/components/shared_ui/counter/index.ts
@@ -1,4 +1,5 @@
 import Counter from './counter';
+
 import './counter.scss';
 
 export default Counter;
diff --git a/src/components/shared_ui/currency-badge/index.ts b/src/components/shared_ui/currency-badge/index.ts
index 6fe6ffef..731ed75a 100644
--- a/src/components/shared_ui/currency-badge/index.ts
+++ b/src/components/shared_ui/currency-badge/index.ts
@@ -1,4 +1,5 @@
 import CurrencyBadge from './currency-badge';
+
 import './currency-badge.scss';
 
 export default CurrencyBadge;
diff --git a/src/components/shared_ui/data-list/index.ts b/src/components/shared_ui/data-list/index.ts
index d96ae859..562922c7 100644
--- a/src/components/shared_ui/data-list/index.ts
+++ b/src/components/shared_ui/data-list/index.ts
@@ -1,4 +1,5 @@
 import DataList from './data-list';
+
 import './data-list.scss';
 
 export default DataList;
diff --git a/src/components/shared_ui/drawer/index.ts b/src/components/shared_ui/drawer/index.ts
index b9191b0c..cc782901 100644
--- a/src/components/shared_ui/drawer/index.ts
+++ b/src/components/shared_ui/drawer/index.ts
@@ -1,4 +1,5 @@
 import Drawer from './drawer';
+
 import './drawer.scss';
 
 export default Drawer;
diff --git a/src/components/shared_ui/dropdown-list/dropdown-list.tsx b/src/components/shared_ui/dropdown-list/dropdown-list.tsx
index 2f4adb4d..1fd4fdf2 100644
--- a/src/components/shared_ui/dropdown-list/dropdown-list.tsx
+++ b/src/components/shared_ui/dropdown-list/dropdown-list.tsx
@@ -1,10 +1,12 @@
 import React from 'react';
-import classNames from 'classnames';
 import ReactDOM from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
-import ThemedScrollbars from '../themed-scrollbars/themed-scrollbars';
+import classNames from 'classnames';
+
 import { ResidenceList } from '@deriv/api-types';
 
+import ThemedScrollbars from '../themed-scrollbars/themed-scrollbars';
+
 export type TItem =
     | string
     | (ResidenceList[0] & {
diff --git a/src/components/shared_ui/dropdown-list/index.ts b/src/components/shared_ui/dropdown-list/index.ts
index db379088..31bd9499 100644
--- a/src/components/shared_ui/dropdown-list/index.ts
+++ b/src/components/shared_ui/dropdown-list/index.ts
@@ -1,4 +1,5 @@
 import DropdownList, { TItem } from './dropdown-list';
+
 import './dropdown-list.scss';
 
 export type { TItem };
diff --git a/src/components/shared_ui/fade-wrapper/fade-wrapper.tsx b/src/components/shared_ui/fade-wrapper/fade-wrapper.tsx
index 5b64bd3d..0548f982 100644
--- a/src/components/shared_ui/fade-wrapper/fade-wrapper.tsx
+++ b/src/components/shared_ui/fade-wrapper/fade-wrapper.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { motion } from 'framer-motion';
 
 type TFadeWrapperProps = {
diff --git a/src/components/shared_ui/fade-wrapper/index.ts b/src/components/shared_ui/fade-wrapper/index.ts
index 0c320c90..2489c54e 100644
--- a/src/components/shared_ui/fade-wrapper/index.ts
+++ b/src/components/shared_ui/fade-wrapper/index.ts
@@ -1,4 +1,5 @@
 import FadeWrapper from './fade-wrapper';
+
 import './fade-wrapper.scss';
 
 export default FadeWrapper;
diff --git a/src/components/shared_ui/field/field.tsx b/src/components/shared_ui/field/field.tsx
index c509715c..6d87235b 100644
--- a/src/components/shared_ui/field/field.tsx
+++ b/src/components/shared_ui/field/field.tsx
@@ -1,5 +1,4 @@
 import classNames from 'classnames';
-import React from 'react';
 
 type TFieldProps = {
     className?: string;
diff --git a/src/components/shared_ui/field/index.ts b/src/components/shared_ui/field/index.ts
index 839b49b8..8ae751ff 100644
--- a/src/components/shared_ui/field/index.ts
+++ b/src/components/shared_ui/field/index.ts
@@ -1,4 +1,5 @@
 import Field from './field';
+
 import './field.scss';
 
 export default Field;
diff --git a/src/components/shared_ui/input-field/index.ts b/src/components/shared_ui/input-field/index.ts
index 10e5904d..9d61e88a 100644
--- a/src/components/shared_ui/input-field/index.ts
+++ b/src/components/shared_ui/input-field/index.ts
@@ -1,4 +1,5 @@
 import InputField from './input-field';
+
 import './input-field.scss';
 
 export default InputField;
diff --git a/src/components/shared_ui/input-wth-checkbox/index.ts b/src/components/shared_ui/input-wth-checkbox/index.ts
index d31d9237..c01ed5a1 100644
--- a/src/components/shared_ui/input-wth-checkbox/index.ts
+++ b/src/components/shared_ui/input-wth-checkbox/index.ts
@@ -1,4 +1,5 @@
 import InputWithCheckBox from './input-with-checkbox';
+
 import './input-with-checkbox.scss';
 
 export default InputWithCheckBox;
diff --git a/src/components/shared_ui/input/index.ts b/src/components/shared_ui/input/index.ts
index ffb7fc89..b1a45abb 100644
--- a/src/components/shared_ui/input/index.ts
+++ b/src/components/shared_ui/input/index.ts
@@ -1,4 +1,5 @@
 import Input, { TInputProps } from './input';
+
 import './input.scss';
 
 export type { TInputProps };
diff --git a/src/components/shared_ui/mobile-dialog/index.ts b/src/components/shared_ui/mobile-dialog/index.ts
index dda0abf9..eae8e8e3 100644
--- a/src/components/shared_ui/mobile-dialog/index.ts
+++ b/src/components/shared_ui/mobile-dialog/index.ts
@@ -1,4 +1,5 @@
 import MobileDialog from './mobile-dialog';
+
 import './mobile-dialog.scss';
 
 export default MobileDialog;
diff --git a/src/components/shared_ui/money/__tests__/money.spec.tsx b/src/components/shared_ui/money/__tests__/money.spec.tsx
deleted file mode 100644
index 8e6c7a07..00000000
--- a/src/components/shared_ui/money/__tests__/money.spec.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import Money from '../money';
-
-describe('Money', () => {
-    it('should have the "className" when passed in', () => {
-        render(<Money className='test-class' />);
-        expect(screen.getByTestId('dt_span')).toHaveClass('test-class');
-    });
-
-    it('should return correct text based on the props when "amount" is > 0 and "has_sign" is "true"', () => {
-        render(<Money has_sign amount={+10} />);
-        expect(screen.getByText('+')).toBeInTheDocument();
-        expect(screen.getByText('10.00')).toBeInTheDocument();
-    });
-
-    it('should return correct text based on the props when "amount" is < 0 and "has_sign" is "true"', () => {
-        render(<Money has_sign amount={-10} />);
-        expect(screen.getByText('-')).toBeInTheDocument();
-        expect(screen.getByText('10.00')).toBeInTheDocument();
-    });
-
-    it('should return correct text based on the props when "amount" is 0 and "has_sign" is "true"', () => {
-        render(<Money has_sign amount={0} />);
-        expect(screen.getByText('0.00')).toBeInTheDocument();
-    });
-
-    it('should return correct text based on the props when "amount" is > 0 and "has_sign" is "true" and "should_format" is "false")', () => {
-        render(<Money has_sign amount={+10} should_format={false} />);
-        expect(screen.getByText('+')).toBeInTheDocument();
-        expect(screen.getByText('10')).toBeInTheDocument();
-    });
-
-    it('should return correct text based on the props when "amount" is < 0 and "has_sign" is "true" and "should_format" is "false"', () => {
-        render(<Money has_sign amount={-10.5} should_format={false} />);
-        expect(screen.getByText('-')).toBeInTheDocument();
-        expect(screen.getByText('10.5')).toBeInTheDocument();
-    });
-
-    it('should return correct text based on the props when "amount" is 0 and "has_sign" is "true" and "should_format" is "false"', () => {
-        render(<Money has_sign should_format={false} amount={0} />);
-        expect(screen.getByText('0')).toBeInTheDocument();
-    });
-
-    it('should show the currency when "show_currency" passed', () => {
-        render(<Money amount={0} show_currency />);
-        expect(screen.getByText('0.00 USD')).toBeInTheDocument();
-    });
-});
diff --git a/src/components/shared_ui/page-overlay/index.ts b/src/components/shared_ui/page-overlay/index.ts
index 25d10e1e..d24400c7 100644
--- a/src/components/shared_ui/page-overlay/index.ts
+++ b/src/components/shared_ui/page-overlay/index.ts
@@ -1,4 +1,5 @@
 import PageOverlay from './page-overlay';
+
 import './page-overlay.scss';
 
 export default PageOverlay;
diff --git a/src/components/shared_ui/popover/__tests__/popover.spec.tsx b/src/components/shared_ui/popover/__tests__/popover.spec.tsx
deleted file mode 100644
index 74197ebf..00000000
--- a/src/components/shared_ui/popover/__tests__/popover.spec.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-import React from 'react';
-import { render, screen, within } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import Popover from '../popover';
-import Icon from '../../icon';
-import { MAX_MOBILE_WIDTH } from '../../../hooks';
-
-const blue_info_icon = 'IcInfoBlue';
-const children = 'Children';
-const relative_container_testid = 'dt_popover_relative_container';
-const target_info_icon = 'IcInfoOutline';
-const tooltip_message = 'Information about item.';
-
-const default_mocked_props = {
-    alignment: 'left',
-    className: 'test-tooltip',
-    classNameBubble: 'test-popover',
-    icon: 'info',
-    id: 'test_popover',
-    is_bubble_hover_enabled: true,
-    message: tooltip_message,
-    onBubbleClose: jest.fn(),
-    onBubbleOpen: jest.fn(),
-} as React.ComponentProps<typeof Popover>;
-
-jest.mock('../../icon', () =>
-    jest.fn((props: React.ComponentProps<typeof Icon>) => <div data-testid='mocked_icon'>{props.icon}</div>)
-);
-
-describe('<Popover/>', () => {
-    const mockPopover = (mocked_props = default_mocked_props) => {
-        return <Popover {...mocked_props}>{children}</Popover>;
-    };
-    it('should render an info icon, display tooltip on hover/click, hide only after unfocusing in desktop', () => {
-        render(mockPopover());
-        const info_icon = screen.getByText(target_info_icon);
-        expect(info_icon).toBeInTheDocument();
-        expect(screen.queryByText(tooltip_message)).not.toBeInTheDocument();
-        userEvent.hover(info_icon);
-        expect(screen.getByText(blue_info_icon)).toBeInTheDocument();
-        expect(screen.getByText(tooltip_message)).toBeInTheDocument();
-        userEvent.click(info_icon);
-        expect(screen.getByText(blue_info_icon)).toBeInTheDocument();
-        expect(screen.getByText(tooltip_message)).toBeInTheDocument();
-        userEvent.unhover(info_icon);
-        expect(screen.queryByText(blue_info_icon)).not.toBeInTheDocument();
-        expect(screen.queryByText(tooltip_message)).not.toBeInTheDocument();
-    });
-    it('should render a question icon, display tooltip upon tap & hide it upon the second tap on mobile', () => {
-        window.innerWidth = MAX_MOBILE_WIDTH;
-        render(mockPopover({ ...default_mocked_props, icon: 'question' }));
-        const unknown_icon = screen.getByText('IcUnknown');
-        expect(unknown_icon).toBeInTheDocument();
-        expect(screen.queryByText(tooltip_message)).not.toBeInTheDocument();
-        userEvent.click(unknown_icon);
-        expect(screen.queryByText(blue_info_icon)).not.toBeInTheDocument();
-        expect(screen.getByText(tooltip_message)).toBeInTheDocument();
-        userEvent.click(unknown_icon);
-        expect(screen.queryByText(tooltip_message)).not.toBeInTheDocument();
-    });
-    it('should render controlled popover with open tooltip when is_open === true & should call onClick when target is clicked', () => {
-        const onClick = jest.fn();
-        render(mockPopover({ ...default_mocked_props, icon: 'dot', is_open: true, onClick }));
-        const circle_icon = screen.getByText('IcCircle');
-        expect(circle_icon).toBeInTheDocument();
-        expect(screen.getByText(tooltip_message)).toBeInTheDocument();
-        userEvent.click(circle_icon);
-        expect(onClick).toBeCalled();
-    });
-    it('should render a counter instead of an icon when counter is provided & icon === counter', () => {
-        render(mockPopover({ ...default_mocked_props, icon: 'counter', counter: 5 }));
-        expect(screen.getByText('5')).toBeInTheDocument();
-    });
-    it('should hide the target icon when disable_target_icon === true', () => {
-        render(mockPopover({ ...default_mocked_props, disable_target_icon: true }));
-        expect(screen.queryByText(target_info_icon)).not.toBeInTheDocument();
-        expect(screen.getByText(children)).toBeInTheDocument();
-    });
-    it('should hide a blue info icon inside the tooltip when disable_message_icon === true', () => {
-        render(
-            mockPopover({
-                ...default_mocked_props,
-                disable_message_icon: true,
-                is_open: true,
-                onClick: jest.fn(),
-            })
-        );
-        expect(screen.getByText(target_info_icon)).toBeInTheDocument();
-        expect(screen.queryByText(blue_info_icon)).not.toBeInTheDocument();
-    });
-    it('should not open tooltip when message is undefined', () => {
-        render(mockPopover({ ...default_mocked_props, message: undefined }));
-
-        const info_icon = screen.getByText(target_info_icon);
-        expect(info_icon).toBeInTheDocument();
-        const message = screen.queryByText(tooltip_message);
-        expect(message).not.toBeInTheDocument();
-        userEvent.hover(info_icon);
-        expect(screen.queryByText(blue_info_icon)).not.toBeInTheDocument();
-        expect(message).not.toBeInTheDocument();
-    });
-    it('should call onBubbleOpen when bubble is hovered & onBubbleClose when bubble is unhovered in controlled popover', () => {
-        const onBubbleClose = jest.fn();
-        const onBubbleOpen = jest.fn();
-        render(
-            mockPopover({
-                ...default_mocked_props,
-                is_open: true,
-                onBubbleClose,
-                onBubbleOpen,
-                onClick: jest.fn(),
-            })
-        );
-        const message = screen.getByText(tooltip_message);
-        userEvent.hover(message);
-        expect(onBubbleOpen).toBeCalled();
-        userEvent.unhover(message);
-        expect(onBubbleClose).toBeCalled();
-    });
-    it('should call onBubbleOpen when bubble is focused & onBubbleClose when bubble is unfocused in uncontrolled popover in mobile', () => {
-        window.innerWidth = MAX_MOBILE_WIDTH;
-        const onBubbleClose = jest.fn();
-        const onBubbleOpen = jest.fn();
-        render(mockPopover({ ...default_mocked_props, onBubbleClose, onBubbleOpen }));
-        const info_icon = screen.getByText(target_info_icon);
-        userEvent.click(info_icon);
-        const message = screen.getByText(tooltip_message);
-        expect(message).toBeInTheDocument();
-        userEvent.click(message);
-        expect(onBubbleOpen).toBeCalled();
-        userEvent.unhover(message);
-        expect(onBubbleClose).toBeCalled();
-    });
-    it('should render relative container when relative_render === true', () => {
-        render(mockPopover({ ...default_mocked_props, relative_render: true, is_open: true }));
-        const relative_container = screen.getByTestId(relative_container_testid);
-        expect(within(relative_container).getByText(tooltip_message)).toBeInTheDocument();
-    });
-    it('should render relative container with an error message', () => {
-        const error_message = 'Error message.';
-        render(
-            mockPopover({
-                ...default_mocked_props,
-                relative_render: true,
-                is_open: true,
-                has_error: true,
-                message: error_message,
-            })
-        );
-        const relative_container = screen.getByTestId(relative_container_testid);
-        expect(within(relative_container).getByText(error_message)).toBeInTheDocument();
-    });
-});
diff --git a/src/components/shared_ui/popover/index.ts b/src/components/shared_ui/popover/index.ts
index b89dda2d..b9fa3f77 100644
--- a/src/components/shared_ui/popover/index.ts
+++ b/src/components/shared_ui/popover/index.ts
@@ -1,4 +1,5 @@
 import Popover from './popover';
+
 import './popover.scss';
 
 export default Popover;
diff --git a/src/components/shared_ui/popover/popover.tsx b/src/components/shared_ui/popover/popover.tsx
index 749c8707..b8fda5b9 100644
--- a/src/components/shared_ui/popover/popover.tsx
+++ b/src/components/shared_ui/popover/popover.tsx
@@ -5,6 +5,7 @@ import classNames from 'classnames';
 import { Text, useDevice } from '@deriv-com/ui';
 
 import { useHover, useHoverCallback } from '@/hooks/use-hover';
+import { Icon } from '@/utils/tmp/dummy';
 
 import { TPopoverProps } from '../types';
 
diff --git a/src/components/shared_ui/progress-slider-mobile/index.ts b/src/components/shared_ui/progress-slider-mobile/index.ts
index 849f73bc..84654fae 100644
--- a/src/components/shared_ui/progress-slider-mobile/index.ts
+++ b/src/components/shared_ui/progress-slider-mobile/index.ts
@@ -1,4 +1,5 @@
 import ProgressSliderMobile from './progress-slider-mobile';
+
 import './progress-slider-mobile.scss';
 
 export default ProgressSliderMobile;
diff --git a/src/components/shared_ui/progress-slider/index.ts b/src/components/shared_ui/progress-slider/index.ts
index c204d4cb..e849406b 100644
--- a/src/components/shared_ui/progress-slider/index.ts
+++ b/src/components/shared_ui/progress-slider/index.ts
@@ -1,4 +1,5 @@
 import ProgressSlider from './progress-slider';
+
 import './progress-slider.scss';
 
 export default ProgressSlider;
diff --git a/src/components/shared_ui/progress-slider/progress-ticks.tsx b/src/components/shared_ui/progress-slider/progress-ticks.tsx
index 5cc47398..86e8d250 100644
--- a/src/components/shared_ui/progress-slider/progress-ticks.tsx
+++ b/src/components/shared_ui/progress-slider/progress-ticks.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import React from 'react';
+
 import Text from '../text';
 import { TGetCardLables } from '../types';
 
diff --git a/src/components/shared_ui/tabs/index.ts b/src/components/shared_ui/tabs/index.ts
index c2774ff0..3a7fa4de 100644
--- a/src/components/shared_ui/tabs/index.ts
+++ b/src/components/shared_ui/tabs/index.ts
@@ -1,4 +1,5 @@
 import Tabs from './tabs';
+
 import './tabs.scss';
 
 export default Tabs;
diff --git a/src/components/shared_ui/text/index.ts b/src/components/shared_ui/text/index.ts
index b517a1d7..f8e34440 100644
--- a/src/components/shared_ui/text/index.ts
+++ b/src/components/shared_ui/text/index.ts
@@ -1,4 +1,5 @@
 import Text from './text';
+
 import './text.scss';
 
 export default Text;
diff --git a/src/components/shared_ui/tick-progress/index.ts b/src/components/shared_ui/tick-progress/index.ts
index efc13874..6433bcf2 100644
--- a/src/components/shared_ui/tick-progress/index.ts
+++ b/src/components/shared_ui/tick-progress/index.ts
@@ -1,4 +1,5 @@
 import TickProgress from './tick-progress';
+
 import './tick-progress.scss';
 
 export default TickProgress;
diff --git a/src/components/shared_ui/tick-progress/tick-progress.tsx b/src/components/shared_ui/tick-progress/tick-progress.tsx
index 4e9f7fbe..5e8a33ae 100644
--- a/src/components/shared_ui/tick-progress/tick-progress.tsx
+++ b/src/components/shared_ui/tick-progress/tick-progress.tsx
@@ -1,5 +1,4 @@
 import classNames from 'classnames';
-import React from 'react';
 
 type TTickProgress = {
     className?: string;
diff --git a/src/components/shared_ui/tooltip/index.ts b/src/components/shared_ui/tooltip/index.ts
index d41a0fa2..c0251298 100644
--- a/src/components/shared_ui/tooltip/index.ts
+++ b/src/components/shared_ui/tooltip/index.ts
@@ -1,4 +1,5 @@
 import Tooltip from './tooltip';
+
 import './tooltip.scss';
 
 export default Tooltip;
diff --git a/src/components/summary/index.ts b/src/components/summary/index.ts
index b1c8472d..dc0187a5 100644
--- a/src/components/summary/index.ts
+++ b/src/components/summary/index.ts
@@ -1,4 +1,5 @@
 import Summary from './summary';
+
 import './summary.scss';
 import './summary-card.scss';
 
diff --git a/src/components/trade-animation/index.ts b/src/components/trade-animation/index.ts
index 81d6a96f..9242a3ed 100644
--- a/src/components/trade-animation/index.ts
+++ b/src/components/trade-animation/index.ts
@@ -1,4 +1,5 @@
 import TradeAnimation from './trade-animation';
+
 import './trade-animation.scss';
 
 export default TradeAnimation;
diff --git a/src/components/trading-view-chart/trading-view.tsx b/src/components/trading-view-chart/trading-view.tsx
index 3144d3fa..98a10698 100644
--- a/src/components/trading-view-chart/trading-view.tsx
+++ b/src/components/trading-view-chart/trading-view.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 const TradingViewComponent = () => {
     return (
         <iframe
diff --git a/src/components/transaction-details/desktop-transaction-table.tsx b/src/components/transaction-details/desktop-transaction-table.tsx
index 54bfb13c..003607e2 100644
--- a/src/components/transaction-details/desktop-transaction-table.tsx
+++ b/src/components/transaction-details/desktop-transaction-table.tsx
@@ -6,8 +6,8 @@ import { transaction_elements } from '@/constants/transactions';
 import { getContractTypeName } from '@/external/bot-skeleton';
 import { isDbotRTL } from '@/external/bot-skeleton/utils/workspace';
 import { Icon, IconTradeTypes } from '@/utils/tmp/dummy';
-import { convertDateFormat } from '@/utils/tmp/time-helper';
 
+import { convertDateFormat } from '../shared';
 import Popover from '../shared_ui/popover';
 
 import { TColumn, TDesktopTransactionTable, TTableCell } from './transaction-details.types';
diff --git a/src/components/transaction-details/mobile-transaction-card.tsx b/src/components/transaction-details/mobile-transaction-card.tsx
index 85a2eff3..3ab078ed 100644
--- a/src/components/transaction-details/mobile-transaction-card.tsx
+++ b/src/components/transaction-details/mobile-transaction-card.tsx
@@ -5,8 +5,8 @@ import classNames from 'classnames';
 import { getContractTypeName } from '@/external/bot-skeleton';
 import { isDbotRTL } from '@/external/bot-skeleton/utils/workspace';
 import { Icon, IconTradeTypes, localize } from '@/utils/tmp/dummy';
-import { convertDateFormat } from '@/utils/tmp/time-helper';
 
+import { convertDateFormat } from '../shared';
 import Popover from '../shared_ui/popover';
 
 import { TTransaction } from './transaction-details.types';
diff --git a/src/components/transactions/index.js b/src/components/transactions/index.js
index a664eba8..96e593b3 100644
--- a/src/components/transactions/index.js
+++ b/src/components/transactions/index.js
@@ -1,4 +1,5 @@
 import Transactions from './transactions';
+
 import './transactions.scss';
 
 export default Transactions;
diff --git a/src/components/transactions/transaction.tsx b/src/components/transactions/transaction.tsx
index 59a32b34..871d76ac 100644
--- a/src/components/transactions/transaction.tsx
+++ b/src/components/transactions/transaction.tsx
@@ -8,8 +8,8 @@ import { popover_zindex } from '@/constants/z-indexes';
 import { getContractTypeName } from '@/external/bot-skeleton';
 import { isDbotRTL } from '@/external/bot-skeleton/utils/workspace';
 import { Icon, IconTradeTypes, localize } from '@/utils/tmp/dummy';
-import { convertDateFormat } from '@/utils/tmp/time-helper';
 
+import { convertDateFormat } from '../shared';
 import Popover from '../shared_ui/popover';
 
 type TTransactionIconWithText = {
diff --git a/src/constants/contract.ts b/src/constants/contract.ts
index d0648e7a..6bffe044 100644
--- a/src/constants/contract.ts
+++ b/src/constants/contract.ts
@@ -1,4 +1,4 @@
-import { getTotalProfit } from '@/utils/tmp/contract-helper';
+import { getTotalProfit } from '@/components/shared';
 import { localize } from '@/utils/tmp/dummy';
 
 export type TContract = {
diff --git a/src/constants/quick-strategies/martingale.ts b/src/constants/quick-strategies/martingale.ts
index f963b8db..1ebc1b96 100644
--- a/src/constants/quick-strategies/martingale.ts
+++ b/src/constants/quick-strategies/martingale.ts
@@ -1,6 +1,7 @@
-import { getImageLocation } from '../../public-path';
 import { localize } from '@/utils/tmp/dummy';
+
 import { TDescriptionItem } from '../../pages/bot-builder/quick-strategy/types';
+import { getImageLocation } from '../../public-path';
 
 export const MARTINGALE: TDescriptionItem[] = [
     {
diff --git a/src/constants/quick-strategies/oscars_grind.ts b/src/constants/quick-strategies/oscars_grind.ts
index 328045d2..ee167d0d 100644
--- a/src/constants/quick-strategies/oscars_grind.ts
+++ b/src/constants/quick-strategies/oscars_grind.ts
@@ -1,6 +1,7 @@
-import { getImageLocation } from '../../public-path';
 import { localize } from '@/utils/tmp/dummy';
+
 import { TDescriptionItem } from '../../pages/bot-builder/quick-strategy/types';
+import { getImageLocation } from '../../public-path';
 
 export const OSCARS_GRIND: TDescriptionItem[] = [
     {
diff --git a/src/constants/quick-strategies/reverse_dalembert.ts b/src/constants/quick-strategies/reverse_dalembert.ts
index 55a87f0f..d18d5583 100644
--- a/src/constants/quick-strategies/reverse_dalembert.ts
+++ b/src/constants/quick-strategies/reverse_dalembert.ts
@@ -1,6 +1,7 @@
-import { getImageLocation } from '../../public-path';
 import { localize } from '@/utils/tmp/dummy';
+
 import { TDescriptionItem } from '../../pages/bot-builder/quick-strategy/types';
+import { getImageLocation } from '../../public-path';
 
 export const REVERSE_D_ALEMBERT: TDescriptionItem[] = [
     {
diff --git a/src/constants/quick-strategies/reverse_martingale.ts b/src/constants/quick-strategies/reverse_martingale.ts
index df6366e6..d61e2620 100644
--- a/src/constants/quick-strategies/reverse_martingale.ts
+++ b/src/constants/quick-strategies/reverse_martingale.ts
@@ -1,6 +1,7 @@
-import { getImageLocation } from '../../public-path';
 import { localize } from '@/utils/tmp/dummy';
+
 import { TDescriptionItem } from '../../pages/bot-builder/quick-strategy/types';
+import { getImageLocation } from '../../public-path';
 
 export const REVERSE_MARTINGALE: TDescriptionItem[] = [
     {
diff --git a/src/constants/quick-strategies/strategy_1_3_2_6.ts b/src/constants/quick-strategies/strategy_1_3_2_6.ts
index 8c3e7863..4266cb4a 100644
--- a/src/constants/quick-strategies/strategy_1_3_2_6.ts
+++ b/src/constants/quick-strategies/strategy_1_3_2_6.ts
@@ -1,6 +1,7 @@
-import { getImageLocation } from '../../public-path';
 import { localize } from '@/utils/tmp/dummy';
+
 import { TDescriptionItem } from '../../pages/bot-builder/quick-strategy/types';
+import { getImageLocation } from '../../public-path';
 
 export const STRATEGY_1_3_2_6: TDescriptionItem[] = [
     {
diff --git a/src/external/bot-skeleton/examples/cli-examples/speed-test.js b/src/external/bot-skeleton/examples/cli-examples/speed-test.js
index f7265dbf..4ecb4dda 100644
--- a/src/external/bot-skeleton/examples/cli-examples/speed-test.js
+++ b/src/external/bot-skeleton/examples/cli-examples/speed-test.js
@@ -1,15 +1,15 @@
-var token = 'Replace with your own token';
+const token = 'Replace with your own token';
 
-console.log('Starting bot...');
+// console.log('Starting bot...');
 
-Bot.init(token, {
+window.Bot.init(token, {
     symbol: 'R_100',
     candleInterval: 60,
     contractTypes: ['CALL', 'PUT'],
 });
 
 while (true) {
-    Bot.start({
+    window.Bot.start({
         amount: 1,
         currency: 'USD',
         duration: 2,
@@ -17,22 +17,22 @@ while (true) {
         basis: 'stake',
     });
 
-    console.log('Preparing Proposals');
+    // console.log('Preparing Proposals');
 
-    watch('before');
+    window.watch('before');
 
-    Bot.purchase('CALL');
+    window.Bot.purchase('CALL');
 
-    console.log('Purchased:', 'CALL');
+    // console.log('Purchased:', 'CALL');
 
-    while (watch('during')) {
-        if (Bot.isSellAvailable()) {
-            Bot.sellAtMarket();
-            console.log('Contract Sold');
+    while (window.watch('during')) {
+        if (window.Bot.isSellAvailable()) {
+            window.Bot.sellAtMarket();
+            // console.log('Contract Sold');
         }
     }
 
-    console.log('Purchase finished:', Bot.readDetails(1));
+    // console.log('Purchase finished:', window.Bot.readDetails(1));
 
-    sleep(1); // Prevent max sell alert because of trading too fast
+    window.sleep(1); // Prevent max sell alert because of trading too fast
 }
diff --git a/src/external/bot-skeleton/scratch/blocks/Binary/Trade Definition/trade_definition_multiplier.js b/src/external/bot-skeleton/scratch/blocks/Binary/Trade Definition/trade_definition_multiplier.js
index 14c45463..973e4a48 100644
--- a/src/external/bot-skeleton/scratch/blocks/Binary/Trade Definition/trade_definition_multiplier.js	
+++ b/src/external/bot-skeleton/scratch/blocks/Binary/Trade Definition/trade_definition_multiplier.js	
@@ -1,4 +1,4 @@
-import { getCurrencyDisplayCode } from '@/components/shared';
+import { getCurrencyDisplayCode, getDecimalPlaces } from '@/components/shared';
 import { localize } from '@/utils/tmp/dummy';
 
 import { config } from '../../../../constants/config';
@@ -154,12 +154,12 @@ window.Blockly.Blocks.trade_definition_multiplier = {
                 }
             } else if (event.blockId === this.id) {
                 switch (event.name) {
-                    case 'MULTIPLIERTYPE_LIST': {
-                        this.updateMultiplierInput(false);
-                        break;
-                    }
-                    default:
-                        break;
+                case 'MULTIPLIERTYPE_LIST': {
+                    this.updateMultiplierInput(false);
+                    break;
+                }
+                default:
+                    break;
                 }
             } else if (event.name === 'SYMBOL_LIST' || event.name === 'TRADETYPE_LIST') {
                 this.updateMultiplierInput(true);
diff --git a/src/external/bot-skeleton/scratch/blocks/index.js b/src/external/bot-skeleton/scratch/blocks/index.js
index c4e3ee31..f3870aa3 100644
--- a/src/external/bot-skeleton/scratch/blocks/index.js
+++ b/src/external/bot-skeleton/scratch/blocks/index.js
@@ -2,7 +2,6 @@ import './Advanced/Functions';
 import './Advanced/List';
 import './Advanced/Loops';
 import './Advanced/Variable';
-
 import './Binary/After Purchase';
 import './Binary/Before Purchase';
 import './Binary/During Purchase';
@@ -12,7 +11,6 @@ import './Binary/Tools/Candle';
 import './Binary/Tools/Misc';
 import './Binary/Tools/Time';
 import './Binary/Trade Definition';
-
 import './Logic';
 import './Math';
 import './Text';
diff --git a/src/external/bot-skeleton/scratch/hooks/block.js b/src/external/bot-skeleton/scratch/hooks/block.js
index ef021de2..064caf19 100644
--- a/src/external/bot-skeleton/scratch/hooks/block.js
+++ b/src/external/bot-skeleton/scratch/hooks/block.js
@@ -1,9 +1,9 @@
 import { config } from '../../constants/config';
 
 // Structure is { '<outerHtml />': { height: 1, width: 1 } }
-Blockly.Block.Dimensions = {};
+window.Blockly.Block.Dimensions = {};
 
-Blockly.Block.prototype.getDisplayName = function () {
+window.Blockly.Block.prototype.getDisplayName = function () {
     if (this.meta) {
         const block_meta = this.meta();
         return block_meta && block_meta.display_name;
@@ -11,7 +11,7 @@ Blockly.Block.prototype.getDisplayName = function () {
     return this.type;
 };
 
-Blockly.Block.prototype.getSiblings = function () {
+window.Blockly.Block.prototype.getSiblings = function () {
     const siblings = [this];
     ['getPreviousBlock', 'getNextBlock'].forEach(functionName => {
         let block = this[functionName]();
@@ -28,11 +28,11 @@ Blockly.Block.prototype.getSiblings = function () {
     return siblings;
 };
 
-Blockly.Block.prototype.getChildByType = function (type) {
+window.Blockly.Block.prototype.getChildByType = function (type) {
     return this.getDescendants().find(child => child.type === type);
 };
 
-Blockly.Block.prototype.getChildFieldValue = function (childType, childField) {
+window.Blockly.Block.prototype.getChildFieldValue = function (childType, childField) {
     const childBlock = this.getChildByType(childType);
     if (childBlock) {
         const value = childBlock.getFieldValue(childField);
@@ -41,19 +41,19 @@ Blockly.Block.prototype.getChildFieldValue = function (childType, childField) {
     return null;
 };
 
-Blockly.Block.prototype.childValueToCode = function (childType, childField) {
+window.Blockly.Block.prototype.childValueToCode = function (childType, childField) {
     const childBlock = this.getChildByType(childType);
     return (
         childBlock &&
-        Blockly.JavaScript.javascriptGenerator.valueToCode(
+        window.Blockly.JavaScript.javascriptGenerator.valueToCode(
             childBlock,
             childField,
-            Blockly.JavaScript.javascriptGenerator.ORDER_ATOMIC
+            window.Blockly.JavaScript.javascriptGenerator.ORDER_ATOMIC
         )
     );
 };
 
-Blockly.Block.prototype.getBlocksInStatement = function (statementInputName) {
+window.Blockly.Block.prototype.getBlocksInStatement = function (statementInputName) {
     const blocksInStatement = [];
     const firstBlock = this.getInputTargetBlock(statementInputName);
 
@@ -63,7 +63,7 @@ Blockly.Block.prototype.getBlocksInStatement = function (statementInputName) {
     return blocksInStatement;
 };
 
-Blockly.Block.prototype.getLastConnectionInStatement = function (statement_input_name) {
+window.Blockly.Block.prototype.getLastConnectionInStatement = function (statement_input_name) {
     const first_block_in_stack = this.getInputTargetBlock(statement_input_name);
 
     if (first_block_in_stack) {
@@ -78,11 +78,11 @@ Blockly.Block.prototype.getLastConnectionInStatement = function (statement_input
  * Get whether this block is enabled or not.
  * @return {boolean} True if enabled.
  */
-Blockly.Block.prototype.isEnabled = function () {
+window.Blockly.Block.prototype.isEnabled = function () {
     return !this.disabled;
 };
 
-Blockly.Block.prototype.isDescendantOf = function (type) {
+window.Blockly.Block.prototype.isDescendantOf = function (type) {
     let parentBlock = this.getParent();
     while (parentBlock !== null) {
         if (parentBlock.type === type) {
@@ -93,7 +93,7 @@ Blockly.Block.prototype.isDescendantOf = function (type) {
     return false;
 };
 
-Blockly.Block.prototype.getTopParent = function () {
+window.Blockly.Block.prototype.getTopParent = function () {
     let parent = this.getParent();
     while (parent !== null) {
         const nextParent = parent.getParent();
@@ -105,46 +105,46 @@ Blockly.Block.prototype.getTopParent = function () {
     return null;
 };
 
-Blockly.Block.getDimensions = function (block_node) {
+window.Blockly.Block.getDimensions = function (block_node) {
     // Attempt to retrieve dimensions from memory rather than recalculating.
-    const existing_dimensions_key = Object.keys(Blockly.Block.Dimensions).find(
+    const existing_dimensions_key = Object.keys(window.Blockly.Block.Dimensions).find(
         outer_html => block_node.outerHTML === outer_html
     );
 
     if (existing_dimensions_key) {
-        return Blockly.Block.Dimensions[existing_dimensions_key];
+        return window.Blockly.Block.Dimensions[existing_dimensions_key];
     }
 
-    const options = new Blockly.Options({
-        media: `${__webpack_public_path__}media/`,
+    const options = new window.Blockly.Options({
+        media: `${window.__webpack_public_path__}media/`,
         renderer: 'zelos',
-        theme: Blockly.Themes.zelos_renderer,
+        theme: window.Blockly.Themes.zelos_renderer,
     });
     const el_injection_div = document.createElement('div');
 
     // Create a headless workspace to calculate xmlList block dimensions
-    const workspace = Blockly.inject(el_injection_div, options);
-    const block = Blockly.Xml.domToBlock(block_node, workspace);
+    const workspace = window.Blockly.inject(el_injection_div, options);
+    const block = window.Blockly.Xml.domToBlock(block_node, workspace);
     const block_hw = block.getHeightWidth();
 
     workspace.dispose();
-    Blockly.Block.Dimensions[block_node.outerHTML] = block_hw;
+    window.Blockly.Block.Dimensions[block_node.outerHTML] = block_hw;
     return block_hw;
 };
 
-Blockly.Block.prototype.isMainBlock = function () {
+window.Blockly.Block.prototype.isMainBlock = function () {
     return config.mainBlocks.includes(this.type);
 };
 
-Blockly.Block.prototype.isIndependentBlock = function () {
+window.Blockly.Block.prototype.isIndependentBlock = function () {
     return config.INDEPEDENT_BLOCKS.includes(this.type);
 };
 
 /**
  * Return the parent block or null if this block is at the top level.
- * @return {Blockly.Block} The block that holds the current block.
+ * @return {window.Blockly.Block} The block that holds the current block.
  */
-Blockly.Block.prototype.getRootInputTargetBlock = function () {
+window.Blockly.Block.prototype.getRootInputTargetBlock = function () {
     let input_name;
     let current_block = this.getParent();
 
@@ -165,7 +165,7 @@ Blockly.Block.prototype.getRootInputTargetBlock = function () {
 /**
  * Returns whether the block has an error highlighted descendant.
  */
-Blockly.Block.prototype.hasErrorHighlightedDescendant = function () {
+window.Blockly.Block.prototype.hasErrorHighlightedDescendant = function () {
     const hasHighlightedDescendant = child_blocks =>
         child_blocks.some(child_block => {
             const is_self_highlighted = child_block.is_error_highlighted;
@@ -177,6 +177,6 @@ Blockly.Block.prototype.hasErrorHighlightedDescendant = function () {
     return hasHighlightedDescendant(this.getChildren());
 };
 
-Blockly.Block.isDynamic = function (block_type) {
+window.Blockly.Block.isDynamic = function (block_type) {
     return /^((procedures_)|(variables_)|(math_change$))/.test(block_type);
 };
diff --git a/src/external/bot-skeleton/scratch/hooks/block_svg.js b/src/external/bot-skeleton/scratch/hooks/block_svg.js
index dbdb04bb..c402fa1f 100644
--- a/src/external/bot-skeleton/scratch/hooks/block_svg.js
+++ b/src/external/bot-skeleton/scratch/hooks/block_svg.js
@@ -1,15 +1,17 @@
+import debounce from 'lodash.debounce';
+
 import { localize } from '@/utils/tmp/dummy';
+
 import DBotStore from '../dbot-store';
-import debounce from 'lodash.debounce';
 
-Blockly.BlockSvg.prototype.addSelect = function () {
-    if (!Blockly.derivWorkspace.isFlyout_) {
+window.Blockly.BlockSvg.prototype.addSelect = function () {
+    if (!window.Blockly.derivWorkspace.isFlyout_) {
         const { flyout } = DBotStore.instance;
         if (flyout) {
             flyout.setVisibility(false);
         }
 
-        Blockly.utils.dom.addClass(/** @type {!Element} */ (this.svgGroup_), 'blocklySelected');
+        window.Blockly.utils.dom.addClass(/** @type {!Element} */ (this.svgGroup_), 'blocklySelected');
     }
 };
 
@@ -18,7 +20,7 @@ Blockly.BlockSvg.prototype.addSelect = function () {
  * @param {boolean} disabled True if disabled.
  * @deriv/bot: Call updateDisabled() when setDisabled is called.
  */
-Blockly.BlockSvg.prototype.setDisabled = function (disabled) {
+window.Blockly.BlockSvg.prototype.setDisabled = function (disabled) {
     this.disabled = disabled;
     this.updateDisabled();
 };
@@ -27,16 +29,16 @@ Blockly.BlockSvg.prototype.setDisabled = function (disabled) {
  * Enable or disable a block.
  * @deriv/bot: Update fill path if it doesn't match the disabledPatternId.
  */
-Blockly.BlockSvg.prototype.updateDisabled = function () {
+window.Blockly.BlockSvg.prototype.updateDisabled = function () {
     if (this.disabled || this.getInheritedDisabled()) {
-        Blockly.utils.dom.addClass(this.svgGroup_, 'blocklyDisabled');
+        window.Blockly.utils.dom.addClass(this.svgGroup_, 'blocklyDisabled');
 
         const fill = `url(#${this.workspace.options.disabledPatternId})`;
         if (this.svgGroup_.getAttribute('fill') !== fill) {
             this.svgGroup_.setAttribute('fill', fill);
         }
     } else {
-        Blockly.utils.dom.removeClass(this.svgGroup_, 'blocklyDisabled');
+        window.Blockly.utils.dom.removeClass(this.svgGroup_, 'blocklyDisabled');
     }
 
     const children = this.getChildren(false);
@@ -47,7 +49,7 @@ Blockly.BlockSvg.prototype.updateDisabled = function () {
  * Set whether the block is error highlighted or not.
  * @param {boolean} highlighted True if highlighted for error.
  */
-Blockly.BlockSvg.prototype.setErrorHighlighted = function (
+window.Blockly.BlockSvg.prototype.setErrorHighlighted = function (
     should_be_error_highlighted,
     error_message = localize(
         'The block(s) highlighted in red are missing input values. Please update them and click "Run bot".'
@@ -61,9 +63,9 @@ Blockly.BlockSvg.prototype.setErrorHighlighted = function (
 
     if (should_be_error_highlighted) {
         // Below function does its own checks to check if class already exists.
-        Blockly.utils.dom.addClass(this.svgGroup_, highlight_class);
+        window.Blockly.utils.dom.addClass(this.svgGroup_, highlight_class);
     } else {
-        Blockly.utils.dom.removeClass(this.svgGroup_, highlight_class);
+        window.Blockly.utils.dom.removeClass(this.svgGroup_, highlight_class);
     }
 
     this.is_error_highlighted = should_be_error_highlighted;
@@ -71,13 +73,13 @@ Blockly.BlockSvg.prototype.setErrorHighlighted = function (
 };
 
 // Highlight the block that is being executed
-Blockly.BlockSvg.prototype.highlightExecutedBlock = function () {
+window.Blockly.BlockSvg.prototype.highlightExecutedBlock = function () {
     const highlight_block_class = 'block--execution-highlighted';
-    if (!Blockly.utils.dom.hasClass(this.svgGroup_, highlight_block_class)) {
-        Blockly.utils.dom.addClass(this.svgGroup_, highlight_block_class);
+    if (!window.Blockly.utils.dom.hasClass(this.svgGroup_, highlight_block_class)) {
+        window.Blockly.utils.dom.addClass(this.svgGroup_, highlight_block_class);
         setTimeout(() => {
             if (this.svgGroup_) {
-                Blockly.utils.dom.removeClass(this.svgGroup_, highlight_block_class);
+                window.Blockly.utils.dom.removeClass(this.svgGroup_, highlight_block_class);
             }
         }, 1505);
     }
@@ -87,12 +89,12 @@ Blockly.BlockSvg.prototype.highlightExecutedBlock = function () {
  * Set block animation (Blink)
  */
 
-Blockly.BlockSvg.prototype.blink = function () {
+window.Blockly.BlockSvg.prototype.blink = function () {
     const blink_class = 'block--blink';
-    Blockly.utils.dom.addClass(this.svgGroup_, blink_class);
+    window.Blockly.utils.dom.addClass(this.svgGroup_, blink_class);
 
     setTimeout(() => {
-        Blockly.utils.dom.removeClass(this.svgGroup_, blink_class);
+        window.Blockly.utils.dom.removeClass(this.svgGroup_, blink_class);
     }, 2000);
 };
 
@@ -105,7 +107,7 @@ Blockly.BlockSvg.prototype.blink = function () {
  * Toggles the collapse state of the block after a short delay to prevent workspace freezing.
  * @param {boolean} collapsed - Whether to collapse the block.
  */
-Blockly.BlockSvg.prototype.toggleCollapseWithDelay = function (collapsed) {
+window.Blockly.BlockSvg.prototype.toggleCollapseWithDelay = function (collapsed) {
     debounce(async () => {
         this.setCollapsed(collapsed);
     }, 100)();
diff --git a/src/external/bot-skeleton/scratch/hooks/colours.js b/src/external/bot-skeleton/scratch/hooks/colours.js
index e4467af2..31c7e4db 100644
--- a/src/external/bot-skeleton/scratch/hooks/colours.js
+++ b/src/external/bot-skeleton/scratch/hooks/colours.js
@@ -1,5 +1,5 @@
 const darkMode = () => {
-    const workspace = Blockly;
+    const workspace = window.Blockly;
     workspace.Colours.RootBlock = {
         colour: '#183046',
         colourSecondary: '#F2F3F5',
@@ -31,7 +31,7 @@ const darkMode = () => {
 };
 
 const lightMode = () => {
-    const workspace = Blockly;
+    const workspace = window.Blockly;
     workspace.Colours.RootBlock = {
         colour: '#064e72',
         colourSecondary: '#064e72',
@@ -62,4 +62,5 @@ const lightMode = () => {
         colourTertiary: '#6d7278',
     };
 };
+// eslint-disable-next-line no-confusing-arrow
 export const setColors = is_dark_mode => (is_dark_mode ? darkMode() : lightMode());
diff --git a/src/external/bot-skeleton/scratch/hooks/data_category.js b/src/external/bot-skeleton/scratch/hooks/data_category.js
index 7bc1110a..fd3be610 100644
--- a/src/external/bot-skeleton/scratch/hooks/data_category.js
+++ b/src/external/bot-skeleton/scratch/hooks/data_category.js
@@ -1,4 +1,5 @@
 import { localize } from '@/utils/tmp/dummy';
+
 import DBotStore from '../dbot-store';
 
 /**
diff --git a/src/external/bot-skeleton/scratch/hooks/field.js b/src/external/bot-skeleton/scratch/hooks/field.js
index bfab7554..bdd68798 100644
--- a/src/external/bot-skeleton/scratch/hooks/field.js
+++ b/src/external/bot-skeleton/scratch/hooks/field.js
@@ -1,4 +1,5 @@
 import { localize } from '@/utils/tmp/dummy';
+
 import { runInvisibleEvents } from '../utils';
 
 /**
@@ -7,6 +8,7 @@ import { runInvisibleEvents } from '../utils';
  */
 
 const FieldCheckbox = () => {
+    // eslint-disable-next-line no-confusing-arrow
     const getAltText = is_checked => (is_checked ? localize('Y') : localize('N'));
     const onCheckboxClick = function () {
         if (this.sourceBlock_.workspace.options.readOnly || this.sourceBlock_.isInFlyout) {
diff --git a/src/external/bot-skeleton/scratch/hooks/field_image.js b/src/external/bot-skeleton/scratch/hooks/field_image.js
index d9ec5986..2d8c0c83 100644
--- a/src/external/bot-skeleton/scratch/hooks/field_image.js
+++ b/src/external/bot-skeleton/scratch/hooks/field_image.js
@@ -17,7 +17,7 @@ window.Blockly.FieldImage = function (src, width, height, optAlt, optOnClick, op
     // Ensure height and width are numbers.  Strings are bad at math.
     this.height_ = Number(height);
     this.width_ = Number(width);
-    this.size_ = new goog.math.Size(this.width_, this.height_);
+    this.size_ = new window.goog.math.Size(this.width_, this.height_);
     this.flipRtl_ = optFlipRtl;
     this.should_collapse_ = should_collapse;
     this.tooltip_ = '';
@@ -28,7 +28,7 @@ window.Blockly.FieldImage = function (src, width, height, optAlt, optOnClick, op
         this.clickHandler_ = optOnClick;
     }
 };
-goog.inherits(window.Blockly.FieldImage, window.Blockly.Field);
+window.goog.inherits(window.Blockly.FieldImage, window.Blockly.Field);
 
 /**
  * Construct a FieldImage from a JSON arg object,
@@ -98,7 +98,7 @@ window.Blockly.FieldImage.prototype.init = function () {
  * Dispose of all DOM objects belonging to this text.
  */
 window.Blockly.FieldImage.prototype.dispose = function () {
-    goog.dom.removeNode(this.fieldGroup_);
+    window.goog.dom.removeNode(this.fieldGroup_);
     this.fieldGroup_ = null;
     this.imageElement_ = null;
 };
diff --git a/src/external/bot-skeleton/scratch/hooks/flyout_base.js b/src/external/bot-skeleton/scratch/hooks/flyout_base.js
index e98fec8f..5bee7397 100644
--- a/src/external/bot-skeleton/scratch/hooks/flyout_base.js
+++ b/src/external/bot-skeleton/scratch/hooks/flyout_base.js
@@ -3,13 +3,13 @@ import DBotStore from '../dbot-store';
 
 /**
  * Create a copy of this block on the workspace.
- * @param {!Blockly.BlockSvg} original_block The block to copy from the flyout.
- * @return {Blockly.BlockSvg} The newly created block, or null if something
+ * @param {!window.Blockly.BlockSvg} original_block The block to copy from the flyout.
+ * @return {window.Blockly.BlockSvg} The newly created block, or null if something
  *     went wrong with deserialization.
  * @package
  */
-Blockly.Flyout.prototype.createBlock = function (event, original_block) {
-    Blockly.Events.disable();
+window.Blockly.Flyout.prototype.createBlock = function (event, original_block) {
+    window.Blockly.Events.disable();
 
     const main_workspace = this.targetWorkspace;
     const variables_before_creation = main_workspace.getAllVariables();
@@ -21,18 +21,18 @@ Blockly.Flyout.prototype.createBlock = function (event, original_block) {
     try {
         new_block = this.placeNewBlock_(event, original_block);
         // Close the flyout.
-        Blockly.hideChaff();
+        window.Blockly.hideChaff();
     } finally {
-        Blockly.Events.enable();
+        window.Blockly.Events.enable();
     }
 
-    const new_variables = Blockly.Variables.getAddedVariables(main_workspace, variables_before_creation);
+    const new_variables = window.Blockly.Variables.getAddedVariables(main_workspace, variables_before_creation);
 
-    if (Blockly.Events.isEnabled()) {
-        Blockly.Events.setGroup(true);
+    if (window.Blockly.Events.isEnabled()) {
+        window.Blockly.Events.setGroup(true);
 
         // Delete blocks of which we can only have a single instance. Dispose emits a BlockDelete
-        // event that respects the current Blockly.Events group, this is required to maintain
+        // event that respects the current window.Blockly.Events group, this is required to maintain
         // a working undo/redo stack.
         if (config.single_instance_blocks.includes(new_block.type)) {
             main_workspace.getAllBlocks().forEach(ws_block => {
@@ -44,10 +44,10 @@ Blockly.Flyout.prototype.createBlock = function (event, original_block) {
 
         // Fire a VarCreate event for each (if any) new variable created.
         new_variables.forEach(new_variable => {
-            Blockly.Events.fire(new Blockly.Events.VarCreate(new_variable));
+            window.Blockly.Events.fire(new window.Blockly.Events.VarCreate(new_variable));
         });
 
-        Blockly.Events.fire(new Blockly.Events.BlockCreate(new_block));
+        window.Blockly.Events.fire(new window.Blockly.Events.BlockCreate(new_block));
     }
 
     if (this.autoClose) {
@@ -66,11 +66,11 @@ Blockly.Flyout.prototype.createBlock = function (event, original_block) {
 /**
  * Copy a block from the flyout to the workspace and position it correctly.
  * @param {MouseEvent} event MouseEvent with coordinates to position block. DBot only.
- * @param {!Blockly.Block} old_block The flyout block to copy.
- * @return {!Blockly.Block} The new block in the main workspace.
+ * @param {!window.Blockly.Block} old_block The flyout block to copy.
+ * @return {!window.Blockly.Block} The new block in the main workspace.
  * @private
  */
-Blockly.Flyout.prototype.placeNewBlock_ = function (event, old_block) {
+window.Blockly.Flyout.prototype.placeNewBlock_ = function (event, old_block) {
     const main_workspace = this.targetWorkspace;
     const svg_root_old = old_block.getSvgRoot();
 
@@ -79,7 +79,7 @@ Blockly.Flyout.prototype.placeNewBlock_ = function (event, old_block) {
     }
 
     // Create the new block by cloning the block in the flyout (via XML).
-    const xml = Blockly.Xml.blockToDom(old_block, true);
+    const xml = window.Blockly.Xml.blockToDom(old_block, true);
 
     // The target workspace would normally resize during domToBlock, which will
     // lead to weird jumps.  Save it for terminateDrag.
@@ -87,7 +87,7 @@ Blockly.Flyout.prototype.placeNewBlock_ = function (event, old_block) {
 
     // Using domToBlock instead of domToWorkspace means that the new block will be
     // placed at position (0, 0) in main workspace units.
-    const block = Blockly.Xml.domToBlock(xml, main_workspace);
+    const block = window.Blockly.Xml.domToBlock(xml, main_workspace);
     const svg_root_new = block.getSvgRoot();
 
     if (!svg_root_new) {
@@ -102,12 +102,12 @@ Blockly.Flyout.prototype.placeNewBlock_ = function (event, old_block) {
         // The position of the old block in pixels relative to the flyout workspace's origin.
         const x_offset = 25;
         const y_offset = 160;
-        const old_block_pos_pixels = new goog.math.Coordinate(
+        const old_block_pos_pixels = new window.goog.math.Coordinate(
             event.clientX ? event.clientX - x_offset : 0,
             event.clientY ? event.clientY - y_offset : 0
         );
         // The position of the old block in pixels relative to the origin of the main workspace.
-        const final_offset_pixels = goog.math.Coordinate.difference(old_block_pos_pixels, main_offset_pixels);
+        const final_offset_pixels = window.goog.math.Coordinate.difference(old_block_pos_pixels, main_offset_pixels);
 
         // The position of the old block in main workspace coordinates.
         const final_offset_main_ws = final_offset_pixels.scale(1 / main_workspace.scale);
diff --git a/src/external/bot-skeleton/scratch/hooks/icon.js b/src/external/bot-skeleton/scratch/hooks/icon.js
index 16ddf9a6..31aab57e 100644
--- a/src/external/bot-skeleton/scratch/hooks/icon.js
+++ b/src/external/bot-skeleton/scratch/hooks/icon.js
@@ -4,9 +4,9 @@
  * @return {number} Horizontal offset for next item to draw.
  */
 
-Blockly.Icon = new Blockly.icons.Icon();
+window.Blockly.Icon = new window.Blockly.icons.Icon();
 
-Blockly.Icon.renderIcon = function (cursorX) {
+window.Blockly.Icon.renderIcon = function (cursorX) {
     if (this.collapseHidden && this.block_.isCollapsed()) {
         this.iconGroup_.setAttribute('display', 'none');
         return cursorX;
@@ -26,9 +26,9 @@ Blockly.Icon.renderIcon = function (cursorX) {
     this.computeIconLocation();
 
     if (this.block_.RTL) {
-        newCursorX -= Blockly.BlockSvg.SEP_SPACE_X;
+        newCursorX -= window.Blockly.BlockSvg.SEP_SPACE_X;
     } else {
-        newCursorX += width + Blockly.BlockSvg.SEP_SPACE_X;
+        newCursorX += width + window.Blockly.BlockSvg.SEP_SPACE_X;
     }
 
     return newCursorX;
diff --git a/src/external/bot-skeleton/scratch/hooks/scratch_block_comment.js b/src/external/bot-skeleton/scratch/hooks/scratch_block_comment.js
index 6def4686..08643ccc 100644
--- a/src/external/bot-skeleton/scratch/hooks/scratch_block_comment.js
+++ b/src/external/bot-skeleton/scratch/hooks/scratch_block_comment.js
@@ -4,7 +4,7 @@
  * we use colour too similar to workspace background colour for tertiary (borders).
  * @package
  */
-Blockly.WorkspaceComment.prototype.updateColour = function () {
+window.Blockly.WorkspaceComment.prototype.updateColour = function () {
     if (this.isVisible()) {
         this.bubble_.setColour(this.block_.getColour());
     }
diff --git a/src/external/bot-skeleton/scratch/hooks/workspace.js b/src/external/bot-skeleton/scratch/hooks/workspace.js
index 9ce860d3..d2fa11ad 100644
--- a/src/external/bot-skeleton/scratch/hooks/workspace.js
+++ b/src/external/bot-skeleton/scratch/hooks/workspace.js
@@ -1,12 +1,12 @@
-import DBotStore from '../dbot-store';
 import PendingPromise from '../../utils/pending-promise';
+import DBotStore from '../dbot-store';
 
-Blockly.Workspace.prototype.wait_events = [];
+window.Blockly.Workspace.prototype.wait_events = [];
 /**
  * Clear the undo/redo stacks.
  * deriv-bot: Sync undo/redo stack with our toolbar store.
  */
-Blockly.Workspace.prototype.clearUndo = function () {
+window.Blockly.Workspace.prototype.clearUndo = function () {
     this.undoStack_.length = 0;
     this.redoStack_.length = 0;
 
@@ -16,15 +16,15 @@ Blockly.Workspace.prototype.clearUndo = function () {
     toolbar.setHasUndoStack();
 
     // Stop any events already in the firing queue from being undoable.
-    Blockly.Events.clearPendingUndo();
+    window.Blockly.Events.clearPendingUndo();
 };
 
 /**
  * Fire a change event.
  * deriv-bot: Sync undo/redo stack with our toolbar store.
- * @param {!Blockly.Events.Abstract} event Event to fire.
+ * @param {!window.Blockly.Events.Abstract} event Event to fire.
  */
-Blockly.Workspace.prototype.fireChangeListener = function (event) {
+window.Blockly.Workspace.prototype.fireChangeListener = function (event) {
     if (event.recordUndo) {
         this.undoStack_.push(event);
         this.redoStack_.length = 0;
@@ -47,15 +47,15 @@ Blockly.Workspace.prototype.fireChangeListener = function (event) {
     });
     /**
      * Gets a trade definition block instance and returns it.
-     * @returns {Blockly.Block|null} The trade definition or null.
+     * @returns {window.Blockly.Block|null} The trade definition or null.
      */
 };
 
-Blockly.Workspace.prototype.getTradeDefinitionBlock = function () {
+window.Blockly.Workspace.prototype.getTradeDefinitionBlock = function () {
     return this.getAllBlocks(true).find(b => b.type === 'trade_definition');
 };
 
-Blockly.Workspace.prototype.waitForBlockEvent = function (block_id, opt_event_type = null) {
+window.Blockly.Workspace.prototype.waitForBlockEvent = function (block_id, opt_event_type = null) {
     const event_promise = new PendingPromise();
 
     if (!this.wait_events.some(event => event.blockId === block_id && event.type === opt_event_type)) {
@@ -69,7 +69,7 @@ Blockly.Workspace.prototype.waitForBlockEvent = function (block_id, opt_event_ty
     return event_promise;
 };
 
-Blockly.Workspace.prototype.waitForBlockEvent = function (options) {
+window.Blockly.Workspace.prototype.waitForBlockEvent = function (options) {
     const { block_type, event_type, timeout } = options;
     const promise = new PendingPromise();
 
@@ -86,7 +86,7 @@ Blockly.Workspace.prototype.waitForBlockEvent = function (options) {
     return promise;
 };
 
-Blockly.Workspace.prototype.dispatchBlockEventEffects = function (event) {
+window.Blockly.Workspace.prototype.dispatchBlockEventEffects = function (event) {
     this.wait_events.forEach((wait_event, idx) => {
         if (!event.blockId) {
             return;
@@ -108,7 +108,7 @@ Blockly.Workspace.prototype.dispatchBlockEventEffects = function (event) {
     });
 };
 
-Blockly.Workspace.prototype.getAllFields = function (is_ordered) {
+window.Blockly.Workspace.prototype.getAllFields = function (is_ordered) {
     return this.getAllBlocks(is_ordered).reduce((fields, block) => {
         block.inputList.forEach(input => fields.push(...input.fieldRow));
         return fields;
@@ -119,18 +119,18 @@ Blockly.Workspace.prototype.getAllFields = function (is_ordered) {
 /**
  * Create a main workspace and add it to the SVG.
  * @param {!Element} svg SVG element with pattern defined.
- * @param {!Blockly.Options} options Dictionary of options.
- * @param {!Blockly.BlockDragSurfaceSvg} blockDragSurface Drag surface SVG
+ * @param {!window.Blockly.Options} options Dictionary of options.
+ * @param {!window.Blockly.BlockDragSurfaceSvg} blockDragSurface Drag surface SVG
  *     for the blocks.
- * @param {!Blockly.WorkspaceDragSurfaceSvg} workspaceDragSurface Drag surface
+ * @param {!window.Blockly.WorkspaceDragSurfaceSvg} workspaceDragSurface Drag surface
  *     SVG for the workspace.
- * @return {!Blockly.Workspace} Newly created main workspace.
+ * @return {!window.Blockly.Workspace} Newly created main workspace.
  * @private
  */
 
-Blockly.createVirtualWorkspace_ = function (fragment, options, blockDragSurface, workspaceDragSurface) {
+window.Blockly.createVirtualWorkspace_ = function (fragment, options, blockDragSurface, workspaceDragSurface) {
     options.parentWorkspace = null;
-    const mainWorkspace = new Blockly.WorkspaceSvg(options, blockDragSurface, workspaceDragSurface);
+    const mainWorkspace = new window.Blockly.WorkspaceSvg(options, blockDragSurface, workspaceDragSurface);
     mainWorkspace.scale = options.zoomOptions.startScale;
     fragment.appendChild(mainWorkspace.createDom('blocklyMainBackground'));
 
diff --git a/src/external/bot-skeleton/scratch/hooks/workspace_svg.js b/src/external/bot-skeleton/scratch/hooks/workspace_svg.js
index 03e1ba53..9a87320d 100644
--- a/src/external/bot-skeleton/scratch/hooks/workspace_svg.js
+++ b/src/external/bot-skeleton/scratch/hooks/workspace_svg.js
@@ -14,7 +14,7 @@ import DBotStore from '../dbot-store';
  * @param {?string} id ID of block center on.
  * @public
  */
-Blockly.WorkspaceSvg.prototype.centerOnBlock = function (id, hideChaff = true) {
+window.Blockly.WorkspaceSvg.prototype.centerOnBlock = function (id, hideChaff = true) {
     if (!this.scrollbar) {
         // eslint-disable-next-line no-console
         console.warn('Tried to scroll a non-scrollable workspace.');
@@ -63,7 +63,7 @@ Blockly.WorkspaceSvg.prototype.centerOnBlock = function (id, hideChaff = true) {
     const scrollToCenterY = scrollToBlockY - halfViewHeight;
 
     if (hideChaff) {
-        Blockly.hideChaff();
+        window.Blockly.hideChaff();
     }
 
     this.scrollbar.set(scrollToCenterX, scrollToCenterY);
@@ -76,22 +76,22 @@ Blockly.WorkspaceSvg.prototype.centerOnBlock = function (id, hideChaff = true) {
  * @param {Element} block_node
  * @public
  */
-Blockly.WorkspaceSvg.prototype.addBlockNode = function (block_node) {
+window.Blockly.WorkspaceSvg.prototype.addBlockNode = function (block_node) {
     const { flyout } = DBotStore.instance;
-    const block = Blockly.Xml.domToBlock(block_node, flyout.getFlyout().targetWorkspace);
+    const block = window.Blockly.Xml.domToBlock(block_node, flyout.getFlyout().targetWorkspace);
     const top_blocks = this.getTopBlocks(true);
     const new_block = flyout.getFlyout().createBlock(false, block);
 
     if (top_blocks.length) {
         const last_block = top_blocks[top_blocks.length - 1];
         const last_block_xy = last_block.getRelativeToSurfaceXY();
-        const extra_spacing = last_block.startHat_ ? Blockly.BlockSvg.START_HAT_HEIGHT : 0;
+        const extra_spacing = last_block.startHat_ ? window.Blockly.BlockSvg.START_HAT_HEIGHT : 0;
         const y = last_block_xy.y + last_block.getHeightWidth().height + extra_spacing + 30;
         new_block.moveBy(last_block_xy.x, y);
     }
 
     // Call svgResize to avoid glitching workspace.
-    Blockly.svgResize(new_block.workspace);
+    window.Blockly.svgResize(new_block.workspace);
     this.centerOnBlock(new_block.id, false);
 };
 
@@ -100,9 +100,9 @@ Blockly.WorkspaceSvg.prototype.addBlockNode = function (block_node) {
  * root-blocks are sorted in columns first, then all other blocks are positioned below
  * the lowest hanging root-block.
  */
-Blockly.WorkspaceSvg.prototype.cleanUp = function (x = 0, y = 0, blocks_to_clean = []) {
+window.Blockly.WorkspaceSvg.prototype.cleanUp = function (x = 0, y = 0, blocks_to_clean = []) {
     this.setResizesEnabled(false);
-    Blockly.Events.setGroup(Blockly.Events.getGroup() || true);
+    window.Blockly.Events.setGroup(window.Blockly.Events.getGroup() || true);
 
     const is_import = blocks_to_clean.length !== 0;
     const top_blocks = is_import ? blocks_to_clean : this.getTopBlocks(true);
@@ -145,23 +145,24 @@ Blockly.WorkspaceSvg.prototype.cleanUp = function (x = 0, y = 0, blocks_to_clean
 
                 const fat_neighbour_block = root_blocks
                     .slice(start, start + blocks_per_column)
+                    // eslint-disable-next-line no-confusing-arrow
                     ?.reduce((a, b) => (a.getHeightWidth().width > b.getHeightWidth().width ? a : b), initialValue);
 
-                Blockly.BlockSvg.MIN_BLOCK_X = 64;
-                // let position_x = cursor_x + fat_neighbour_block.getHeightWidth().width + Blockly.BlockSvg.MIN_BLOCK_X;
+                window.Blockly.BlockSvg.MIN_BLOCK_X = 64;
+                // let position_x = cursor_x + fat_neighbour_block.getHeightWidth().width + window.Blockly.BlockSvg.MIN_BLOCK_X;
 
                 let position_x = 0;
                 if (this?.RTL) {
                     position_x =
                         cursor_x -
                         Math.max(MINIMUM_BLOCK_X_WIDTH, fat_neighbour_block.getHeightWidth().width) -
-                        Blockly.BlockSvg.MIN_BLOCK_X;
+                        window.Blockly.BlockSvg.MIN_BLOCK_X;
                     if (!is_import) position_x -= fat_neighbour_block.getRelativeToSurfaceXY().x;
                 } else {
                     position_x =
                         cursor_x +
                         Math.max(MINIMUM_BLOCK_X_WIDTH, fat_neighbour_block.getHeightWidth().width) +
-                        Blockly.BlockSvg.MIN_BLOCK_X;
+                        window.Blockly.BlockSvg.MIN_BLOCK_X;
                     if (!is_import) position_x += fat_neighbour_block.getRelativeToSurfaceXY().x;
                 }
 
@@ -169,9 +170,9 @@ Blockly.WorkspaceSvg.prototype.cleanUp = function (x = 0, y = 0, blocks_to_clean
             }
 
             block.snapToGrid();
-            Blockly.BlockSvg.MIN_BLOCK_Y = 48;
+            window.Blockly.BlockSvg.MIN_BLOCK_Y = 48;
             original_cursor_y =
-                block.getRelativeToSurfaceXY().y + block.getHeightWidth().height + Blockly.BlockSvg.MIN_BLOCK_Y;
+                block.getRelativeToSurfaceXY().y + block.getHeightWidth().height + window.Blockly.BlockSvg.MIN_BLOCK_Y;
         });
 
         const initialValue = {
@@ -192,7 +193,7 @@ Blockly.WorkspaceSvg.prototype.cleanUp = function (x = 0, y = 0, blocks_to_clean
         original_cursor_y =
             lowest_root_block.getRelativeToSurfaceXY().y +
             lowest_root_block.getHeightWidth().height +
-            Blockly.BlockSvg.MIN_BLOCK_Y;
+            window.Blockly.BlockSvg.MIN_BLOCK_Y;
     }
 
     const filtered_top_blocks = top_blocks.filter(block => !block.isMainBlock());
@@ -210,10 +211,10 @@ Blockly.WorkspaceSvg.prototype.cleanUp = function (x = 0, y = 0, blocks_to_clean
         block.snapToGrid();
 
         original_cursor_y =
-            block.getRelativeToSurfaceXY().y + block.getHeightWidth().height + Blockly.BlockSvg.MIN_BLOCK_Y;
+            block.getRelativeToSurfaceXY().y + block.getHeightWidth().height + window.Blockly.BlockSvg.MIN_BLOCK_Y;
     });
 
-    Blockly.Events.setGroup(false);
+    window.Blockly.Events.setGroup(false);
     this.setResizesEnabled(true);
 };
 
@@ -239,39 +240,43 @@ Blockly.WorkspaceSvg.prototype.cleanUp = function (x = 0, y = 0, blocks_to_clean
  * @return {!Object} Contains size and position metrics of a top level
  *   workspace.
  * @private
- * @this Blockly.WorkspaceSvg
+ * @this window.Blockly.WorkspaceSvg
  */
-Blockly.WorkspaceSvg.getTopLevelWorkspaceMetrics_ = function () {
-    const toolbox_dimensions = Blockly.WorkspaceSvg.getDimensionsPx_(this.toolbox_);
-    const flyout_dimensions = Blockly.WorkspaceSvg.getDimensionsPx_(this.flyout_);
+window.Blockly.WorkspaceSvg.getTopLevelWorkspaceMetrics_ = function () {
+    const toolbox_dimensions = window.Blockly.WorkspaceSvg.getDimensionsPx_(this.toolbox_);
+    const flyout_dimensions = window.Blockly.WorkspaceSvg.getDimensionsPx_(this.flyout_);
 
     // Contains height and width in CSS pixels.
     // svg_size is equivalent to the size of the injectionDiv at this point.
-    const svg_size = Blockly.svgSize(this.getParentSvg());
+    const svg_size = window.Blockly.svgSize(this.getParentSvg());
 
     if (this.toolbox_) {
-        if (this.toolboxPosition === Blockly.TOOLBOX_AT_TOP || this.toolboxPosition === Blockly.TOOLBOX_AT_BOTTOM) {
+        // eslint-disable-next-line max-len
+        if (
+            this.toolboxPosition === window.Blockly.TOOLBOX_AT_TOP ||
+            this.toolboxPosition === window.Blockly.TOOLBOX_AT_BOTTOM
+        ) {
             svg_size.height -= toolbox_dimensions.height;
         } else if (
-            this.toolboxPosition === Blockly.TOOLBOX_AT_LEFT ||
-            this.toolboxPosition === Blockly.TOOLBOX_AT_RIGHT
+            this.toolboxPosition === window.Blockly.TOOLBOX_AT_LEFT ||
+            this.toolboxPosition === window.Blockly.TOOLBOX_AT_RIGHT
         ) {
             svg_size.width -= toolbox_dimensions.width;
         }
     }
 
     // svg_size is now the space taken up by the Blockly workspace, not including the toolbox.
-    const content_dimensions = Blockly.WorkspaceSvg.getContentDimensions_(this, svg_size);
+    const content_dimensions = window.Blockly.WorkspaceSvg.getContentDimensions_(this, svg_size);
 
     let absolute_left = 0;
     let absolute_top = 0;
 
-    if (this.toolbox_ && this.toolboxPosition === Blockly.TOOLBOX_AT_LEFT) {
+    if (this.toolbox_ && this.toolboxPosition === window.Blockly.TOOLBOX_AT_LEFT) {
         absolute_top = 50; // deriv-bot: Add some spacing for Core header.
         absolute_left = toolbox_dimensions.width;
     }
 
-    if (this.toolbox_ && this.toolboxPosition === Blockly.TOOLBOX_AT_TOP) {
+    if (this.toolbox_ && this.toolboxPosition === window.Blockly.TOOLBOX_AT_TOP) {
         absolute_top = toolbox_dimensions.height + 50;
     }
 
@@ -300,7 +305,7 @@ Blockly.WorkspaceSvg.getTopLevelWorkspaceMetrics_ = function () {
  * Paste the provided block onto the workspace.
  * @param {!Element} xml_block XML block element.
  */
-Blockly.WorkspaceSvg.prototype.paste = function (xml_block) {
+window.Blockly.WorkspaceSvg.prototype.paste = function (xml_block) {
     if (!this.rendered) {
         return;
     }
@@ -326,7 +331,7 @@ Blockly.WorkspaceSvg.prototype.paste = function (xml_block) {
 /**
  * Dispose of all blocks in workspace, with an optimization to prevent resizes.
  */
-Blockly.WorkspaceSvg.prototype.asyncClear = function () {
+window.Blockly.WorkspaceSvg.prototype.asyncClear = function () {
     const { setLoading } = DBotStore.instance;
     setLoading(true);
 
diff --git a/src/external/bot-skeleton/scratch/shared.js b/src/external/bot-skeleton/scratch/shared.js
index e94d972d..b5860579 100644
--- a/src/external/bot-skeleton/scratch/shared.js
+++ b/src/external/bot-skeleton/scratch/shared.js
@@ -1,4 +1,5 @@
 import filesaver from 'file-saver';
+
 import { config } from '../constants/config';
 
 export const saveAs = ({ data, filename, type }) => {
diff --git a/src/external/bot-skeleton/scratch/utils/index.js b/src/external/bot-skeleton/scratch/utils/index.js
index d36c7a84..5c05df70 100644
--- a/src/external/bot-skeleton/scratch/utils/index.js
+++ b/src/external/bot-skeleton/scratch/utils/index.js
@@ -1,3 +1,4 @@
+/* eslint-disable no-unsafe-optional-chaining */
 import { localize } from '@/utils/tmp/dummy';
 
 import { config } from '../../constants/config';
@@ -52,14 +53,14 @@ export const validateErrorOnBlockDelete = () => {
     const blockY = blockRect?.top || 0;
     const mandatory_trade_option_block = getSelectedTradeType();
     const required_block_types = [mandatory_trade_option_block, 'trade_definition', 'purchase', 'before_purchase'];
-    if (required_block_types?.includes(Blockly?.getSelected()?.type)) {
+    if (required_block_types?.includes(window.Blockly?.getSelected()?.type)) {
         if (
             blockY >= translate_Y - translate_offset &&
             blockY <= translate_Y + translate_offset &&
             blockX >= translate_X - translate_offset &&
             blockX <= translate_X + translate_offset
         ) {
-            globalObserver.emit('ui.log.error', error_message_map[Blockly?.getSelected()?.type]?.default);
+            globalObserver.emit('ui.log.error', error_message_map[window.Blockly?.getSelected()?.type]?.default);
         }
     }
 };
@@ -100,6 +101,7 @@ export const cleanUpOnLoad = (blocks_to_clean, drop_event, workspace) => {
     workspace.cleanUp(cursor_x, cursor_y, blocks_to_clean);
 };
 
+// eslint-disable-next-line default-param-last
 export const save = (filename = '@deriv/bot', collection = false, xmlDom) => {
     xmlDom.setAttribute('is_dbot', 'true');
     xmlDom.setAttribute('collection', collection ? 'true' : 'false');
@@ -108,6 +110,7 @@ export const save = (filename = '@deriv/bot', collection = false, xmlDom) => {
     saveAs({ data, type: 'text/xml;charset=utf-8', filename: `${filename}.xml` });
 };
 
+// eslint-disable-next-line no-promise-executor-return
 const delayExecution = ms => new Promise(resolve => setTimeout(resolve, ms));
 
 export const load = async ({
@@ -249,6 +252,7 @@ const loadBlocksFromHeader = (xml_string, block) => {
         try {
             xml = window.Blockly.utils.xml.textToDom(xml_string);
         } catch (error) {
+            // eslint-disable-next-line no-promise-executor-return
             return reject(localize('Unrecognized file format'));
         }
 
@@ -286,6 +290,7 @@ export const loadBlocksFromRemote = block => {
         const has_possible_missing_index_xml = url.slice(-1)[0] === '/';
 
         if (!url.match(url_pattern) && !has_possible_missing_index_xml) {
+            // eslint-disable-next-line no-promise-executor-return
             return reject(localize('Target must be an XML file'));
         }
 
@@ -295,6 +300,7 @@ export const loadBlocksFromRemote = block => {
 
         if (block.isKnownUrl(url)) {
             block.setDisabled(true);
+            // eslint-disable-next-line no-promise-executor-return
             return reject(localize('This URL is already loaded'));
         }
 
diff --git a/src/external/bot-skeleton/services/api/__tests__/ticks-service.js b/src/external/bot-skeleton/services/api/__tests__/ticks-service.js
deleted file mode 100644
index 4fdb8fed..00000000
--- a/src/external/bot-skeleton/services/api/__tests__/ticks-service.js
+++ /dev/null
@@ -1,60 +0,0 @@
-/* eslint-disable no-unused-expressions */
-import { generateDerivApiInstance } from '../appId';
-import TicksService from '../ticks_service';
-
-jasmine.DEFAULT_TIMEOUT_INTERVAL = 20000;
-
-const ticksService = new TicksService(generateDerivApiInstance());
-
-const isTick = t => Number.isInteger(t.epoch) && Number.isFinite(t.quote);
-
-const isOhlc = o =>
-    Number.isInteger(o.epoch) &&
-    Number.isFinite(o.open) &&
-    Number.isFinite(o.high) &&
-    Number.isFinite(o.low) &&
-    Number.isFinite(o.close);
-
-const isTicksList = l => l.every(t => isTick(t));
-
-const isCandles = l => l.every(o => isOhlc(o));
-
-describe('Ticks Service', () => {
-    describe('Monitor ticks', () => {
-        const ticks = [];
-        beforeAll(done => {
-            const callback = ticksList => {
-                ticks.push(ticksList);
-                if (ticks.length === 3) {
-                    ticksService.stopMonitor('R_100', key);
-                    done();
-                }
-            };
-            const key = ticksService.monitor({ symbol: 'R_100', callback });
-        });
-        it('Ticks stream received', () => {
-            expect(isTicksList(ticks[0])).toBeTruthy();
-        });
-    });
-    describe('Get ticks', () => {
-        let ticks, candles;
-        beforeAll(done => {
-            ticksService
-                .request({ symbol: 'R_25' })
-                .then(t => {
-                    ticks = t;
-                    return ticksService.request({ symbol: 'R_50', granularity: 60 });
-                })
-                .then(c => {
-                    candles = c;
-                    done();
-                });
-        });
-        it('ticks list received', () => {
-            expect(isTicksList(ticks)).toBeTruthy();
-        });
-        it('ohlc list received', () => {
-            expect(isCandles(candles)).toBeTruthy();
-        });
-    });
-});
diff --git a/src/external/bot-skeleton/services/api/account-limits.js b/src/external/bot-skeleton/services/api/account-limits.js
index 50ebafa8..45860388 100644
--- a/src/external/bot-skeleton/services/api/account-limits.js
+++ b/src/external/bot-skeleton/services/api/account-limits.js
@@ -2,6 +2,7 @@ export default class AccountLimits {
     constructor(store) {
         this.ws = store.ws;
     }
+    // eslint-disable-next-line default-param-last
     getStakePayoutLimits(currency = 'AUD', landing_company_shortcode = 'svg', selected_market) {
         return this.ws
             .send({
diff --git a/src/external/bot-skeleton/services/api/active-symbols.js b/src/external/bot-skeleton/services/api/active-symbols.js
index e138b391..0d5a6cd6 100644
--- a/src/external/bot-skeleton/services/api/active-symbols.js
+++ b/src/external/bot-skeleton/services/api/active-symbols.js
@@ -1,3 +1,4 @@
+/* eslint-disable no-confusing-arrow */
 import { localize } from '@/utils/tmp/dummy';
 
 import { config } from '../../constants/config';
diff --git a/src/external/bot-skeleton/services/api/api-middleware.js b/src/external/bot-skeleton/services/api/api-middleware.js
index 3e9f0f30..813b1bbd 100644
--- a/src/external/bot-skeleton/services/api/api-middleware.js
+++ b/src/external/bot-skeleton/services/api/api-middleware.js
@@ -28,7 +28,9 @@ class APIMiddleware {
         return req_type;
     };
 
+    // eslint-disable-next-line no-unused-vars, default-param-last
     log = (measures = [], is_bot_running) => {
+        // TODO: fix this
         if (window.is_datadog_logging_enabled && measures && measures.length) {
             // measures.forEach(measure => {
             //     datadogLogs.logger.info(measure.name, {
diff --git a/src/external/bot-skeleton/services/api/appId.js b/src/external/bot-skeleton/services/api/appId.js
index 03a07978..caaf5b1a 100644
--- a/src/external/bot-skeleton/services/api/appId.js
+++ b/src/external/bot-skeleton/services/api/appId.js
@@ -1,7 +1,7 @@
 import DerivAPIBasic from '@deriv/deriv-api/dist/DerivAPIBasic';
 
+import { getSocketURL } from '@/components/shared';
 import { website_name } from '@/utils/site-config';
-import { getSocketURL } from '@/utils/tmp/connection-helper';
 import { getAppId, getLanguage } from '@/utils/tmp/dummy';
 
 import APIMiddleware from './api-middleware';
diff --git a/src/external/bot-skeleton/services/api/server_time.js b/src/external/bot-skeleton/services/api/server_time.js
index 94ccf093..36719abc 100644
--- a/src/external/bot-skeleton/services/api/server_time.js
+++ b/src/external/bot-skeleton/services/api/server_time.js
@@ -1,3 +1,4 @@
+/* eslint-disable no-confusing-arrow */
 import PendingPromise from '../../utils/pending-promise';
 
 const ServerTime = (() => {
diff --git a/src/external/bot-skeleton/services/api/ticks_service.js b/src/external/bot-skeleton/services/api/ticks_service.js
index 597bd399..5d360295 100644
--- a/src/external/bot-skeleton/services/api/ticks_service.js
+++ b/src/external/bot-skeleton/services/api/ticks_service.js
@@ -1,7 +1,10 @@
+/* eslint-disable no-confusing-arrow */
+import { getLast, historyToTicks } from 'binary-utils';
 import { Map } from 'immutable';
-import { historyToTicks, getLast } from 'binary-utils';
-import { doUntilDone, getUUID } from '../tradeEngine/utils/helpers';
+
 import { observer as globalObserver } from '../../utils/observer';
+import { doUntilDone, getUUID } from '../tradeEngine/utils/helpers';
+
 import { api_base } from './api-base';
 
 const parseTick = tick => ({
diff --git a/src/external/bot-skeleton/services/tradeEngine/Interface/IndicatorsInterface.js b/src/external/bot-skeleton/services/tradeEngine/Interface/IndicatorsInterface.js
index 45547b94..c96e1d46 100644
--- a/src/external/bot-skeleton/services/tradeEngine/Interface/IndicatorsInterface.js
+++ b/src/external/bot-skeleton/services/tradeEngine/Interface/IndicatorsInterface.js
@@ -1,13 +1,13 @@
 import {
-    simpleMovingAverage as sma,
-    simpleMovingAverageArray as smaa,
     bollingerBands as bb,
     bollingerBandsArray as bba,
     exponentialMovingAverage as ema,
     exponentialMovingAverageArray as emaa,
+    macdArray as macda,
     relativeStrengthIndex as rsi,
     relativeStrengthIndexArray as rsia,
-    macdArray as macda,
+    simpleMovingAverage as sma,
+    simpleMovingAverageArray as smaa,
 } from '@/external/indicators/index';
 
 const decorate = (f, input, tradeEngine, config, ...args) => {
diff --git a/src/external/bot-skeleton/services/tradeEngine/Interface/MiscInterface.js b/src/external/bot-skeleton/services/tradeEngine/Interface/MiscInterface.js
index 311705e0..6d537985 100644
--- a/src/external/bot-skeleton/services/tradeEngine/Interface/MiscInterface.js
+++ b/src/external/bot-skeleton/services/tradeEngine/Interface/MiscInterface.js
@@ -1,6 +1,7 @@
 import { localize } from '@/utils/tmp/dummy';
-import { notify } from '../utils/broadcast';
+
 import { observer as globalObserver } from '../../../utils/observer';
+import { notify } from '../utils/broadcast';
 
 const getMiscInterface = tradeEngine => {
     return {
diff --git a/src/external/bot-skeleton/services/tradeEngine/Interface/index.js b/src/external/bot-skeleton/services/tradeEngine/Interface/index.js
index 6e050928..f3ff1af6 100644
--- a/src/external/bot-skeleton/services/tradeEngine/Interface/index.js
+++ b/src/external/bot-skeleton/services/tradeEngine/Interface/index.js
@@ -1,11 +1,13 @@
-import getToolsInterface from './ToolsInterface';
-import getTicksInterface from './TicksInterface';
-import getBotInterface from './BotInterface';
 import TradeEngine from '../trade';
 
+import getBotInterface from './BotInterface';
+import getTicksInterface from './TicksInterface';
+import getToolsInterface from './ToolsInterface';
+
 const sleep = (observer, arg = 1) => {
     return new Promise(
         r =>
+            // eslint-disable-next-line no-promise-executor-return
             setTimeout(() => {
                 r();
                 setTimeout(() => observer.emit('CONTINUE'), 0);
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/BotApi.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/BotApi.js
deleted file mode 100644
index 08ee1ff6..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/BotApi.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import Interface from '../Interface';
-import { createScope } from '../utils/cliTools';
-
-const $scope = createScope();
-
-const botInterface = new Interface($scope);
-
-const Bot = botInterface.getInterface('Bot');
-
-const { watch, alert } = botInterface.getInterface();
-
-describe('Interface', () => {
-    it('alert should not be native', () => {
-        expect(alert.toString().includes('native')).toBe(false);
-    });
-    it('isInside should check if the api is inside the context', () => {
-        expect(botInterface.tradeEngine.scope).not.toBe('before');
-    });
-    describe('Bot can be started correctly', () => {
-        let stay;
-
-        beforeAll(done => {
-            Bot.init('Xkq6oGFEHh6hJH8', {
-                candleInterval: 60,
-                contractTypes: ['DIGITODD', 'DIGITEVEN'],
-                symbol: 'R_100',
-            });
-
-            Bot.start({
-                amount: 1,
-                currency: 'USD',
-                duration: 5,
-                duration_unit: 't',
-                basis: 'stake',
-            });
-
-            watch('before').then(c => {
-                stay = c;
-                done();
-            });
-        });
-
-        it('context is inside before', () => {
-            expect(botInterface.tradeEngine.store.getState().scope).toBe('BEFORE_PURCHASE');
-        });
-
-        it('Loop stayed on correctly', () => {
-            expect(stay).toBe(true);
-        });
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/Core.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/Core.js
deleted file mode 100644
index 93c70193..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/Core.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import { expectReturnTrue, parts } from './tools';
-
-expectReturnTrue(
-    'Main Blocks',
-    `
-      (function (){
-        ${parts.timeTrade}
-        ${parts.waitToPurchase}
-        ${parts.waitToSell}
-        return true;
-      })();
-  `
-);
-
-expectReturnTrue(
-    'Main Blocks - Multiple Trades',
-    `
-      (function (){
-        var count = 2;
-        while(true) {
-          ${parts.timeTrade}
-          ${parts.waitToPurchase}
-          ${parts.waitToSell}
-          if (--count === 0) {
-            break;
-          }
-        }
-        return count === 0;
-      })();
-  `
-);
-
-expectReturnTrue(
-    'Main Blocks - Sell Expired',
-    `
-      (function (){
-        ${parts.tickTrade}
-        ${parts.waitToPurchase}
-        while (watch('during')) {}
-        return true;
-      })();
-  `
-);
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/StopStart.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/StopStart.js
deleted file mode 100644
index 0639f1b9..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/StopStart.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import { parts } from './tools';
-import { createInterpreter } from '../utils/interpreter';
-
-describe('Run Interpreter over bot', () => {
-    let value;
-
-    beforeAll(done => {
-        let interpreter = createInterpreter();
-        interpreter.run(
-            `
-      (function (){
-        ${parts.tickTrade}
-        while(watch('before')) {}
-      })();
-    `
-        );
-
-        setTimeout(() => {
-            interpreter.stop();
-            interpreter = createInterpreter();
-            interpreter
-                .run(
-                    `
-        (function (){
-          ${parts.tickTrade}
-          ${parts.waitToPurchase}
-          ${parts.waitToSell}
-          return true;
-        })();
-      `
-                )
-                .then(v => {
-                    value = v;
-                    done();
-                });
-        }, 8000);
-    });
-    it('Code block is executed correctly', () => {
-        expect(value).toBe(true);
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/UI.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/UI.js
deleted file mode 100644
index 91a62c84..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/UI.js
+++ /dev/null
@@ -1,81 +0,0 @@
-import { expectReturnTrue } from './tools';
-
-expectReturnTrue(
-    'UI Generated Code',
-    `
-      (function(){
-        var before_purchase, during_purchase, after_purchase;
-
-        var tick_analysis_list = [];
-
-        function run(f, arg) {
-          if (f) return f(arg);
-          return false;
-        }
-
-        function tick_analysis() {
-          for (var i = 0; i < tick_analysis_list.length; i++) {
-            run(tick_analysis_list[i]);
-          }
-        }
-
-        var limitations = {};
-
-        var start;
-
-          Bot.init('Xkq6oGFEHh6hJH8', {
-    symbol: 'R_100',
-    contractTypes: ["CALL"],
-    candleInterval: '60',
-  });
-  start = function start() {
-          Bot.start({
-            limitations: limitations,
-            duration: 5,
-            duration_unit: 't',
-            currency: 'USD',
-            amount: 1,
-            prediction: undefined,
-            barrierOffset: undefined,
-            secondBarrierOffset: undefined,
-            basis: 'stake',
-          });
-        }
-
-before_purchase = function before_purchase(){
-      Bot.purchase('CALL');
-
-  };
-
-during_purchase = function during_purchase(){
-      if (Bot.isSellAvailable()) {
-  }
-
-  };
-
-var count = 2;
-after_purchase = function after_purchase(){
-  if (--count === 0) {
-    return false;
-  }
-  return true;
-};
-
-        while(true) {
-          run(start)
-          while(watch('before')) {
-            tick_analysis();
-            run(before_purchase);
-          }
-          while(watch('during')) {
-            tick_analysis();
-            run(during_purchase);
-          }
-          tick_analysis();
-          if(!run(after_purchase)) {
-            break;
-          }
-        }
-        return count === 0
-      })();`
-);
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/After.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/After.js
deleted file mode 100644
index b6c35e8c..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/After.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { runAndGetResult, expectResultTypes, parts } from '../tools';
-
-describe('After Purchase Blocks', () => {
-    let result;
-
-    beforeAll(done => {
-        runAndGetResult(
-            undefined,
-            `
-      ${parts.waitToPurchase}
-      ${parts.waitToSell}
-      result.isWin = Bot.isResult('win');
-      result.detail = Bot.readDetails(1);
-    `
-        ).then(v => {
-            result = v;
-            done();
-        });
-    });
-
-    it('After purchase api', () => {
-        expectResultTypes(result, [
-            'boolean', // is result win
-            'number', // statement
-        ]);
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/Before.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/Before.js
deleted file mode 100644
index b20eb0fc..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/Before.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { runAndGetResult, expectResultTypes } from '../tools';
-
-describe('Before Purchase Blocks', () => {
-    let result;
-
-    beforeAll(done => {
-        runAndGetResult(
-            undefined,
-            `
-      watch('before');
-      result.payout = Bot.getPayout('CALL');
-      result.askPrice = Bot.getAskPrice('CALL');
-      Bot.purchase('CALL');
-    `
-        ).then(v => {
-            result = v;
-            done();
-        });
-    });
-
-    it('before purchase api', () => {
-        expectResultTypes(result, [
-            'number', // payout
-            'number', // ask price
-        ]);
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/During.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/During.js
deleted file mode 100644
index ccbc19f7..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/During.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { runAndGetResult, expectResultTypes, parts } from '../tools';
-
-describe('During Purchase Blocks', () => {
-    let result;
-
-    beforeAll(done => {
-        runAndGetResult(
-            undefined,
-            `
-      ${parts.waitToPurchase}
-      watch('during');
-      result.sellAvailable = Bot.isSellAvailable();
-      result.sellPrice = Bot.getSellPrice();
-    `
-        ).then(v => {
-            result = v;
-            done();
-        });
-    });
-
-    it('During purchase api', () => {
-        expectResultTypes(result, [
-            'boolean', // is sell available
-            'number', // sell price
-        ]);
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/Ticks.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/Ticks.js
deleted file mode 100644
index d5a79a3d..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/Ticks.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import { runAndGetResult, expectResultTypes } from '../tools';
-
-describe('Many getTicks in a row', () => {
-    let result;
-
-    beforeAll(done => {
-        runAndGetResult(
-            undefined,
-            `
-      result.ticks = []
-      for (var i = 0; i < 100; i++) {
-        result.ticks.push(Bot.getLastTick())
-      }
-    `
-        ).then(v => {
-            result = v;
-            done();
-        });
-    });
-
-    it('All getTicks should be the same', () => {
-        const { ticks } = result;
-
-        expect(ticks).satisfy(t => t.length === 100 && t.every(n => n === ticks[0]));
-    });
-});
-
-describe('Ticks Analysis', () => {
-    let result;
-
-    beforeAll(done => {
-        runAndGetResult(
-            `
-      result.ticks = []
-      function ta() {
-        result.ticks.push(Bot.getLastTick());
-      }
-    `,
-            `
-      watch('before');
-      ta()
-      Bot.purchase('CALL')
-      while (watch('during')) {
-        ta()
-      }
-      ta()
-    `
-        ).then(v => {
-            result = v;
-            done();
-        });
-    });
-
-    it('tick analysis block', () => {
-        const { ticks } = result;
-
-        expect(ticks).satisfy(t => t.length >= 3 && t.every(n => Number.isFinite(n)));
-    });
-});
-
-describe('Tick Blocks', () => {
-    let result;
-
-    beforeAll(done => {
-        runAndGetResult(
-            undefined,
-            `
-        result.lastTick = Bot.getLastTick();
-        result.lastDigit = Bot.getLastDigit();
-        result.lastOhlc = Bot.getOhlcFromEnd();
-        result.isTickDirUp = Bot.checkDirection('rise')
-
-        result.ohlc = Bot.getOhlc();
-        result.ticks = Bot.getTicks();
-        result.candleValues = Bot.getOhlc({ field: 'close' });
-        result.lastCloseValue1 = Bot.getOhlcFromEnd({ field: 'close', index: 2 });
-        result.lastCloseValue2 = Bot.getOhlcFromEnd({ field: 'close' });
-  `
-        ).then(v => {
-            result = v;
-            done();
-        });
-    });
-
-    it('ticks api', () => {
-        expectResultTypes(result, [
-            'number', // last tick
-            'number', // last digit
-            'object', // last candle
-            'boolean', // is tick direction up
-
-            'object', // candles list
-            'object', // ticks
-            'object', // candle values list
-            'number', // last close value
-            'number', // previous close value
-        ]);
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/indicators.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/indicators.js
deleted file mode 100644
index 2407e0dd..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/indicators.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import {
-    bollingerBands as bb,
-    bollingerBandsArray as bba,
-    exponentialMovingAverage as ema,
-    exponentialMovingAverageArray as emaa,
-    macdArray as macda,
-    relativeStrengthIndex as rsi,
-    relativeStrengthIndexArray as rsia,
-    simpleMovingAverage as sma,
-    simpleMovingAverageArray as smaa,
-} from '@/external/indicators/index';
-
-import { runAndGetResult } from '../tools';
-
-const periods = 12;
-
-const bbOption = {
-    periods,
-    stdDevUp: 5,
-    stdDevDown: 5,
-};
-
-const macdOption = {
-    fastEmaPeriod: 12,
-    slowEmaPeriod: 26,
-    signalEmaPeriod: 9,
-};
-
-const getIndicatorsFromApi = () =>
-    runAndGetResult(
-        undefined,
-        `
-    watch('before');
-    var ticks = Bot.getTicks();
-    result.ticks = ticks
-    result.rsi = Bot.rsi(ticks, ${periods})
-    result.rsia = Bot.rsia(ticks, ${periods})
-    result.bb = Bot.bb(ticks, ${JSON.stringify(bbOption)}, 1)
-    result.bba = Bot.bba(ticks, ${JSON.stringify(bbOption)}, 2)
-    result.ema = Bot.ema(ticks, ${periods})
-    result.emaa = Bot.emaa(ticks, ${periods})
-    result.macda = Bot.macda(ticks, ${JSON.stringify(macdOption)}, 0)
-    result.sma = Bot.sma(ticks, ${periods})
-    result.smaa = Bot.smaa(ticks, ${periods})
-  `
-    );
-
-describe('Relative Strength Index', () => {
-    let result, expected;
-
-    beforeAll(done =>
-        getIndicatorsFromApi().then(r => {
-            result = r;
-            const { ticks } = result;
-
-            expected = {
-                sma: sma(ticks, { periods }),
-                smaa: smaa(ticks, { periods }),
-                bb: bb(ticks, bbOption)[1],
-                bba: bba(ticks, bbOption).map(e => e[2]),
-                ema: ema(ticks, { periods }),
-                emaa: emaa(ticks, { periods }),
-                rsi: rsi(ticks, { periods }),
-                rsia: rsia(ticks, { periods }),
-                macda: macda(ticks, macdOption).map(e => e[0]),
-            };
-
-            done();
-        })
-    );
-
-    it('Indicator values are set correctly', () => {
-        Object.keys(expected).forEach(name => {
-            const endResult = JSON.parse(JSON.stringify(result[name]));
-            const expectedResult = JSON.parse(JSON.stringify(expected[name]));
-            expect(endResult).toEqual(expectedResult);
-        });
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/sanitize-test/Blocks.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/sanitize-test/Blocks.js
deleted file mode 100644
index 2da86a9d..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/sanitize-test/Blocks.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { run } from '../../tools';
-
-describe('Index handling', () => {
-    let error;
-
-    describe('Index must be handled properly', () => {
-        beforeAll(done =>
-            run(
-                `
-        Bot.getOhlcFromEnd({ field: 'close', index: 0 })
-    `
-            ).catch(e => {
-                error = e;
-                done();
-            })
-        );
-
-        it('Index (starting from 1) should be handled', () => {
-            expect(error).satisfy(e => e.message);
-        });
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/sanitize-test/Trade.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/sanitize-test/Trade.js
deleted file mode 100644
index 03546bfb..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/sanitize-test/Trade.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import { run } from '../../tools';
-
-describe('Trade Definition Blocks', () => {
-    let error;
-
-    describe('Start arguments', () => {
-        beforeAll(done =>
-            run('Bot.init("");').catch(e => {
-                error = e;
-                done();
-            })
-        );
-
-        it('User must be logged in', () => {
-            expect(error).satisfy(e => e.message);
-        });
-    });
-
-    describe('Trade Option must be checked', () => {
-        beforeAll(done =>
-            run(
-                `
-        Bot.init('Sametoken');
-        Bot.start({ amount: "hello" })
-      `
-            ).catch(e => {
-                error = e;
-                done();
-            })
-        );
-
-        it('Trade Option must be checked', () => {
-            expect(error).satisfy(e => e.message);
-        });
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/tools-test/Candles.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/tools-test/Candles.js
deleted file mode 100644
index acaa9acf..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/tools-test/Candles.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { runAndGetResult } from '../../tools';
-
-describe('Candle Blocks in tools', () => {
-    let result;
-
-    beforeAll(done => {
-        runAndGetResult(
-            undefined,
-            `
-      var ohlc = Bot.getOhlc();
-      result.ohlc = Bot.candleValues(ohlc, 'open')
-      result.isCandleBlack = Bot.isCandleBlack({ open: 1, high: 2.2, low: 0.5, close: 2, epoch: 123 });
-      result.candleField = Bot.candleField({ open: 1, high: 2.2, low: 0.5, close: 2, epoch: 123 }, 'open');
-    `
-        ).then(v => {
-            result = v;
-            done();
-        });
-    });
-
-    it('ohlc values', () => {
-        const { isCandleBlack } = result;
-
-        expect(isCandleBlack).toBe(false);
-    });
-
-    it('is candle black', () => {
-        const { ohlc } = result;
-
-        expect(ohlc).satisfy(o => o && o.length && Number.isFinite(o[0]));
-    });
-
-    it('candle field', () => {
-        const { candleField } = result;
-
-        expect(candleField).toBe(1);
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/tools-test/Misc.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/tools-test/Misc.js
deleted file mode 100644
index adcd5966..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/tools-test/Misc.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import { runAndGetResult } from '../../tools';
-import { observer as globalObserver } from '../../../../../utils/observer';
-
-describe('Misc. tools', () => {
-    let result;
-    const observed = {};
-
-    globalObserver.register('Notify', notify => {
-        observed.notify = notify;
-    });
-
-    beforeAll(done => {
-        runAndGetResult(
-            undefined,
-            `
-        Bot.notify({ message: 'Test', className: 'info'})
-        watch('before')
-        result.totalRuns = Bot.getTotalRuns();
-        result.totalProfit = Bot.getTotalProfit();
-        result.balance = Bot.getBalance('NUM')
-        result.balanceStr = Bot.getBalance('STR')
-    `
-        ).then(v => {
-            result = v;
-            done();
-        });
-    });
-    it('Balance', () => {
-        const { balance, balanceStr } = result;
-
-        expect(balance).toBeInstanceOf(Number);
-        expect(balanceStr).toBeInstanceOf(String);
-        expect(parseFloat(balanceStr)).toBe(balance);
-    });
-
-    it('Total Profit', () => {
-        const { totalProfit } = result;
-
-        expect(totalProfit).toBeInstanceOf(Number);
-    });
-
-    it('Total runs', () => {
-        const { totalRuns } = result;
-
-        expect(totalRuns).toBe(0);
-    });
-
-    it('Notify', () => {
-        const {
-            notify: { className, message },
-        } = observed;
-
-        expect(className).toBe('info');
-        expect(message).toBe('Test');
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/tools-test/Time.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/tools-test/Time.js
deleted file mode 100644
index 29039e21..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/block-tests/tools-test/Time.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { run } from '../../tools';
-
-describe('Time in tools', () => {
-    let result;
-
-    beforeAll(done => {
-        run(
-            `
-      (function() {
-        var result = {};
-        result.time1 = Bot.getTime();
-        sleep(2)
-        result.time2 = Bot.getTime();
-        return result;
-      })()
-    `
-        ).then(v => {
-            result = v;
-            done();
-        });
-    });
-
-    it('time is correctly skewed', () => {
-        const { time1, time2 } = result;
-
-        expect(time2 - time1).toBeLessThanOrEqual(3);
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/jsi.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/jsi.js
deleted file mode 100644
index ab3ec574..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/jsi.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import Interpreter from '../utils/interpreter';
-
-const interpreter = new Interpreter();
-
-describe('Run Interpreter over simple calculation', () => {
-    let value;
-
-    beforeAll(done => {
-        interpreter.run('1 + 2').then(v => {
-            value = v;
-            done();
-        });
-    });
-
-    it('Pure js code should be validated correctly', () => {
-        expect(value).toBe(3);
-    });
-});
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/shouldRestartOnError.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/shouldRestartOnError.js
deleted file mode 100644
index 8fbd3d0e..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/shouldRestartOnError.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { expectReturnTrue, parts, init, start } from './tools';
-
-expectReturnTrue(
-    'Main Blocks - Restart On Error',
-    `
-      (function (){
-        ${init('shouldRestartOnError: true')}
-        ${start('duration: 2, duration_unit: "h"')}
-        ${parts.waitToPurchase}
-        // no watch for during here!
-        sleep(2)
-        Bot.sellAtMarket()
-        return true;
-      })();
-  `
-);
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/stages.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/stages.js
deleted file mode 100644
index e458a835..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/stages.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import { expectReturnTrue, parts } from './tools';
-
-expectReturnTrue(
-    'Stage 1 - Before Purchase',
-    `
-      (function (){
-        ${parts.tickTrade}
-        watch('before');
-        return true;
-      })();
-  `
-);
-
-expectReturnTrue(
-    'Stage 2 - After Purchase Before Open Proposal',
-    `
-      (function (){
-        ${parts.tickTrade}
-        ${parts.waitToPurchase}
-        return true;
-      })();
-  `
-);
-
-expectReturnTrue(
-    'Stage 3 - Before Sell',
-    `
-      (function (){
-        ${parts.tickTrade}
-        ${parts.waitToPurchase}
-        watch('during');
-        return true;
-      })();
-  `
-);
-
-expectReturnTrue(
-    'Stage 4 - After Sell',
-    `
-      (function (){
-        ${parts.tickTrade}
-        ${parts.waitToPurchase}
-        ${parts.waitToSell}
-        return true;
-      })();
-  `
-);
diff --git a/src/external/bot-skeleton/services/tradeEngine/__tests__/tools.js b/src/external/bot-skeleton/services/tradeEngine/__tests__/tools.js
deleted file mode 100644
index 58dccd36..00000000
--- a/src/external/bot-skeleton/services/tradeEngine/__tests__/tools.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import { createInterpreter } from '../utils/interpreter';
-
-export const init = options => `
-  Bot.init('Xkq6oGFEHh6hJH8', {
-    candleInterval: 60,
-    contractTypes: ['CALL'],
-    shouldRestartOnError: true,
-    timeMachineEnabled: false,
-    symbol: 'R_100', ${options || ''}
-  })
-`;
-
-export const start = options =>
-    `
-        Bot.start({
-          amount: 1,
-          currency: 'USD', ${options || ''},
-          basis: 'stake',
-        });
-`;
-
-export const parts = {
-    header: `
-      (function (){
-        var result = {};
-  `,
-    init: init(),
-    timeTrade: `${init()}; ${start('duration: 2, duration_unit: "h"')};`,
-    tickTrade: `${init()}; ${start('duration: 5, duration_unit: "t"')};`,
-    waitToPurchase: `
-        watch('before');
-        Bot.purchase('CALL');
-  `,
-    waitToSell: `
-        while (watch('during')) {
-          if (Bot.isSellAvailable()) {
-            Bot.sellAtMarket();
-          }
-        }
-  `,
-    footer: `
-        return {
-          result: result,
-        };
-      })();
-  `,
-};
-
-export const run = code => createInterpreter().run(code);
-
-export const runAndGetResult = (initCode = '', code) =>
-    new Promise(r => {
-        run(
-            `
-    ${parts.header}
-    ${initCode}
-    ${parts.tickTrade}
-    ${code}
-    ${parts.footer}
-  `
-        ).then(v => r(v.result));
-    });
-
-export const expectReturnTrue = (msg, code) =>
-    describe(msg, () => {
-        let value;
-
-        beforeAll(done => {
-            run(code).then(v => {
-                value = v;
-                done();
-            });
-        });
-        it('return code is true', () => {
-            expect(value).toBe(true);
-        });
-    });
-
-export const expectResultTypes = (result, types) => {
-    const resultTypes = Object.keys(result).map(k => typeof result[k]);
-
-    expect(resultTypes).toEqual(types);
-};
diff --git a/src/external/bot-skeleton/services/tradeEngine/trade/Balance.js b/src/external/bot-skeleton/services/tradeEngine/trade/Balance.js
index 7e18e286..dd2c1e96 100644
--- a/src/external/bot-skeleton/services/tradeEngine/trade/Balance.js
+++ b/src/external/bot-skeleton/services/tradeEngine/trade/Balance.js
@@ -1,4 +1,4 @@
-import { getFormattedText } from '@/utils/tmp/currency-helper';
+import { getFormattedText } from '@/components/shared';
 
 import DBotStore from '../../../scratch/dbot-store';
 import { api_base } from '../../api/api-base';
diff --git a/src/external/bot-skeleton/services/tradeEngine/trade/OpenContract.js b/src/external/bot-skeleton/services/tradeEngine/trade/OpenContract.js
index f821cc88..ff1f2e7d 100644
--- a/src/external/bot-skeleton/services/tradeEngine/trade/OpenContract.js
+++ b/src/external/bot-skeleton/services/tradeEngine/trade/OpenContract.js
@@ -1,4 +1,4 @@
-import { getRoundedNumber } from '@/utils/tmp/currency-helper';
+import { getRoundedNumber } from '@/components/shared';
 
 import { api_base } from '../../api/api-base';
 import { contract as broadcastContract, contractStatus } from '../utils/broadcast';
diff --git a/src/external/bot-skeleton/services/tradeEngine/trade/Proposal.js b/src/external/bot-skeleton/services/tradeEngine/trade/Proposal.js
index b108604b..e8e3435a 100644
--- a/src/external/bot-skeleton/services/tradeEngine/trade/Proposal.js
+++ b/src/external/bot-skeleton/services/tradeEngine/trade/Proposal.js
@@ -1,7 +1,9 @@
 import { localize } from '@/utils/tmp/dummy';
-import { proposalsReady, clearProposals } from './state/actions';
-import { tradeOptionToProposal, doUntilDone } from '../utils/helpers';
+
 import { api_base } from '../../api/api-base';
+import { doUntilDone, tradeOptionToProposal } from '../utils/helpers';
+
+import { clearProposals, proposalsReady } from './state/actions';
 
 export default Engine =>
     class Proposal extends Engine {
diff --git a/src/external/bot-skeleton/services/tradeEngine/trade/Purchase.js b/src/external/bot-skeleton/services/tradeEngine/trade/Purchase.js
index c80d80cb..220b9b33 100644
--- a/src/external/bot-skeleton/services/tradeEngine/trade/Purchase.js
+++ b/src/external/bot-skeleton/services/tradeEngine/trade/Purchase.js
@@ -1,9 +1,10 @@
-import { purchaseSuccessful } from './state/actions';
-import { BEFORE_PURCHASE } from './state/constants';
-import { contractStatus, info, log } from '../utils/broadcast';
-import { getUUID, recoverFromError, doUntilDone, tradeOptionToBuy } from '../utils/helpers';
 import { LogTypes } from '../../../constants/messages';
 import { api_base } from '../../api/api-base';
+import { contractStatus, info, log } from '../utils/broadcast';
+import { doUntilDone, getUUID, recoverFromError, tradeOptionToBuy } from '../utils/helpers';
+
+import { purchaseSuccessful } from './state/actions';
+import { BEFORE_PURCHASE } from './state/constants';
 
 let delayIndex = 0;
 let purchase_reference;
diff --git a/src/external/bot-skeleton/services/tradeEngine/trade/Sell.js b/src/external/bot-skeleton/services/tradeEngine/trade/Sell.js
index 0111fefc..0c9400ba 100644
--- a/src/external/bot-skeleton/services/tradeEngine/trade/Sell.js
+++ b/src/external/bot-skeleton/services/tradeEngine/trade/Sell.js
@@ -1,9 +1,10 @@
-import { DURING_PURCHASE } from './state/constants';
-import { contractStatus, log } from '../utils/broadcast';
-import { recoverFromError, doUntilDone } from '../utils/helpers';
 import { LogTypes } from '../../../constants/messages';
 import { observer as globalObserver } from '../../../utils/observer';
 import { api_base } from '../../api/api-base';
+import { contractStatus, log } from '../utils/broadcast';
+import { doUntilDone, recoverFromError } from '../utils/helpers';
+
+import { DURING_PURCHASE } from './state/constants';
 
 export default Engine =>
     class Sell extends Engine {
@@ -98,6 +99,7 @@ export default Engine =>
 
                 // Restart buy/sell on error is enabled, don't recover from sell error.
                 if (!this.options.timeMachineEnabled) {
+                    // eslint-disable-next-line no-promise-executor-return
                     return doUntilDone(sellContractAndGetContractInfo, errors_to_ignore).then(sell_response =>
                         onContractSold(sell_response)
                     );
@@ -107,6 +109,7 @@ export default Engine =>
                 const recoverFn = (error_code, makeDelay) => {
                     return makeDelay().then(() => this.observer.emit('REVERT', 'during'));
                 };
+                // eslint-disable-next-line no-promise-executor-return
                 return recoverFromError(
                     sellContractAndGetContractInfo,
                     recoverFn,
diff --git a/src/external/bot-skeleton/services/tradeEngine/trade/Ticks.js b/src/external/bot-skeleton/services/tradeEngine/trade/Ticks.js
index c8336e95..b9b5a7db 100644
--- a/src/external/bot-skeleton/services/tradeEngine/trade/Ticks.js
+++ b/src/external/bot-skeleton/services/tradeEngine/trade/Ticks.js
@@ -1,9 +1,13 @@
+/* eslint-disable no-promise-executor-return */
 import { getLast } from 'binary-utils';
+
 import { localize } from '@/utils/tmp/dummy';
-import * as constants from './state/constants';
+
+import { observer as globalObserver } from '../../../utils/observer';
 import { getDirection, getLastDigit } from '../utils/helpers';
 import { expectPositiveInteger } from '../utils/sanitize';
-import { observer as globalObserver } from '../../../utils/observer';
+
+import * as constants from './state/constants';
 
 let tickListenerKey;
 
diff --git a/src/external/bot-skeleton/services/tradeEngine/trade/Total.js b/src/external/bot-skeleton/services/tradeEngine/trade/Total.js
index d2bf5071..934fdbeb 100644
--- a/src/external/bot-skeleton/services/tradeEngine/trade/Total.js
+++ b/src/external/bot-skeleton/services/tradeEngine/trade/Total.js
@@ -1,4 +1,4 @@
-import { getRoundedNumber } from '@/utils/tmp/currency-helper';
+import { getRoundedNumber } from '@/components/shared';
 import { localize } from '@/utils/tmp/dummy';
 
 import { LogTypes } from '../../../constants/messages';
diff --git a/src/external/bot-skeleton/services/tradeEngine/trade/state/actions/index.spec.js b/src/external/bot-skeleton/services/tradeEngine/trade/state/actions/index.spec.js
index cd3050e2..19a0a6e2 100644
--- a/src/external/bot-skeleton/services/tradeEngine/trade/state/actions/index.spec.js
+++ b/src/external/bot-skeleton/services/tradeEngine/trade/state/actions/index.spec.js
@@ -1,4 +1,5 @@
 import * as constants from '../constants';
+
 import * as actions from '.';
 
 const getDispatchFromAction = ({ action, state }) => {
diff --git a/src/external/bot-skeleton/services/tradeEngine/trade/state/reducers/index.js b/src/external/bot-skeleton/services/tradeEngine/trade/state/reducers/index.js
index d436cbbd..39c14473 100644
--- a/src/external/bot-skeleton/services/tradeEngine/trade/state/reducers/index.js
+++ b/src/external/bot-skeleton/services/tradeEngine/trade/state/reducers/index.js
@@ -5,47 +5,48 @@ const initialState = {
     proposalsReady: false,
 };
 
+// eslint-disable-next-line default-param-last
 const signal = (state = initialState, action) => {
     switch (action.type) {
-        case constants.START:
-            return {
-                scope: constants.BEFORE_PURCHASE,
-                proposalsReady: state.proposalsReady,
-            };
-        case constants.PROPOSALS_READY:
-            return {
-                ...state,
-                proposalsReady: true,
-            };
-        case constants.CLEAR_PROPOSALS:
-            return {
-                ...state,
-                proposalsReady: false,
-            };
-        case constants.PURCHASE_SUCCESSFUL:
-            return {
-                scope: constants.DURING_PURCHASE,
-                openContract: false,
-                proposalsReady: state.proposalsReady,
-            };
-        case constants.OPEN_CONTRACT:
-            return {
-                scope: constants.DURING_PURCHASE,
-                openContract: true,
-                proposalsReady: state.proposalsReady,
-            };
-        case constants.SELL:
-            return {
-                scope: constants.STOP,
-                proposalsReady: state.proposalsReady,
-            };
-        case constants.NEW_TICK:
-            return {
-                ...state,
-                newTick: action.payload,
-            };
-        default:
-            return state;
+    case constants.START:
+        return {
+            scope: constants.BEFORE_PURCHASE,
+            proposalsReady: state.proposalsReady,
+        };
+    case constants.PROPOSALS_READY:
+        return {
+            ...state,
+            proposalsReady: true,
+        };
+    case constants.CLEAR_PROPOSALS:
+        return {
+            ...state,
+            proposalsReady: false,
+        };
+    case constants.PURCHASE_SUCCESSFUL:
+        return {
+            scope: constants.DURING_PURCHASE,
+            openContract: false,
+            proposalsReady: state.proposalsReady,
+        };
+    case constants.OPEN_CONTRACT:
+        return {
+            scope: constants.DURING_PURCHASE,
+            openContract: true,
+            proposalsReady: state.proposalsReady,
+        };
+    case constants.SELL:
+        return {
+            scope: constants.STOP,
+            proposalsReady: state.proposalsReady,
+        };
+    case constants.NEW_TICK:
+        return {
+            ...state,
+            newTick: action.payload,
+        };
+    default:
+        return state;
     }
 };
 
diff --git a/src/external/bot-skeleton/services/tradeEngine/trade/state/reducers/index.spec.js b/src/external/bot-skeleton/services/tradeEngine/trade/state/reducers/index.spec.js
index 6f0b6eb7..1cfbb22a 100644
--- a/src/external/bot-skeleton/services/tradeEngine/trade/state/reducers/index.spec.js
+++ b/src/external/bot-skeleton/services/tradeEngine/trade/state/reducers/index.spec.js
@@ -1,4 +1,5 @@
 import * as constants from '../constants';
+
 import signal from '.';
 
 let state;
diff --git a/src/external/bot-skeleton/services/tradeEngine/utils/cliTools.js b/src/external/bot-skeleton/services/tradeEngine/utils/cliTools.js
index 63cb063a..4d806ffe 100644
--- a/src/external/bot-skeleton/services/tradeEngine/utils/cliTools.js
+++ b/src/external/bot-skeleton/services/tradeEngine/utils/cliTools.js
@@ -1,5 +1,5 @@
-import TicksService from '../../api/ticks_service';
 import Observer from '../../../utils/observer';
+import TicksService from '../../api/ticks_service';
 
 export const createScope = () => {
     const observer = new Observer();
diff --git a/src/external/bot-skeleton/services/tradeEngine/utils/helpers.js b/src/external/bot-skeleton/services/tradeEngine/utils/helpers.js
index 1f8df489..1b0c0c17 100644
--- a/src/external/bot-skeleton/services/tradeEngine/utils/helpers.js
+++ b/src/external/bot-skeleton/services/tradeEngine/utils/helpers.js
@@ -1,7 +1,5 @@
-import { getRoundedNumber } from '@/utils/tmp/currency-helper';
+import { findValueByKeyRecursively, formatTime, getRoundedNumber, isEmptyObject } from '@/components/shared';
 import { localize } from '@/utils/tmp/dummy';
-import { findValueByKeyRecursively, isEmptyObject } from '@/utils/tmp/object-helper';
-import { formatTime } from '@/utils/tmp/time-helper';
 
 import { observer as globalObserver } from '../../../utils/observer';
 
diff --git a/src/external/bot-skeleton/services/tradeEngine/utils/interpreter.js b/src/external/bot-skeleton/services/tradeEngine/utils/interpreter.js
index a735d837..2bba4133 100644
--- a/src/external/bot-skeleton/services/tradeEngine/utils/interpreter.js
+++ b/src/external/bot-skeleton/services/tradeEngine/utils/interpreter.js
@@ -1,7 +1,7 @@
 import JSInterpreter from '@deriv/js-interpreter';
 
+import { isMultiplierContract } from '@/components/shared';
 import cloneThorough from '@/utils/clone';
-import { isMultiplierContract } from '@/utils/tmp/contract-helper';
 
 import { unrecoverable_errors } from '../../../constants/messages';
 import { observer as globalObserver } from '../../../utils/observer';
diff --git a/src/external/bot-skeleton/services/tradeEngine/utils/sanitize.js b/src/external/bot-skeleton/services/tradeEngine/utils/sanitize.js
index 54c57128..3fa15448 100644
--- a/src/external/bot-skeleton/services/tradeEngine/utils/sanitize.js
+++ b/src/external/bot-skeleton/services/tradeEngine/utils/sanitize.js
@@ -1,4 +1,5 @@
 import { localize } from '@/utils/tmp/dummy';
+
 import { createError } from '../../../utils/error';
 
 const isPositiveNumber = num => Number.isFinite(num) && num > 0;
diff --git a/src/external/bot-skeleton/utils/contract.js b/src/external/bot-skeleton/utils/contract.js
index 1809b9e1..d1fd94de 100644
--- a/src/external/bot-skeleton/utils/contract.js
+++ b/src/external/bot-skeleton/utils/contract.js
@@ -1,4 +1,5 @@
 import { localize } from '@/utils/tmp/dummy';
+
 import { config } from '../constants/config';
 
 // TODO: use-shared-functions - These functions are duplicates of trader ones, export and use these instead.
diff --git a/src/external/bot-skeleton/utils/error.js b/src/external/bot-skeleton/utils/error.js
index a493fb86..7ae145bc 100644
--- a/src/external/bot-skeleton/utils/error.js
+++ b/src/external/bot-skeleton/utils/error.js
@@ -10,6 +10,7 @@ export const createError = (name, message) => {
 export const trackAndEmitError = (message, object = {}) => {
     globalObserver.emit('ui.log.error', message);
     if (window.trackJs) {
+        // eslint-disable-next-line no-undef
         trackJs.track(`${message} - Error: ${JSON.stringify(object)}`);
     }
 };
diff --git a/src/external/bot-skeleton/utils/observer.js b/src/external/bot-skeleton/utils/observer.js
index 39e02c8b..ebdc3818 100644
--- a/src/external/bot-skeleton/utils/observer.js
+++ b/src/external/bot-skeleton/utils/observer.js
@@ -1,4 +1,4 @@
-import { Map, List } from 'immutable';
+import { List, Map } from 'immutable';
 /**
 Below are the list of events we can register to listen to :
  
diff --git a/src/external/indicators/__tests__/bollinger-bands.spec.js b/src/external/indicators/__tests__/bollinger-bands.spec.js
deleted file mode 100644
index a255e8bc..00000000
--- a/src/external/indicators/__tests__/bollinger-bands.spec.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import { bollingerBands, bollingerBandsArray } from '../indicators/bollinger-bands';
-
-const roundResult = result => [
-    Math.round(result[0] * 100) / 100,
-    Math.round(result[1] * 100) / 100,
-    Math.round(result[2] * 100) / 100,
-];
-
-describe('bollingerBands', () => {
-    it('single value with periods of 1 equals the value', () => {
-        const result = bollingerBands([5], { periods: 1 });
-        expect(result).toEqual([5, 5, 5]);
-    });
-
-    it('whole data sample', () => {
-        const result = bollingerBands([1, 2, 3], { periods: 3 });
-        const rounded_result = roundResult(result);
-        expect(rounded_result).toEqual([2, 3.63, 0.37]);
-    });
-
-    it('can extract field', () => {
-        const data = [{ close: 1 }, { close: 2 }, { close: 3 }];
-        const result = bollingerBands(data, { periods: 3, field: 'close' });
-        const rounded_result = roundResult(result);
-        expect(rounded_result).toEqual([2, 3.63, 0.37]);
-    });
-
-    it('fractions', () => {
-        const data = [28.93, 28.48, 28.44, 28.91, 28.48];
-        const result = bollingerBands(data, { periods: 5 });
-        const rounded_result = roundResult(result);
-        expect(rounded_result).toEqual([28.65, 29.09, 28.2]);
-    });
-
-    it('throws if periods is longer than data length', () => {
-        expect(() => bollingerBands([1, 2, 3], { periods: 5 })).toThrow();
-    });
-
-    it('array', () => {
-        const data = [1, 2, 5, 8, 10];
-        const expected = [
-            [2.67, 6.07, -0.73],
-            [5, 9.9, 0.1],
-            [7.67, 11.78, 3.56],
-        ];
-        const result = bollingerBandsArray(data, { periods: 3 });
-        const rounded_result = result.map(x => roundResult(x));
-        expect(rounded_result).toEqual(expected);
-    });
-
-    it('real world', () => {
-        const data = [
-            86.16, 89.09, 88.78, 90.32, 89.07, 91.15, 89.44, 89.18, 86.93, 87.68, 86.96, 89.43, 89.32, 88.72, 87.45,
-            87.26, 89.5, 87.9, 89.13, 90.7, 92.9, 92.98, 91.8, 92.66, 92.68, 92.3, 92.77, 92.54, 92.95, 93.2, 91.07,
-            89.83, 89.74, 90.4, 90.74, 88.02, 88.09, 88.84, 90.78, 90.54, 91.39, 90.65,
-        ];
-
-        const middle_band = [
-            88.71, 89.05, 89.24, 89.39, 89.51, 89.69, 89.75, 89.91, 90.08, 90.38, 90.66, 90.86, 90.88, 90.9, 90.99,
-            91.15, 91.19, 91.12, 91.17, 91.25, 91.24, 91.17, 91.05,
-        ];
-
-        const upper_band = [
-            91.29, 91.95, 92.61, 92.93, 93.31, 93.73, 93.9, 94.26, 94.56, 94.79, 95.04, 94.91, 94.9, 94.89, 94.86,
-            94.67, 94.55, 94.68, 94.57, 94.53, 94.53, 94.37, 94.15,
-        ];
-
-        const lower_band = [
-            86.13, 86.14, 85.87, 85.85, 85.7, 85.65, 85.59, 85.56, 85.6, 85.98, 86.27, 86.82, 86.86, 86.91, 87.12,
-            87.63, 87.83, 87.56, 87.76, 87.97, 87.95, 87.96, 87.95,
-        ];
-
-        const whole_band = middle_band.map((x, i) => [middle_band[i], upper_band[i], lower_band[i]]);
-
-        const result = bollingerBandsArray(data, { periods: 20 });
-        const rounded_result = result.map(x => roundResult(x));
-
-        expect(rounded_result).toEqual(whole_band);
-    });
-});
diff --git a/src/external/indicators/__tests__/exponential-moving-average.spec.js b/src/external/indicators/__tests__/exponential-moving-average.spec.js
deleted file mode 100644
index 75729d9c..00000000
--- a/src/external/indicators/__tests__/exponential-moving-average.spec.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { exponentialMovingAverage, exponentialMovingAverageArray } from '../indicators/exponential-moving-average';
-
-describe('exponentialMovingAverage', () => {
-    it('single value with periods of 1 equals the value', () => {
-        const result = exponentialMovingAverage([1], { periods: 1 });
-        expect(result).toEqual(1);
-    });
-
-    it('whole data sample', () => {
-        const result = exponentialMovingAverage([1, 2, 3, 4, 5, 6], { periods: 3 });
-        expect(result).toEqual(5);
-    });
-
-    it('wuut2', () => {
-        const data = [1, 2, 3, 4, 5];
-        const result = exponentialMovingAverageArray(data, { periods: 3 });
-        expect(result).toEqual([2, 3, 4]);
-    });
-
-    it('real world', () => {
-        const data = [
-            22.27, 22.19, 22.08, 22.17, 22.18, 22.13, 22.23, 22.43, 22.24, 22.29, 22.15, 22.39, 22.38, 22.61, 23.36,
-            24.05, 23.75, 23.83, 23.95, 23.63, 23.82, 23.87, 23.65, 23.19, 23.1, 23.33, 22.68, 23.1, 22.4, 22.17,
-        ];
-        const ema10days = [
-            22.22, 22.21, 22.24, 22.27, 22.33, 22.52, 22.79, 22.97, 23.13, 23.28, 23.34, 23.43, 23.51, 23.53, 23.47,
-            23.4, 23.39, 23.26, 23.23, 23.08, 22.91,
-        ];
-        const result = exponentialMovingAverageArray(data, { periods: 10 });
-        const rounded_result = result.map(x => Math.round(x * 100) / 100);
-        expect(rounded_result).toEqual(ema10days);
-    });
-});
diff --git a/src/external/indicators/__tests__/macd.spec.js b/src/external/indicators/__tests__/macd.spec.js
deleted file mode 100644
index 0185910d..00000000
--- a/src/external/indicators/__tests__/macd.spec.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { macdArray } from '../indicators/macd';
-import { data, histogram, macd, signal } from '../test_utils/macd-data';
-
-describe('macd', () => {
-    it('real world', () => {
-        const result = macdArray(data, {
-            fastEmaPeriod: 12,
-            slowEmaPeriod: 26,
-            signalEmaPeriod: 9,
-        }).slice(-100);
-        const expected_histogram = histogram.slice(-100);
-        const expected_macd = macd.slice(-100);
-        const expected_signal = signal.slice(-100);
-
-        const diff = result.reduce(
-            (p2, val, i) =>
-                p2 +
-                Math.abs(val[0] - expected_histogram[i]) +
-                Math.abs(val[1] - expected_macd[i]) +
-                Math.abs(val[2] - expected_signal[i]),
-            0
-        );
-
-        // expect diff to be less than 0.1 for each sample
-        expect(parseInt((diff / (3 * 100)) * 10)).toEqual(0);
-    });
-});
diff --git a/src/external/indicators/__tests__/math.spec.js b/src/external/indicators/__tests__/math.spec.js
deleted file mode 100644
index f05ab8e9..00000000
--- a/src/external/indicators/__tests__/math.spec.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import { mean, stddev, sum, takeLast } from '../utils/math';
-
-describe('math', () => {
-    it('mean', () => {
-        expect(mean([1, 2, 3])).toEqual(2);
-        expect(mean([3, 2, 1])).toEqual(2);
-    });
-
-    it('stddev', () => {
-        expect(stddev([1])).toEqual(0);
-        expect(stddev([1, 2, 3])).toBeCloseTo(0.8165);
-        expect(stddev([3, 2, 1])).toBeCloseTo(0.8165);
-
-        const data20 = [
-            91.8, 92.66, 92.68, 92.3, 92.77, 92.54, 92.95, 93.2, 91.07, 89.83, 89.74, 90.4, 90.74, 88.02, 88.09, 88.84,
-            90.78, 90.54, 91.39, 90.65,
-        ];
-        expect(stddev(data20)).toBeCloseTo(1.55);
-    });
-
-    it('sum', () => {
-        expect(sum([1, 2, 3])).toEqual(6);
-        expect(sum([3, 2, 1])).toEqual(6);
-        expect(sum([-10, 10, 0])).toEqual(0);
-    });
-
-    it('takeLast', () => {
-        expect(takeLast([1], 1)).toEqual([1]);
-        expect(takeLast([1, 2, 3], 2)).toEqual([2, 3]);
-        expect(takeLast([1, 2, 3], 5)).toEqual([1, 2, 3]);
-        expect(takeLast([{ close: 123 }], 1, 'close')).toEqual([123]);
-    });
-
-    it('takeField', () => {
-        expect(takeLast([{ close: 123 }, { close: 321 }], 2, 'close')).toEqual([123, 321]);
-    });
-});
diff --git a/src/external/indicators/__tests__/relative-strength-index.spec.js b/src/external/indicators/__tests__/relative-strength-index.spec.js
deleted file mode 100644
index 182c96b7..00000000
--- a/src/external/indicators/__tests__/relative-strength-index.spec.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import { relativeStrengthIndex, relativeStrengthIndexArray } from '../indicators/relative-strength-index';
-
-describe('relativeStrengthIndex', () => {
-    it('data length equal to periods is equal to 0', () => {
-        const result = relativeStrengthIndex([4, 5, 1], { periods: 3 });
-        expect(result).toEqual(0);
-    });
-
-    it('ascending data (all wins) is equal to 0', () => {
-        const result = relativeStrengthIndex([1, 3, 3.5, 4, 6.7, 8], { periods: 3 });
-        expect(result).toEqual(100);
-    });
-
-    it('descending data (all losses) is equal to 100', () => {
-        const result = relativeStrengthIndex([10, 8.8, 4.3, 3.11, 3.1, 3], { periods: 3 });
-        expect(result).toEqual(0);
-    });
-
-    it('real world', () => {
-        const data = [
-            44.34, 44.09, 44.15, 43.61, 44.33, 44.83, 45.1, 45.42, 45.84, 46.08, 45.89, 46.03, 45.61, 46.28, 46.28,
-            46.0, 46.03, 46.41, 46.22, 45.64, 46.21, 46.25, 45.71, 46.45, 45.78, 45.35, 44.03, 44.18, 44.22, 44.57,
-            43.42, 42.66, 43.13,
-        ];
-        const result = relativeStrengthIndexArray(data, { periods: 14 });
-        expect(result).toEqual([
-            70.46, 66.25, 66.48, 69.35, 66.29, 57.92, 62.88, 63.21, 56.01, 62.34, 54.67, 50.39, 40.02, 41.49, 41.9,
-            45.5, 37.32, 33.09, 37.79,
-        ]);
-    });
-});
diff --git a/src/external/indicators/__tests__/simple-moving-average.spec.js b/src/external/indicators/__tests__/simple-moving-average.spec.js
deleted file mode 100644
index 852b4ba2..00000000
--- a/src/external/indicators/__tests__/simple-moving-average.spec.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import { simpleMovingAverage, simpleMovingAverageArray } from '../indicators/simple-moving-average';
-
-describe('simpleMovingAverage', () => {
-    it('single value with periods of 1 equals the value', () => {
-        const result = simpleMovingAverage([1], { periods: 1 });
-        expect(result).toEqual(1);
-    });
-
-    it('whole data sample', () => {
-        const result = simpleMovingAverage([1, 2, 3], { periods: 3 });
-        expect(result).toEqual(2);
-    });
-
-    it('fractions', () => {
-        const data = [28.93, 28.48, 28.44, 28.91, 28.48];
-        const result = simpleMovingAverage(data, { periods: 5 });
-        expect(result).toBeCloseTo(28.65);
-    });
-
-    it('throws if periods is longer than data length', () => {
-        expect(() => simpleMovingAverage([1, 2, 3], { periods: 5 })).toThrow();
-    });
-
-    it('part of whole', () => {
-        const result = simpleMovingAverage([1, 2, 3, 4, 5], { periods: 3 });
-        expect(result).toEqual(4);
-    });
-
-    it.skip('longer stuff', () => {
-        const result = simpleMovingAverage([11, 12, 13, 14, 15, 16, 17], { periods: 5 });
-        expect(result).toEqual([13, 14, 15]);
-    });
-
-    it('can extract field', () => {
-        const data = [{ close: 1 }, { close: 2 }, { close: 3 }];
-        const result = simpleMovingAverage(data, { periods: 3, field: 'close' });
-        expect(result).toEqual(2);
-    });
-
-    it('complicated', () => {
-        const data = [1, 10, 100, 1000, 10000];
-        const result = simpleMovingAverageArray(data, { periods: 3 });
-        expect(result).toEqual([37, 370, 3700]);
-    });
-
-    it('real world', () => {
-        const data = [
-            22.27, 22.19, 22.08, 22.17, 22.18, 22.13, 22.23, 22.43, 22.24, 22.29, 22.15, 22.39, 22.38, 22.61, 23.36,
-            24.05, 23.75, 23.83, 23.95, 23.63, 23.82, 23.87, 23.65, 23.19, 23.1, 23.33, 22.68, 23.1, 22.4, 22.17,
-        ];
-        const sma10days = [
-            22.22, 22.21, 22.23, 22.26, 22.3, 22.42, 22.61, 22.77, 22.91, 23.08, 23.21, 23.38, 23.52, 23.65, 23.71,
-            23.68, 23.61, 23.51, 23.43, 23.28, 23.13,
-        ];
-        const result = simpleMovingAverageArray(data, { periods: 10 });
-        const rounded_result = result.map(x => Math.round(x * 100) / 100);
-        expect(rounded_result).toEqual(sma10days);
-    });
-});
diff --git a/src/external/indicators/indicators/bollinger-bands.js b/src/external/indicators/indicators/bollinger-bands.js
index 7b773731..7a774175 100644
--- a/src/external/indicators/indicators/bollinger-bands.js
+++ b/src/external/indicators/indicators/bollinger-bands.js
@@ -1,4 +1,4 @@
-import { sequence } from '@/utils/tmp/object-helper';
+import { sequence } from '@/components/shared';
 
 import { stddev, takeLast } from '../utils/math';
 
diff --git a/src/external/indicators/indicators/exponential-moving-average.js b/src/external/indicators/indicators/exponential-moving-average.js
index 0ea1f903..a546be21 100644
--- a/src/external/indicators/indicators/exponential-moving-average.js
+++ b/src/external/indicators/indicators/exponential-moving-average.js
@@ -1,4 +1,4 @@
-import { takeField, mean } from '../utils/math';
+import { mean, takeField } from '../utils/math';
 
 /**
  * @param {Array} data
@@ -47,7 +47,10 @@ export const exponentialMovingAverageArray = (data, config) => {
 
     let init_val = exponentialMovingAverage(data.slice(0, periods), config);
 
-    return data
-        .slice(periods - 1)
-        .map((x, i) => (!i ? init_val : (init_val = exponentialMovingAverage([x], config, init_val))));
+    return (
+        data
+            .slice(periods - 1)
+            // eslint-disable-next-line no-confusing-arrow
+            .map((x, i) => (!i ? init_val : (init_val = exponentialMovingAverage([x], config, init_val))))
+    );
 };
diff --git a/src/external/indicators/indicators/macd.js b/src/external/indicators/indicators/macd.js
index 1addfe32..dad012d6 100644
--- a/src/external/indicators/indicators/macd.js
+++ b/src/external/indicators/indicators/macd.js
@@ -1,6 +1,7 @@
-import { exponentialMovingAverageArray } from './exponential-moving-average';
 import { takeField } from '../utils/math';
 
+import { exponentialMovingAverageArray } from './exponential-moving-average';
+
 const paddingLeft = (data, length) => {
     const arr = [];
     arr.length = length - data.length;
diff --git a/src/external/indicators/indicators/relative-strength-index.js b/src/external/indicators/indicators/relative-strength-index.js
index 83911305..b9b09ad3 100644
--- a/src/external/indicators/indicators/relative-strength-index.js
+++ b/src/external/indicators/indicators/relative-strength-index.js
@@ -1,4 +1,6 @@
-import { sequence } from '@/utils/tmp/object-helper';
+/* eslint-disable no-confusing-arrow */
+
+import { sequence } from '@/components/shared';
 
 import { takeField } from '../utils/math';
 
diff --git a/src/external/indicators/indicators/simple-moving-average.js b/src/external/indicators/indicators/simple-moving-average.js
index 2ee5b367..e2e18529 100644
--- a/src/external/indicators/indicators/simple-moving-average.js
+++ b/src/external/indicators/indicators/simple-moving-average.js
@@ -1,4 +1,4 @@
-import { sequence } from '@/utils/tmp/object-helper';
+import { sequence } from '@/components/shared';
 
 import { sum, takeLast } from '../utils/math';
 
diff --git a/src/external/indicators/utils/math.js b/src/external/indicators/utils/math.js
index 16e98aac..f25ea431 100644
--- a/src/external/indicators/utils/math.js
+++ b/src/external/indicators/utils/math.js
@@ -1,3 +1,4 @@
+// eslint-disable-next-line no-confusing-arrow
 export const takeField = (arr, field) => arr.map(x => (field ? x[field] : x));
 
 export const takeLast = (arr, n, field) => takeField(arr.slice(n > arr.length ? 0 : arr.length - n, arr.length), field);
@@ -8,7 +9,7 @@ export const mean = data => data.reduce((a, b) => a + b, 0) / data.length;
 
 export const stddev = data => {
     const data_mean = mean(data);
-    const sq_diff = data.map(n => Math.pow(n - data_mean, 2));
+    const sq_diff = data.map(n => (n - data_mean) ** 2);
     const avg_sq_diff = mean(sq_diff);
     return Math.sqrt(avg_sq_diff);
 };
diff --git a/src/pages/bot-builder/bot-builder.tsx b/src/pages/bot-builder/bot-builder.tsx
index 4291e960..4138bd7d 100644
--- a/src/pages/bot-builder/bot-builder.tsx
+++ b/src/pages/bot-builder/bot-builder.tsx
@@ -19,7 +19,7 @@ import WorkspaceWrapper from './workspace-wrapper';
 
 const BotBuilder = observer(() => {
     const { ui } = useStore();
-    const { dashboard, app, run_panel, toolbar, quick_strategy, blockly_store, dbot } = useStore();
+    const { dashboard, app, run_panel, toolbar, quick_strategy, blockly_store } = useStore();
     const { active_tab, active_tour, is_preview_on_popup } = dashboard;
     const { is_open } = quick_strategy;
     const { is_running } = run_panel;
diff --git a/src/pages/bot-builder/index.ts b/src/pages/bot-builder/index.ts
index 1c8f93b2..2776ad67 100644
--- a/src/pages/bot-builder/index.ts
+++ b/src/pages/bot-builder/index.ts
@@ -1,4 +1,5 @@
 import BotBuilder from './bot-builder';
+
 import './workspace.scss';
 
 export default BotBuilder;
diff --git a/src/pages/bot-builder/quick-strategy/analytics/rudderstack-quick-strategy.ts b/src/pages/bot-builder/quick-strategy/analytics/rudderstack-quick-strategy.ts
index 3df4466f..f60980cd 100644
--- a/src/pages/bot-builder/quick-strategy/analytics/rudderstack-quick-strategy.ts
+++ b/src/pages/bot-builder/quick-strategy/analytics/rudderstack-quick-strategy.ts
@@ -1,4 +1,5 @@
 import { Analytics, TEvents } from '@deriv-com/analytics';
+
 import { ACTION, form_name, type TFormStrategy, type TSelectedStrategy } from './constants';
 import { getRsStrategyType, getSubpageName, getTradeParameterData } from './utils';
 
diff --git a/src/pages/bot-builder/quick-strategy/analytics/utils.ts b/src/pages/bot-builder/quick-strategy/analytics/utils.ts
index d4c4b0c2..b24a6d81 100644
--- a/src/pages/bot-builder/quick-strategy/analytics/utils.ts
+++ b/src/pages/bot-builder/quick-strategy/analytics/utils.ts
@@ -1,4 +1,5 @@
 import { STRATEGIES } from '../config';
+
 import { STORED_ITEM_NOT_FOUND, TFormStrategy } from './constants';
 
 export const getRsDropdownTextFromLocalStorage = () => {
diff --git a/src/pages/bot-builder/quick-strategy/config.ts b/src/pages/bot-builder/quick-strategy/config.ts
index 2317a378..4ca60e99 100644
--- a/src/pages/bot-builder/quick-strategy/config.ts
+++ b/src/pages/bot-builder/quick-strategy/config.ts
@@ -1,5 +1,6 @@
 import { config as qs_config } from '@/external/bot-skeleton';
 import { localize } from '@/utils/tmp/dummy';
+
 import {
     D_ALEMBERT,
     MARTINGALE,
@@ -8,6 +9,7 @@ import {
     REVERSE_MARTINGALE,
     STRATEGY_1_3_2_6,
 } from '../../../constants/quick-strategies';
+
 import { TConfigItem, TStrategies, TValidationItem } from './types';
 
 export const FORM_TABS = [
diff --git a/src/pages/bot-builder/quick-strategy/form-wrappers/accordion-strategy-group.tsx b/src/pages/bot-builder/quick-strategy/form-wrappers/accordion-strategy-group.tsx
index 1d428ff6..f5988314 100644
--- a/src/pages/bot-builder/quick-strategy/form-wrappers/accordion-strategy-group.tsx
+++ b/src/pages/bot-builder/quick-strategy/form-wrappers/accordion-strategy-group.tsx
@@ -51,7 +51,7 @@ const AccordionStrategyGroup = observer(
         return (
             <>
                 {Array.isArray(grouped_objects_by_title) &&
-                    (grouped_objects_by_title as TDescriptionItem[][]).map((data: TDescriptionItem[], key: number) => {
+                    (grouped_objects_by_title as TDescriptionItem[][]).map((data: TDescriptionItem[]) => {
                         const subtitle_value = data?.[0]?.content?.[0] ?? '';
                         return (
                             <Accordion
diff --git a/src/pages/bot-builder/quick-strategy/form-wrappers/form-tabs.tsx b/src/pages/bot-builder/quick-strategy/form-wrappers/form-tabs.tsx
index 2a7d79be..6b4a9a25 100644
--- a/src/pages/bot-builder/quick-strategy/form-wrappers/form-tabs.tsx
+++ b/src/pages/bot-builder/quick-strategy/form-wrappers/form-tabs.tsx
@@ -1,7 +1,9 @@
 import React, { KeyboardEvent } from 'react';
 import classNames from 'classnames';
-import { Text } from '@deriv-com/ui';
 import { observer } from 'mobx-react-lite';
+
+import { Text } from '@deriv-com/ui';
+
 import { FORM_TABS } from '../config';
 import { TDescriptionItem } from '../types';
 
diff --git a/src/pages/bot-builder/quick-strategy/form.tsx b/src/pages/bot-builder/quick-strategy/form.tsx
index 3cf0e043..9bb81487 100644
--- a/src/pages/bot-builder/quick-strategy/form.tsx
+++ b/src/pages/bot-builder/quick-strategy/form.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable no-unsafe-optional-chaining */
 /* eslint-disable simple-import-sort/imports */
 import React from 'react';
 import { useStore } from '@/hooks/useStore';
@@ -83,7 +84,7 @@ const QuickStrategyForm = observer(() => {
                                 }
                                 const should_validate = field.should_have;
                                 if (should_validate && field.name === 'max_stake') {
-                                    min = +form_data?.stake;
+                                    min = +(form_data?.stake ?? 0);
                                     if (isNaN(min)) {
                                         min = +initial_stake;
                                     }
diff --git a/src/pages/bot-builder/quick-strategy/inputs/qs-toggle-switch.tsx b/src/pages/bot-builder/quick-strategy/inputs/qs-toggle-switch.tsx
index aa30288d..048f9841 100644
--- a/src/pages/bot-builder/quick-strategy/inputs/qs-toggle-switch.tsx
+++ b/src/pages/bot-builder/quick-strategy/inputs/qs-toggle-switch.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
-import { Field, FieldProps, useFormikContext } from 'formik';
+import { Field, useFormikContext } from 'formik';
 
 import { Text, ToggleSwitch } from '@deriv-com/ui';
 
@@ -36,7 +36,7 @@ const QSToggleSwitch: React.FC<TQSToggleSwitch> = ({
 
     return (
         <Field name={name}>
-            {({ field }: FieldProps) => {
+            {() => {
                 return (
                     <div
                         className={classNames('qs__form__field qs__form__field__input', {
@@ -49,7 +49,7 @@ const QSToggleSwitch: React.FC<TQSToggleSwitch> = ({
                                     <Text size='xs' className='dc-checkbox__label'>
                                         {label}
                                     </Text>
-                                    <Text size='xxs'>{localize('(optional)')}</Text>
+                                    <Text size='xs'>{localize('(optional)')}</Text>
                                 </label>
                                 <span>
                                     <Popover
diff --git a/src/pages/bot-builder/quick-strategy/quick-strategy.tsx b/src/pages/bot-builder/quick-strategy/quick-strategy.tsx
index 5aec7fe8..1077bdd8 100644
--- a/src/pages/bot-builder/quick-strategy/quick-strategy.tsx
+++ b/src/pages/bot-builder/quick-strategy/quick-strategy.tsx
@@ -5,6 +5,7 @@ import * as Yup from 'yup';
 
 import { Modal } from '@deriv-com/ui';
 
+import MobileFullPageModal from '@/components/shared_ui/mobile-full-page-modal';
 import { config as qs_config } from '@/external/bot-skeleton';
 import { useStore } from '@/hooks/useStore';
 import { localize } from '@/utils/tmp/dummy';
@@ -18,7 +19,6 @@ import Form from './form';
 import { TConfigItem, TFormData, TFormValues } from './types';
 
 import './quick-strategy.scss';
-import MobileFullPageModal from '@/components/shared_ui/mobile-full-page-modal';
 
 type TFormikWrapper = {
     children: React.ReactNode;
@@ -109,7 +109,7 @@ const FormikWrapper: React.FC<TFormikWrapper> = observer(({ children }) => {
                               })
                             : true;
                         if (should_validate && field.name === 'max_stake') {
-                            min = +form_data?.stake;
+                            min = +(form_data?.stake ?? 0);
                             if (isNaN(min)) {
                                 min = +initial_value.stake;
                             }
@@ -227,7 +227,7 @@ const QuickStrategy = observer(() => {
                         </MobileFormWrapper>
                     </MobileFullPageModal>
                 ) : (
-                    <Modal className='modal--strategy' is_open={is_open} width='72rem'>
+                    <Modal className='modal--strategy' isOpen={is_open} width='72rem'>
                         <DesktopFormWrapper onClickClose={handleClose} active_tab_ref={active_tab_ref}>
                             <Form />
                         </DesktopFormWrapper>
diff --git a/src/pages/bot-builder/quick-strategy/selects/symbol.tsx b/src/pages/bot-builder/quick-strategy/selects/symbol.tsx
index 1c6a61aa..27cb9aea 100644
--- a/src/pages/bot-builder/quick-strategy/selects/symbol.tsx
+++ b/src/pages/bot-builder/quick-strategy/selects/symbol.tsx
@@ -114,7 +114,7 @@ const SymbolSelect: React.FC = () => {
     return (
         <div className='qs__form__field qs__form__field__input'>
             <Field name='symbol' key='asset' id='asset'>
-                {({ field: { value, ...rest_field } }: FieldProps) => (
+                {({ field: { ...rest_field } }: FieldProps) => (
                     <>
                         <Autocomplete
                             {...rest_field}
diff --git a/src/pages/bot-builder/toolbar/index.ts b/src/pages/bot-builder/toolbar/index.ts
index 9f5a043b..0648c256 100644
--- a/src/pages/bot-builder/toolbar/index.ts
+++ b/src/pages/bot-builder/toolbar/index.ts
@@ -1,4 +1,5 @@
 import Toolbar from './toolbar';
+
 import './toolbar.scss';
 
 export default Toolbar;
diff --git a/src/pages/bot-builder/toolbox/search-box/search-box.tsx b/src/pages/bot-builder/toolbox/search-box/search-box.tsx
index b14f701b..6b5a4c8e 100644
--- a/src/pages/bot-builder/toolbox/search-box/search-box.tsx
+++ b/src/pages/bot-builder/toolbox/search-box/search-box.tsx
@@ -1,7 +1,9 @@
-import React from 'react';
 import { Field as FormField, FieldProps, Form, Formik } from 'formik';
+
 import { Input } from '@deriv-com/ui';
+
 import { localize } from '@/utils/tmp/dummy';
+
 import SearchIcon from './search-icon';
 
 type TSearchBox = {
diff --git a/src/pages/bot-builder/toolbox/toolbox-items.tsx b/src/pages/bot-builder/toolbox/toolbox-items.tsx
index 29862734..d4a17756 100644
--- a/src/pages/bot-builder/toolbox/toolbox-items.tsx
+++ b/src/pages/bot-builder/toolbox/toolbox-items.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDomServer from 'react-dom/server';
+
 import { localize } from '@/utils/tmp/dummy';
 
 const Arg = ({ ...props }) => {
diff --git a/src/pages/chart/chart-modal/index.ts b/src/pages/chart/chart-modal/index.ts
index ad64141f..5a777c0c 100644
--- a/src/pages/chart/chart-modal/index.ts
+++ b/src/pages/chart/chart-modal/index.ts
@@ -1,4 +1,5 @@
 import ChartModal from './chart-modal';
+
 import './chart-modal.scss';
 
 export default ChartModal;
diff --git a/src/pages/chart/index.ts b/src/pages/chart/index.ts
index 47044f25..03a7f758 100644
--- a/src/pages/chart/index.ts
+++ b/src/pages/chart/index.ts
@@ -1,4 +1,5 @@
 import Chart from './chart';
+
 import './chart.scss';
 
 export default Chart;
diff --git a/src/pages/dashboard/index.ts b/src/pages/dashboard/index.ts
index b95b2e1b..51a4dde2 100644
--- a/src/pages/dashboard/index.ts
+++ b/src/pages/dashboard/index.ts
@@ -1,4 +1,5 @@
 import Dashboard from './dashboard';
+
 import './dashboard.scss';
 
 export default Dashboard;
diff --git a/src/pages/dashboard/intro-card.tsx b/src/pages/dashboard/intro-card.tsx
index fdc4bca1..8180181b 100644
--- a/src/pages/dashboard/intro-card.tsx
+++ b/src/pages/dashboard/intro-card.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { TSidebarItem } from './constants';
 
 type TIntroCard = {
diff --git a/src/pages/dashboard/load-bot-preview/bot-preview.tsx b/src/pages/dashboard/load-bot-preview/bot-preview.tsx
index b81d062d..41115189 100644
--- a/src/pages/dashboard/load-bot-preview/bot-preview.tsx
+++ b/src/pages/dashboard/load-bot-preview/bot-preview.tsx
@@ -1,4 +1,5 @@
-import React, { RefObject } from 'react';
+import { RefObject } from 'react';
+
 import WorkspaceControl from '../../../components/load-modal/workspace-control';
 
 type TBotPreview = {
diff --git a/src/pages/dashboard/load-bot-preview/icon-radio.tsx b/src/pages/dashboard/load-bot-preview/icon-radio.tsx
index 1dde5146..02ce09aa 100644
--- a/src/pages/dashboard/load-bot-preview/icon-radio.tsx
+++ b/src/pages/dashboard/load-bot-preview/icon-radio.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import classNames from 'classnames';
+
 import { Text } from '@deriv-com/ui';
+
 import { localize } from '@/utils/tmp/dummy';
 
 type TIconRadio = {
diff --git a/src/pages/dashboard/load-bot-preview/index.ts b/src/pages/dashboard/load-bot-preview/index.ts
index c9c70417..6346a38e 100644
--- a/src/pages/dashboard/load-bot-preview/index.ts
+++ b/src/pages/dashboard/load-bot-preview/index.ts
@@ -1,4 +1,5 @@
 import LoadBotPreview from './local';
+
 import './index.scss';
 
 export default LoadBotPreview;
diff --git a/src/pages/dashboard/run-strategy.tsx b/src/pages/dashboard/run-strategy.tsx
index 57ac98f6..c93b190a 100644
--- a/src/pages/dashboard/run-strategy.tsx
+++ b/src/pages/dashboard/run-strategy.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import TradeAnimation from '@/components/trade-animation';
 
 const RunStrategy = () => (
diff --git a/src/pages/main/index.ts b/src/pages/main/index.ts
index 7e028df4..556c0110 100644
--- a/src/pages/main/index.ts
+++ b/src/pages/main/index.ts
@@ -1,4 +1,5 @@
 import Main from './main';
+
 import './main.scss';
 
 export default Main;
diff --git a/src/pages/tutorials/common/no-search-result-found/no-search-result.tsx b/src/pages/tutorials/common/no-search-result-found/no-search-result.tsx
index 5ca7e63d..555263b2 100644
--- a/src/pages/tutorials/common/no-search-result-found/no-search-result.tsx
+++ b/src/pages/tutorials/common/no-search-result-found/no-search-result.tsx
@@ -3,7 +3,7 @@ import { observer } from 'mobx-react-lite';
 import { Text } from '@deriv-com/ui';
 
 import { useStore } from '@/hooks/useStore';
-import { Icon, localize } from '@/utils/tmp/dummy';
+import { Icon, Localize } from '@/utils/tmp/dummy';
 
 const NoSearchResult = observer(() => {
     const { dashboard } = useStore();
diff --git a/src/pages/tutorials/constants.ts b/src/pages/tutorials/constants.ts
index 10c53099..c75c29a2 100644
--- a/src/pages/tutorials/constants.ts
+++ b/src/pages/tutorials/constants.ts
@@ -1,5 +1,7 @@
-import { getImageLocation } from '../../public-path';
 import { localize } from '@/utils/tmp/dummy';
+
+import { getImageLocation } from '../../public-path';
+
 import { TFaqContent, TGuideContent, TQuickStrategyContent, TUserGuideContent } from './tutorials.types';
 
 export const USER_GUIDE = 'user guide';
diff --git a/src/pages/tutorials/dbot-tours/common/__tests__/accordion.spec.tsx b/src/pages/tutorials/dbot-tours/common/__tests__/accordion.spec.tsx
deleted file mode 100644
index cc9db589..00000000
--- a/src/pages/tutorials/dbot-tours/common/__tests__/accordion.spec.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import React from 'react';
-import { mockStore, StoreProvider } from '@deriv/stores';
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { mock_ws } from '@/utils/mock';
-import { DBotStoreProvider, mockDBotStore } from '@/stores/__useDBotStore';
-import Accordion from '../accordion';
-
-jest.mock('@/external/bot-skeleton/scratch/dbot', () => jest.fn());
-
-const mocked_props = {
-    content_data: [
-        [
-            {
-                header: 'header 1',
-                content: 'content 1',
-            },
-            {
-                header: 'header 2',
-                content: 'content 2',
-            },
-
-            {
-                header: 'header 3',
-                content: 'content 3',
-            },
-        ],
-    ],
-    expanded: true,
-    test_id: 'test_string',
-};
-
-describe('<Accordion />', () => {
-    let wrapper: ({ children }: { children: JSX.Element }) => JSX.Element;
-    const mock_store = mockStore({});
-    const mock_DBot_store = mockDBotStore(mock_store, mock_ws);
-
-    beforeEach(() => {
-        wrapper = ({ children }: { children: JSX.Element }) => (
-            <StoreProvider store={mock_store}>
-                <DBotStoreProvider ws={mock_ws} mock={mock_DBot_store}>
-                    {children}
-                </DBotStoreProvider>
-            </StoreProvider>
-        );
-    });
-
-    it('should render Accordion with correct props and content', () => {
-        render(<Accordion {...mocked_props} />, { wrapper });
-        const accordion = screen.getByTestId('test_string');
-        expect(accordion).toBeInTheDocument();
-    });
-
-    it('should not render Accordion if content_data is empty', () => {
-        const props_with_empty_content = {
-            ...mocked_props,
-            content_data: null,
-        };
-        render(<Accordion {...props_with_empty_content} />, { wrapper });
-        const accordion = screen.queryByTestId('test_string');
-        expect(accordion).not.toBeInTheDocument();
-    });
-
-    it('should open accordion', async () => {
-        render(<Accordion {...mocked_props} />, { wrapper });
-        await waitFor(() => {
-            expect(screen.getByTestId('accordion-content')).toHaveClass('dbot-accordion__content--open');
-        });
-    });
-    it('should close accordion', async () => {
-        render(<Accordion {...mocked_props} />, { wrapper });
-        const accordion = screen.getByTestId('test_string');
-        fireEvent.click(accordion);
-        await waitFor(() => {
-            expect(screen.getByTestId('accordion-content')).not.toHaveClass('dbot-accordion__content--open');
-        });
-    });
-});
diff --git a/src/pages/tutorials/dbot-tours/common/__tests__/react-joyride-wrapper.spec.tsx b/src/pages/tutorials/dbot-tours/common/__tests__/react-joyride-wrapper.spec.tsx
deleted file mode 100644
index c25c3ac1..00000000
--- a/src/pages/tutorials/dbot-tours/common/__tests__/react-joyride-wrapper.spec.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react';
-import { mockStore, StoreProvider } from '@deriv/stores';
-import { render, screen } from '@testing-library/react';
-import { mock_ws } from '@/utils/mock';
-import { DBotStoreProvider, mockDBotStore } from '@/stores/__useDBotStore';
-import ReactJoyrideWrapper from '../react-joyride-wrapper';
-
-jest.mock('@/external/bot-skeleton/scratch/blockly', () => jest.fn());
-jest.mock('@/external/bot-skeleton/scratch/dbot', () => ({
-    saveRecentWorkspace: jest.fn(),
-    unHighlightAllBlocks: jest.fn(),
-}));
-jest.mock('@/external/bot-skeleton/scratch/hooks/block_svg', () => jest.fn());
-jest.mock('react-joyride', () => jest.fn(() => <div>ReactJoyride</div>));
-jest.mock('@deriv/deriv-charts', () => ({
-    setSmartChartsPublicPath: jest.fn(),
-}));
-
-describe('ReactJoyrideWrapper', () => {
-    const mock_store = mockStore({});
-    const mock_DBot_store = mockDBotStore(mock_store, mock_ws);
-
-    const mocked_props = {
-        steps: [
-            {
-                target: '.animation__wrapper',
-                content: <div>Content step 1</div>,
-            },
-            {
-                target: '.animation__wrapper',
-                content: <div>Content step 2</div>,
-            },
-        ],
-        styles: {},
-        handleCallback: jest.fn(),
-        run: true,
-    };
-
-    it('should render ReactJoyrideWrapper', () => {
-        render(
-            <StoreProvider store={mock_store}>
-                <DBotStoreProvider ws={mock_ws} mock={mock_DBot_store}>
-                    <ReactJoyrideWrapper {...mocked_props} />
-                </DBotStoreProvider>
-            </StoreProvider>
-        );
-
-        expect(screen.getByText('ReactJoyride')).toBeInTheDocument();
-    });
-});
diff --git a/src/pages/tutorials/dbot-tours/common/__tests__/tour-button.spec.tsx b/src/pages/tutorials/dbot-tours/common/__tests__/tour-button.spec.tsx
deleted file mode 100644
index 960e55f7..00000000
--- a/src/pages/tutorials/dbot-tours/common/__tests__/tour-button.spec.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-
-import { fireEvent, render, screen } from '@testing-library/react';
-
-import TourButton from '../tour-button';
-
-const mocked_props = {
-    label: 'Start Tour',
-    type: 'primary',
-    onClick: jest.fn(),
-};
-describe('<TourButton />', () => {
-    it('should render TourButton with label', () => {
-        render(<TourButton {...mocked_props} />);
-        const button = screen.getByRole('button', { name: /Start Tour/i });
-        expect(button).toBeInTheDocument();
-    });
-
-    it('should not render TourButton with label', () => {
-        const mocked_null_props = {
-            ...mocked_props,
-            label: null,
-        };
-        render(<TourButton {...mocked_null_props} />);
-        const button = screen.queryByRole('button', { name: /Start Tour/i });
-        expect(button).not.toBeInTheDocument();
-    });
-
-    it('should render TourButton with specified type', () => {
-        render(<TourButton {...mocked_props} />);
-        const button = screen.getByRole('button', { name: /Start Tour/i });
-        expect(button).toHaveClass('primary');
-    });
-
-    it('should call onClick when the button is clicked', () => {
-        render(<TourButton {...mocked_props} />);
-        const button = screen.getByRole('button', { name: /Start Tour/i });
-        fireEvent.click(button);
-        expect(mocked_props.onClick).toHaveBeenCalledTimes(1);
-    });
-});
diff --git a/src/pages/tutorials/dbot-tours/common/react-joyride-wrapper.tsx b/src/pages/tutorials/dbot-tours/common/react-joyride-wrapper.tsx
index 4d9c3a06..a08c8acb 100644
--- a/src/pages/tutorials/dbot-tours/common/react-joyride-wrapper.tsx
+++ b/src/pages/tutorials/dbot-tours/common/react-joyride-wrapper.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactJoyride, { CallBackProps, Step, Styles } from 'react-joyride';
+
 import { localize } from '@/utils/tmp/dummy';
 
 const common_tour_button_properties = {
diff --git a/src/pages/tutorials/dbot-tours/common/tour-button.tsx b/src/pages/tutorials/dbot-tours/common/tour-button.tsx
index 3f5fd35c..cb02e9d8 100644
--- a/src/pages/tutorials/dbot-tours/common/tour-button.tsx
+++ b/src/pages/tutorials/dbot-tours/common/tour-button.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { Text } from '@deriv-com/ui';
 
 type TTourButton = {
diff --git a/src/pages/tutorials/dbot-tours/common/tour-steps.tsx b/src/pages/tutorials/dbot-tours/common/tour-steps.tsx
index 692d606a..4a9d5132 100644
--- a/src/pages/tutorials/dbot-tours/common/tour-steps.tsx
+++ b/src/pages/tutorials/dbot-tours/common/tour-steps.tsx
@@ -1,8 +1,10 @@
 import React from 'react';
-import { getUUID } from '@/external/bot-skeleton/services/tradeEngine/utils/helpers';
-import { Text } from '@deriv-com/ui';
 import { observer } from 'mobx-react-lite';
 
+import { Text } from '@deriv-com/ui';
+
+import { getUUID } from '@/external/bot-skeleton/services/tradeEngine/utils/helpers';
+
 type TTourSteps = {
     content: string[] | React.ReactElement[];
     media?: string;
@@ -47,7 +49,7 @@ const TourSteps = observer(
 
                         <div className='onboard__content'>
                             <>
-                                {content.map((content_data, index) => {
+                                {content.map(content_data => {
                                     return has_localize_component ? (
                                         content_data
                                     ) : (
diff --git a/src/pages/tutorials/dbot-tours/onboarding-tour/index.tsx b/src/pages/tutorials/dbot-tours/onboarding-tour/index.tsx
index 799a52a8..aee2d6b8 100644
--- a/src/pages/tutorials/dbot-tours/onboarding-tour/index.tsx
+++ b/src/pages/tutorials/dbot-tours/onboarding-tour/index.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
+
 import OnboardingTourDesktop from './onboarding-tour-desktop';
 import OnboardingTourMobile from './onboarding-tour-mobile';
 
diff --git a/src/pages/tutorials/dbot-tours/tour-content.tsx b/src/pages/tutorials/dbot-tours/tour-content.tsx
index 7ecdeca9..87882397 100644
--- a/src/pages/tutorials/dbot-tours/tour-content.tsx
+++ b/src/pages/tutorials/dbot-tours/tour-content.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import { Text } from '@deriv-com/ui';
 
 import { isDbotRTL } from '@/external/bot-skeleton/utils/workspace';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { Icon, Localize, localize } from '@/utils/tmp/dummy';
 
 import { getImageLocation, getUrlBase } from '../../../public-path';
 
diff --git a/src/pages/tutorials/faq-content/index.tsx b/src/pages/tutorials/faq-content/index.tsx
index 79818f83..1398ceac 100644
--- a/src/pages/tutorials/faq-content/index.tsx
+++ b/src/pages/tutorials/faq-content/index.tsx
@@ -4,7 +4,7 @@ import { Accordion, Text } from '@deriv-com/ui';
 
 import { DBOT_TABS } from '@/constants/bot-contents';
 import { useStore } from '@/hooks/useStore';
-import { localize } from '@/utils/tmp/dummy';
+import { Localize } from '@/utils/tmp/dummy';
 
 import { TDescription } from '../tutorials.types';
 
@@ -25,7 +25,7 @@ const FAQ = ({ type, content = '', src, imageclass, is_mobile }: TDescription) =
     return (
         <Text
             as='p'
-            size={is_mobile ? 'xs' : 's'}
+            size={is_mobile ? 'xs' : 'sm'}
             line_height={is_mobile ? 'xl' : 'xxl'}
             className='faq__description'
             weight='normal'
@@ -105,7 +105,7 @@ const FAQContent = ({ faq_list, handleTabChange }: TFAQContent) => {
                     className='faq__title'
                     weight='bold'
                     key={title}
-                    size={is_mobile ? 'xs' : 's'}
+                    size={is_mobile ? 'xs' : 'sm'}
                 >
                     {title}
                 </Text>
@@ -127,7 +127,7 @@ const FAQContent = ({ faq_list, handleTabChange }: TFAQContent) => {
                                 line_height='xl'
                                 className='faq__wrapper__header'
                                 weight='bold'
-                                size={is_mobile ? 'xs' : 's'}
+                                size={is_mobile ? 'xs' : 'sm'}
                             >
                                 <Localize i18n_default_text='FAQ' />
                             </Text>
diff --git a/src/pages/tutorials/index.ts b/src/pages/tutorials/index.ts
index 2890b5b5..039810c1 100644
--- a/src/pages/tutorials/index.ts
+++ b/src/pages/tutorials/index.ts
@@ -1,4 +1,5 @@
 import TutorialTab from './tutorials';
+
 import './tutorials.scss';
 
 export default TutorialTab;
diff --git a/src/pages/tutorials/quick-strategy-content/quick-strategy-guides-details.tsx b/src/pages/tutorials/quick-strategy-content/quick-strategy-guides-details.tsx
index cee49e27..c532b804 100644
--- a/src/pages/tutorials/quick-strategy-content/quick-strategy-guides-details.tsx
+++ b/src/pages/tutorials/quick-strategy-content/quick-strategy-guides-details.tsx
@@ -5,7 +5,7 @@ import { Text } from '@deriv-com/ui';
 
 import { isDbotRTL } from '@/external/bot-skeleton/utils/workspace';
 import { useStore } from '@/hooks/useStore';
-import { Icon, localize } from '@/utils/tmp/dummy';
+import { Icon, Localize } from '@/utils/tmp/dummy';
 
 import { STRATEGIES } from '../../bot-builder/quick-strategy/config';
 import StrategyTabContent from '../../bot-builder/quick-strategy/form-wrappers/strategy-tab-content';
@@ -26,7 +26,7 @@ const QuickStrategyGuidesDetail = observer(
     ({ quick_strategy_tab_content, tutorial_selected_strategy, setTutorialSelectedStrategy }: TQuickStrategyGuides) => {
         const { ui } = useStore();
         const { is_mobile } = ui;
-        const text_size = is_mobile ? 'xs' : 's';
+        const text_size = is_mobile ? 'xs' : 'sm';
 
         return (
             <>
diff --git a/src/stores/app-store.ts b/src/stores/app-store.ts
index 6bf7ae4f..fbc37896 100644
--- a/src/stores/app-store.ts
+++ b/src/stores/app-store.ts
@@ -14,8 +14,6 @@ import {
 
 import RootStore from './root-store';
 
-const Blockly = window.Blockly;
-
 export default class AppStore {
     root_store: RootStore;
     core: TStores;
@@ -177,8 +175,8 @@ export default class AppStore {
         DBot.terminateBot();
         DBot.terminateConnection();
         if (window.Blockly?.derivWorkspace) {
-            clearInterval(window.Blockly.derivWorkspace.save_workspace_interval);
-            window.Blockly.derivWorkspace.dispose();
+            clearInterval(window.Blockly?.derivWorkspace.save_workspace_interval);
+            window.Blockly.derivWorkspace?.dispose();
         }
         if (typeof this.disposeReloadOnLanguageChangeReaction === 'function') {
             this.disposeReloadOnLanguageChangeReaction();
@@ -201,7 +199,7 @@ export default class AppStore {
 
         // Ensure account switch is re-enabled.
         // TODO: fix
-        const { ui } = this.core;
+        // const { ui } = this.core;
 
         // ui.setAccountSwitcherDisabledMessage();
         // ui.setPromptHandler(false);
@@ -237,9 +235,9 @@ export default class AppStore {
         this.disposeCurrencyReaction = reaction(
             () => this.core.client.currency,
             currency => {
-                if (!Blockly.derivWorkspace) return;
+                if (!window.Blockly?.derivWorkspace) return;
 
-                const trade_options_blocks = Blockly.derivWorkspace
+                const trade_options_blocks = window.Blockly?.derivWorkspace
                     .getAllBlocks()
                     .filter(
                         b =>
@@ -265,16 +263,16 @@ export default class AppStore {
                 if (ApiHelpers.instance) {
                     const { active_symbols, contracts_for } = ApiHelpers.instance;
 
-                    if (Blockly.derivWorkspace) {
+                    if (window.Blockly?.derivWorkspace) {
                         active_symbols.retrieveActiveSymbols(true).then(() => {
                             contracts_for.disposeCache();
-                            Blockly.derivWorkspace
+                            window.Blockly?.derivWorkspace
                                 .getAllBlocks()
                                 .filter(block => block.type === 'trade_definition_market')
-                                .forEach(block => {
+                                .forEach(() => {
                                     runIrreversibleEvents(() => {
-                                        const fake_create_event = new Blockly.Events.BlockCreate(this);
-                                        Blockly.Events.fire(fake_create_event);
+                                        const fake_create_event = new window.Blockly.Events.BlockCreate(this);
+                                        window.Blockly.Events.fire(fake_create_event);
                                     });
                                 });
                         });
diff --git a/src/stores/blockly-store.ts b/src/stores/blockly-store.ts
index a24d8950..02c7c4cb 100644
--- a/src/stores/blockly-store.ts
+++ b/src/stores/blockly-store.ts
@@ -1,7 +1,9 @@
 import { action, makeObservable, observable } from 'mobx';
-import { onWorkspaceResize } from '@/external/bot-skeleton';
+
 import { tabs_title } from '@/constants/bot-contents';
+import { onWorkspaceResize } from '@/external/bot-skeleton';
 import { getSetting, storeSetting } from '@/utils/settings';
+
 import RootStore from './root-store';
 
 export default class BlocklyStore {
diff --git a/src/stores/chart-store.ts b/src/stores/chart-store.ts
index 86ed9233..1b918864 100644
--- a/src/stores/chart-store.ts
+++ b/src/stores/chart-store.ts
@@ -8,8 +8,8 @@ import {
     TradingTimesRequest,
 } from '@deriv/api-types';
 
+import { LocalStore } from '@/components/shared';
 import { ServerTime } from '@/external/bot-skeleton';
-import { LocalStore } from '@/utils/tmp/local-storage-helper';
 
 import RootStore from './root-store';
 
@@ -130,7 +130,7 @@ export default class ChartStore {
     wsSubscribe = (req: TicksStreamRequest, callback: () => void) => {
         if (req.subscribe === 1) {
             const key = JSON.stringify(req);
-            const subscriber = WS.subscribeTicksHistory(req, callback);
+            const subscriber = WS?.subscribeTicksHistory(req, callback);
             g_subscribers_map[key] = subscriber;
         }
     };
@@ -144,7 +144,7 @@ export default class ChartStore {
     };
 
     wsForgetStream = (stream_id: string) => {
-        WS.forgetStream(stream_id);
+        WS?.forgetStream(stream_id);
     };
 
     wsSendRequest = (req: TradingTimesRequest | ActiveSymbolsRequest | ServerTimeRequest) => {
@@ -157,9 +157,9 @@ export default class ChartStore {
             });
         }
         if ('active_symbols' in req && req.active_symbols) {
-            return WS.activeSymbols();
+            return WS?.activeSymbols();
         }
-        if (WS.storage.send) return WS.storage.send(req);
+        if (WS?.storage.send) return WS?.storage.send(req);
     };
 
     getMarketsOrder = (active_symbols: { market: string; display_name: string }[]) => {
diff --git a/src/stores/data-collection-store.ts b/src/stores/data-collection-store.ts
index 23a601e7..a41ff071 100644
--- a/src/stores/data-collection-store.ts
+++ b/src/stores/data-collection-store.ts
@@ -3,9 +3,9 @@ import { action, makeObservable, observable, reaction } from 'mobx';
 
 import { TStores } from '@deriv/stores/types';
 
+import { cloneObject } from '@/components/shared';
 import { DBot } from '@/external/bot-skeleton';
 import { isProduction } from '@/utils/tmp/dummy';
-import { cloneObject } from '@/utils/tmp/object-helper';
 
 import RootStore from './root-store';
 
diff --git a/src/stores/journal-store.ts b/src/stores/journal-store.ts
index 01a2c430..61014d0a 100644
--- a/src/stores/journal-store.ts
+++ b/src/stores/journal-store.ts
@@ -3,10 +3,10 @@ import { v4 as uuidv4 } from 'uuid';
 
 import { TStores } from '@deriv/stores/types';
 
+import { formatDate } from '@/components/shared';
 import { LogTypes, MessageTypes } from '@/external/bot-skeleton';
 import { config } from '@/external/bot-skeleton/constants/config';
 import { localize } from '@/utils/tmp/dummy';
-import { formatDate } from '@/utils/tmp/time-helper';
 
 import { isCustomJournalMessage } from '../utils/journal-notifications';
 import { getStoredItemsByKey, getStoredItemsByUser, setStoredItemsByKey } from '../utils/session-storage';
diff --git a/src/stores/route-prompt-dialog-store.ts b/src/stores/route-prompt-dialog-store.ts
index 5e050774..c6234bd7 100644
--- a/src/stores/route-prompt-dialog-store.ts
+++ b/src/stores/route-prompt-dialog-store.ts
@@ -1,5 +1,7 @@
 import { action, makeObservable, observable } from 'mobx';
+
 import { TStores } from '@deriv/stores/types';
+
 import RootStore from './root-store';
 
 export interface IRoutePromptDialogStore {
diff --git a/src/stores/run-panel-store.ts b/src/stores/run-panel-store.ts
index 6f34dd16..cadc67ff 100644
--- a/src/stores/run-panel-store.ts
+++ b/src/stores/run-panel-store.ts
@@ -7,6 +7,7 @@ import { TDbot } from 'Types';
 
 import { botNotification } from '@/components/bot-notification/bot-notification';
 import { notification_message } from '@/components/bot-notification/bot-notification-utils';
+import { isSafari, mobileOSDetect } from '@/components/shared';
 import { contract_stages, TContractStage } from '@/constants/contract-stage';
 import { run_panel } from '@/constants/run-panel';
 import { ErrorTypes, MessageTypes, observer, unrecoverable_errors } from '@/external/bot-skeleton';
@@ -14,7 +15,6 @@ import { journalError, switch_account_notification } from '@/utils/bot-notificat
 import GTM from '@/utils/gtm';
 import { helpers } from '@/utils/store-helpers';
 import { localize, routes } from '@/utils/tmp/dummy';
-import { isSafari, mobileOSDetect } from '@/utils/tmp/os-detect';
 
 import RootStore from './root-store';
 
diff --git a/src/stores/save-modal-store.ts b/src/stores/save-modal-store.ts
index fde5bae2..4f5ebe4b 100644
--- a/src/stores/save-modal-store.ts
+++ b/src/stores/save-modal-store.ts
@@ -1,6 +1,11 @@
 import localForage from 'localforage';
 import LZString from 'lz-string';
 import { action, makeObservable, observable } from 'mobx';
+
+import { TStrategy } from 'Types';
+
+import { MAX_STRATEGIES } from '@/constants/bot-contents';
+import { button_status } from '@/constants/button-status';
 import {
     getSavedWorkspaces,
     observer as globalObserver,
@@ -9,9 +14,7 @@ import {
     saveWorkspaceToRecent,
 } from '@/external/bot-skeleton';
 import { localize } from '@/utils/tmp/dummy';
-import { MAX_STRATEGIES } from '@/constants/bot-contents';
-import { button_status } from '@/constants/button-status';
-import { TStrategy } from 'Types';
+
 import RootStore from './root-store';
 
 type IOnConfirmProps = {
diff --git a/src/stores/self-exclusion-store.ts b/src/stores/self-exclusion-store.ts
index ed0bfb38..820fe598 100644
--- a/src/stores/self-exclusion-store.ts
+++ b/src/stores/self-exclusion-store.ts
@@ -1,5 +1,7 @@
 import { action, computed, makeObservable, observable } from 'mobx';
+
 import { TStores } from '@deriv/stores/types';
+
 import RootStore from './root-store';
 
 export default class SelfExclusionStore {
diff --git a/src/stores/summary-card-store.ts b/src/stores/summary-card-store.ts
index 46c6a540..f8a7d390 100644
--- a/src/stores/summary-card-store.ts
+++ b/src/stores/summary-card-store.ts
@@ -3,12 +3,11 @@ import { action, computed, makeObservable, observable, reaction } from 'mobx';
 import { ProposalOpenContract, UpdateContractResponse } from '@deriv/api-types';
 import { TStores } from '@deriv/stores/types';
 
+import { getIndicativePrice, isEqualObject, isMultiplierContract } from '@/components/shared';
 import { TContractInfo } from '@/components/summary/summary-card.types';
 import { getValidationRules, TValidationRuleIndex, TValidationRules } from '@/constants/contract';
 import { contract_stages } from '@/constants/contract-stage';
 import { getContractUpdateConfig } from '@/utils/multiplier';
-import { getIndicativePrice, isMultiplierContract } from '@/utils/tmp/contract-helper';
-import { isEqualObject } from '@/utils/tmp/object-helper';
 import Validator from '@/utils/tmp/validator';
 
 import RootStore from './root-store';
diff --git a/src/stores/toolbar-store.ts b/src/stores/toolbar-store.ts
index 33b0ff18..c76fde6a 100644
--- a/src/stores/toolbar-store.ts
+++ b/src/stores/toolbar-store.ts
@@ -1,5 +1,7 @@
 import { action, makeObservable, observable } from 'mobx';
+
 import { config, load, runGroupedEvents } from '@/external/bot-skeleton';
+
 import RootStore from './root-store';
 
 interface IToolbarStore {
diff --git a/src/stores/toolbox-store.ts b/src/stores/toolbox-store.ts
index 10e69463..54ded1b0 100644
--- a/src/stores/toolbox-store.ts
+++ b/src/stores/toolbox-store.ts
@@ -1,7 +1,10 @@
 import { action, makeObservable, observable, reaction } from 'mobx';
-import { scrollWorkspace } from '@/external/bot-skeleton';
+
 import { TStores } from '@deriv/stores/types';
+
+import { scrollWorkspace } from '@/external/bot-skeleton';
 import { localize } from '@/utils/tmp/dummy';
+
 import RootStore from './root-store';
 
 export default class ToolboxStore {
diff --git a/src/stores/transactions-store.ts b/src/stores/transactions-store.ts
index f682352b..b1bdbdaa 100644
--- a/src/stores/transactions-store.ts
+++ b/src/stores/transactions-store.ts
@@ -3,10 +3,8 @@ import { action, computed, makeObservable, observable, reaction } from 'mobx';
 import { ProposalOpenContract } from '@deriv/api-types';
 import { TPortfolioPosition, TStores } from '@deriv/stores/types';
 
-// import { formatDate, isEnded } from '@deriv-com/utils';
+import { formatDate, isEnded } from '@/components/shared';
 import { LogTypes } from '@/external/bot-skeleton';
-import { isEnded } from '@/utils/tmp/contract-helper';
-import { formatDate } from '@/utils/tmp/time-helper';
 
 import { TContractInfo } from '../components/summary/summary-card.types';
 import { transaction_elements } from '../constants/transactions';
diff --git a/src/types/stores.types.ts b/src/types/stores.types.ts
index 6b98e622..8d7f78d7 100644
--- a/src/types/stores.types.ts
+++ b/src/types/stores.types.ts
@@ -1,10 +1,12 @@
 import { TStores } from '@deriv/stores/types';
+
 import DashboardStore from 'Stores/dashboard-store';
 import FlyoutStore from 'Stores/flyout-store';
 import LoadModalStore from 'Stores/load-modal-store';
 import RunPanelStore from 'Stores/run-panel-store';
 import SaveModalStore from 'Stores/save-modal-store';
 import ToolbarStore from 'Stores/toolbar-store';
+
 import { TWebSocket } from './ws.types';
 
 export type TDbotStore = {
diff --git a/src/utils/dom-observer.ts b/src/utils/dom-observer.ts
index fedd5c11..622b6bdf 100644
--- a/src/utils/dom-observer.ts
+++ b/src/utils/dom-observer.ts
@@ -1,7 +1,8 @@
 export const waitForDomElement = (selector: string, observingParent?: Element) => {
     return new Promise(resolve => {
         if (document.querySelector(selector)) {
-            return resolve(document.querySelector(selector));
+            resolve(document.querySelector(selector));
+            return;
         }
 
         const observer = new MutationObserver(() => {
diff --git a/src/utils/gtm.ts b/src/utils/gtm.ts
index 3ded0d6b..d2183603 100644
--- a/src/utils/gtm.ts
+++ b/src/utils/gtm.ts
@@ -1,9 +1,12 @@
 import { reaction } from 'mobx';
+
 import { ProposalOpenContract } from '@deriv/api-types';
 import { TCoreStores, TStores } from '@deriv/stores/types';
-import { TStatistics } from '@/components/transaction-details/transaction-details.types';
+
 import RootStore from 'Stores/root-store';
 
+import { TStatistics } from '@/components/transaction-details/transaction-details.types';
+
 type TGTM = {
     core: {
         client: {
diff --git a/src/utils/journal-notifications.ts b/src/utils/journal-notifications.ts
index babd4209..c4b89c24 100644
--- a/src/utils/journal-notifications.ts
+++ b/src/utils/journal-notifications.ts
@@ -1,5 +1,5 @@
-import { localize } from '@/utils/tmp/dummy';
 import { arrayAsMessage, messageWithButton } from '@/components/notify-item';
+import { localize } from '@/utils/tmp/dummy';
 
 const showErrorMessageWithButton = (message, block_id, showErrorMessage, centerAndHighlightBlock) => {
     showErrorMessage(
diff --git a/src/utils/multiplier.ts b/src/utils/multiplier.ts
index aabea520..5f587dc3 100644
--- a/src/utils/multiplier.ts
+++ b/src/utils/multiplier.ts
@@ -1,6 +1,6 @@
 import { ContractUpdate, ProposalOpenContract } from '@deriv/api-types';
 
-import { getLimitOrderAmount } from './tmp/contract-helper';
+import { getLimitOrderAmount } from '@/components/shared';
 
 type TContractUpdateConfig = (ContractUpdate & ProposalOpenContract['limit_order']) | undefined;
 /**
diff --git a/src/utils/tmp/connection-helper.ts b/src/utils/tmp/connection-helper.ts
deleted file mode 100644
index 141a90b4..00000000
--- a/src/utils/tmp/connection-helper.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-export const getSocketURL = () => {
-    const local_storage_server_url = window.localStorage.getItem('config.server_url');
-    if (local_storage_server_url) return local_storage_server_url;
-
-    let active_loginid_from_url;
-    const search = window.location.search;
-    if (search) {
-        const params = new URLSearchParams(document.location.search.substring(1));
-        active_loginid_from_url = params.get('acct1');
-    }
-
-    const loginid = window.localStorage.getItem('active_loginid') || active_loginid_from_url;
-    const is_real = loginid && !/^(VRT|VRW)/.test(loginid);
-
-    const server = is_real ? 'green' : 'blue';
-    const server_url = `${server}.derivws.com`;
-
-    return server_url;
-};
diff --git a/src/utils/tmp/contract-helper.ts b/src/utils/tmp/contract-helper.ts
deleted file mode 100644
index 097e5396..00000000
--- a/src/utils/tmp/contract-helper.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-export const isMultiplierContract = (contract_type = '') => /MULT/i.test(contract_type);
-
-export const isEnded = (contract_info: TContractInfo) =>
-    !!(
-        (contract_info.status && contract_info.status !== 'open') ||
-        contract_info.is_expired ||
-        contract_info.is_settleable
-    );
-
-export const getTotalProfit = (contract_info: TContractInfo) =>
-    Number(contract_info.bid_price) - Number(contract_info.buy_price);
-
-export const getLimitOrderAmount = (limit_order?: TLimitOrder) => {
-    if (!limit_order) return { stop_loss: null, take_profit: null };
-    const {
-        stop_loss: { order_amount: stop_loss_order_amount } = {},
-        take_profit: { order_amount: take_profit_order_amount } = {},
-    } = limit_order;
-
-    return {
-        stop_loss: stop_loss_order_amount,
-        take_profit: take_profit_order_amount,
-    };
-};
-
-export const getFinalPrice = (contract_info: TContractInfo) => contract_info.sell_price || contract_info.bid_price;
-
-export const getIndicativePrice = (contract_info: TContractInfo) =>
-    getFinalPrice(contract_info) && isEnded(contract_info)
-        ? getFinalPrice(contract_info)
-        : Number(contract_info.bid_price);
diff --git a/src/utils/tmp/currency-helper.ts b/src/utils/tmp/currency-helper.ts
deleted file mode 100644
index 22aacd38..00000000
--- a/src/utils/tmp/currency-helper.ts
+++ /dev/null
@@ -1,333 +0,0 @@
-import { deepFreeze, getPropertyValue } from './object-helper';
-
-export type TCurrenciesConfig = {
-    [key: string]: {
-        fractional_digits: number;
-        is_deposit_suspended?: 0 | 1;
-        is_suspended?: 0 | 1;
-        is_withdrawal_suspended?: 0 | 1;
-        name?: string;
-        stake_default?: number;
-        transfer_between_accounts?: {
-            fees?: { [key: string]: number };
-            limits: {
-                max?: number;
-                min: number;
-                [key: string]: unknown;
-            } | null;
-            limits_dxtrade?: { [key: string]: unknown };
-            limits_mt5?: { [key: string]: unknown };
-        };
-        type: string;
-    };
-};
-
-let currencies_config: TCurrenciesConfig = {};
-
-const fiat_currencies_display_order = ['USD', 'EUR', 'GBP', 'AUD'];
-const crypto_currencies_display_order = [
-    'TUSDT',
-    'BTC',
-    'ETH',
-    'LTC',
-    'UST',
-    'eUSDT',
-    'BUSD',
-    'DAI',
-    'EURS',
-    'IDK',
-    'PAX',
-    'TUSD',
-    'USDC',
-    'USDK',
-];
-
-export const reorderCurrencies = <T extends { value: string; type: string; name: string }>(
-    list: Array<T>,
-    type = 'fiat'
-) => {
-    const new_order = type === 'fiat' ? fiat_currencies_display_order : crypto_currencies_display_order;
-
-    return list.sort((a, b) => {
-        if (new_order.indexOf(a.value) < new_order.indexOf(b.value)) {
-            return -1;
-        }
-        if (new_order.indexOf(a.value) > new_order.indexOf(b.value)) {
-            return 1;
-        }
-        return 0;
-    });
-};
-
-export const AMOUNT_MAX_LENGTH = 10;
-
-export const CURRENCY_TYPE = {
-    CRYPTO: 'crypto',
-    FIAT: 'fiat',
-} as const;
-
-export const getRoundedNumber = (number: number, currency: string) => {
-    return Number(Number(number).toFixed(getDecimalPlaces(currency)));
-};
-
-export const getFormattedText = (number: number, currency: string) => {
-    return `${addComma(number, getDecimalPlaces(currency), isCryptocurrency(currency))} ${currency}`;
-};
-
-/**
- * @deprecated Please use 'FormatUtils.formatMoney' from '@deriv-com/utils' instead of this.
- */
-export const formatMoney = (
-    currency_value: string,
-    amount: number | string,
-    exclude_currency?: boolean,
-    decimals = 0,
-    minimumFractionDigits = 0
-) => {
-    let money: number | string = amount;
-    if (money) money = String(money).replace(/,/g, '');
-    const sign = money && Number(money) < 0 ? '-' : '';
-    const decimal_places = decimals || getDecimalPlaces(currency_value);
-
-    money = isNaN(+money) ? 0 : Math.abs(+money);
-    if (typeof Intl !== 'undefined') {
-        const options = {
-            minimumFractionDigits: minimumFractionDigits || decimal_places,
-            maximumFractionDigits: decimal_places,
-        };
-        // TODO: [use-shared-i18n] - Use a getLanguage function to determine number format.
-        money = new Intl.NumberFormat('en', options).format(money);
-    } else {
-        money = addComma(money, decimal_places);
-    }
-
-    return sign + (exclude_currency ? '' : formatCurrency(currency_value)) + money;
-};
-
-export const formatCurrency = (currency: string) => {
-    return `<span class="symbols ${(currency || '').toLowerCase()}"></span>`;
-};
-
-export const addComma = (num?: number | string | null, decimal_points?: number, is_crypto?: boolean) => {
-    let number: number | string = String(num || 0).replace(/,/g, '');
-    if (typeof decimal_points !== 'undefined') {
-        number = (+number).toFixed(decimal_points);
-    }
-    if (is_crypto) {
-        number = parseFloat(String(number));
-    }
-
-    return number
-        .toString()
-        .replace(/(^|[^\w.])(\d{4,})/g, ($0, $1, $2) => $1 + $2.replace(/\d(?=(?:\d\d\d)+(?!\d))/g, '$&,'));
-};
-
-export const calcDecimalPlaces = (currency: string) => {
-    return isCryptocurrency(currency) ? getPropertyValue(CryptoConfig.get(), [currency, 'fractional_digits']) : 2;
-};
-
-export const getDecimalPlaces = (currency = '') =>
-    // need to check currencies_config[currency] exists instead of || in case of 0 value
-    currencies_config[currency]
-        ? getPropertyValue(currencies_config, [currency, 'fractional_digits'])
-        : calcDecimalPlaces(currency);
-
-export const setCurrencies = (website_status: { currencies_config: TCurrenciesConfig }) => {
-    currencies_config = website_status.currencies_config;
-};
-
-// (currency in crypto_config) is a back-up in case website_status doesn't include the currency config, in some cases where it's disabled
-export const isCryptocurrency = (currency: string) => {
-    return /crypto/i.test(getPropertyValue(currencies_config, [currency, 'type'])) || currency in CryptoConfig.get();
-};
-
-export const CryptoConfig = (() => {
-    let crypto_config: unknown;
-
-    // TODO: [use-shared-i18n] - Use translate function shared among apps or pass in translated names externally.
-    const initCryptoConfig = () =>
-        deepFreeze({
-            BTC: {
-                display_code: 'BTC',
-                name: 'Bitcoin',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 8,
-            },
-            BUSD: {
-                display_code: 'BUSD',
-                name: 'Binance USD',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 2,
-            },
-            DAI: {
-                display_code: 'DAI',
-                name: 'Multi-Collateral DAI',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 2,
-            },
-            EURS: {
-                display_code: 'EURS',
-                name: 'STATIS Euro',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 2,
-            },
-            IDK: {
-                display_code: 'IDK',
-                name: 'IDK',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 0,
-            },
-            PAX: {
-                display_code: 'PAX',
-                name: 'Paxos Standard',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 2,
-            },
-            TUSD: {
-                display_code: 'TUSD',
-                name: 'True USD',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 2,
-            },
-            USDC: {
-                display_code: 'USDC',
-                name: 'USD Coin',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 2,
-            },
-            USDK: {
-                display_code: 'USDK',
-                name: 'USDK',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 2,
-            },
-            eUSDT: {
-                display_code: 'eUSDT',
-                name: 'Tether ERC20',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 2,
-            },
-            tUSDT: {
-                display_code: 'tUSDT',
-                name: 'Tether TRC20',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 2,
-            },
-            BCH: {
-                display_code: 'BCH',
-                name: 'Bitcoin Cash',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 8,
-            },
-            ETH: {
-                display_code: 'ETH',
-                name: 'Ether',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 8,
-            },
-            ETC: {
-                display_code: 'ETC',
-                name: 'Ether Classic',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 8,
-            },
-            LTC: {
-                display_code: 'LTC',
-                name: 'Litecoin',
-                min_withdrawal: 0.002,
-                pa_max_withdrawal: 5,
-                pa_min_withdrawal: 0.002,
-                fractional_digits: 8,
-            },
-            UST: {
-                display_code: 'USDT',
-                name: 'Tether Omni',
-                min_withdrawal: 0.02,
-                pa_max_withdrawal: 2000,
-                pa_min_withdrawal: 10,
-                fractional_digits: 2,
-            },
-            // USB: {
-            //     display_code: 'USB',
-            //     name: 'Binary Coin',
-            //     min_withdrawal: 0.02,
-            //     pa_max_withdrawal: 2000,
-            //     pa_min_withdrawal: 10,
-            //     fractional_digits: 2,
-            // },
-        });
-
-    return {
-        get: () => {
-            if (!crypto_config) {
-                crypto_config = initCryptoConfig();
-            }
-            return crypto_config;
-        },
-    };
-})();
-
-export const getMinWithdrawal = (currency: string) => {
-    return isCryptocurrency(currency) ? getPropertyValue(CryptoConfig.get(), [currency, 'min_withdrawal']) || 0.002 : 1;
-};
-
-export const getTransferFee = (currency_from: string, currency_to: string) => {
-    const transfer_fee = getPropertyValue(currencies_config, [
-        currency_from,
-        'transfer_between_accounts',
-        'fees',
-        currency_to,
-    ]);
-    return `${typeof transfer_fee === 'undefined' ? '1' : transfer_fee}%`;
-};
-
-export const getCurrencyDisplayCode = (currency = '') => {
-    // eslint-disable-next-line
-    if (currency !== 'eUSDT' && currency !== 'tUSDT') currency = currency.toUpperCase();
-    return getPropertyValue(CryptoConfig.get(), [currency, 'display_code']) || currency;
-};
-
-export const getCurrencyName = (currency = '') =>
-    currency === 'USDT' ? 'Tether Omni' : getPropertyValue(currencies_config, [currency, 'name']) || '';
-
-export const getMinPayout = (currency: string) => {
-    return getPropertyValue(currencies_config, [currency, 'stake_default']);
-};
-
-export const getCurrencies = () => {
-    return currencies_config;
-};
-
-export type TAccount = {
-    account_type: 'real' | 'demo';
-    balance: number;
-    currency: string;
-};
diff --git a/src/utils/tmp/dummy.tsx b/src/utils/tmp/dummy.tsx
index 36f95f45..276b9400 100644
--- a/src/utils/tmp/dummy.tsx
+++ b/src/utils/tmp/dummy.tsx
@@ -1,6 +1,6 @@
 export const localize = (str: unknown, obj: unknown = {}) => `${str} ${JSON.stringify(obj)}`;
 
-export const Localize = ({ i18n_default_text = '', values = {}, components = [], options = {} }) => {
+export const Localize = ({ i18n_default_text = '', values = {}, components = [] }) => {
     // Simulate basic interpolation
     const interpolatedText = i18n_default_text.replace(/\{\{([^}]+)\}\}/g, (match, key) => values[key] || '');
 
@@ -26,7 +26,7 @@ export const i18n = {
     language: 'en',
 };
 
-export const Icon = ({ icon, size = 16 }) => {
+export const Icon = ({ icon }) => {
     // Simulate placeholder icon rendering
     return <div className='dummy-icon'>{icon}</div>;
 };
@@ -56,6 +56,7 @@ export const ContentFlag = Object.freeze({
 export const routes = {
     traders_hub: '/appstore/traders-hub',
     reports: '/reports',
+    bot: '/bot',
 };
 
 // eu countries to support
diff --git a/src/utils/tmp/helper.js b/src/utils/tmp/helper.js
deleted file mode 100644
index 304dfef1..00000000
--- a/src/utils/tmp/helper.js
+++ /dev/null
@@ -1,36 +0,0 @@
-export const getKebabCase = str => {
-    if (!str) return str;
-    return str
-        .replace(/([a-z0-9])([A-Z])/g, '$1-$2') // get all lowercase letters that are near to uppercase ones
-        .replace(/[\s]+/g, '-') // replace all spaces and low dash
-        .toLowerCase();
-};
-
-export const getPascalCase = str => {
-    if (!str) return '';
-    return (
-        String(str)
-            .replace(/^[^A-Za-z0-9]*|[^A-Za-z0-9]*$/g, '$')
-            .replace(/[^_A-Za-z0-9]+/g, '$')
-            .replace(/([a-z])([A-Z])/g, (m, a, b) => `${a}$${b}`)
-            // .toLowerCase()
-            .replace(/(\$)(\w?)/g, (m, a, b) => b.toUpperCase())
-    );
-};
-
-export const getSnakeCase = str => {
-    if (!str) return str;
-    return str
-        .replace(/([a-z0-9])([A-Z])/g, '$1_$2') // get all lowercase letters that are near to uppercase ones
-        .replace(/[\s]+/g, '_') // replace all spaces and low dash
-        .toLowerCase();
-};
-
-export const getFileNameFromPath = path => path.match(/([^/]*)\/*$/)[1].replace('.svg', '');
-
-export const getEnglishCharacters = input =>
-    input
-        .normalize('NFD')
-        .split('')
-        .filter(char => /^[a-z ]*$/i.test(char))
-        .join('');
diff --git a/src/utils/tmp/local-storage-helper.ts b/src/utils/tmp/local-storage-helper.ts
deleted file mode 100644
index 0272ea63..00000000
--- a/src/utils/tmp/local-storage-helper.ts
+++ /dev/null
@@ -1,254 +0,0 @@
-import Cookies from 'js-cookie';
-
-import { deriv_urls } from './dummy';
-import { cloneObject } from './object-helper';
-
-type TCookieStorageThis = {
-    initialized: boolean;
-    cookie_name: string;
-    domain: string;
-    path: string;
-    expires: Date;
-    value: unknown;
-};
-
-const getObject = function (this: { getItem: (key: string) => string | null }, key: string) {
-    return JSON.parse(this.getItem(key) || '{}');
-};
-
-const setObject = function (this: { setItem: (key: string, value: string) => void }, key: string, value: unknown) {
-    if (value && value instanceof Object) {
-        try {
-            this.setItem(key, JSON.stringify(value));
-        } catch (e) {
-            /* do nothing */
-        }
-    }
-};
-
-if (typeof Storage !== 'undefined') {
-    Storage.prototype.getObject = getObject;
-    Storage.prototype.setObject = setObject;
-}
-
-export const isStorageSupported = (storage: Storage) => {
-    if (typeof storage === 'undefined') {
-        return false;
-    }
-
-    const test_key = 'test';
-    try {
-        storage.setItem(test_key, '1');
-        storage.removeItem(test_key);
-        return true;
-    } catch (e) {
-        return false;
-    }
-};
-
-const Store = function (this: { storage: Storage }, storage: Storage) {
-    this.storage = storage;
-    this.storage.getObject = getObject;
-    this.storage.setObject = setObject;
-};
-
-Store.prototype = {
-    get(key: string) {
-        return this.storage.getItem(key) || undefined;
-    },
-    set(key: string, value: string) {
-        if (typeof value !== 'undefined') {
-            this.storage.setItem(key, value);
-        }
-    },
-    getObject(key: string) {
-        return typeof this.storage.getObject === 'function' // Prevent runtime error in IE
-            ? this.storage.getObject(key)
-            : JSON.parse(this.storage.getItem(key) || '{}');
-    },
-    setObject(key: string, value: unknown) {
-        if (typeof this.storage.setObject === 'function') {
-            // Prevent runtime error in IE
-            this.storage.setObject(key, value);
-        } else {
-            this.storage.setItem(key, JSON.stringify(value));
-        }
-    },
-    remove(key: string) {
-        this.storage.removeItem(key);
-    },
-    clear() {
-        this.storage.clear();
-    },
-};
-
-const InScriptStore = function (this: { store: unknown }, object?: unknown) {
-    this.store = typeof object !== 'undefined' ? object : {};
-};
-
-export const isEmptyObject = (obj: any) => {
-    let is_empty = true;
-    if (obj && obj instanceof Object) {
-        Object.keys(obj).forEach(key => {
-            if (Object.prototype.hasOwnProperty.call(obj, key)) is_empty = false;
-        });
-    }
-    return is_empty;
-};
-
-export const getPropertyValue = (obj: any, k: string | string[]): any => {
-    let keys = k;
-    if (!Array.isArray(keys)) keys = [keys];
-    if (!isEmptyObject(obj) && keys[0] in obj && keys && keys.length > 1) {
-        return getPropertyValue(obj[keys[0]], keys.slice(1));
-    }
-    // else return clone of object to avoid overwriting data
-    return obj ? cloneObject(obj[keys[0]]) : undefined;
-};
-
-InScriptStore.prototype = {
-    get(key: string) {
-        return getPropertyValue(this.store, key);
-    },
-    set(
-        this: { store: any; set: (key: string | string[], value: string, obj: string[]) => void },
-        k: string | string[],
-        value: string,
-        obj = this.store
-    ) {
-        let key = k;
-        if (!Array.isArray(key)) key = [key];
-        if (key.length > 1) {
-            if (!(key[0] in obj) || isEmptyObject(obj[key[0]])) obj[key[0]] = {};
-            this.set(key.slice(1), value, obj[key[0]]);
-        } else {
-            obj[key[0]] = value;
-        }
-    },
-    getObject(key: string) {
-        return JSON.parse(this.get(key) || '{}');
-    },
-    setObject(key: string, value: unknown) {
-        this.set(key, JSON.stringify(value));
-    },
-    remove(...keys: string[]) {
-        keys.forEach(key => {
-            delete this.store[key];
-        });
-    },
-    clear() {
-        this.store = {};
-    },
-    has(key: string) {
-        return this.get(key) !== undefined;
-    },
-    keys() {
-        return Object.keys(this.store);
-    },
-    call(key: string) {
-        if (typeof this.get(key) === 'function') this.get(key)();
-    },
-};
-
-export const State = new (InScriptStore as any)();
-State.prototype = InScriptStore.prototype;
-/**
- * Shorthand function to get values from response object of State
- *
- * @param {String} pathname
- *     e.g. getResponse('authorize.currency') == get(['response', 'authorize', 'authorize', 'currency'])
- */
-State.prototype.getResponse = function (pathname: string | string[]) {
-    let path = pathname;
-    if (typeof path === 'string') {
-        const keys = path.split('.');
-        path = ['response', keys[0]].concat(keys);
-    }
-    return this.get(path);
-};
-State.prototype.getByMsgType = State.getResponse;
-State.set('response', {});
-
-export const CookieStorage = function (this: TCookieStorageThis, cookie_name: string, cookie_domain?: string) {
-    const hostname = window.location.hostname;
-
-    this.initialized = false;
-    this.cookie_name = cookie_name;
-    this.domain =
-        cookie_domain ||
-        /* eslint-disable no-nested-ternary */
-        (hostname.includes('binary.sx') ? 'binary.sx' : deriv_urls.DERIV_HOST_NAME);
-    /* eslint-enable no-nested-ternary */
-    this.path = '/';
-    this.expires = new Date('Thu, 1 Jan 2037 12:00:00 GMT');
-    this.value = {};
-};
-
-CookieStorage.prototype = {
-    read() {
-        const cookie_value = Cookies.get(this.cookie_name);
-        try {
-            this.value = cookie_value ? JSON.parse(cookie_value) : {};
-        } catch (e) {
-            this.value = {};
-        }
-        this.initialized = true;
-    },
-    write(val: string, expireDate: Date, isSecure: boolean) {
-        if (!this.initialized) this.read();
-        this.value = val;
-        if (expireDate) this.expires = expireDate;
-        Cookies.set(this.cookie_name, this.value, {
-            expires: this.expires,
-            path: this.path,
-            domain: this.domain,
-            secure: !!isSecure,
-        });
-    },
-    get(key: string) {
-        if (!this.initialized) this.read();
-        return this.value[key];
-    },
-    set(key: string, val: string) {
-        if (!this.initialized) this.read();
-        this.value[key] = val;
-        Cookies.set(this.cookie_name, this.value, {
-            expires: new Date(this.expires),
-            path: this.path,
-            domain: this.domain,
-        });
-    },
-    remove() {
-        Cookies.remove(this.cookie_name, {
-            path: this.path,
-            domain: this.domain,
-        });
-    },
-};
-
-export const removeCookies = (...cookie_names: string[]) => {
-    const domains = [`.${document.domain.split('.').slice(-2).join('.')}`, `.${document.domain}`];
-
-    let parent_path = window.location.pathname.split('/', 2)[1];
-    if (parent_path !== '') {
-        parent_path = `/${parent_path}`;
-    }
-
-    cookie_names.forEach(c => {
-        Cookies.remove(c, { path: '/', domain: domains[0] });
-        Cookies.remove(c, { path: '/', domain: domains[1] });
-        Cookies.remove(c);
-        if (new RegExp(c).test(document.cookie) && parent_path) {
-            Cookies.remove(c, { path: parent_path, domain: domains[0] });
-            Cookies.remove(c, { path: parent_path, domain: domains[1] });
-            Cookies.remove(c, { path: parent_path });
-        }
-    });
-};
-
-export const LocalStore = isStorageSupported(window.localStorage)
-    ? new (Store as any)(window.localStorage)
-    : new (InScriptStore as any)();
-export const SessionStore = isStorageSupported(window.sessionStorage)
-    ? new (Store as any)(window.sessionStorage)
-    : new (InScriptStore as any)();
diff --git a/src/utils/tmp/object-helper.ts b/src/utils/tmp/object-helper.ts
deleted file mode 100644
index 6608f271..00000000
--- a/src/utils/tmp/object-helper.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export const findValueByKeyRecursively = (obj: Record<string, unknown>, key: string) => {
-    let return_value;
-
-    Object.keys(obj).some(obj_key => {
-        const value = obj[obj_key] as Record<string, unknown>;
-
-        if (obj_key === key) {
-            return_value = obj[key];
-            return true;
-        }
-
-        if (typeof value === 'object') {
-            const nested_value = findValueByKeyRecursively(value, key);
-
-            if (nested_value) {
-                return_value = nested_value;
-                return true;
-            }
-        }
-
-        return false;
-    });
-
-    return return_value;
-};
-
-// Recursively freeze an object (deep freeze)
-export const deepFreeze = (obj: Record<string, unknown>) => {
-    Object.getOwnPropertyNames(obj).forEach(key => {
-        const value = obj[key] as Record<string, unknown>;
-        if (value && typeof value === 'object' && !Object.isFrozen(value)) {
-            deepFreeze(value);
-        }
-    });
-    return Object.freeze(obj);
-};
-
-export const isEmptyObject = (obj: Record<string, unknown>) => {
-    let is_empty = true;
-    if (obj && obj instanceof Object) {
-        Object.keys(obj).forEach(key => {
-            if (Object.prototype.hasOwnProperty.call(obj, key)) is_empty = false;
-        });
-    }
-    return is_empty;
-};
-
-export const cloneObject = (obj: Record<string, unknown>) =>
-    !isEmptyObject(obj) ? extend(true, Array.isArray(obj) ? [] : {}, obj) : obj;
-
-export const getPropertyValue = (obj: Record<string, unknown>, k: string | string[]): unknown => {
-    let keys = k;
-    if (!Array.isArray(keys)) keys = [keys];
-    if (!isEmptyObject(obj) && keys[0] in obj && keys && keys.length > 1) {
-        return getPropertyValue(obj[keys[0]] as Record<string, unknown>, keys.slice(1));
-    }
-    // else return clone of object to avoid overwriting data
-    return obj ? cloneObject(obj[keys[0]] as Record<string, unknown>) : undefined;
-};
-
-function extend(arg0: boolean, arg1: object, obj: Record<string, unknown>) {
-    if (arg0) {
-        return Object.assign(arg1, obj);
-    }
-    return { ...arg1, ...obj };
-}
-
-export const sequence = (n: number) => Array.from(Array(n).keys());
-
-export const isEqualArray = (arr1: any[], arr2: any[]): boolean =>
-    arr1 === arr2 || (arr1.length === arr2.length && arr1.every((value, idx) => isDeepEqual(value, arr2[idx])));
-
-// Note that this function breaks on objects with circular references.
-export const isDeepEqual = (a: any, b: any) => {
-    if (typeof a !== typeof b) {
-        return false;
-    } else if (Array.isArray(a)) {
-        return isEqualArray(a, b);
-    } else if (a && b && typeof a === 'object') {
-        return isEqualObject(a, b);
-    } else if (typeof a === 'number' && typeof b === 'number' && isNaN(a) && isNaN(b)) {
-        return true;
-    }
-    // else
-    return a === b;
-};
-
-export const isEqualObject = (obj1: any, obj2: any): boolean =>
-    obj1 === obj2 ||
-    (Object.keys(obj1).length === Object.keys(obj2).length &&
-        Object.keys(obj1).every(key => isDeepEqual(obj1[key], obj2[key])));
diff --git a/src/utils/tmp/os-detect.ts b/src/utils/tmp/os-detect.ts
deleted file mode 100644
index df5d3b35..00000000
--- a/src/utils/tmp/os-detect.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-// import UAParser from 'ua-parser-js';
-
-declare global {
-    interface Window {
-        opera?: string;
-        MSStream?: {
-            readonly type: string;
-            msClose: () => void;
-            msDetachStream: () => void;
-        };
-    }
-}
-
-export const systems = {
-    mac: ['Mac68K', 'MacIntel', 'MacPPC'],
-    linux: [
-        'HP-UX',
-        'Linux i686',
-        'Linux amd64',
-        'Linux i686 on x86_64',
-        'Linux i686 X11',
-        'Linux x86_64',
-        'Linux x86_64 X11',
-        'FreeBSD',
-        'FreeBSD i386',
-        'FreeBSD amd64',
-        'X11',
-    ],
-    ios: ['iPhone', 'iPod', 'iPad', 'iPhone Simulator', 'iPod Simulator', 'iPad Simulator'],
-    android: [
-        'Android',
-        'Linux armv7l', // Samsung galaxy s2 ~ s5, nexus 4/5
-        'Linux armv8l',
-        null,
-    ],
-    windows: ['Win16', 'Win32', 'Win64', 'WinCE'],
-};
-
-export const isDesktopOs = () => {
-    const os = OSDetect();
-    return !!['windows', 'mac', 'linux'].find(system => system === os);
-};
-
-export const isMobileOs = () =>
-    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-
-export const OSDetect = () => {
-    // For testing purposes or more compatibility, if we set 'config.os'
-    // inside our localStorage, we ignore fetching information from
-    // navigator object and return what we have straight away.
-    if (localStorage.getItem('config.os')) {
-        return localStorage.getItem('config.os');
-    }
-    if (typeof navigator !== 'undefined' && navigator.platform) {
-        return Object.keys(systems)
-            .map(os => {
-                if (systems[os as keyof typeof systems].some(platform => navigator.platform === platform)) {
-                    return os;
-                }
-                return false;
-            })
-            .filter(os => os)[0];
-    }
-
-    return 'Unknown OS';
-};
-
-export const mobileOSDetect = () => {
-    const userAgent = navigator.userAgent || navigator.vendor || window.opera || '';
-    // huawei devices regex from: https://gist.github.com/megaacheyounes/e1c7eec5c790e577db602381b8c50bfa
-    const huaweiDevicesRegex =
-        /\bK\b|ALP-|AMN-|ANA-|ANE-|ANG-|AQM-|ARS-|ART-|ATU-|BAC-|BLA-|BRQ-|CAG-|CAM-|CAN-|CAZ-|CDL-|CDY-|CLT-|CRO-|CUN-|DIG-|DRA-|DUA-|DUB-|DVC-|ELE-|ELS-|EML-|EVA-|EVR-|FIG-|FLA-|FRL-|GLK-|HMA-|HW-|HWI-|INE-|JAT-|JEF-|JER-|JKM-|JNY-|JSC-|LDN-|LIO-|LON-|LUA-|LYA-|LYO-|MAR-|MED-|MHA-|MLA-|MRD-|MYA-|NCE-|NEO-|NOH-|NOP-|OCE-|PAR-|PIC-|POT-|PPA-|PRA-|RNE-|SEA-|SLA-|SNE-|SPN-|STK-|TAH-|TAS-|TET-|TRT-|VCE-|VIE-|VKY-|VNS-|VOG-|VTR-|WAS-|WKG-|WLZ-|JAD-|WKG-|MLD-|RTE-|NAM-|NEN-|BAL-|JAD-|JLN-|YAL/i;
-
-    // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return 'Windows Phone';
-    }
-
-    if (/android/i.test(userAgent)) {
-        // Huawei UA is the same as android so we have to detect by the model
-        if (huaweiDevicesRegex.test(userAgent) || /huawei/i.test(userAgent)) {
-            return 'huawei';
-        }
-        return 'Android';
-    }
-
-    // iOS detection from: http://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return 'iOS';
-    }
-
-    return 'unknown';
-};
-
-// export const getOSNameWithUAParser = () => UAParser().os.name;
-
-export const isSafari = () => {
-    return (
-        /constructor/i.test(window.HTMLElement) ||
-        (function (p) {
-            return p.toString() === '[object SafariRemoteNotification]';
-        })(!window.safari || (typeof window.safari !== 'undefined' && window.safari.pushNotification))
-    );
-};
-
-const getUserBrowser = () => {
-    // We can't rely only on navigator.userAgent.index, the verification order is also important
-    if ((navigator.userAgent.indexOf('Opera') || navigator.userAgent.indexOf('OPR')) !== -1) {
-        return 'Opera';
-    } else if (navigator.userAgent.indexOf('Edg') !== -1) {
-        return 'Edge';
-    } else if (navigator.userAgent.indexOf('Chrome') !== -1) {
-        return 'Chrome';
-    } else if (navigator.userAgent.indexOf('Safari') !== -1) {
-        return 'Safari';
-    } else if (navigator.userAgent.indexOf('Firefox') !== -1) {
-        return 'Firefox';
-    }
-    return 'unknown';
-};
-
-export const isSafariBrowser = () => getUserBrowser() === 'Safari';
diff --git a/src/utils/tmp/time-helper.ts b/src/utils/tmp/time-helper.ts
deleted file mode 100644
index f65ea2fd..00000000
--- a/src/utils/tmp/time-helper.ts
+++ /dev/null
@@ -1,314 +0,0 @@
-import moment from 'moment';
-
-import { getLanguage, localize } from './dummy';
-
-type TExtendedMoment = typeof moment & {
-    createFromInputFallback: (config: { _d: Date }) => void;
-};
-
-// Disables moment's fallback to native Date object
-// moment will return `Invalid Date` if date cannot be parsed
-(moment as TExtendedMoment).createFromInputFallback = function (config) {
-    config._d = new Date(NaN); // eslint-disable-line no-underscore-dangle
-};
-
-// Localize moment instance with specific object
-export const initMoment = (lang: string) => {
-    const ignored_language = ['EN', 'AR', 'BN', 'SI'];
-    if (!lang || ignored_language.includes(lang)) return moment;
-    // TODO: Fix
-    return import(
-        /* @vite-ignore */
-        `moment/locale/${lang.toLowerCase().replace('_', '-')}`
-    )
-        .then(() => moment.locale(lang.toLocaleLowerCase().replace('_', '-')))
-        .catch(() => moment);
-};
-
-/**
- * Convert epoch to moment object
- * @param  {Number} epoch
- * @return {moment} the moment object of provided epoch
- */
-export const epochToMoment = (epoch: number) => moment.unix(epoch).utc();
-
-/**
- * Convert date string or epoch to moment object
- * @param  {Number} value   the date in epoch format
- * @param  {String} value   the date in string format
- * @return {moment} the moment object of 'now' or the provided date epoch or string
- */
-export const toMoment = (value?: moment.MomentInput): moment.Moment => {
-    if (!value) return moment().utc(); // returns 'now' moment object
-    if (value instanceof moment && (value as moment.Moment).isValid() && (value as moment.Moment).isUTC())
-        return value as moment.Moment; // returns if already a moment object
-    if (typeof value === 'number') return epochToMoment(value); // returns epochToMoment() if not a date
-
-    if (/invalid/i.test(moment(value).toString())) {
-        const today_moment = moment();
-        const days_in_month = today_moment.utc().daysInMonth();
-        const value_as_number = moment.utc(value, 'DD MMM YYYY').valueOf() / (1000 * 60 * 60 * 24);
-        return value_as_number > days_in_month
-            ? moment.utc(today_moment.add(value as string | number, 'd'), 'DD MMM YYYY')
-            : moment.utc(value, 'DD MMM YYYY'); // returns target date
-    }
-    return moment.utc(value);
-};
-
-export const toLocalFormat = (time: moment.MomentInput) => moment.utc(time).local().format('YYYY-MM-DD HH:mm:ss Z');
-export const getLongDate = (time: number): string => {
-    moment.locale(getLanguage().toLowerCase());
-    //need to divide to 1000 as timestamp coming from BE is in ms
-    return moment.unix(time / 1000).format('MMMM Do, YYYY');
-};
-
-/**
- * Set specified time on moment object
- * @param  {moment} moment_obj  the moment to set the time on
- * @param  {String} time        24 hours format, may or may not include seconds
- * @return {moment} a new moment object of result
- */
-export const setTime = (moment_obj: moment.Moment, time: string | null) => {
-    const [hour, minute, second] = time ? time.split(':') : [0, 0, 0];
-    moment_obj
-        .hour(+hour)
-        .minute(+minute || 0)
-        .second(+second || 0);
-    return moment_obj;
-};
-
-/**
- * return the unix value of provided epoch and time
- * @param  {Number} epoch  the date to update with provided time
- * @param  {String} time   the time to set on the date
- * @return {Number} unix value of the result
- */
-export const convertToUnix = (epoch: number | string, time: string) => setTime(toMoment(epoch), time).unix();
-
-export const toGMTFormat = (time?: moment.MomentInput) =>
-    moment(time || undefined)
-        .utc()
-        .format('YYYY-MM-DD HH:mm:ss [GMT]');
-
-export const formatDate = (date?: moment.MomentInput, date_format = 'YYYY-MM-DD', should_format_null = true) =>
-    !should_format_null && date === null ? undefined : toMoment(date).format(date_format);
-
-export const formatTime = (epoch: number | string, time_format = 'HH:mm:ss [GMT]') =>
-    toMoment(epoch).format(time_format);
-
-/**
- * return the number of days from today to date specified
- * @param  {String} date   the date to calculate number of days from today
- * @return {Number} an integer of the number of days
- */
-export const daysFromTodayTo = (date?: string | moment.Moment) => {
-    const diff = toMoment(date).startOf('day').diff(toMoment().startOf('day'), 'days');
-    return !date || diff < 0 ? '' : diff;
-};
-
-/**
- * return the number of days since the date specified
- * @param  {String} date   the date to calculate number of days since
- * @return {Number} an integer of the number of days
- */
-export const daysSince = (date: string) => {
-    const diff = toMoment().startOf('day').diff(toMoment(date).startOf('day'), 'days');
-    return !date ? '' : diff;
-};
-
-/**
- * return the number of months between two specified dates
- */
-export const diffInMonths = (now: moment.MomentInput, then: moment.Moment) => then.diff(now, 'month');
-/**
- * return moment duration between two dates
- * @param  {Number} epoch start time
- * @param  {Number} epoch end time
- * @return {moment.duration} moment duration between start time and end time
- */
-export const getDiffDuration = (start_time: number, end_time: number) =>
-    moment.duration(moment.unix(end_time).diff(moment.unix(start_time)));
-
-/** returns the DD MM YYYY format */
-export const getDateFromNow = (
-    days: string | number,
-    unit?: moment.unitOfTime.DurationConstructor,
-    format?: string
-) => {
-    const date = moment(new Date());
-    return date.add(days, unit).format(format);
-};
-
-/**
- * return formatted duration `2 days 01:23:59`
- * @param  {moment.duration} moment duration object
- * @return {String} formatted display string
- */
-export const formatDuration = (duration: moment.Duration, format?: string) => {
-    const d = Math.floor(duration.asDays()); // duration.days() does not include months/years
-    const h = duration.hours();
-    const m = duration.minutes();
-    const s = duration.seconds();
-    const formatted_str = moment(0)
-        .hour(h)
-        .minute(m)
-        .seconds(s)
-        .format(format || 'HH:mm:ss');
-
-    return {
-        days: d,
-        timestamp: formatted_str,
-    };
-};
-
-/**
- * return true if the time_str is in "HH:MM" format, else return false
- * @param {String} time_str time
- */
-export const isTimeValid = (time_str: string) =>
-    /^([0-9]|[0-1][0-9]|2[0-3]):([0-9]|[0-5][0-9])(:([0-9]|[0-5][0-9]))?$/.test(time_str);
-
-/**
- * return true if the time_str's hour is between 0 and 23, else return false
- * @param {String} time_str time
- */
-export const isHourValid = (time_str: string) =>
-    isTimeValid(time_str) && /^([01][0-9]|2[0-3])$/.test(time_str.split(':')[0]);
-
-/**
- * return true if the time_str's minute is between 0 and 59, else return false
- * @param {String} time_str time
- */
-export const isMinuteValid = (time_str: string) => isTimeValid(time_str) && /^[0-5][0-9]$/.test(time_str.split(':')[1]);
-
-/**
- * return true if the date is typeof string and a valid moment date, else return false
- * @param {String|moment} date date
- */
-export const isDateValid = (date: moment.MomentInput) => moment(date, 'DD MMM YYYY').isValid();
-
-/**
- * add the specified number of days to the given date
- * @param {String} date        date
- * @param {Number} num_of_days number of days to add
- */
-export const addDays = (date: string | moment.Moment, num_of_days: number) =>
-    toMoment(date).clone().add(num_of_days, 'day');
-
-/**
- * add the specified number of weeks to the given date
- * @param {String} date        date
- * @param {Number} num_of_weeks number of days to add
- */
-export const addWeeks = (date: string, num_of_weeks: number) => toMoment(date).clone().add(num_of_weeks, 'week');
-
-/**
- * add the specified number of months to the given date
- * @param {String} date        date
- * @param {Number} num_of_months number of months to add
- */
-export const addMonths = (date: moment.MomentInput, num_of_months: number) =>
-    toMoment(date).clone().add(num_of_months, 'month');
-
-/**
- * add the specified number of years to the given date
- * @param {String} date        date
- * @param {Number} num_of_years number of years to add
- */
-export const addYears = (date: moment.MomentInput, num_of_years: number) =>
-    toMoment(date).clone().add(num_of_years, 'year');
-
-/**
- * subtract the specified number of days from the given date
- * @param {String} date        date
- * @param {Number} num_of_days number of days to subtract
- */
-export const subDays = (date: moment.MomentInput, num_of_days: number) =>
-    toMoment(date).clone().subtract(num_of_days, 'day');
-
-/**
- * subtract the specified number of months from the given date
- * @param {String} date        date
- * @param {Number} num_of_months number of months to subtract
- */
-export const subMonths = (date: moment.MomentInput, num_of_months: number) =>
-    toMoment(date).clone().subtract(num_of_months, 'month');
-
-/**
- * subtract the specified number of years from the given date
- * @param {String} date        date
- * @param {Number} num_of_years number of years to subtract
- */
-export const subYears = (date: moment.MomentInput, num_of_years: number) =>
-    toMoment(date).clone().subtract(num_of_years, 'year');
-
-/**
- * returns the minimum moment between the two passing parameters
- * @param {moment|string|epoch} first datetime parameter
- * @param {moment|string|epoch} second datetime parameter
- */
-export const minDate = (date_1: moment.MomentInput, date_2: moment.MomentInput) =>
-    moment.min(toMoment(date_1), toMoment(date_2));
-
-/**
- * returns a new date
- * @param {moment|string|epoch} date date
- */
-export const getStartOfMonth = (date: moment.MomentInput) =>
-    toMoment(date).clone().startOf('month').format('YYYY-MM-DD');
-
-/**
- * returns miliseconds into UTC formatted string
- * @param {Number} miliseconds miliseconds
- * @param {String} str_format formatting using moment e.g - YYYY-MM-DD HH:mm
- */
-export const formatMilliseconds = (miliseconds: moment.MomentInput, str_format: string, is_local_time = false) => {
-    if (is_local_time) {
-        return moment(miliseconds).format(str_format);
-    }
-    return moment.utc(miliseconds).format(str_format);
-};
-
-/**
- * returns a new date string
- * @param {moment|string|epoch} date parameter
- * @param {String} from_date_format initial date format
- * @param {String} to_date_format to date format
- */
-export const convertDateFormat = (date: moment.MomentInput, from_date_format: string, to_date_format: string) =>
-    moment(date, from_date_format).format(to_date_format);
-
-/**
- *  Convert 24 hours format time to 12 hours formatted time.
- * @param  {String} time 24 hours format, may or may not include seconds
- * @return {String} equivalent 12-hour time
- */
-export const convertTimeFormat = (time: string) => {
-    const time_moment_obj = moment(time, 'HH:mm');
-    const time_hour = time_moment_obj.format('HH');
-    const time_min = time_moment_obj.format('mm');
-    const formatted_time = `${Number(time_hour) % 12 || 12}:${time_min}`;
-    const time_suffix = `${Number(time_hour) >= 12 ? 'pm' : 'am'}`;
-    return `${formatted_time} ${time_suffix}`;
-};
-
-/**
- *  Get a formatted time since a timestamp.
- * @param  {Number} timestamp in ms
- * @return {String} '10s ago', or '1m ago', or '1h ago', or '1d ago'
- */
-export const getTimeSince = (timestamp: number) => {
-    if (!timestamp) return '';
-    const seconds_passed = Math.floor((Date.now() - timestamp) / 1000);
-
-    if (seconds_passed < 60) {
-        return localize('{{seconds_passed}}s ago', { seconds_passed });
-    }
-    if (seconds_passed < 3600) {
-        return localize('{{minutes_passed}}m ago', { minutes_passed: Math.floor(seconds_passed / 60) });
-    }
-    if (seconds_passed < 86400) {
-        return localize('{{hours_passed}}h ago', { hours_passed: Math.floor(seconds_passed / 3600) });
-    }
-    return localize('{{days_passed}}d ago', { days_passed: Math.floor(seconds_passed / (3600 * 24)) });
-};
diff --git a/vite.config.ts b/vite.config.ts
index 4ff12f0e..45931c2e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -38,6 +38,9 @@ export default defineConfig({
                 @import "src/components/shared/styles/devices.scss";
                 @import "src/components/shared/styles/fonts.scss";
                 @import "src/components/shared/styles/mixins.scss";
+                @import "src/components/shared/styles/reset.scss";
+                @import "src/components/shared/styles/inline-icons.scss";
+                @import "src/components/shared/styles/google-fonts.scss";
                 @import "src/styles/mixins.scss";
             `,
             },