EPMRPP-90288 || Help and Services. 'Request support' modal redesign (#…

…3841) * EPMRPP-90288 || Help and Services. 'Request support' modal redesign * EPMRPP-90288 || translations * EPMRPP-90288 || code review fix - 1 * EPMRPP-90288 || removed duplicate cases with name * EPMRPP-90288 || Code review fix -2 * EPMRPP-90288 || Code review fix - 3
reportportal · May 27, 2024 · 477df19 · 477df19
1 parent 5713426
commit 477df19
Showing 18 changed files with 340 additions and 663 deletions.
diff --git a/app/localization/translated/be.json b/app/localization/translated/be.json
@@ -1786,6 +1786,19 @@
   "Service.FAQcontent.slackChannel": "Slack канал",
   "Service.FAQcontent.supportTeam": "каманда падтрымкі",
   "Service.helpAndServiceVersions": "Даведка і сэрвісныя версіі",
+  "ServiceModal.companyNameLabel": "Назва кампаніі",
+  "ServiceModal.companyNamePlaceholder": "Увядзіце назву кампаніі",
+  "ServiceModal.consentToProcessing": "Я даю згоду на апрацоўку маёй асабістай інфармацыі кампаніяй EPAM Systems, Inc. (“EPAM”) у адпаведнасці з <a>Палітыкай прыватнасці</a>",
+  "ServiceModal.emailLabel": "Email",
+  "ServiceModal.emailPlaceholder": "[email protected]",
+  "ServiceModal.firstNameLabel": "Імя",
+  "ServiceModal.firstNamePlaceholder": "Увядзіце сваё імя",
+  "ServiceModal.lastNameLabel": "Прозвішча",
+  "ServiceModal.lastNamePlaceholder": "Увядзіце сваё прозвішча",
+  "ServiceModal.requestSent": "Запыт адпраўлены",
+  "ServiceModal.sendRequest": "Адправіць запыт",
+  "ServiceModal.subscribeToNews": "Падпісвайцеся на навіны ReportPortal",
+  "ServiceModal.validEmailHint": "Калі ласка, увядзіце сапраўдны адрас электроннай пошты",
   "ServiceVersionItem.newVersion": "Даступны новыя версіі: {newVersion}",
   "ServiceVersionsBlock.currentVersion": "Бягучая версія",
   "ServiceVersionsBlock.deprecatedVersion": "Даступна новая версія",
@@ -1921,21 +1934,6 @@
   "SuiteLevelEntities.entityItemStatistics.placeholder": "Увядзіце колькасць",
   "SuiteLevelEntities.launchNumberPlaceholder": "Увядзіце нумар",
   "SuiteLevelEntities.suiteName.placeholder": "Увядзіце iмя",
-  "SupportBlock.askQuestion": "Задайце пытанне",
-  "SupportBlock.companyNamePlaceholder": "Назва кампаніі",
-  "SupportBlock.emailPlaceholder": "Электронная пошта",
-  "SupportBlock.firstNamePlaceholder": "Імя",
-  "SupportBlock.helpAndSupport": "дапамога і падтрымка",
-  "SupportBlock.instruction": "Інструкцыя",
-  "SupportBlock.lastNamePlaceholder": "Прозвішча",
-  "SupportBlock.modalText": "ReportPortal з'яўляецца бясплатным з адкрытым зыходным кодам пад ліцэнзіяй Apache 2.0, без аплаты або схаваных плацяжоў.<br/>Але калі вы шукаеце спецыяльнай прафесійнай падтрымкі для ўстаноўкі, інтэграцыі або наладкі, мы прапануем планы падтрымкі для прадпрыемстваў любога памеру . Хочаце даведацца больш? Адпраўце запыт і мы звяжамся!",
-  "SupportBlock.note": "Калі ў вас ёсць асаблівая праблема, звярніцеся па дапамогу да {ourSupportTeam} або адпраўце пытанне ў наш {slackChannel}",
-  "SupportBlock.ourSupportTeam": "наша служба падтрымкі",
-  "SupportBlock.requestSent": "Запыт адпраўлены",
-  "SupportBlock.requestSentFail": "Запыт не быў адпраўлены",
-  "SupportBlock.requestSupport": "Запытайце падтрымку",
-  "SupportBlock.slackChannel": "Слабы канал",
-  "SupportBlock.tryFindSolution": "Вы можаце паспрабаваць знайсці праблему і рашэнне ніжэй",
   "TableWidgets.failedColumnFull": "Няўдала",
   "TableWidgets.failedColumnShort": "няўд",
   "TableWidgets.passedColumnFull": "Паспяхова",

diff --git a/app/localization/translated/ru.json b/app/localization/translated/ru.json
@@ -1786,6 +1786,19 @@
   "Service.FAQcontent.slackChannel": "Слак канал",
   "Service.FAQcontent.supportTeam": "группа поддержки",
   "Service.helpAndServiceVersions": "Версии справки и обслуживания",
+  "ServiceModal.companyNameLabel": "Название компании",
+  "ServiceModal.companyNamePlaceholder": "Введите название компании",
+  "ServiceModal.consentToProcessing": "Я даю согласие на обработку моей личной информации компанией EPAM Systems, Inc. («EPAM») в соответствии с <a>Политикой конфиденциальности</a>.",
+  "ServiceModal.emailLabel": "Email",
+  "ServiceModal.emailPlaceholder": "[email protected]",
+  "ServiceModal.firstNameLabel": "Имя",
+  "ServiceModal.firstNamePlaceholder": "Введите свое имя",
+  "ServiceModal.lastNameLabel": "Фамилия",
+  "ServiceModal.lastNamePlaceholder": "Введите свою фамилию",
+  "ServiceModal.requestSent": "Запрос был отправлен",
+  "ServiceModal.sendRequest": "Послать запрос",
+  "ServiceModal.subscribeToNews": "Подпишитесь на новости ReportPortal",
+  "ServiceModal.validEmailHint": "Пожалуйста, введите действительный адрес электронной почты",
   "ServiceVersionItem.newVersion": "Доступна новая версия: {newVersion}",
   "ServiceVersionsBlock.currentVersion": "Текущая версия",
   "ServiceVersionsBlock.deprecatedVersion": "Доступна новая версия",
@@ -1921,21 +1934,6 @@
   "SuiteLevelEntities.entityItemStatistics.placeholder": "Введите количество",
   "SuiteLevelEntities.launchNumberPlaceholder": "Введите номер",
   "SuiteLevelEntities.suiteName.placeholder": "Введите имя",
-  "SupportBlock.askQuestion": "Задайте вопрос",
-  "SupportBlock.companyNamePlaceholder": "Название компании",
-  "SupportBlock.emailPlaceholder": "E-mail",
-  "SupportBlock.firstNamePlaceholder": "Имя",
-  "SupportBlock.helpAndSupport": "помощь и поддержка",
-  "SupportBlock.instruction": "Инструкция",
-  "SupportBlock.lastNamePlaceholder": "Фамилия",
-  "SupportBlock.modalText": "ReportPortal бесплатен и имеет открытый исходный код под лицензией Apache 2.0, без каких-либо сборов или скрытых платежей.<br/>Но если вам нужна специализированная профессиональная поддержка для установки, интеграции или настройки, мы предлагаем планы поддержки для предприятий любого размера. . Хотите узнать больше? Пожалуйста, отправьте заявку и мы свяжемся с вами!",
-  "SupportBlock.note": "Если у вас возникла особая проблема, обратитесь за помощью к {ourSupportTeam} или задайте свой вопрос в нашем {slackChannel}.",
-  "SupportBlock.ourSupportTeam": "наша команда поддержки",
-  "SupportBlock.requestSent": "Запрос был отправлен",
-  "SupportBlock.requestSentFail": "Запрос не отправлен",
-  "SupportBlock.requestSupport": "Запросить поддержку",
-  "SupportBlock.slackChannel": "Slack канал",
-  "SupportBlock.tryFindSolution": "Вы можете попытаться найти проблему и решение ниже.",
   "TableWidgets.failedColumnFull": "Неудачно",
   "TableWidgets.failedColumnShort": "неуд",
   "TableWidgets.passedColumnFull": "Успешно",

diff --git a/app/localization/translated/uk.json b/app/localization/translated/uk.json
@@ -1786,6 +1786,19 @@
   "Service.FAQcontent.slackChannel": "Slack канал",
   "Service.FAQcontent.supportTeam": "команда підтримки",
   "Service.helpAndServiceVersions": "Версії довідки та сервісу",
+  "ServiceModal.companyNameLabel": "Назва компанії",
+  "ServiceModal.companyNamePlaceholder": "Введіть назву компанії",
+  "ServiceModal.consentToProcessing": "Я даю згоду на обробку моєї особистої інформації EPAM Systems, Inc. («EPAM»), як зазначено в <a>Політиці конфіденційності</a>",
+  "ServiceModal.emailLabel": "Email",
+  "ServiceModal.emailPlaceholder": "[email protected]",
+  "ServiceModal.firstNameLabel": "Ім'я",
+  "ServiceModal.firstNamePlaceholder": "Введіть своє ім'я",
+  "ServiceModal.lastNameLabel": "Прізвище",
+  "ServiceModal.lastNamePlaceholder": "Введіть своє прізвище",
+  "ServiceModal.requestSent": "Запит надіслано",
+  "ServiceModal.sendRequest": "Відправляти запит",
+  "ServiceModal.subscribeToNews": "Підпишіться на новини ReportPortal",
+  "ServiceModal.validEmailHint": "Введіть дійсну адресу електронної пошти",
   "ServiceVersionItem.newVersion": "Доступна новая версия: {newVersion}",
   "ServiceVersionsBlock.currentVersion": "Поточна версія",
   "ServiceVersionsBlock.deprecatedVersion": "Доступна нова версія",
@@ -1921,21 +1934,6 @@
   "SuiteLevelEntities.entityItemStatistics.placeholder": "Введіть Кількість",
   "SuiteLevelEntities.launchNumberPlaceholder": "Введіть номер",
   "SuiteLevelEntities.suiteName.placeholder": "Введіть ім’я",
-  "SupportBlock.askQuestion": "Задайте питання",
-  "SupportBlock.companyNamePlaceholder": "Назва компанії",
-  "SupportBlock.emailPlaceholder": "E-mail",
-  "SupportBlock.firstNamePlaceholder": "Ім'я",
-  "SupportBlock.helpAndSupport": "допомога та підтримка",
-  "SupportBlock.instruction": "Інструкція",
-  "SupportBlock.lastNamePlaceholder": "Прізвище",
-  "SupportBlock.modalText": "ReportPortal є безкоштовним і відкритим вихідним кодом за ліцензією Apache 2.0, без стягнення або прихованої комісії.<br/>Але якщо вам потрібна спеціальна професійна підтримка для встановлення, інтеграції чи налаштування, ми пропонуємо плани підтримки для підприємств будь-якого розміру . Хочете дізнатися більше? Надішліть запит і ми зв'яжемося!",
-  "SupportBlock.note": "Якщо у вас виникла якась особлива проблема, зверніться за допомогою до {ourSupportTeam} або надішліть своє запитання в нашому {slackChannel}",
-  "SupportBlock.ourSupportTeam": "наша команда підтримки",
-  "SupportBlock.requestSent": "Запит надіслано",
-  "SupportBlock.requestSentFail": "Запит не відправлено",
-  "SupportBlock.requestSupport": "Запит на підтримку",
-  "SupportBlock.slackChannel": "Slack канал",
-  "SupportBlock.tryFindSolution": "Ви можете спробувати знайти проблему та рішення нижче",
   "TableWidgets.failedColumnFull": "Невдало",
   "TableWidgets.failedColumnShort": "незадовільно",
   "TableWidgets.passedColumnFull": "Успішно",

diff --git a/app/localization/translated/zh.json b/app/localization/translated/zh.json
@@ -1786,6 +1786,19 @@
   "Service.FAQcontent.slackChannel": "Slack 渠道",
   "Service.FAQcontent.supportTeam": "支持团队",
   "Service.helpAndServiceVersions": "帮助和服务版本",
+  "ServiceModal.companyNameLabel": "公司名称",
+  "ServiceModal.companyNamePlaceholder": "输入公司名称",
+  "ServiceModal.consentToProcessing": "我同意 EPAM Systems, Inc.（“EPAM”）按照<a>隐私政策</a>中的规定处理我的个人信息",
+  "ServiceModal.emailLabel": "Email",
+  "ServiceModal.emailPlaceholder": "[email protected]",
+  "ServiceModal.firstNameLabel": "名",
+  "ServiceModal.firstNamePlaceholder": "输入您的名字",
+  "ServiceModal.lastNameLabel": "姓",
+  "ServiceModal.lastNamePlaceholder": "输入您的姓氏",
+  "ServiceModal.requestSent": "请求已发送",
+  "ServiceModal.sendRequest": "发送请求",
+  "ServiceModal.subscribeToNews": "订阅 ReportPortal 新闻",
+  "ServiceModal.validEmailHint": "请输入有效的电子邮件",
   "ServiceVersionItem.newVersion": "新版本可用：{newVersion}",
   "ServiceVersionsBlock.currentVersion": "当前版本",
   "ServiceVersionsBlock.deprecatedVersion": "有新版本可用。",
@@ -1921,21 +1934,6 @@
   "SuiteLevelEntities.entityItemStatistics.placeholder": "请输入数量",
   "SuiteLevelEntities.launchNumberPlaceholder": "请输入编号",
   "SuiteLevelEntities.suiteName.placeholder": "请输入名称",
-  "SupportBlock.askQuestion": "问一个问题",
-  "SupportBlock.companyNamePlaceholder": "公司名称",
-  "SupportBlock.emailPlaceholder": "E-mail",
-  "SupportBlock.firstNamePlaceholder": "名",
-  "SupportBlock.helpAndSupport": "帮助支持",
-  "SupportBlock.instruction": "操作说明",
-  "SupportBlock.lastNamePlaceholder": "姓",
-  "SupportBlock.modalText": "ReportPortal 在 Apache 2.0 许可证下免费且开源，不收取任何费用或隐藏费用。<br/>但是，如果您正在寻求安装、集成或定制方面的专门专业支持，我们可以为各种规模的企业提供支持计划 。 想了解更多吗？ 请发送请求，我们将与您联系！",
-  "SupportBlock.note": "如果您有任何特殊问题，请寻求帮助 {ourSupportTeam} 或在我们的 {slackChannel} 中提交您的问题",
-  "SupportBlock.ourSupportTeam": "我们的支持团队",
-  "SupportBlock.requestSent": "请求已发送",
-  "SupportBlock.requestSentFail": "请求未发送",
-  "SupportBlock.requestSupport": "请求支持",
-  "SupportBlock.slackChannel": "Slack 渠道",
-  "SupportBlock.tryFindSolution": "您可以尝试在下面查找问题和解决方案",
   "TableWidgets.failedColumnFull": "失败",
   "TableWidgets.failedColumnShort": "失败",
   "TableWidgets.passedColumnFull": "通过",

diff --git a/app/src/componentLibrary/checkbox/checkbox.jsx b/app/src/componentLibrary/checkbox/checkbox.jsx
@@ -32,6 +32,7 @@ export const Checkbox = ({
   onFocus,
   onBlur,
   className,
+  name,
   value,
   variant,
   dataAutomationId,
@@ -73,6 +74,7 @@ export const Checkbox = ({
         disabled={disabled}
         onChange={onChange}
         checked={value}
+        name={name}
       />
       <span
         aria-labelledby="chk1-label"
@@ -90,6 +92,7 @@ Checkbox.propTypes = {
   variant: PropTypes.oneOf([LIGHT_VARIANT, DARK_VARIANT]),
   title: PropTypes.string,
   children: PropTypes.node,
+  name: PropTypes.string,
   value: PropTypes.bool,
   disabled: PropTypes.bool,
   onChange: PropTypes.func,
@@ -102,6 +105,7 @@ Checkbox.defaultProps = {
   variant: LIGHT_VARIANT,
   children: '',
   title: '',
+  name: '',
   value: false,
   disabled: false,
   onChange: () => {},

diff --git a/app/src/componentLibrary/fieldText/fieldText.jsx b/app/src/componentLibrary/fieldText/fieldText.jsx
@@ -50,6 +50,7 @@ export const FieldText = ({
   hasDoubleMessage,
   type,
   variant,
+  name,
 }) => {
   const clearInput = () => onChange('');
 
@@ -83,6 +84,7 @@ export const FieldText = ({
             type={type}
             className={cx(variant, 'input')}
             value={value}
+            name={name}
             maxLength={maxLength}
             disabled={disabled}
             onChange={disabled ? null : onChange}
@@ -130,6 +132,7 @@ export const FieldText = ({
   );
 };
 FieldText.propTypes = {
+  name: PropTypes.string,
   value: PropTypes.string,
   className: PropTypes.string,
   error: PropTypes.string,
@@ -156,6 +159,7 @@ FieldText.propTypes = {
   variant: PropTypes.oneOf([LIGHT_VARIANT, DARK_VARIANT]),
 };
 FieldText.defaultProps = {
+  name: '',
   value: '',
   className: '',
   error: '',

diff --git a/app/src/layouts/common/appSidebar/helpAndService/FAQcontent/FAQContent.jsx b/app/src/layouts/common/appSidebar/helpAndService/FAQcontent/FAQContent.jsx
@@ -24,6 +24,8 @@ import { showModalAction } from 'controllers/modal';
 import { useDispatch, useSelector } from 'react-redux';
 import { userIdSelector } from 'controllers/user';
 import { faqDictionary } from 'common/utils/referenceDictionary';
+import { HELP_AND_SUPPORT_EVENTS } from 'analyticsEvents/helpAndSupportEvents';
+import { useTracking } from 'react-tracking';
 import { setFAQOpenStatusTrue } from '../../utils';
 import { messages } from '../../messages';
 import { LinkItem } from '../linkItem';
@@ -35,6 +37,7 @@ export const FAQContent = ({ onOpen, closeNavbar, closePopover }) => {
   const { formatMessage } = useIntl();
   const dispatch = useDispatch();
   const userId = useSelector(userIdSelector);
+  const { trackEvent } = useTracking();
 
   useEffect(() => {
     onOpen(true);
@@ -79,6 +82,7 @@ export const FAQContent = ({ onOpen, closeNavbar, closePopover }) => {
         id: 'requestSupportModal',
       }),
     );
+    trackEvent(HELP_AND_SUPPORT_EVENTS.CLICK_REQUEST_SUPPORT_BUTTON);
   };
 
   const furtherAssistanceLinks = {

diff --git a/app/src/layouts/common/appSidebar/helpAndService/FAQcontent/index.js b/app/src/layouts/common/appSidebar/helpAndService/FAQcontent/index.js
@@ -15,4 +15,4 @@
  */
 
 export { FAQContent } from './FAQContent';
-export { RequestSupportModal } from '../../supportBlock/modal';
+export { RequestSupportModal } from '../modal';
diff --git a/...on/appSidebar/supportBlock/modal/index.js → .../appSidebar/helpAndService/modal/index.js b/...on/appSidebar/supportBlock/modal/index.js → .../appSidebar/helpAndService/modal/index.js
@@ -1,5 +1,5 @@
 /*
- * Copyright 2021 EPAM Systems
+ * Copyright 2024 EPAM Systems
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.