fix: resolve comments and remove the rest of the unused files

src/javascript/_common/__tests__/tests_common.js

@@ -18,4 +18,4 @@ module.exports = {
     setURL,
     getApiToken: () => 'hhh9bfrbq0G3dRf',
     api        : new LiveApi({ websocket, appId: 1 }),
-}; 
+};

src/javascript/app/common/content_visibility.js

@@ -52,24 +52,6 @@ const ContentVisibility = (() => {
     const init = () =>
         new Promise(resolve => {
             BinarySocket.wait('authorize', 'landing_company', 'website_status').then(() => {
-                // const current_landing_company_shortcode = State.getResponse('authorize.landing_company_name') || 'default';
-                // const mt_financial_company = State.getResponse('landing_company.mt_financial_company');
-                // const mt_gaming_company    = State.getResponse('landing_company.mt_gaming_company');
-
-                // Check if mt_financial_company is offered, if not found, switch to mt_gaming_company
-                // const mt_landing_company = mt_financial_company || mt_gaming_company;
-
-                // Check mt_financial_company by account type, since we are offering different landing companies for financial and financial_stp
-                // arr_mt5fin_shortcodes = mt_landing_company ? Object.keys(mt_landing_company)
-                //     .map((key) => mt_landing_company[key].shortcode) : [];
-
-                // controlVisibility(
-                //     current_landing_company_shortcode,
-                //     MetaTrader.isEligible(),
-                //     // We then pass the list of found mt5fin company shortcodes as an array
-                //     arr_mt5fin_shortcodes
-                // );
-
                 resolve();
             });
         })

src/javascript/app/pages/user/reality_check/reality_check.ui.js

@@ -101,8 +101,6 @@ const RealityCheckUI = (() => {
     const closePopUp = () => {
         $('#reality_check').remove();
         startSummaryTimer();
-        // TODO: uncomment below to enable interview popup dialog
-        // InterviewPopup.onLoad();
     };
 
     const startSummaryTimer = () => {

src/sass/_common/common.scss

@@ -1082,144 +1082,6 @@ label + input {
     }
 }
 
-/* TODO: remove when UX research is finished */
-#interview_popup_container {
-    height: 100vh;
-    width: 100vw;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 99999;
-    background: rgba(0, 0, 0, 0.5);
-
-    .popup {
-        width: calc(100vw - 20px);
-        max-width: 495px;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        background: $COLOR_WHITE;
-        box-shadow: 0 2px 31px 0 rgba(0, 0, 0, 0.82);
-        overflow: hidden;
-
-        &__head {
-            box-sizing: border-box;
-            padding: 57px 115px;
-            background-image: url('../images/interview_popup/bg-shape.svg');
-            background-size: 100%;
-            background-position: bottom;
-            background-repeat: no-repeat;
-
-            .header-1 {
-                color: $COLOR_WHITE;
-                margin: 0;
-            }
-        }
-        &__present_img {
-            margin: 0 auto 20px;
-            height: 130px;
-            display: block;
-            transform: translateX(-10px);
-        }
-        &__body {
-            padding: 27px 35px 30px;
-
-            p {
-                text-align: justify;
-                padding: 0 10px;
-                margin-top: 13px;
-                margin-bottom: 5px;
-            }
-        }
-        &__options {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            justify-content: space-between;
-            padding: 10px;
-
-            * {
-                margin: 0;
-            }
-            #interview_no_thanks {
-                color: $COLOR_NAV;
-                cursor: pointer;
-            }
-            #interview_ask_later {
-                cursor: pointer;
-            }
-        }
-        &__secondary_options {
-            display: flex;
-            flex-direction: row;
-            line-height: 20px;
-        }
-        &__separator {
-            display: inline-block;
-            vertical-align: text-bottom;
-            width: 2px;
-            height: 20px;
-            margin: 0 15px;
-            background: $COLOR_NAV;
-        }
-    }
-    .header-1 {
-        font-size: 36px;
-        font-weight: 300;
-    }
-    .header-2 {
-        color: $COLOR_ORANGE;
-        font-size: 28px;
-        font-weight: 300;
-    }
-    .header-1, .header-2 {
-        text-align: center;
-        line-height: 1.15;
-        font-weight: normal;
-    }
-    @media screen and (max-width: 768px) {
-        .header-1 {
-            font-size: 24px;
-        }
-        .header-2 {
-            font-size: 18px;
-        }
-        .popup {
-            max-width: 340px;
-
-            &__present_img {
-                height: 100px;
-            }
-            &__head {
-                padding: 30px 80px;
-            }
-            &__body {
-                padding: 20px 15px 7px;
-            }
-            &__options {
-                flex-direction: column-reverse;
-                font-size: 16px;
-            }
-            &__secondary_options {
-                font-size: 12px;
-            }
-            #interview_interested {
-                font-size: 14px;
-                margin: 5px 0 30px;
-            }
-        }
-        p {
-            font-size: 14px;
-        }
-    }
-    @media screen and (max-width: 360px) {
-        .popup__head {
-            background-size: 120%;
-        }
-    }
-}
-
 .font-style-normal {
     font-style: normal;
 }

src/templates/_common/_layout/layout.jsx

@@ -2,7 +2,6 @@ import React from 'react';
 import Head from './head.jsx';
 import Header from './header.jsx';
 // import MobileMenu from './mobile_menu.jsx';
-import InterviewPopup from '../components/interview_popup.jsx';
 import DerivIFrame from '../includes/deriv-iframe.jsx';
 // import Elevio from '../includes/elevio.jsx';
 import Gtm from '../includes/gtm.jsx';
@@ -76,7 +75,6 @@ const Layout = () => {
                     </div>
                     <Topbar />
                 </div>
-                <InterviewPopup /> {/* TODO: remove when UX research is finished */}
                 <DerivIFrame />
                 {/* <Elevio /> */}
                 <LanguageMenuModal />