Update URL contact support

Author: erikaperugachi

email_login/src/components/PanelWrapper.js

@@ -9,6 +9,7 @@ import PopupHOC from './PopupHOC';
 import ForgotPasswordPopup from './ForgotPasswordPopup';
 import DialogPopup, { DialogTypes } from './DialogPopup';
 import { ButtonState } from './Button';
+import { toCapitalize } from './../utils/StringUtils';
 import {
   createTemporalAccount,
   deleteTemporalAccount,
@@ -21,6 +22,7 @@ import {
   closeLoginWindow,
   getAccountByParams,
   getComputerName,
+  getOsAndArch,
   linkAuth,
   linkBegin,
   linkStatus,
@@ -33,6 +35,7 @@ import { DEVICE_TYPE, appDomain } from '../utils/const';
 import DeviceNotApproved from './DeviceNotApproved';
 import { hashPassword } from '../utils/HashUtils';
 import string, { getLang } from './../lang';
+import { version } from './../../package.json';
 import './panelwrapper.scss';
 
 const { errors, help, signIn, signUp } = string;
@@ -92,6 +95,7 @@ class PanelWrapper extends Component {
     super();
     this.state = {
       buttonSignInState: ButtonState.DISABLED,
+      contactURL: '',
       currentStep: mode.SIGNIN,
       lastStep: [mode.SIGNIN],
       mode: mode.SIGNIN,
@@ -126,14 +130,19 @@ class PanelWrapper extends Component {
     );
   }
 
+  async componentDidMount() {
+    const contactURL = await this.defineContactURL();
+    this.setState({ contactURL });
+  }
+
   renderFooter = () => (
     <footer>
       <span>
         {help.need_help}
         &nbsp;
         <a
           className="footer-link"
-          href={`https://criptext.com/${getLang}/contact/`}
+          href={this.state.contactURL}
           // eslint-disable-next-line react/jsx-no-target-blank
           target="_blank"
         >
@@ -540,6 +549,13 @@ class PanelWrapper extends Component {
       : `${usernameOrEmailAddress}@${appDomain}`;
   };
 
+  defineContactURL = async () => {
+    const { os, arch, installerType } = await getOsAndArch();
+    return `https://criptext.com/${getLang}/contact?version=${version}&os=${toCapitalize(
+      os
+    )}&installer=${installerType}&arch=${arch}`;
+  };
+
   goToPasswordLogin = () => {
     this.setState(state => ({
       buttonSignInState: ButtonState.ENABLED,

email_login/src/utils/StringUtils.js

@@ -37,3 +37,15 @@ export const replaceCharacters = (string, positionsToExclude, character) => {
     return replacedString;
   }
 };
+
+export const toCapitalize = (string, eachWord) => {
+  if (!eachWord) {
+    return string.replace(/\b\w/g, firstLetter => firstLetter.toUpperCase());
+  }
+  return string
+    .split(' ')
+    .map(word =>
+      word.replace(/\b\w/g, firstLetter => firstLetter.toUpperCase())
+    )
+    .join(' ');
+};

email_login/src/utils/ipc.js

@@ -6,6 +6,8 @@ export const closeLoginWindow = () => {
 
 export const getComputerName = () => callMain('get-computer-name');
 
+export const getOsAndArch = () => callMain('get-os-and-arch');
+
 export const isWindows = () => callMain('get-isWindows');
 
 export const minimizeLoginWindow = () => {