https://meestpay.com/assets/js/answers.js

1jQuery(document).ready(function ($) {
2  // let formName = document.querySelector('.form__name[name="name"]');
3  // let formEmail = document.querySelector('.form__name[name="email"]');
4  // let formPhone = document.querySelector('.form__name[name="phone"]');
5  // let formMessage = document.querySelector('.form__name[name="message"]');
6
7  let check = document.querySelectorAll('.check');
8  let uncheck = document.querySelectorAll('.uncheck');
9  if (check && uncheck) {
10    uncheck.forEach((n, index) =>
11      n.addEventListener('click', function () {
12        this.classList.add('d-none');
13        check[index].classList.remove('d-none');
14        if (
15          formName.value == 0 ||
16          formEmail.value == 0 ||
17          formPhone.value == 0 ||
18          formMessage.value == 0 ||
19          check[0].classList.contains('d-none')
20        ) {
21          $('.form__submit').attr('disabled', 'disabled');
22        }
23        if (
24          uncheck[0].classList.contains('d-none') &&
25          formName.value != 0 &&
26          formEmail.value != 0 &&
27          formPhone.value != 0 &&
28          formMessage.value != 0
29        ) {
30          $('.form__submit').removeAttr('disabled', 'disabled');
31        } else {
32          $('.form__submit').attr('disabled', 'disabled');
33        }
34        if (check[0].classList.contains('d-none')) {
35          $('.form__submit').attr('disabled', 'disabled');
36        }
37      })
38    );
39    check.forEach((n, index) =>
40      n.addEventListener('click', function () {
41        this.classList.add('d-none');
42        uncheck[index].classList.remove('d-none');
43        if (
44          formName.value != 0 &&
45          formEmail.value != 0 &&
46          formPhone.value != 0 &&
47          formMessage.value != 0 &&
48          uncheck[0].classList.contains('d-none')
49        ) {
50          $('.form__submit').removeAttr('disabled', 'disabled');
51        } else {
52          $('.form__submit').attr('disabled', 'disabled');
53        }
54      })
55    );
56  }
57
58  let quest = document.querySelectorAll('.answers__listBlock');
59  let questBlock = document.querySelectorAll('.answers__listBlock');
60  let answBlock = document.querySelectorAll('.answers__answers');
61
62  if (
63    typeof quest !== 'undefined' &&
64    typeof questBlock !== 'undefined' &&
65    typeof answBlock !== 'undefined'
66  ) {
67    questBlock[0] && questBlock[0].classList.remove('answers__unactive');
68    answBlock[0] && answBlock[0].classList.remove('d-none');
69
70    quest.forEach((item, index) => {
71      item.addEventListener('click', function () {
72        questBlock.forEach((body) => body.classList.add('answers__unactive'));
73        questBlock[index].classList.remove('answers__unactive');
74        answBlock.forEach((n) => n.classList.add('d-none'));
75        answBlock[index].classList.remove('d-none');
76      });
77    });
78  }
79
80  const isAnswersPage = Boolean(document.getElementById('answers'));
81
82  if ($(window).width() > 992 && $(window).width() < 992 && isAnswersPage) {
83    $('.faq__block-question').click(function (e) {
84      if (!$(this).children('.faq__arrow').hasClass('faq__arrow-open')) {
85        const activeAnswer = $('.faq__answer-open');
86        const activeArrow = $('.faq__arrow-open');
87
88        if (activeAnswer && activeArrow) {
89          activeAnswer.removeClass('faq__answer-open');
90          activeArrow.removeClass('faq__arrow-open');
91        }
92      }
93
94      $(this).children('.faq__arrow').toggleClass('faq__arrow-open');
95      $(this)
96        .closest('.faq__item')
97        .children('.faq__answer')
98        .toggleClass('faq__answer-open');
99    });
100  }
101
102  // old form
103  // let inputs = document.querySelector('textarea');
104  // if (inputs) {
105  //   inputs.addEventListener('keyup', function () {
106  //     let name = document.querySelector('input[name="name"]').value;
107  //     let email = document.querySelector('input[name="email"]').value;
108  //     let phone = document.querySelector('input[name="phone"]').value;
109  //     let message = document.querySelector('.form__name[name="message"]').value;
110  //     let submit = document.querySelector('.form__submit');
111  //     console.log(email != 0 && name != 0 && phone != 0 && message != 0);
112  //     if (email != 0 && name != 0 && phone != 0 && message != 0) {
113  //       submit.removeAttribute('disabled', 'disabled');
114  //       return;
115  //     }
116  //     submit.setAttribute('disabled', 'disabled');
117  //   });
118
119  //   let submit = document.querySelector('.form__submit');
120
121  //   submit.addEventListener('click', function (e) {
122  //     e.preventDefault();
123  //     console.log(this);
124  //   });
125  // }
126
127  // function validateEmail(email) {
128  //   var re =
129  //     /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;
130  //   return re.test(String(email).toLowerCase());
131  // }
132
133  // function validate() {
134  //   var email = $('.form__name[name="email"]').val();
135
136  //   if (validateEmail(email)) {
137  //     document
138  //       .querySelector('.form__name[name="email"]')
139  //       .classList.remove('error-valid');
140  //   } else {
141  //     document
142  //       .querySelector('.form__name[name="email"]')
143  //       .classList.add('error-valid');
144  //   }
145  //   return false;

146  // }
147  // jQuery('.form__submit').on('click', validate);
148});
149
150function setLabels() {
151  const htmlTag = document.querySelector('html');
152  if (!htmlTag) return;
153
154  const currentLanguage = htmlTag.getAttribute('lang');
155  if (!currentLanguage) return;
156
157  const labels = {
158    name: document.querySelector('.wpforms-field-name label'),
159    email: document.querySelector('.wpforms-field-email label'),
160    number: document.querySelector('.wpforms-field-number label'),
161    textarea: document.querySelector('.wpforms-field-textarea label'),
162    submit: document.querySelector('.wpforms-submit'),
163    submit4060: document.querySelector('#wpforms-submit-4060'),
164    textarea4320: document.querySelector('#wpforms-4320-field_2-container > label'),
165    gdpr: document.querySelector('#wpforms-3058-field_8-container label.wpforms-field-label-inline'),
166  };
167
168  if (!labels.name) return;
169
170  const languageConfig = {
171    uk: {
172      name: 'Ім‘я',
173      email: 'Електронна пошта',
174      number: 'Тел.номер',
175      textarea: 'Ваше питання',
176      submit: 'Надіслати',
177      submit4060: 'Надіслати',
178      confirmation:
179        "Дякуємо, що звернулися до нас! Ми зв'яжемося з вами найближчим часом.",
180      textarea4320: 'Ваше повідомлення',
181      gdpr: 'Я погоджуюся на обробку моїх персональних даних відповідно до <a href="https://documents.meest-transfer.com/files/web-meestpay/uk/%D0%9F%D0%BE%D0%BB%D1%96%D1%82%D0%B8%D0%BA%D0%B0%20%D0%BA%D0%BE%D0%BD%D1%84%D1%96%D0%B4%D0%B5%D0%BD%D1%86%D1%96%D0%B9%D0%BD%D0%BE%D1%81%D1%82%D1%96%20%D0%BA%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D1%96%D1%97%20Meest%20Transfer%20Sp.%20z%20o.%20o._UA_2026%2004%2013.pdf" target="_blank" class="hover-blue">Політики конфіденційності</a>.',
182    },
183    'pl-PL': {
184      name: 'Imię',
185      email: 'E-mail',
186      number: 'Numer telefonu',
187      textarea: 'Twoje pytanie',
188      submit: 'Prześlij',
189      submit4060: 'Prześlij',
190      confirmation: 'Dziękujemy za kontakt! Wkrótce się z Tobą skontaktujemy.',
191      textarea4320: 'Twoja wiadomość',
192      gdpr: 'Zgadzam się na przetwarzanie moich danych osobowych zgodnie z <a href="https://documents.meest-transfer.com/files/web-meestpay/pl/Polityka%20prywatno%C5%9Bci%20Meest%20Transfer%20Sp.%20z%20o.%20o._2026%2004%2013.pdf" target="_blank" class="hover-blue">Polityką prywatności</a>.',
193    },
194    'en-US': {
195      name: 'Name',
196      email: 'E-mail',
197      number: 'Tel.number',
198      textarea: 'Your question',
199      submit: 'Submit',
200      submit4060: 'Submit',
201      textarea4320: 'Your message',
202      gdpr: 'I agree to the processing of my personal data in accordance with the <a href="https://documents.meest-transfer.com/files/web-meestpay/en/Privacy%20Policy%20of%20Meest%20Transfer%20Sp.%20z%20o.%20o._2026%2004%2013.pdf" target="_blank" class="hover-blue">Privacy Policy</a>.',
203    },
204    'ru-RU': {
205      name: 'Имя',
206      email: 'Электронная почта',
207      number: 'Тел.номер',
208      textarea: 'Ваш вопрос',
209      submit: 'Отправить',
210      submit4060: 'Отправить',
211      confirmation:
212        'Спасибо, что обратились к нам! Мы свяжемся с вами в ближайшее время.',
213      textarea4320: 'Ваше сообщение',
214      gdpr: 'Я согласен на обработку моих персональных данных в соответствии с <a href="https://documents.meest-transfer.com/files/web-meestpay/ru/%D0%9F%D0%BE%D0%BB%D0%B8%D1%82%D0%B8%D0%BA%D0%B0%20%D0%BA%D0%BE%D0%BD%D1%84%D0%B8%D0%B4%D0%B5%D0%BD%D1%86%D0%B8%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D1%81%D1%82%D0%B8%20%D0%BA%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D0%B8%D0%B8%20Meest%20Transfer%20Sp.%20z%20o.%20o._RU_2026%2004%2013.pdf" target="_blank" class="hover-blue">Политикой конфиденциальности</a>.',
215    },
216  };
217
218  const currentLanguageConfig = languageConfig[currentLanguage];
219  if (!currentLanguageConfig) return;
220
221  Object.keys(currentLanguageConfig).forEach((key) => {
222    if (labels[key]) {

223      if (key === 'gdpr') {
224        labels[key].innerHTML =
225          currentLanguageConfig[key] +
226          ' <span class="wpforms-required-label" aria-hidden="true">*</span>';
227      } else {
228        labels[key].innerText = currentLanguageConfig[key];
229      }
230    }
231  });
232
233  const form = document.querySelector('#wpforms-form-4060');
234  if (form) {
235    form.addEventListener('submit', function () {
236      setTimeout(() => {
237        const confirmation = document.querySelector('#wpforms-confirmation-4060 p');
238        if (confirmation && currentLanguageConfig.confirmation) {
239          confirmation.innerText = currentLanguageConfig.confirmation;
240        }
241      }, 500);
242    });
243  }
244}
245
246setLabels();
247