Add editor header translation keys (#1110)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Implemented internationalization support across various components
using the `useTranslate` function for dynamic content translation.

- **Enhancements**
- Updated UI elements such as buttons, tooltips, placeholders, and
labels to display translated text, improving accessibility and user
experience for non-English speakers.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Co-authored-by: Baptiste Arnaud <baptiste.arnaud95@gmail.com>

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-pnpm lint
+pnpm lint && pnpm format:fix

apps/builder/.prettierignore

@@ -0,0 +1,2 @@
+emojiList.json
+iconNames.ts

apps/builder/package.json

@@ -8,7 +8,8 @@
     "start": "dotenv -e ./.env -e ../../.env -- next start",
     "lint": "dotenv -e ./.env -e ../../.env -- next lint",
     "test": "dotenv -e ./.env -e ../../.env -- pnpm playwright test",
-    "test:show-report": "pnpm playwright show-report src/test/reporters"
+    "test:show-report": "pnpm playwright show-report src/test/reporters",
+    "format:fix": "prettier --write ./src"
   },
   "dependencies": {
     "@chakra-ui/anatomy": "2.1.1",

apps/builder/public/locales/de.json

@@ -150,14 +150,14 @@
   "editor.gettingStartedModal.seeAction.item.label": "Weitere Videos",
   "editor.gettingStartedModal.seeAction.label": "In Aktion sehen",
   "editor.gettingStartedModal.seeAction.time": "5 Minuten",
-  "editor.headers.flowButton.label": "Ablauf",
-  "editor.headers.helpButton.label": "Hilfe",
-  "editor.headers.previewButton.label": "Vorschau",
-  "editor.headers.resultsButton.label": "Ergebnisse",
-  "editor.headers.savingSpinner.label": "Speichern...",
-  "editor.headers.settingsButton.label": "Einstellungen",
-  "editor.headers.shareButton.label": "Teilen",
-  "editor.headers.themeButton.label": "Design",
+  "editor.header.flowButton.label": "Ablauf",
+  "editor.header.helpButton.label": "Hilfe",
+  "editor.header.previewButton.label": "Vorschau",
+  "editor.header.resultsButton.label": "Ergebnisse",
+  "editor.header.savingSpinner.label": "Speichern...",
+  "editor.header.settingsButton.label": "Einstellungen",
+  "share.button.label": "Teilen",
+  "editor.header.themeButton.label": "Design",
   "editor.sidebarBlock.abTest.label": "AB-Test",
   "editor.sidebarBlock.analytics.label": "Analytics",
   "editor.sidebarBlock.audio.label": "Audio",

apps/builder/public/locales/en.json

@@ -117,7 +117,24 @@
   "blocks.integrations.googleSheets.blockCard.tooltip": "Google Sheets",
   "cancel": "Cancel",
   "clickToEdit": "Click to edit...",
+  "collaboration.roles.edit.label": "Can edit",
+  "collaboration.roles.full.label": "Full access",
+  "collaboration.roles.view.label": "Can view",
   "confirmModal.defaultTitle": "Are you sure?",
+  "emojiList.categories.activities.label": "ACTIVITIES",
+  "emojiList.categories.animalsAndNature.label": "ANIMALS & NATURE",
+  "emojiList.categories.flags.label": "FLAGS",
+  "emojiList.categories.foodAndDrink.label": "FOOD & DRINK",
+  "emojiList.categories.objects.label": "OBJECTS",
+  "emojiList.categories.people.label": "PEOPLE",
+  "emojiList.categories.recent.label": "RECENT",
+  "emojiList.categories.symbols.label": "SYMBOLS",
+  "emojiList.categories.travelAndPlaces.label": "TRAVEL & PLACES",
+  "emojiList.searchInput.placeholder": "Search...",
+  "variables.button.tooltip": "Insert a variable",
+  "variables.button.searchInput.placeholder": "Search for a variable",
+  "copy": "Copy",
+  "copied": "Copied",
   "dashboard.header.settingsButton.label": "Settings & Members",
   "dashboard.redirectionMessage": "You are being redirected...",
   "dashboard.title": "My typebots",
@@ -140,7 +157,13 @@
   "editor.blocks.bubbles.image.switchWithLabel.onClick.placeholder": "Link alt text (description)",
   "editor.blocks.bubbles.textEditor.plate.label": "Text editor",
   "editor.blocks.bubbles.textEditor.searchVariable.placeholder": "Search for a variable",
+  "editor.graph.menu.documentationItem.label": "Documentation",
+  "editor.graph.menu.editorSettingsItem.label": "Editor settings",
+  "editor.graph.menu.exportFlowItem.label": "Export flow",
   "editor.blocks.start.text": "Start",
+  "editor.header.linkTab.searchInputPlaceholder.label": "Paste the image link...",
+  "editor.header.tooltip.changeIcon.label": "Change icon",
+  "editor.header.uploadTab.uploadButton.label": "Choose an image",
   "editor.editableTypebotName.tooltip.rename.label": "Rename",
   "editor.gettingStartedModal.editorBasics.heading": "Editor Basics",
   "editor.gettingStartedModal.editorBasics.list.four.label": "Preview your bot by clicking the test button on the top right",
@@ -151,14 +174,42 @@
   "editor.gettingStartedModal.seeAction.item.label": "Other videos",
   "editor.gettingStartedModal.seeAction.label": "See it in action",
   "editor.gettingStartedModal.seeAction.time": "5 minutes",
-  "editor.headers.flowButton.label": "Flow",
-  "editor.headers.helpButton.label": "Help",
-  "editor.headers.previewButton.label": "Test",
-  "editor.headers.resultsButton.label": "Results",
-  "editor.headers.savingSpinner.label": "Saving...",
-  "editor.headers.settingsButton.label": "Settings",
-  "editor.headers.shareButton.label": "Share",
-  "editor.headers.themeButton.label": "Theme",
+  "editor.header.flowButton.label": "Flow",
+  "editor.header.helpButton.label": "Help",
+  "editor.header.previewButton.label": "Test",
+  "publishButton.closed.label": "Closed",
+  "publishButton.label": "Publish",
+  "publishButton.tooltip.nonPublishedChanges.label": "There are non published changes.",
+  "publishButton.tooltip.publishedVersion.from.label": "Published version from",
+  "publishButton.tooltip.publishedVersion.ago.label": "ago",
+  "publishButton.published.label": "Published",
+  "publishButton.dropdown.close.label": "Close typebot to new responses",
+  "publishButton.dropdown.reopen.label": "Reopen typebot to new responses",
+  "publishButton.dropdown.showMenu.label": "Show published typebot menu",
+  "publishButton.dropdown.unpublish.label": "Unpublish typebot",
+  "publish.versionWarning.title.label": "⚠️ New engine version",
+  "publish.versionWarning.message.aboutToDeploy.label": "You are about to a deploy a version of your bot with an updated engine. (Typebot V6).",
+  "publish.versionWarning.message.check.label": "Make sure to check out all the",
+  "publish.versionWarning.message.breakingChanges.label": "associated breaking changes",
+  "publish.versionWarning.message.testInPreviewMode.label": "Then test, the bot thoroughly in preview mode before publishing.",
+  "publish.error.label": "Error while publishing typebot",
+  "publishButton.dropdown.restoreVersion.label": "Restore published version",
+  "editor.header.redoButton.label": "Redo",
+  "editor.header.resultsButton.label": "Results",
+  "editor.header.savingSpinner.label": "Saving...",
+  "editor.header.settingsButton.label": "Settings",
+  "share.button.label": "Share",
+  "share.button.popover.ariaLabel": "Open share popover",
+  "share.button.popover.collaboratorsFetch.error.label": "Couldn't fetch collaborators",
+  "share.button.popover.invitationsFetch.error.label": "Couldn't fetch invitations",
+  "share.button.popover.invitationSent.successToast.label": "Invitation sent! 📧",
+  "share.button.popover.inviteButton.label": "Invite",
+  "share.button.popover.inviteInput.placeholder": "colleague@company.com",
+  "share.button.popover.publicFlow.label": "Make the flow publicly available",
+  "editor.header.themeButton.label": "Theme",
+  "editor.header.undo.tooltip.label": "Changes reverted!",
+  "editor.header.undoButton.label": "Undo",
+  "editor.header.unpublishTypebot.error.label": "Error while unpublishing typebot",
   "editor.sidebarBlock.abTest.label": "AB Test",
   "editor.sidebarBlock.analytics.label": "Analytics",
   "editor.sidebarBlock.audio.label": "Audio",
@@ -213,6 +264,7 @@
   "folders.typebotButton.showMoreOptions": "Show more options",
   "folders.typebotButton.unpublish": "Unpublish",
   "pending": "Pending",
+  "preview.restartButton.label": "Restart",
   "remove": "Remove",
   "skip": "Skip",
   "templates.buttons.fromScratchButton.label": "Start from scratch",

apps/builder/public/locales/es.json

@@ -151,14 +151,14 @@
   "editor.gettingStartedModal.seeAction.item.label": "Otros videos",
   "editor.gettingStartedModal.seeAction.label": "Verlo en acción",
   "editor.gettingStartedModal.seeAction.time": "5 minutos",
-  "editor.headers.flowButton.label": "Flujo",
-  "editor.headers.helpButton.label": "Ayuda",
-  "editor.headers.previewButton.label": "Previsualización",
-  "editor.headers.resultsButton.label": "Resultados",
-  "editor.headers.savingSpinner.label": "Guardando...",
-  "editor.headers.settingsButton.label": "Configuración",
-  "editor.headers.shareButton.label": "Compartir",
-  "editor.headers.themeButton.label": "Tema",
+  "editor.header.flowButton.label": "Flujo",
+  "editor.header.helpButton.label": "Ayuda",
+  "editor.header.previewButton.label": "Previsualización",
+  "editor.header.resultsButton.label": "Resultados",
+  "editor.header.savingSpinner.label": "Guardando...",
+  "editor.header.settingsButton.label": "Configuración",
+  "share.button.label": "Compartir",
+  "editor.header.themeButton.label": "Tema",
   "editor.sidebarBlock.abTest.label": "Prueba A/B",
   "editor.sidebarBlock.analytics.label": "Análisis",
   "editor.sidebarBlock.audio.label": "Audio",

apps/builder/public/locales/fr.json

@@ -151,14 +151,14 @@
   "editor.gettingStartedModal.seeAction.item.label": "Autres vidéos",
   "editor.gettingStartedModal.seeAction.label": "Voir en action",
   "editor.gettingStartedModal.seeAction.time": "5 minutes",
-  "editor.headers.flowButton.label": "Flow",
-  "editor.headers.helpButton.label": "Aide",
-  "editor.headers.previewButton.label": "Tester",
-  "editor.headers.resultsButton.label": "Résultats",
-  "editor.headers.savingSpinner.label": "Enregistrement...",
-  "editor.headers.settingsButton.label": "Paramètres",
-  "editor.headers.shareButton.label": "Partage",
-  "editor.headers.themeButton.label": "Thème",
+  "editor.header.flowButton.label": "Flow",
+  "editor.header.helpButton.label": "Aide",
+  "editor.header.previewButton.label": "Tester",
+  "editor.header.resultsButton.label": "Résultats",
+  "editor.header.savingSpinner.label": "Enregistrement...",
+  "editor.header.settingsButton.label": "Paramètres",
+  "share.button.label": "Partage",
+  "editor.header.themeButton.label": "Thème",
   "editor.sidebarBlock.abTest.label": "AB Test",
   "editor.sidebarBlock.analytics.label": "Analytics",
   "editor.sidebarBlock.audio.label": "Audio",

apps/builder/public/locales/pt-BR.json

@@ -117,7 +117,24 @@
   "blocks.integrations.googleSheets.blockCard.tooltip": "Google Sheets",
   "cancel": "Cancelar",
   "clickToEdit": "Clique para editar...",
+  "collaboration.roles.edit.label": "Pode editar",
+  "collaboration.roles.full.label": "Acesso Total",
+  "collaboration.roles.view.label": "Pode ver",
   "confirmModal.defaultTitle": "Tem certeza?",
+  "emojiList.categories.activities.label": "ATIVIDADES",
+  "emojiList.categories.animalsAndNature.label": "ANIMAIS & NATUREZA",
+  "emojiList.categories.flags.label": "BANDEIRAS",
+  "emojiList.categories.foodAndDrink.label": "COMIDA & BEBIDA",
+  "emojiList.categories.objects.label": "OBJETOS",
+  "emojiList.categories.people.label": "PESSOAS",
+  "emojiList.categories.recent.label": "RECENTE",
+  "emojiList.categories.symbols.label": "SÍMBOLOS",
+  "emojiList.categories.travelAndPlaces.label": "VIAJEM E LUGARES",
+  "emojiList.searchInput.placeholder": "Buscar...",
+  "variables.button.tooltip": "Insira uma variável",
+  "variables.button.searchInput.placeholder": "Procure por uma variável",
+  "copy": "Copiar",
+  "copied": "Copiado",
   "dashboard.header.settingsButton.label": "Configurações & Membros",
   "dashboard.redirectionMessage": "Você está sendo redirecionado...",
   "dashboard.title": "Meus typebots",
@@ -140,7 +157,13 @@
   "editor.blocks.bubbles.image.switchWithLabel.onClick.placeholder": "Texto alternativo do link (descrição)",
   "editor.blocks.bubbles.textEditor.plate.label": "Editor de texto",
   "editor.blocks.bubbles.textEditor.searchVariable.placeholder": "Pesquisar uma variável",
+  "editor.graph.menu.documentationItem.label": "Documentação",
+  "editor.graph.menu.editorSettingsItem.label": "Configurações do editor",
+  "editor.graph.menu.exportFlowItem.label": "Exportar fluxo",
   "editor.blocks.start.text": "Início",
+  "editor.header.linkTab.searchInputPlaceholder.label": "Cole o link da imagem...",
+  "editor.header.tooltip.changeIcon.label": "Alterar Ícone",
+  "editor.header.uploadTab.uploadButton.label": "Escolha uma imagem",
   "editor.editableTypebotName.tooltip.rename.label": "Renomear",
   "editor.gettingStartedModal.editorBasics.heading": "Fundamentos do Editor",
   "editor.gettingStartedModal.editorBasics.list.four.label": "Pré-visualize o seu bot ao clicar no botão de visualizar no canto superior direito",
@@ -151,14 +174,42 @@
   "editor.gettingStartedModal.seeAction.item.label": "Outros vídeos",
   "editor.gettingStartedModal.seeAction.label": "Veja como funciona em",
   "editor.gettingStartedModal.seeAction.time": "5 minutos",
-  "editor.headers.flowButton.label": "Fluxo",
-  "editor.headers.helpButton.label": "Ajuda",
-  "editor.headers.previewButton.label": "Visualizar",
-  "editor.headers.resultsButton.label": "Resultados",
-  "editor.headers.savingSpinner.label": "Salvando...",
-  "editor.headers.settingsButton.label": "Configurações",
-  "editor.headers.shareButton.label": "Compartilhar",
-  "editor.headers.themeButton.label": "Tema",
+  "editor.header.flowButton.label": "Fluxo",
+  "editor.header.helpButton.label": "Ajuda",
+  "editor.header.previewButton.label": "Visualizar",
+  "publishButton.label": "Publicar",
+  "publishButton.closed.label": "Fechado",
+  "publishButton.tooltip.nonPublishedChanges.label": "Existem alterações não publicadas.",
+  "publishButton.tooltip.publishedVersion.from.label": "Versão publicada de",
+  "publishButton.tooltip.publishedVersion.ago.label": "atrás",
+  "publishButton.published.label": "Publicado",
+  "publishButton.dropdown.close.label": "Fechar typebot para novas respostas",
+  "publishButton.dropdown.reopen.label": "Reabrir typebot para novas respostas",
+  "publishButton.dropdown.showMenu.label": "Mostrar menu de typebot publicado",
+  "publishButton.dropdown.unpublish.label": "Despublicar typebot",
+  "publish.versionWarning.title.label": "⚠️ Nova versão da engine",
+  "publish.versionWarning.message.aboutToDeploy.label": "Você está prestes a fazer o deploy de uma versão do seu bot com uma engine atualizada. (Typebot V6).",
+  "publish.versionWarning.message.check.label": "Assegure-se de verificar todos as",
+  "publish.versionWarning.message.breakingChanges.label": "significativas alterações associadas",
+  "publish.versionWarning.message.testInPreviewMode.label": "Em seguida, teste o bot completamente no modo de visualização antes de publicar.",
+  "publish.error.label": "Erro durante a publicação do typebot",
+  "publishButton.dropdown.restoreVersion.label": "Restaurar versão publicada",
+  "editor.header.redoButton.label": "Refazer",
+  "editor.header.resultsButton.label": "Resultados",
+  "editor.header.savingSpinner.label": "Salvando...",
+  "editor.header.settingsButton.label": "Configurações",
+  "share.button.label": "Compartilhar",
+  "share.button.popover.ariaLabel": "Abrir popover de compartilhamento",
+  "share.button.popover.collaboratorsFetch.error.label": "Falha ao buscar os colaboradores",
+  "share.button.popover.invitationsFetch.error.label": "Falha ao buscar os convites",
+  "share.button.popover.invitationSent.successToast.label": "Convite enviado! 📧",
+  "share.button.popover.inviteButton.label": "Convidar",
+  "share.button.popover.inviteInput.placeholder": "colega@empresa.com",
+  "share.button.popover.publicFlow.label": "Disponibilizar o fluxo publicamente",
+  "editor.header.themeButton.label": "Tema",
+  "editor.header.undo.tooltip.label": "Alterações revertidas Changes reverted!",
+  "editor.header.undoButton.label": "Desfazer",
+  "editor.header.unpublishTypebot.error.label": "Erro durante a despublicação do typebot",
   "editor.sidebarBlock.abTest.label": "Teste AB",
   "editor.sidebarBlock.analytics.label": "Analytics",
   "editor.sidebarBlock.audio.label": "Áudio",
@@ -213,6 +264,7 @@
   "folders.typebotButton.showMoreOptions": "Mostrar mais opções",
   "folders.typebotButton.unpublish": "Despublicar",
   "pending": "Pendente",
+  "preview.restartButton.label": "Reiniciar",
   "remove": "Remover",
   "skip": "Pular",
   "templates.buttons.fromScratchButton.label": "Comece do zero",

apps/builder/public/locales/pt.json

@@ -151,14 +151,14 @@
   "editor.gettingStartedModal.seeAction.item.label": "Outros vídeos",
   "editor.gettingStartedModal.seeAction.label": "Veja o funcionamento em",
   "editor.gettingStartedModal.seeAction.time": "5 minutos",
-  "editor.headers.flowButton.label": "Fluxo",
-  "editor.headers.helpButton.label": "Ajuda",
-  "editor.headers.previewButton.label": "Visualizar",
-  "editor.headers.resultsButton.label": "Resultados",
-  "editor.headers.savingSpinner.label": "Salvando...",
-  "editor.headers.settingsButton.label": "Configurações",
-  "editor.headers.shareButton.label": "Compartilhar",
-  "editor.headers.themeButton.label": "Tema",
+  "editor.header.flowButton.label": "Fluxo",
+  "editor.header.helpButton.label": "Ajuda",
+  "editor.header.previewButton.label": "Visualizar",
+  "editor.header.resultsButton.label": "Resultados",
+  "editor.header.savingSpinner.label": "Salvando...",
+  "editor.header.settingsButton.label": "Configurações",
+  "share.button.label": "Compartilhar",
+  "editor.header.themeButton.label": "Tema",
   "editor.sidebarBlock.abTest.label": "Teste AB",
   "editor.sidebarBlock.analytics.label": "Analytics",
   "editor.sidebarBlock.audio.label": "Áudio",

apps/builder/public/locales/ro.json

@@ -151,14 +151,14 @@
   "editor.gettingStartedModal.seeAction.item.label": "Alte videoclipuri",
   "editor.gettingStartedModal.seeAction.label": "Vedeți-l în acțiune",
   "editor.gettingStartedModal.seeAction.time": "5 minute",
-  "editor.headers.flowButton.label": "curgere",
-  "editor.headers.helpButton.label": "Ajutor",
-  "editor.headers.previewButton.label": "previzualizare",
-  "editor.headers.resultsButton.label": "Rezultate",
-  "editor.headers.savingSpinner.label": "Salvare...",
-  "editor.headers.settingsButton.label": "Setări",
-  "editor.headers.shareButton.label": "Acțiune",
-  "editor.headers.themeButton.label": "Temă",
+  "editor.header.flowButton.label": "curgere",
+  "editor.header.helpButton.label": "Ajutor",
+  "editor.header.previewButton.label": "previzualizare",
+  "editor.header.resultsButton.label": "Rezultate",
+  "editor.header.savingSpinner.label": "Salvare...",
+  "editor.header.settingsButton.label": "Setări",
+  "share.button.label": "Acțiune",
+  "editor.header.themeButton.label": "Temă",
   "editor.sidebarBlock.abTest.label": "Testul AB",
   "editor.sidebarBlock.analytics.label": "Analitica",
   "editor.sidebarBlock.audio.label": "Audio",

apps/builder/src/assets/styles/custom.css

@@ -24,9 +24,9 @@
 } */
 
 /*Hide track timeline in audio tag in Windows*/
-audio::-webkit-media-controls-timeline{
-  display:none;
+audio::-webkit-media-controls-timeline {
+  display: none;
 }
-audio::-webkit-media-controls-panel{
-  justify-content:space-between;
+audio::-webkit-media-controls-panel {
+  justify-content: space-between;
 }

apps/builder/src/components/CopyButton.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect } from 'react'
 import { ButtonProps, Button, useClipboard } from '@chakra-ui/react'
+import { useTranslate } from '@tolgee/react'
 
 interface CopyButtonProps extends ButtonProps {
   textToCopy: string
@@ -13,6 +14,7 @@ interface CopyButtonProps extends ButtonProps {
 export const CopyButton = (props: CopyButtonProps) => {
   const { textToCopy, onCopied, ...buttonProps } = props
   const { hasCopied, onCopy, setValue } = useClipboard(textToCopy)
+  const { t } = useTranslate()
 
   useEffect(() => {
     setValue(textToCopy)
@@ -27,7 +29,9 @@ export const CopyButton = (props: CopyButtonProps) => {
       }}
       {...buttonProps}
     >
-      {!hasCopied ? props.text?.copy ?? 'Copy' : props.text?.copied ?? 'Copied'}
+      {!hasCopied
+        ? props.text?.copy ?? t('copy')
+        : props.text?.copied ?? t('copied')}
     </Button>
   )
 }