chore: popup load

package.json

@@ -106,7 +106,7 @@
     "@binary-com/binary-document-uploader": "^2.4.4",
     "@binary-com/binary-style": "^0.2.26",
     "@binary-com/webtrader-charts": "^0.6.1",
-    "@deriv-com/quill-ui": "^1.13.12",
+    "@deriv-com/quill-ui": "^1.13.15",
     "@deriv/quill-icons": "^1.23.1",
     "@livechat/customer-sdk": "4.0.2",
     "canvas-toBlob": "1.0.0",

src/javascript/app/base/clock.js

@@ -35,9 +35,17 @@ const Clock = (() => {
         });
     };
 
+    const getLocalTime = (time) => {
+        const gmt_time_str = time.replace('\n', ' ');
+        const local_time   = moment.utc(gmt_time_str, 'YYYY-MM-DD HH:mm:ss').local();
+
+        return local_time.format('YYYY-MM-DD HH:mm:ss Z');
+    };
+
     return {
         startClock,
         showLocalTimeOnHover,
+        getLocalTime,
         setExternalTimer: (func) => { fncExternalTimer = func; },
     };
 })();

src/javascript/app/common/guide.js

@@ -120,7 +120,7 @@ const Guide = (() => {
                 nextButton : btn_next,
             },
             {
-                selector   : '#contract_prices_container',
+                selector   : '.quill-purchase-section',
                 description: `<h1>${localize('Step')} 4</h1>${localize('Predict the direction<br />and purchase')}`,
                 event_type : 'next',
                 nextButton : btn_finish,

src/javascript/app/pages/trade/portal.jsx

@@ -0,0 +1,21 @@
+import { useEffect, useRef } from 'react';
+import ReactDOM from 'react-dom';
+
+const Portal = ({ children }) => {
+    const elRef = useRef(document.createElement('div'));
+
+    useEffect(() => {
+        const el = elRef.current;
+        document.body.appendChild(el);
+        return () => {
+            document.body.removeChild(el);
+        };
+    }, []);
+
+    return ReactDOM.createPortal(
+        children,
+        elRef.current
+    );
+};
+
+export default Portal;