Meenu/[QUILL-1777] bottom tab draft (#661)

* chore: implemented quill in bottom tabs

* chore: undo render.js changes

* chore: add event triggers

* fix: initial object data

* fix:  added localize in tabs

* fix: removed object key mapping

* fix: added parse for localized

* fix: removed invisible class for image

* fix: fixed eslint errors

* fix: added escape character for using double quotes

* fix: moved localize to data file

* chore: fix translation issues

* fix: removed backslash and added localize fot titles under explain

* fix: removed extra spaces

* fix: add eslint comment for unused var

* fix: test issues

* fix: fixed conflicts

* fix: fixed conflict

* fix: tab change reload chart

* chore: refactor handling selected contract

* fix: added selected tab in session storage and refactored code

* fix: added market change for explanation

* chore: variable improvement

---------

Co-authored-by: prince-deriv <[email protected]>

Author: meenakshi-deriv

build/cssmin.js

@@ -6,13 +6,13 @@ module.exports = {
         files: [
             {
                 src: [
-                    `${global.node_modules_paths.quill}/dist/assets/style.css`,
                     `${global.dist}/css/common.css`,
                     `${global.node_modules_paths.binary_style}/binary.css`,
                     `${global.node_modules_paths.binary_style}/binary.more.css`,
                 ],
                 dest: `${global.dist}/css/common.min.css`,
             },
+            { src: `${global.dist}/css/reset.css`,                              dest: `${global.dist}/css/reset.min.css` },
             { src: `${global.dist}/css/app.css`,                                dest: `${global.dist}/css/app.min.css` },
             { src: `${global.dist}/css/static.css`,                             dest: `${global.dist}/css/static.min.css` },
         ],

build/postcss.js

@@ -12,7 +12,7 @@ module.exports = function (grunt) {
             ],
         },
         dist: {
-            src: `${global.dist}/css/{app,common,static}.css`,
+            src: `${global.dist}/css/{app,common,static,reset}.css`,
         },
     };
 };

package-lock.json

@@ -115,6 +115,7 @@
     "davidshimjs-qrcodejs": "0.0.2",
     "event-source-polyfill": "0.0.9",
     "highstock-release": "5.0.14",
+    "html-react-parser": "^5.1.10",
     "jquery": "3.5.1",
     "jquery.scrollto": "2.1.2",
     "js-cookie": "2.2.0",

package.json

@@ -21,7 +21,7 @@ exports.sections_config = {
     '': { // '' is the default section when no 'section' specified in pages.js (to avoid adding 'app' as section for all)
         path     : '',
         js_files : ['vendor', 'binary'],
-        css_files: ['common.min', 'app.min', 'static.min'],
+        css_files: ['common.min', 'app.min', 'static.min','reset.min'],
         has_pjax : true,
     },
 };