Mohsen / fixed duplicate idv notification error (#7154)

* fix: fixed duplicate idv notification error

co-authored : <mitra@deriv.com>

* fix: applied the suggested changes and used jsx templates

* fix: fixed eslint issue

* chore: updated node versions

- updated node versions in package.json, circlci config and crowdin
github action

* chore: update node version in package.json

* chore: revert unrelated codes

Co-authored-by: Habib Deriv <88178645+habib-deriv@users.noreply.github.com>

Author: mohsen-deriv

src/javascript/app/pages/user/account/authenticate.js

@@ -1231,6 +1231,10 @@ const Authenticate = (() => {
                 await BinarySocket.send(submit_data).then(response => {
                     if (response.error) {
                         // Show some error message to user
+                        $('#duplicate_idv_button').on('click', () => {window.location.reload(); }).css({ 'margin': '0 auto' ,'display': 'block' });
+                        $('#idv_document_submit').toggleClass('invisible');
+                        $('#duplicate_idv_container').toggleClass('invisible');
+                        $('#duplicate_idv_text').text(response.error.message);
                     } else {
                         // Success - Update authentication object with new status
                         BinarySocket.send({ get_account_status: 1 }, { forced: true }).then(res => {

src/templates/app/user/authenticate.jsx

@@ -48,6 +48,11 @@ const Authenticate = () => (
                 />
             </div>
 
+            <div id='duplicate_idv_container' className='container invisible'>
+                <p id='duplicate_idv_text' className='notice-msg center-text' />
+                <button id='duplicate_idv_button' className='button container'>{it.L('Try Again')}</button>
+            </div>
+
             <div id='idv_document_submit' className='idv-container invisible'>
                 <div className='document-submit center-text'>
                     <img className='idv-container__main-icon' src={it.url_for('images/pages/authenticate/verify_identity.svg')} />