Suisin/scam message warning for brazil binary

src/javascript/app/base/client.js

@@ -120,6 +120,9 @@ const Client = (() => {
         if (response.logout !== 1) return;
         removeCookies('login', 'loginid', 'loginid_list', 'email', 'residence', 'settings'); // backward compatibility
         removeCookies('reality_check', 'affiliate_token', 'affiliate_tracking', 'onfido_token', 'hide_guide');
+        // clear local storage
+        localStorage.removeItem('read_scam_message');
+        localStorage.removeItem('new_user_account');
         // clear elev.io session storage
         sessionStorage.removeItem('_elevaddon-6app');
         sessionStorage.removeItem('_elevaddon-6create');

src/javascript/app/base/page.js

@@ -1,37 +1,38 @@
-const Cookies          = require('js-cookie');
-const moment           = require('moment');
-const Client           = require('./client');
-const Contents         = require('./contents');
-const Header           = require('./header');
-const Footer           = require('./footer');
-const Menu             = require('./menu');
-const BinarySocket     = require('./socket');
-const TrafficSource    = require('../common/traffic_source');
-const RealityCheck     = require('../pages/user/reality_check/reality_check');
-const Login            = require('../../_common/base/login');
-const ClientBase       = require('../../_common/base/client_base');
-const elementInnerHtml = require('../../_common/common_functions').elementInnerHtml;
-const getElementById   = require('../../_common/common_functions').getElementById;
-const Crowdin          = require('../../_common/crowdin');
-const GTM              = require('../../_common/gtm');
-const Language         = require('../../_common/language');
-const PushNotification = require('../../_common/lib/push_notification');
-const localize         = require('../../_common/localize').localize;
-const isMobile         = require('../../_common/os_detect').isMobile;
-const LocalStore       = require('../../_common/storage').LocalStore;
-const State            = require('../../_common/storage').State;
-const scrollToTop      = require('../../_common/scroll').scrollToTop;
-const toISOFormat      = require('../../_common/string_util').toISOFormat;
-const Url              = require('../../_common/url');
-const createElement    = require('../../_common/utility').createElement;
-const isLoginPages     = require('../../_common/utility').isLoginPages;
-const isProduction     = require('../../config').isProduction;
-const ClosePopup = require('../common/game_close_popup');
-const EuClosePopup = require('../common/eu_close_popup');
-const EuCloseBanner = require('../common/eu_close_baner');
-const CloseBanner  = require('../common/game_close_banner');
-const RedirectBanner = require('../common/redirect_banner');
-const DerivBanner = require('../common/deriv_banner');
+const Cookies                = require('js-cookie');
+const moment                 = require('moment');
+const Client                 = require('./client');
+const Contents               = require('./contents');
+const Header                 = require('./header');
+const Footer                 = require('./footer');
+const Menu                   = require('./menu');
+const BinarySocket           = require('./socket');
+const TrafficSource          = require('../common/traffic_source');
+const RealityCheck           = require('../pages/user/reality_check/reality_check');
+const Login                  = require('../../_common/base/login');
+const ClientBase             = require('../../_common/base/client_base');
+const elementInnerHtml       = require('../../_common/common_functions').elementInnerHtml;
+const getElementById         = require('../../_common/common_functions').getElementById;
+const Crowdin                = require('../../_common/crowdin');
+const GTM                    = require('../../_common/gtm');
+const Language               = require('../../_common/language');
+const PushNotification       = require('../../_common/lib/push_notification');
+const localize               = require('../../_common/localize').localize;
+const isMobile               = require('../../_common/os_detect').isMobile;
+const LocalStore             = require('../../_common/storage').LocalStore;
+const State                  = require('../../_common/storage').State;
+const scrollToTop            = require('../../_common/scroll').scrollToTop;
+const toISOFormat            = require('../../_common/string_util').toISOFormat;
+const Url                    = require('../../_common/url');
+const createElement          = require('../../_common/utility').createElement;
+const isLoginPages           = require('../../_common/utility').isLoginPages;
+const isProduction           = require('../../config').isProduction;
+const WarningScamMessage     = require('../pages/user/warning_scam_message');
+const ClosePopup             = require('../common/game_close_popup');
+const EuClosePopup           = require('../common/eu_close_popup');
+const EuCloseBanner          = require('../common/eu_close_baner');
+const CloseBanner            = require('../common/game_close_banner');
+const RedirectBanner         = require('../common/redirect_banner');
+const DerivBanner            = require('../common/deriv_banner');
 const { removeLoadingImage } = require('../../_common/utility');
 require('../../_common/lib/polyfills/array.includes');
 require('../../_common/lib/polyfills/string.includes');
@@ -128,13 +129,16 @@ const Page = (() => {
                 }, 1000);
                 RealityCheck.onLoad();
                 Menu.init();
+                const is_brazil_client = State.getResponse('website_status.clients_country') === 'br';
+                const read_scam_message = localStorage.getItem('read_scam_message') || false;
                 const is_uk_residence = (Client.get('residence') === 'gb' || State.getResponse('website_status.clients_country') === 'gb');
                 const is_iom_client = (Client.get('residence') === 'im' || State.getResponse('website_status.clients_country') === 'im');
                 const is_be_client = (Client.get('residence') === 'be' || State.getResponse('website_status.clients_country') === 'be') && Client.hasAccountType('gaming');
                 const is_at_client = (Client.get('residence') === 'at' || State.getResponse('website_status.clients_country') === 'at') && Client.hasAccountType('gaming');
                 const mlt_check = ClientBase.get('landing_company_shortcode') === 'malta';
                 const mf_check = ClientBase.get('landing_company_shortcode') === 'maltainvest';
                 const virtual_account = Client.get('landing_company_shortcode') === 'virtual';
+                if (is_brazil_client && !read_scam_message) { WarningScamMessage.has_read_warning_scam_message(); }
                 if (!is_iom_client || is_uk_residence && !Client.hasAccountType('gaming') || mf_check || mlt_check) RedirectBanner.loginOnLoad();
                 if (is_uk_residence && Client.hasAccountType('gaming')) {
                     CloseBanner.onLoad();

src/javascript/app/pages/user/warning_scam_message.js

@@ -0,0 +1,50 @@
+const getElementById       = require('../../../_common/common_functions').getElementById;
+const BinarySocket         = require('../../base/socket');
+const Client               = require('../../base/client');
+const State                = require('../../../_common/storage').State;
+
+const WarningScamMessage = (()=>{
+    const urlParams = new URLSearchParams(window.location.search);
+    const actionParams = urlParams.get('action');
+    let warning_scam_message, warning_scam_message_button, warning_scam_message_checkbox;
+
+    if (actionParams === 'signup') {
+        localStorage.setItem('new_user_account', true);
+    }
+
+    const has_read_warning_scam_message = () => {
+        BinarySocket.wait('authorize', 'website_status').then(()=> {
+            const is_logged_in = !!Client.isLoggedIn();
+            const is_brazil = State.getResponse('website_status.clients_country') === 'br';
+            const is_message_read = !!localStorage.getItem('read_scam_message');
+            const is_new_account = !!localStorage.getItem('new_user_account');
+
+            if (is_logged_in && is_brazil && !is_message_read && !is_new_account) {
+                warning_scam_message = getElementById('warning_scam_message');
+                warning_scam_message_checkbox = getElementById('warning_scam_message_checkbox');
+            }
+            warning_scam_message.setVisibility(1);
+            warning_scam_message_checkbox.addEventListener('change', acknowledgeMessage);
+        });
+    };
+
+    const acknowledgeMessage = () => {
+        warning_scam_message_button = getElementById('warning_scam_message_button');
+        if (warning_scam_message_button.classList.contains('button-disabled')) {
+            warning_scam_message_button.classList.remove('button-disabled');
+        } else {
+            warning_scam_message_button.classList.add('button-disabled');
+        }
+
+        warning_scam_message_button.addEventListener('click',closePopup);
+    };
+
+    const closePopup = () => {
+        localStorage.setItem('read_scam_message', true);
+        warning_scam_message.setVisibility(0);
+    };
+
+    return { has_read_warning_scam_message, acknowledgeMessage, closePopup };
+})();
+
+module.exports = WarningScamMessage;