Merge pull request #7 from EvolutionAPI/signDelimiter

Add Sign Delimiter to Chatwoot Config

Author: gabrielpastori1

src/components/instance/settings/Chatwoot.vue

@@ -86,21 +86,37 @@
             />
           </div>
         </div>
+        <div class="d-flex align-center gap-4 flex-wrap">
+          <v-checkbox
+            class="flex-grow-0 flex-shrink-0"
+            v-model="chatwootData.sign_msg"
+            :disabled="loading"
+            hide-details
+            density="compact"
+          >
+            <template v-slot:label>
+              <span>{{ $t("chatwoot.signMsg") }}</span>
+              <HelpTooltip> {{ $t("chatwoot.signMsgHelp") }} </HelpTooltip>
+            </template>
+          </v-checkbox>
+          <v-text-field
+            class="flex-grow-1 flex-shrink-0"
+            v-model="chatwootData.sign_delimiter"
+            :disabled="loading || !chatwootData.sign_msg || !AppStore.versionSatisfies('>=1.6.1')"
+            :label="$t('chatwoot.signDelimiter')"
+            :hint="
+              !AppStore.versionSatisfies('>=1.6.0')
+                ? $t('version.availableFrom', { version: '1.6.1' })
+                : $t('chatwoot.signDelimiterHelp')
+            "
+            :persistent-hint="!AppStore.versionSatisfies('>=1.6.1')"
+            hide-details="auto"
+            placeholder="\n"
+            style="min-width: 200px"
+          ></v-text-field>
+        </div>
+
         <div class="d-flex gap-x-4 flex-wrap">
-          <div>
-            <v-checkbox
-              v-model="chatwootData.sign_msg"
-              :disabled="loading"
-              hide-details
-              class="mb-3"
-              density="compact"
-            >
-              <template v-slot:label>
-                <span>{{ $t("chatwoot.signMsg") }}</span>
-                <HelpTooltip> {{ $t("chatwoot.signMsgHelp") }} </HelpTooltip>
-              </template>
-            </v-checkbox>
-          </div>
           <div>
             <v-checkbox
               v-model="chatwootData.reopen_conversation"
@@ -197,6 +213,7 @@ const defaultObj = () => ({
   account_id: "",
   token: "",
   sign_msg: true,
+  sign_delimiter: "\n",
   reopen_conversation: true,
   conversation_pending: false,
   auto_create: undefined,
@@ -222,6 +239,7 @@ export default {
       account_id: "",
       token: "",
       sign_msg: true,
+      sign_delimiter: "\n",
       reopen_conversation: true,
       conversation_pending: false,
     },
@@ -231,6 +249,7 @@ export default {
       account_id: "",
       token: "",
       sign_msg: true,
+      sign_delimiter: "\n",
       reopen_conversation: true,
       conversation_pending: false,
     },

src/i18n/en.js

@@ -84,6 +84,8 @@ export default {
     token: "Account Token",
     signMsg: "Sign messages",
     signMsgHelp: "Adds the agent name at the first line of the message",
+    signDelimiter: "Signature delimiter",
+    signDelimiterHelp: "Delimiter used to separate the signature from the message (\\n for line break)",
     reopenConversation: "Reopen conversation",
     reopenConversationHelp: "Reopens the customer's conversation when he starts a new conversation instead of creating a new conversation",
     conversationPending: "Start conversation as pending",

src/i18n/pt.js

@@ -84,6 +84,8 @@ export default {
     token: "Token da conta",
     signMsg: "Assinar mensagens",
     signMsgHelp: "Adiciona o nome do atendente na primeira linha da mensagem",
+    signDelimiter: "Separador da assinatura da mensagem",
+    signDelimiterHelp: "Delimitador utilizado para separar a assinatura da mensagem (\\n para quebra de linha)",
     reopenConversation: "Reabrir conversa",
     reopenConversationHelp: "Reabre a conversa do cliente quando ele inicia uma nova conversa em vez de criar uma nova conversa",
     conversationPending: "Iniciar conversa como pendente",