diff --git a/src/images/common/logos/xxhdpi.png b/src/images/common/logos/xxhdpi.png
new file mode 100644
index 00000000000..3f7d1786a5d
Binary files /dev/null and b/src/images/common/logos/xxhdpi.png differ
diff --git a/src/javascript/_common/__tests__/tests_common.js b/src/javascript/_common/__tests__/tests_common.js
index cdc1aa6dc77..1688ba78f4e 100644
--- a/src/javascript/_common/__tests__/tests_common.js
+++ b/src/javascript/_common/__tests__/tests_common.js
@@ -18,4 +18,4 @@ module.exports = {
setURL,
getApiToken: () => 'hhh9bfrbq0G3dRf',
api : new LiveApi({ websocket, appId: 1 }),
-};
+};
diff --git a/src/javascript/_common/__tests__/third_party_links.js b/src/javascript/_common/__tests__/third_party_links.js
deleted file mode 100644
index 19ca544ef50..00000000000
--- a/src/javascript/_common/__tests__/third_party_links.js
+++ /dev/null
@@ -1,41 +0,0 @@
-const { expect, setURL } = require('./tests_common');
-const AccountOpening = require('../third_party_links');
-
-describe('ThirdPartyLinks', () => {
- [
- 'https://www.binary.com',
- 'https://www.binary.me',
- 'https://www.deriv.com',
- ].forEach(url => {
- describe(url, () => {
- runTests(url);
- });
- });
-});
-
-function runTests(url) {
- describe('.isThirdPartyLink()', () => {
- let domain;
- before(() => {
- setURL(url);
- domain = url.replace(/^https:\/\/www\./, '');
- });
-
- it(`works for ${domain}`, () => {
- expect(AccountOpening.isThirdPartyLink(url)).to.equal(false);
- });
- it(`works for ${domain} subdomains`, () => {
- expect(AccountOpening.isThirdPartyLink(`https://www.style.${domain}`)).to.equal(false);
- expect(AccountOpening.isThirdPartyLink(`https://login.${domain}/signup.php?lang=0`)).to.equal(false);
- });
- it('works for special values', () => {
- expect(AccountOpening.isThirdPartyLink('javascript:;')).to.equal(false);
- expect(AccountOpening.isThirdPartyLink('#')).to.equal(false);
- expect(AccountOpening.isThirdPartyLink(`mailto:affiliates@${domain}`)).to.equal(false);
- });
- it('works for third party domains', () => {
- expect(AccountOpening.isThirdPartyLink('https://www.authorisation.mga.org.mt/verification.aspx?lang=EN&company=a5fd1edc-d072-4c26-b0cd-ab3fa0f0cc40&details=1')).to.equal(true);
- expect(AccountOpening.isThirdPartyLink('https://twitter.com/Binarydotcom')).to.equal(true);
- });
- });
-}
diff --git a/src/javascript/_common/image_slider.js b/src/javascript/_common/image_slider.js
deleted file mode 100644
index b3e568fd751..00000000000
--- a/src/javascript/_common/image_slider.js
+++ /dev/null
@@ -1,64 +0,0 @@
-const getElementById = require('./common_functions').getElementById;
-const applyToAllElements = require('./utility').applyToAllElements;
-
-const ImageSlider = (() => {
- let slider,
- slider_els,
- go_back,
- go_next,
- curr_slide;
-
- const init = () => {
- slider = getElementById('image_slider');
-
- if (slider) {
- go_back = getElementById('go_back');
- go_next = getElementById('go_next');
- slider_els = document.querySelectorAll('#slider_wrapper .slider-image');
- curr_slide = 0;
-
- if (slider_els && slider_els.length) {
- slider_els[curr_slide].classList.remove('invisible');
- slider.classList.remove('invisible');
- }
-
- if (go_back && go_next) {
- go_back.addEventListener('click', goLeft);
- go_next.addEventListener('click', goRight);
- }
- }
- };
-
- const hideAll = (el) => {
- applyToAllElements(el, (element) => {
- element.classList.add('invisible');
- });
- };
-
- const goLeft = () => {
- curr_slide = curr_slide === 0 ? slider_els.length - 1 : curr_slide - 1;
- hideAll(slider_els);
- slider_els[curr_slide].classList.remove('invisible');
-
- };
-
- const goRight = () => {
- curr_slide = curr_slide === slider_els.length - 1 ? 0 : curr_slide + 1;
- hideAll(slider_els);
- slider_els[curr_slide].classList.remove('invisible');
- };
-
- const onUnMount = () => {
- if (go_back && go_next) {
- go_back.removeEventListener('click', goLeft);
- go_back.removeEventListener('click', goRight);
- }
- };
-
- return {
- init,
- onUnMount,
- };
-})();
-
-module.exports = ImageSlider;
diff --git a/src/javascript/_common/image_utility.js b/src/javascript/_common/image_utility.js
deleted file mode 100644
index a55d226d177..00000000000
--- a/src/javascript/_common/image_utility.js
+++ /dev/null
@@ -1,53 +0,0 @@
-require('canvas-toBlob');
-
-const compressImg = (image) => new Promise((resolve) => {
- const img = new Image();
- img.src = image.src;
- img.onload = () => {
- const canvas = document.createElement('canvas');
- const context = canvas.getContext('2d');
- if (img.naturalWidth > 2560) {
- const width = 2560;
- const scaleFactor = width / img.naturalWidth;
- canvas.width = width;
- canvas.height = img.naturalHeight * scaleFactor;
- } else {
- canvas.height = img.naturalHeight;
- canvas.width = img.naturalWidth;
- }
-
- context.fillStyle = 'transparent';
- context.fillRect(0, 0, canvas.width, canvas.height);
-
- context.save();
- context.drawImage(img, 0, 0, canvas.width, canvas.height);
-
- canvas.toBlob((blob) => {
- const filename = image.filename.replace(/\.[^/.]+$/, '.jpg');
- const file = new Blob([blob], {
- type: 'image/jpeg',
- });
- file.lastModifiedDate = Date.now();
- file.name = filename;
- resolve(file);
- }, 'image/jpeg', 0.9); // <----- set quality here
-
- };
-});
-
-const convertToBase64 = (file) => new Promise((resolve) => {
- const reader = new FileReader();
- reader.readAsDataURL(file);
- reader.onloadend = () => {
- const result = { src: reader.result, filename: file.name };
- resolve(result);
- };
-});
-
-const isImageType = filename => (/\.(gif|jpg|jpeg|tiff|png)$/i).test(filename);
-
-module.exports = {
- compressImg,
- convertToBase64,
- isImageType,
-};
diff --git a/src/javascript/app/common/__tests__/account_opening.js b/src/javascript/app/common/__tests__/account_opening.js
deleted file mode 100644
index cfe4cf506b7..00000000000
--- a/src/javascript/app/common/__tests__/account_opening.js
+++ /dev/null
@@ -1,23 +0,0 @@
-const AccountOpening = require('../account_opening');
-const { expect, setURL } = require('../../../_common/__tests__/tests_common');
-const State = require('../../../_common/storage').State;
-const Url = require('../../../_common/url');
-global.$ = require('jquery');
-
-
-describe('AccountOpening', () => {
- describe('.redirectAccount()', () => {
- it('will redirect client who can upgrade to maltainvest to the corresponding account opening page', () => {
- State.set(['response', 'authorize', 'authorize', 'upgradeable_landing_companies'], ['maltainvest']);
- expect(AccountOpening.redirectAccount()).to.eq(1);
- });
- it('will not redirect client who is already on maltainvest account opening page again', () => {
- setURL(`${Url.websiteUrl()}en/maltainvestws.html`);
- expect(AccountOpening.redirectAccount()).to.eq(0);
- });
- it('will redirect client who cannot upgrade their account to the previous page', () => {
- State.set(['response', 'authorize', 'authorize', 'upgradeable_landing_companies'], []);
- expect(AccountOpening.redirectAccount()).to.eq(-1);
- });
- });
-});
diff --git a/src/javascript/app/common/content_visibility.js b/src/javascript/app/common/content_visibility.js
index 5bb5a43c973..c22a598d6f8 100644
--- a/src/javascript/app/common/content_visibility.js
+++ b/src/javascript/app/common/content_visibility.js
@@ -1,8 +1,6 @@
const Client = require('../base/client');
const BinarySocket = require('../base/socket');
-const MetaTrader = require('../pages/user/metatrader/metatrader');
const State = require('../../_common/storage').State;
-const updateTabDisplay = require('../../_common/tab_selector').updateTabDisplay;
/*
data-show attribute controls element visibility based on
@@ -44,7 +42,6 @@ const updateTabDisplay = require('../../_common/tab_selector').updateTabDisplay;
data-show='SVG' -> throws error
*/
-const visible_classname = 'data-show-visible';
const mt_company_rule = 'mtcompany';
const eu_country_rule = 'eucountry';
const options_blocked_rule = 'optionsblocked';
@@ -52,33 +49,31 @@ const options_blocked_rule = 'optionsblocked';
const ContentVisibility = (() => {
let $center_select_m;
- const init = () => {
- let arr_mt5fin_shortcodes;
-
- return new Promise(resolve => {
+ const init = () =>
+ new Promise(resolve => {
BinarySocket.wait('authorize', 'landing_company', 'website_status').then(() => {
- const current_landing_company_shortcode = State.getResponse('authorize.landing_company_name') || 'default';
- const mt_financial_company = State.getResponse('landing_company.mt_financial_company');
- const mt_gaming_company = State.getResponse('landing_company.mt_gaming_company');
+ // const current_landing_company_shortcode = State.getResponse('authorize.landing_company_name') || 'default';
+ // const mt_financial_company = State.getResponse('landing_company.mt_financial_company');
+ // const mt_gaming_company = State.getResponse('landing_company.mt_gaming_company');
// Check if mt_financial_company is offered, if not found, switch to mt_gaming_company
- const mt_landing_company = mt_financial_company || mt_gaming_company;
+ // const mt_landing_company = mt_financial_company || mt_gaming_company;
// Check mt_financial_company by account type, since we are offering different landing companies for financial and financial_stp
- arr_mt5fin_shortcodes = mt_landing_company ? Object.keys(mt_landing_company)
- .map((key) => mt_landing_company[key].shortcode) : [];
+ // arr_mt5fin_shortcodes = mt_landing_company ? Object.keys(mt_landing_company)
+ // .map((key) => mt_landing_company[key].shortcode) : [];
- controlVisibility(
- current_landing_company_shortcode,
- MetaTrader.isEligible(),
- // We then pass the list of found mt5fin company shortcodes as an array
- arr_mt5fin_shortcodes
- );
+ // controlVisibility(
+ // current_landing_company_shortcode,
+ // MetaTrader.isEligible(),
+ // // We then pass the list of found mt5fin company shortcodes as an array
+ // arr_mt5fin_shortcodes
+ // );
resolve();
});
- });
- };
+ })
+ ;
const generateParsingErrorMessage = (reason, attr_str) => (
`Invalid data-show attribute value! ${reason} Given value: '${attr_str}'.`
@@ -173,25 +168,6 @@ const ContentVisibility = (() => {
return show_element;
};
- const controlVisibility = (current_landing_company_shortcode, client_has_mt_company, mt5_login_list) => {
- document.querySelectorAll('[data-show]').forEach(el => {
- const attr_str = el.dataset.show;
- if (shouldShowElement(attr_str, current_landing_company_shortcode, client_has_mt_company, mt5_login_list)) {
- el.classList.add(visible_classname);
- } else {
- const open_tab_url = new RegExp(`\\?.+_tabs=${el.id}`, 'i');
- // check if we hide a tab that's open
- // then redirect to the url without query
- if (el.classList.contains('tm-li') && open_tab_url.test(window.location.href)) {
- const { origin, pathname } = window.location;
- window.location.href = origin + pathname;
- }
- }
- });
-
- updateTabDisplay();
- };
-
// if text is hidden, we need to append it to body to be able to get its width
const getTextWidth = (text) => {
const $el = $('try another document type '),
- },
- button_primary: localize('Submit document'),
- search : {
- accessibility : localize('Select country'),
- input_placeholder: localize('e.g. United States'),
- label : localize('Search for country'),
- },
- title: localize('Select issuing country'),
- },
- cross_device_checklist: {
- button_primary : localize('Submit verification'),
- info : localize('Tips'),
- list_item_doc_multiple: localize('Documents uploaded'),
- list_item_doc_one : localize('Document uploaded'),
- list_item_selfie : localize('Selfie uploaded'),
- subtitle : localize('We\'re now ready to verify your identity'),
- title : localize('Great, that\'s everything we need'),
- },
- cross_device_error_desktop: {
- subtitle: localize('The link only works on mobile devices'),
- title : localize('Something\'s gone wrong'),
- },
- cross_device_error_restart: {
- subtitle: localize('You\'ll need to restart your verification on your computer'),
- title : localize('Something\'s gone wrong'),
- },
- cross_device_intro: {
- button_primary : localize('Get secure link'),
- list_accessibility:
- localize('Steps required to continue verification on your mobile'),
- list_item_finish : localize('Check back here to finish the submission'),
- list_item_open_link : localize('Open the link and complete the tasks'),
- list_item_send_phone: localize('Send a secure link to your phone'),
- subtitle : localize('Here\'s how to do it:'),
- title : localize('Continue on your phone'),
- },
- cross_device_return: {
- body : localize('Your computer may take a few seconds to update'),
- subtitle: localize('You can now return to your computer to continue'),
- title : localize('Uploads successful'),
- },
- doc_confirmation: {
- alert: {
- blur_detail : localize('Make sure everything is clear'),
- blur_title : localize('Blurry photo detected'),
- crop_detail : localize('Make sure full document is visible'),
- crop_title : localize('Cut-off image detected'),
- glare_detail : localize('Move away from direct light'),
- glare_title : localize('Glare detected'),
- no_doc_detail: localize('Make sure all of the document is in the photo'),
- no_doc_title : localize('No document detected'),
- },
- body_id:
- localize('Make sure your card details are clear to read, with no blur or glare'),
- body_image_medium:
- localize('It’ll take longer to verify you if we can’t read it'),
- body_image_poor: localize('To smoothly verify you, we need a better photo'),
- body_license :
- localize('Make sure your license details are clear to read, with no blur or glare'),
- body_passport:
- localize('Make sure your passport details are clear to read, with no blur or glare'),
- body_permit:
- localize('Make sure your permit details are clear to read, with no blur or glare'),
- body_tax_letter:
- localize('Make sure details are clear to read, with no blur or glare'),
- button_close : localize('Close'),
- button_primary_redo : localize('Redo'),
- button_primary_upload : localize('Confirm'),
- button_primary_upload_anyway: localize('Upload anyway'),
- button_secondary_redo : localize('Redo'),
- button_zoom : localize('Enlarge image'),
- image_accessibility : localize('Photo of your document'),
- title : localize('Check your image'),
- },
- doc_select: {
- button_id : localize('Identity card'),
- button_id_detail : localize('Front and back'),
- button_license : localize('Driver\'s license'),
- button_license_detail : localize('Front and back'),
- button_passport : localize('Passport'),
- button_passport_detail: localize('Face photo page'),
- button_permit : localize('Residence permit'),
- button_permit_detail : localize('Front and back'),
- extra_no_mobile : localize('Sorry, no mobile phone bills'),
- list_accessibility : localize('Documents you can use to verify your identity'),
- subtitle : localize('It must be an official photo ID'),
- subtitle_poa :
- localize('These are the documents most likely to show your current home address'),
- title : localize('Choose document'),
- title_poa: localize('Select a %{country} document'),
- },
- doc_submit: {
- button_link_upload : localize('or upload photo – no scans or photocopies'),
- button_primary : localize('Continue on phone'),
- subtitle : localize('Take a photo with your phone'),
- title_id_back : localize('Submit identity card (back)'),
- title_id_front : localize('Submit identity card (front)'),
- title_license_back : localize('Submit license (back)'),
- title_license_front: localize('Submit license (front)'),
- title_passport : localize('Submit passport photo page'),
- title_permit_back : localize('Submit residence permit (back)'),
- title_permit_front : localize('Submit residence permit (front)'),
- },
- error_unsupported_browser: {
- subtitle_android:
- localize('Restart the process on the latest version of Google Chrome'),
- subtitle_ios : localize('Restart the process on the latest version of Safari'),
- title_android: localize('Unsupported browser'),
- title_ios : localize('Unsupported browser'),
- },
- generic: {
- accessibility: {
- close_sdk_screen: localize('Close identity verification screen'),
- dismiss_alert : localize('Dismiss alert'),
- },
- back : localize('back'),
- close : localize('close'),
- errors: {
- interrupted_flow_error: {
- instruction: localize('Restart process on a different device'),
- message : localize('Camera not detected'),
- },
- invalid_size: {
- instruction: localize('Must be under 10MB.'),
- message : localize('File size exceeded.'),
- },
- invalid_type: {
- instruction: localize('Try using another file type.'),
- message : localize('File not uploaded.'),
- },
- lazy_loading: {
- message: localize('An error occurred while loading the component'),
- },
- multiple_faces: {
- instruction: localize('Only your face can be in the selfie'),
- message : localize('Multiple faces found'),
- },
- no_face: {
- instruction: localize('Your face is needed in the selfie'),
- message : localize('No face found'),
- },
- request_error: {
- instruction: localize('Please try again'),
- message : localize('Connection lost'),
- },
- sms_failed: {
- instruction: localize('Copy the link to your phone'),
- message : localize('Something\'s gone wrong'),
- },
- sms_overuse: {
- instruction: localize('Copy the link to your phone'),
- message : localize('Too many failed attempts'),
- },
- unsupported_file: {
- instruction: localize('Try using a JPG or PNG file'),
- message : localize('File type not supported'),
- },
- },
- lazy_load_placeholder: localize('Loading...'),
- loading : localize('Loading'),
- },
- get_link: {
- alert_wrong_number : localize('Check that your number is correct'),
- button_copied : localize('Copied'),
- button_copy : localize('Copy'),
- button_submit : localize('Send link'),
- info_qr_how : localize('How to scan a QR code'),
- info_qr_how_list_item_camera:
- localize('Point your phone’s camera at the QR code'),
- info_qr_how_list_item_download:
- localize('If it doesn’t work, download a QR code scanner from Google Play or the App Store'),
- link_divider : localize('or'),
- link_qr : localize('Scan QR code'),
- link_sms : localize('Get link via SMS'),
- link_url : localize('Copy link'),
- loader_sending : localize('Sending'),
- number_field_input_placeholder: localize('Enter mobile number'),
- number_field_label : localize('Enter your mobile number:'),
- subtitle_qr : localize('Scan the QR code with your phone'),
- subtitle_sms : localize('Send this one-time link to your phone'),
- subtitle_url : localize('Open the link on your mobile'),
- title : localize('Get your secure link'),
- url_field_label : localize('Copy the link to your mobile browser'),
- },
- linked_computer: {
- button_primary : localize('Continue'),
- info : localize('Make sure§'),
- list_item_desktop_open: localize('2. Your desktop window stays open'),
- list_item_sent_by_you : localize('1. This link was sent by you'),
- subtitle : localize('Continue with the verification'),
- title : localize('Linked to your computer'),
- },
- mobilePhrases: {
- photo_upload: {
- body_id_back : localize('Take a photo of the back of your card'),
- body_id_front : localize('Take a photo of the front of your card'),
- body_license_back : localize('Take a photo of the back of your license'),
- body_license_front: localize('Take a photo of the front of your license'),
- body_passport : localize('Take a photo of your passport photo page'),
- body_selfie : localize('Take a selfie showing your face'),
- },
- selfie_capture: {
- alert: {
- camera_inactive: {
- detail:
- localize('Take a photo using the basic camera mode instead'),
- },
- camera_not_working: {
- detail:
- localize('Take a photo using the basic camera mode instead'),
- },
- },
- },
- upload_guide: {
- button_primary: localize('Take a photo'),
- title : localize('Passport photo page'),
- },
- },
- outro: {
- body : localize('Thank you'),
- title: localize('Verification complete'),
- },
- permission_recovery: {
- button_primary : localize('Refresh'),
- info : localize('Recovery'),
- list_header_cam : localize('Follow these steps to recover camera access:'),
- list_item_action_cam:
- localize('Refresh this page to restart the identity verification process'),
- list_item_how_to_cam:
- localize('Grant access to your camera from your browser settings'),
- subtitle_cam: localize('Recover camera access to continue face verification'),
- title_cam : localize('Camera access is denied'),
- },
- permission: {
- body_cam : localize('We cannot verify you without using your camera'),
- button_primary_cam: localize('Enable camera'),
- subtitle_cam :
- localize('When prompted, you must enable camera access to continue'),
- title_cam: localize('Allow camera access'),
- },
- photo_upload: {
- body_bank_statement : localize('Provide the whole document page for best results'),
- body_benefits_letter:
- localize('Provide the whole document page for best results'),
- body_bill : localize('Provide the whole document page for best results'),
- body_government_letter:
- localize('Provide the whole document page for best results'),
- body_id_back : localize('Upload back of card from your computer'),
- body_id_front : localize('Upload front of card from your computer'),
- body_license_back : localize('Upload back of license from your computer'),
- body_license_front: localize('Upload front of license from your computer'),
- body_passport : localize('Upload passport photo page from your computer'),
- body_selfie : localize('Upload a selfie from your computer'),
- body_tax_letter : localize('Provide the whole document page for best results'),
- button_take_photo : localize('Take photo'),
- button_upload : localize('Upload'),
- title_selfie : localize('Selfie'),
- },
- selfie_capture: {
- alert: {
- camera_inactive: {
- detail:
- localize('Check that it is connected and functional. You can also continue verification on your phone '),
- detail_no_fallback:
- localize('Make sure your device has a working camera'),
- title: localize('Camera not working?'),
- },
- camera_not_working: {
- detail:
- localize('It may be disconnected. Try using your phone instead .'),
- detail_no_fallback: localize('Make sure your device\'s camera works'),
- title : localize('Camera not working'),
- },
- timeout: {
- detail:
- localize('Remember to press stop when you\'re done. Redo video actions '),
- title: localize('Looks like you took too long'),
- },
- },
- button_accessibility: localize('Take a photo'),
- frame_accessibility : localize('View from camera'),
- title : localize('Take a selfie'),
- },
- selfie_confirmation: {
- image_accessibility: localize('Photo of your face'),
- subtitle : localize('Make sure your selfie clearly shows your face'),
- title : localize('Check selfie'),
- },
- selfie_intro: {
- button_primary : localize('Continue'),
- list_accessibility : localize('Tips to take a good selfie'),
- list_item_face_forward:
- localize('Face forward and make sure your eyes are clearly visible'),
- list_item_no_glasses: localize('Remove your glasses, if necessary'),
- subtitle : localize('We\'ll compare it with your document'),
- title : localize('Take a selfie'),
- },
- sms_sent: {
- info : localize('Tips'),
- info_link_expire: localize('Your link will expire in one hour'),
- info_link_window: localize('Keep this window open while using your mobile'),
- link : localize('Resend link'),
- subtitle : localize('We\'ve sent a secure link to %{number}'),
- subtitle_minutes: localize('It may take a few minutes to arrive'),
- title : localize('Check your mobile'),
- },
- switch_phone: {
- info : localize('Tips'),
- info_link_expire : localize('Your mobile link will expire in one hour'),
- info_link_refresh: localize('Don\'t refresh this page'),
- info_link_window : localize('Keep this window open while using your mobile'),
- link : localize('Cancel'),
- subtitle : localize('Once you\'ve finished we\'ll take you to the next step'),
- title : localize('Connected to your mobile'),
- },
- upload_guide: {
- button_primary : localize('Upload photo'),
- image_detail_blur_alt : localize('Example of a blurry document'),
- image_detail_blur_label : localize('All details must be clear — nothing blurry'),
- image_detail_cutoff_alt : localize('Example of a cut-off document'),
- image_detail_cutoff_label:
- localize('Show all details — including the bottom 2 lines'),
- image_detail_glare_alt : localize('Example of a document with glare'),
- image_detail_glare_label: localize('Move away from direct light — no glare'),
- image_detail_good_alt : localize('Document example'),
- image_detail_good_label : localize('The photo should clearly show your document'),
- subtitle : localize('Scans and photocopies are not accepted'),
- title : localize('Upload passport photo page'),
- },
- welcome: {
- description_p_1:
- localize('To open a bank account, we will need to verify your identity.'),
- description_p_2: localize('It will only take a couple of minutes.'),
- next_button : localize('Verify Identity'),
- title : localize('Open your new bank account'),
- },
-};
diff --git a/src/javascript/app/pages/user/account/payment_agent_transfer/payment_agent_transfer.js b/src/javascript/app/pages/user/account/payment_agent_transfer/payment_agent_transfer.js
deleted file mode 100644
index 1706c10750b..00000000000
--- a/src/javascript/app/pages/user/account/payment_agent_transfer/payment_agent_transfer.js
+++ /dev/null
@@ -1,155 +0,0 @@
-const PaymentAgentTransferUI = require('./payment_agent_transfer.ui');
-const Client = require('../../../../base/client');
-const BinarySocket = require('../../../../base/socket');
-const getDecimalPlaces = require('../../../../common/currency').getDecimalPlaces;
-const getNumberFormat = require('../../../../common/currency').getNumberFormat;
-const FormManager = require('../../../../common/form_manager');
-const localize = require('../../../../../_common/localize').localize;
-const State = require('../../../../../_common/storage').State;
-
-const PaymentAgentTransfer = (() => {
- let is_authenticated_payment_agent,
- common_request_fields,
- $form_error;
-
- const onLoad = () => {
- PaymentAgentTransferUI.initValues();
- BinarySocket.wait('get_settings', 'balance').then(() => {
- const currency = Client.get('currency');
- const balance = Client.get('balance');
- if (!currency || +balance === 0) {
- $('#pa_transfer_loading').remove();
- $('#no_balance_error').setVisibility(1);
- return;
- }
- is_authenticated_payment_agent = State.getResponse('get_settings.is_authenticated_payment_agent');
- if (is_authenticated_payment_agent) {
- BinarySocket.send({
- paymentagent_list: Client.get('residence'),
- currency,
- }).then((response) => {
- const pa_values = response.paymentagent_list.list.filter(
- (a) => a.paymentagent_loginid === Client.get('loginid')
- )[0];
- init(pa_values, currency, balance);
- });
- } else {
- setFormVisibility(false);
- }
- });
- };
-
- // Remove multiline and excess whitespaces from description text.
- const trimDescriptionContent = () => {
- document.getElementById('description').addEventListener('change', e => {
- e.srcElement.value = e.target.value.replace(/\s+/g, ' ');
- });
- };
-
- const init = (pa, currency, balance) => {
- const form_id = '#frm_paymentagent_transfer';
- $form_error = $('#form_error');
-
- setFormVisibility(true);
- PaymentAgentTransferUI.updateFormView(currency);
- trimDescriptionContent();
-
- common_request_fields = [
- { request_field: 'paymentagent_transfer', value: 1 },
- { request_field: 'currency', value: currency },
- ];
-
- FormManager.init(form_id, [
- { selector: '#client_id', validations: ['req', ['regular', { regex: /^\w+\d+$/, message: localize('Please enter a valid Login ID.') }]], request_field: 'transfer_to' },
- { selector: '#amount', validations: ['req', ['number', { type: 'float', decimals: getDecimalPlaces(currency), min: pa ? pa.min_withdrawal : 10, max: max_withdrawal(balance, pa, 2000) }], ['custom', { func: () => +Client.get('balance') >= +$('#amount').val(), message: localize('Insufficient balance.') }]] },
- { selector: '#description', validations: ['general'] },
-
- { request_field: 'dry_run', value: 1 },
- ].concat(common_request_fields));
-
- FormManager.handleSubmit({
- form_selector : form_id,
- fnc_response_handler: responseHandler,
- enable_button : 1,
- });
- };
-
- const max_withdrawal = (balance, pa, fixed_max_withdrawal) => {
- const pa_max_withdrawal = pa ? pa.max_withdrawal : fixed_max_withdrawal;
-
- return balance < pa_max_withdrawal ? balance : pa_max_withdrawal;
- };
-
- const setFormVisibility = (is_visible) => {
- if (is_visible) {
- $('#pa_transfer_loading').remove();
- PaymentAgentTransferUI.showForm();
- PaymentAgentTransferUI.showNotes();
- } else {
- PaymentAgentTransferUI.hideForm();
- PaymentAgentTransferUI.hideNotes();
- if (!is_authenticated_payment_agent) {
- $('#pa_transfer_loading').remove();
- $('#not_pa_error').setVisibility(1);
- }
- }
- };
-
- const responseHandler = (response) => {
- const req = response.echo_req;
- const error = response.error;
-
- if (error) {
- if (req.dry_run === 1) {
- $form_error.text(error.message).setVisibility(1);
- return;
- }
- PaymentAgentTransferUI.showTransferError(error.message);
- return;
- }
-
- if (response.paymentagent_transfer === 2) {
- PaymentAgentTransferUI.hideFirstForm();
- PaymentAgentTransferUI.showConfirmation();
- PaymentAgentTransferUI.updateConfirmView(response.client_to_full_name, req.transfer_to.toUpperCase(),
- getNumberFormat(req.amount, req.currency), req.currency);
- initConfirm(req);
- return;
- }
-
- if (response.paymentagent_transfer === 1) {
- PaymentAgentTransferUI.hideFirstForm();
- PaymentAgentTransferUI.showDone();
- PaymentAgentTransferUI.updateDoneView(Client.get('loginid'), req.transfer_to.toUpperCase(), getNumberFormat(req.amount, req.currency), req.currency);
- }
- };
-
- const initConfirm = (req) => {
- const confirm_form_id = '#frm_confirm_transfer';
-
- FormManager.init(confirm_form_id, [
- { request_field: 'transfer_to', value: req.transfer_to },
- { request_field: 'amount', value: getNumberFormat(req.amount, req.currency) },
- { request_field: 'description', value: req.description },
- ].concat(common_request_fields));
-
- FormManager.handleSubmit({
- form_selector : confirm_form_id,
- fnc_response_handler: responseHandler,
- });
-
- $('#back_transfer').off('click').click(() => {
- PaymentAgentTransferUI.showForm();
- PaymentAgentTransferUI.showNotes();
- PaymentAgentTransferUI.hideConfirmation();
- PaymentAgentTransferUI.hideDone();
- $form_error.setVisibility(0);
- });
- };
-
- return {
- onLoad,
- };
-})();
-
-module.exports = PaymentAgentTransfer;
diff --git a/src/javascript/app/pages/user/account/payment_agent_transfer/payment_agent_transfer.ui.js b/src/javascript/app/pages/user/account/payment_agent_transfer/payment_agent_transfer.ui.js
deleted file mode 100644
index 11309377409..00000000000
--- a/src/javascript/app/pages/user/account/payment_agent_transfer/payment_agent_transfer.ui.js
+++ /dev/null
@@ -1,86 +0,0 @@
-const localize = require('../../../../../_common/localize').localize;
-const getCurrencyDisplayCode = require('../../../../common/currency').getCurrencyDisplayCode;
-
-const PaymentAgentTransferUI = (() => {
- let $paymentagent_transfer,
- $confirm_transfer,
- $done_transfer,
- $notes_transfer;
-
- const initValues = () => {
- $paymentagent_transfer = $('#frm_paymentagent_transfer');
- $confirm_transfer = $('#frm_confirm_transfer');
- $done_transfer = $('#pa_transfer_done');
- $notes_transfer = $('#paymentagent_transfer_notes');
- };
-
- const hideForm = () => { $paymentagent_transfer.setVisibility(0); };
-
- const showForm = () => { $paymentagent_transfer.setVisibility(1); };
-
- const hideConfirmation = () => { $confirm_transfer.setVisibility(0); };
-
- const showConfirmation = () => { $confirm_transfer.find('#msg_form').setVisibility(0).end().setVisibility(1); };
-
- const hideDone = () => { $done_transfer.setVisibility(0); };
-
- const showDone = () => { $done_transfer.setVisibility(1); };
-
- const hideNotes = () => { $notes_transfer.setVisibility(0); };
-
- const showNotes = () => { $notes_transfer.setVisibility(1); };
-
- const showTransferError = (err) => { $confirm_transfer.find('#msg_form').text(err).setVisibility(1); };
-
- const updateFormView = (currency) => { $paymentagent_transfer.find('label[for="amount"]').text(`${localize('Amount')} ${getCurrencyDisplayCode(currency)}`); };
-
- const updateConfirmView = (username, loginid, amount, currency) => {
- $confirm_transfer
- .find('#user_name')
- .empty()
- .text(username)
- .end()
- .find('#loginid')
- .empty()
- .text(loginid)
- .end()
- .find('#confirm_amount')
- .empty()
- .text(`${amount} ${getCurrencyDisplayCode(currency)}`);
- };
-
- const updateDoneView = (from_id, to_id, amount, currency) => {
- const confirm_msg = localize('Your request to transfer [_1] [_2] from [_3] to [_4] has been successfully processed.', [
- amount,
- getCurrencyDisplayCode(currency),
- from_id,
- to_id,
- ]);
- $done_transfer.find(' > #confirm_msg').text(confirm_msg).setVisibility(1);
- };
-
- const hideFirstForm = () => {
- hideForm();
- hideConfirmation();
- hideNotes();
- };
-
- return {
- initValues,
- hideForm,
- showForm,
- hideConfirmation,
- showConfirmation,
- hideDone,
- showDone,
- hideNotes,
- showNotes,
- showTransferError,
- updateFormView,
- updateConfirmView,
- updateDoneView,
- hideFirstForm,
- };
-})();
-
-module.exports = PaymentAgentTransferUI;
diff --git a/src/javascript/app/pages/user/account/profit_table/profit_table.init.js b/src/javascript/app/pages/user/account/profit_table/profit_table.init.js
deleted file mode 100644
index 6bd33094afe..00000000000
--- a/src/javascript/app/pages/user/account/profit_table/profit_table.init.js
+++ /dev/null
@@ -1,146 +0,0 @@
-const ProfitTableUI = require('./profit_table.ui');
-const ViewPopup = require('../../view_popup/view_popup');
-const showLocalTimeOnHover = require('../../../../base/clock').showLocalTimeOnHover;
-const BinarySocket = require('../../../../base/socket');
-const DateTo = require('../../../../common/attach_dom/date_to');
-const addTooltip = require('../../../../common/get_app_details').addTooltip;
-const buildOauthApps = require('../../../../common/get_app_details').buildOauthApps;
-const localize = require('../../../../../_common/localize').localize;
-
-const ProfitTableInit = (() => {
- let batch_size,
- chunk_size,
- transactions_received,
- transaction_consumed,
- no_more_data,
- pending,
- current_batch;
-
- const tableExist = () => document.getElementById('profit-table');
-
- const finishedConsumed = () => (transaction_consumed === transactions_received);
-
- const onUnload = () => {
- current_batch = [];
- transaction_consumed = 0;
- transactions_received = 0;
- pending = false;
-
- ProfitTableUI.errorMessage(null);
-
- if (tableExist()) {
- ProfitTableUI.cleanTableContent();
- }
- };
-
- const getNextBatchTransactions = () => {
- getProfitTable({ offset: transactions_received, limit: batch_size });
- pending = true;
- };
-
- const getNextChunk = () => {
- const chunk = current_batch.splice(0, chunk_size);
- transaction_consumed += chunk.length;
- return chunk;
- };
-
- const profitTableHandler = (response) => {
- if (response.error) {
- ProfitTableUI.errorMessage(response.error.message);
- return;
- }
-
- pending = false;
- const profit_table = response.profit_table;
- current_batch = profit_table.transactions;
- transactions_received += current_batch.length;
-
- if (current_batch.length < batch_size) {
- no_more_data = true;
- }
-
- if (!tableExist()) {
- ProfitTableUI.createEmptyTable().appendTo('#profit-table-container');
- ProfitTableUI.updateProfitTable(getNextChunk());
-
- // Show a message when the table is empty
- if ((transactions_received === 0) && (current_batch.length === 0)) {
- $('#profit-table').find('tbody')
- .append($('
', { class: 'notice-msg center-text', text: localize('You\'ve made no transactions of this type up to this date.') }))));
- } else {
- $('#util_row').setVisibility(1);
- }
- }
- };
-
- const onScrollLoad = () => {
- $(document).scroll(() => {
- const hidableHeight = (percentage) => {
- const total_hidable = $(document).height() - $(window).height();
- return Math.floor((total_hidable * percentage) / 100);
- };
-
- const p_from_top = $(document).scrollTop();
-
- if (!tableExist() || p_from_top < hidableHeight(50)) {
- return;
- }
-
- if (finishedConsumed() && !no_more_data && !pending) {
- getNextBatchTransactions();
- return;
- }
-
- if (!finishedConsumed()) {
- ProfitTableUI.updateProfitTable(getNextChunk());
- }
- });
- };
-
- const getProfitTable = (opts) => {
- const req = { profit_table: 1, description: 1 };
-
- if (opts) $.extend(true, req, opts);
-
- const obj_date_to_from = DateTo.getDateToFrom();
- if (obj_date_to_from) $.extend(true, req, obj_date_to_from);
-
- BinarySocket.send(req).then((response) => {
- profitTableHandler(response);
- showLocalTimeOnHover('td.buy-date,td.sell-date');
- $('.barspinner').setVisibility(0);
- });
- };
-
- const onLoad = () => {
- batch_size = 50;
- chunk_size = batch_size / 2;
- transactions_received = 0;
- transaction_consumed = 0;
- no_more_data = false;
- pending = false;
- current_batch = [];
-
- DateTo.attachDateToPicker(() => {
- ProfitTableUI.cleanTableContent();
- $('.barspinner').setVisibility(1);
- transactions_received = 0;
- getNextBatchTransactions();
- });
- BinarySocket.send({ oauth_apps: 1 }).then((response) => {
- addTooltip(ProfitTableUI.setOauthApps(buildOauthApps(response)));
- });
- getNextBatchTransactions();
- onScrollLoad();
- ViewPopup.viewButtonOnClick('#profit-table-container');
- };
-
- return {
- onLoad,
- onUnload,
- };
-})();
-
-module.exports = ProfitTableInit;
diff --git a/src/javascript/app/pages/user/account/profit_table/profit_table.js b/src/javascript/app/pages/user/account/profit_table/profit_table.js
deleted file mode 100644
index b4ae40f19e9..00000000000
--- a/src/javascript/app/pages/user/account/profit_table/profit_table.js
+++ /dev/null
@@ -1,33 +0,0 @@
-const moment = require('moment');
-const Client = require('../../../../base/client');
-const formatMoney = require('../../../../common/currency').formatMoney;
-
-const ProfitTable = (() => {
- const getProfitTabletData = (transaction) => {
- const currency = Client.get('currency');
- const buy_moment = moment.utc(transaction.purchase_time * 1000);
- const sell_moment = moment.utc(transaction.sell_time * 1000);
- const buy_price = parseFloat(transaction.buy_price);
- const sell_price = parseFloat(transaction.sell_price);
-
- return {
- buyDate : `${buy_moment.format('YYYY-MM-DD')}\n${buy_moment.format('HH:mm:ss')} GMT`,
- ref : transaction.transaction_id,
- payout : +transaction.payout ? formatMoney(currency, parseFloat(transaction.payout), true) : '-',
- buyPrice : formatMoney(currency, buy_price, true),
- sellDate : `${sell_moment.format('YYYY-MM-DD')}\n${sell_moment.format('HH:mm:ss')} GMT`,
- sellPrice: formatMoney(currency, sell_price, true),
- pl : formatMoney(currency, Number(sell_price - buy_price), true),
- desc : transaction.longcode,
- id : transaction.contract_id,
- app_id : transaction.app_id,
- shortcode: transaction.shortcode,
- };
- };
-
- return {
- getProfitTabletData,
- };
-})();
-
-module.exports = ProfitTable;
diff --git a/src/javascript/app/pages/user/account/profit_table/profit_table.ui.js b/src/javascript/app/pages/user/account/profit_table/profit_table.ui.js
deleted file mode 100644
index d466baa177b..00000000000
--- a/src/javascript/app/pages/user/account/profit_table/profit_table.ui.js
+++ /dev/null
@@ -1,129 +0,0 @@
-const ProfitTable = require('./profit_table');
-const Client = require('../../../../base/client');
-const Table = require('../../../../common/attach_dom/table');
-const Currency = require('../../../../common/currency');
-const showTooltip = require('../../../../common/get_app_details').showTooltip;
-const localize = require('../../../../../_common/localize').localize;
-
-const ProfitTableUI = (() => {
- let oauth_apps = {};
- let total_profit = 0;
-
- let currency;
-
- const profit_table_id = 'profit-table';
- const cols = ['buy-date', 'ref', 'payout', 'contract', 'buy-price', 'sell-date', 'sell-price', 'pl', 'details'];
-
- const createEmptyTable = () => {
- const header = [
- localize('Date'),
- localize('Ref.'),
- localize('Potential Payout'),
- localize('Contract'),
- localize('Purchase Price'),
- localize('Sale Date'),
- localize('Sale Price'),
- localize('Profit/Loss'),
- localize('Details'),
- ];
-
- currency = Client.get('currency');
-
- header[7] += currency ? ` (${Currency.getCurrencyDisplayCode(currency)})` : '';
-
- const footer = [localize('Total Profit/Loss'), '', '', '', '', '', '', '', ''];
-
- const data = [];
- const metadata = {
- cols,
- id: profit_table_id,
- };
- const $table_container = Table.createFlexTable(data, metadata, header, footer);
-
- $table_container
- .children('table')
- .children('tfoot')
- .children('tr')
- .attr('id', 'pl-day-total');
-
- return $table_container;
- };
-
- const updateFooter = (transactions) => {
- total_profit += transactions.reduce((previous, current) => {
- const buy_price = Number(parseFloat(current.buy_price));
- const sell_price = Number(parseFloat(current.sell_price));
- const pl = sell_price - buy_price;
- return previous + pl;
- }, 0);
-
- const sub_total_type = (total_profit >= 0) ? 'profit' : 'loss';
-
- $('#pl-day-total').find(' > .pl').html(Currency.formatMoney(currency, Number(total_profit), true))
- .removeClass('profit loss')
- .addClass(sub_total_type);
- };
-
- const createProfitTableRow = (transaction) => {
- const profit_table_data = ProfitTable.getProfitTabletData(transaction);
- const pl_type = Number(transaction.sell_price - transaction.buy_price) >= 0 ? 'profit' : 'loss';
-
- const data = [
- profit_table_data.buyDate,
- `${profit_table_data.ref} `,
- /binaryico/i.test(profit_table_data.shortcode) ? '-' : profit_table_data.payout, // TODO: remove ico exception when all ico contracts are removed
- '',
- profit_table_data.buyPrice,
- profit_table_data.sellDate,
- profit_table_data.sellPrice,
- profit_table_data.pl,
- '',
- ];
- const $row = Table.createFlexTableRow(data, cols, 'data');
-
- $row.children('.pl').addClass(pl_type);
- $row.children('.contract').html(`${profit_table_data.desc}
');
- });
-
- // TODO: remove ico exception when all ico contracts are removed
- if (!/binaryico/i.test(profit_table_data.shortcode)) {
- // create view button and append
- const $view_button = $('${Currency.getCurrencyFullName(currency)} `);
- });
-
- } else {
- if (has_trading_limit) {
- $trading_limit.setVisibility(1);
- $('#closing_steps').setVisibility(1);
- }
- if (is_real_unset) {
- $real_unset.setVisibility(1);
- $trading_limit.setVisibility(0);
- currencies.forEach((currency) => {
- let is_allowed = true;
- other_currencies.forEach((other_currency) => {
- if (currency === other_currency) {
- is_allowed = false;
- }
- });
- if (is_allowed) {
- $real_unset.find('ul').append(`${Currency.getCurrencyFullName(currency)} `);
- }
- });
- }
- if (is_fiat) {
- $fiat_1.setVisibility(1);
- if (is_svg) {
- $fiat_2.setVisibility(1);
- }
-
- let fiat_currency = Client.get('currency');
-
- if (Client.get('is_virtual')) {
- other_currencies.forEach((currency) => {
- if (!isCryptocurrency(currency)) {
- fiat_currency = currency;
- }
- });
- }
-
- $('#current_currency_fiat').text(fiat_currency);
- $('.current_currency').text(fiat_currency);
-
- currencies.forEach((currency) => {
- let is_allowed = true;
- other_currencies.forEach((other_currency) => {
- if (currency === other_currency) {
- is_allowed = false;
- }
- });
- if (is_allowed) {
- if (isCryptocurrency(currency)) {
- $fiat_2.find('ul').append(`${Currency.getCurrencyFullName(currency)} `);
- } else {
- $fiat_1.find('ul').append(`${Currency.getCurrencyFullName(currency)} `);
- }
- }
- });
- }
-
- if (is_crypto) {
- $crypto_1.setVisibility(1);
- if (is_svg) {
- $crypto_2.setVisibility(1);
- }
-
- let crypto_currencies = '';
- let has_all_crypto = true;
- let crypto_numbers = 0;
-
- if (!Client.get('is_virtual')) {
- crypto_currencies = Client.get('currency');
- crypto_numbers++;
- }
-
- other_currencies.forEach((currency) => {
- if (isCryptocurrency(currency)) {
- crypto_numbers++;
- if (!crypto_currencies) {
- crypto_currencies += currency;
- } else {
- crypto_currencies += `, ${currency}`;
- }
- }
- });
-
- if (crypto_numbers > 1) {
- crypto_currencies += ` ${localize('accounts')}`;
- } else {
- crypto_currencies += ` ${localize('account')}`;
- }
-
- $('.current_currency').text(crypto_currencies);
- $('#current_currency_crypto').text(crypto_currencies);
- currencies.forEach((currency) => {
- let is_allowed = true;
- other_currencies.forEach((other_currency) => {
- if (currency === other_currency) {
- is_allowed = false;
- }
- });
- if (is_allowed) {
- if (isCryptocurrency(currency)) {
- has_all_crypto = false;
- $crypto_2.find('ul').append(`${Currency.getCurrencyFullName(currency)} `);
- } else {
- $crypto_1.find('ul').append(`${Currency.getCurrencyFullName(currency)} `);
- }
- }
- });
-
- if (has_all_crypto) {
- $crypto_2.setVisibility(0);
- }
- }
-
- if (is_both) {
- $fiat_1.setVisibility(1);
- if (is_svg) {
- $crypto_2.setVisibility(1);
- }
-
- let crypto_currencies = '';
- let has_all_crypto = true;
- let crypto_numbers = 0;
-
- if (isCryptocurrency(current_currency)) {
- crypto_currencies = Client.get('currency');
- crypto_numbers++;
- other_currencies.forEach(currency => {
- if (isCryptocurrency(currency)) {
- crypto_currencies += `, ${currency}`;
- crypto_numbers++;
- } else {
- $('#current_currency_fiat').text(currency);
- $('.current_currency').text(currency);
- }
- });
- if (crypto_numbers > 1) {
- crypto_currencies += ` ${localize('accounts')}`;
- } else {
- crypto_currencies += ` ${localize('account')}`;
- }
- $('#current_currency_crypto').text(crypto_currencies);
- } else {
- let fiat_currency = '';
-
- if (Client.get('is_virtual')) {
- other_currencies.forEach((currency) => {
- if (isCryptocurrency(currency)) {
- crypto_numbers++;
- if (!crypto_currencies) {
- crypto_currencies += currency;
- } else {
- crypto_currencies += `, ${currency}`;
- }
- } else {
- fiat_currency = currency;
- // eslint-disable-next-line
- if (Client.get('is_virtual')) {
- fiat_currency = currency;
- } else {
- fiat_currency = current_currency;
- }
- }
- });
- } else {
- other_currencies.forEach((currency) => {
- if (isCryptocurrency(currency)) {
- crypto_numbers++;
- if (!crypto_currencies) {
- crypto_currencies += currency;
- } else {
- crypto_currencies += `, ${currency}`;
- }
- }
- });
-
- fiat_currency = current_currency;
- }
-
- if (crypto_numbers > 1) {
- crypto_currencies += ` ${localize('accounts')}`;
- } else {
- crypto_currencies += ` ${localize('account')}`;
- }
-
- $('#current_currency_fiat').text(fiat_currency);
- $('.current_currency').text(fiat_currency);
- $('#current_currency_crypto').text(crypto_currencies);
- }
-
- currencies.forEach((currency) => {
- let is_allowed = true;
- other_currencies.forEach((other_currency) => {
- if (currency === other_currency) {
- is_allowed = false;
- }
- });
- if (is_allowed) {
- if (isCryptocurrency(currency)) {
- has_all_crypto = false;
- $crypto_2.find('ul').append(`${Currency.getCurrencyFullName(currency)} `);
- } else {
- $fiat_1.find('ul').append(`${Currency.getCurrencyFullName(currency)} `);
- }
- }
- });
-
- if (has_all_crypto) {
- $crypto_2.setVisibility(0);
- }
-
- }
-
- BinarySocket.send({ statement: 1, limit: 1 });
- BinarySocket.wait('landing_company', 'get_account_status', 'statement').then(async () => {
- const is_eligible = await Metatrader.isEligible();
- if (is_eligible) {
- $('.metatrader-link').setVisibility(1);
- }
-
- });
- }
-
- $('#current_email').text(current_email);
- $closure_loading.setVisibility(0);
-
- $closure_container.setVisibility(1);
- }).catch((error) => {
- showFormMessage(error.message);
- $closure_loading.setVisibility(0);
- $closure_container.setVisibility(1);
- });
-
- $('#closure_accordion').accordion({
- heightStyle: 'content',
- collapsible: true,
- active : true,
- });
- const $account_closure_warning = $('#account_closure_warning');
- const $account_closure_error = $('#account_closure_error');
-
- const hideDialogs = () => {
- $account_closure_warning.setVisibility(0);
- $account_closure_error.setVisibility(0);
- };
-
- hideDialogs();
-
- $('.back').on('click', () => {
- hideDialogs();
- });
-
- $('#deactivate').on('click', () => {
- $account_closure_warning.setVisibility(0);
- submitForm($account_closure_error);
- });
-
- $(form_selector).on('submit', (event) => {
- event.preventDefault();
- if (getReason()) {
- $account_closure_warning.setVisibility(1);
- }
- });
-
- $txt_other_reason.setVisibility(0);
-
- $txt_other_reason.on('keyup', () => {
- const input = $txt_other_reason.val();
- if (input && validateReasonTextField(false)) {
- $txt_other_reason.removeClass('error-field');
- $error_msg.css('display', 'none');
- }
- });
- $('#reason input[type=radio]').on('change', (e) => {
- const { value } = e.target;
-
- if (value === 'other') {
- $txt_other_reason.setVisibility(1);
- } else {
- $txt_other_reason.setVisibility(0);
- $txt_other_reason.removeClass('error-field');
- $txt_other_reason.val('');
- $error_msg.css('display', 'none');
- }
- });
- };
-
- const submitForm = ($account_closure_error) => {
- const $btn_submit = $form.find('#btn_submit');
- $submit_loading.setVisibility(1);
- $btn_submit.attr('disabled', true);
-
- const data = { account_closure: 1, reason: getReason() };
- BinarySocket.send(data).then(async (response) => {
- if (response.error) {
- $submit_loading.setVisibility(0);
- if (response.error.details) {
- await showErrorPopUp(response, $account_closure_error);
- $account_closure_error.setVisibility(1);
- } else {
- showFormMessage(response.error.message || localize('Sorry, an error occurred while processing your request.'));
- }
- $btn_submit.attr('disabled', false);
- } else {
- $submit_loading.setVisibility(0);
- $closure_container.setVisibility(0);
- $success_msg.setVisibility(1);
- $.scrollTo(0, 500);
-
- sessionStorage.setItem('closingAccount', 1);
- setTimeout(() => {
- // we need to clear all stored client data by performing a logout action and then redirect to home
- // otherwise it will think that client is still logged in and redirect to trading page
- Client.sendLogoutRequest(false, Url.urlFor('home'));
- }, 10000);
- }
- });
- };
-
- const showErrorPopUp = async (response, $account_closure_error) => {
- const mt5_login_list = (await BinarySocket.wait('mt5_login_list')).mt5_login_list;
- // clear all previously added details first
- $account_closure_error.find('.account-closure-details').remove();
- const $parent = $('
', { class: 'gr-padding-10 gr-child account-closure-details' });
- let section_id = '';
- let display_name = '';
- const addSection = (account, info) => {
- const $section = $parent.clone();
- $section
- .append($('
')
- .append($('
', { text: account.replace(/^MT[DR]?/i, '') })))
- .append($('
', { class: 'center-text notice-msg', text: error.message || localize('Sorry, an error occurred while processing your request.') }));
- };
-
- return {
- clearTableContent,
- fillLimitsTable,
- limitsError,
- };
-})();
-
-module.exports = LimitsUI;
diff --git a/src/javascript/app/pages/user/account/settings/professional_client.js b/src/javascript/app/pages/user/account/settings/professional_client.js
new file mode 100644
index 00000000000..c8614b811dc
--- /dev/null
+++ b/src/javascript/app/pages/user/account/settings/professional_client.js
@@ -0,0 +1,140 @@
+const BinaryPjax = require('../../../../base/binary_pjax');
+const Client = require('../../../../base/client');
+const BinarySocket = require('../../../../base/socket');
+const FormManager = require('../../../../common/form_manager');
+const State = require('../../../../../_common/storage').State;
+
+const professionalClient = (() => {
+ let is_in_page = false;
+
+ const onLoad = () => {
+ BinarySocket.wait('get_settings', 'get_account_status', 'landing_company').then(() => {
+ init(Client.isAccountOfType('financial'), true);
+ });
+ };
+
+ const init = (is_financial, is_page) => {
+ is_in_page = !!is_page;
+ populateProfessionalClient(is_financial);
+ };
+
+ const setVisible = ($selector) => {
+ $('#loading').remove();
+ $('#frm_professional').setVisibility(0);
+ $selector.setVisibility(1);
+ };
+
+ const populateProfessionalClient = (is_financial) => {
+ const has_maltainvest = State.getResponse('landing_company.financial_company.shortcode') === 'maltainvest';
+ if (!has_maltainvest || !is_financial) { // then it's not upgrading to financial
+ if (is_in_page) {
+ BinaryPjax.loadPreviousUrl();
+ }
+ return;
+ }
+
+ const $professional = $('#professional');
+ const $processing = $('#processing');
+ const $rejected = $('#rejected');
+
+ $professional.setVisibility(0);
+ $processing.setVisibility(0);
+ $rejected.setVisibility(0);
+
+ const status = State.getResponse('get_account_status.status') || [];
+ if (is_in_page && status.includes('professional')) {
+ setVisible($professional);
+ return;
+ } else if (is_in_page && status.includes('professional_requested')) {
+ setVisible($processing);
+ return;
+ } else if (is_in_page && status.includes('professional_rejected')) {
+ setVisible($rejected);
+ }
+
+ const $container = $('#fs_professional');
+ const $chk_professional = $container.find('#chk_professional');
+ const $info = $container.find('#professional_info');
+ const $popup_contents = $container.find('#popup');
+ const $error = $('#form_message');
+ const popup_selector = '#professional_popup';
+
+ $container.find('#professional_info_toggle').off('click').on('click', function() {
+ $(this).toggleClass('open');
+ $info.slideToggle();
+ $(`#${Client.get('residence') === 'gb' ? '' : 'non_'}uk`).toggleClass('invisible');
+ });
+
+ $chk_professional.on('change', () => {
+ if ($chk_professional.is(':checked')) {
+ $error.text('').setVisibility(0);
+
+ if (!$(popup_selector).length) {
+ $('body').append($('
', { id: 'professional_popup', class: 'lightbox' }).append($popup_contents.clone().setVisibility(1)));
+
+ const $popup = $(popup_selector);
+ $popup.find('#btn_accept, #btn_decline').off('click').on('click dblclick', function () {
+ if ($(this).attr('data-value') === 'decline') {
+ $chk_professional.prop('checked', false);
+ }
+ $popup.remove();
+ });
+ }
+ }
+ });
+
+ $container.setVisibility(1);
+
+ if (is_in_page) {
+ $('#loading').remove();
+ $('#frm_professional').setVisibility(1);
+ FormManager.init('#frm_professional', [{ selector: '#chk_professional', exclude_request: 1, validations: [['req', { hide_asterisk: true }]] }]);
+ FormManager.handleSubmit({
+ form_selector : '#frm_professional',
+ obj_request : populateReq(State.getResponse('get_settings')),
+ fnc_response_handler: handleResponse,
+ });
+ }
+
+ $(document).on('keydown click', (e) => {
+ const $popup = $(popup_selector);
+ if ((e.which === 27 || $(e.target).hasClass('lightbox')) && $popup.length) {
+ $popup.remove();
+ $chk_professional.prop('checked', false);
+ }
+ });
+ };
+
+ const populateReq = (get_settings) => {
+ const req = {
+ set_settings : 1,
+ request_professional_status: 1,
+ };
+
+ if (get_settings.tax_identification_number) {
+ req.tax_identification_number = get_settings.tax_identification_number;
+ }
+ if (get_settings.tax_residence) {
+ req.tax_residence = get_settings.tax_residence;
+ }
+
+ return req;
+ };
+
+ const handleResponse = (response) => {
+ if (response.error) {
+ $('#form_message').text(response.error.message).setVisibility(1);
+ } else {
+ BinarySocket.send({ get_account_status: 1 }).then(() => {
+ populateProfessionalClient(true);
+ });
+ }
+ };
+
+ return {
+ onLoad,
+ init,
+ };
+})();
+
+module.exports = professionalClient;
diff --git a/src/javascript/app/pages/user/account/statement/statement.init.js b/src/javascript/app/pages/user/account/statement/statement.init.js
deleted file mode 100644
index 9010b217cb0..00000000000
--- a/src/javascript/app/pages/user/account/statement/statement.init.js
+++ /dev/null
@@ -1,271 +0,0 @@
-const Dropdown = require('@binary-com/binary-style').selectDropdown;
-const StatementUI = require('./statement.ui');
-const ViewPopup = require('../../view_popup/view_popup');
-const Client = require('../../../../base/client');
-const showLocalTimeOnHover = require('../../../../base/clock').showLocalTimeOnHover;
-const BinarySocket = require('../../../../base/socket');
-const DateTo = require('../../../../common/attach_dom/date_to');
-const isEuCountry = require('../../../../common/country_base').isEuCountry;
-const addTooltip = require('../../../../common/get_app_details').addTooltip;
-const buildOauthApps = require('../../../../common/get_app_details').buildOauthApps;
-const localize = require('../../../../../_common/localize').localize;
-
-const StatementInit = (() => {
- // Batch refer to number of data get from ws service per request
- // chunk refer to number of data populate to ui for each append
- // receive means receive from ws service
- // consume means consume by UI and displayed to page
-
- let batch_size,
- chunk_size,
- no_more_data,
- pending,
- current_batch,
- filter,
- transactions_received,
- transactions_consumed;
-
- const tableExist = () => document.getElementById('statement-table');
-
- const finishedConsumed = () => (transactions_consumed === transactions_received);
-
- const getStatement = (opts) => {
- const req = { statement: 1, description: 1 };
-
- if (opts) $.extend(true, req, opts);
-
- const obj_date_to_from = DateTo.getDateToFrom();
- if (obj_date_to_from) $.extend(true, req, obj_date_to_from);
-
- BinarySocket.send(req).then((response) => {
- statementHandler(response);
- $('.barspinner').setVisibility(0);
- });
- };
-
- const getNextBatchStatement = () => {
- if (filter === 'all') {
- getStatement({ offset: transactions_received, limit: batch_size });
- } else {
- getStatement({ offset: transactions_received, limit: batch_size, action_type: filter });
- }
- pending = true;
- };
-
- const getNextChunkStatement = () => {
- const chunk = current_batch.splice(0, chunk_size);
- transactions_consumed += chunk.length;
- $('#rows_count').text(transactions_consumed);
- return chunk;
- };
-
- const getAccountStatistics = () => {
- // only show Account Statistics to MLT/MX clients
- if (!/^(malta|iom)$/.test(Client.get('landing_company_shortcode'))) return;
-
- BinarySocket.send({ account_statistics: 1 }).then(response => {
- StatementUI.updateAccountStatistics(response.account_statistics);
- });
- };
-
- const statementHandler = (response) => {
- if (response.error) {
- StatementUI.errorMessage(response.error.message);
- return;
- }
-
- pending = false;
-
- const statement = response.statement;
- current_batch = statement.transactions;
- transactions_received += current_batch.length;
-
- if (current_batch.length < batch_size) {
- no_more_data = true;
- }
- if (!tableExist()) {
- StatementUI.createEmptyStatementTable().appendTo('#statement-container');
- $('.act, .credit').addClass('nowrap');
- StatementUI.updateStatementTable(getNextChunkStatement());
-
- // Show a message when the table is empty
- if (transactions_received === 0 && current_batch.length === 0) {
- $('#statement-table').find('tbody')
- .append($('
', { class: 'notice-msg center-text', text: localize('You\'ve made no transactions of this type up to this date.') }))));
- } else {
- $('#util_row').setVisibility(1);
- // uncomment to enable export to CSV
- // $('#download_csv')
- // .setVisibility(1)
- // .find('a')
- // .off('click')
- // .on('click', () => { StatementUI.exportCSV(); });
- }
- }
-
- if (['deposit', 'withdrawal'].includes(filter)){
- document.querySelectorAll('#statement-table .details').forEach(item => item.remove());
- }
-
- showLocalTimeOnHover('td.date');
- };
-
- const loadStatementChunkWhenScroll = () => {
- $(document).scroll(() => {
- const hidableHeight = (percentage) => {
- const total_hideable = $(document).height() - $(window).height();
- return Math.floor((total_hideable * percentage) / 100);
- };
-
- const p_from_top = $(document).scrollTop();
- if (!tableExist() || p_from_top < hidableHeight(70)) return;
-
- if (finishedConsumed() && !no_more_data && !pending) {
- getNextBatchStatement();
- return;
- }
-
- if (!finishedConsumed()) StatementUI.updateStatementTable(getNextChunkStatement());
- });
- };
-
- const onUnload = () => {
- pending = false;
- no_more_data = false;
-
- current_batch = [];
-
- transactions_received = 0;
- transactions_consumed = 0;
-
- StatementUI.errorMessage(null);
- StatementUI.clearTableContent();
- };
-
- const initPage = () => {
- Dropdown('#dropdown_statement_filter', true);
- batch_size = 200;
- chunk_size = batch_size / 2;
- no_more_data = false;
- pending = false; // serve as a lock to prevent ws request is sequential
- current_batch = [];
- transactions_received = 0;
- transactions_consumed = 0;
- filter = $('#dropdown_statement_filter').val();
-
- BinarySocket.send({ oauth_apps: 1 }).then((response) => {
- addTooltip(StatementUI.setOauthApps(buildOauthApps(response)));
- });
- getNextBatchStatement();
- loadStatementChunkWhenScroll();
- getAccountStatistics();
-
- BinarySocket.wait('website_status', 'authorize', 'landing_company').then(() => {
- if (isEuCountry() && !Client.get('is_virtual')) {
- initDownloadStatement();
- }
- });
- };
-
- const onLoad = () => {
- initPage();
-
- $('#dropdown_statement_filter').on('change', (e) => {
- e.stopPropagation();
- e.preventDefault();
-
- // update the filter state
- filter = e.target;
-
- StatementUI.errorMessage(null);
- StatementUI.clearTableContent();
- $('.barspinner').setVisibility(1);
- initPage();
- });
-
- DateTo.attachDateToPicker(() => {
- StatementUI.clearTableContent();
- $('.barspinner').setVisibility(1);
- initPage();
- });
- ViewPopup.viewButtonOnClick('#statement-container');
- };
-
- const initDownloadStatement = () => {
- const $statement_container = $('#statement-container');
- const $ds_container = $('#download-statement-container');
- const $download_statement_btn = $('#download_statement_btn');
- const $request_statement_btn = $('#request_statement_btn');
- const $success_msg = $ds_container.find('.success-msg');
- const $error_msg = $ds_container.find('.error-msg');
-
- const download_from_id = '#download_from';
- const download_to_id = '#download_to';
-
- $download_statement_btn.setVisibility(1);
- $download_statement_btn.off('click').on('click', (e) => {
- e.preventDefault();
-
- $statement_container.setVisibility(0);
- $ds_container.setVisibility(1);
-
- DateTo.attachDateRangePicker(download_from_id, download_to_id, () => {
- $success_msg.setVisibility(0);
- $error_msg.setVisibility(0);
-
- setTimeout(() => {
- // need to wrap with setTimeout 0 to execute this chunk of code right
- // after datepicker value are updated with newly selected date,
- // otherwise we will get the previously selected date
- // More info: https://javascript.info/settimeout-setinterval#settimeout-0
- const date_from = DateTo.getDatePickerValue(download_from_id);
- const date_to = DateTo.getDatePickerValue(download_to_id, true);
- const can_submit = date_from && date_to;
-
- if (can_submit) {
- $request_statement_btn.removeClass('button-disabled')
- .off('click')
- .on('click', (evt) => {
- evt.preventDefault();
- BinarySocket.send({
- request_report: 1,
- report_type : 'statement',
- date_from,
- date_to,
- }).then((response) => {
- if (response.error) {
- $error_msg.text(response.error.message).setVisibility(1);
- } else {
- $success_msg.setVisibility(1);
- }
- $request_statement_btn.addClass('button-disabled').off('click');
- });
- });
- } else {
- $request_statement_btn.addClass('button-disabled').off('click');
- }
- }, 0);
- });
- });
-
- $('#go_back_btn').off('click').on('click', (e) => {
- e.preventDefault();
- $ds_container.setVisibility(0);
- $statement_container.setVisibility(1);
- $success_msg.setVisibility(0);
- $error_msg.setVisibility(0);
- $request_statement_btn.addClass('button-disabled').off('click');
- $(download_from_id).val('').removeAttr('data-value');
- $(download_to_id).val('').removeAttr('data-value');
- });
- };
-
- return {
- onLoad,
- onUnload,
- };
-})();
-
-module.exports = StatementInit;
diff --git a/src/javascript/app/pages/user/account/statement/statement.js b/src/javascript/app/pages/user/account/statement/statement.js
deleted file mode 100644
index 4cda8f2d14c..00000000000
--- a/src/javascript/app/pages/user/account/statement/statement.js
+++ /dev/null
@@ -1,58 +0,0 @@
-const moment = require('moment');
-const Client = require('../../../../base/client');
-const Currency = require('../../../../common/currency');
-const localize = require('../../../../../_common/localize').localize;
-const toTitleCase = require('../../../../../_common/string_util').toTitleCase;
-
-const Statement = (() => {
- const getStatementData = (statement, currency) => {
- const date_obj = new Date(statement.transaction_time * 1000);
- const moment_obj = moment.utc(date_obj);
- const date_str = moment_obj.format('YYYY-MM-DD');
- const time_str = `${moment_obj.format('HH:mm:ss')} GMT`;
- const payout = parseFloat(statement.payout);
- const amount = parseFloat(statement.amount);
- const balance = parseFloat(statement.balance_after);
- const is_ico_bid = /binaryico/i.test(statement.shortcode); // TODO: remove ico exception when all ico contracts are removed
-
- // action_type may be (buy|sell|deposit|withdrawal) from API
- let localized_action = localize(toTitleCase(statement.action_type) /* localize-ignore */);
- if (is_ico_bid) {
- localized_action = /buy/i.test(statement.action_type) ? localize('Bid') : localize('Closed Bid');
- }
-
- return {
- localized_action,
- action_type: statement.action_type,
- date : `${date_str}\n${time_str}`,
- ref : statement.transaction_id,
- payout : isNaN(payout) || is_ico_bid || !+payout ? '-' : Currency.formatMoney(currency, payout, true),
- amount : isNaN(amount) ? '-' : Currency.formatMoney(currency, amount, true),
- balance : isNaN(balance) ? '-' : Currency.formatMoney(currency, balance, true),
- desc : localize(statement.longcode.replace(/\n/g, '${statement_data.ref} `,
- statement_data.payout,
- statement_data.localized_action,
- '',
- statement_data.amount,
- statement_data.balance,
- '',
- ], columns, 'data');
- $statement_row.children('.credit').addClass(credit_debit_type);
- $statement_row.children('.date').addClass('pre');
- $statement_row.children('.desc').html(`${statement_data.desc} `);
-
- // add processing time tooltip for withdrawal
- if (transaction.action_type === 'withdrawal') {
- $statement_row.children('.desc').find('span').attr('data-balloon', transaction.withdrawal_details);
- }
-
- // create view button and append
- if (/^(buy|sell)$/i.test(statement_data.action_type)) {
- const $view_button = $('add funds .', urlFor('cashier')),
- }],
- // check if balance is less than the minimum limit for transfer
- // e.g. client balance could be 0.45 but min limit could be 1
- ['custom', {
- func: () => {
- const balance = Client.get('balance');
- const min_req_balance = Currency.getTransferLimits(Client.get('currency'), 'min', 'mt5');
-
- const is_balance_more_than_min_req = +balance >= +min_req_balance;
-
- return balance && is_balance_more_than_min_req;
- },
- message: localize('Should be more than [_1]', Currency.getTransferLimits(Client.get('currency'), 'min', 'mt5')),
- }],
- // check if amount is between min and max
- ['number', {
- type: 'float',
- min : () => Currency.getTransferLimits(Client.get('currency'), 'min', 'mt5'),
- max : () => {
- const mt5_limit = Currency.getTransferLimits(Client.get('currency'), 'max', 'mt5');
- const balance = Client.get('balance');
-
- // if balance is 0, pass this validation so we can show insufficient funds in the next custom validation
- return Math.min(mt5_limit, balance || mt5_limit).toFixed(Currency.getDecimalPlaces(Client.get('currency')));
- },
- decimals : Currency.getDecimalPlaces(Client.get('currency')),
- format_money: true,
- }],
- ],
- },
- ],
- withdrawal: [
- {
- selector : fields.withdrawal.txt_amount.id,
- validations: [
- ['req', { hide_asterisk: true }],
- // check if entered amount is less than the available balance
- // e.g. transfer amount is 10 but client balance is 5
- ['custom', {
- func: () => {
- const balance = getAccountsInfo(Client.get('mt5_account')).info.balance;
- const is_balance_more_than_entered = +balance >= +$(fields.withdrawal.txt_amount.id).val();
-
- return balance && is_balance_more_than_entered;
- },
- message: localize('You have insufficient funds in your MT5 account.'),
- }],
- // check if balance is less than the minimum limit for transfer
- // e.g. client balance could be 0.45 but min limit could be 1
- ['custom', {
- func: () => {
- const balance = getAccountsInfo(Client.get('mt5_account')).info.balance;
- const min_req_balance = Currency.getTransferLimits(getCurrency(Client.get('mt5_account')), 'min', 'mt5');
-
- const is_balance_more_than_min_req = +balance >= +min_req_balance;
-
- return balance && is_balance_more_than_min_req;
- },
- message: () => localize('Should be more than [_1]', Currency.getTransferLimits(getCurrency(Client.get('mt5_account')), 'min', 'mt5')),
- }],
- // check if amount is between min and max
- ['number', {
- type: 'float',
- min : () => Currency.getTransferLimits(getCurrency(Client.get('mt5_account')), 'min', 'mt5'),
- max : () => {
- const mt5_limit = Currency.getTransferLimits(getCurrency(Client.get('mt5_account')), 'max', 'mt5');
- const balance = getAccountsInfo(Client.get('mt5_account')).info.balance;
-
- // if balance is 0, pass this validation so we can show insufficient funds in the next custom validation
- return Math.min(mt5_limit, balance || mt5_limit);
- },
- decimals : 2,
- format_money: true,
- }],
- ],
- },
- ],
- });
-
- const hasAccount = acc_type => (getAccountsInfo(acc_type) || {}).info;
-
- const getCurrency = acc_type => getAccountsInfo(acc_type).info.currency;
-
- // if you have acc_type, use getAccountsInfo(acc_type).info.display_login
- // otherwise, use this function to format login into display login
- const getDisplayLogin = login => login.replace(/^MT[DR]?/i, '');
-
- const isAuthenticated = () =>
- State.getResponse('get_account_status').status.indexOf('authenticated') !== -1;
-
- const isAuthenticationPromptNeeded = () => {
- const authentication = State.getResponse('get_account_status.authentication');
- const { identity, needs_verification } = authentication;
- const is_need_verification = needs_verification.length;
- const has_been_authenticated = /^(rejected|expired|verified)$/.test(identity.status);
-
- if (has_been_authenticated) return false;
-
- return is_need_verification;
- };
-
- // remove server from acc_type for cases where we don't need it
- // e.g. during new account creation no server is set yet
- // due to ability for server names to have one or more underscores in the name
- // we can pass the number of underscores to remove it from acc_type
- // f.e. getCleanAccType('financial_ts01_02', 2) returns 'financial'
- const getCleanAccType = (acc_type, underscores) => {
- if (underscores > 1) {
- // eslint-disable-next-line no-param-reassign
- acc_type = getCleanAccType(acc_type, --underscores);
- }
- return /\d$/.test(acc_type) ? acc_type.substr(0, acc_type.lastIndexOf('_')) : acc_type;
- };
-
- // if no server exists yet, e.g. during new account creation
- // we want to get information like landing company etc which is shared
- // between all the servers, so we can disregard the server and return the first
- // accounts_info item that has the same market type and sub account type
- const getSampleAccount = (acc_type) => {
- if (acc_type in accounts_info) {
- return getAccountsInfo(acc_type);
- }
- const regex = new RegExp(getCleanAccType(acc_type));
- return getAccountsInfo(Object.keys(accounts_info).find(account => regex.test(account)));
- };
-
- const hasTradeServers = (acc_type) => {
- const is_real = acc_type.startsWith('real');
- const is_gaming = getAccountsInfo(acc_type).market_type === 'gaming' || getAccountsInfo(acc_type).market_type === 'synthetic';
- const is_clean_type = acc_type.endsWith('financial') || acc_type.endsWith('stp');
- if ((/unknown/.test(acc_type))) {
- return false;
- }
- return !(is_real && (is_gaming || is_clean_type));
- };
-
- const hasMultipleTradeServers = (acc_type, accounts) => {
- // we need to call getCleanAccType twice as the server names have underscore in it
- const clean_acc_type_a = getCleanAccType(acc_type, 2);
- return Object.keys(accounts).filter(acc_type_b => clean_acc_type_a ===
- getCleanAccType(acc_type_b, 2)).length > 1;
- };
-
- return {
- accounts_info,
- actions_info,
- fields,
- validations,
- needsRealMessage,
- hasAccount,
- hasTradeServers,
- hasMultipleTradeServers,
- getCleanAccType,
- getCurrency,
- getDisplayLogin,
- getSampleAccount,
- isAuthenticated,
- isAuthenticationPromptNeeded,
- setMessages : ($msg) => { $messages = $msg; },
- getAllAccounts: () => (
- Object.keys(accounts_info)
- .filter(acc_type => hasAccount(acc_type))
- .sort(acc_type => (getAccountsInfo(acc_type).is_demo ? 1 : -1)) // real first
- ),
- getAccountsInfo,
- };
-})();
-
-module.exports = MetaTraderConfig;
diff --git a/src/javascript/app/pages/user/metatrader/metatrader.js b/src/javascript/app/pages/user/metatrader/metatrader.js
deleted file mode 100644
index 519759b7e60..00000000000
--- a/src/javascript/app/pages/user/metatrader/metatrader.js
+++ /dev/null
@@ -1,481 +0,0 @@
-const MetaTraderConfig = require('./metatrader.config');
-const MetaTraderUI = require('./metatrader.ui');
-const Client = require('../../../base/client');
-const BinarySocket = require('../../../base/socket');
-const setCurrencies = require('../../../common/currency').setCurrencies;
-const Validation = require('../../../common/form_validation');
-const localize = require('../../../../_common/localize').localize;
-const State = require('../../../../_common/storage').State;
-const applyToAllElements = require('../../../../_common/utility').applyToAllElements;
-
-const MetaTrader = (() => {
- let show_new_account_popup = true;
-
- const accounts_info = MetaTraderConfig.accounts_info;
- const actions_info = MetaTraderConfig.actions_info;
- const fields = MetaTraderConfig.fields;
- const getAccountsInfo = MetaTraderConfig.getAccountsInfo;
-
- const onLoad = () => {
- BinarySocket.send({ statement: 1, limit: 1 });
- BinarySocket.wait('landing_company', 'get_account_status', 'statement').then(async () => {
- await BinarySocket.send({ trading_servers: 1, platform: 'mt5' });
-
- if (isEligible()) {
- if (Client.get('is_virtual')) {
- addAllAccounts();
- } else {
- BinarySocket.send({ get_limits: 1 }).then(addAllAccounts);
- }
- } else {
- MetaTraderUI.displayPageError(localize('Sorry, this feature is not available in your jurisdiction.'));
- }
- });
- };
-
- const isEligible = () => {
- const landing_company = State.getResponse('landing_company');
- // hide MT5 dashboard for IOM account or VRTC of IOM landing company
- if (State.getResponse('landing_company.gaming_company.shortcode') === 'iom' && !Client.isAccountOfType('financial')) {
- return false;
- }
- return 'mt_gaming_company' in landing_company || 'mt_financial_company' in landing_company;
- };
-
- const addAllAccounts = () => {
- BinarySocket.wait('mt5_login_list').then((response) => {
- if (response.error) {
- MetaTraderUI.displayPageError(response.error.message);
- return;
- }
-
- // const valid_account = Object.values(response.mt5_login_list).filter(acc => !acc.error);
-
- // if (has_multi_mt5_accounts && (has_demo_error || has_real_error)) {
- // const { account_type, market_type, sub_account_type } = valid_account[0];
- // current_acc_type = `${account_type}_${market_type}_${sub_account_type}`;
- // }
-
- const { mt_financial_company, mt_gaming_company } = State.getResponse('landing_company');
- addAccount('gaming', mt_gaming_company);
- addAccount('financial', mt_financial_company);
- // TODO: Remove once details in inaccessible error provides necessary accounts info
- addAccount('unknown', null);
-
- const trading_servers = State.getResponse('trading_servers');
- // for legacy clients on the real01 server, real01 server is not going to be offered in trading servers
- // but we need to build their object in accounts_info or they can't view their legacy account
- response.mt5_login_list.forEach((mt5_login) => {
-
- if (mt5_login.error) {
- let message = mt5_login.error.message_to_client;
- switch (mt5_login.error.code) {
- case 'MT5AccountInaccessible': {
- message = localize('Due to an issue on our server, some of your MT5 accounts are unavailable at the moment. [_1]Please bear with us and thank you for your patience.', '
', { id: trading_server.id, class: 'gr-padding-10 gr-parent' })
- .append($('
', { class: 'acc-group invisible', id: 'acc_group_demo', text: localize('Demo Accounts') }));
- acc_group_demo_set = true;
- }
- } else if (!acc_group_real_set) {
- $list.append($('
', { class: 'acc-group invisible', id: 'acc_group_real', text: localize('Real-Money Accounts') }));
- acc_group_real_set = true;
- }
- const $acc_item = $acc_name.clone();
- $acc_item.attr('value', acc_type);
- $list.append($acc_item);
- }
- });
-
- const hideList = () => {
- $list_cont.slideUp('fast', () => { $mt5_account.removeClass('open'); });
- };
-
- // account switch events
- $mt5_account.off('click').on('click', (e) => {
- e.stopPropagation();
- if ($list_cont.is(':hidden')) {
- $mt5_account.addClass('open');
- $list_cont.slideDown('fast');
- } else {
- hideList();
- }
- });
- $list.off('click').on('click', '.acc-name', function () {
- if (!$(this).hasClass('disabled')) {
- setAccountType($(this).attr('value'), true);
- }
- });
- $(document).off('click.mt5_account_list').on('click.mt5_account_list', () => {
- hideList();
- });
- };
-
- const setAccountType = (acc_type, should_set_account) => {
- if ($mt5_account.attr('value') !== acc_type) {
- Client.set('mt5_account', acc_type);
- $mt5_account.attr('value', acc_type).removeClass('empty');
- setMTAccountText();
- $list.find('.acc-name').removeClass('selected');
- $list.find(`[value="${acc_type}"]`).addClass('selected');
- $action.setVisibility(0);
- if (should_set_account) {
- setCurrentAccount(acc_type);
- $.scrollTo($('h1'), 300, { offset: -10 });
- }
- }
- };
-
- const updateAccount = (acc_type, should_set_account = true) => {
- updateListItem(acc_type);
- if (should_set_account) {
- setCurrentAccount(acc_type);
- showHideFinancialAuthenticate(acc_type);
- }
- };
-
- const setMTAccountText = () => {
- const acc_type = $mt5_account.attr('value');
- if (acc_type) {
- const sample_account = MetaTraderConfig.getSampleAccount(acc_type);
- const display_login = getPropertyValue(sample_account, ['info', 'display_login']);
- const title = `${sample_account.title}${ display_login ? ` (${display_login})` : '' }`;
- if (!new RegExp(title).test($mt5_account.text())) {
- $mt5_account.html(title);
- }
- }
- };
-
- const disableButtonLink = (selector) => {
- const button_link_el = $container.find(selector);
- button_link_el.addClass('button-disabled');
- button_link_el.children('span').addClass('disabled');
- };
-
- const updateListItem = (acc_type) => {
- const $acc_item = $list.find(`[value="${acc_type}"]`);
- $acc_item.find('.mt-type').text(getAccountsInfo(acc_type).short_title);
- if (getAccountsInfo(acc_type).info) {
- const server_info = getAccountsInfo(acc_type).info.server_info;
- const region = server_info && server_info.geolocation.region;
- const sequence = server_info && server_info.geolocation.sequence;
- const is_synthetic = getAccountsInfo(acc_type).market_type === 'gaming' || getAccountsInfo(acc_type).market_type === 'synthetic';
- const label_text = (() => {
- if (server_info) return sequence > 1 ? `${region} ${sequence}` : region;
- return getAccountsInfo(acc_type).info.display_server;
- });
- setMTAccountText();
- $acc_item.find('.mt-login').text(`(${getAccountsInfo(acc_type).info.display_login})`);
- if (
- server_info &&
- is_synthetic &&
- MetaTraderConfig.hasMultipleTradeServers(acc_type, accounts_info) ||
- /unknown+$/.test(acc_type)
- ) {
- $acc_item.find('.mt-server').text(`${label_text}`);
-
- // add disabled style to unknown or unavailable accounts
- if (/unknown+$/.test(acc_type)) {
- $acc_item.find('.mt-server').css({
- 'color' : '#fff',
- 'background-color': '#dedede',
- });
- }
- } else {
- $acc_item.find('.mt-server').remove();
- }
- $acc_item.setVisibility(1);
- if (getAccountsInfo(acc_type).is_demo) {
- $list.find('#acc_group_demo').setVisibility(1);
- } else {
- $list.find('#acc_group_real').setVisibility(1);
- }
- if (acc_type === Client.get('mt5_account')) {
- const mt_balance = Currency.formatMoney(MetaTraderConfig.getCurrency(acc_type),
- +getAccountsInfo(acc_type).info.balance);
- $acc_item.find('.mt-balance').html(mt_balance);
- $action.find('.mt5-balance').html(mt_balance);
- const $add_region_btn = $container.find('#btn_add_region');
- $add_region_btn.setVisibility(
- getAvailableServers(false, acc_type).length > 0 && !getAccountsInfo(acc_type).is_demo,
- );
- if (disabled_signup_types.real) {
- $add_region_btn.addClass('button-disabled');
- }
- }
- // disable MT5 account opening if created all available accounts
- if (Object.keys(accounts_info).every(type =>
- getAccountsInfo(type).info || !MetaTraderConfig.hasTradeServers(type))) {
- $container.find('.act_new_account').remove();
- }
-
- // Add more trade servers button.
- $container.find('#btn_add_region').click(() => {
- if (disabled_signup_types.real) {
- return;
- }
- const $back_button = $form.find('#view_3 .btn-back');
- const $cancel_button = $form.find('#view_3 .btn-cancel');
- const account_type = Client.get('mt5_account');
- const num_servers = populateTradingServers();
-
- loadAction('new_account', account_type);
- $form.find('button[type="submit"]').attr('acc_type', account_type);
- $cancel_button.setVisibility(1);
- $back_button.setVisibility(0);
-
- if (num_servers.supported > 1){
- displayStep(2);
- } else {
- displayStep(3);
- }
-
- $.scrollTo($container.find('.acc-actions'), 300, { offset: -10 });
- });
-
- } else {
- $acc_item.setVisibility(0);
- }
- // TODO: Remove once market subtype and market types are provided by error details for inaccessible accounts
- if (acc_type.split('_')[1] === 'unknown') {
- $acc_item.addClass('disabled');
- }
- };
-
- const displayAccountDescription = (acc_type) => {
- const $account_desc = $templates.find('.account-desc');
- let $account_type_desc = '';
- if (acc_type) {
- $account_type_desc = $account_desc.find(`.${acc_type}`);
-
- const landing_company_short = MetaTraderConfig.getSampleAccount(acc_type).landing_company_short;
-
- if ($account_type_desc.length === 2) {
- const $specific_description = $account_desc.find(`.${acc_type}.${landing_company_short}`);
-
- // try to find the landing_company specific description first,
- // otherwise fall back to the first item (the general description)
- $account_type_desc = $specific_description.length ? $specific_description : $account_type_desc.first();
- }
- }
- const $el_to_clone = $account_type_desc.length ? $account_type_desc : $account_desc.find('#general_desc');
- $container.find('#account_desc').html($el_to_clone.clone());
- };
-
- const setCurrentAccount = (acc_type) => {
- if (Client.get('mt5_account') && Client.get('mt5_account') !== acc_type) return;
-
- if (current_action_ui !== 'new_account') {
- displayAccountDescription(acc_type);
- }
-
- if (getAccountsInfo(acc_type).info) {
- const is_demo = getAccountsInfo(acc_type).is_demo;
- const is_synthetic = getAccountsInfo(acc_type).market_type === 'gaming' || getAccountsInfo(acc_type).market_type === 'synthetic';
- const server_info = getAccountsInfo(acc_type).info.server_info;
- const region = server_info && server_info.geolocation.region;
- const sequence = server_info && server_info.geolocation.sequence;
- const label_text = (() => {
- if (server_info) return sequence > 1 ? `${region} ${sequence}` : region;
- return getAccountsInfo(acc_type).info.display_server;
- });
- $detail.find('.real-only').setVisibility(!is_demo);
- // Update account info
- $detail.find('.acc-info div[data]').map(function () {
- const key = $(this).attr('data');
- const info = getAccountsInfo(acc_type).info[key];
- const mapping = {
- balance : () => (isNaN(info) ? '' : Currency.formatMoney(MetaTraderConfig.getCurrency(acc_type), +info)),
- broker : () => 'Deriv Limited',
- display_login: () => (`${info} (${is_demo ? localize('Demo Account') : localize('Real-Money Account')})`),
- leverage : () => `1:${info}`,
- server : () => `${server_info && server_info.environment}`,
- ...(
- is_synthetic &&
- server_info.geolocation.region &&
- MetaTraderConfig.hasMultipleTradeServers(acc_type, accounts_info) &&
- ({ trade_server: () => label_text })
- ),
- };
-
- $container.find('#mt-trade-server-container').setVisibility(!!mapping.trade_server);
- $(this).html(typeof mapping[key] === 'function' ? mapping[key]() : info);
- });
-
- populateWebLinks(server_info);
- setCounterpartyAndJurisdictionTooltip($('.acc-info div[data="display_login"]'), acc_type);
-
- if (current_action_ui !== 'new_account') {
- $container.find('.has-account').setVisibility(1);
- }
-
- // we need to add a small delay to let the servers details be filled before we check their availability
- setTimeout(() => {
- $container.find('#btn_add_region').setVisibility(getAvailableServers(false, MetaTraderConfig.getCleanAccType(acc_type, 2)).length > 0 && !is_demo);
- }, 50);
- } else {
- $detail.find('.acc-info, .acc-actions').setVisibility(0);
- }
- $('#mt_loading').remove();
- $container.setVisibility(1);
-
- setAccountType(acc_type);
-
- if ($action.hasClass('invisible')) {
- loadAction(defaultAction(acc_type));
- }
- };
-
- const defaultAction = acc_type => {
- let type = 'new_account';
- if (getAccountsInfo(acc_type) && getAccountsInfo(acc_type).info) {
- type = (getAccountsInfo(acc_type).is_demo || Client.get('is_virtual') || getHashValue('token')) ? 'manage_password' : 'cashier';
- removeUrlHash(); // only load manage_password section on first page load if token in url, after that remove it from url
- }
- return type;
- };
-
- const refreshAction = () => {
- current_action_ui = null;
- };
-
- const loadAction = (action, acc_type, should_hide_cancel) => {
- $container.find(`[class~=act_${action || defaultAction(acc_type)}]`).click();
- if (should_hide_cancel) {
- $form.find('#view_1 .btn-cancel').hide();
- $form.find('#view_3 .btn-cancel').hide();
- }
- };
-
- const populateForm = (e) => {
- let $target = $(e.target);
-
- if ($target.hasClass('button-disabled')) {
- return;
- }
-
- if ($target.prop('tagName').toLowerCase() !== 'a') {
- $target = $target.parents('a');
- }
- $main_msg.setVisibility(0);
-
- const acc_type = Client.get('mt5_account');
- const action = $target.attr('class').split(' ').find(c => /^act_/.test(c)).replace('act_', '');
-
- const cloneForm = () => {
- $form = $templates.find(`#frm_${action}`).clone();
- $form.find(`.${/demo/.test(acc_type) ? 'demo' : 'real'}-only`).setVisibility(1);
- const formValues = (actions_info[action] || {}).formValues;
- if (formValues) formValues($form, acc_type, action);
-
- // append form
- $action.find('#frm_action').html($form).setVisibility(1).end()
- .setVisibility(1);
-
- if (action === 'manage_password') {
- $form.find('button[type="submit"]').append(getAccountsInfo(acc_type).info.display_login ? ` ${localize('for account [_1]', getAccountsInfo(acc_type).info.display_login)}` : '');
- if (!token) {
- $form.find('#frm_verify_password_reset').setVisibility(1);
- } else if (!Validation.validEmailToken(token)) {
- $form.find('#frm_verify_password_reset').find('#token_error').setVisibility(1).end().setVisibility(1);
- } else {
- $form.find('#frm_password_reset').setVisibility(1);
- }
- }
-
- $form.find('button[type="submit"]').each(function() { // cashier has two different actions
- const this_action = $(this).attr('action');
- actions_info[this_action].$form = $(this).parents('form');
- $(this).attr({ acc_type }).on('click dblclick', submit);
- Validation.init(`#frm_${this_action}`, validations[this_action]);
- });
-
- handleNewAccountUI(action, acc_type, $target);
- };
-
- if (/new_account/.test(action)) {
- showFinancialAuthentication(false);
- }
-
- if (/manage_password|new_account/.test(action)) {
- cloneForm();
- return;
- }
-
- if (action === 'cashier') { // Manage Fund
- const client_currency = Client.get('currency');
- const mt_currency = MetaTraderConfig.getCurrency(acc_type);
- cloneForm();
- setDemoTopupStatus();
- $form.find('.binary-account').text(`${localize('[_1] Account [_2]', ['Binary', Client.get('loginid')])}`);
- $form.find('.binary-balance').html(`${Currency.formatMoney(client_currency, Client.get('balance'))}`);
- $form.find('.mt5-account').text(`${localize('[_1] Account [_2]', [getAccountsInfo(acc_type).title, getAccountsInfo(acc_type).info.display_login])}`);
- $form.find('.mt5-balance').html(`${Currency.formatMoney(mt_currency, getAccountsInfo(acc_type).info.balance)}`);
- $form.find('label[for="txt_amount_deposit"]').append(` ${Currency.getCurrencyDisplayCode(client_currency)}`);
- $form.find('label[for="txt_amount_withdrawal"]').append(` ${mt_currency}`);
-
- const should_show_transfer_fee = client_currency !== mt_currency;
- if (should_show_transfer_fee) {
- $('#transfer_fee_amount_to').text(getTransferFee(client_currency, mt_currency));
- $('#transfer_fee_minimum_to').text(Currency.getMinimumTransferFee(client_currency));
- $('#transfer_fee_amount_from').text(getTransferFee(mt_currency, client_currency));
- $('#transfer_fee_minimum_from').text(Currency.getMinimumTransferFee(mt_currency));
- }
- $form.find('#txt_amount_deposit, #txt_amount_withdrawal').siblings('.hint').setVisibility(should_show_transfer_fee);
-
- ['deposit', 'withdrawal'].forEach((act) => {
- actions_info[act].prerequisites(acc_type).then((error_msg) => {
- if (error_msg) {
- $container.find(`#frm_${act} .form`).replaceWith($('
', { class: 'unavailable' }));
- displayMessage(`#frm_${act} .unavailable`, error_msg, true);
- }
- });
- });
-
- if (!getAccountsInfo(acc_type).is_demo) {
- let msg = '';
- if (Client.get('is_virtual')) {
- msg = MetaTraderConfig.needsRealMessage();
- } else if (!Client.get('currency')) { // client should set currency before accessing fund management section
- msg = $templates.find('#msg_set_currency').html();
- }
- if (msg) {
- displayMainMessage(msg, false);
- $action.find('#frm_cashier').setVisibility(0);
- }
- }
-
- const remaining_transfers = getPropertyValue(State.getResponse('get_limits'), ['daily_transfers', 'mt5', 'available']);
-
- if (typeof remaining_transfers !== 'undefined') {
- const $remaining_container = $form.find('#mt5_remaining_transfers');
- $remaining_container.setVisibility(1);
- const $remaining_number = $remaining_container.find('strong');
- $remaining_number.text(remaining_transfers);
- if (+remaining_transfers) {
- $remaining_number.removeClass('empty');
- } else {
- $remaining_number.addClass('empty');
- }
- }
-
- return;
- }
-
- actions_info[action].prerequisites(acc_type).then((error_msg) => {
- if (error_msg) { // does not meet one of prerequisites
- displayMainMessage(error_msg);
- $action.find('#frm_action').empty().end().setVisibility(1);
- $container.find('[class*="act_"]').removeClass('selected');
- $container.find(`[class~=act_${action}]`).addClass('selected');
- return;
- }
-
- if (!$action.find(`#frm_${action}`).length) {
- $main_msg.setVisibility(0);
- }
-
- cloneForm();
- });
- };
-
- const getAvailableServers = (should_ignore_used = false, acc_type) =>
- State.getResponse('trading_servers').filter(trading_server => {
- if (/unknown+$/.test(acc_type)) return false;
- let account_type = acc_type || newAccountGetType();
- // if server is not added to account type, and in accounts_info we are storing it without server
- if (!/\d$/.test(account_type) && !getAccountsInfo(account_type)) {
- account_type += `_${trading_server.id}`;
- }
- const new_account_info = getAccountsInfo(account_type);
- const { supported_accounts } = trading_server;
-
- if (!new_account_info || !supported_accounts) {
- return false;
- }
-
- const { market_type, sub_account_type } = new_account_info;
-
- const is_server_supported = isSupportedServer(market_type, sub_account_type, supported_accounts);
-
- if (should_ignore_used) {
- return is_server_supported;
- }
-
- const is_used_server = isUsedServer(is_server_supported, trading_server);
- const is_available = trading_server.disabled !== 1;
-
- return is_server_supported && is_available && !is_used_server;
- });
-
- const isSupportedServer = (market_type, sub_account_type, supported_accounts) => {
- const is_synthetic = (market_type === 'gaming' || market_type === 'synthetic') && sub_account_type === 'financial';
- const is_financial = market_type === 'financial' && sub_account_type === 'financial';
- const is_financial_stp = market_type === 'financial' && sub_account_type === 'financial_stp';
-
- return (
- (is_synthetic && supported_accounts.includes('gaming')) ||
- (is_financial && supported_accounts.includes('financial')) ||
- (is_financial_stp && supported_accounts.includes('financial_stp'))
- );
- };
-
- const isUsedServer = (is_server_supported, trading_server) =>
- is_server_supported && Object.keys(accounts_info).find(account =>
- getAccountsInfo(account).info &&
- isSupportedServer(
- getAccountsInfo(account).info.market_type,
- getAccountsInfo(account).info.sub_account_type,
- trading_server.supported_accounts
- ) &&
- trading_server.id === getAccountsInfo(account).info.server
- );
-
- const displayStep = (step) => {
- const new_account_type = newAccountGetType();
- const is_demo = /demo/.test(new_account_type);
- const is_synthetic = /gaming/.test(new_account_type);
-
- $form.find('#msg_form').remove();
- $form.find('#mv_new_account div[id^="view_"]').setVisibility(0);
- $form.find(`#view_${step}`).setVisibility(1);
- $form.find('#view_3').find('.error-msg, .days-to-crack').setVisibility(0);
- $form.find(`.${is_demo ? 'real' : 'demo'}-only`).setVisibility(0);
-
- // we do not show step 2 (servers selection) to demo and non synthetic accouns
- // as the server will be set to the closest/best suitable by API
- if (step === 2 && !is_demo && is_synthetic) {
- const num_servers = populateTradingServers();
-
- if (num_servers.used === 0) {
- // API will choose server for the first time
- displayStep(1);
- }
-
- const sample_account = MetaTraderConfig.getSampleAccount(new_account_type);
- $form.find('#view_2 #mt5_account_type').text(sample_account.title);
- $form.find('button[type="submit"]').attr('acc_type', MetaTraderConfig.getCleanAccType(newAccountGetType(), 2));
-
- const $view_2_button_container = $form.find('#view_2-buttons');
- $view_2_button_container.setVisibility(1);
- } else if (step === 3) {
- $form.find('input').not(':input[type=radio]').val('');
-
- const $view_3_button_container = $form.find('#view_3-buttons');
-
- $('
', { id: 'msg_form', class: 'center-text gr-padding-10 error-msg no-margin invisible' }).prependTo($view_3_button_container);
- $view_3_button_container.setVisibility(1);
- } else if (step !== 1) {
- displayStep(1);
- }
- };
-
- // -----------------------
- // ----- New Account -----
- // -----------------------
- const handleNewAccountUI = (action, acc_type, $target) => {
- current_action_ui = action;
-
- const is_new_account = /new_account/.test(action);
- const $acc_actions = $container.find('.acc-actions');
- $acc_actions.find('.new-account').setVisibility(is_new_account);
- $acc_actions.find('.has-account').setVisibility(!is_new_account);
- $detail.setVisibility(!is_new_account);
-
- $container.find('[class*="act_"]').removeClass('selected');
- // set active tab
- if (is_new_account) {
- $container.find(`[class~=act_${action}]`).addClass('selected');
- } else {
- $detail.setVisibility(1);
- $target.addClass('selected');
- return;
- }
-
- // is_new_account
- displayAccountDescription();
- $form = actions_info[action].$form;
- if (Object.keys(accounts_info).every(a_type => !getAccountsInfo(a_type).info)) {
- $form.find('#view_1 .btn-cancel').addClass('invisible');
- }
-
- // Navigation buttons: cancel, next, back
- $form.find('.btn-cancel').click(() => {
- loadAction(null, acc_type);
- displayAccountDescription(getAccountsInfo(acc_type) ? acc_type : undefined);
- $.scrollTo($('h1'), 300, { offset: -10 });
- showFinancialAuthentication(true);
- });
-
- $form.find('#view_1 .btn-next').click(function() {
- if (!$(this).hasClass('button-disabled')) {
- const account_type = newAccountGetType();
- const is_demo = /^demo_/.test(account_type);
-
- if (is_demo) {
- // If accound is demo, we will skip server selection and show the following step
- displayStep(3);
- $form.find('button[type="submit"]').attr('acc_type', newAccountGetType());
- } else {
- const num_servers = populateTradingServers();
- // if account is real, we will skip server selection when the first server is being selected (chosen by API)
- // or when there are no multiple servers supported
- if (num_servers.supported > 1 && num_servers.used > 0){
- displayStep(2);
- } else {
- displayStep(3);
- }
- $form.find('button[type="submit"]').attr('acc_type', MetaTraderConfig.getCleanAccType(newAccountGetType(), 2));
- }
- $.scrollTo($container.find('.acc-actions'), 300, { offset: -10 });
- }
- });
-
- $form.find('#view_2 .btn-next').click(function() {
- if (!$(this).hasClass('button-disabled') && Validation.validate('#frm_new_account')) {
- displayStep(3);
- $.scrollTo($container.find('.acc-actions'), 300, { offset: -10 });
- }
- });
-
- $form.find('#ddl_trade_server').off('click').on('click', (e) => {
- $form.find('#ddl_trade_server').find('input').not(':input[disabled]').removeAttr('checked');
-
- if (e.target.nodeName === 'SPAN') {
- $(e.target.parentElement).parent().find('input').not(':input[disabled]').attr('checked', 'checked');
- }
- if (e.target.nodeName === 'LABEL') {
- $(e.target.parentElement).find('input').not(':input[disabled]').attr('checked', 'checked');
- }
- if (e.target.nodeName === 'INPUT') {
- $(e.target).not(':input[disabled]').attr('checked', 'checked');
- }
-
- // Disable/enable submit button based on whether any of the checkboxes is checked.
- if ($form.find('#ddl_trade_server input[checked]').length > 0) {
- $form.find('#btn_submit_new_account').removeAttr('disabled');
- } else {
- $form.find('#btn_submit_new_account').attr('disabled', true);
- }
- });
-
- $form.find('#view_3 .btn-back').click(() => {
- const password_selector = $form.find('.password--input-field').attr('id');
- if (password_selector) {
- Password.removeCheck(`#${password_selector}`, true);
- }
- displayStep(2);
- });
- $form.find('#view_2 .btn-back').click(() => { displayStep(1); });
-
- // Account type selection
- $form.find('.mt5_type_box').click(selectAccountTypeUI);
-
- // disable signups by types that have errors
- if (disabled_signup_types.demo) {
- $('#rbtn_demo').addClass('disabled').next('p').css('color', '#DEDEDE');
- } else if (disabled_signup_types.real) {
- $('#rbtn_real').addClass('disabled').next('p').css('color', '#DEDEDE');
- }
- };
-
- const newAccountGetType = () => {
- const selected_type = $form && $form.find('.step-2 .selected').attr('data-acc-type');
- // if user selected account type using the form, send that
- if (selected_type) {
- return MetaTraderConfig.getCleanAccType(`${$form.find('.step-1 .selected').attr('data-acc-type') || 'real'}_${$form.find('.step-2 .selected').attr('data-acc-type')}`);
- }
- // otherwise they are adding more server to their current account type
- return Client.get('mt5_account');
- };
-
- const selectAccountTypeUI = (e) => {
- const box_class = 'mt5_type_box';
- let $item = $(e.target);
- if (!$item.hasClass(box_class)) {
- $item = $item.parents(`.${box_class}`);
- }
- if (/\b(disabled|selected|existed)\b/.test($item.attr('class'))) return;
- $item.parents('.type-group').find(`.${box_class}.selected`).removeClass('selected');
- $item.addClass('selected');
- const selected_acc_type = $item.attr('data-acc-type');
- const action = 'new_account';
- if (/(demo|real)/.test(selected_acc_type)) {
- displayAccountDescription();
- updateAccountTypesUI(selected_acc_type);
- switchAccountTypesUI(selected_acc_type, $form);
- $form.find('#view_1 .btn-next').addClass('button-disabled');
- $form.find('#view_1 .step-2').setVisibility(1);
- displayMessage('#new_account_msg', (selected_acc_type === 'real' && Client.get('is_virtual')) ? MetaTraderConfig.needsRealMessage() : '', true);
- } else {
- const new_acc_type = newAccountGetType();
- displayAccountDescription(new_acc_type);
- actions_info[action].prerequisites(new_acc_type).then((error_msg) => {
- displayMessage('#new_account_msg', error_msg || '');
- $form.find('#view_1 .btn-next')[error_msg ? 'addClass' : 'removeClass']('button-disabled');
- $form.find('#view_1 .btn-cancel').removeClass('invisible');
- });
- }
-
- // disable next button and Synthetic option if all servers are used or unavailable
- const num_servers = populateTradingServers('real_gaming_financial');
- if (/real/.test(selected_acc_type) && num_servers.supported === num_servers.used + num_servers.disabled) {
- disableButtonLink('.btn-next');
- $form.find('.step-2 #rbtn_gaming_financial').addClass('existed disabled');
- }
- };
-
- const switchAccountTypesUI = (type, form) => {
- const demo_btn = form.find('#view_1 .step-2 .type-group .template_demo');
- const real_btn = form.find('#view_1 .step-2 .type-group .template_real');
-
- if (/demo/.test(type)) {
- demo_btn.removeClass('invisible');
- real_btn.addClass('invisible');
- } else {
- demo_btn.addClass('invisible');
- real_btn.removeClass('invisible');
- }
- };
-
- const sortMt5Accounts = (a, b) => {
- if (/demo/.test(a) && !/demo/.test(b)) {
- return -1;
- }
- if (/demo/.test(b) && !/demo/.test(a)) {
- return 1;
- }
- if (/svg$/.test(a)) {
- return -1;
- }
- if (/vanuatu|svg_standard/.test(a)) {
- return /svg$/.test(b) ? 1 : -1;
- }
- return 1;
- };
-
- const updateAccountTypesUI = (type) => {
- Object.keys(accounts_info)
- .filter(acc_type => acc_type.indexOf(type) === 0)
- .forEach((acc_type) => {
- let class_name = (type === 'real' && Client.get('is_virtual')) ? 'disabled' : '';
- if (getAccountsInfo(acc_type).info && (getAvailableServers(false, acc_type).length === 0 || type === 'demo')) {
- class_name = 'existed';
- }
- const clean_acc_type = MetaTraderConfig.getCleanAccType(acc_type, 2);
- $form.find(`.step-2 #${clean_acc_type.replace(type, 'rbtn')}`)
- .removeClass('existed disabled selected')
- .addClass(class_name);
- });
- };
-
- const populateAccountTypes = () => {
- const $acc_template_demo = $($templates.find('#rbtn_template_demo').parent().remove()[0]);
- const $acc_template_real = $($templates.find('#rbtn_template_real').parent().remove()[0]);
- const $acc_template_mt = $templates.find('#frm_new_account #view_1 .step-2 .type-group');
- if (!$acc_template_demo.length
- || !$acc_template_real.length
- || !$acc_template_mt.length) return;
-
- let count = 0;
- const filtered_accounts = {};
- Object.keys(accounts_info).sort(sortMt5Accounts).forEach(acc_type => {
- // remove server from name
- const clean_acc_type = MetaTraderConfig.getCleanAccType(acc_type, 2);
- filtered_accounts[clean_acc_type] = getAccountsInfo(acc_type);
- });
-
- Object.keys(filtered_accounts).forEach((acc_type) => {
- // TODO: remove once we have market type and sub type data from error response details
- if (/unknown+$/.test(acc_type)) return;
- const $acc = getAccountsInfo(acc_type, filtered_accounts).is_demo
- ? $acc_template_demo.clone() : $acc_template_real.clone();
- const type = acc_type.split('_').slice(1).join('_');
- const image = getAccountsInfo(acc_type, filtered_accounts).market_type === 'gaming' || getAccountsInfo(acc_type, filtered_accounts).market_type === 'synthetic' ? 'synthetic' : getAccountsInfo(acc_type, filtered_accounts).sub_account_type; // image name can be (financial_stp|financial|synthetic)
- $acc.attr({ id: `template_${type}` });
- $acc.find('.mt5_type_box').attr({ id: `rbtn_${type}`, 'data-acc-type': type })
- .find('img').attr('src', urlForStatic(`/images/pages/metatrader/icons/acc_${image}.svg`));
- $acc.find('p').text(getAccountsInfo(acc_type, filtered_accounts).short_title);
- $acc_template_mt.append($acc);
-
- count++;
- });
- $templates.find('.hl-types-of-accounts').setVisibility(count > 1);
- };
-
- // -------------------
- // ----- General -----
- // -------------------
- const postValidate = (acc_type, action) => {
- const validate = actions_info[action].pre_submit;
- return validate ? validate(actions_info[action].$form, acc_type, displayFormMessage) :
- new Promise(resolve => resolve(true));
- };
-
- const removeUrlHash = () => {
- const url = location.href.split('#')[0];
- window.history.replaceState({ url }, document.title, url);
- };
-
- const hideFormMessage = (action) => {
- actions_info[action].$form.find('#msg_form').html('').setVisibility(0);
- };
-
- const displayFormMessage = (message, action) => {
- actions_info[action].$form.find('#msg_form').html(message).setVisibility(1);
- };
-
- const displayMainMessage = (message, should_scroll = true) => {
- $main_msg.html(message).setVisibility(1);
- if (should_scroll) {
- $.scrollTo($action, 500, { offset: -80 });
- }
- };
-
- const displayMessage = (selector, message, is_centered) => {
- $container.find(selector).html(message).attr('class', `notice-msg hint ${is_centered ? 'center-text' : 'align-start'}`).setVisibility(message.length);
- };
-
- const displayPageError = (message) => {
- $('#page_msg').html(message).setVisibility(1);
- $('#mt_loading').remove();
- };
-
- const disableButton = (action) => {
- const $btn = actions_info[action].$form.find('button');
- if ($btn.length && !$btn.find('.barspinner').length) {
- $btn.attr('disabled', 'disabled');
- const $btn_text = $('
- {it.L('Mr')}
- {it.L('Ms')}
-
-);
-
-export const FirstName = ({ className, hint, row_class, row_id }) => (
-
-
-);
-
-export const AccountOpeningReason = ({ row_id, row_class }) => (
-
- {it.L('Please select')}
- {it.L('Speculative')}
- {it.L('Income earning')}
- {it.L('Hedging')}
-
-);
-
-export const AddressLine1 = ({ hint }) => (
-
- {children}
-
-);
-
-export const Phone = ({ hint, row_class, row_id }) => (
-
- {it.L('Favourite dish')}
- {it.L('Mother\'s maiden name')}
- {it.L('Name of your pet')}
- {it.L('Name of first love')}
- {it.L('Memorable town/city')}
- {it.L('Memorable date')}
- {it.L('Brand of first car')}
- {it.L('Favourite artist')}
-
-);
-
-export const SecretAnswer = () => (
-
-
-
-
-
- {it.L(
- 'I have read and agree to the [_1]terms and conditions[_2] of the site.',
- ``,
- ' '
- )}
-
-
-
-
-
{it.L('Open account')}
-
-
-
{it.L('Your account will be opened with [_1], and will be subject to the jurisdiction and laws of [_2].', '
-
-);
-
-export const RiskDisclaimer = () => (
-
-
-
{it.L('The financial trading services contained within this site are only suitable for customers who accept the possibility of losing all the money they invest and who understand and have experience of the risk involved in the acquisition of financial contracts. Transactions in financial contracts carry a high degree of risk. If purchased contracts expire worthless, you will suffer a total loss of your investment, which consists of the contract premium.')}
-
-);
-
-export const ClientMessage = () => (
-
-);
-
-export const TaxInformationForm = () => (
-
-
-
-
- {it.L('This Tax Identification Number (TIN) is invalid. You may continue, but to facilitate future payment processes, valid tax information will be required.')}
-
-
-
-
-);
diff --git a/src/templates/_common/components/image_slider.jsx b/src/templates/_common/components/image_slider.jsx
deleted file mode 100644
index 3e3ae35393f..00000000000
--- a/src/templates/_common/components/image_slider.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-
-const ImageSlider = ({ id, className, images }) => (
-
-
-
-
-
-
-
- {images.map((image, idx) => (
-
-
- ))}
-
-
-
-
-
-
-
- {it.L('Binary.com MT5 is moving to Deriv')}
- {it.L('Learn more')}
-
-);
-
-export default mt5Banner;
diff --git a/src/templates/_common/components/payment_logo.jsx b/src/templates/_common/components/payment_logo.jsx
deleted file mode 100644
index 7c15da21ab5..00000000000
--- a/src/templates/_common/components/payment_logo.jsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-
-const payment_methods_list = [
- { image: 'visa', param: '?anchor=visa' },
- { image: 'mastercard', param: '?anchor=mastercard' },
- { image: 'maestro', param: '?anchor=maestro' },
- { image: 'bank_transfer', param: '?anchor=bank-transfer' },
- { image: 'paytrust', param: '?anchor=paytrust', dataShow: '-eucountry' },
- { image: 'neteller', param: '?anchor=neteller' },
- { image: 'fasapay', param: '?anchor=fasapay', dataShow: '-eucountry' },
- { image: 'perfect_money', param: '?anchor=perfect-money', dataShow: '-eucountry' },
- { image: 'skrill', param: '?anchor=skrill' },
- { image: 'qiwi', param: '?anchor=qiwi', dataShow: '-eucountry' },
- { image: 'webmoney', param: '?anchor=webmoney' },
- { image: 'paysafe', param: '?anchor=paysafe' },
- { image: 'jeton', param: '?anchor=jeton' },
- { image: 'sticpay', param: '?anchor=sticpay' },
- { image: 'airtm', param: '?anchor=airtm' },
-];
-
-const PaymentLogo = () => payment_methods_list.map((item, inx) => (
-
- {item.param ?
-
-
- :
-
- }
-
-
-
-
{heading}
-
-
- {allowed_documents &&
-
- {it.L('We accept')}:
-
- { allowed_documents.map((document, i) => (
- {document}
- ))}
-
-
- }
-
{it.L('Requirements')}:
-
- { instructions.map((instruction, i) => (
- {instruction}
- ))}
-
-
-
-
- {accepted_documents.length > 1
- ? `${it.L('Submit one of the documents below')}:`
- : `${it.L('Submit the document below')}:`
- }
-
-
- { accepted_documents.map((document, i) => {
- const j = i + 1;
- return (
-
- {document.name}
-
- { type === 'poi' && (
-
-
-
- {it.L('ID number')}* :
-
-
-
-
-
- {it.L('Expiry date')}* :
-
-
-
-
- )}
- { type === 'poa' && (
-
- )}
- { type === 'selfie' && (
-
- )}
-
- );
- })}
-
-
-
-
-
- {it.L('Learn more about submitting essential documents with our handy infographic:')}
-
- {it.L('View guide')}
-
-
-
{it.L('Document submission status')}
-
-
-
{it.L('Please resolve all pending issues to continue')}
-
-
-
-);
-
-export const AuthenticateMessage = () => (
-
- {it.L('Learn more about submitting essential documents with our handy infographic:')}
-
- {it.L('View guide')}
-
-
-
{it.L('Document submission status')}
-
-
-
{it.L('Please resolve all pending issues to continue')}
-
-
-
-);
diff --git a/src/templates/app/_includes/financial_form.jsx b/src/templates/app/_includes/financial_form.jsx
deleted file mode 100644
index 641d1f51564..00000000000
--- a/src/templates/app/_includes/financial_form.jsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import React from 'react';
-import { Fieldset, FormRow } from '../../_common/components/forms.jsx';
-
-const Experience = () => (
-
- {it.L('Please select')}
- {it.L('0-1 year')}
- {it.L('1-2 years')}
- {it.L('Over 3 years')}
-
-);
-
-const Frequency = () => (
-
- {it.L('Please select')}
- {it.L('0-5 transactions in the past 12 months')}
- {it.L('6-10 transactions in the past 12 months')}
- {it.L('11-39 transactions in the past 12 months')}
- {it.L('40 transactions or more in the past 12 months')}
-
-);
-
-const SelectRow = ({ id, label, con }) => (
- {con()}
-);
-
-const Values = () => (
-
- {it.L('Please select')}
- {it.L('Less than $25,000')}
- {it.L('$25,000 - $50,000')}
- {it.L('$50,001 - $100,000')}
- {it.L('$100,001 - $500,000')}
- {it.L('Over $500,000')}
-
-);
-
-const TradingExperienceForm = () => (
-
-
-);
-
-const FinancialInformationForm = () => (
-
-
- {it.L('Please select')}
- {it.L('Salaried Employee')}
- {it.L('Self-Employed')}
- {it.L('Investments & Dividends')}
- {it.L('Pension')}
- {it.L('State Benefits')}
- {it.L('Savings & Inheritance')}
-
-
-
- {it.L('Please select')}
- {it.L('Employed')}
- {it.L('Pensioner')}
- {it.L('Self-Employed')}
- {it.L('Student')}
- {it.L('Unemployed')}
-
-
-
- {it.L('Please select')}
- {it.L('Construction')}
- {it.L('Education')}
- {it.L('Finance')}
- {it.L('Health')}
- {it.L('Tourism')}
- {it.L('Information & Communications Technology')}
- {it.L('Science & Engineering')}
- {it.L('Legal')}
- {it.L('Social & Cultural')}
- {it.L('Agriculture')}
- {it.L('Real Estate')}
- {it.L('Food Services')}
- {it.L('Manufacturing')}
- {it.L('Unemployed')}
-
-
-
- {it.L('Please select')}
- {it.L('Chief Executives, Senior Officials and Legislators')}
- {it.L('Managers')}
- {it.L('Professionals')}
- {it.L('Clerks')}
- {it.L('Personal Care, Sales and Service Workers')}
- {it.L('Agricultural, Forestry and Fishery Workers')}
- {it.L('Craft, Metal, Electrical and Electronics Workers')}
- {it.L('Plant and Machine Operators and Assemblers')}
- {it.L('Cleaners and Helpers')}
- {it.L('Mining, Construction, Manufacturing and Transport Workers')}
- {it.L('Armed Forces')}
- {it.L('Government Officers')}
- {it.L('Students')}
- {it.L('Unemployed')}
-
-
-
- {it.L('Please select')}
- {it.L('Accumulation of Income/Savings')}
- {it.L('Cash Business')}
- {it.L('Company Ownership')}
- {it.L('Divorce Settlement')}
- {it.L('Inheritance')}
- {it.L('Investment Income')}
- {it.L('Sale of Property')}
-
-
-
- {it.L('Please select')}
- {it.L('Primary')}
- {it.L('Secondary')}
- {it.L('Tertiary')}
-
-
-
-
-
-
- {it.L('Please select')}
- {it.L('Less than $100,000')}
- {it.L('$100,000 - $250,000')}
- {it.L('$250,001 - $500,000')}
- {it.L('$500,001 - $1,000,000')}
- {it.L('Over $1,000,000')}
-
-
-
-
-
-);
-
-const FinancialForm = () => (
-
-
-);
-
-export default FinancialForm;
diff --git a/src/templates/app/_includes/form_verification_code.jsx b/src/templates/app/_includes/form_verification_code.jsx
deleted file mode 100644
index e0450f18ada..00000000000
--- a/src/templates/app/_includes/form_verification_code.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import { FormRow, SubmitButton, Fieldset } from '../../_common/components/forms.jsx';
-
-const FormVerificationCode = () => (
-
-
{it.L('Please check your email for the verification code to complete the process.')}
-
-
-
-
{it.L('A PEP is an individual who is or has been entrusted with a prominent public function. This status extends to a PEP\'s relatives and close associates.')}
- {it.L('Learn more')}
-
-
-
{it.L('A politically exposed person (PEP) is an individual who is or has been entrusted with a prominent public function. Family members and close associates of such individuals are also considered as PEPs. A PEP who has ceased to be entrusted with a prominent public function for at least 12 months no longer qualifies as a PEP.')}
-
-
-
- {it.L('I acknowledge that I am not a politically exposed person (PEP).')}
-
-
-
-);
-
-export default PepDeclaration;
diff --git a/src/templates/app/user/accounts.jsx b/src/templates/app/user/accounts.jsx
deleted file mode 100644
index 4feb7e16ce9..00000000000
--- a/src/templates/app/user/accounts.jsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-import Loading from '../../_common/components/loading.jsx';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-import { Table } from '../../_common/components/elements.jsx';
-
-const Accounts = () => (
-
-
-
-
-
-
{it.L('Create or Manage Accounts')}
-
-
-
-
-
- {it.L('Note: You can only have one fiat currency account and one of each cryptocurrency account.')}
-
-
-
-
-
{it.L('You have created all accounts available to you.')}
-
-
-
-
-
{it.L('Your Existing Accounts')}
-
-
-
- {it.L('Note: For any enquiries regarding disabled or excluded accounts, please contact [_1]Customer Support[_2].', `
`, ' ')}
-
-
-
-
-
-);
-
-export default Accounts;
diff --git a/src/templates/app/user/metatrader.jsx b/src/templates/app/user/metatrader.jsx
deleted file mode 100644
index f3e0e11abac..00000000000
--- a/src/templates/app/user/metatrader.jsx
+++ /dev/null
@@ -1,530 +0,0 @@
-import React from 'react';
-import { Button } from '../../_common/components/elements.jsx';
-import {
- FormRow,
- SubmitButton,
-} from '../../_common/components/forms.jsx';
-import Loading from '../../_common/components/loading.jsx';
-import MT5Banner from '../../_common/components/mt5_banner.jsx';
-
-/* eslint-disable react/jsx-no-target-blank */
-const AccountDesc = ({ title, description, account_type, landing_company_short, items, id = undefined }) => {
- let types = '';
- if (account_type) {
- types = `demo_${account_type} real_${account_type} ${landing_company_short || ''}`;
- }
-
- return (
-
- );
-};
-
-const TypeGroup = ({ title, children, types }) => (
-
-
-
{title}
- {children}
-
- {types.map((box, i) => (
-
-
- {box.title ?
-
{box.title}
- :
-
- }
-
-
{box.desc}
-
- ))}
-
-
-
{it.L('MetaTrader 5 dashboard')}
-
-
-
- {it.L('Please [_1]authenticate[_2] your account to continue trading.', ``, ' ')}
-
-
-
-
-
-
-
-
-
-
-
{it.L('MT5 Login:')}
-
-
ⓘ
-
-
-
-
-
-
{it.L('Trade server:')}
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Server maintenance starting 01:00 GMT every Sunday. This process may take up to 2 hours to complete. Service may be disrupted during this time.')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* first item should be the general description
- if there are any landing company specific descriptions,
- they should be below this with landing_company_short prop */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
{it.L('Reset password')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
{it.L('How to manage your funds')}
-
{it.L('Deposits and withdrawals for your MetaTrader 5 account always pass through your binary options account.')}
-
-
-
-
-
-
-
-
-
-
{it.L('Deposit or withdraw below')}
-
-
-
-
-
-
- {it.L('Remaining MT5 fund transfers for today: [_1]', '
-
-
-
-
-
{it.L('To perform this action, please set the [_1]currency[_2] of your account.', `
`, ' ')}
-
- {it.L('To perform this action, please switch to your [_1] Real Account.', it.website_name)}
-
- {it.L('If you do not have a [_1] Real Account yet, please [_2]create one[_3].', it.website_name, `
`, ' ')}
-
-
-
{it.L('To create a MetaTrader 5 account:')}
-
- {it.L('Upgrade to [_1] [_2]Gaming Account[_3].', it.website_name, ``, ' ')}
- {it.L('Upgrade to [_1] [_2]Financial Account[_3].', it.website_name, ``, ' ')}
- {it.L('Please [_1]complete the trading experience section[_2] in the financial assessment to open an MT5 account.', ``, ' ')}
- {it.L('Please [_1]complete the financial assessment[_2] to open an MT5 account.', ``, ' ')}
- {it.L('Complete your [_1]Tax Information[_2].', ``, ' ')}
- {it.L('Select [_1]Citizenship[_2].', ``, ' ')}
- {it.L('Select [_1]Account opening reason[_2].', ``, ' ')}
- {it.L('Please [_1]authenticate your account[_2] before creating an MT5 account.', ``, ' ')}
-
-
-
{it.L('To withdraw from MetaTrader 5 Financial Account please [_1]Authenticate[_2] your Binary account.', `
`, ' ')}
-
-
-
-);
-/* eslint-enable react/jsx-no-target-blank */
-
-export default Metatrader;
diff --git a/src/templates/app/user/profit_table.jsx b/src/templates/app/user/profit_table.jsx
deleted file mode 100644
index b89a18c5dec..00000000000
--- a/src/templates/app/user/profit_table.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-import { DatePicker } from '../../_common/components/elements.jsx';
-import Loading from '../../_common/components/loading.jsx';
-
-const ProfitTable = () => (
-
-
-
-
{it.L('Profit Table')}
-
-
-
-
-
-
-);
-
-export default ProfitTable;
diff --git a/src/templates/app/user/settings.jsx b/src/templates/app/user/settings.jsx
deleted file mode 100644
index 99d840633ab..00000000000
--- a/src/templates/app/user/settings.jsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-
-const Column = ({
- id,
- header,
- text,
- url,
- image,
- className = '',
-}) => (
-
-);
-
-const Settings = () => (
-
-
-
{it.L('Profile')}
-
-
-
-
-);
-
-export default Settings;
diff --git a/src/templates/app/user/statement.jsx b/src/templates/app/user/statement.jsx
deleted file mode 100644
index 0512b614e0d..00000000000
--- a/src/templates/app/user/statement.jsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import React from 'react';
-import { Button, DatePicker } from '../../_common/components/elements.jsx';
-import Loading from '../../_common/components/loading.jsx';
-
-const AccountStatisticsBox = ({ id, title, heading, className }) => (
-
- { title ?
-
{title}
- :
-
{heading}
- }
- { id &&
}
-
-
-
-
{it.L('Statement')}
-
-
-
-
-
-
-
-
{it.L('Download your statement')}
-
-
{it.L('Please select the date range of your statement:')}
-
-
-
-
-
-
-
-
- {('<<')} {it.L('Back to statement')}
-
-
-
-
{it.L('Your statement has been sent to your email address.')}
-
-
-
-
-);
-
-export default Statement;
diff --git a/src/templates/app/user/tnc_approval.jsx b/src/templates/app/user/tnc_approval.jsx
deleted file mode 100644
index e7c4b2a32a2..00000000000
--- a/src/templates/app/user/tnc_approval.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import Loading from '../../_common/components/loading.jsx';
-
-const TncApproval = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default TncApproval;
diff --git a/src/templates/app/user/top_up_virtual/pop_up.jsx b/src/templates/app/user/top_up_virtual/pop_up.jsx
deleted file mode 100644
index 9e26b2bb42d..00000000000
--- a/src/templates/app/user/top_up_virtual/pop_up.jsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-
-const TopUpVirtualPopup = () => (
-
-
-
{it.L('Top up Virtual Account')}
-
-
{it.L('Do you want to top up for another [_1]? If not, you can do this later on the [_2]Cashier page[_3], too.', '$10,000.00', ``, ' ')}
-
-
-);
-
-export default TopUpVirtualPopup;
diff --git a/src/templates/app/user/top_up_virtual/top_up_virtual.jsx b/src/templates/app/user/top_up_virtual/top_up_virtual.jsx
deleted file mode 100644
index cfd5e3e22d3..00000000000
--- a/src/templates/app/user/top_up_virtual/top_up_virtual.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import Loading from '../../../_common/components/loading.jsx';
-
-const TopUpVirtual = () => (
-
-
-
{it.L('Top up virtual account')}
-
-
-
-);
-
-export default TopUpVirtual;
})
- - {!!image.caption && -
-- } -})
- })
- })
- })
- })
- })
- }.svg`)}){kind=icon}
- }
- })
- }){kind=icon}
- })
- })
- })
- }){kind=spacer}
- })
- }){kind=icon}