@memori.ai/memori-react 7.25.1 → 7.26.0

package/dist/components/layouts/HiddenChat.js

@@ -7,9 +7,18 @@ const Spin_1 = tslib_1.__importDefault(require("../ui/Spin"));
 const react_i18next_1 = require("react-i18next");
 const QuestionHelp_1 = tslib_1.__importDefault(require("../icons/QuestionHelp"));
 const Close_1 = tslib_1.__importDefault(require("../icons/Close"));
+const Fullscreen_1 = tslib_1.__importDefault(require("../icons/Fullscreen"));
+const FullscreenExit_1 = tslib_1.__importDefault(require("../icons/FullscreenExit"));
 const HiddenChatLayout = ({ Header, headerProps, Chat, chatProps, startPanelProps, sessionId, hasUserActivatedSpeak, }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [fullScreen, setFullScreen] = (0, react_1.useState)(false);
+    const [fullScreenAvailable, setFullScreenAvailable] = (0, react_1.useState)(false);
+    const originalSidebarStyles = (0, react_1.useRef)({
+        right: '',
+        width: '',
+        backgroundColor: '',
+    });
     const initChat = () => {
         try {
             window.speechSynthesis.speak(new SpeechSynthesisUtterance(''));
@@ -22,10 +31,24 @@ const HiddenChatLayout = ({ Header, headerProps, Chat, chatProps, startPanelProp
         if (startPanelProps && (startPanelProps === null || startPanelProps === void 0 ? void 0 : startPanelProps.onClickStart))
             startPanelProps === null || startPanelProps === void 0 ? void 0 : startPanelProps.onClickStart();
     };
+    (0, react_1.useEffect)(() => {
+        if (document.fullscreenEnabled) {
+            setFullScreenAvailable(true);
+        }
+        const handleFullscreenChange = () => {
+            if (!document.fullscreenElement && fullScreen) {
+                restoreFromFullscreen();
+            }
+        };
+        document.addEventListener('fullscreenchange', handleFullscreenChange);
+        return () => {
+            document.removeEventListener('fullscreenchange', handleFullscreenChange);
+        };
+    }, [fullScreen]);
     (0, react_1.useEffect)(() => {
         const mainDiv = document.body;
-        if (mainDiv) {
-            if (isOpen) {
+        if (isOpen) {
+            if (!fullScreen) {
                 mainDiv.style.width = 'calc(100% - 350px)';
                 mainDiv.style.marginRight = '300px';
                 mainDiv.style.transition = 'all 0.5s';
@@ -35,16 +58,83 @@ const HiddenChatLayout = ({ Header, headerProps, Chat, chatProps, startPanelProp
                 mainDiv.style.marginLeft = '0';
             }
         }
-    }, [isOpen]);
+        else {
+            mainDiv.style.width = '100%';
+            mainDiv.style.marginRight = '0';
+            mainDiv.style.marginLeft = '0';
+        }
+    }, [isOpen, fullScreen]);
     const handleSidebarToggle = () => {
-        setIsOpen(!isOpen);
-        initChat();
+        if (fullScreen && isOpen) {
+            if (document.fullscreenElement) {
+                document.exitFullscreen().catch(err => {
+                    console.warn('Error attempting to exit fullscreen:', err);
+                });
+            }
+            restoreFromFullscreen();
+        }
+        setIsOpen(prev => {
+            if (!prev) {
+                initChat();
+            }
+            return !prev;
+        });
+    };
+    const restoreFromFullscreen = () => {
+        const sidebarElement = document.querySelector('.memori-sidebar');
+        if (sidebarElement) {
+            const closeButton = document.querySelector('.memori-close-label');
+            if (closeButton) {
+                closeButton.style.display = 'flex';
+            }
+            const sidebar = sidebarElement;
+            sidebar.style.right = originalSidebarStyles.current.right;
+            sidebar.style.width = originalSidebarStyles.current.width;
+            sidebar.style.backgroundColor =
+                originalSidebarStyles.current.backgroundColor;
+            sidebar.classList.remove('memori-sidebar-fullscreen');
+        }
+        setFullScreen(false);
+    };
+    const handleFullscreenToggle = () => {
+        if (!document.fullscreenElement) {
+            const sidebarElement = document.querySelector('.memori-sidebar');
+            if (sidebarElement) {
+                const sidebar = sidebarElement;
+                const closeButton = document.querySelector('.memori-close-label');
+                if (closeButton) {
+                    closeButton.style.display = 'none';
+                }
+                originalSidebarStyles.current = {
+                    right: sidebar.style.right,
+                    width: sidebar.style.width,
+                    backgroundColor: sidebar.style.backgroundColor,
+                };
+                sidebar.style.right = '0';
+                sidebar.style.width = '100%';
+                sidebar.style.backgroundColor = '#FFFFFF';
+                sidebar.requestFullscreen().catch(err => {
+                    console.warn('Error attempting to enable fullscreen:', err);
+                });
+            }
+            setFullScreen(true);
+        }
+        else {
+            if (document.exitFullscreen) {
+                document.exitFullscreen().catch(err => {
+                    console.warn('Error attempting to exit fullscreen:', err);
+                });
+            }
+            restoreFromFullscreen();
+        }
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", id: "memori-sidebar-toggle", className: "memori-sidebar-toggle", checked: isOpen, onChange: handleSidebarToggle }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-sidebar-container", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-open-label", children: (0, jsx_runtime_1.jsx)(QuestionHelp_1.default, { className: "memori-icon", "aria-label": t('expand') }) }), (0, jsx_runtime_1.jsxs)("aside", { className: "memori-sidebar", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-close-label", children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(Close_1.default, { className: "memori-icon-close", "aria-label": t('collapse') }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-sidebar-content", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-hidden-chat-layout--header", children: Header && headerProps && ((0, jsx_runtime_1.jsx)(Header, { position: {
-                                            latitude: 0,
-                                            longitude: 0,
-                                            placeName: '',
-                                        }, ...headerProps, className: "memori-hidden-chat-layout-header--layout" })) }) }), (0, jsx_runtime_1.jsx)("div", { id: "extension" }), (0, jsx_runtime_1.jsx)("div", { className: "memori-hidden-chat-layout--controls", children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : ((0, jsx_runtime_1.jsx)("div", { className: "memori-loading", children: (0, jsx_runtime_1.jsx)(Spin_1.default, {}) })) })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", id: "memori-sidebar-toggle", className: "memori-sidebar-toggle", checked: isOpen, onChange: handleSidebarToggle }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-sidebar-container", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-open-label", children: (0, jsx_runtime_1.jsx)(QuestionHelp_1.default, { className: "memori-icon", "aria-label": t('expand') }) }), (0, jsx_runtime_1.jsxs)("aside", { className: `memori-sidebar ${fullScreen ? 'memori-sidebar-fullscreen' : ''}`, children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-close-label", children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(Close_1.default, { className: "memori-icon-close", "aria-label": t('collapse') }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-sidebar-content", children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-hidden-chat-layout--header", children: [Header && headerProps && ((0, jsx_runtime_1.jsx)(Header, { position: {
+                                                latitude: 0,
+                                                longitude: 0,
+                                                placeName: '',
+                                            }, ...headerProps, className: "memori-hidden-chat-layout-header--layout" })), fullScreenAvailable && ((0, jsx_runtime_1.jsx)("button", { className: "memori-fullscreen-button memori-button--primary memori-button--icon", onClick: handleFullscreenToggle, title: fullScreen
+                                                ? t('fullscreenExit') || 'Exit fullscreen'
+                                                : t('fullscreenEnter') || 'Enter fullscreen', children: fullScreen ? ((0, jsx_runtime_1.jsx)(FullscreenExit_1.default, { className: "memori-icon" })) : ((0, jsx_runtime_1.jsx)(Fullscreen_1.default, { className: "memori-icon" })) }))] }) }), (0, jsx_runtime_1.jsx)("div", { id: "extension" }), (0, jsx_runtime_1.jsx)("div", { className: "memori-hidden-chat-layout--controls", children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : ((0, jsx_runtime_1.jsx)("div", { className: "memori-loading", children: (0, jsx_runtime_1.jsx)(Spin_1.default, {}) })) })] })] })] }));
 };
 exports.default = HiddenChatLayout;
 //# sourceMappingURL=HiddenChat.js.map

package/dist/components/layouts/HiddenChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenChat.js","sourceRoot":"","sources":["../../../src/components/layouts/HiddenChat.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HiddenChat.js","sourceRoot":"","sources":["../../../src/components/layouts/HiddenChat.tsx"],"names":[],"mappings":"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"}

package/dist/components/layouts/hidden-chat.css

@@ -1,184 +1,254 @@
 .memori-sidebar-container {
-    position: fixed;
-    z-index: 1000;
-    top: 0;
-    right: 0;
-    height: 100%;
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: 0;
+  height: 100%;
 }
 
 .memori-sidebar-toggle {
-    display: none;
+  display: none;
 }
 
 .memori-sidebar-toggle-label {
-    position: absolute;
-    top: 50%;
-    right: 0;
-    display: flex;
-    width: auto;
-    height: 80px;
-    align-items: center;
-    justify-content: center;
-    padding: 10px 5px;
-    background-color: var(--memori-primary);
-    color: white;
-    cursor: pointer;
-    font-size: 18px;
-    font-weight: bold;
-    text-orientation: mixed;
-    transform: translateY(-50%);
-    transition: all 0.3s ease-in-out;
-    writing-mode: vertical-rl;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  display: flex;
+  width: auto;
+  height: 80px;
+  align-items: center;
+  justify-content: center;
+  padding: 10px 5px;
+  background-color: var(--memori-primary);
+  color: white;
+  cursor: pointer;
+  font-size: 18px;
+  font-weight: bold;
+  text-orientation: mixed;
+  transform: translateY(-50%);
+  transition: all 0.3s ease-in-out;
+  writing-mode: vertical-rl;
 }
 
 .memori-open-label {
-    border-radius: 5px 0 0 5px;
+  border-radius: 5px 0 0 5px;
 }
 
 .memori-close-label {
-    right: 350px;
-    border-radius: 0 5px 5px 0;
-    opacity: 0;
-    pointer-events: none;
-    transform: rotate(180deg);
+  right: 350px;
+  border-radius: 0 5px 5px 0;
+  opacity: 0;
+  pointer-events: none;
+  transform: rotate(180deg);
+  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, right 0.3s ease-in-out;
 }
 
 .memori-sidebar {
-    position: fixed;
-    z-index: 1000;
-    top: 0;
-    right: -350px;
-    width: 350px;
-    height: 100%;
-    background-color: white;
-    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
-    transition: right 0.3s ease-in-out;
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: -350px;
+  width: 350px;
+  height: 100%;
+  background-color: white;
+  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease-in-out;
+}
+
+/* Fullscreen styles */
+.memori-sidebar-fullscreen {
+  right: 0 !important;
+  width: 100% !important;
+  max-width: 100% !important;
+  height: 100% !important;
+  box-shadow: none;
+}
+
+.memori-sidebar-fullscreen .memori-close-label {
+  z-index: 1100;
+  top: 10px;
+  right: 10px;
+  width: 38px;
+  height: 38px;
+  border-radius: 50%;
+  background-color: var(--memori-primary);
+  opacity: 1;
+  pointer-events: auto;
+  transform: none;
+  transition: opacity 0.3s ease-in-out;
+  writing-mode: horizontal-tb;
+}
+
+.memori-hidden-chat-layout--controls {
+  display: flex;
+  height: 90%;
+  padding: 10px;
+  margin-top: 50px;
+}
+
+.memori-sidebar-fullscreen .memori-hidden-chat-layout--controls {
+  height: calc(100% - 80px);
+  max-height: none;
+}
+
+.memori-fullscreen-button {
+  display: flex;
+  width: 38px;
+  height: 38px;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: 50%;
+  margin-left: 10px;
+  aspect-ratio: 1;
+  background-color: var(--memori-primary);
+  color: white;
+  cursor: pointer;
+  transition: background-color 0.3s ease-in-out;
 }
 
 .memori-sidebar-content h2 {
-    margin-bottom: 20px;
-    color: var(--memori-primary);
-    font-size: 24px;
-    font-weight: bold;
+  margin-bottom: 20px;
+  color: var(--memori-primary);
+  font-size: 24px;
+  font-weight: bold;
 }
 
 .memori-sidebar-content ul {
-    padding: 0;
-    list-style-type: none;
+  padding: 0;
+  list-style-type: none;
 }
 
 .memori-sidebar-content li {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .memori-sidebar-content a {
-    display: flex;
-    align-items: center;
-    color: #4b5563;
-    text-decoration: none;
-    transition: color 0.2s ease-in-out;
+  display: flex;
+  align-items: center;
+  color: #4b5563;
+  text-decoration: none;
+  transition: color 0.2s ease-in-out;
 }
 
 .memori-sidebar-content a:hover {
-    color: var(--memori-primary);
+  color: var(--memori-primary);
 }
 
 .memori-sidebar-content svg {
-    width: 20px;
-    height: 20px;
-    margin-right: 10px;
+  width: 20px;
+  height: 20px;
+  margin-right: 10px;
 }
 
 .memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-sidebar {
-    right: 0;
+  right: 0;
 }
 
 .memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-open-label {
-    opacity: 0;
-    pointer-events: none;
-    transform: translateY(-50%) translateX(350px);
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(-50%) translateX(350px);
 }
 
 .memori-loading {
-    display: flex;
-    height: 100%;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
 }
 
-
 .memori-sidebar-content {
-    position: absolute;
-    top: -10px;
-    width: 100%;
-    padding: 20px;
+  position: absolute;
+  top: -10px;
+  width: 100%;
+  padding: 20px;
 }
 
 .memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-close-label {
-    opacity: 1;
-    pointer-events: auto;
+  opacity: 1;
+  pointer-events: auto;
 }
 
-.memori-hidden-chat-layout--controls {
-    display: flex;
-    height: 90%;
-    padding: 10px;
-    margin-top: 50px;
+.memori-hidden-chat-layout--header {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 10px;
+  margin: 0;
+  background-color: white;
+  color: white;
 }
 
 .memori-hidden-chat-layout-header--layout {
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: flex-end;
-    padding: 10px;
-    margin: 0;
-    background-color: white;
-    color: white;
-}
-
-.memori-hidden-chat-layout-header--layout > button, .memori-hidden-chat-layout-header--layout > div > button {
-    display: flex;
-    width: 38px;
-    height: 38px;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-    aspect-ratio: 1;
-    background-color: var(--memori-primary);
-    cursor: pointer;
-    transition: background-color 0.3s ease-in-out;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 10px;
+  margin: 0;
+  background-color: white;
+  color: white;
+}
+
+.memori-hidden-chat-layout-header--layout > button, 
+.memori-hidden-chat-layout-header--layout > div > button {
+  display: flex;
+  width: 38px;
+  height: 38px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  aspect-ratio: 1;
+  background-color: var(--memori-primary);
+  cursor: pointer;
+  transition: background-color 0.3s ease-in-out;
 }
 
 .memori-button--icon > svg {
-    margin: 0;
+  margin: 0;
 }
 
-.memori-icon,.memori-icon-close {
-    width: 25px;
-    height: 25px;
+.memori-icon, .memori-icon-close {
+  width: 25px;
+  height: 25px;
 }
 
-.memori-icon-close{
+.memori-icon-close {
   fill: white;
 }
 
-
 @media (max-width: 768px) {
-    .memori-sidebar-container {
-        display: none;
-    }
-
-    .memori-sidebar {
-        right: -100%;
-        width: 100%;
-    }
-
-    .memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-open-label {
-        transform: translateY(-50%) translateX(100%);
-    }
-
-    .memori-close-label {
-        right: 100%;
-    }
-}
+  .memori-sidebar-container {
+    display: none;
+  }
+  
+  .memori-sidebar {
+    right: -100%;
+    width: 100%;
+  }
+  
+  .memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-open-label {
+    transform: translateY(-50%) translateX(100%);
+  }
+  
+  .memori-close-label {
+    right: 100%;
+  }
+  
+  /* Mobile fullscreen styles */
+  .memori-sidebar-fullscreen {
+    display: block;
+  }
+  
+  .memori-sidebar-container .memori-sidebar-fullscreen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: block;
+    width: 100% !important;
+    height: 100% !important;
+  }
+}

package/dist/locales/de.json

@@ -156,6 +156,22 @@
         "attachmentsLabel": "Bereichern Sie Ihre Botschaft",
         "iWantToTalkToIn": "Ich möchte mit reden {{name}} In"
     },
+    "upload": {
+        "loginRequired": "Login erforderlich",
+        "loginRequiredDescription": "Bitte melden Sie sich an, um Bilder hochzuladen",
+        "uploadFiles": "Dateien hochladen",
+        "uploadImage": "Bild hochladen",
+        "uploadDocument": "Dokument hochladen",
+        "replace": "Ersetzen",
+        "remaining": "verbleibend",
+        "maxReached": "Maximal erreicht",
+        "apiClientNotConfigured": "Client API nicht korrekt konfiguriert für das Hochladen von Medien",
+        "fileReadingFailed": "Datei lesen fehlgeschlagen",
+        "uploadFailed": "Hochladen fehlgeschlagen",
+        "uploadSuccess": "Hochladen erfolgreich",
+        "uploadSuccessDescription": "Die Datei wurde erfolgreich hochgeladen",
+        "maxImagesReached": "Sie können bis zu {{max}} Bilder hochladen"
+    },
     "media": {
         "title": "Titel",
         "editAttributes": "Medienattribute bearbeiten",

package/dist/locales/en.json

@@ -168,6 +168,30 @@
         "attachmentsLabel": "Enrich your message",
         "iWantToTalkToIn": "I want to talk to {{name}} in"
     },
+    "upload": {
+        "loginRequired": "Login required",
+        "loginRequiredDescription": "Please login to upload images",
+        "uploadFiles": "Upload files",
+        "uploadImage": "Upload image",
+        "uploadDocument": "Upload document",
+        "replace": "Replace",
+        "maxImagesReached": "You can upload up to {{max}} images",
+        "remaining": "remaining",
+        "maxReached": "Max limit reached",
+        "imageTitle": "Image title: {{title}}",
+        "titleHelp": "Adding a descriptive title helps the AI provide more context and appropriate responses.",
+        "titlePlaceholder": "Enter image title",
+        "apiClientNotConfigured": "API client not configured properly for media upload",
+        "fileReadingFailed": "File reading failed",
+        "uploadFailed": "Upload failed",
+        "uploadSuccess": "Upload success",
+        "titleImage": "Image: {{title}}",
+        "uploadSuccessDescription": "The file has been uploaded successfully",
+        "titleImageUpload": "Upload images",
+        "partialUpload": "Only {{uploaded}} images on {{total}} will be uploaded. Maximum {{max}} images allowed.",
+        "maxImages": "Maximum {{max}} images allowed.",
+        "upload": "Upload"
+    },
     "media": {
         "title": "Title",
         "editAttributes": "Edit media attributes",

package/dist/locales/es.json

@@ -156,6 +156,22 @@
         "attachmentsLabel": "Enriquece tu mensaje",
         "iWantToTalkToIn": "quiero hablar con {{name}} en"
     },
+    "upload": {
+        "loginRequired": "Connexion requise",
+        "loginRequiredDescription": "Veuillez vous connecter pour télécharger des images",
+        "uploadFiles": "Télécharger des fichiers",
+        "uploadImage": "Télécharger une image",
+        "uploadDocument": "Télécharger un document",
+        "apiClientNotConfigured": "API client non configuré correctement pour le téléchargement de médias",
+        "fileReadingFailed": "Échec de la lecture du fichier",
+        "uploadFailed": "Échec du téléchargement",
+        "uploadSuccess": "Téléchargement réussi",
+        "uploadSuccessDescription": "Le fichier a été téléchargé avec succès",
+        "replace": "Remplacer",
+        "maxImagesReached": "Vous pouvez télécharger jusqu'à {{max}} images",
+        "remaining": "restant",
+        "maxReached": "Limite atteinte"
+    },
     "media": {
         "title": "Título",
         "editAttributes": "Editar atributos de medios",

package/dist/locales/fr.json

@@ -148,6 +148,22 @@
         "attachmentsLabel": "Enrichissez votre message",
         "iWantToTalkToIn": "je veux parler à {{name}} dans"
     },
+    "upload": {
+        "loginRequired": "Connexion requise",
+        "loginRequiredDescription": "Veuillez vous connecter pour télécharger des images",
+        "uploadFiles": "Télécharger des fichiers",
+        "uploadImage": "Télécharger une image",
+        "uploadDocument": "Télécharger un document",
+        "replace": "Remplacer",
+        "remaining": "restant",
+        "maxReached": "Limite atteinte",
+        "maxImagesReached": "Vous pouvez télécharger jusqu'à {{max}} images",
+        "apiClientNotConfigured": "API client non configuré correctement pour le téléchargement de médias",
+        "fileReadingFailed": "Échec de la lecture du fichier",
+        "uploadFailed": "Échec du téléchargement",
+        "uploadSuccess": "Téléchargement réussi",
+        "uploadSuccessDescription": "Le fichier a été téléchargé avec succès"
+    },
     "media": {
         "title": "Titre",
         "editAttributes": "Modifier les attributs du média",