feat: Update translations (#3279)

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>

app/javascript/dashboard/routes/dashboard/settings/inbox/channels/360DialogWhatsapp.vue

@@ -35,6 +35,7 @@
         <span>
           {{ $t('INBOX_MGMT.ADD.WHATSAPP.API_KEY.LABEL') }}
           <a
+            v-if="globalConfig.installationName === 'Chatwoot'"
             href="https://hub.360dialog.com/lp/whatsapp/L9dj7aPA"
             target="_blank"
             rel="noopener noreferrer nofollow"
@@ -83,6 +84,7 @@ export default {
   computed: {
     ...mapGetters({
       uiFlags: 'inboxes/getUIFlags',
+      globalConfig: 'globalConfig/get',
     }),
   },
   validations: {

app/javascript/dashboard/routes/dashboard/settings/integrationapps/IntegrationItem.vue

@@ -8,7 +8,12 @@
         {{ integrationName }}
       </h3>
       <p class="integration--description">
-        {{ integrationDescription }}
+        {{
+          useInstallationName(
+            integrationDescription,
+            globalConfig.installationName
+          )
+        }}
       </p>
     </div>
     <div class="small-2 column button-wrap">
@@ -33,11 +38,13 @@
 import { mapGetters } from 'vuex';
 import { frontendURL } from '../../../../helper/URLHelper';
 import WootLabel from 'dashboard/components/ui/Label';
+import globalConfigMixin from 'shared/mixins/globalConfigMixin';
 
 export default {
   components: {
     WootLabel,
   },
+  mixins: [globalConfigMixin],
   props: {
     integrationId: {
       type: String,
@@ -61,7 +68,10 @@ export default {
     },
   },
   computed: {
-    ...mapGetters({ accountId: 'getCurrentAccountId' }),
+    ...mapGetters({
+      accountId: 'getCurrentAccountId',
+      globalConfig: 'globalConfig/get',
+    }),
     labelText() {
       return this.integrationEnabled
         ? this.$t('INTEGRATION_APPS.STATUS.ENABLED')

app/javascript/dashboard/routes/dashboard/settings/integrations/Integration.vue

@@ -8,7 +8,12 @@
         {{ integrationName }}
       </h3>
       <p class="integration--description">
-        {{ integrationDescription }}
+        {{
+          useInstallationName(
+            integrationDescription,
+            globalConfig.installationName
+          )
+        }}
       </p>
     </div>
     <div class="small-2 column button-wrap">
@@ -59,9 +64,10 @@
 import { mapGetters } from 'vuex';
 import { frontendURL } from '../../../../helper/URLHelper';
 import alertMixin from 'shared/mixins/alertMixin';
+import globalConfigMixin from 'shared/mixins/globalConfigMixin';
 
 export default {
-  mixins: [alertMixin],
+  mixins: [alertMixin, globalConfigMixin],
   props: [
     'integrationId',
     'integrationLogo',
@@ -79,6 +85,7 @@ export default {
     ...mapGetters({
       currentUser: 'getCurrentUser',
       accountId: 'getCurrentAccountId',
+      globalConfig: 'globalConfig/get',
     }),
   },
   methods: {

app/javascript/dashboard/routes/dashboard/settings/integrations/NewWebHook.vue

@@ -3,9 +3,14 @@
     <div class="column content-box">
       <woot-modal-header
         :header-title="$t('INTEGRATION_SETTINGS.WEBHOOK.ADD.TITLE')"
-        :header-content="$t('INTEGRATION_SETTINGS.WEBHOOK.ADD.DESC')"
+        :header-content="
+          useInstallationName(
+            $t('INTEGRATION_SETTINGS.WEBHOOK.ADD.DESC'),
+            globalConfig.installationName
+          )
+        "
       />
-      <form class="row" @submit.prevent="addWebhook()">
+      <form class="row" @submit.prevent="addWebhook">
         <div class="medium-12 columns">
           <label :class="{ error: $v.endPoint.$error }">
             {{ $t('INTEGRATION_SETTINGS.WEBHOOK.ADD.FORM.END_POINT.LABEL') }}
@@ -48,12 +53,14 @@
 import { required, url, minLength } from 'vuelidate/lib/validators';
 import alertMixin from 'shared/mixins/alertMixin';
 import Modal from '../../../../components/Modal';
+import globalConfigMixin from 'shared/mixins/globalConfigMixin';
+import { mapGetters } from 'vuex';
 
 export default {
   components: {
     Modal,
   },
-  mixins: [alertMixin],
+  mixins: [alertMixin, globalConfigMixin],
   props: {
     onClose: {
       type: Function,
@@ -70,6 +77,9 @@ export default {
       show: true,
     };
   },
+  computed: {
+    ...mapGetters({ globalConfig: 'globalConfig/get' }),
+  },
   validations: {
     endPoint: {
       required,

app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue

@@ -62,7 +62,14 @@
         <h4 class="block-title">
           {{ $t('PROFILE_SETTINGS.FORM.ACCESS_TOKEN.TITLE') }}
         </h4>
-        <p>{{ $t('PROFILE_SETTINGS.FORM.ACCESS_TOKEN.NOTE') }}</p>
+        <p>
+          {{
+            useInstallationName(
+              $t('PROFILE_SETTINGS.FORM.ACCESS_TOKEN.NOTE'),
+              globalConfig.installationName
+            )
+          }}
+        </p>
       </div>
       <div class="columns small-9 medium-5">
         <woot-code :script="currentUser.access_token"></woot-code>
@@ -78,13 +85,14 @@ import { clearCookiesOnLogout } from '../../../../store/utils/api';
 import NotificationSettings from './NotificationSettings';
 import alertMixin from 'shared/mixins/alertMixin';
 import ChangePassword from './ChangePassword.vue';
+import globalConfigMixin from 'shared/mixins/globalConfigMixin';
 
 export default {
   components: {
     NotificationSettings,
     ChangePassword,
   },
-  mixins: [alertMixin],
+  mixins: [alertMixin, globalConfigMixin],
   data() {
     return {
       avatarFile: '',
@@ -111,6 +119,7 @@ export default {
     ...mapGetters({
       currentUser: 'getCurrentUser',
       currentUserId: 'getCurrentUserID',
+      globalConfig: 'globalConfig/get',
     }),
   },
   watch: {