From 809f9e4f001e2f4f0bbbf3884bc6b23c9524015f Mon Sep 17 00:00:00 2001
From: gsuee <141363690+gsuee@users.noreply.github.com>
Date: Mon, 2 Sep 2024 07:12:16 -0400
Subject: [PATCH] Internationalization of some messages

Contributed by @gsuee
---
 frontend/src/components/Settings/Options.js | 47 ++++++------
 frontend/src/layout/index.js                |  6 +-
 frontend/src/pages/SettingsCustom/index.js  | 14 ++--
 frontend/src/translate/languages/en.js      | 79 +++++++++++++++++++++
 frontend/src/translate/languages/es.js      | 79 +++++++++++++++++++++
 frontend/src/translate/languages/id.js      | 79 +++++++++++++++++++++
 frontend/src/translate/languages/pt.js      | 79 +++++++++++++++++++++
 7 files changed, 351 insertions(+), 32 deletions(-)

diff --git a/frontend/src/components/Settings/Options.js b/frontend/src/components/Settings/Options.js
index 62f8a73a..0420281c 100644
--- a/frontend/src/components/Settings/Options.js
+++ b/frontend/src/components/Settings/Options.js
@@ -23,6 +23,7 @@ import { faCopy, faGears } from '@fortawesome/free-solid-svg-icons';
 
 import { generateSecureToken } from "../../helpers/generateSecureToken";
 import { copyToClipboard } from "../../helpers/copyToClipboard";
+import { i18n } from "../../translate/i18n.js";
 
 const useStyles = makeStyles((theme) => ({
   container: {
@@ -319,7 +320,7 @@ export default function Options(props) {
                 </Grid> */}
         <Grid xs={12} sm={6} md={4} item>
           <FormControl className={classes.selectContainer}>
-            <InputLabel id="ratings-label">Avaliações</InputLabel>
+            <InputLabel id="ratings-label">{i18n.t("settings.validations.title")}</InputLabel>
             <Select
               labelId="ratings-label"
               value={userRating}
@@ -327,8 +328,8 @@ export default function Options(props) {
                 handleChangeUserRating(e.target.value);
               }}
             >
-              <MenuItem value={"disabled"}>Desabilitadas</MenuItem>
-              <MenuItem value={"enabled"}>Habilitadas</MenuItem>
+              <MenuItem value={"disabled"}>{i18n.t("settings.validations.options.disabled")}</MenuItem>
+              <MenuItem value={"enabled"}>{i18n.t("settings.validations.options.enabled")}</MenuItem>
             </Select>
             <FormHelperText>
               {loadingUserRating && "Atualizando..."}
@@ -338,7 +339,7 @@ export default function Options(props) {
         <Grid xs={12} sm={6} md={4} item>
           <FormControl className={classes.selectContainer}>
             <InputLabel id="schedule-type-label">
-              Gerenciamento de Expediente
+            {i18n.t("settings.OfficeManagement.title")}
             </InputLabel>
             <Select
               labelId="schedule-type-label"
@@ -347,9 +348,9 @@ export default function Options(props) {
                 handleScheduleType(e.target.value);
               }}
             >
-              <MenuItem value={"disabled"}>Desabilitado</MenuItem>
-              <MenuItem value={"queue"}>Gerenciamento Por Fila</MenuItem>
-              <MenuItem value={"company"}>Gerenciamento Por Empresa</MenuItem>
+              <MenuItem value={"disabled"}>{i18n.t("settings.OfficeManagement.options.disabled")}</MenuItem>
+              <MenuItem value={"queue"}>{i18n.t("settings.OfficeManagement.options.ManagementByDepartment")}</MenuItem>
+              <MenuItem value={"company"}>{i18n.t("settings.OfficeManagement.options.ManagementByCompany")}</MenuItem>
             </Select>
             <FormHelperText>
               {loadingScheduleType && "Atualizando..."}
@@ -359,7 +360,7 @@ export default function Options(props) {
         <Grid xs={12} sm={6} md={4} item>
           <FormControl className={classes.selectContainer}>
             <InputLabel id="group-type-label">
-              Ignorar Mensagens de Grupos
+            {i18n.t("settings.IgnoreGroupMessages.title")}
             </InputLabel>
             <Select
               labelId="group-type-label"
@@ -368,8 +369,8 @@ export default function Options(props) {
                 handleGroupType(e.target.value);
               }}
             >
-              <MenuItem value={"disabled"}>Desativado</MenuItem>
-              <MenuItem value={"enabled"}>Ativado</MenuItem>
+              <MenuItem value={"disabled"}>{i18n.t("settings.IgnoreGroupMessages.options.disabled")}</MenuItem>
+              <MenuItem value={"enabled"}>{i18n.t("settings.IgnoreGroupMessages.options.enabled")}</MenuItem>
             </Select>
             <FormHelperText>
               {loadingScheduleType && "Atualizando..."}
@@ -379,7 +380,7 @@ export default function Options(props) {
         <Grid xs={12} sm={6} md={4} item>
           <FormControl className={classes.selectContainer}>
             <InputLabel id="call-type-label">
-              Chamadas de Voz e Vídeo
+            {i18n.t("settings.VoiceAndVideoCalls.title")}
             </InputLabel>
             <Select
               labelId="call-type-label"
@@ -388,8 +389,8 @@ export default function Options(props) {
                 handleCallType(e.target.value);
               }}
             >
-              <MenuItem value={"disabled"}>Informar indisponibilidade</MenuItem>
-              <MenuItem value={"enabled"}>Ignorar</MenuItem>
+              <MenuItem value={"disabled"}>{i18n.t("settings.VoiceAndVideoCalls.options.disabled")}</MenuItem>
+              <MenuItem value={"enabled"}>{i18n.t("settings.VoiceAndVideoCalls.options.enabled")}</MenuItem>
             </Select>
             <FormHelperText>
               {loadingCallType && "Atualizando..."}
@@ -418,7 +419,7 @@ export default function Options(props) {
         <Grid xs={12} sm={6} md={4} item>
           <FormControl className={classes.selectContainer}>
             <InputLabel id="group-type-label">
-              Saída automática de chatbot
+            {i18n.t("settings.AutomaticChatbotOutput.title")}
             </InputLabel>
             <Select
               labelId="chatbot-autoexit"
@@ -427,8 +428,8 @@ export default function Options(props) {
                 handleChatbotAutoExit(e.target.value);
               }}
             >
-              <MenuItem value={"disabled"}>Desativado</MenuItem>
-              <MenuItem value={"enabled"}>Ativado</MenuItem>
+              <MenuItem value={"disabled"}>{i18n.t("settings.AutomaticChatbotOutput.options.disabled")}</MenuItem>
+              <MenuItem value={"enabled"}>{i18n.t("settings.AutomaticChatbotOutput.options.enabled")}</MenuItem>
             </Select>
             <FormHelperText>
               {loadingChatbotAutoExit && "Atualizando..."}
@@ -438,7 +439,7 @@ export default function Options(props) {
         <Grid xs={12} sm={6} md={4} item>
           <FormControl className={classes.selectContainer}>
             <InputLabel id="quickmessages-label">
-              Mensagens Rápidas
+            {i18n.t("settings.QuickMessages.title")}
             </InputLabel>
             <Select
               labelId="quickmessages-label"
@@ -447,8 +448,8 @@ export default function Options(props) {
                 handleQuickMessages(e.target.value);
               }}
             >
-              <MenuItem value={"company"}>Por empresa</MenuItem>
-              <MenuItem value={"individual"}>Por usuário</MenuItem>
+              <MenuItem value={"company"}>{i18n.t("settings.QuickMessages.options.enabled")}</MenuItem>
+              <MenuItem value={"individual"}>{i18n.t("settings.QuickMessages.options.disabled")}</MenuItem>
             </Select>
             <FormHelperText>
               {loadingQuickMessages && "Atualizando..."}
@@ -517,7 +518,7 @@ export default function Options(props) {
               <Grid xs={12} sm={6} md={4} item>
                 <FormControl className={classes.selectContainer}>
                   <InputLabel id="group-type-label">
-                    Permitir cadastro
+                  {i18n.t("settings.AllowRegistration.title")}
                   </InputLabel>
                   <Select
                     labelId="allow-signup"
@@ -526,8 +527,8 @@ export default function Options(props) {
                       handleAllowSignup(e.target.value);
                     }}
                   >
-                    <MenuItem value={"disabled"}>Desativado</MenuItem>
-                    <MenuItem value={"enabled"}>Ativado</MenuItem>
+                    <MenuItem value={"disabled"}>{i18n.t("settings.AllowRegistration.options.disabled")}</MenuItem>
+                    <MenuItem value={"enabled"}>{i18n.t("settings.AllowRegistration.options.enabled")}</MenuItem>
                   </Select>
                   <FormHelperText>
                     {loadingAllowSignup && "Atualizando..."}
@@ -540,7 +541,7 @@ export default function Options(props) {
                 <FormControl className={classes.selectContainer}>
                   <TextField
                     id="appname-field"
-                    label="Limite de Download de arquivos (MB)"
+                    label={i18n.t("settings.FileDownloadLimit.title")}
                     variant="standard"
                     name="appName"
                     value={downloadLimit}
diff --git a/frontend/src/layout/index.js b/frontend/src/layout/index.js
index 3b8b5d73..4ac0a84f 100644
--- a/frontend/src/layout/index.js
+++ b/frontend/src/layout/index.js
@@ -49,6 +49,8 @@ import NestedMenuItem from "material-ui-nested-menu-item";
 import GoogleAnalytics from "../components/GoogleAnalytics";
 import OnlyForSuperUser from "../components/OnlyForSuperUser";
 
+
+
 const drawerWidth = 240;
 
 const useStyles = makeStyles((theme) => ({
@@ -413,11 +415,11 @@ const LoggedInLayout = ({ children, themeToggle }) => {
           >
              {greaterThenSm && user?.profile === "admin" && user?.company?.dueDate ? (
               <>
-                Olá <b>{user.name}</b>, seja bem-vindo a <b>{user?.company?.name}</b>! (Ativo até {dateToClient(user?.company?.dueDate)})
+                {i18n.t("settings.WelcomeGreeting.greetings")} <b>{user.name}</b>, {i18n.t("settings.WelcomeGreeting.welcome")} <b>{user?.company?.name}</b>! ({i18n.t("settings.WelcomeGreeting.expirationTime")} {dateToClient(user?.company?.dueDate)})
               </>
             ) : (
               <>
-                Olá <b>{user.name}</b>, seja bem-vindo a <b>{user?.company?.name}</b>!
+                {i18n.t("settings.WelcomeGreeting.greetings")} <b>{user.name}</b>, {i18n.t("settings.WelcomeGreeting.welcome")} <b>{user?.company?.name}</b>! ({i18n.t("settings.WelcomeGreeting.expirationTime")} {dateToClient(user?.company?.dueDate)})
               </>
             )}
           </Typography>
diff --git a/frontend/src/pages/SettingsCustom/index.js b/frontend/src/pages/SettingsCustom/index.js
index 5f6bed55..2270a0b6 100644
--- a/frontend/src/pages/SettingsCustom/index.js
+++ b/frontend/src/pages/SettingsCustom/index.js
@@ -165,13 +165,13 @@ const SettingsCustom = () => {
           onChange={handleTabChange}
           className={classes.tab}
         >
-          <Tab label="Opções" value={"options"} />
-          {schedulesEnabled && <Tab label="Horários" value={"schedules"} />}
-          {isSuper() ? <Tab label="Empresas" value={"companies"} /> : null}
-          {isSuper() ? <Tab label="Planos" value={"plans"} /> : null}
-          {isSuper() ? <Tab label="Ajuda" value={"helps"} /> : null}
-          {isSuper() ? <Tab label="Whitelabel" value={"whitelabel"} /> : null}
-          {isSuper() ? <Tab label="Pay Gateways" value={"paymentGateway"} /> : null}
+          <Tab label={i18n.t("settings.Options.title")} value={"options"} />
+          {schedulesEnabled && <Tab label={i18n.t("settings.schedules.title")} value={"schedules"} />}
+          {isSuper() ? <Tab label={i18n.t("settings.Companies.title")} value={"companies"} /> : null}
+          {isSuper() ? <Tab label={i18n.t("settings.Plans.title")} value={"plans"} /> : null}
+          {isSuper() ? <Tab label={i18n.t("settings.Help.title")} value={"helps"} /> : null}
+          {isSuper() ? <Tab label={i18n.t("settings.Whitelabel.title")} value={"whitelabel"} /> : null}
+          {isSuper() ? <Tab label={i18n.t("settings.PaymentGateways.title")} value={"paymentGateway"} /> : null}
         </Tabs>
         <Paper className={classes.paper} elevation={0}>
           <TabPanel
diff --git a/frontend/src/translate/languages/en.js b/frontend/src/translate/languages/en.js
index 0bdf6e4a..8ae2bd88 100644
--- a/frontend/src/translate/languages/en.js
+++ b/frontend/src/translate/languages/en.js
@@ -698,6 +698,85 @@ const messages = {
 						},
 					},
 				},
+				validations: {
+					title:"validations",
+					options: {
+						enabled: "enabled",
+						disabled: "disabled",
+					},
+				},
+				OfficeManagement: {
+					title:"Office Management",
+					options: {
+						disabled: "disabled",
+						ManagementByDepartment: "Management By Department",
+						ManagementByCompany: "Management By Company",
+					},
+				},
+				IgnoreGroupMessages: {
+					title:"Ignore Group Messages",
+					options: {
+						enabled: "enabled",
+						disabled: "disabled",
+					},
+				},
+				VoiceAndVideoCalls: {
+					title:"Voice and video calls",
+					options: {
+						enabled: "Ignore",
+						disabled: "unavailability report",
+					},
+				},
+				AutomaticChatbotOutput: {
+					title:"Automatic Chatbot Output",
+					options: {
+						enabled: "enabled",
+						disabled: "disabled",
+					},
+				},
+				QuickMessages: {
+					title:"Quick Messages",
+					options: {
+						enabled: "By company",
+						disabled: "By User",
+					},
+				},
+				AllowRegistration: {
+					title:"Allow Registration",
+					options: {
+						enabled: "enabled",
+						disabled: "disabled",
+					},
+				},
+				FileDownloadLimit: {
+					title:"File Download Limit (MB)",
+				},
+				WelcomeGreeting: {
+					greetings: "Hello",
+					welcome: "Welcome to",
+					expirationTime: "Active until",
+				},
+				Options: {
+					title:"Options",
+				},
+				Companies: {
+					title:"Companies",
+				},
+				schedules: {
+					title:"schedules",
+				},
+				Plans: {
+					title:"Plans",
+				},
+				Help: {
+					title:"Help",
+				},
+				Whitelabel: {
+					title:"Whitelabel",
+				},
+				PaymentGateways: {
+					title:"Pasarelas de pago",
+				},
 			},
 			messagesList: {
 				header: {
diff --git a/frontend/src/translate/languages/es.js b/frontend/src/translate/languages/es.js
index 150d9d60..d2a14c35 100644
--- a/frontend/src/translate/languages/es.js
+++ b/frontend/src/translate/languages/es.js
@@ -704,6 +704,85 @@ const messages = {
 						},
 					},
 				},
+				validations: {
+					title:"Validaciones",
+					options: {
+						enabled: "Habilitado",
+						disabled: "Deshabilitado",
+					},
+				},
+				OfficeManagement: {
+					title:"Gestión de despachos",
+					options: {
+						disabled: "Deshabilitado",
+						ManagementByDepartment: "Gestión por departamento",
+						ManagementByCompany: "Gestión por empresa",
+					},
+				},
+				IgnoreGroupMessages: {
+					title:"Ignorar mensajes de grupo",
+					options: {
+						enabled: "Activado",
+						disabled: "Desactivado",
+					},
+				},
+				VoiceAndVideoCalls: {
+					title:"Llamadas de voz y vídeo",
+					options: {
+						enabled: "Ignorar",
+						disabled: "informe de indisponibilidad",
+					},
+				},
+				AutomaticChatbotOutput: {
+					title:"Salida automática del chatbot",
+					options: {
+						enabled: "Activado",
+						disabled: "Desactivado",
+					},
+				},
+				QuickMessages: {
+					title:"Respuestas rápidas",
+					options: {
+						enabled: "Por empresa",
+						disabled: "Por Usuario",
+					},
+				},
+				AllowRegistration: {
+					title:"Permitir el registro",
+					options: {
+						enabled: "Activado",
+						disabled: "Desactivado",
+					},
+				},
+				FileDownloadLimit: {
+					title:"Límite de descarga de archivos (MB)",
+				},
+				WelcomeGreeting: {
+					greetings: "hola",
+					welcome: "bienvenido a",
+					expirationTime: "Activo hasta",
+				},
+				Options: {
+					title:"Opciones",
+				},
+				Companies: {
+					title:"Empresas",
+				},
+				schedules: {
+					title:"horarios",
+				},
+				Plans: {
+					title:"Planes",
+				},
+				Help: {
+					title:"Ayuda",
+				},
+				Whitelabel: {
+					title:"Whitelabel",
+				},
+				PaymentGateways: {
+					title:"Payment gateways",
+				},
 			},
 			messagesList: {
 				header: {
diff --git a/frontend/src/translate/languages/id.js b/frontend/src/translate/languages/id.js
index 372d1455..8776e400 100644
--- a/frontend/src/translate/languages/id.js
+++ b/frontend/src/translate/languages/id.js
@@ -705,6 +705,85 @@ const messages = {
 						},
 					},
 				},
+				validations:{
+					title:"validasi",
+					options: {
+						enabled: "Diaktifkan",
+						disabled: "Dinonaktifkan",
+					},
+				},
+				OfficeManagement: {
+					title:"Manajemen kantor",
+					options: {
+						disabled: "Dinonaktifkan",
+						ManagementByDepartment: "Manajemen berdasarkan departemen",
+						ManagementByCompany: "Manajemen oleh perusahaan",
+					},
+				},
+				IgnoreGroupMessages: {
+					title:"Abaikan pesan grup",
+					options: {
+						enabled: "Diaktifkan",
+						disabled: "Dinonaktifkan",
+					},
+				},
+				VoiceAndVideoCalls: {
+					title:"Panggilan suara dan video",
+					options: {
+						enabled: "Abaikan.",
+						disabled: "laporan ketidaktersediaan",
+					},
+				},
+				AutomaticChatbotOutput: {
+					title:"Output chatbot otomatis",
+					options: {
+						enabled: "Diaktifkan",
+						disabled: "Dinonaktifkan",
+					},
+				},
+				QuickMessages: {
+					title:"Pesan cepat",
+					options: {
+						enabled: "Berdasarkan perusahaan",
+						disabled: "Oleh Pengguna",
+					},
+				},
+				AllowRegistration: {
+					title:"Izinkan pendaftaran",
+					options: {
+						enabled: "Diaktifkan",
+						disabled: "Dinonaktifkan",
+					},
+				},
+				FileDownloadLimit: {
+					title:"Batas unduhan file (MB)",
+				},
+				WelcomeGreeting: {
+					greetings: "halo",
+					welcome: "selamat datang di",
+					expirationTime: "Aktif sampai",
+				},
+				Options: {
+					title:"Pilihan",
+				},
+				Companies: {
+					title:"Perusahaan",
+				},
+				schedules: {
+					title:"Jadwal",
+				},
+				Plans: {
+					title:"Rencana",
+				},
+				Help: {
+					title:"Bantuan",
+				},
+				Whitelabel: {
+					title:"Whitelabel",
+				},
+				PaymentGateways: {
+					title:"Payment Gateways",
+				},
 			},
 			messagesList: {
 				header: {
diff --git a/frontend/src/translate/languages/pt.js b/frontend/src/translate/languages/pt.js
index 42078dfe..8d401c07 100644
--- a/frontend/src/translate/languages/pt.js
+++ b/frontend/src/translate/languages/pt.js
@@ -707,7 +707,86 @@ const messages = {
 						},
 					},
 				},
+			validations:{
+				title:"validações",
+				options: {
+					enabled: "habilitado",
+					disabled: "Desabilitado",
+				},
+			},
+			OfficeManagement: {
+				title:"Gerenciamento de Expediente",
+				options: {
+					disabled: "Desabilitado",
+					ManagementByDepartment: "Gerenciamento Por Fila",
+					ManagementByCompany: "Gerenciamento Por Empresa",
+				},
+			},
+			IgnoreGroupMessages: {
+				title:"Ignorar Mensagens de Grupos",
+				options: {
+					enabled: "Ativado",
+					disabled: "Desativado",
+				},
+			},
+			VoiceAndVideoCalls: {
+				title:"Chamadas de Voz e Vídeo",
+				options: {
+					enabled: "Ignorar",
+					disabled: "informar indisponibilidade",
+				},
+			},
+			AutomaticChatbotOutput: {
+				title:"Saída automática de chatbot",
+				options: {
+					enabled: "Activado",
+					disabled: "Desativado",
+				},
+			},
+			QuickMessages: {
+				title:"Mensagens Rápidas",
+				options: {
+					enabled: "Por empresa",
+					disabled: "Por Usuário",
+				},
+			},
+			AllowRegistration: {
+				title:"Permitir cadastro",
+				options: {
+					enabled: "Ativado",
+					disabled: "Desativado",
+				},
+			},
+			FileDownloadLimit: {
+				title:"Limite de Download de arquivos (MB)",
+			},
+			WelcomeGreeting: {
+				greetings: "Olá",
+				welcome: "Seja bem-vindo a",
+				expirationTime: "Ativo até",
+			},
+			Options: {
+				title:"Opções",
+			},
+			Companies: {
+				title:"Empresas",
+			},
+			schedules: {
+				title:"Horários",
+			},
+			Plans: {
+				title:"Planos",
+			},
+			Help: {
+				title:"Ajuda",
 			},
+			Whitelabel: {
+				title:"Whitelabel",
+			},
+			PaymentGateways: {
+				title:"Payment gateways",
+			},
+		},
 			messagesList: {
 				header: {
 					assignedTo: "Atribuído à:",