Remove jQuery dependencies

Author: mohammad-deriv

package.json

@@ -50,6 +50,7 @@
     "eslint-config-prettier": "2.9.0",
     "eslint-plugin-import": "2.8.0",
     "eslint-plugin-react": "7.5.1",
+    "extend": "3.0.1",
     "gettext-parser": "1.3.0",
     "grunt": "1.0.1",
     "grunt-babel": "7.0.0",

src/javascript/_common/base/client_base.js

@@ -92,7 +92,7 @@ const ClientBase = (() => {
 
     const getAccountOfType = (type, only_enabled) => {
         const id = getAllLoginids().find(loginid => isAccountOfType(type, loginid, only_enabled));
-        return id ? $.extend({ loginid: id }, get(null, id)) : {};
+        return id ? Object.assign({ loginid: id }, get(null, id)) : {};
     };
 
     const hasAccountType = (type, only_enabled) => !isEmptyObject(getAccountOfType(type, only_enabled));

src/javascript/_common/base/socket_base.js

@@ -2,6 +2,7 @@ const ClientBase       = require('./client_base');
 const SocketCache      = require('../base/socket_cache');
 const getLanguage      = require('../language').get;
 const State            = require('../storage').State;
+const cloneObject      = require('../utility').cloneObject;
 const getPropertyValue = require('../utility').getPropertyValue;
 const isEmptyObject    = require('../utility').isEmptyObject;
 const getAppId         = require('../../config').getAppId;
@@ -69,7 +70,7 @@ const BinarySocketBase = (() => {
             Object.keys(waiting_list.items)
                 .some(type => (
                     type !== msg_type &&
-                    $.inArray(pr, waiting_list.items[type]) >= 0
+                    waiting_list.items[type].indexOf(pr) !== -1
                 ))
         ),
     };
@@ -132,7 +133,7 @@ const BinarySocketBase = (() => {
         if (!options.forced) {
             const response = SocketCache.get(data, msg_type);
             if (response) {
-                State.set(['response', msg_type], $.extend({}, response));
+                State.set(['response', msg_type], cloneObject(response));
                 if (isReady() && is_available) { // make the request to keep the cache updated
                     binary_socket.send(JSON.stringify(data));
                 }
@@ -181,7 +182,7 @@ const BinarySocketBase = (() => {
                 sent_requests.add(msg_type);
             }
         } else if (+data.time !== 1) { // Do not buffer all time requests
-            buffered_sends.push({ request: data, options: $.extend(options, { promise: promise_obj }) });
+            buffered_sends.push({ request: data, options: Object.assign(options, { promise: promise_obj }) });
         }
 
         return promise_obj.promise;
@@ -225,7 +226,7 @@ const BinarySocketBase = (() => {
 
                 // store in State
                 if (!getPropertyValue(response, ['echo_req', 'subscribe']) || /balance|website_status/.test(msg_type)) {
-                    State.set(['response', msg_type], $.extend({}, response));
+                    State.set(['response', msg_type], cloneObject(response));
                 }
                 // resolve the send promise
                 const this_req_id = response.req_id;

src/javascript/_common/url.js

@@ -78,7 +78,7 @@ const Url = (() => {
      */
     const updateParamsWithoutReload = (new_params, should_preserve_old) => {
         const updated_params = should_preserve_old
-            ? $.extend(paramsHash(), new_params)
+            ? Object.assign(paramsHash(), new_params)
             : new_params;
         Object.keys(new_params).forEach(key => {
             if (new_params[key] === null) {

src/javascript/_common/utility.js

@@ -1,3 +1,4 @@
+const extend = require('extend');
 require('./lib/polyfills/element.matches');
 
 /**
@@ -13,11 +14,11 @@ const showLoadingImage = (container, theme = 'dark') => {
 
 /**
  * Returns the highest z-index in the page.
- * Accepts a jquery style selector to only check those elements,
+ * Accepts a selector to only check those elements,
  * uses all container tags by default
  * If no element found, returns null.
  *
- * @param selector: a jquery style selector for target elements
+ * @param selector: a selector for target elements
  * @return int|null
  */
 const getHighestZIndex = (selector = 'div,p,area,nav,section,header,canvas,aside,span') => {
@@ -66,7 +67,7 @@ const isEmptyObject = (obj) => {
     return is_empty;
 };
 
-const cloneObject = obj => (!isEmptyObject(obj) ? $.extend(true, Array.isArray(obj) ? [] : {}, obj) : obj);
+const cloneObject = obj => (!isEmptyObject(obj) ? extend(true, Array.isArray(obj) ? [] : {}, obj) : obj);
 
 const getPropertyValue = (obj, k) => {
     let keys = k;
@@ -174,7 +175,7 @@ const findParent = (el, selector) => {
 
 let static_hash;
 const getStaticHash = () => {
-    static_hash = static_hash || ($('script[src*="binary.min.js"],script[src*="binary.js"]').attr('src') || '').split('?')[1];
+    static_hash = static_hash || (document.querySelector('script[src*="vendor.min.js"]').getAttribute('src') || '').split('?')[1];
     return static_hash;
 };
 
@@ -183,8 +184,8 @@ module.exports = {
     getHighestZIndex,
     downloadCSV,
     template,
-    cloneObject,
     isEmptyObject,
+    cloneObject,
     getPropertyValue,
     handleHash,
     clearable,