🔖(minor) release 2.3.0

Added:
- 💄(frontend) add error pages
- 🔒️ Manage unsafe attachments
- ✨(frontend) Custom block quote with export
- ✨(frontend) add open source section homepage

Changed:
- 🛂(frontend) Restore version visibility
- 📝(doc) minor README.md formatting and wording enhancements
- ♻️Stop setting a default title on doc creation
- ♻️(frontend) misc ui improvements

Fixed:
- 🐛(backend) allow any type of extensions for media download
- ♻️(frontend) improve table pdf rendering

CHANGELOG.md

@@ -8,9 +8,14 @@ and this project adheres to
 
 ## [Unreleased]
 
+## [2.3.0] - 2025-03-03
+
 ## Added
 
 - 💄(frontend) add error pages #643
+- 🔒️ Manage unsafe attachments #663
+- ✨(frontend) Custom block quote with export #646
+- ✨(frontend) add open source section homepage #666
 
 ## Changed
 
@@ -21,8 +26,10 @@ and this project adheres to
 
 ## Fixed
 
+- 🐛(backend) allow any type of extensions for media download #671
 - ♻️(frontend) improve table pdf rendering
 
+
 ## [2.2.0] - 2025-02-10
 
 ## Added
@@ -409,7 +416,8 @@ and this project adheres to
 - ✨(frontend) Coming Soon page (#67)
 - 🚀 Impress, project to manage your documents easily and collaboratively.
 
-[unreleased]: https://github.com/numerique-gouv/impress/compare/v2.2.0...main
+[unreleased]: https://github.com/numerique-gouv/impress/compare/v2.3.0...main
+[v2.3.0]: https://github.com/numerique-gouv/impress/releases/v2.3.0
 [v2.2.0]: https://github.com/numerique-gouv/impress/releases/v2.2.0
 [v2.1.0]: https://github.com/numerique-gouv/impress/releases/v2.1.0
 [v2.0.1]: https://github.com/numerique-gouv/impress/releases/v2.0.1

src/backend/core/api/viewsets.py

@@ -38,10 +38,10 @@ ATTACHMENTS_FOLDER = "attachments"
 UUID_REGEX = (
     r"[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}"
 )
-FILE_EXT_REGEX = r"\.[a-zA-Z]{3,4}"
+FILE_EXT_REGEX = r"\.[a-zA-Z0-9]{1,10}"
 MEDIA_STORAGE_URL_PATTERN = re.compile(
     f"{settings.MEDIA_URL:s}(?P<pk>{UUID_REGEX:s})/"
-    f"(?P<key>{ATTACHMENTS_FOLDER:s}/{UUID_REGEX:s}{FILE_EXT_REGEX:s})$"
+    f"(?P<key>{ATTACHMENTS_FOLDER:s}/{UUID_REGEX:s}(?:-unsafe)?{FILE_EXT_REGEX:s})$"
 )
 COLLABORATION_WS_URL_PATTERN = re.compile(rf"(?:^|&)room=(?P<pk>{UUID_REGEX})(?:&|$)")
 
@@ -915,15 +915,18 @@ class DocumentViewSet(
         # Generate a generic yet unique filename to store the image in object storage
         file_id = uuid.uuid4()
         extension = serializer.validated_data["expected_extension"]
-        key = f"{document.key_base}/{ATTACHMENTS_FOLDER:s}/{file_id!s}.{extension:s}"
 
         # Prepare metadata for storage
         extra_args = {
             "Metadata": {"owner": str(request.user.id)},
             "ContentType": serializer.validated_data["content_type"],
         }
+        file_unsafe = ""
         if serializer.validated_data["is_unsafe"]:
             extra_args["Metadata"]["is_unsafe"] = "true"
+            file_unsafe = "-unsafe"
+
+        key = f"{document.key_base}/{ATTACHMENTS_FOLDER:s}/{file_id!s}{file_unsafe}.{extension:s}"
 
         file_name = serializer.validated_data["file_name"]
         if (

src/backend/core/models.py

@@ -697,6 +697,7 @@ class Document(MP_Node, BaseModel):
                 "document": self,
                 "domain": domain,
                 "link": f"{domain}/docs/{self.id}/",
+                "document_title": self.title or str(_("Untitled Document")),
                 "logo_img": settings.EMAIL_LOGO_IMG,
             }
         )
@@ -738,8 +739,12 @@ class Document(MP_Node, BaseModel):
                     '{name} invited you with the role "{role}" on the following document:'
                 ).format(name=sender_name_email, role=role.lower()),
             }
-            subject = _("{name} shared a document with you: {title}").format(
-                name=sender_name, title=self.title
+            subject = (
+                context["title"]
+                if not self.title
+                else _("{name} shared a document with you: {title}").format(
+                    name=sender_name, title=self.title
+                )
             )
 
         self.send_email(subject, [email], context, language)
@@ -794,9 +799,11 @@ class Document(MP_Node, BaseModel):
         ancestors_deleted_at = (
             self.get_ancestors()
             .filter(deleted_at__isnull=False)
+            .order_by("deleted_at")
             .values_list("deleted_at", flat=True)
+            .first()
         )
-        self.ancestors_deleted_at = min(ancestors_deleted_at, default=None)
+        self.ancestors_deleted_at = ancestors_deleted_at
         self.save()
 
         # Update descendants excluding those who were deleted prior to the deletion of the

src/backend/core/tests/documents/test_api_documents_attachment_upload.py

@@ -293,7 +293,9 @@ def test_api_documents_attachment_upload_fix_extension(
     match = pattern.search(file_path)
     file_id = match.group(1)
 
+    assert "-unsafe" in file_id
     # Validate that file_id is a valid UUID
+    file_id = file_id.replace("-unsafe", "")
     uuid.UUID(file_id)
 
     # Now, check the metadata of the uploaded file
@@ -343,7 +345,9 @@ def test_api_documents_attachment_upload_unsafe():
     match = pattern.search(file_path)
     file_id = match.group(1)
 
+    assert "-unsafe" in file_id
     # Validate that file_id is a valid UUID
+    file_id = file_id.replace("-unsafe", "")
     uuid.UUID(file_id)
 
     # Now, check the metadata of the uploaded file

src/backend/core/tests/documents/test_api_documents_media_auth.py

@@ -64,6 +64,30 @@ def test_api_documents_media_auth_anonymous_public():
     assert response.content.decode("utf-8") == "my prose"
 
 
+def test_api_documents_media_auth_extensions():
+    """Files with extensions of any format should work."""
+    document = factories.DocumentFactory(link_reach="public")
+
+    extensions = [
+        "c",
+        "go",
+        "gif",
+        "mp4",
+        "woff2",
+        "appimage",
+    ]
+    for ext in extensions:
+        filename = f"{uuid.uuid4()!s}.{ext:s}"
+        key = f"{document.pk!s}/attachments/{filename:s}"
+
+        original_url = f"http://localhost/media/{key:s}"
+        response = APIClient().get(
+            "/api/v1.0/documents/media-auth/", HTTP_X_ORIGINAL_URL=original_url
+        )
+
+        assert response.status_code == 200
+
+
 @pytest.mark.parametrize("reach", ["authenticated", "restricted"])
 def test_api_documents_media_auth_anonymous_authenticated_or_restricted(reach):
     """

src/backend/core/tests/test_models_documents.py

@@ -636,6 +636,37 @@ def test_models_documents__email_invitation__success():
     assert f"docs/{document.id}/" in email_content
 
 
+def test_models_documents__email_invitation__success_empty_title():
+    """
+    The email invitation is sent successfully.
+    """
+    document = factories.DocumentFactory(title=None)
+
+    # pylint: disable-next=no-member
+    assert len(mail.outbox) == 0
+
+    sender = factories.UserFactory(full_name="Test Sender", email="sender@example.com")
+    document.send_invitation_email(
+        "guest@example.com", models.RoleChoices.EDITOR, sender, "en"
+    )
+
+    # pylint: disable-next=no-member
+    assert len(mail.outbox) == 1
+
+    # pylint: disable-next=no-member
+    email = mail.outbox[0]
+
+    assert email.to == ["guest@example.com"]
+    email_content = " ".join(email.body.split())
+
+    assert "Test sender shared a document with you!" in email.subject
+    assert (
+        "Test Sender (sender@example.com) invited you with the role "editor" "
+        "on the following document: Untitled Document" in email_content
+    )
+    assert f"docs/{document.id}/" in email_content
+
+
 def test_models_documents__email_invitation__success_fr():
     """
     The email invitation is sent successfully in french.

src/backend/impress/settings.py

@@ -210,7 +210,6 @@ class Base(Configuration):
         "application/x-ms-regedit",
         "application/x-msdownload",
         "application/xml",
-        "image/svg+xml",
     ]
 
     # Document versions

src/backend/locale/de_DE/LC_MESSAGES/django.po

@@ -2,8 +2,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: lasuite-docs\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2025-02-06 15:30+0000\n"
-"PO-Revision-Date: 2025-02-10 14:14\n"
+"POT-Creation-Date: 2025-03-03 12:20+0000\n"
+"PO-Revision-Date: 2025-03-03 12:22\n"
 "Last-Translator: \n"
 "Language-Team: German\n"
 "Language: de_DE\n"
@@ -54,15 +54,15 @@ msgstr "Ein neues Dokument wurde in Ihrem Namen erstellt!"
 msgid "You have been granted ownership of a new document:"
 msgstr "Sie sind Besitzer eines neuen Dokuments:"
 
-#: build/lib/core/api/serializers.py:453 core/api/serializers.py:453
+#: build/lib/core/api/serializers.py:455 core/api/serializers.py:455
 msgid "Body"
 msgstr "Inhalt"
 
-#: build/lib/core/api/serializers.py:456 core/api/serializers.py:456
+#: build/lib/core/api/serializers.py:458 core/api/serializers.py:458
 msgid "Body type"
 msgstr "Typ"
 
-#: build/lib/core/api/serializers.py:462 core/api/serializers.py:462
+#: build/lib/core/api/serializers.py:464 core/api/serializers.py:464
 msgid "Format"
 msgstr ""
 
@@ -230,8 +230,8 @@ msgstr "Benutzer"
 msgid "users"
 msgstr "Benutzer"
 
-#: build/lib/core/models.py:373 build/lib/core/models.py:925 core/models.py:373
-#: core/models.py:925
+#: build/lib/core/models.py:373 build/lib/core/models.py:942 core/models.py:373
+#: core/models.py:942
 msgid "title"
 msgstr "Titel"
 
@@ -251,143 +251,143 @@ msgstr "Dokumente"
 msgid "Untitled Document"
 msgstr "Unbenanntes Dokument"
 
-#: build/lib/core/models.py:719 core/models.py:719
+#: build/lib/core/models.py:734 core/models.py:734
 #, python-brace-format
 msgid "{name} shared a document with you!"
 msgstr "{name} hat ein Dokument mit Ihnen geteilt!"
 
-#: build/lib/core/models.py:723 core/models.py:723
+#: build/lib/core/models.py:738 core/models.py:738
 #, python-brace-format
 msgid "{name} invited you with the role \"{role}\" on the following document:"
 msgstr "{name} hat Sie mit der Rolle \"{role}\" zu folgendem Dokument eingeladen:"
 
-#: build/lib/core/models.py:726 core/models.py:726
+#: build/lib/core/models.py:741 core/models.py:741
 #, python-brace-format
 msgid "{name} shared a document with you: {title}"
 msgstr "{name} hat ein Dokument mit Ihnen geteilt: {title}"
 
-#: build/lib/core/models.py:762 core/models.py:762
+#: build/lib/core/models.py:777 core/models.py:777
 msgid "This document is not deleted."
 msgstr ""
 
-#: build/lib/core/models.py:769 core/models.py:769
+#: build/lib/core/models.py:784 core/models.py:784
 msgid "This document was permanently deleted and cannot be restored."
 msgstr ""
 
-#: build/lib/core/models.py:820 core/models.py:820
+#: build/lib/core/models.py:837 core/models.py:837
 msgid "Document/user link trace"
 msgstr "Dokument/Benutzer Linkverfolgung"
 
-#: build/lib/core/models.py:821 core/models.py:821
+#: build/lib/core/models.py:838 core/models.py:838
 msgid "Document/user link traces"
 msgstr "Dokument/Benutzer Linkverfolgung"
 
-#: build/lib/core/models.py:827 core/models.py:827
+#: build/lib/core/models.py:844 core/models.py:844
 msgid "A link trace already exists for this document/user."
 msgstr ""
 
-#: build/lib/core/models.py:850 core/models.py:850
+#: build/lib/core/models.py:867 core/models.py:867
 msgid "Document favorite"
 msgstr "Dokumentenfavorit"
 
-#: build/lib/core/models.py:851 core/models.py:851
+#: build/lib/core/models.py:868 core/models.py:868
 msgid "Document favorites"
 msgstr "Dokumentfavoriten"
 
-#: build/lib/core/models.py:857 core/models.py:857
+#: build/lib/core/models.py:874 core/models.py:874
 msgid "This document is already targeted by a favorite relation instance for the same user."
 msgstr "Dieses Dokument ist bereits durch den gleichen Benutzer favorisiert worden."
 
-#: build/lib/core/models.py:879 core/models.py:879
+#: build/lib/core/models.py:896 core/models.py:896
 msgid "Document/user relation"
 msgstr "Dokument/Benutzerbeziehung"
 
-#: build/lib/core/models.py:880 core/models.py:880
+#: build/lib/core/models.py:897 core/models.py:897
 msgid "Document/user relations"
 msgstr "Dokument/Benutzerbeziehungen"
 
-#: build/lib/core/models.py:886 core/models.py:886
+#: build/lib/core/models.py:903 core/models.py:903
 msgid "This user is already in this document."
 msgstr "Dieser Benutzer befindet sich bereits in diesem Dokument."
 
-#: build/lib/core/models.py:892 core/models.py:892
+#: build/lib/core/models.py:909 core/models.py:909
 msgid "This team is already in this document."
 msgstr "Dieses Team befindet sich bereits in diesem Dokument."
 
-#: build/lib/core/models.py:898 build/lib/core/models.py:1012
-#: core/models.py:898 core/models.py:1012
+#: build/lib/core/models.py:915 build/lib/core/models.py:1029
+#: core/models.py:915 core/models.py:1029
 msgid "Either user or team must be set, not both."
 msgstr "Benutzer oder Team müssen gesetzt werden, nicht beides."
 
-#: build/lib/core/models.py:926 core/models.py:926
+#: build/lib/core/models.py:943 core/models.py:943
 msgid "description"
 msgstr "Beschreibung"
 
-#: build/lib/core/models.py:927 core/models.py:927
+#: build/lib/core/models.py:944 core/models.py:944
 msgid "code"
 msgstr "Code"
 
-#: build/lib/core/models.py:928 core/models.py:928
+#: build/lib/core/models.py:945 core/models.py:945
 msgid "css"
 msgstr "CSS"
 
-#: build/lib/core/models.py:930 core/models.py:930
+#: build/lib/core/models.py:947 core/models.py:947
 msgid "public"
 msgstr "öffentlich"
 
-#: build/lib/core/models.py:932 core/models.py:932
+#: build/lib/core/models.py:949 core/models.py:949
 msgid "Whether this template is public for anyone to use."
 msgstr "Ob diese Vorlage für jedermann öffentlich ist."
 
-#: build/lib/core/models.py:938 core/models.py:938
+#: build/lib/core/models.py:955 core/models.py:955
 msgid "Template"
 msgstr "Vorlage"
 
-#: build/lib/core/models.py:939 core/models.py:939
+#: build/lib/core/models.py:956 core/models.py:956
 msgid "Templates"
 msgstr "Vorlagen"
 
-#: build/lib/core/models.py:993 core/models.py:993
+#: build/lib/core/models.py:1010 core/models.py:1010
 msgid "Template/user relation"
 msgstr "Vorlage/Benutzer-Beziehung"
 
-#: build/lib/core/models.py:994 core/models.py:994
+#: build/lib/core/models.py:1011 core/models.py:1011
 msgid "Template/user relations"
 msgstr "Vorlage/Benutzerbeziehungen"
 
-#: build/lib/core/models.py:1000 core/models.py:1000
+#: build/lib/core/models.py:1017 core/models.py:1017
 msgid "This user is already in this template."
 msgstr "Dieser Benutzer ist bereits in dieser Vorlage."
 
-#: build/lib/core/models.py:1006 core/models.py:1006
+#: build/lib/core/models.py:1023 core/models.py:1023
 msgid "This team is already in this template."
 msgstr "Dieses Team ist bereits in diesem Template."
 
-#: build/lib/core/models.py:1029 core/models.py:1029
+#: build/lib/core/models.py:1046 core/models.py:1046
 msgid "email address"
 msgstr "E-Mail-Adresse"
 
-#: build/lib/core/models.py:1048 core/models.py:1048
+#: build/lib/core/models.py:1065 core/models.py:1065
 msgid "Document invitation"
 msgstr "Einladung zum Dokument"
 
-#: build/lib/core/models.py:1049 core/models.py:1049
+#: build/lib/core/models.py:1066 core/models.py:1066
 msgid "Document invitations"
 msgstr "Dokumenteinladungen"
 
-#: build/lib/core/models.py:1069 core/models.py:1069
+#: build/lib/core/models.py:1086 core/models.py:1086
 msgid "This email is already associated to a registered user."
 msgstr "Diese E-Mail ist bereits einem registrierten Benutzer zugeordnet."
 
-#: build/lib/impress/settings.py:236 impress/settings.py:236
+#: build/lib/impress/settings.py:235 impress/settings.py:235
 msgid "English"
 msgstr "Englisch"
 
-#: build/lib/impress/settings.py:237 impress/settings.py:237
+#: build/lib/impress/settings.py:236 impress/settings.py:236
 msgid "French"
 msgstr "Französisch"
 
-#: build/lib/impress/settings.py:238 impress/settings.py:238
+#: build/lib/impress/settings.py:237 impress/settings.py:237
 msgid "German"
 msgstr "Deutsch"
 

src/backend/locale/en_US/LC_MESSAGES/django.po

@@ -2,8 +2,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: lasuite-docs\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2025-02-06 15:30+0000\n"
-"PO-Revision-Date: 2025-02-10 14:14\n"
+"POT-Creation-Date: 2025-03-03 12:20+0000\n"
+"PO-Revision-Date: 2025-03-03 12:22\n"
 "Last-Translator: \n"
 "Language-Team: English\n"
 "Language: en_US\n"
@@ -54,15 +54,15 @@ msgstr ""
 msgid "You have been granted ownership of a new document:"
 msgstr ""
 
-#: build/lib/core/api/serializers.py:453 core/api/serializers.py:453
+#: build/lib/core/api/serializers.py:455 core/api/serializers.py:455
 msgid "Body"
 msgstr ""
 
-#: build/lib/core/api/serializers.py:456 core/api/serializers.py:456
+#: build/lib/core/api/serializers.py:458 core/api/serializers.py:458
 msgid "Body type"
 msgstr ""
 
-#: build/lib/core/api/serializers.py:462 core/api/serializers.py:462
+#: build/lib/core/api/serializers.py:464 core/api/serializers.py:464
 msgid "Format"
 msgstr ""
 
@@ -230,8 +230,8 @@ msgstr ""
 msgid "users"
 msgstr ""
 
-#: build/lib/core/models.py:373 build/lib/core/models.py:925 core/models.py:373
-#: core/models.py:925
+#: build/lib/core/models.py:373 build/lib/core/models.py:942 core/models.py:373
+#: core/models.py:942
 msgid "title"
 msgstr ""
 
@@ -251,143 +251,143 @@ msgstr ""
 msgid "Untitled Document"
 msgstr ""
 
-#: build/lib/core/models.py:719 core/models.py:719
+#: build/lib/core/models.py:734 core/models.py:734
 #, python-brace-format
 msgid "{name} shared a document with you!"
 msgstr ""
 
-#: build/lib/core/models.py:723 core/models.py:723
+#: build/lib/core/models.py:738 core/models.py:738
 #, python-brace-format
 msgid "{name} invited you with the role \"{role}\" on the following document:"
 msgstr ""
 
-#: build/lib/core/models.py:726 core/models.py:726
+#: build/lib/core/models.py:741 core/models.py:741
 #, python-brace-format
 msgid "{name} shared a document with you: {title}"
 msgstr ""
 
-#: build/lib/core/models.py:762 core/models.py:762
+#: build/lib/core/models.py:777 core/models.py:777
 msgid "This document is not deleted."
 msgstr ""
 
-#: build/lib/core/models.py:769 core/models.py:769
+#: build/lib/core/models.py:784 core/models.py:784
 msgid "This document was permanently deleted and cannot be restored."
 msgstr ""
 
-#: build/lib/core/models.py:820 core/models.py:820
+#: build/lib/core/models.py:837 core/models.py:837
 msgid "Document/user link trace"
 msgstr ""
 
-#: build/lib/core/models.py:821 core/models.py:821
+#: build/lib/core/models.py:838 core/models.py:838
 msgid "Document/user link traces"
 msgstr ""
 
-#: build/lib/core/models.py:827 core/models.py:827
+#: build/lib/core/models.py:844 core/models.py:844
 msgid "A link trace already exists for this document/user."
 msgstr ""
 
-#: build/lib/core/models.py:850 core/models.py:850
+#: build/lib/core/models.py:867 core/models.py:867
 msgid "Document favorite"
 msgstr ""
 
-#: build/lib/core/models.py:851 core/models.py:851
+#: build/lib/core/models.py:868 core/models.py:868
 msgid "Document favorites"
 msgstr ""
 
-#: build/lib/core/models.py:857 core/models.py:857
+#: build/lib/core/models.py:874 core/models.py:874
 msgid "This document is already targeted by a favorite relation instance for the same user."
 msgstr ""
 
-#: build/lib/core/models.py:879 core/models.py:879
+#: build/lib/core/models.py:896 core/models.py:896
 msgid "Document/user relation"
 msgstr ""
 
-#: build/lib/core/models.py:880 core/models.py:880
+#: build/lib/core/models.py:897 core/models.py:897
 msgid "Document/user relations"
 msgstr ""
 
-#: build/lib/core/models.py:886 core/models.py:886
+#: build/lib/core/models.py:903 core/models.py:903
 msgid "This user is already in this document."
 msgstr ""
 
-#: build/lib/core/models.py:892 core/models.py:892
+#: build/lib/core/models.py:909 core/models.py:909
 msgid "This team is already in this document."
 msgstr ""
 
-#: build/lib/core/models.py:898 build/lib/core/models.py:1012
-#: core/models.py:898 core/models.py:1012
+#: build/lib/core/models.py:915 build/lib/core/models.py:1029
+#: core/models.py:915 core/models.py:1029
 msgid "Either user or team must be set, not both."
 msgstr ""
 
-#: build/lib/core/models.py:926 core/models.py:926
+#: build/lib/core/models.py:943 core/models.py:943
 msgid "description"
 msgstr ""
 
-#: build/lib/core/models.py:927 core/models.py:927
+#: build/lib/core/models.py:944 core/models.py:944
 msgid "code"
 msgstr ""
 
-#: build/lib/core/models.py:928 core/models.py:928
+#: build/lib/core/models.py:945 core/models.py:945
 msgid "css"
 msgstr ""
 
-#: build/lib/core/models.py:930 core/models.py:930
+#: build/lib/core/models.py:947 core/models.py:947
 msgid "public"
 msgstr ""
 
-#: build/lib/core/models.py:932 core/models.py:932
+#: build/lib/core/models.py:949 core/models.py:949
 msgid "Whether this template is public for anyone to use."
 msgstr ""
 
-#: build/lib/core/models.py:938 core/models.py:938
+#: build/lib/core/models.py:955 core/models.py:955
 msgid "Template"
 msgstr ""
 
-#: build/lib/core/models.py:939 core/models.py:939
+#: build/lib/core/models.py:956 core/models.py:956
 msgid "Templates"
 msgstr ""
 
-#: build/lib/core/models.py:993 core/models.py:993
+#: build/lib/core/models.py:1010 core/models.py:1010
 msgid "Template/user relation"
 msgstr ""
 
-#: build/lib/core/models.py:994 core/models.py:994
+#: build/lib/core/models.py:1011 core/models.py:1011
 msgid "Template/user relations"
 msgstr ""
 
-#: build/lib/core/models.py:1000 core/models.py:1000
+#: build/lib/core/models.py:1017 core/models.py:1017
 msgid "This user is already in this template."
 msgstr ""
 
-#: build/lib/core/models.py:1006 core/models.py:1006
+#: build/lib/core/models.py:1023 core/models.py:1023
 msgid "This team is already in this template."
 msgstr ""
 
-#: build/lib/core/models.py:1029 core/models.py:1029
+#: build/lib/core/models.py:1046 core/models.py:1046
 msgid "email address"
 msgstr ""
 
-#: build/lib/core/models.py:1048 core/models.py:1048
+#: build/lib/core/models.py:1065 core/models.py:1065
 msgid "Document invitation"
 msgstr ""
 
-#: build/lib/core/models.py:1049 core/models.py:1049
+#: build/lib/core/models.py:1066 core/models.py:1066
 msgid "Document invitations"
 msgstr ""
 
-#: build/lib/core/models.py:1069 core/models.py:1069
+#: build/lib/core/models.py:1086 core/models.py:1086
 msgid "This email is already associated to a registered user."
 msgstr ""
 
-#: build/lib/impress/settings.py:236 impress/settings.py:236
+#: build/lib/impress/settings.py:235 impress/settings.py:235
 msgid "English"
 msgstr ""
 
-#: build/lib/impress/settings.py:237 impress/settings.py:237
+#: build/lib/impress/settings.py:236 impress/settings.py:236
 msgid "French"
 msgstr ""
 
-#: build/lib/impress/settings.py:238 impress/settings.py:238
+#: build/lib/impress/settings.py:237 impress/settings.py:237
 msgid "German"
 msgstr ""
 

src/backend/locale/fr_FR/LC_MESSAGES/django.po

@@ -2,8 +2,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: lasuite-docs\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2025-02-06 15:30+0000\n"
-"PO-Revision-Date: 2025-02-10 14:14\n"
+"POT-Creation-Date: 2025-03-03 12:20+0000\n"
+"PO-Revision-Date: 2025-03-04 08:20\n"
 "Last-Translator: \n"
 "Language-Team: French\n"
 "Language: fr_FR\n"
@@ -54,15 +54,15 @@ msgstr "Un nouveau document a été créé pour vous !"
 msgid "You have been granted ownership of a new document:"
 msgstr "Vous avez été déclaré propriétaire d'un nouveau document :"
 
-#: build/lib/core/api/serializers.py:453 core/api/serializers.py:453
+#: build/lib/core/api/serializers.py:455 core/api/serializers.py:455
 msgid "Body"
 msgstr ""
 
-#: build/lib/core/api/serializers.py:456 core/api/serializers.py:456
+#: build/lib/core/api/serializers.py:458 core/api/serializers.py:458
 msgid "Body type"
 msgstr ""
 
-#: build/lib/core/api/serializers.py:462 core/api/serializers.py:462
+#: build/lib/core/api/serializers.py:464 core/api/serializers.py:464
 msgid "Format"
 msgstr ""
 
@@ -230,8 +230,8 @@ msgstr ""
 msgid "users"
 msgstr ""
 
-#: build/lib/core/models.py:373 build/lib/core/models.py:925 core/models.py:373
-#: core/models.py:925
+#: build/lib/core/models.py:373 build/lib/core/models.py:942 core/models.py:373
+#: core/models.py:942
 msgid "title"
 msgstr ""
 
@@ -249,145 +249,145 @@ msgstr ""
 
 #: build/lib/core/models.py:418 core/models.py:418
 msgid "Untitled Document"
-msgstr ""
+msgstr "Document sans titre"
 
-#: build/lib/core/models.py:719 core/models.py:719
+#: build/lib/core/models.py:734 core/models.py:734
 #, python-brace-format
 msgid "{name} shared a document with you!"
 msgstr "{name} a partagé un document avec vous!"
 
-#: build/lib/core/models.py:723 core/models.py:723
+#: build/lib/core/models.py:738 core/models.py:738
 #, python-brace-format
 msgid "{name} invited you with the role \"{role}\" on the following document:"
 msgstr "{name} vous a invité avec le rôle \"{role}\" sur le document suivant:"
 
-#: build/lib/core/models.py:726 core/models.py:726
+#: build/lib/core/models.py:741 core/models.py:741
 #, python-brace-format
 msgid "{name} shared a document with you: {title}"
 msgstr "{name} a partagé un document avec vous: {title}"
 
-#: build/lib/core/models.py:762 core/models.py:762
+#: build/lib/core/models.py:777 core/models.py:777
 msgid "This document is not deleted."
 msgstr ""
 
-#: build/lib/core/models.py:769 core/models.py:769
+#: build/lib/core/models.py:784 core/models.py:784
 msgid "This document was permanently deleted and cannot be restored."
 msgstr ""
 
-#: build/lib/core/models.py:820 core/models.py:820
+#: build/lib/core/models.py:837 core/models.py:837
 msgid "Document/user link trace"
 msgstr ""
 
-#: build/lib/core/models.py:821 core/models.py:821
+#: build/lib/core/models.py:838 core/models.py:838
 msgid "Document/user link traces"
 msgstr ""
 
-#: build/lib/core/models.py:827 core/models.py:827
+#: build/lib/core/models.py:844 core/models.py:844
 msgid "A link trace already exists for this document/user."
 msgstr ""
 
-#: build/lib/core/models.py:850 core/models.py:850
+#: build/lib/core/models.py:867 core/models.py:867
 msgid "Document favorite"
 msgstr ""
 
-#: build/lib/core/models.py:851 core/models.py:851
+#: build/lib/core/models.py:868 core/models.py:868
 msgid "Document favorites"
 msgstr ""
 
-#: build/lib/core/models.py:857 core/models.py:857
+#: build/lib/core/models.py:874 core/models.py:874
 msgid "This document is already targeted by a favorite relation instance for the same user."
 msgstr ""
 
-#: build/lib/core/models.py:879 core/models.py:879
+#: build/lib/core/models.py:896 core/models.py:896
 msgid "Document/user relation"
 msgstr ""
 
-#: build/lib/core/models.py:880 core/models.py:880
+#: build/lib/core/models.py:897 core/models.py:897
 msgid "Document/user relations"
 msgstr ""
 
-#: build/lib/core/models.py:886 core/models.py:886
+#: build/lib/core/models.py:903 core/models.py:903
 msgid "This user is already in this document."
 msgstr ""
 
-#: build/lib/core/models.py:892 core/models.py:892
+#: build/lib/core/models.py:909 core/models.py:909
 msgid "This team is already in this document."
 msgstr ""
 
-#: build/lib/core/models.py:898 build/lib/core/models.py:1012
-#: core/models.py:898 core/models.py:1012
+#: build/lib/core/models.py:915 build/lib/core/models.py:1029
+#: core/models.py:915 core/models.py:1029
 msgid "Either user or team must be set, not both."
 msgstr ""
 
-#: build/lib/core/models.py:926 core/models.py:926
+#: build/lib/core/models.py:943 core/models.py:943
 msgid "description"
 msgstr ""
 
-#: build/lib/core/models.py:927 core/models.py:927
+#: build/lib/core/models.py:944 core/models.py:944
 msgid "code"
 msgstr ""
 
-#: build/lib/core/models.py:928 core/models.py:928
+#: build/lib/core/models.py:945 core/models.py:945
 msgid "css"
 msgstr ""
 
-#: build/lib/core/models.py:930 core/models.py:930
+#: build/lib/core/models.py:947 core/models.py:947
 msgid "public"
 msgstr ""
 
-#: build/lib/core/models.py:932 core/models.py:932
+#: build/lib/core/models.py:949 core/models.py:949
 msgid "Whether this template is public for anyone to use."
 msgstr ""
 
-#: build/lib/core/models.py:938 core/models.py:938
+#: build/lib/core/models.py:955 core/models.py:955
 msgid "Template"
 msgstr ""
 
-#: build/lib/core/models.py:939 core/models.py:939
+#: build/lib/core/models.py:956 core/models.py:956
 msgid "Templates"
 msgstr ""
 
-#: build/lib/core/models.py:993 core/models.py:993
+#: build/lib/core/models.py:1010 core/models.py:1010
 msgid "Template/user relation"
 msgstr ""
 
-#: build/lib/core/models.py:994 core/models.py:994
+#: build/lib/core/models.py:1011 core/models.py:1011
 msgid "Template/user relations"
 msgstr ""
 
-#: build/lib/core/models.py:1000 core/models.py:1000
+#: build/lib/core/models.py:1017 core/models.py:1017
 msgid "This user is already in this template."
 msgstr ""
 
-#: build/lib/core/models.py:1006 core/models.py:1006
+#: build/lib/core/models.py:1023 core/models.py:1023
 msgid "This team is already in this template."
 msgstr ""
 
-#: build/lib/core/models.py:1029 core/models.py:1029
+#: build/lib/core/models.py:1046 core/models.py:1046
 msgid "email address"
 msgstr ""
 
-#: build/lib/core/models.py:1048 core/models.py:1048
+#: build/lib/core/models.py:1065 core/models.py:1065
 msgid "Document invitation"
 msgstr ""
 
-#: build/lib/core/models.py:1049 core/models.py:1049
+#: build/lib/core/models.py:1066 core/models.py:1066
 msgid "Document invitations"
 msgstr ""
 
-#: build/lib/core/models.py:1069 core/models.py:1069
+#: build/lib/core/models.py:1086 core/models.py:1086
 msgid "This email is already associated to a registered user."
 msgstr ""
 
-#: build/lib/impress/settings.py:236 impress/settings.py:236
+#: build/lib/impress/settings.py:235 impress/settings.py:235
 msgid "English"
 msgstr ""
 
-#: build/lib/impress/settings.py:237 impress/settings.py:237
+#: build/lib/impress/settings.py:236 impress/settings.py:236
 msgid "French"
 msgstr ""
 
-#: build/lib/impress/settings.py:238 impress/settings.py:238
+#: build/lib/impress/settings.py:237 impress/settings.py:237
 msgid "German"
 msgstr ""
 

src/backend/locale/nl_NL/LC_MESSAGES/django.po

@@ -2,8 +2,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: lasuite-docs\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2025-02-06 15:30+0000\n"
-"PO-Revision-Date: 2025-02-10 14:14\n"
+"POT-Creation-Date: 2025-03-03 12:20+0000\n"
+"PO-Revision-Date: 2025-03-03 12:22\n"
 "Last-Translator: \n"
 "Language-Team: Dutch\n"
 "Language: nl_NL\n"
@@ -54,15 +54,15 @@ msgstr ""
 msgid "You have been granted ownership of a new document:"
 msgstr ""
 
-#: build/lib/core/api/serializers.py:453 core/api/serializers.py:453
+#: build/lib/core/api/serializers.py:455 core/api/serializers.py:455
 msgid "Body"
 msgstr ""
 
-#: build/lib/core/api/serializers.py:456 core/api/serializers.py:456
+#: build/lib/core/api/serializers.py:458 core/api/serializers.py:458
 msgid "Body type"
 msgstr ""
 
-#: build/lib/core/api/serializers.py:462 core/api/serializers.py:462
+#: build/lib/core/api/serializers.py:464 core/api/serializers.py:464
 msgid "Format"
 msgstr ""
 
@@ -230,8 +230,8 @@ msgstr ""
 msgid "users"
 msgstr ""
 
-#: build/lib/core/models.py:373 build/lib/core/models.py:925 core/models.py:373
-#: core/models.py:925
+#: build/lib/core/models.py:373 build/lib/core/models.py:942 core/models.py:373
+#: core/models.py:942
 msgid "title"
 msgstr ""
 
@@ -251,143 +251,143 @@ msgstr ""
 msgid "Untitled Document"
 msgstr ""
 
-#: build/lib/core/models.py:719 core/models.py:719
+#: build/lib/core/models.py:734 core/models.py:734
 #, python-brace-format
 msgid "{name} shared a document with you!"
 msgstr ""
 
-#: build/lib/core/models.py:723 core/models.py:723
+#: build/lib/core/models.py:738 core/models.py:738
 #, python-brace-format
 msgid "{name} invited you with the role \"{role}\" on the following document:"
 msgstr ""
 
-#: build/lib/core/models.py:726 core/models.py:726
+#: build/lib/core/models.py:741 core/models.py:741
 #, python-brace-format
 msgid "{name} shared a document with you: {title}"
 msgstr ""
 
-#: build/lib/core/models.py:762 core/models.py:762
+#: build/lib/core/models.py:777 core/models.py:777
 msgid "This document is not deleted."
 msgstr ""
 
-#: build/lib/core/models.py:769 core/models.py:769
+#: build/lib/core/models.py:784 core/models.py:784
 msgid "This document was permanently deleted and cannot be restored."
 msgstr ""
 
-#: build/lib/core/models.py:820 core/models.py:820
+#: build/lib/core/models.py:837 core/models.py:837
 msgid "Document/user link trace"
 msgstr ""
 
-#: build/lib/core/models.py:821 core/models.py:821
+#: build/lib/core/models.py:838 core/models.py:838
 msgid "Document/user link traces"
 msgstr ""
 
-#: build/lib/core/models.py:827 core/models.py:827
+#: build/lib/core/models.py:844 core/models.py:844
 msgid "A link trace already exists for this document/user."
 msgstr ""
 
-#: build/lib/core/models.py:850 core/models.py:850
+#: build/lib/core/models.py:867 core/models.py:867
 msgid "Document favorite"
 msgstr ""
 
-#: build/lib/core/models.py:851 core/models.py:851
+#: build/lib/core/models.py:868 core/models.py:868
 msgid "Document favorites"
 msgstr ""
 
-#: build/lib/core/models.py:857 core/models.py:857
+#: build/lib/core/models.py:874 core/models.py:874
 msgid "This document is already targeted by a favorite relation instance for the same user."
 msgstr ""
 
-#: build/lib/core/models.py:879 core/models.py:879
+#: build/lib/core/models.py:896 core/models.py:896
 msgid "Document/user relation"
 msgstr ""
 
-#: build/lib/core/models.py:880 core/models.py:880
+#: build/lib/core/models.py:897 core/models.py:897
 msgid "Document/user relations"
 msgstr ""
 
-#: build/lib/core/models.py:886 core/models.py:886
+#: build/lib/core/models.py:903 core/models.py:903
 msgid "This user is already in this document."
 msgstr ""
 
-#: build/lib/core/models.py:892 core/models.py:892
+#: build/lib/core/models.py:909 core/models.py:909
 msgid "This team is already in this document."
 msgstr ""
 
-#: build/lib/core/models.py:898 build/lib/core/models.py:1012
-#: core/models.py:898 core/models.py:1012
+#: build/lib/core/models.py:915 build/lib/core/models.py:1029
+#: core/models.py:915 core/models.py:1029
 msgid "Either user or team must be set, not both."
 msgstr ""
 
-#: build/lib/core/models.py:926 core/models.py:926
+#: build/lib/core/models.py:943 core/models.py:943
 msgid "description"
 msgstr ""
 
-#: build/lib/core/models.py:927 core/models.py:927
+#: build/lib/core/models.py:944 core/models.py:944
 msgid "code"
 msgstr ""
 
-#: build/lib/core/models.py:928 core/models.py:928
+#: build/lib/core/models.py:945 core/models.py:945
 msgid "css"
 msgstr ""
 
-#: build/lib/core/models.py:930 core/models.py:930
+#: build/lib/core/models.py:947 core/models.py:947
 msgid "public"
 msgstr ""
 
-#: build/lib/core/models.py:932 core/models.py:932
+#: build/lib/core/models.py:949 core/models.py:949
 msgid "Whether this template is public for anyone to use."
 msgstr ""
 
-#: build/lib/core/models.py:938 core/models.py:938
+#: build/lib/core/models.py:955 core/models.py:955
 msgid "Template"
 msgstr ""
 
-#: build/lib/core/models.py:939 core/models.py:939
+#: build/lib/core/models.py:956 core/models.py:956
 msgid "Templates"
 msgstr ""
 
-#: build/lib/core/models.py:993 core/models.py:993
+#: build/lib/core/models.py:1010 core/models.py:1010
 msgid "Template/user relation"
 msgstr ""
 
-#: build/lib/core/models.py:994 core/models.py:994
+#: build/lib/core/models.py:1011 core/models.py:1011
 msgid "Template/user relations"
 msgstr ""
 
-#: build/lib/core/models.py:1000 core/models.py:1000
+#: build/lib/core/models.py:1017 core/models.py:1017
 msgid "This user is already in this template."
 msgstr ""
 
-#: build/lib/core/models.py:1006 core/models.py:1006
+#: build/lib/core/models.py:1023 core/models.py:1023
 msgid "This team is already in this template."
 msgstr ""
 
-#: build/lib/core/models.py:1029 core/models.py:1029
+#: build/lib/core/models.py:1046 core/models.py:1046
 msgid "email address"
 msgstr ""
 
-#: build/lib/core/models.py:1048 core/models.py:1048
+#: build/lib/core/models.py:1065 core/models.py:1065
 msgid "Document invitation"
 msgstr ""
 
-#: build/lib/core/models.py:1049 core/models.py:1049
+#: build/lib/core/models.py:1066 core/models.py:1066
 msgid "Document invitations"
 msgstr ""
 
-#: build/lib/core/models.py:1069 core/models.py:1069
+#: build/lib/core/models.py:1086 core/models.py:1086
 msgid "This email is already associated to a registered user."
 msgstr ""
 
-#: build/lib/impress/settings.py:236 impress/settings.py:236
+#: build/lib/impress/settings.py:235 impress/settings.py:235
 msgid "English"
 msgstr ""
 
-#: build/lib/impress/settings.py:237 impress/settings.py:237
+#: build/lib/impress/settings.py:236 impress/settings.py:236
 msgid "French"
 msgstr ""
 
-#: build/lib/impress/settings.py:238 impress/settings.py:238
+#: build/lib/impress/settings.py:237 impress/settings.py:237
 msgid "German"
 msgstr ""
 

src/backend/pyproject.toml

@@ -7,7 +7,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "impress"
-version = "2.2.0"
+version = "2.3.0"
 authors = [{ "name" = "DINUM", "email" = "dev@mail.numerique.gouv.fr" }]
 classifiers = [
     "Development Status :: 5 - Production/Stable",

src/frontend/apps/e2e/__tests__/app-impress/assets/test.html

@@ -0,0 +1,22 @@
+<html>
+  <head>
+    <title>Test unsafe file</title>
+  </head>
+  <body>
+    <h1>Hello svg</h1>
+    <img src="test.jpg" alt="test" />
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100"
+      height="100"
+      viewBox="0 0 100 100"
+    >
+      <circle cx="50" cy="30" r="20" fill="#3498db" />
+      <polygon
+        points="50,10 55,20 65,20 58,30 60,40 50,35 40,40 42,30 35,20 45,20"
+        fill="#f1c40f"
+      />
+      <text x="50" y="70" text-anchor="middle" fill="white">Hello svg</text>
+    </svg>
+  </body>
+</html>

src/frontend/apps/e2e/__tests__/app-impress/doc-editor.spec.ts

@@ -1,8 +1,7 @@
-/* eslint-disable playwright/no-conditional-expect */
-/* eslint-disable playwright/no-conditional-in-test */
 import path from 'path';
 
 import { expect, test } from '@playwright/test';
+import cs from 'convert-stream';
 
 import {
   createDoc,
@@ -415,6 +414,8 @@ test.describe('Doc Editor', () => {
       const editor = page.locator('.ProseMirror');
       await editor.getByText('Hello').dblclick();
 
+      /* eslint-disable playwright/no-conditional-expect */
+      /* eslint-disable playwright/no-conditional-in-test */
       if (!ai_transform && !ai_translate) {
         await expect(page.getByRole('button', { name: 'AI' })).toBeHidden();
         return;
@@ -441,6 +442,45 @@ test.describe('Doc Editor', () => {
           page.getByRole('menuitem', { name: 'Language' }),
         ).toBeHidden();
       }
+      /* eslint-enable playwright/no-conditional-expect */
+      /* eslint-enable playwright/no-conditional-in-test */
     });
   });
+
+  test('it downloads unsafe files', async ({ page, browserName }) => {
+    const [randomDoc] = await createDoc(page, 'doc-editor', browserName, 1);
+
+    const fileChooserPromise = page.waitForEvent('filechooser');
+    const downloadPromise = page.waitForEvent('download', (download) => {
+      return download.suggestedFilename().includes(`html`);
+    });
+
+    await verifyDocName(page, randomDoc);
+
+    await page.locator('.ProseMirror.bn-editor').click();
+    await page.locator('.ProseMirror.bn-editor').fill('Hello World');
+
+    await page.keyboard.press('Enter');
+    await page.locator('.bn-block-outer').last().fill('/');
+    await page.getByText('Embedded file').click();
+    await page.getByText('Upload file').click();
+
+    const fileChooser = await fileChooserPromise;
+    await fileChooser.setFiles(path.join(__dirname, 'assets/test.html'));
+
+    await page.locator('.bn-block-content[data-name="test.html"]').click();
+    await page.getByRole('button', { name: 'Download file' }).click();
+
+    await expect(
+      page.getByText('This file is flagged as unsafe.'),
+    ).toBeVisible();
+
+    await page.getByRole('button', { name: 'Download' }).click();
+
+    const download = await downloadPromise;
+    expect(download.suggestedFilename()).toContain(`-unsafe.html`);
+
+    const svgBuffer = await cs.toBuffer(await download.createReadStream());
+    expect(svgBuffer.toString()).toContain('Hello svg');
+  });
 });

src/frontend/apps/e2e/__tests__/app-impress/doc-export.spec.ts

@@ -197,4 +197,49 @@ test.describe('Doc Export', () => {
 
     expect(pdfText).toContain('Hello World');
   });
+
+  test('it exports the doc with quotes', async ({ page, browserName }) => {
+    const [randomDoc] = await createDoc(page, 'export-quotes', browserName, 1);
+
+    const downloadPromise = page.waitForEvent('download', (download) => {
+      return download.suggestedFilename().includes(`${randomDoc}.pdf`);
+    });
+
+    const editor = page.locator('.ProseMirror');
+    // Trigger slash menu to show menu
+    await editor.click();
+    await editor.fill('/');
+    await page.getByText('Add a quote block').click();
+
+    await expect(
+      editor.locator('.bn-block-content[data-content-type="quote"]'),
+    ).toBeVisible();
+
+    await editor.fill('Hello World');
+
+    await expect(editor.getByText('Hello World')).toHaveCSS(
+      'font-style',
+      'italic',
+    );
+
+    await page
+      .getByRole('button', {
+        name: 'download',
+      })
+      .click();
+
+    await page
+      .getByRole('button', {
+        name: 'Download',
+      })
+      .click();
+
+    const download = await downloadPromise;
+    expect(download.suggestedFilename()).toBe(`${randomDoc}.pdf`);
+
+    const pdfBuffer = await cs.toBuffer(await download.createReadStream());
+    const pdfData = await pdf(pdfBuffer);
+
+    expect(pdfData.text).toContain('Hello World'); // This is the pdf text
+  });
 });

src/frontend/apps/e2e/__tests__/app-impress/doc-header.spec.ts

@@ -99,9 +99,7 @@ test.describe('Doc Header', () => {
     ).toBeVisible();
 
     await expect(
-      page.getByText(
-        `Are you sure you want to delete the document "${randomDoc}"?`,
-      ),
+      page.getByText(`Are you sure you want to delete this document ?`),
     ).toBeVisible();
 
     await page

src/frontend/apps/e2e/__tests__/app-impress/home.spec.ts

@@ -26,6 +26,7 @@ test.describe('Home page', () => {
 
     // Check the titles
     const h2 = page.locator('h2');
+    await expect(h2.getByText('Govs ❤️ Open Source.')).toBeVisible();
     await expect(
       h2.getByText('Collaborative writing, Simplified.'),
     ).toBeVisible();

src/frontend/apps/e2e/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-e2e",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "private": true,
   "scripts": {
     "lint": "eslint . --ext .ts",

src/frontend/apps/impress/cunningham.ts

@@ -357,6 +357,15 @@ const config = {
       components: {
         alert: {
           'border-radius': '0',
+          error: {
+            'background-color': 'var(--c--theme--colors--danger-100)',
+            'border-left-color': 'var(--c--theme--colors--danger-400)',
+            close: {
+              color: 'white',
+              'background-color': 'var(--c--theme--colors--danger-400)',
+              'background-color-hover': 'var(--c--theme--colors--danger-600)',
+            },
+          },
         },
         modal: {
           'width-small': '342px',

src/frontend/apps/impress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-impress",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "private": true,
   "scripts": {
     "dev": "next dev",

src/frontend/apps/impress/src/components/TextErrors.tsx

@@ -35,6 +35,7 @@ export const TextErrors = ({
             <Text
               key={`causes-${i}`}
               $theme="danger"
+              $variation="600"
               $textAlign="center"
               {...textProps}
             >
@@ -43,7 +44,12 @@ export const TextErrors = ({
           ))}
 
         {!causes && (
-          <Text $theme="danger" $textAlign="center" {...textProps}>
+          <Text
+            $theme="danger"
+            $variation="600"
+            $textAlign="center"
+            {...textProps}
+          >
             {defaultMessage || t('Something bad happens, please retry.')}
           </Text>
         )}

src/frontend/apps/impress/src/core/config/ConfigProvider.tsx

@@ -3,7 +3,7 @@ import { PropsWithChildren, useEffect } from 'react';
 
 import { Box } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
-import { PostHogProvider, configureCrispSession } from '@/services';
+import { CrispProvider, PostHogProvider } from '@/services';
 import { useSentryStore } from '@/stores/useSentryStore';
 
 import { useConfig } from './api/useConfig';
@@ -29,14 +29,6 @@ export const ConfigProvider = ({ children }: PropsWithChildren) => {
     setTheme(conf.FRONTEND_THEME);
   }, [conf?.FRONTEND_THEME, setTheme]);
 
-  useEffect(() => {
-    if (!conf?.CRISP_WEBSITE_ID) {
-      return;
-    }
-
-    configureCrispSession(conf.CRISP_WEBSITE_ID);
-  }, [conf?.CRISP_WEBSITE_ID]);
-
   if (!conf) {
     return (
       <Box $height="100vh" $width="100vw" $align="center" $justify="center">
@@ -45,5 +37,11 @@ export const ConfigProvider = ({ children }: PropsWithChildren) => {
     );
   }
 
-  return <PostHogProvider conf={conf.POSTHOG_KEY}>{children}</PostHogProvider>;
+  return (
+    <PostHogProvider conf={conf.POSTHOG_KEY}>
+      <CrispProvider websiteId={conf?.CRISP_WEBSITE_ID}>
+        {children}
+      </CrispProvider>
+    </PostHogProvider>
+  );
 };

src/frontend/apps/impress/src/cunningham/cunningham-style.css

@@ -310,7 +310,7 @@ input:-webkit-autofill:focus {
 }
 
 /**
- * Others
+ * Checkbox
 */
 .c__checkbox:focus-within {
   border-color: transparent;
@@ -365,7 +365,8 @@ input:-webkit-autofill:focus {
 }
 
 .c__button--medium {
-  padding: 0.9rem var(--c--theme--spacings--s);
+  height: auto;
+  min-height: var(--c--components--button--medium-height);
 }
 
 .c__button--small {
@@ -551,6 +552,8 @@ input:-webkit-autofill:focus {
 
 .c__modal__close .c__button {
   padding: 0 !important;
+  top: -0.65rem;
+  right: -0.65rem;
 }
 
 .c__modal--full .c__modal__content {
@@ -609,3 +612,22 @@ input:-webkit-autofill:focus {
 .c__tooltip {
   padding: 4px 6px;
 }
+
+/**
+ * Alert
+*/
+.c__alert--error {
+  background-color: var(--c--components--alert--error--background-color);
+  border-left-color: var(--c--components--alert--error--border-left-color);
+}
+
+.c__alert--error .c__button--tertiary {
+  background-color: var(--c--components--alert--error--close--background-color);
+  color: var(--c--components--alert--error--close--color);
+}
+
+.c__alert.c__alert--error .c__button--tertiary:hover {
+  background-color: var(
+    --c--components--alert--error--close--background-color-hover
+  );
+}

src/frontend/apps/impress/src/cunningham/cunningham-tokens.css

@@ -484,6 +484,19 @@
   --c--theme--logo--widthFooter: 220px;
   --c--theme--logo--alt: gouvernement logo;
   --c--components--alert--border-radius: 0;
+  --c--components--alert--error--background-color: var(
+    --c--theme--colors--danger-100
+  );
+  --c--components--alert--error--border-left-color: var(
+    --c--theme--colors--danger-400
+  );
+  --c--components--alert--error--close--color: white;
+  --c--components--alert--error--close--background-color: var(
+    --c--theme--colors--danger-400
+  );
+  --c--components--alert--error--close--background-color-hover: var(
+    --c--theme--colors--danger-600
+  );
   --c--components--modal--width-small: 342px;
   --c--components--button--medium-height: 40px;
   --c--components--button--medium-text-height: 40px;

src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts

@@ -483,7 +483,18 @@ export const tokens = {
         },
       },
       components: {
-        alert: { 'border-radius': '0' },
+        alert: {
+          'border-radius': '0',
+          error: {
+            'background-color': 'var(--c--theme--colors--danger-100)',
+            'border-left-color': 'var(--c--theme--colors--danger-400)',
+            close: {
+              color: 'white',
+              'background-color': 'var(--c--theme--colors--danger-400)',
+              'background-color-hover': 'var(--c--theme--colors--danger-600)',
+            },
+          },
+        },
         modal: { 'width-small': '342px' },
         button: {
           'medium-height': '40px',

src/frontend/apps/impress/src/features/auth/api/useAuthQuery.tsx

@@ -1,6 +1,6 @@
 import { UseQueryOptions, useQuery } from '@tanstack/react-query';
 
-import { APIError, fetchAPI } from '@/api';
+import { APIError, errorCauses, fetchAPI } from '@/api';
 
 import { User } from './types';
 
@@ -17,7 +17,10 @@ import { User } from './types';
 export const getMe = async (): Promise<User> => {
   const response = await fetchAPI(`users/me/`);
   if (!response.ok) {
-    throw new Error(`Couldn't fetch user data: ${response.statusText}`);
+    throw new APIError(
+      `Couldn't fetch user data: ${response.statusText}`,
+      await errorCauses(response),
+    );
   }
   return response.json() as Promise<User>;
 };

src/frontend/apps/impress/src/features/auth/components/Auth.tsx

@@ -5,6 +5,7 @@ import { PropsWithChildren } from 'react';
 import { Box } from '@/components';
 
 import { useAuth } from '../hooks';
+import { getAuthUrl } from '../utils';
 
 export const Auth = ({ children }: PropsWithChildren) => {
   const { isLoading, pathAllowed, isFetchedAfterMount, authenticated } =
@@ -19,6 +20,22 @@ export const Auth = ({ children }: PropsWithChildren) => {
     );
   }
 
+  /**
+   * If the user is authenticated and wanted initially to access a document,
+   * we redirect to the document page.
+   */
+  if (authenticated) {
+    const authUrl = getAuthUrl();
+    if (authUrl) {
+      void replace(authUrl);
+      return (
+        <Box $height="100vh" $width="100vw" $align="center" $justify="center">
+          <Loader />
+        </Box>
+      );
+    }
+  }
+
   /**
    * If the user is not authenticated and the path is not allowed, we redirect to the login page.
    */

src/frontend/apps/impress/src/features/auth/hooks/useAuth.tsx

@@ -2,13 +2,12 @@ import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 
 import { useAuthQuery } from '../api';
-import { getAuthUrl } from '../utils';
 
 const regexpUrlsAuth = [/\/docs\/$/g, /\/docs$/g, /^\/$/g];
 
 export const useAuth = () => {
   const { data: user, ...authStates } = useAuthQuery();
-  const { pathname, replace } = useRouter();
+  const { pathname } = useRouter();
 
   const [pathAllowed, setPathAllowed] = useState<boolean>(
     !regexpUrlsAuth.some((regexp) => !!pathname.match(regexp)),
@@ -18,17 +17,10 @@ export const useAuth = () => {
     setPathAllowed(!regexpUrlsAuth.some((regexp) => !!pathname.match(regexp)));
   }, [pathname]);
 
-  // Redirect to the path before login
-  useEffect(() => {
-    if (!user) {
-      return;
-    }
-
-    const authUrl = getAuthUrl();
-    if (authUrl) {
-      void replace(authUrl);
-    }
-  }, [user, replace]);
-
-  return { user, authenticated: !!user, pathAllowed, ...authStates };
+  return {
+    user,
+    authenticated: !!user && authStates.isSuccess,
+    pathAllowed,
+    ...authStates,
+  };
 };

src/frontend/apps/impress/src/features/auth/index.ts

@@ -1,4 +1,4 @@
-export * from './api/types';
+export * from './api';
 export * from './components';
 export * from './hooks';
 export * from './utils';

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx

@@ -1,6 +1,7 @@
 import {
   BlockNoteSchema,
   Dictionary,
+  defaultBlockSpecs,
   locales,
   withPageBreak,
 } from '@blocknote/core';
@@ -25,9 +26,17 @@ import { cssEditor } from '../styles';
 import { randomColor } from '../utils';
 
 import { BlockNoteSuggestionMenu } from './BlockNoteSuggestionMenu';
-import { BlockNoteToolbar } from './BlockNoteToolbar';
+import { BlockNoteToolbar } from './BlockNoteToolBar/BlockNoteToolbar';
+import { QuoteBlock } from './custom-blocks';
 
-export const blockNoteSchema = withPageBreak(BlockNoteSchema.create());
+export const blockNoteSchema = withPageBreak(
+  BlockNoteSchema.create({
+    blockSpecs: {
+      ...defaultBlockSpecs,
+      quote: QuoteBlock,
+    },
+  }),
+);
 
 interface BlockNoteEditorProps {
   doc: Doc;
@@ -125,7 +134,7 @@ export const BlockNoteEditor = ({ doc, provider }: BlockNoteEditorProps) => {
       $css={cssEditor(readOnly)}
     >
       {errorAttachment && (
-        <Box $margin={{ bottom: 'big' }}>
+        <Box $margin={{ bottom: 'big', top: 'none', horizontal: 'large' }}>
           <TextErrors
             causes={errorAttachment.cause}
             canClose
@@ -141,8 +150,8 @@ export const BlockNoteEditor = ({ doc, provider }: BlockNoteEditorProps) => {
         editable={!readOnly}
         theme="light"
       >
-        <BlockNoteToolbar />
         <BlockNoteSuggestionMenu />
+        <BlockNoteToolbar />
       </BlockNoteView>
     </Box>
   );

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteSuggestionMenu.tsx

@@ -5,13 +5,19 @@ import {
   getDefaultReactSlashMenuItems,
   getPageBreakReactSlashMenuItems,
   useBlockNoteEditor,
+  useDictionary,
 } from '@blocknote/react';
 import React, { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 
-import { DocsBlockNoteEditor } from '../types';
+import { DocsBlockSchema } from '../types';
+
+import { getQuoteReactSlashMenuItems } from './custom-blocks';
 
 export const BlockNoteSuggestionMenu = () => {
-  const editor = useBlockNoteEditor() as DocsBlockNoteEditor;
+  const editor = useBlockNoteEditor<DocsBlockSchema>();
+  const { t } = useTranslation();
+  const basicBlocksName = useDictionary().slash_menu.page_break.group;
 
   const getSlashMenuItems = useMemo(() => {
     return async (query: string) =>
@@ -20,11 +26,12 @@ export const BlockNoteSuggestionMenu = () => {
           combineByGroup(
             getDefaultReactSlashMenuItems(editor),
             getPageBreakReactSlashMenuItems(editor),
+            getQuoteReactSlashMenuItems(editor, t, basicBlocksName),
           ),
           query,
         ),
       );
-  }, [editor]);
+  }, [basicBlocksName, editor, t]);
 
   return (
     <SuggestionMenuController

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/AIButton.tsx

@@ -20,7 +20,7 @@ import {
   AITransformActions,
   useDocAITransform,
   useDocAITranslate,
-} from '../api/';
+} from '../../api';
 
 type LanguageTranslate = {
   value: string;

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/BlockNoteToolbar.tsx

@@ -0,0 +1,75 @@
+import '@blocknote/mantine/style.css';
+import {
+  FormattingToolbar,
+  FormattingToolbarController,
+  blockTypeSelectItems,
+  getFormattingToolbarItems,
+  useDictionary,
+} from '@blocknote/react';
+import React, { useCallback, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { getQuoteFormattingToolbarItems } from '../custom-blocks';
+
+import { AIGroupButton } from './AIButton';
+import { FileDownloadButton } from './FileDownloadButton';
+import { MarkdownButton } from './MarkdownButton';
+import { ModalConfirmDownloadUnsafe } from './ModalConfirmDownloadUnsafe';
+
+export const BlockNoteToolbar = () => {
+  const dict = useDictionary();
+  const [confirmOpen, setIsConfirmOpen] = useState(false);
+  const [onConfirm, setOnConfirm] = useState<() => void | Promise<void>>();
+  const { t } = useTranslation();
+
+  const toolbarItems = useMemo(() => {
+    const toolbarItems = getFormattingToolbarItems([
+      ...blockTypeSelectItems(dict),
+      getQuoteFormattingToolbarItems(t),
+    ]);
+    const fileDownloadButtonIndex = toolbarItems.findIndex(
+      (item) => item.key === 'fileDownloadButton',
+    );
+    if (fileDownloadButtonIndex !== -1) {
+      toolbarItems.splice(
+        fileDownloadButtonIndex,
+        1,
+        <FileDownloadButton
+          key="fileDownloadButton"
+          open={(onConfirm) => {
+            setIsConfirmOpen(true);
+            setOnConfirm(() => onConfirm);
+          }}
+        />,
+      );
+    }
+
+    return toolbarItems;
+  }, [dict, t]);
+
+  const formattingToolbar = useCallback(() => {
+    return (
+      <FormattingToolbar>
+        {toolbarItems}
+
+        {/* Extra button to do some AI powered actions */}
+        <AIGroupButton key="AIButton" />
+
+        {/* Extra button to convert from markdown to json */}
+        <MarkdownButton key="customButton" />
+      </FormattingToolbar>
+    );
+  }, [toolbarItems]);
+
+  return (
+    <>
+      <FormattingToolbarController formattingToolbar={formattingToolbar} />
+      {confirmOpen && (
+        <ModalConfirmDownloadUnsafe
+          onClose={() => setIsConfirmOpen(false)}
+          onConfirm={onConfirm}
+        />
+      )}
+    </>
+  );
+};

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/FileDownloadButton.tsx

@@ -0,0 +1,111 @@
+import {
+  BlockSchema,
+  InlineContentSchema,
+  StyleSchema,
+  checkBlockIsFileBlock,
+  checkBlockIsFileBlockWithPlaceholder,
+} from '@blocknote/core';
+import {
+  useBlockNoteEditor,
+  useComponentsContext,
+  useDictionary,
+  useSelectedBlocks,
+} from '@blocknote/react';
+import { useCallback, useMemo } from 'react';
+import { RiDownload2Fill } from 'react-icons/ri';
+
+import { downloadFile, exportResolveFileUrl } from '@/features/docs/doc-export';
+
+export const FileDownloadButton = ({
+  open,
+}: {
+  open: (onConfirm: () => Promise<void> | void) => void;
+}) => {
+  const dict = useDictionary();
+  const Components = useComponentsContext();
+
+  const editor = useBlockNoteEditor<
+    BlockSchema,
+    InlineContentSchema,
+    StyleSchema
+  >();
+
+  const selectedBlocks = useSelectedBlocks(editor);
+
+  const fileBlock = useMemo(() => {
+    // Checks if only one block is selected.
+    if (selectedBlocks.length !== 1) {
+      return undefined;
+    }
+
+    const block = selectedBlocks[0];
+
+    if (checkBlockIsFileBlock(block, editor)) {
+      return block;
+    }
+
+    return undefined;
+  }, [editor, selectedBlocks]);
+
+  const onClick = useCallback(async () => {
+    if (fileBlock && fileBlock.props.url) {
+      editor.focus();
+
+      const url = fileBlock.props.url as string;
+
+      /**
+       * If not hosted on our domain, means not a file uploaded by the user,
+       * we do what Blocknote was doing initially.
+       */
+      if (!url.includes(window.location.hostname)) {
+        if (!editor.resolveFileUrl) {
+          window.open(url);
+        } else {
+          void editor
+            .resolveFileUrl(url)
+            .then((downloadUrl) => window.open(downloadUrl));
+        }
+
+        return;
+      }
+
+      if (!url.includes('-unsafe')) {
+        const blob = (await exportResolveFileUrl(url, undefined)) as Blob;
+        downloadFile(blob, url.split('/').pop() || 'file');
+      } else {
+        const onConfirm = async () => {
+          const blob = (await exportResolveFileUrl(url, undefined)) as Blob;
+          downloadFile(blob, url.split('/').pop() || 'file (unsafe)');
+        };
+
+        open(onConfirm);
+      }
+    }
+  }, [editor, fileBlock, open]);
+
+  if (
+    !fileBlock ||
+    checkBlockIsFileBlockWithPlaceholder(fileBlock, editor) ||
+    !Components
+  ) {
+    return null;
+  }
+
+  return (
+    <>
+      <Components.FormattingToolbar.Button
+        className="bn-button"
+        label={
+          dict.formatting_toolbar.file_download.tooltip[fileBlock.type] ||
+          dict.formatting_toolbar.file_download.tooltip['file']
+        }
+        mainTooltip={
+          dict.formatting_toolbar.file_download.tooltip[fileBlock.type] ||
+          dict.formatting_toolbar.file_download.tooltip['file']
+        }
+        icon={<RiDownload2Fill />}
+        onClick={() => void onClick()}
+      />
+    </>
+  );
+};

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/ModalConfirmDownloadUnsafe.tsx

@@ -0,0 +1,74 @@
+import { Button, Modal, ModalSize } from '@openfun/cunningham-react';
+import { useTranslation } from 'react-i18next';
+
+import { Box, Text } from '@/components';
+
+interface ModalConfirmDownloadUnsafeProps {
+  onClose: () => void;
+  onConfirm?: () => Promise<void> | void;
+}
+
+export const ModalConfirmDownloadUnsafe = ({
+  onConfirm,
+  onClose,
+}: ModalConfirmDownloadUnsafeProps) => {
+  const { t } = useTranslation();
+
+  return (
+    <Modal
+      isOpen
+      closeOnClickOutside
+      onClose={() => onClose()}
+      rightActions={
+        <>
+          <Button
+            aria-label={t('Close the modal')}
+            color="secondary"
+            onClick={() => onClose()}
+          >
+            {t('Cancel')}
+          </Button>
+          <Button
+            aria-label={t('Download')}
+            color="danger"
+            onClick={() => {
+              console.log('onClick');
+              if (onConfirm) {
+                void onConfirm();
+              }
+              onClose();
+            }}
+          >
+            {t('Download anyway')}
+          </Button>
+        </>
+      }
+      size={ModalSize.SMALL}
+      title={
+        <Text
+          $gap="0.7rem"
+          $size="h6"
+          $align="flex-start"
+          $variation="1000"
+          $direction="row"
+        >
+          <Text $isMaterialIcon $theme="warning">
+            warning
+          </Text>
+          {t('Warning')}
+        </Text>
+      }
+    >
+      <Box aria-label={t('Modal confirmation to download the attachment')}>
+        <Box>
+          <Box $direction="column" $gap="0.35rem" $margin={{ top: 'sm' }}>
+            <Text $variation="700">{t('This file is flagged as unsafe.')}</Text>
+            <Text $variation="600">
+              {t('Please download it only if it comes from a trusted source.')}
+            </Text>
+          </Box>
+        </Box>
+      </Box>
+    </Modal>
+  );
+};

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolbar.tsx

@@ -1,30 +0,0 @@
-import '@blocknote/mantine/style.css';
-import {
-  FormattingToolbar,
-  FormattingToolbarController,
-  FormattingToolbarProps,
-  getFormattingToolbarItems,
-} from '@blocknote/react';
-import React, { useCallback } from 'react';
-
-import { AIGroupButton } from './AIButton';
-import { MarkdownButton } from './MarkdownButton';
-
-export const BlockNoteToolbar = () => {
-  const formattingToolbar = useCallback(
-    ({ blockTypeSelectItems }: FormattingToolbarProps) => (
-      <FormattingToolbar>
-        {getFormattingToolbarItems(blockTypeSelectItems)}
-
-        {/* Extra button to do some AI powered actions */}
-        <AIGroupButton key="AIButton" />
-
-        {/* Extra button to convert from markdown to json */}
-        <MarkdownButton key="customButton" />
-      </FormattingToolbar>
-    ),
-    [],
-  );
-
-  return <FormattingToolbarController formattingToolbar={formattingToolbar} />;
-};

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/QuoteBlock.tsx

@@ -0,0 +1,77 @@
+import { defaultProps, insertOrUpdateBlock } from '@blocknote/core';
+import { BlockTypeSelectItem, createReactBlockSpec } from '@blocknote/react';
+import { TFunction } from 'i18next';
+import React from 'react';
+
+import { Text } from '@/components';
+import { useCunninghamTheme } from '@/cunningham';
+
+import { DocsBlockNoteEditor } from '../../types';
+
+export const QuoteBlock = createReactBlockSpec(
+  {
+    type: 'quote',
+    propSchema: {
+      textAlignment: defaultProps.textAlignment,
+      textColor: defaultProps.textColor,
+    },
+    content: 'inline',
+  },
+  {
+    render: (props) => {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const { colorsTokens } = useCunninghamTheme();
+
+      return (
+        <Text
+          className="inline-content"
+          $margin="0 0 1rem 0"
+          $padding="0.5rem 1rem"
+          $variation="600"
+          style={{
+            borderLeft: `4px solid ${colorsTokens()['greyscale-300']}`,
+            fontStyle: 'italic',
+            flexGrow: 1,
+          }}
+          ref={props.contentRef}
+        />
+      );
+    },
+  },
+);
+
+export const getQuoteReactSlashMenuItems = (
+  editor: DocsBlockNoteEditor,
+  t: TFunction<'translation', undefined>,
+  group: string,
+) => [
+  {
+    title: t('Quote'),
+    onItemClick: () => {
+      insertOrUpdateBlock(editor, {
+        type: 'quote',
+      });
+    },
+    aliases: ['quote', 'blockquote', 'citation'],
+    group,
+    icon: (
+      <Text $isMaterialIcon $size="18px">
+        format_quote
+      </Text>
+    ),
+    subtext: t('Add a quote block'),
+  },
+];
+
+export const getQuoteFormattingToolbarItems = (
+  t: TFunction<'translation', undefined>,
+): BlockTypeSelectItem => ({
+  name: t('Quote'),
+  type: 'quote',
+  icon: () => (
+    <Text $isMaterialIcon $size="16px">
+      format_quote
+    </Text>
+  ),
+  isSelected: (block) => block.type === 'quote',
+});

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/index.ts

@@ -0,0 +1 @@
+export * from './QuoteBlock';

src/frontend/apps/impress/src/features/docs/doc-editor/components/index.ts

@@ -1 +1,2 @@
 export * from './DocEditor';
+export * from './custom-blocks/';

src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx

@@ -6,6 +6,14 @@ export const cssEditor = (readonly: boolean) => css`
   & .ProseMirror {
     height: 100%;
 
+    img.bn-visual-media[src*='-unsafe'] {
+      pointer-events: none;
+    }
+
+    .bn-side-menu[data-block-type='quote'] {
+      height: 46px;
+    }
+
     .collaboration-cursor-custom__base {
       position: relative;
     }

src/frontend/apps/impress/src/features/docs/doc-editor/types.tsx

@@ -17,8 +17,12 @@ export type HeadingBlock = {
   };
 };
 
+export type DocsBlockSchema = typeof blockNoteSchema.blockSchema;
+export type DocsInlineContentSchema =
+  typeof blockNoteSchema.inlineContentSchema;
+export type DocsStyleSchema = typeof blockNoteSchema.styleSchema;
 export type DocsBlockNoteEditor = BlockNoteEditor<
-  typeof blockNoteSchema.blockSchema,
-  typeof blockNoteSchema.inlineContentSchema,
-  typeof blockNoteSchema.styleSchema
+  DocsBlockSchema,
+  DocsInlineContentSchema,
+  DocsStyleSchema
 >;

src/frontend/apps/impress/src/features/docs/doc-export/blocks-mapping/headingPDF.tsx

@@ -0,0 +1,25 @@
+import { Text } from '@react-pdf/renderer';
+
+import { DocsExporterPDF } from '../types';
+
+export const blockMappingHeadingPDF: DocsExporterPDF['mappings']['blockMapping']['heading'] =
+  (block, exporter) => {
+    const PIXELS_PER_POINT = 0.75;
+    const MERGE_RATIO = 7.5;
+    const FONT_SIZE = 16;
+    const fontSizeEM =
+      block.props.level === 1 ? 2 : block.props.level === 2 ? 1.5 : 1.17;
+    return (
+      <Text
+        key={block.id}
+        style={{
+          fontSize: fontSizeEM * FONT_SIZE * PIXELS_PER_POINT,
+          fontWeight: 700,
+          marginTop: `${fontSizeEM * MERGE_RATIO}px`,
+          marginBottom: `${fontSizeEM * MERGE_RATIO}px`,
+        }}
+      >
+        {exporter.transformInlineContent(block.content)}
+      </Text>
+    );
+  };

src/frontend/apps/impress/src/features/docs/doc-export/blocks-mapping/index.ts

@@ -0,0 +1,5 @@
+export * from './headingPDF';
+export * from './paragraphPDF';
+export * from './quoteDocx';
+export * from './quotePDF';
+export * from './tablePDF';

src/frontend/apps/impress/src/features/docs/doc-export/blocks-mapping/paragraphPDF.tsx

@@ -0,0 +1,31 @@
+import { Text } from '@react-pdf/renderer';
+
+import { DocsExporterPDF } from '../types';
+
+export const blockMappingParagraphPDF: DocsExporterPDF['mappings']['blockMapping']['paragraph'] =
+  (block, exporter) => {
+    /**
+     * Breakline in the editor are not rendered in the PDF
+     * By adding a space if the block is empty we ensure that the block is rendered
+     */
+    if (Array.isArray(block.content)) {
+      block.content.forEach((content) => {
+        if (content.type === 'text' && !content.text) {
+          content.text = ' ';
+        }
+      });
+
+      if (!block.content.length) {
+        block.content.push({
+          styles: {},
+          text: ' ',
+          type: 'text',
+        });
+      }
+    }
+    return (
+      <Text key={block.id}>
+        {exporter.transformInlineContent(block.content)}
+      </Text>
+    );
+  };

src/frontend/apps/impress/src/features/docs/doc-export/blocks-mapping/quoteDocx.tsx

@@ -0,0 +1,33 @@
+import { Paragraph } from 'docx';
+
+import { DocsExporterDocx } from '../types';
+import { docxBlockPropsToStyles } from '../utils';
+
+export const blockMappingQuoteDocx: DocsExporterDocx['mappings']['blockMapping']['quote'] =
+  (block, exporter) => {
+    if (Array.isArray(block.content)) {
+      block.content.forEach((content) => {
+        if (content.type === 'text') {
+          content.styles = {
+            ...content.styles,
+            italic: true,
+            textColor: 'gray',
+          };
+        }
+      });
+    }
+
+    return new Paragraph({
+      ...docxBlockPropsToStyles(block.props, exporter.options.colors),
+      spacing: { before: 10, after: 10 },
+      border: {
+        left: {
+          color: '#cecece',
+          space: 4,
+          style: 'thick',
+        },
+      },
+      style: 'Normal',
+      children: exporter.transformInlineContent(block.content),
+    });
+  };

src/frontend/apps/impress/src/features/docs/doc-export/blocks-mapping/quotePDF.tsx

@@ -0,0 +1,21 @@
+import { Text } from '@react-pdf/renderer';
+
+import { DocsExporterPDF } from '../types';
+
+export const blockMappingQuotePDF: DocsExporterPDF['mappings']['blockMapping']['quote'] =
+  (block, exporter) => {
+    return (
+      <Text
+        style={{
+          fontStyle: 'italic',
+          marginVertical: 10,
+          paddingVertical: 5,
+          paddingLeft: 10,
+          borderLeft: '4px solid #cecece',
+          color: '#666',
+        }}
+      >
+        {exporter.transformInlineContent(block.content)}
+      </Text>
+    );
+  };

src/frontend/apps/impress/src/features/docs/doc-export/blocks-mapping/tablePDF.tsx

@@ -0,0 +1,52 @@
+import { TD, TH, TR, Table } from '@ag-media/react-pdf-table';
+import { View } from '@react-pdf/renderer';
+
+import { DocsExporterPDF } from '../types';
+
+export const blockMappingTablePDF: DocsExporterPDF['mappings']['blockMapping']['table'] =
+  (block, exporter) => {
+    return (
+      <Table>
+        {block.content.rows.map((row, index) => {
+          if (index === 0) {
+            return (
+              <TH key={index}>
+                {row.cells.map((cell, index) => {
+                  // Make empty cells are rendered.
+                  if (cell.length === 0) {
+                    cell.push({
+                      styles: {},
+                      text: ' ',
+                      type: 'text',
+                    });
+                  }
+                  return (
+                    <TD key={index}>{exporter.transformInlineContent(cell)}</TD>
+                  );
+                })}
+              </TH>
+            );
+          }
+          return (
+            <TR key={index}>
+              {row.cells.map((cell, index) => {
+                // Make empty cells are rendered.
+                if (cell.length === 0) {
+                  cell.push({
+                    styles: {},
+                    text: ' ',
+                    type: 'text',
+                  });
+                }
+                return (
+                  <TD key={index}>
+                    <View>{exporter.transformInlineContent(cell)}</View>
+                  </TD>
+                );
+              })}
+            </TR>
+          );
+        })}
+      </Table>
+    );
+  };

src/frontend/apps/impress/src/features/docs/doc-export/components/ModalExport.tsx

@@ -1,11 +1,5 @@
-import {
-  DOCXExporter,
-  docxDefaultSchemaMappings,
-} from '@blocknote/xl-docx-exporter';
-import {
-  PDFExporter,
-  pdfDefaultSchemaMappings,
-} from '@blocknote/xl-pdf-exporter';
+import { DOCXExporter } from '@blocknote/xl-docx-exporter';
+import { PDFExporter } from '@blocknote/xl-pdf-exporter';
 import {
   Button,
   Loader,
@@ -15,20 +9,20 @@ import {
   VariantType,
   useToastProvider,
 } from '@openfun/cunningham-react';
-import { Text as PDFText, pdf } from '@react-pdf/renderer';
+import { pdf } from '@react-pdf/renderer';
 import { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { css } from 'styled-components';
 
 import { Box, Text } from '@/components';
 import { useEditorStore } from '@/features/docs/doc-editor';
-import { Doc } from '@/features/docs/doc-management';
+import { Doc, useTrans } from '@/features/docs/doc-management';
 
 import { TemplatesOrdering, useTemplates } from '../api/useTemplates';
+import { docxDocsSchemaMappings } from '../mappingDocx';
+import { pdfDocsSchemaMappings } from '../mappingPDF';
 import { downloadFile, exportResolveFileUrl } from '../utils';
 
-import { Table } from './blocks/Table';
-
 enum DocDownloadFormat {
   PDF = 'pdf',
   DOCX = 'docx',
@@ -51,6 +45,7 @@ export const ModalExport = ({ onClose, doc }: ModalExportProps) => {
   const [format, setFormat] = useState<DocDownloadFormat>(
     DocDownloadFormat.PDF,
   );
+  const { untitledDocument } = useTrans();
 
   const templateOptions = useMemo(() => {
     const templateOptions = (templates?.pages || [])
@@ -78,7 +73,7 @@ export const ModalExport = ({ onClose, doc }: ModalExportProps) => {
 
     setIsExporting(true);
 
-    const title = doc.title
+    const title = (doc.title || untitledDocument)
       .toLowerCase()
       .normalize('NFD')
       .replace(/[\u0300-\u036f]/g, '')
@@ -95,91 +90,25 @@ export const ModalExport = ({ onClose, doc }: ModalExportProps) => {
     if (format === DocDownloadFormat.PDF) {
       const defaultExporter = new PDFExporter(
         editor.schema,
-        pdfDefaultSchemaMappings,
+        pdfDocsSchemaMappings,
       );
 
-      const exporter = new PDFExporter(
-        editor.schema,
-        {
-          ...pdfDefaultSchemaMappings,
-          blockMapping: {
-            ...pdfDefaultSchemaMappings.blockMapping,
-            heading: (block, exporter) => {
-              const PIXELS_PER_POINT = 0.75;
-              const MERGE_RATIO = 7.5;
-              const FONT_SIZE = 16;
-              const fontSizeEM =
-                block.props.level === 1
-                  ? 2
-                  : block.props.level === 2
-                    ? 1.5
-                    : 1.17;
-              return (
-                <PDFText
-                  key={block.id}
-                  style={{
-                    fontSize: fontSizeEM * FONT_SIZE * PIXELS_PER_POINT,
-                    fontWeight: 700,
-                    marginTop: `${fontSizeEM * MERGE_RATIO}px`,
-                    marginBottom: `${fontSizeEM * MERGE_RATIO}px`,
-                  }}
-                >
-                  {exporter.transformInlineContent(block.content)}
-                </PDFText>
-              );
-            },
-            paragraph: (block, exporter) => {
-              /**
-               * Breakline in the editor are not rendered in the PDF
-               * By adding a space if the block is empty we ensure that the block is rendered
-               */
-              if (Array.isArray(block.content)) {
-                block.content.forEach((content) => {
-                  if (content.type === 'text' && !content.text) {
-                    content.text = ' ';
-                  }
-                });
-
-                if (!block.content.length) {
-                  block.content.push({
-                    styles: {},
-                    text: ' ',
-                    type: 'text',
-                  });
-                }
-              }
-              return (
-                <PDFText key={block.id}>
-                  {exporter.transformInlineContent(block.content)}
-                </PDFText>
-              );
-            },
-            table: (block, transformer) => {
-              return <Table data={block.content} transformer={transformer} />;
-            },
-          },
-        },
-        {
-          resolveFileUrl: async (url) =>
-            exportResolveFileUrl(url, defaultExporter.options.resolveFileUrl),
-        },
-      );
+      const exporter = new PDFExporter(editor.schema, pdfDocsSchemaMappings, {
+        resolveFileUrl: async (url) =>
+          exportResolveFileUrl(url, defaultExporter.options.resolveFileUrl),
+      });
       const pdfDocument = await exporter.toReactPDFDocument(exportDocument);
       blobExport = await pdf(pdfDocument).toBlob();
     } else {
       const defaultExporter = new DOCXExporter(
         editor.schema,
-        docxDefaultSchemaMappings,
+        docxDocsSchemaMappings,
       );
 
-      const exporter = new DOCXExporter(
-        editor.schema,
-        docxDefaultSchemaMappings,
-        {
-          resolveFileUrl: async (url) =>
-            exportResolveFileUrl(url, defaultExporter.options.resolveFileUrl),
-        },
-      );
+      const exporter = new DOCXExporter(editor.schema, docxDocsSchemaMappings, {
+        resolveFileUrl: async (url) =>
+          exportResolveFileUrl(url, defaultExporter.options.resolveFileUrl),
+      });
 
       blobExport = await exporter.toBlob(exportDocument);
     }

src/frontend/apps/impress/src/features/docs/doc-export/components/index.ts

@@ -0,0 +1 @@
+export * from './ModalExport';

src/frontend/apps/impress/src/features/docs/doc-export/index.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './utils';

src/frontend/apps/impress/src/features/docs/doc-export/mappingDocx.tsx

@@ -0,0 +1,12 @@
+import { docxDefaultSchemaMappings } from '@blocknote/xl-docx-exporter';
+
+import { blockMappingQuoteDocx } from './blocks-mapping/';
+import { DocsExporterDocx } from './types';
+
+export const docxDocsSchemaMappings: DocsExporterDocx['mappings'] = {
+  ...docxDefaultSchemaMappings,
+  blockMapping: {
+    ...docxDefaultSchemaMappings.blockMapping,
+    quote: blockMappingQuoteDocx,
+  },
+};

src/frontend/apps/impress/src/features/docs/doc-export/mappingPDF.tsx

@@ -0,0 +1,20 @@
+import { pdfDefaultSchemaMappings } from '@blocknote/xl-pdf-exporter';
+
+import {
+  blockMappingHeadingPDF,
+  blockMappingParagraphPDF,
+  blockMappingQuotePDF,
+  blockMappingTablePDF,
+} from './blocks-mapping';
+import { DocsExporterPDF } from './types';
+
+export const pdfDocsSchemaMappings: DocsExporterPDF['mappings'] = {
+  ...pdfDefaultSchemaMappings,
+  blockMapping: {
+    ...pdfDefaultSchemaMappings.blockMapping,
+    heading: blockMappingHeadingPDF,
+    paragraph: blockMappingParagraphPDF,
+    quote: blockMappingQuotePDF,
+    table: blockMappingTablePDF,
+  },
+};

src/frontend/apps/impress/src/features/docs/doc-export/types.ts

@@ -0,0 +1,53 @@
+import { Exporter } from '@blocknote/core';
+import { Link, Text, TextProps } from '@react-pdf/renderer';
+import {
+  IRunPropertiesOptions,
+  Paragraph,
+  ParagraphChild,
+  Table,
+  TextRun,
+} from 'docx';
+
+import {
+  DocsBlockSchema,
+  DocsInlineContentSchema,
+  DocsStyleSchema,
+} from '../doc-editor';
+import { Access } from '../doc-management';
+
+export interface Template {
+  id: string;
+  abilities: {
+    destroy: boolean;
+    generate_document: boolean;
+    accesses_manage: boolean;
+    retrieve: boolean;
+    update: boolean;
+    partial_update: boolean;
+  };
+  accesses: Access[];
+  title: string;
+  is_public: boolean;
+  css: string;
+  code: string;
+}
+
+export type DocsExporterPDF = Exporter<
+  NoInfer<DocsBlockSchema>,
+  NoInfer<DocsInlineContentSchema>,
+  NoInfer<DocsStyleSchema>,
+  React.ReactElement<Text>,
+  React.ReactElement<Link> | React.ReactElement<Text>,
+  TextProps['style'],
+  React.ReactElement<Text>
+>;
+
+export type DocsExporterDocx = Exporter<
+  NoInfer<DocsBlockSchema>,
+  NoInfer<DocsInlineContentSchema>,
+  NoInfer<DocsStyleSchema>,
+  Promise<Paragraph[] | Paragraph | Table> | Paragraph[] | Paragraph | Table,
+  ParagraphChild,
+  IRunPropertiesOptions,
+  TextRun
+>;

src/frontend/apps/impress/src/features/docs/doc-export/utils.ts

@@ -0,0 +1,75 @@
+import {
+  COLORS_DEFAULT,
+  DefaultProps,
+  UnreachableCaseError,
+} from '@blocknote/core';
+import { IParagraphOptions, ShadingType } from 'docx';
+
+export function downloadFile(blob: Blob, filename: string) {
+  const url = window.URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.style.display = 'none';
+  a.href = url;
+  a.download = filename;
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  window.URL.revokeObjectURL(url);
+}
+
+export const exportResolveFileUrl = async (
+  url: string,
+  resolveFileUrl: ((url: string) => Promise<string | Blob>) | undefined,
+) => {
+  if (!url.includes(window.location.hostname) && resolveFileUrl) {
+    return resolveFileUrl(url);
+  }
+
+  try {
+    const response = await fetch(url, {
+      credentials: 'include',
+    });
+
+    return response.blob();
+  } catch {
+    console.error(`Failed to fetch image: ${url}`);
+  }
+
+  return url;
+};
+
+export function docxBlockPropsToStyles(
+  props: Partial<DefaultProps>,
+  colors: typeof COLORS_DEFAULT,
+): IParagraphOptions {
+  return {
+    shading:
+      props.backgroundColor === 'default' || !props.backgroundColor
+        ? undefined
+        : {
+            type: ShadingType.SOLID,
+            color:
+              colors[
+                props.backgroundColor as keyof typeof colors
+              ].background.slice(1),
+          },
+    run:
+      props.textColor === 'default' || !props.textColor
+        ? undefined
+        : {
+            color: colors[props.textColor as keyof typeof colors].text.slice(1),
+          },
+    alignment:
+      !props.textAlignment || props.textAlignment === 'left'
+        ? undefined
+        : props.textAlignment === 'center'
+          ? 'center'
+          : props.textAlignment === 'right'
+            ? 'right'
+            : props.textAlignment === 'justify'
+              ? 'distribute'
+              : (() => {
+                  throw new UnreachableCaseError(props.textAlignment);
+                })(),
+  };
+}

src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx

@@ -33,11 +33,13 @@ export const DocTitle = ({ doc }: DocTitleProps) => {
 };
 
 interface DocTitleTextProps {
-  title: string;
+  title?: string;
 }
 
 export const DocTitleText = ({ title }: DocTitleTextProps) => {
   const { isMobile } = useResponsiveStore();
+  const { untitledDocument } = useTrans();
+
   return (
     <Text
       as="h2"
@@ -45,7 +47,7 @@ export const DocTitleText = ({ title }: DocTitleTextProps) => {
       $size={isMobile ? 'h4' : 'h2'}
       $variation="1000"
     >
-      {title}
+      {title || untitledDocument}
     </Text>
   );
 };
@@ -114,6 +116,8 @@ const DocTitleInput = ({ doc }: DocTitleProps) => {
           handleTitleSubmit(event.target.textContent || '')
         }
         $color={colorsTokens()['greyscale-1000']}
+        $minHeight="40px"
+        $padding={{ right: 'big' }}
         $css={css`
           &[contenteditable='true']:empty:not(:focus):before {
             content: '${untitledDocument}';

src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx

@@ -18,6 +18,7 @@ import {
 } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
 import { useEditorStore } from '@/features/docs/doc-editor/';
+import { ModalExport } from '@/features/docs/doc-export/';
 import {
   Doc,
   ModalRemoveDoc,
@@ -30,8 +31,6 @@ import {
 } from '@/features/docs/doc-versioning';
 import { useResponsiveStore } from '@/stores';
 
-import { ModalExport } from './ModalExport';
-
 interface DocToolBoxProps {
   doc: Doc;
 }

src/frontend/apps/impress/src/features/docs/doc-header/components/DocVersionHeader.tsx

@@ -6,7 +6,7 @@ import { useCunninghamTheme } from '@/cunningham';
 import { DocTitleText } from './DocTitle';
 
 interface DocVersionHeaderProps {
-  title: string;
+  title?: string;
 }
 
 export const DocVersionHeader = ({ title }: DocVersionHeaderProps) => {

src/frontend/apps/impress/src/features/docs/doc-header/components/blocks/Table.tsx

@@ -1,76 +0,0 @@
-import { TD, TH, TR, Table as TablePDF } from '@ag-media/react-pdf-table';
-import {
-  DefaultBlockSchema,
-  Exporter,
-  InlineContentSchema,
-  StyleSchema,
-  TableContent,
-} from '@blocknote/core';
-import { View } from '@react-pdf/renderer';
-import { ReactNode } from 'react';
-
-export const Table = (props: {
-  data: TableContent<InlineContentSchema>;
-  transformer: Exporter<
-    DefaultBlockSchema,
-    InlineContentSchema,
-    StyleSchema,
-    unknown,
-    unknown,
-    unknown,
-    unknown
-  >;
-}) => {
-  return (
-    <TablePDF>
-      {props.data.rows.map((row, index) => {
-        if (index === 0) {
-          return (
-            <TH key={index}>
-              {row.cells.map((cell, index) => {
-                // Make empty cells are rendered.
-                if (cell.length === 0) {
-                  cell.push({
-                    styles: {},
-                    text: ' ',
-                    type: 'text',
-                  });
-                }
-                return (
-                  <TD key={index}>
-                    {props.transformer.transformInlineContent(cell)}
-                  </TD>
-                );
-              })}
-            </TH>
-          );
-        }
-        return (
-          <TR key={index}>
-            {row.cells.map((cell, index) => {
-              // Make empty cells are rendered.
-              if (cell.length === 0) {
-                cell.push({
-                  styles: {},
-                  text: ' ',
-                  type: 'text',
-                });
-              }
-              return (
-                <TD key={index}>
-                  <View>
-                    {
-                      props.transformer.transformInlineContent(
-                        cell,
-                      ) as ReactNode
-                    }
-                  </View>
-                </TD>
-              );
-            })}
-          </TR>
-        );
-      })}
-    </TablePDF>
-  );
-};

src/frontend/apps/impress/src/features/docs/doc-header/types.ts

@@ -1,18 +0,0 @@
-import { Access } from '../doc-management';
-
-export interface Template {
-  id: string;
-  abilities: {
-    destroy: boolean;
-    generate_document: boolean;
-    accesses_manage: boolean;
-    retrieve: boolean;
-    update: boolean;
-    partial_update: boolean;
-  };
-  accesses: Access[];
-  title: string;
-  is_public: boolean;
-  css: string;
-  code: string;
-}

src/frontend/apps/impress/src/features/docs/doc-header/utils.ts

@@ -1,32 +0,0 @@
-export function downloadFile(blob: Blob, filename: string) {
-  const url = window.URL.createObjectURL(blob);
-  const a = document.createElement('a');
-  a.style.display = 'none';
-  a.href = url;
-  a.download = filename;
-  document.body.appendChild(a);
-  a.click();
-  document.body.removeChild(a);
-  window.URL.revokeObjectURL(url);
-}
-
-export const exportResolveFileUrl = async (
-  url: string,
-  resolveFileUrl: ((url: string) => Promise<string | Blob>) | undefined,
-) => {
-  if (!url.includes(window.location.hostname) && resolveFileUrl) {
-    return resolveFileUrl(url);
-  }
-
-  try {
-    const response = await fetch(url, {
-      credentials: 'include',
-    });
-
-    return response.blob();
-  } catch {
-    console.error(`Failed to fetch image: ${url}`);
-  }
-
-  return url;
-};

src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx

@@ -87,9 +87,7 @@ export const ModalRemoveDoc = ({ onClose, doc }: ModalRemoveDocProps) => {
       <Box aria-label={t('Content modal to delete document')}>
         {!isError && (
           <Text $size="sm" $variation="600">
-            {t('Are you sure you want to delete the document "{{title}}"?', {
-              title: doc.title,
-            })}
+            {t('Are you sure you want to delete this document ?')}
           </Text>
         )}
 

src/frontend/apps/impress/src/features/docs/doc-management/types.tsx

@@ -36,7 +36,7 @@ export type Base64 = string;
 
 export interface Doc {
   id: string;
-  title: string;
+  title?: string;
   content: Base64;
   creator: string;
   is_favorite: boolean;

src/frontend/apps/impress/src/features/home/components/HomeBottom.tsx

@@ -1,7 +1,5 @@
-import { Button } from '@openfun/cunningham-react';
 import Image from 'next/image';
-import { Trans, useTranslation } from 'react-i18next';
-import { css } from 'styled-components';
+import { useTranslation } from 'react-i18next';
 
 import DocLogo from '@/assets/icons/icon-docs.svg?url';
 import { Box, Text } from '@/components';
@@ -10,137 +8,15 @@ import { ProConnectButton } from '@/features/auth';
 import { Title } from '@/features/header';
 import { useResponsiveStore } from '@/stores';
 
-import SC5 from '../assets/SC5.png';
-import GithubIcon from '../assets/github.svg';
-
-import { HomeSection } from './HomeSection';
-
 export function HomeBottom() {
   const { componentTokens } = useCunninghamTheme();
   const withProConnect = componentTokens()['home-proconnect'].activated;
 
-  if (withProConnect) {
-    return <HomeProConnect />;
-  } else {
-    return <HomeOpenSource />;
+  if (!withProConnect) {
+    return null;
   }
-}
 
-function HomeOpenSource() {
-  const { t } = useTranslation();
-  const { colorsTokens } = useCunninghamTheme();
-  const { isTablet } = useResponsiveStore();
-
-  return (
-    <HomeSection
-      isColumn={false}
-      isSmallDevice={isTablet}
-      illustration={SC5}
-      title={t('Govs ❤️ Open Source.')}
-      tag={t('Open Source')}
-      textWidth="60%"
-      description={
-        <Box
-          $css={css`
-            & a {
-              color: ${colorsTokens()['primary-600']};
-            }
-          `}
-        >
-          <Text as="p" $display="inline">
-            <Trans t={t} i18nKey="home-content-open-source-part1">
-              Docs is built on top of{' '}
-              <a href="https://www.django-rest-framework.org/" target="_blank">
-                Django Rest Framework
-              </a>
-              ,{' '}
-              <a href="https://nextjs.org/" target="_blank">
-                Next.js
-              </a>
-              , and{' '}
-              <a href="https://min.io/" target="_blank">
-                MinIO
-              </a>
-              . We also use{' '}
-              <a href="https://github.com/yjs" target="_blank">
-                Yjs
-              </a>{' '}
-              and{' '}
-              <a href="https://www.blocknotejs.org/" target="_blank">
-                BlockNote.js
-              </a>{' '}
-              of which we are proud sponsors.
-            </Trans>
-          </Text>
-          <Text as="p" $display="inline">
-            <Trans t={t} i18nKey="home-content-open-source-part2">
-              You can easily self-hosted Docs (check our installation{' '}
-              <a
-                href="https://github.com/suitenumerique/docs/tree/main/docs"
-                target="_blank"
-              >
-                documentation
-              </a>{' '}
-              with production-ready examples).
-              <br />
-              Docs uses an innovation and business friendly{' '}
-              <a
-                href="https://github.com/suitenumerique/docs/blob/main/LICENSE"
-                target="_blank"
-              >
-                licence
-              </a>
-              .<br />
-              Contributions are welcome (see our roadmap{' '}
-              <a
-                href="https://github.com/orgs/numerique-gouv/projects/13/views/11"
-                target="_blank"
-              >
-                here
-              </a>
-              ).
-            </Trans>
-          </Text>
-          <Text as="p" $display="inline">
-            <Trans t={t} i18nKey="home-content-open-source-part3">
-              Docs is the result of a joint effort lead by the French 🇫🇷🥖
-              <a href="https://www.numerique.gouv.fr/dinum/" target="_blank">
-                (DINUM)
-              </a>{' '}
-              and German 🇩🇪🥨 governments{' '}
-              <a href="https://zendis.de/" target="_blank">
-                (ZenDiS)
-              </a>
-              . We are always looking for new public partners (we are currently
-              onboarding the Netherlands 🇳🇱🧀). Feel free to reach out if you
-              are interested in using or contributing to docs.
-            </Trans>
-          </Text>
-          <Box $direction="row" $gap="1rem" $margin={{ top: 'small' }}>
-            <Button
-              icon={
-                <Text $isMaterialIcon $color="white">
-                  chat
-                </Text>
-              }
-              href="https://matrix.to/#/#docs-official:matrix.org"
-              target="_blank"
-            >
-              <Text $color="white">Matrix</Text>
-            </Button>
-            <Button
-              color="secondary"
-              icon={<GithubIcon />}
-              href="https://github.com/suitenumerique/docs"
-              target="_blank"
-            >
-              Github
-            </Button>
-          </Box>
-        </Box>
-      }
-    />
-  );
+  return <HomeProConnect />;
 }
 
 function HomeProConnect() {

src/frontend/apps/impress/src/features/home/components/HomeContent.tsx

@@ -1,7 +1,9 @@
-import { useTranslation } from 'react-i18next';
+import { Button } from '@openfun/cunningham-react';
+import { Trans, useTranslation } from 'react-i18next';
 import { css } from 'styled-components';
 
-import { Box } from '@/components';
+import { Box, Text } from '@/components';
+import { useCunninghamTheme } from '@/cunningham';
 import { Footer } from '@/features/footer';
 import { LeftPanel } from '@/features/left-panel';
 import { useLanguage } from '@/i18n/hooks/useLanguage';
@@ -17,6 +19,8 @@ import SC4En from '../assets/SC4-en.png';
 import SC4Fr from '../assets/SC4-fr.png';
 import SC4ResponsiveEn from '../assets/SC4-responsive-en.png';
 import SC4ResponsiveFr from '../assets/SC4-responsive-fr.png';
+import SC5 from '../assets/SC5.png';
+import GithubIcon from '../assets/github.svg';
 
 import HomeBanner from './HomeBanner';
 import { HomeBottom } from './HomeBottom';
@@ -25,7 +29,8 @@ import { HomeSection } from './HomeSection';
 
 export function HomeContent() {
   const { t } = useTranslation();
-  const { isMobile, isSmallMobile } = useResponsiveStore();
+  const { colorsTokens } = useCunninghamTheme();
+  const { isMobile, isSmallMobile, isTablet } = useResponsiveStore();
   const lang = useLanguage();
   const isFrLanguage = lang.language === 'fr';
 
@@ -58,19 +63,142 @@ export function HomeContent() {
             $gap={isMobile ? '115px' : '230px'}
             $padding={{ bottom: '3rem' }}
           >
-            <HomeSection
-              isColumn={true}
-              isSmallDevice={isMobile}
-              illustration={isFrLanguage ? SC1ResponsiveFr : SC1ResponsiveEn}
-              video={
-                isFrLanguage ? `/assets/SC1-fr.webm` : `/assets/SC1-en.webm`
-              }
-              title={t('An uncompromising writing experience.')}
-              tag={t('Write')}
-              description={t(
-                'Docs offers an intuitive writing experience. Its minimalist interface favors content over layout, while offering the essentials: media import, offline mode and keyboard shortcuts for greater efficiency.',
-              )}
-            />
+            <Box $gap="30px">
+              <HomeSection
+                isColumn={false}
+                isSmallDevice={isTablet}
+                illustration={SC5}
+                title={t('Govs ❤️ Open Source.')}
+                tag={t('Open Source')}
+                textWidth="60%"
+                $css={`min-height: calc(100vh - ${getHeaderHeight(isSmallMobile)}px);`}
+                description={
+                  <Box
+                    $css={css`
+                      & a {
+                        color: ${colorsTokens()['primary-600']};
+                      }
+                    `}
+                  >
+                    <Text as="p" $display="inline">
+                      <Trans t={t} i18nKey="home-content-open-source-part1">
+                        Docs is built on top of{' '}
+                        <a
+                          href="https://www.django-rest-framework.org/"
+                          target="_blank"
+                        >
+                          Django Rest Framework
+                        </a>
+                        ,{' '}
+                        <a href="https://nextjs.org/" target="_blank">
+                          Next.js
+                        </a>
+                        , and{' '}
+                        <a href="https://min.io/" target="_blank">
+                          MinIO
+                        </a>
+                        . We also use{' '}
+                        <a href="https://github.com/yjs" target="_blank">
+                          Yjs
+                        </a>{' '}
+                        and{' '}
+                        <a href="https://www.blocknotejs.org/" target="_blank">
+                          BlockNote.js
+                        </a>{' '}
+                        of which we are proud sponsors.
+                      </Trans>
+                    </Text>
+                    <Text as="p" $display="inline">
+                      <Trans t={t} i18nKey="home-content-open-source-part2">
+                        You can easily self-hosted Docs (check our installation{' '}
+                        <a
+                          href="https://github.com/suitenumerique/docs/tree/main/docs"
+                          target="_blank"
+                        >
+                          documentation
+                        </a>{' '}
+                        with production-ready examples).
+                        <br />
+                        Docs uses an innovation and business friendly{' '}
+                        <a
+                          href="https://github.com/suitenumerique/docs/blob/main/LICENSE"
+                          target="_blank"
+                        >
+                          licence
+                        </a>
+                        .<br />
+                        Contributions are welcome (see our roadmap{' '}
+                        <a
+                          href="https://github.com/orgs/numerique-gouv/projects/13/views/11"
+                          target="_blank"
+                        >
+                          here
+                        </a>
+                        ).
+                      </Trans>
+                    </Text>
+                    <Text as="p" $display="inline">
+                      <Trans t={t} i18nKey="home-content-open-source-part3">
+                        Docs is the result of a joint effort lead by the French
+                        🇫🇷🥖
+                        <a
+                          href="https://www.numerique.gouv.fr/dinum/"
+                          target="_blank"
+                        >
+                          (DINUM)
+                        </a>{' '}
+                        and German 🇩🇪🥨 governments{' '}
+                        <a href="https://zendis.de/" target="_blank">
+                          (ZenDiS)
+                        </a>
+                        . We are always looking for new public partners (we are
+                        currently onboarding the Netherlands 🇳🇱🧀). Feel free to
+                        reach out if you are interested in using or contributing
+                        to docs.
+                      </Trans>
+                    </Text>
+                    <Box
+                      $direction="row"
+                      $gap="1rem"
+                      $margin={{ top: 'small' }}
+                    >
+                      <Button
+                        icon={
+                          <Text $isMaterialIcon $color="white">
+                            chat
+                          </Text>
+                        }
+                        href="https://matrix.to/#/#docs-official:matrix.org"
+                        target="_blank"
+                      >
+                        <Text $color="white">Matrix</Text>
+                      </Button>
+                      <Button
+                        color="secondary"
+                        icon={<GithubIcon />}
+                        href="https://github.com/suitenumerique/docs"
+                        target="_blank"
+                      >
+                        Github
+                      </Button>
+                    </Box>
+                  </Box>
+                }
+              />
+              <HomeSection
+                isColumn={true}
+                isSmallDevice={isMobile}
+                illustration={isFrLanguage ? SC1ResponsiveFr : SC1ResponsiveEn}
+                video={
+                  isFrLanguage ? `/assets/SC1-fr.webm` : `/assets/SC1-en.webm`
+                }
+                title={t('An uncompromising writing experience.')}
+                tag={t('Write')}
+                description={t(
+                  'Docs offers an intuitive writing experience. Its minimalist interface favors content over layout, while offering the essentials: media import, offline mode and keyboard shortcuts for greater efficiency.',
+                )}
+              />
+            </Box>
             <HomeSection
               isColumn={false}
               isSmallDevice={isMobile}

src/frontend/apps/impress/src/features/home/components/HomeSection.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { css } from 'styled-components';
 
-import { Box, Text } from '@/components';
+import { Box, BoxType, Text } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
 import { useResponsiveStore } from '@/stores';
 
@@ -18,10 +18,12 @@ export type HomeSectionProps = {
   reverse?: boolean;
   textWidth?: string;
   video?: string;
+  $css?: BoxType['$css'];
 };
 
 export const HomeSection = ({
   availableSoon = false,
+  $css,
   description,
   illustration,
   isSmallDevice,
@@ -89,6 +91,7 @@ export const HomeSection = ({
       $hasTransition="slow"
       $css={css`
         opacity: ${isVisible ? 1 : 0};
+        ${$css}
       `}
     >
       <Box
@@ -122,7 +125,11 @@ export const HomeSection = ({
           >
             {title}
           </Text>
-          <Text $variation="700" $weight="400" $size="md">
+          <Text
+            $variation="700"
+            $weight="400"
+            $size={isSmallMobile ? 'ml' : 'md'}
+          >
             {description}
           </Text>
         </Box>

src/frontend/apps/impress/src/features/service-worker/ApiPlugin.ts

@@ -146,20 +146,11 @@ export class ApiPlugin implements WorkboxPlugin {
       await RequestSerializer.fromRequest(this.initialRequest)
     ).toObject();
 
-    if (!requestData.body) {
-      return new Response('Body found', { status: 404 });
-    }
-
-    const jsonObject = RequestSerializer.arrayBufferToJson<Partial<Doc>>(
-      requestData.body,
-    );
-
     // Add a new doc id to the create request
     const uuid = self.crypto.randomUUID();
     const newRequestData = {
       ...requestData,
       body: RequestSerializer.objectToArrayBuffer({
-        ...jsonObject,
         id: uuid,
       }),
     };
@@ -175,16 +166,8 @@ export class ApiPlugin implements WorkboxPlugin {
       'doc-mutation',
     );
 
-    /**
-     * Create new item in the cache
-     */
-    const bodyMutate = (await this.initialRequest
-      .clone()
-      .json()) as Partial<Doc>;
-
     const newResponse: Doc = {
       title: '',
-      ...bodyMutate,
       id: uuid,
       content: '',
       created_at: new Date().toISOString(),

src/frontend/apps/impress/src/features/service-worker/__tests__/ApiPlugin.test.tsx

@@ -346,13 +346,8 @@ describe('ApiPlugin', () => {
         headers: new Headers({
           'Content-Type': 'application/json',
         }),
-        arrayBuffer: () =>
-          RequestSerializer.objectToArrayBuffer({
-            title: 'my new doc',
-          }),
-        json: () => ({
-          title: 'my new doc',
-        }),
+        arrayBuffer: () => RequestSerializer.objectToArrayBuffer({}),
+        json: () => ({}),
       } as unknown as Request,
     } as any;
 
@@ -389,9 +384,7 @@ describe('ApiPlugin', () => {
     );
     expect(mockedPut).toHaveBeenCalledWith(
       'doc-item',
-      expect.objectContaining({
-        title: 'my new doc',
-      }),
+      expect.objectContaining({}),
       'http://test.jest/documents/444555/',
     );
     expect(mockedPut).toHaveBeenCalledWith(
@@ -400,7 +393,6 @@ describe('ApiPlugin', () => {
         results: expect.arrayContaining([
           expect.objectContaining({
             id: '444555',
-            title: 'my new doc',
           }),
         ]),
       }),

src/frontend/apps/impress/src/i18n/translations.json

@@ -15,8 +15,6 @@
       "Anyone with the link can edit the document if they are logged in": "Jeder mit dem Link kann das Dokument bearbeiten, wenn er angemeldet ist",
       "Anyone with the link can see the document": "Jeder mit dem Link kann das Dokument ansehen",
       "Anyone with the link can view the document if they are logged in": "Jeder mit dem Link kann das Dokument ansehen, wenn er angemeldet ist",
-      "Are you sure you want to delete the document \"{{title}}\"?": "Sind Sie sicher, dass Sie das Dokument \"{{title}}\" löschen möchten?",
-      "Back to home page": "Zurück zur Startseite",
       "Can't load this page, please check your internet connection.": "Diese Seite kann nicht geladen werden. Bitte überprüfen Sie Ihre Internetverbindung.",
       "Cancel": "Abbrechen",
       "Close the modal": "Pop up schliessen",
@@ -175,6 +173,7 @@
       "Accessible to anyone": "Accessible à tout le monde",
       "Accessible to authenticated users": "Accessible aux utilisateurs authentifiés",
       "Add": "Ajouter",
+      "Add a quote block": "Ajouter un bloc de citation",
       "Address:": "Adresse :",
       "Administrator": "Administrateur",
       "All docs": "Tous les documents",
@@ -184,9 +183,8 @@
       "Anyone with the link can edit the document if they are logged in": "N'importe qui avec le lien peut éditer le document à condition qu'il soit connecté",
       "Anyone with the link can see the document": "N'importe qui avec le lien peut voir le document",
       "Anyone with the link can view the document if they are logged in": "N'importe qui avec le lien peut voir le document à condition qu'il soit connecté",
-      "Are you sure you want to delete the document \"{{title}}\"?": "Êtes-vous sûr de vouloir supprimer le document \"{{title}}\" ?",
+      "Are you sure you want to delete this document ?": "Êtes-vous sûr(e) de vouloir supprimer ce document ?",
       "Available soon": "Disponible prochainement",
-      "Back to home page": "Retour à l'accueil",
       "Banner image": "Image de la bannière",
       "Can't load this page, please check your internet connection.": "Impossible de charger cette page, veuillez vérifier votre connexion Internet.",
       "Cancel": "Annuler",
@@ -218,10 +216,12 @@
       "Docs offers an intuitive writing experience. Its minimalist interface favors content over layout, while offering the essentials: media import, offline mode and keyboard shortcuts for greater efficiency.": "Docs propose une expérience d'écriture intuitive. Son interface minimaliste privilégie le contenu sur la mise en page, tout en offrant l'essentiel : import de médias, mode hors-ligne et raccourcis clavier pour plus d'efficacité.",
       "Docs transforms your documents into knowledge bases thanks to subpages, powerful search and the ability to pin your important documents.": "Docs transforme vos documents en bases de connaissances grâce aux sous-pages, une recherche performante et la possibilité d'épingler vos documents importants.",
       "Docs: Your new companion to collaborate on documents efficiently, intuitively, and securely.": "Docs : Votre nouveau compagnon pour collaborer sur des documents efficacement, intuitivement et en toute sécurité.",
+      "Document accessible to any connected person": "Document accessible à toute personne connectée",
       "Document owner": "Propriétaire du document",
       "Document title updated successfully": "Titre du document mis à jour avec succès",
       "Docx": "Docx",
       "Download": "Télécharger",
+      "Download anyway": "Télécharger malgré tout",
       "Download your document in a .docx or .pdf format.": "Téléchargez votre document au format .docx ou .pdf.",
       "E-mail:": "E-mail:",
       "Edition": "Édition",
@@ -241,12 +241,15 @@
       "Flexible export.": "Un export flexible.",
       "Format": "Format",
       "French Interministerial Directorate for Digital Affairs (DINUM), 20 avenue de Ségur 75007 Paris.": "Direction interministérielle des affaires numériques (DINUM), 20 avenue de Segur 75007 Paris.",
-      "Govs ❤️ Open Source.": "Gouvs ❤️ Open Source.",
+      "Govs ❤️ Open Source.": "Gouvernements ❤️ Open Source.",
       "History": "Historique",
+      "Home": "Accueil",
       "If a member is editing, his works can be lost.": "Si un membre est en train d'éditer, ses travaux peuvent être perdus.",
       "If you are unable to access a content or a service, you can contact the person responsible for https://lasuite.numerique.gouv.fr to be directed to an accessible alternative or to obtain the content in another form.": "Si vous ne pouvez pas accéder à un contenu ou à un service, vous pouvez contacter la personne responsable de https://lasuite. umerique.gouv.fr pour être dirigé vers une alternative accessible ou pour obtenir le contenu sous une autre forme.",
       "Illustration": "Image",
       "Illustration:": "Illustration :",
+      "Image 401": "Image 401",
+      "Image 403": "Image 403",
       "Improvement and contact": "Amélioration et contact",
       "Invite": "Inviter",
       "It is the card information about the document.": "Il s'agit de la carte d'information du document.",
@@ -262,8 +265,10 @@
       "List invitation card": "Carte de liste d'invitation",
       "List members card": "Carte liste des membres",
       "Load more": "Afficher plus",
+      "Log in to access the document.": "Connectez-vous pour accéder au document.",
       "Login": "Connexion",
       "Logout": "Se déconnecter",
+      "Modal confirmation to download the attachment": "Modale de confirmation pour télécharger la pièce jointe",
       "Modal confirmation to restore the version": "Modale de confirmation pour restaurer la version",
       "More docs": "Plus de documents",
       "More info?": "Plus d'infos ?",
@@ -290,14 +295,15 @@
       "Pin": "Épingler",
       "Pin document icon": "Icône épingler un document",
       "Pinned documents": "Documents épinglés",
+      "Please download it only if it comes from a trusted source.": "Veuillez le télécharger uniquement s'il provient d'une source fiable.",
       "Private": "Privé",
-      "ProConnect Image": "Image ProConnect",
       "Proconnect Login": "Login Proconnect",
       "Public": "Public",
       "Public document": "Document public",
       "Publication Director": "Directeur de la publication",
       "Publisher": "Éditeur",
       "Quick search input": "Saisie de recherche rapide",
+      "Quote": "Citation",
       "Reader": "Lecteur",
       "Reading": "Lecture seule",
       "Remedies": "Voie de recours",
@@ -314,13 +320,13 @@
       "Share": "Partager",
       "Share modal": "Modale de partage",
       "Share the document": "Partager le document",
-      "Share with {{count}} users_many": "Partager avec {{count}} utilisateurs",
-      "Share with {{count}} users_one": "Partager avec {{count}} utilisateur",
-      "Share with {{count}} users_other": "Partager avec {{count}} utilisateurs",
+      "Share with {{count}} users_many": "Partagé entre {{count}} utilisateurs",
+      "Share with {{count}} users_one": "Partagé entre {{count}} utilisateur",
+      "Share with {{count}} users_other": "Partagé entre {{count}} utilisateurs",
       "Shared with me": "Partagés avec moi",
-      "Shared with {{count}} users_many": "Partager avec {{count}} utilisateurs",
-      "Shared with {{count}} users_one": "Partager avec {{count}} utilisateur",
-      "Shared with {{count}} users_other": "Partager avec {{count}} utilisateurs",
+      "Shared with {{count}} users_many": "Partagé entre {{count}} utilisateurs",
+      "Shared with {{count}} users_one": "Partagé entre {{count}} utilisateur",
+      "Shared with {{count}} users_other": "Partagé entre {{count}} utilisateurs",
       "Show more": "Voir plus",
       "Simple and secure collaboration.": "Une collaboration simple et sécurisée.",
       "Simple document icon": "Icône simple du document",
@@ -336,6 +342,7 @@
       "The team in charge of the digital workspace \"La Suite numérique\" can be contacted directly at": "L'équipe responsable de l'espace de travail numérique \"La Suite numérique\" peut être contactée directement à l'adresse",
       "This accessibility statement applies to the site hosted on": "Cette déclaration d'accessibilité s'applique au site hébergé sur",
       "This allows us to measure the number of visits and understand which pages are the most viewed.": "Cela nous permet de mesurer le nombre de visites et de comprendre quelles pages sont les plus consultées.",
+      "This file is flagged as unsafe.": "Ce fichier est marqué comme non sûr.",
       "This procedure should be used in the following case:": "Cette procédure devrait être utilisée dans le cas suivant:",
       "This site does not display a cookie consent banner, why?": "Ce site n'affiche pas de bannière de consentement des cookies, pourquoi?",
       "This site places a small text file (a \"cookie\") on your computer when you visit it.": "Ce site place un petit fichier texte (un « cookie ») sur votre ordinateur lorsque vous le visitez.",
@@ -361,6 +368,7 @@
       "You can oppose the tracking of your browsing on this website.": "Vous pouvez vous opposer au suivi de votre navigation sur ce site.",
       "You can:": "Vous pouvez:",
       "You cannot update the role or remove other owner.": "Vous ne pouvez pas mettre à jour le rôle ou supprimer un autre propriétaire.",
+      "You do not have permission to view this document.": "Vous n'avez pas la permission de voir ce document.",
       "You do not have permission to view users sharing this document or modify link settings.": "Vous n'avez pas la permission de voir les utilisateurs partageant ce document ou de modifier les paramètres du lien.",
       "Your current document will revert to this version.": "Votre document actuel va revenir à cette version.",
       "Your {{format}} was downloaded succesfully": "Votre {{format}} a été téléchargé avec succès",

src/frontend/apps/impress/src/pages/docs/[id]/index.tsx

@@ -5,7 +5,7 @@ import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 
 import { Box, Text, TextErrors } from '@/components';
-import { setAuthUrl } from '@/features/auth';
+import { KEY_AUTH, setAuthUrl } from '@/features/auth';
 import { DocEditor } from '@/features/docs/doc-editor';
 import {
   Doc,
@@ -110,6 +110,9 @@ const DocPage = ({ id }: DocProps) => {
     }
 
     if (error.status === 401) {
+      void queryClient.resetQueries({
+        queryKey: [KEY_AUTH],
+      });
       setAuthUrl();
       void replace(`/401`);
       return null;

src/frontend/apps/impress/src/services/Crisp.tsx

@@ -3,9 +3,23 @@
  */
 
 import { Crisp } from 'crisp-sdk-web';
+import { PropsWithChildren, useEffect, useState } from 'react';
+import { createGlobalStyle } from 'styled-components';
 
 import { User } from '@/features/auth';
 
+const CrispStyle = createGlobalStyle`
+  #crisp-chatbox a{
+    zoom: 0.8;
+  }
+
+  @media screen and (width <= 1024px) {
+    .c__modals--opened #crisp-chatbox {
+      display: none!important;
+    }
+  }
+`;
+
 export const initializeCrispSession = (user: User) => {
   if (!Crisp.isCrispInjected()) {
     return;
@@ -29,3 +43,30 @@ export const terminateCrispSession = () => {
   Crisp.setTokenId();
   Crisp.session.reset();
 };
+
+interface CrispProviderProps {
+  websiteId?: string;
+}
+
+export const CrispProvider = ({
+  children,
+  websiteId,
+}: PropsWithChildren<CrispProviderProps>) => {
+  const [isConfigured, setIsConfigured] = useState(false);
+
+  useEffect(() => {
+    if (!websiteId) {
+      return;
+    }
+
+    setIsConfigured(true);
+    configureCrispSession(websiteId);
+  }, [websiteId]);
+
+  return (
+    <>
+      {isConfigured && <CrispStyle />}
+      {children}
+    </>
+  );
+};

src/frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impress",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "private": true,
   "workspaces": {
     "packages": [

src/frontend/packages/eslint-config-impress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-impress",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "license": "MIT",
   "scripts": {
     "lint": "eslint --ext .js ."

src/frontend/packages/i18n/package.json

@@ -1,6 +1,6 @@
 {
   "name": "packages-i18n",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "private": true,
   "scripts": {
     "extract-translation": "yarn extract-translation:impress",

src/frontend/servers/y-provider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "server-y-provider",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Y.js provider for docs",
   "repository": "https://github.com/numerique-gouv/impress",
   "license": "MIT",

src/helm/helmfile.yaml

@@ -93,4 +93,4 @@ releases:
 environments:
   dev:
     values:
-      - version: 2.2.0
+      - version: 2.3.0

src/helm/impress/Chart.yaml

@@ -1,5 +1,5 @@
 apiVersion: v2
 type: application
 name: docs
-version: 2.2.0-beta.1
+version: 2.3.0
 appVersion: latest

src/mail/mjml/invitation.mjml

@@ -22,7 +22,7 @@
           <!-- Main Message -->
           <mj-text>
             {{message|capfirst}}
-            <a href="{{link}}">{{document.title}}</a>
+            <a href="{{link}}">{{document_title}}</a>
           </mj-text>
           <mj-button
             href="{{link}}"

src/mail/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mail_mjml",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "An util to generate html and text django's templates from mjml templates",
   "type": "module",
   "dependencies": {