smartxtrader 3.8.1-xm.0

package/src/javascript/app/pages/user/view_popup/view_popup.ui.js

@@ -0,0 +1,194 @@
+const setExternalTimer  = require('../../../base/clock').setExternalTimer;
+const BinarySocket      = require('../../../base/socket');
+const getHighestZIndex  = require('../../../../_common/utility').getHighestZIndex;
+const removeDigitTicker = require('../../trade/digit_ticker').remove;
+
+const ViewPopupUI = (() => {
+    let $container,
+        stream_ids,
+        chart_stream_ids,
+        triggerOnClose,
+        triggerOnDestroy;
+
+    const init = () => {
+        $container = null;
+    };
+
+    const container = (refresh) => {
+        if (refresh) {
+            if ($container) {
+                $container.remove();
+            }
+            $container = null;
+        }
+        if (!$container) {
+            const $con = $('<div class="inpage_popup_container" id="sell_popup_container"><a class="close close--light-bg"></a><div class="inpage_popup_content"></div></div>');
+            $con.hide();
+            const onClose = () => {
+                cleanup(true);
+                $(document).off('keydown');
+                $(window).off('popstate', onClose);
+                removeDigitTicker();
+
+                if (typeof triggerOnDestroy === 'function') {
+                    triggerOnDestroy();
+                }
+            };
+            $con.find('a.close').on('click', onClose);
+            $(document).on('keydown', (e) => {
+                if (e.which === 27) onClose();
+            });
+            $(window).on('popstate', onClose);
+            $container = $con;
+        }
+        return $container;
+    };
+
+    const cleanup = (is_close) => {
+        forgetStreams();
+        forgetChartStreams();
+        setExternalTimer(null);
+        closeContainer();
+        init();
+        if (typeof triggerOnClose === 'function') {
+            triggerOnClose();
+            if (is_close) {
+                triggerOnClose = '';
+            }
+        }
+        $(window).off('resize', () => { repositionConfirmation(); });
+    };
+
+    const forgetStreams = () => {
+        while (stream_ids && stream_ids.length > 0) {
+            const id = stream_ids.pop();
+            if (id && id.length > 0) {
+                BinarySocket.send({ forget: id });
+            }
+        }
+    };
+
+    const forgetChartStreams = () => {
+        while (chart_stream_ids && chart_stream_ids.length > 0) {
+            const id = chart_stream_ids.pop();
+            if (id && id.length > 0) {
+                BinarySocket.send({ forget: id });
+            }
+        }
+    };
+
+    const closeContainer = () => {
+        if ($container) {
+            $container.hide().remove();
+            $('.popup_page_overlay').hide().remove();
+            $container = null;
+        }
+        $('html').removeClass('no-scroll');
+    };
+
+    const disableButton = (button) => {
+        $('.open_contract_details[disabled]').each(function () {
+            enableButton($(this));
+        });
+        button.attr('disabled', 'disabled');
+        button.fadeTo(0, 0.5);
+    };
+
+    const enableButton = (button) => {
+        button.removeAttr('disabled');
+        button.fadeTo(0, 1);
+    };
+
+    const showInpagePopup = (data, containerClass, dragHandle) => {
+        const con = container(true);
+        if (containerClass) {
+            con.addClass(containerClass);
+        }
+        if (data) {
+            $('.inpage_popup_content', con).html(data);
+        }
+        const body = $(document.body);
+        con.css('position', 'fixed').css('z-index', getHighestZIndex() + 100);
+        body.append(con);
+        con.show();
+        // $('html').addClass('no-scroll');
+        $(document.body).append($('<div/>', { class: 'popup_page_overlay' }));
+        $('.popup_page_overlay').click(() => { container().find('a.close').click(); });
+        con.draggable({
+            stop  : () => { repositionConfirmationOnDrag(); },
+            handle: dragHandle,
+            scroll: false,
+        });
+        repositionConfirmation();
+        $(window).resize(() => { repositionConfirmation(); });
+        return con;
+    };
+
+    const repositionConfirmationOnDrag = () => {
+        const con     = container();
+        const offset  = con.offset();
+        const $window = $(window);
+        // top
+        if (offset.top < $window.scrollTop()) { con.offset({ top: $window.scrollTop() }); }
+        // left
+        if (offset.left < 0) { con.offset({ left: 0 }); }
+        // right
+        if (offset.left > $window.width() - con.width()) { con.offset({ left: $window.width() - con.width() }); }
+    };
+
+    const repositionConfirmation = (x, y) => {
+        const con     = container();
+        const $window = $(window);
+        let x_min     = 0;
+        let y_min     = 500;
+        if ($window.width() < 767) { // To be responsive, on mobiles and phablets we show popup as full screen.
+            x_min = 0;
+            y_min = 0;
+        }
+        let new_x,
+            new_y;
+        if (x === undefined) {
+            new_x = Math
+                .max(Math.floor(($window.width() - $window.scrollLeft() - con.width()) / 2), x_min)
+                + $window.scrollLeft();
+        }
+        if (y === undefined) {
+            new_y = Math.min(Math.floor(($window.height() - con.height()) / 2), y_min) + $window.scrollTop();
+            if (y < $window.scrollTop()) { new_y = $window.scrollTop(); }
+        }
+        con.offset({ left: x || new_x, top: y || new_y });
+        repositionConfirmationOnDrag();
+    };
+
+    // ===== Dispatch =====
+    const storeSubscriptionID = (id, is_chart) => {
+        if (!stream_ids && !is_chart) {
+            stream_ids = [];
+        }
+        if (!chart_stream_ids) {
+            chart_stream_ids = [];
+        }
+        if (id && id.length > 0) {
+            if (!is_chart && $.inArray(id, stream_ids) < 0) {
+                stream_ids.push(id);
+            } else if (is_chart && $.inArray(id, chart_stream_ids) < 0) {
+                chart_stream_ids.push(id);
+            }
+        }
+    };
+
+    return {
+        cleanup,
+        forgetStreams,
+        disableButton,
+        enableButton,
+        showInpagePopup,
+        repositionConfirmation,
+        storeSubscriptionID,
+
+        setOnCloseFunction  : (onCloseFnc) => { triggerOnClose = onCloseFnc; },
+        setOnDestroyFunction: (onDestroyFnc) => { triggerOnDestroy = onDestroyFnc; },
+    };
+})();
+
+module.exports = ViewPopupUI;

package/src/javascript/app/theme/palette.ts

@@ -0,0 +1,71 @@
+export type ThemeName = 'light' | 'dark' | 'neon';
+
+export const semanticColorTokens = [
+    '--color-bg',
+    '--color-bg-muted',
+    '--color-surface',
+    '--color-surface-hover',
+    '--color-primary',
+    '--color-primary-hover',
+    '--color-secondary',
+    '--color-text',
+    '--color-text-muted',
+    '--color-border',
+    '--color-accent-success',
+    '--color-accent-danger',
+    '--color-accent-warning',
+] as const;
+
+export type SemanticColorToken = (typeof semanticColorTokens)[number];
+
+export type ThemePalette = Record<SemanticColorToken, string>;
+
+export const themePalettes: Record<ThemeName, ThemePalette> = {
+    light: {
+        '--color-bg': '#f5f7fb',
+        '--color-bg-muted': '#edf1f7',
+        '--color-surface': '#ffffff',
+        '--color-surface-hover': '#e9edfb',
+        '--color-primary': '#6f7dff',
+        '--color-primary-hover': '#5f6de8',
+        '--color-secondary': '#5c667d',
+        '--color-text': '#0f172a',
+        '--color-text-muted': '#55607a',
+        '--color-border': '#d7dce8',
+        '--color-accent-success': '#22e0b8',
+        '--color-accent-danger': '#ff6f9d',
+        '--color-accent-warning': '#f4c15d',
+    },
+    dark: {
+        '--color-bg': '#050914',
+        '--color-bg-muted': '#0b1020',
+        '--color-surface': '#0f172a',
+        '--color-surface-hover': '#16223c',
+        '--color-primary': '#7d8bff',
+        '--color-primary-hover': '#9aa7ff',
+        '--color-secondary': '#5c6b86',
+        '--color-text': '#e6ecff',
+        '--color-text-muted': '#a6b1ce',
+        '--color-border': '#24314c',
+        '--color-accent-success': '#2de2b6',
+        '--color-accent-danger': '#ff7ab3',
+        '--color-accent-warning': '#f6c95f',
+    },
+    neon: {
+        '--color-bg': '#030710',
+        '--color-bg-muted': '#080f20',
+        '--color-surface': '#0b1326',
+        '--color-surface-hover': '#162640',
+        '--color-primary': '#7c5cff',
+        '--color-primary-hover': '#9a7bff',
+        '--color-secondary': '#4cb5ff',
+        '--color-text': '#e9f3ff',
+        '--color-text-muted': '#9cb5d9',
+        '--color-border': '#1e2c46',
+        '--color-accent-success': '#28ffd3',
+        '--color-accent-danger': '#ff63c3',
+        '--color-accent-warning': '#f6d26f',
+    },
+};
+
+export const getThemePalette = (theme: ThemeName): ThemePalette => themePalettes[theme];

package/src/javascript/config.js

@@ -0,0 +1,162 @@
+// const Cookies = require('js-cookie');
+
+/*
+ * Configuration values needed in js codes
+ *
+ * NOTE:
+ * Please use the following command to avoid accidentally committing personal changes
+ * git update-index --assume-unchanged src/javascript/config.js
+ *
+ */
+const domain_app_ids = {
+  // these domains also being used in '_common/url.js' as supported "production domains"
+  "binary.com": 1,
+  "smarttrader.deriv.app": 22168,
+  "smarttrader.deriv.com": 22168,
+  "smarttrader.deriv.me": 27315,
+  "smarttrader.deriv.be": 31224,
+  "staging-smarttrader.deriv.be": 31191,
+  "staging-smarttrader.deriv.com": 22169,
+  "binary.me": 15284,
+  "deriv.com": 16929,
+};
+
+const getCurrentBinaryDomain = () =>
+  Object.keys(domain_app_ids).find(
+    (domain) =>
+      domain === window.location.hostname ||
+      `www.${domain}` === window.location.hostname,
+  );
+
+const isProduction = () => {
+  const all_domains = Object.keys(domain_app_ids).map((domain) => {
+    const is_on_subdomain = domain.match(/\./g).length === 2;
+    return `${!is_on_subdomain ? "www\\." : ""}${domain.replace(/\./g, "\\.")}`;
+  });
+  return new RegExp(`^(${all_domains.join("|")})$`, "i").test(
+    window.location.hostname,
+  );
+};
+
+const binary_desktop_app_id = 105188;
+const default_telegram_bridge_url = '/api/telegram/auth';
+const default_telegram_bot_username = 'smartanalizer_bot';
+
+const getTelegramBridgeUrl = () =>
+  window.localStorage.getItem('config.telegram_bridge_url') ||
+  window.TELEGRAM_BRIDGE_URL ||
+  default_telegram_bridge_url;
+
+const getTelegramBotUsername = () =>
+  window.localStorage.getItem('config.telegram_bot_username') ||
+  window.TELEGRAM_BOT_USERNAME ||
+  default_telegram_bot_username;
+
+const getAppId = () => {
+  let app_id = null;
+  const user_app_id = "105188"; // you can insert Application ID of your registered application here
+  const config_app_id = window.localStorage.getItem("config.app_id");
+  const is_new_app = /\/app\//.test(window.location.pathname);
+  if (config_app_id) {
+    app_id = config_app_id;
+  } else if (
+    /desktop-app/i.test(window.location.href) ||
+    window.localStorage.getItem("config.is_desktop_app")
+  ) {
+    window.localStorage.removeItem("config.default_app_id");
+    window.localStorage.setItem("config.is_desktop_app", 1);
+    app_id = binary_desktop_app_id;
+  } else if (/staging\.binary\.com/i.test(window.location.hostname)) {
+    window.localStorage.removeItem("config.default_app_id");
+    app_id = is_new_app ? 16303 : 1098;
+  } else if (
+    /smarttrader-staging\.deriv\.app/i.test(window.location.hostname)
+  ) {
+    // TODO: [app-link-refactor] - Remove backwards compatibility for `deriv.app`
+    window.localStorage.removeItem("config.default_app_id");
+    app_id = 22169;
+  } else if (
+    /staging-smarttrader\.deriv\.com/i.test(window.location.hostname)
+  ) {
+    window.localStorage.removeItem("config.default_app_id");
+    app_id = 22169;
+  } else if (
+    /staging-smarttrader\.deriv\.app/i.test(window.location.hostname)
+  ) {
+    // TODO: [app-link-refactor] - Remove backwards compatibility for `deriv.app`
+    window.localStorage.removeItem("config.default_app_id");
+    app_id = 22169;
+  } else if (user_app_id.length) {
+    window.localStorage.setItem(
+      "config.default_app_id",
+      user_app_id,
+    ); // it's being used in endpoint chrome extension - please do not remove
+    app_id = user_app_id;
+  } else if (/localhost/i.test(window.location.hostname)) {
+    app_id = 23709;
+  } else {
+    window.localStorage.removeItem("config.default_app_id");
+    const current_domain = getCurrentBinaryDomain();
+    // TODO: remove is_new_app && deriv.com check when repos are split
+    app_id =
+      is_new_app && current_domain !== "deriv.com"
+        ? 22168
+        : domain_app_ids[current_domain] || 22168;
+  }
+  return app_id;
+};
+
+const isBinaryApp = () => +getAppId() === binary_desktop_app_id;
+
+const getSocketURL = () => {
+  let server_url = window.localStorage.getItem("config.server_url");
+  if (!server_url) {
+    // const to_green_percent = { real: 100, virtual: 0, logged_out: 0 }; // default percentage
+    // const category_map     = ['real', 'virtual', 'logged_out'];
+    // const percent_values   = Cookies.get('connection_setup'); // set by GTM
+    //
+    // // override defaults by cookie values
+    // if (percent_values && percent_values.indexOf(',') > 0) {
+    //     const cookie_percents = percent_values.split(',');
+    //     category_map.map((cat, idx) => {
+    //         if (cookie_percents[idx] && !isNaN(cookie_percents[idx])) {
+    //             to_green_percent[cat] = +cookie_percents[idx].trim();
+    //         }
+    //     });
+    // }
+
+    // let server = 'blue';
+    // if (/www\.binary\.com/i.test(window.location.hostname)) {
+    //     const loginid = window.localStorage.getItem('active_loginid');
+    //     let client_type = category_map[2];
+    //     if (loginid) {
+    //         client_type = /^VRT/.test(loginid) ? category_map[1] : category_map[0];
+    //     }
+    //
+    //     const random_percent = Math.random() * 100;
+    //     if (random_percent < to_green_percent[client_type]) {
+    //         server = 'green';
+    //     }
+    // }
+
+    // TODO: in order to use connection_setup config, uncomment the above section and remove next lines
+
+    const loginid = window.localStorage.getItem("active_loginid");
+    const is_real = loginid && !/^VRT/.test(loginid);
+    const real_server = is_real ? "green" : "blue";
+    const server = isProduction() ? real_server : "red";
+
+    server_url = `${server}.derivws.com`;
+  }
+  return `wss://${server_url}/websockets/v3`;
+};
+
+module.exports = {
+  getCurrentBinaryDomain,
+  isProduction,
+  getAppId,
+  isBinaryApp,
+  getSocketURL,
+  getTelegramBridgeUrl,
+  getTelegramBotUsername,
+};

package/src/javascript/index.js

@@ -0,0 +1,114 @@
+window.$ = window.jQuery = require('jquery');
+
+require('@binary-com/binary-style');
+
+const supportsAsyncAwait = () => {
+    try {
+        // eslint-disable-next-line no-new-func
+        new Function('async function test() {}')();
+        return true;
+    } catch (e) {
+        return false;
+    }
+};
+
+const ensurePolyfills = async () => {
+    const polyfills = [];
+
+    if (!window.Promise || !Array.from) {
+        polyfills.push(import(/* webpackChunkName: "polyfills-core" */ 'core-js/stable'));
+    }
+
+    if (typeof window.regeneratorRuntime === 'undefined' && !supportsAsyncAwait()) {
+        polyfills.push(import(/* webpackChunkName: "polyfills-regenerator" */ 'regenerator-runtime/runtime'));
+    }
+
+    if (typeof window.Promise === 'undefined') {
+        polyfills.push(import(/* webpackChunkName: "polyfills-promise" */ 'promise-polyfill').then(({ default: PromisePolyfill }) => {
+            if (!window.Promise) window.Promise = PromisePolyfill;
+        }));
+    }
+
+    if (typeof NodeList !== 'undefined' && !NodeList.prototype.forEach) {
+        polyfills.push(import(/* webpackChunkName: "polyfills-nodelist" */ './_common/lib/polyfills/nodelist.foreach'));
+    }
+
+    if (typeof Element !== 'undefined' && !Element.prototype.closest) {
+        polyfills.push(import(/* webpackChunkName: "polyfills-closest" */ './_common/lib/polyfills/element.closest'));
+    }
+
+    if (typeof window !== 'undefined' && typeof window.EventSource === 'undefined') {
+        polyfills.push(import(/* webpackChunkName: "polyfills-eventsource" */ 'event-source-polyfill'));
+    }
+
+    await Promise.all(polyfills);
+};
+
+const loadLegacyPlugins = () => Promise.all([
+    import(/* webpackChunkName: "legacy-sparkline" */ './_common/lib/jquery.sparkline.js'),
+    import(/* webpackChunkName: "legacy-plugins" */ './_common/lib/plugins'),
+    import(/* webpackChunkName: "legacy-scrollto" */ 'jquery.scrollto'),
+    import(/* webpackChunkName: "ui-binary-more" */ '@binary-com/binary-style/binary.more'),
+]);
+
+const needsAnimationStyles = () => document.querySelector('.aui-animated');
+
+const needsBinaryMore = () =>
+    document.body.classList.contains('load-binary-more') ||
+    document.querySelector('[data-binary-more], .binary-more, [class*="binary-more"]');
+
+const lazyLoadUiAssets = () => {
+    const assets = [];
+
+    if (needsAnimationStyles()) {
+        assets.push(import(/* webpackChunkName: "ui-animate" */ '../sass/static/animate-ui.css'));
+    }
+
+    if (needsBinaryMore()) {
+        assets.push(import(/* webpackChunkName: "ui-binary-more" */ '@binary-com/binary-style/binary.more'));
+    }
+
+    return Promise.all(assets);
+};
+
+const registerChunkLoadErrorHandler = () => {
+    const reloadOnChunkError = (error) => {
+        if (error?.message?.includes('ChunkLoadError') || error?.name === 'ChunkLoadError') {
+            window.location.reload();
+        }
+    };
+
+    window.addEventListener('error', (event) => reloadOnChunkError(event?.error || event));
+    window.addEventListener('unhandledrejection', event => reloadOnChunkError(event?.reason));
+};
+
+const registerReleaseChecker = () => {
+    import(/* webpackChunkName: "check-new-release" */ './_common/check_new_release').then(({ checkNewRelease }) => {
+        window.check_new_release = checkNewRelease;
+    });
+};
+
+const onDocumentReady = (callback) => {
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', callback, { once: true });
+    } else {
+        callback();
+    }
+};
+
+const bootstrap = async () => {
+    registerChunkLoadErrorHandler();
+    await ensurePolyfills();
+    await loadLegacyPlugins();
+
+    const BinaryLoaderModule = await import(/* webpackChunkName: "binary-loader" */ './app/base/binary_loader');
+    const BinaryLoader = BinaryLoaderModule.default || BinaryLoaderModule;
+
+    onDocumentReady(() => {
+        BinaryLoader.init();
+        lazyLoadUiAssets();
+    });
+};
+
+registerReleaseChecker();
+bootstrap();

package/src/javascript/landing_pages/.eslintrc.js

@@ -0,0 +1,11 @@
+module.exports = {
+    globals: {
+        checkWidth      : false,
+        collapseMenu    : false,
+        commonOnload    : false,
+        getParamValue   : false,
+        toggleMobileMenu: false,
+        wsConnect       : false,
+        wsSend          : false,
+    },
+};