smartxtrader 3.8.1-xm.0

package/src/javascript/_common/base/currency_base.js

@@ -0,0 +1,182 @@
+const getLanguage      = require('../language').get;
+const localize         = require('../localize').localize;
+const getPropertyValue = require('../utility').getPropertyValue;
+
+let currencies_config = {};
+
+const displayed_currencies = {
+    USD  : localize('US Dollar'),
+    EUR  : localize('Euro'),
+    GBP  : localize('Pound Sterling'),
+    AUD  : localize('Australian Dollar'),
+    BTC  : localize('Bitcoin'),
+    ETH  : localize('Ethereum'),
+    USDT : localize('Tether Omni'),
+    eUSDT: localize('Tether ERC20'),
+    tUSDT: localize('Tether TRC20'),
+    USDC : localize('USD Coin'),
+    LTC  : localize('Litecoin'),
+};
+
+const mapCurrencyName = currency => displayed_currencies[currency];
+
+const getTextFormat = (number, currency) => `${addComma(number, getDecimalPlaces(currency), isCryptocurrency(currency))} ${getCurrencyDisplayCode(currency)}`;
+
+const getNumberFormat = (number, currency) => addComma(number, getDecimalPlaces(currency), isCryptocurrency(currency));
+
+const formatMoney = (currency_value, amount, exclude_currency, decimals = 0, minimumFractionDigits = 0) => {
+    let money = 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,
+        };
+        money = new Intl.NumberFormat(getLanguage().toLowerCase().replace('_', '-'), options).format(money);
+    } else {
+        money = addComma(money, decimal_places);
+    }
+
+    return sign + (exclude_currency ? money : money + formatCurrency(currency_value));
+};
+
+const formatCurrency = currency => `<span class="symbols">&nbsp;${getCurrencyDisplayCode(currency)}</span>`; // defined in binary-style
+
+const addComma = (num, decimal_points, is_crypto) => {
+    let number = String(num || 0).replace(/,/g, '');
+    if (is_crypto) {
+        number = parseFloat(+number);
+    }
+    if (typeof decimal_points !== 'undefined') {
+        number = (+number).toFixed(decimal_points);
+    }
+
+    return number.toString().replace(/(^|[^\w.])(\d{4,})/g, ($0, $1, $2) => (
+        $1 + $2.replace(/\d(?=(?:\d\d\d)+(?!\d))/g, '$&,')
+    ));
+};
+
+const calcDecimalPlaces = (currency) => isCryptocurrency(currency) ? 8 : 2;
+
+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)
+);
+
+const setCurrencies = (website_status) => {
+    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
+const isCryptocurrency = currency => /crypto/i.test(getPropertyValue(currencies_config, [currency, 'type'])) || (currency in CryptoConfig.get());
+
+const CryptoConfig = (() => {
+    let crypto_config;
+
+    const initCryptoConfig = () => ({
+        BTC  : { display_code: 'BTC',   name: localize('Bitcoin'),          min_withdrawal: 0.002, pa_max_withdrawal: 5,    pa_min_withdrawal: 0.002 },
+        ETH  : { display_code: 'ETH',   name: localize('Ethereum'),         min_withdrawal: 0.002, pa_max_withdrawal: 5,    pa_min_withdrawal: 0.002 },
+        ETC  : { display_code: 'ETC',   name: localize('Ether Classic'),    min_withdrawal: 0.002, pa_max_withdrawal: 5,    pa_min_withdrawal: 0.002 },
+        LTC  : { display_code: 'LTC',   name: localize('Litecoin'),         min_withdrawal: 0.002, pa_max_withdrawal: 5,    pa_min_withdrawal: 0.002 },
+        IDK  : { display_code: 'IDK',   name: localize('IDK'),              min_withdrawal: 0.002, pa_max_withdrawal: 5,    pa_min_withdrawal: 0.002  },
+        BUSD : { display_code: 'BUSD',  name: localize('Binance USD'),      min_withdrawal: 0.02, pa_max_withdrawal: 2000,  pa_min_withdrawal: 10 },
+        DAI  : { display_code: 'DAI',   name: localize('Multi-Collateral'), min_withdrawal: 0.002, pa_max_withdrawal: 5,    pa_min_withdrawal: 0.002  },
+        EURS : { display_code: 'EURS',  name: localize('STASIS Euro'),      min_withdrawal: 0.02, pa_max_withdrawal: 2000,  pa_min_withdrawal: 10 },
+        PAX  : { display_code: 'PAX',   name: localize('Paxos Standard'),   min_withdrawal: 0.02, pa_max_withdrawal: 2000,  pa_min_withdrawal: 10 },
+        TUSD : { display_code: 'TUSD',  name: localize('True USD'),         min_withdrawal: 0.02, pa_max_withdrawal: 2000,  pa_min_withdrawal: 10 },
+        USDC : { display_code: 'USDC',  name: localize('USD Coin'),         min_withdrawal: 0.02, pa_max_withdrawal: 2000,  pa_min_withdrawal: 10 },
+        USDK : { display_code: 'USDK',  name: localize('USDK'),             min_withdrawal: 0.02, pa_max_withdrawal: 2000,  pa_min_withdrawal: 10 },
+        UST  : { display_code: 'USDT',  name: localize('Tether Omni'),      min_withdrawal: 0.02,  pa_max_withdrawal: 2000, pa_min_withdrawal: 10 },
+        USDT : { display_code: 'USDT',  name: localize('Tether Omni'),      min_withdrawal: 0.02,  pa_max_withdrawal: 2000, pa_min_withdrawal: 10 },
+        eUSDT: { display_code: 'eUSDT', name: localize('Tether ERC20'),     min_withdrawal: 0.02,  pa_max_withdrawal: 2000, pa_min_withdrawal: 10 },
+        USB  : { display_code: 'USB',   name: localize('XYZSTRATEGY Coin'),      min_withdrawal: 0.02,  pa_max_withdrawal: 2000, pa_min_withdrawal: 10 },
+    });
+
+    return {
+        get: () => {
+            if (!crypto_config) {
+                crypto_config = initCryptoConfig();
+            }
+            return crypto_config;
+        },
+    };
+})();
+
+const getMinWithdrawal = currency => (isCryptocurrency(currency) ? (getPropertyValue(CryptoConfig.get(), [currency, 'min_withdrawal']) || 0.002) : 1);
+
+/**
+ * Returns the transfer limits for the account.
+ * @param currency
+ * @param {string} max|undefined
+ * @returns numeric|undefined
+ */
+const getTransferLimits = (currency, which, type) => {
+    const transfer_limits = getPropertyValue(currencies_config, [currency, 'transfer_between_accounts', type === 'mt5' ? 'limits_mt5' : 'limits']) || getMinWithdrawal(currency);
+    const decimals        = getDecimalPlaces(currency);
+    if (which === 'max') {
+        return transfer_limits.max ? (+transfer_limits.max).toFixed(decimals) : undefined;
+    }
+
+    return transfer_limits.min ? (+transfer_limits.min).toFixed(decimals) : undefined;
+};
+
+const getTransferFee = (currency_from, currency_to) => {
+    const transfer_fee = getPropertyValue(currencies_config, [currency_from, 'transfer_between_accounts', 'fees', currency_to]);
+    return `${typeof transfer_fee === 'undefined' ? '1' : transfer_fee}%`;
+};
+
+// returns in a string format, e.g. '0.00000001'
+const getMinimumTransferFee = (currency) => {
+    const decimals = getDecimalPlaces(currency);
+    return `${(1 / Math.pow(10, decimals)).toFixed(decimals)} ${getCurrencyDisplayCode(currency)}`; // we need toFixed() so that it doesn't display in scientific notation, e.g. 1e-8 for currencies with 8 decimal places
+};
+
+// @param {String} limit = max|min
+const getPaWithdrawalLimit = (currency, limit) => {
+    if (isCryptocurrency(currency)) {
+        return getPropertyValue(CryptoConfig.get(), [currency, `pa_${limit}_withdrawal`]); // pa_min_withdrawal and pa_max_withdrawal used here
+    }
+    return limit === 'max' ? 2000 : 10; // limits for fiat currency
+};
+
+const unifyUST = currency => /UST/.test(currency) ? 'USDT' : currency; // TODO Remove once API sends a unique currency
+
+const getCurrencyDisplayCode = currency => unifyUST(getPropertyValue(CryptoConfig.get(), [currency, 'display_code']) || currency);
+
+const getCurrencyName = currency => getPropertyValue(currencies_config, [currency, 'name']) || getPropertyValue(CryptoConfig.get(), [currency, 'name']) || '';
+
+const getMinPayout = (currency) => {
+    const stake_default = getPropertyValue(currencies_config, [currency, 'stake_default']);
+    // Some deployments may provide an excessively large stake_default for USD
+    // which locks the amount input to that value. Fallback to the expected
+    // minimum of 0.35 USD if the configured value is missing or unrealistic.
+    if (currency === 'USD' && (!stake_default || stake_default > 1)) {
+        return 0.35;
+    }
+    return stake_default;
+};
+
+module.exports = {
+    mapCurrencyName,
+    formatMoney,
+    formatCurrency,
+    addComma,
+    getDecimalPlaces,
+    setCurrencies,
+    isCryptocurrency,
+    getCurrencyDisplayCode,
+    getCurrencyName,
+    getMinWithdrawal,
+    getNumberFormat,
+    getTransferLimits,
+    getTransferFee,
+    getMinimumTransferFee,
+    getTextFormat,
+    getMinPayout,
+    getPaWithdrawalLimit,
+    getCurrencies: () => currencies_config,
+};

package/src/javascript/_common/base/elevio.js

@@ -0,0 +1,148 @@
+const ClientBase    = require('./client_base');
+const GTM           = require('./gtm');
+// const { livechatFallback } = require('./livechat');
+const BinarySocket  = require('./socket_base');
+const getLanguage   = require('../language').get;
+const localize      = require('../localize').localize;
+const createElement = require('../utility').createElement;
+// const isLoginPages  = require('../utility').isLoginPages;
+
+const Elevio = (() => {
+    // const el_shell_id = 'elevio-shell';
+    let el_shell;
+    const account_id = '5bbc2de0b7365';
+    const elevio_script = `https://cdn.elev.io/sdk/bootloader/v4/elevio-bootloader.js?cid=${account_id}`;
+
+    // const checkElevioAvailability = () => {
+    //     const httpGet = (theUrl) => {
+    //         const xmlHttp = new XMLHttpRequest();
+    //         xmlHttp.open('GET', theUrl, false);
+    //         xmlHttp.send(null);
+    //         return xmlHttp.status;
+    //     };
+
+    //     const httpresponse = httpGet(elevio_script);
+    //     if (httpresponse !== 200) {
+
+    //         // fallback to livechat when elevio is not available
+    //         el_shell = document.getElementById(el_shell_id).remove();
+    //         livechatFallback();
+    //     }
+    // };
+
+    const init = () => {
+        // if (isLoginPages()) return;
+
+        // el_shell = document.getElementById(el_shell_id);
+
+        // el_shell.addEventListener('click', () => injectElevio(true));
+
+        // checkElevioAvailability(elevio_script);
+    };
+
+    const injectElevio = (is_open = false) => {
+        
+        window._elev = {}; // eslint-disable-line no-underscore-dangle
+        window._elev.account_id = account_id; // eslint-disable-line no-underscore-dangle
+
+        const script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.async = 1;
+        script.src = elevio_script;
+        script.id = 'loaded-elevio-script';
+        document.body.appendChild(script);
+
+        window._elev.q = []; // eslint-disable-line no-underscore-dangle
+        window._elev.on = function(z, y) { // eslint-disable-line no-underscore-dangle
+            window._elev.q.push([z, y]); // eslint-disable-line no-underscore-dangle
+        };
+
+        script.onload = () => loadElevio(is_open);
+    };
+
+    const loadElevio = (is_open = false) => {
+        if (!window._elev) return; // eslint-disable-line no-underscore-dangle
+
+        window._elev.on('load', (elev) => { // eslint-disable-line no-underscore-dangle
+            GTM.pushDataLayer({ event: 'elevio_widget_load' });
+            if (el_shell) {
+                el_shell.parentNode.removeChild(el_shell);
+                el_shell = undefined;
+            }
+
+            const available_elev_languages = ['es', 'id', 'pt', 'ru'];
+            const current_language         = getLanguage().toLowerCase();
+            if (available_elev_languages.indexOf(current_language) !== -1) {
+                elev.setLanguage(current_language);
+            } else {
+                elev.setLanguage('en');
+            }
+            setUserInfo(elev);
+            setTranslations(elev);
+            addEventListenerGTM();
+            makeLauncherVisible();
+
+            // disable tracking page views every route change
+            elev.setSettings({
+                disablePushState: true,
+            });
+
+            if (is_open) {
+                elev.open();
+            }
+        });
+    };
+
+    const addEventListenerGTM = () => {
+        window._elev.on('widget:opened', () => { // eslint-disable-line no-underscore-dangle
+            GTM.pushDataLayer({ event: 'elevio_widget_opened' });
+        });
+        window._elev.on('page:view', () => { // eslint-disable-line no-underscore-dangle
+            GTM.pushDataLayer({ event: 'elevio_page_views' });
+        });
+    };
+
+    const makeLauncherVisible = () => {
+        // we have to add the style since the launcher element gets updates even after elevio's 'ready' event fired
+        const el_launcher_style = createElement('style', { html: '._elevio_launcher {display: block;}' });
+        document.head.appendChild(el_launcher_style);
+    };
+
+    const setUserInfo = (elev) => {
+        if (ClientBase.isLoggedIn()) {
+            BinarySocket.wait('get_settings').then((response) => {
+                const get_settings = response.get_settings || {};
+                const is_virtual = ClientBase.get('is_virtual');
+
+                const user_obj = {
+                    email     : ClientBase.get('email'),
+                    first_name: is_virtual ? 'Virtual'                 : get_settings.first_name,
+                    last_name : is_virtual ? ClientBase.get('loginid') : get_settings.last_name,
+                    user_hash : get_settings.user_hash,
+                };
+
+                elev.setUser(user_obj);
+            });
+        }
+    };
+
+    const setTranslations = (elev) => {
+        elev.setTranslations({
+            modules: {
+                support: {
+                    thankyou: localize('Thank you, we\'ll get back to you within 24 hours'),
+                },
+            },
+        });
+    };
+
+    const createComponent = (type) => window._elev.component({ type }); // eslint-disable-line no-underscore-dangle
+
+    return {
+        init,
+        injectElevio,
+        createComponent,
+    };
+})();
+
+module.exports = Elevio;

package/src/javascript/_common/base/gtm.js

@@ -0,0 +1,13 @@
+const noop = () => undefined;
+
+const GTM = (() => ({
+    eventHandler      : noop,
+    mt5NewAccount     : noop,
+    pageTitle         : () => (typeof document !== 'undefined' && document.title) ? document.title : '',
+    pushDataLayer     : noop,
+    pushPurchaseData  : noop,
+    pushTransactionData: noop,
+    setLoginFlag      : noop,
+}))();
+
+module.exports = GTM;

package/src/javascript/_common/base/livechat.js

@@ -0,0 +1,136 @@
+const BinarySocket  = require('./socket_base');
+const ClientBase    = require('./client_base');
+const TrafficSource = require('../../app/common/traffic_source');
+const getCurrentBinaryDomain = require('../../config').getCurrentBinaryDomain;
+const licenseID     = require('../utility').lc_licenseID;
+
+const LiveChat = (() => {
+
+    let client_email, first_name, last_name;
+    let settings_promise;
+
+    const primeCustomerSettings = () => {
+        if (!ClientBase.isLoggedIn()) return Promise.resolve();
+
+        if (!settings_promise) {
+            settings_promise = BinarySocket.wait('get_settings').then((response) => {
+                const get_settings = response.get_settings || {};
+                first_name = get_settings.first_name;
+                last_name = get_settings.last_name;
+                client_email = ClientBase.get('email');
+
+                setSessionVariables();
+                setNameEmail();
+                if (window.LC_API) {
+                    window.LC_API.on_chat_ended = () => {
+                        setNameEmail();
+                    };
+                }
+            }).catch(() => null);
+        }
+        return settings_promise;
+    };
+
+    const setSessionVariables = () => {
+        const utm_data = TrafficSource.getData();
+        const utm_source = TrafficSource.getSource(utm_data);
+        const utm_campaign = utm_data.utm_campaign;
+        const utm_medium = utm_data.utm_medium;
+        const is_logged_in = !!ClientBase.isLoggedIn();
+        const loginid = ClientBase.get('loginid');
+        const landing_company_shortcode = ClientBase.get('landing_company_shortcode');
+        const currency = ClientBase.get('currency');
+        const residence = ClientBase.get('residence');
+        const email = ClientBase.get('email');
+
+        const session_variables = {
+            is_logged_in,
+            ...loginid && { loginid },
+            ...landing_company_shortcode && { landing_company_shortcode },
+            ...currency && { currency },
+            ...residence && { residence },
+            ...email && { email },
+            ...utm_source && { utm_source },
+            ...utm_campaign && { utm_campaign },
+            ...utm_medium && { utm_medium },
+        };
+        window.LiveChatWidget?.call('set_session_variables', session_variables);
+    };
+
+    const setNameEmail = () => {
+        if (client_email) window.LiveChatWidget?.call('set_customer_email', client_email);
+        if (first_name && last_name) window.LiveChatWidget?.call('set_customer_name', `${first_name} ${last_name}`);
+    };
+
+    const initialize = () => {
+        primeCustomerSettings();
+        if (window.LiveChatWidget) {
+            window.LiveChatWidget?.on('ready', () => {
+                setSessionVariables();
+                if (!ClientBase.isLoggedIn()){
+                    window.LC_API.on_chat_ended = () => {
+                        window.LiveChatWidget?.call('set_customer_email', ' ');
+                        window.LiveChatWidget?.call('set_customer_name', ' ');
+                    };
+                } else {
+                    window.LC_API.on_chat_ended = () => {
+                        setNameEmail();
+                    };
+                }
+            });
+        }
+    };
+
+    // Delete existing LiveChat instance when there is no chat running
+    const livechatDeletion = () => new Promise ((resolve) => {
+        if (window.LiveChatWidget){
+            window.LiveChatWidget?.on('ready', () => {
+                try {
+                    if (window.LiveChatWidget?.get('customer_data').status !== 'chatting') {
+                        window.LiveChatWidget?.call('destroy');
+                        resolve();
+                    }
+                } catch (e) {
+                    resolve();
+                }
+            });
+        } else {
+            resolve();
+        }
+    });
+
+    // LiveChat initialisation code (provided by LiveChat)
+    const liveChatInitialization = () => new Promise ((resolve) => {
+        if (!getCurrentBinaryDomain()) {
+            resolve();
+            return;
+        }
+        window.__lc = window.__lc || {}; // eslint-disable-line
+        window.__lc.license = licenseID; // eslint-disable-line
+        ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice)) //eslint-disable-line
+        resolve();
+    });
+
+    // Reroute group
+    const rerouteGroup = () => {
+
+        if (!window.fcWidget) {
+            primeCustomerSettings().then(() => {
+                LiveChat.livechatDeletion().then(() => {
+                    LiveChat.liveChatInitialization().then(() => {
+                        LiveChat.initialize();
+                    });
+                });
+            });
+        }
+    };
+
+    return {
+        initialize,
+        livechatDeletion,
+        liveChatInitialization,
+        rerouteGroup,
+    };
+})();
+
+module.exports = LiveChat;

package/src/javascript/_common/base/login.js

@@ -0,0 +1,64 @@
+const Cookies             = require('js-cookie');
+const Client              = require('./client_base');
+const getLanguage         = require('../language').get;
+const isMobile            = require('../os_detect').isMobile;
+const isStorageSupported  = require('../storage').isStorageSupported;
+const LocalStore          = require('../storage').LocalStore;
+const urlForCurrentDomain = require('../url').urlForCurrentDomain;
+const isLoginPages        = require('../utility').isLoginPages;
+const getTopLevelDomain   = require('../utility').getTopLevelDomain;
+const TrafficSource       = require('../../app/common/traffic_source');
+const getAppId            = require('../../config').getAppId;
+
+const Login = (() => {
+    const redirectToLogin = () => {
+        if (!Client.isLoggedIn() && !isLoginPages() && isStorageSupported(sessionStorage)) {
+            sessionStorage.setItem('redirect_url', window.location.href);
+            window.location.href = loginUrl();
+        }
+    };
+
+    const loginUrl = () => {
+        const server_url = localStorage.getItem('config.server_url');
+        const language   = getLanguage();
+        const signup_device      = LocalStore.get('signup_device') || (isMobile() ? 'mobile' : 'desktop');
+        const date_first_contact = LocalStore.get('date_first_contact');
+        const marketing_queries  = `&signup_device=${signup_device}${date_first_contact ? `&date_first_contact=${date_first_contact}` : ''}`;
+
+        return ((server_url && /qa/.test(server_url)) ?
+            `https://${server_url}/oauth2/authorize?app_id=${getAppId()}&l=${language}${marketing_queries}` :
+            urlForCurrentDomain(`https://oauth.deriv.${getTopLevelDomain()}/oauth2/authorize?app_id=${getAppId()}&l=${language}${marketing_queries}`)
+        );
+    };
+
+    const socialLoginUrl = (brand, affiliate_token, utm_source, utm_medium, utm_campaign) => (
+        `${loginUrl()}&social_signup=${brand}${affiliate_token}${utm_source}${utm_medium}${utm_campaign}`
+    );
+
+    const initOneAll = () => {
+        ['google', 'facebook', 'apple'].forEach(provider => {
+            $(`#button_${provider}`).off('click').on('click', e => {
+                e.preventDefault();
+
+                const affiliate_tracking   = Cookies.getJSON('affiliate_tracking');
+                const utm_data             = TrafficSource.getData();
+                const utm_source           = TrafficSource.getSource(utm_data);
+                const utm_source_link      = utm_source ? `&utm_source=${utm_source}` : '';
+                const utm_medium_link      = utm_data.utm_medium ? `&utm_medium=${utm_data.utm_medium}` : '';
+                const utm_campaign_link    = utm_data.utm_campaign ? `&utm_campaign=${utm_data.utm_campaign}` : '';
+                const affiliate_token_link = affiliate_tracking ? `&affiliate_token=${affiliate_tracking.t}` : '';
+                const social_login_url
+                  = socialLoginUrl(provider, affiliate_token_link, utm_source_link, utm_medium_link, utm_campaign_link);
+
+                window.location.href = social_login_url;
+            });
+        });
+    };
+
+    return {
+        redirectToLogin,
+        initOneAll,
+    };
+})();
+
+module.exports = Login;