@kitconcept/core 2.0.0-alpha.10 → 2.0.0-alpha.11

package/.changelog.draft

@@ -1,8 +1,16 @@
-## 2.0.0-alpha.10 (2026-02-16)
+## 2.0.0-alpha.11 (2026-02-26)
 
-### Bugfix
+### Feature
 
-- Volto 19a25 VLT 8a16.
-  See https://github.com/kitconcept/volto-light-theme/releases/tag/8.0.0a16 @sneridagh 
+- Include `scripts` folder with the files needed to setup a project based on a distribution. @sneridagh [#101](https://github.com/kitconcept/kitconcept-core/issue/101)
+- Add controlpanel to export and import content. @iFlameing 
+
+### Internal
+
+- Added pt_BR Translations. @humanaice [#105](https://github.com/kitconcept/kitconcept-core/issue/105)
+- Remove VLT as a direct dependency of `@kitconcept/core`.
+  The specific version should be managed in a distribution instead.
+  This avoids the need to release `@kitconcept/core` just to include a new release of VLT.
+  @davisagli 
 
 

package/CHANGELOG.md

@@ -8,6 +8,21 @@
 
 <!-- towncrier release notes start -->
 
+## 2.0.0-alpha.11 (2026-02-26)
+
+### Feature
+
+- Include `scripts` folder with the files needed to setup a project based on a distribution. @sneridagh [#101](https://github.com/kitconcept/kitconcept-core/issue/101)
+- Add controlpanel to export and import content. @iFlameing 
+
+### Internal
+
+- Added pt_BR Translations. @humanaice [#105](https://github.com/kitconcept/kitconcept-core/issue/105)
+- Remove VLT as a direct dependency of `@kitconcept/core`.
+  The specific version should be managed in a distribution instead.
+  This avoids the need to release `@kitconcept/core` just to include a new release of VLT.
+  @davisagli 
+
 ## 2.0.0-alpha.10 (2026-02-16)
 
 ### Bugfix

package/locales/de/LC_MESSAGES/volto.po

@@ -17,15 +17,21 @@ msgid "Add-ons"
 msgstr ""
 
 #. Default: "Back"
+#: components/Controlpanels/ExportImport
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Back"
-msgstr ""
+msgstr "Zurück"
 
 #. Default: "Configuration Versions"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Configuration Versions"
 msgstr ""
 
+#. Default: "Content Transfer"
+#: config/controlPanels
+msgid "Content Transfer"
+msgstr "Inhaltsübertragung"
+
 #. Default: "Current active configuration"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Current active configuration"
@@ -36,6 +42,51 @@ msgstr ""
 msgid "Dry run selected, transaction aborted."
 msgstr ""
 
+#. Default: "Error"
+#: components/Controlpanels/ExportImport
+msgid "Error"
+msgstr "Fehler"
+
+#. Default: "Export Content"
+#: components/Controlpanels/ExportImport
+msgid "Export Content"
+msgstr "Inhalt exportieren"
+
+#. Default: "Export Site"
+#: components/Controlpanels/ExportImport
+msgid "Export Site"
+msgstr "Export-Standort"
+
+#. Default: "Export successful"
+#: components/Controlpanels/ExportImport
+msgid "Export successful"
+msgstr "Export erfolgreich"
+
+#. Default: "Exporting…"
+#: components/Controlpanels/ExportImport
+msgid "Exporting…"
+msgstr ""
+
+#. Default: "Import Content"
+#: components/Controlpanels/ExportImport
+msgid "Import Content"
+msgstr "Inhalt importieren"
+
+#. Default: "Import Site"
+#: components/Controlpanels/ExportImport
+msgid "Import Site"
+msgstr "Importieren Sie die Website"
+
+#. Default: "Import successful"
+#: components/Controlpanels/ExportImport
+msgid "Import successful"
+msgstr "Import erfolgreich"
+
+#. Default: "Importing…"
+#: components/Controlpanels/ExportImport
+msgid "Importing…"
+msgstr ""
+
 #. Default: "Latest available configuration"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Latest available configuration"
@@ -71,6 +122,16 @@ msgstr ""
 msgid "Profile Version (Installed)"
 msgstr ""
 
+#. Default: "Select a file first"
+#: components/Controlpanels/ExportImport
+msgid "Select a file first"
+msgstr "Wählen Sie zuerst eine Datei aus."
+
+#. Default: "Success"
+#: components/Controlpanels/ExportImport
+msgid "Success"
+msgstr "Erfolg"
+
 #. Default: "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient."
 #: components/Controlpanels/UpgradeControlPanel
 msgid "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient."

package/locales/en/LC_MESSAGES/volto.po

@@ -17,6 +17,7 @@ msgid "Add-ons"
 msgstr ""
 
 #. Default: "Back"
+#: components/Controlpanels/ExportImport
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Back"
 msgstr ""
@@ -26,6 +27,11 @@ msgstr ""
 msgid "Configuration Versions"
 msgstr ""
 
+#. Default: "Content Transfer"
+#: config/controlPanels
+msgid "Content Transfer"
+msgstr ""
+
 #. Default: "Current active configuration"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Current active configuration"
@@ -36,6 +42,51 @@ msgstr ""
 msgid "Dry run selected, transaction aborted."
 msgstr ""
 
+#. Default: "Error"
+#: components/Controlpanels/ExportImport
+msgid "Error"
+msgstr ""
+
+#. Default: "Export Content"
+#: components/Controlpanels/ExportImport
+msgid "Export Content"
+msgstr ""
+
+#. Default: "Export Site"
+#: components/Controlpanels/ExportImport
+msgid "Export Site"
+msgstr ""
+
+#. Default: "Export successful"
+#: components/Controlpanels/ExportImport
+msgid "Export successful"
+msgstr ""
+
+#. Default: "Exporting…"
+#: components/Controlpanels/ExportImport
+msgid "Exporting…"
+msgstr ""
+
+#. Default: "Import Content"
+#: components/Controlpanels/ExportImport
+msgid "Import Content"
+msgstr ""
+
+#. Default: "Import Site"
+#: components/Controlpanels/ExportImport
+msgid "Import Site"
+msgstr ""
+
+#. Default: "Import successful"
+#: components/Controlpanels/ExportImport
+msgid "Import successful"
+msgstr ""
+
+#. Default: "Importing…"
+#: components/Controlpanels/ExportImport
+msgid "Importing…"
+msgstr ""
+
 #. Default: "Latest available configuration"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Latest available configuration"
@@ -71,6 +122,16 @@ msgstr ""
 msgid "Profile Version (Installed)"
 msgstr ""
 
+#. Default: "Select a file first"
+#: components/Controlpanels/ExportImport
+msgid "Select a file first"
+msgstr ""
+
+#. Default: "Success"
+#: components/Controlpanels/ExportImport
+msgid "Success"
+msgstr ""
+
 #. Default: "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient."
 #: components/Controlpanels/UpgradeControlPanel
 msgid "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient."

package/locales/es/LC_MESSAGES/volto.po

@@ -24,6 +24,7 @@ msgid "Add-ons"
 msgstr ""
 
 #. Default: "Back"
+#: components/Controlpanels/ExportImport
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Back"
 msgstr ""
@@ -33,6 +34,11 @@ msgstr ""
 msgid "Configuration Versions"
 msgstr ""
 
+#. Default: "Content Transfer"
+#: config/controlPanels
+msgid "Content Transfer"
+msgstr ""
+
 #. Default: "Current active configuration"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Current active configuration"
@@ -43,6 +49,51 @@ msgstr ""
 msgid "Dry run selected, transaction aborted."
 msgstr ""
 
+#. Default: "Error"
+#: components/Controlpanels/ExportImport
+msgid "Error"
+msgstr ""
+
+#. Default: "Export Content"
+#: components/Controlpanels/ExportImport
+msgid "Export Content"
+msgstr ""
+
+#. Default: "Export Site"
+#: components/Controlpanels/ExportImport
+msgid "Export Site"
+msgstr ""
+
+#. Default: "Export successful"
+#: components/Controlpanels/ExportImport
+msgid "Export successful"
+msgstr ""
+
+#. Default: "Exporting…"
+#: components/Controlpanels/ExportImport
+msgid "Exporting…"
+msgstr ""
+
+#. Default: "Import Content"
+#: components/Controlpanels/ExportImport
+msgid "Import Content"
+msgstr ""
+
+#. Default: "Import Site"
+#: components/Controlpanels/ExportImport
+msgid "Import Site"
+msgstr ""
+
+#. Default: "Import successful"
+#: components/Controlpanels/ExportImport
+msgid "Import successful"
+msgstr ""
+
+#. Default: "Importing…"
+#: components/Controlpanels/ExportImport
+msgid "Importing…"
+msgstr ""
+
 #. Default: "Latest available configuration"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Latest available configuration"
@@ -78,6 +129,16 @@ msgstr ""
 msgid "Profile Version (Installed)"
 msgstr ""
 
+#. Default: "Select a file first"
+#: components/Controlpanels/ExportImport
+msgid "Select a file first"
+msgstr ""
+
+#. Default: "Success"
+#: components/Controlpanels/ExportImport
+msgid "Success"
+msgstr ""
+
 #. Default: "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient."
 #: components/Controlpanels/UpgradeControlPanel
 msgid "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient."

package/locales/pt_BR/LC_MESSAGES/volto.po

@@ -19,119 +19,180 @@ msgstr ""
 #. Default: "Add-ons"
 #: components/Controlpanels/VersionOverview
 msgid "Add-ons"
-msgstr ""
+msgstr "Complementos"
 
 #. Default: "Back"
+#: components/Controlpanels/ExportImport
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Back"
-msgstr ""
+msgstr "Voltar"
 
 #. Default: "Configuration Versions"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Configuration Versions"
+msgstr "Versões de configuração"
+
+#. Default: "Content Transfer"
+#: config/controlPanels
+msgid "Content Transfer"
 msgstr ""
 
 #. Default: "Current active configuration"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Current active configuration"
-msgstr ""
+msgstr "Configuração ativa atual"
 
 #. Default: "Dry run selected, transaction aborted."
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Dry run selected, transaction aborted."
+msgstr "Execução de teste selecionada, transação cancelada."
+
+#. Default: "Error"
+#: components/Controlpanels/ExportImport
+msgid "Error"
+msgstr ""
+
+#. Default: "Export Content"
+#: components/Controlpanels/ExportImport
+msgid "Export Content"
+msgstr ""
+
+#. Default: "Export Site"
+#: components/Controlpanels/ExportImport
+msgid "Export Site"
+msgstr ""
+
+#. Default: "Export successful"
+#: components/Controlpanels/ExportImport
+msgid "Export successful"
+msgstr ""
+
+#. Default: "Exporting…"
+#: components/Controlpanels/ExportImport
+msgid "Exporting…"
+msgstr ""
+
+#. Default: "Import Content"
+#: components/Controlpanels/ExportImport
+msgid "Import Content"
+msgstr ""
+
+#. Default: "Import Site"
+#: components/Controlpanels/ExportImport
+msgid "Import Site"
+msgstr ""
+
+#. Default: "Import successful"
+#: components/Controlpanels/ExportImport
+msgid "Import successful"
+msgstr ""
+
+#. Default: "Importing…"
+#: components/Controlpanels/ExportImport
+msgid "Importing…"
 msgstr ""
 
 #. Default: "Latest available configuration"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Latest available configuration"
-msgstr ""
+msgstr "Configuração mais recente disponível"
 
 #. Default: "More information about the upgrade procedure can be found in the documentation section of plone.org in the Upgrade Guide."
 #: components/Controlpanels/UpgradeControlPanel
 msgid "More information about the upgrade procedure can be found in the documentation section of plone.org in the Upgrade Guide."
-msgstr ""
+msgstr "Mais informações sobre o procedimento de atualização podem ser encontradas na seção de documentação do plone.org no Guia de Atualização."
 
 #. Default: "No addons found"
 #: components/Controlpanels/VersionOverview
 msgid "No addons found"
-msgstr ""
+msgstr "Nenhum complemento encontrado"
 
 #. Default: "Package Version"
 #: components/Controlpanels/VersionOverview
 msgid "Package Version"
-msgstr ""
+msgstr "Versão do pacote"
 
 #. Default: "Please ensure you have a backup of your site before performing the upgrade."
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Please ensure you have a backup of your site before performing the upgrade."
-msgstr ""
+msgstr "Certifique-se de ter um backup do seu site antes de realizar a atualização."
 
 #. Default: "Profile Version (File system)"
 #: components/Controlpanels/VersionOverview
 msgid "Profile Version (File system)"
-msgstr ""
+msgstr "Versão do perfil (sistema de arquivos)"
 
 #. Default: "Profile Version (Installed)"
 #: components/Controlpanels/VersionOverview
 msgid "Profile Version (Installed)"
+msgstr "Versão do perfil (instalada)"
+
+#. Default: "Select a file first"
+#: components/Controlpanels/ExportImport
+msgid "Select a file first"
+msgstr ""
+
+#. Default: "Success"
+#: components/Controlpanels/ExportImport
+msgid "Success"
 msgstr ""
 
 #. Default: "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient."
 #: components/Controlpanels/UpgradeControlPanel
 msgid "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient."
-msgstr ""
+msgstr "A lista a seguir mostra quais etapas de atualização serão executadas. A atualização às vezes realiza uma atualização de catálogo/segurança, que pode demorar bastante em sites grandes. Tenha paciência."
 
 #. Default: "The site configuration is outdated and needs to be upgraded."
 #: components/Controlpanels/UpgradeControlPanel
 msgid "The site configuration is outdated and needs to be upgraded."
-msgstr ""
+msgstr "A configuração do site está desatualizada e precisa ser atualizada."
 
 #. Default: "There was an error with the upgrade."
 #: components/Controlpanels/UpgradeControlPanel
 msgid "There was an error with the upgrade."
-msgstr ""
+msgstr "Ocorreu um erro durante a atualização."
 
 #. Default: "Upgrade"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Upgrade"
-msgstr ""
+msgstr "Atualizar"
 
 #. Default: "Upgrade Plone Site"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Upgrade Plone Site"
-msgstr ""
+msgstr "Atualizar site Plone"
 
 #. Default: "Upgrade Report"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Upgrade Report"
-msgstr ""
+msgstr "Relatório de atualização"
 
 #. Default: "Upgrade Steps"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Upgrade Steps"
-msgstr ""
+msgstr "Etapas de atualização"
 
 #. Default: "Upgrade kitconcept.core"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Upgrade kitconcept.core"
-msgstr ""
+msgstr "Atualizar kitconcept.core"
 
 #. Default: "Upgrade your Site"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Upgrade your Site"
-msgstr ""
+msgstr "Atualizar seu site"
 
 #. Default: "Version Overview"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Version Overview"
-msgstr ""
+msgstr "Visão geral das versões"
 
 #. Default: "You are running in 'debug mode'. This mode is intended for sites that are under development. This allows many configuration changes to be immediately visible, but will make your site run more slowly. To turn off debug mode, stop the server, set 'debug-mode=off' in your buildout.cfg, re-run bin/buildout and then restart the server process."
 #: components/Controlpanels/VersionOverview
 msgid "Warning Regarding debug mode"
-msgstr ""
+msgstr "Aviso sobre o modo de depuração"
 
 #. Default: "Your site is up to date."
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Your site is up to date."
-msgstr ""
+msgstr "Seu site está atualizado."

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-05-23T14:22:05.270Z\n"
+"POT-Creation-Date: 2026-02-24T11:06:04.840Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -19,6 +19,7 @@ msgid "Add-ons"
 msgstr ""
 
 #. Default: "Back"
+#: components/Controlpanels/ExportImport
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Back"
 msgstr ""
@@ -28,6 +29,11 @@ msgstr ""
 msgid "Configuration Versions"
 msgstr ""
 
+#. Default: "Content Transfer"
+#: config/controlPanels
+msgid "Content Transfer"
+msgstr ""
+
 #. Default: "Current active configuration"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Current active configuration"
@@ -38,6 +44,51 @@ msgstr ""
 msgid "Dry run selected, transaction aborted."
 msgstr ""
 
+#. Default: "Error"
+#: components/Controlpanels/ExportImport
+msgid "Error"
+msgstr ""
+
+#. Default: "Export Content"
+#: components/Controlpanels/ExportImport
+msgid "Export Content"
+msgstr ""
+
+#. Default: "Export Site"
+#: components/Controlpanels/ExportImport
+msgid "Export Site"
+msgstr ""
+
+#. Default: "Export successful"
+#: components/Controlpanels/ExportImport
+msgid "Export successful"
+msgstr ""
+
+#. Default: "Exporting…"
+#: components/Controlpanels/ExportImport
+msgid "Exporting…"
+msgstr ""
+
+#. Default: "Import Content"
+#: components/Controlpanels/ExportImport
+msgid "Import Content"
+msgstr ""
+
+#. Default: "Import Site"
+#: components/Controlpanels/ExportImport
+msgid "Import Site"
+msgstr ""
+
+#. Default: "Import successful"
+#: components/Controlpanels/ExportImport
+msgid "Import successful"
+msgstr ""
+
+#. Default: "Importing…"
+#: components/Controlpanels/ExportImport
+msgid "Importing…"
+msgstr ""
+
 #. Default: "Latest available configuration"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Latest available configuration"
@@ -73,6 +124,16 @@ msgstr ""
 msgid "Profile Version (Installed)"
 msgstr ""
 
+#. Default: "Select a file first"
+#: components/Controlpanels/ExportImport
+msgid "Select a file first"
+msgstr ""
+
+#. Default: "Success"
+#: components/Controlpanels/ExportImport
+msgid "Success"
+msgstr ""
+
 #. Default: "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient."
 #: components/Controlpanels/UpgradeControlPanel
 msgid "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/core",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.11",
   "description": "Core setup for kitconcept GmbH distributions built on top of Plone",
   "main": "src/index.ts",
   "license": "MIT",
@@ -20,9 +20,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@kitconcept/volto-light-theme": "8.0.0-alpha.16",
     "@mbarde/volto-image-crop-widget": "^0.5.1",
-    "@plone-collective/volto-authomatic": "3.0.0-alpha.6"
+    "@plone-collective/volto-authomatic": "3.0.0-alpha.6",
+    "@plone/components": "^3.0.2"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -39,7 +39,7 @@
     "release-it": "^19.0.5",
     "typescript": "^5.7.3",
     "vitest": "^3.1.2",
-    "@plone/types": "2.0.0-alpha.14"
+    "@plone/types": "1.4.5"
   },
   "scripts": {
     "i18n": "rm -rf build/messages && NODE_ENV=production i18n --addon",

package/src/actions/exportImport/exportImport.js

@@ -0,0 +1,25 @@
+import { POST_IMPORT, POST_EXPORT } from '../../constants/ActionTypes';
+
+export const exportContent = () => {
+  return {
+    type: POST_EXPORT,
+    request: {
+      op: 'post',
+      path: '/@export',
+    },
+  };
+};
+
+export const importContent = (file) => {
+  const formData = new FormData();
+  formData.append('file', file);
+
+  return {
+    type: POST_IMPORT,
+    request: {
+      op: 'post',
+      path: '/@import',
+      data: formData,
+    },
+  };
+};

package/src/components/Controlpanels/ExportImport.jsx

@@ -0,0 +1,233 @@
+/**
+ * ContentTransfer control panel
+ * using @plone/components (React Aria based)
+ */
+
+import React, { useState } from 'react';
+import Toolbar from '@plone/volto/components/manage/Toolbar/Toolbar';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
+import { Link } from 'react-router-dom';
+import { useClient } from '@plone/volto/hooks/client/useClient';
+import Toast from '@plone/volto/components/manage/Toast/Toast';
+
+import { Button, Container } from '@plone/components';
+import { toast } from 'react-toastify';
+import { createPortal } from 'react-dom';
+
+import { useDispatch } from 'react-redux';
+import {
+  exportContent,
+  importContent,
+} from '../../actions/exportImport/exportImport';
+
+import uploadSVG from '@plone/volto/icons/upload.svg';
+import downloadSVG from '@plone/volto/icons/download.svg';
+import backSVG from '@plone/volto/icons/back.svg';
+
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  back: {
+    id: 'Back',
+    defaultMessage: 'Back',
+  },
+  success: {
+    id: 'Success',
+    defaultMessage: 'Success',
+  },
+  exportSuccess: {
+    id: 'Export successful',
+    defaultMessage: 'Export successful',
+  },
+  exportContent: {
+    id: 'Export Content',
+    defaultMessage: 'Export Content',
+  },
+  exportSite: {
+    id: 'Export Site',
+    defaultMessage: 'Export Site',
+  },
+  importContent: {
+    id: 'Import Content',
+    defaultMessage: 'Import Content',
+  },
+  importSite: {
+    id: 'Import Site',
+    defaultMessage: 'Import Site',
+  },
+  fileFirst: {
+    id: 'Select a file first',
+    defaultMessage: 'Select a file first',
+  },
+  error: {
+    id: 'Error',
+    defaultMessage: 'Error',
+  },
+  importSuccess: {
+    id: 'Import successful',
+    defaultMessage: 'Import successful',
+  },
+  exporting: {
+    id: 'Exporting…',
+    defaultMessage: 'Exporting…',
+  },
+  importing: {
+    id: 'Importing…',
+    defaultMessage: 'Importing…',
+  },
+});
+
+const ContentTransfer = ({ pathname }) => {
+  const [file, setFile] = useState(null);
+  const intl = useIntl();
+  const isClient = useClient();
+  const dispatch = useDispatch();
+
+  const [exporting, setExporting] = useState(false);
+  const [importing, setImporting] = useState(false);
+
+  const handleExport = async () => {
+    try {
+      setExporting(true);
+
+      const res = await dispatch(exportContent());
+
+      if (!res.ok) throw new Error('Export failed');
+
+      const blob = await res.blob();
+
+      const url = window.URL.createObjectURL(blob);
+
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = 'export.zip';
+      a.click();
+
+      window.URL.revokeObjectURL(url);
+
+      toast.success(
+        <Toast
+          success
+          title={intl.formatMessage(messages.success)}
+          content={intl.formatMessage(messages.exportSuccess)}
+        />,
+      );
+    } catch (e) {
+      toast.error(
+        <Toast
+          error
+          title={intl.formatMessage(messages.error)}
+          content={e.message}
+        />,
+      );
+    } finally {
+      setExporting(false);
+    }
+  };
+
+  const handleImport = async () => {
+    if (!file) {
+      toast.error(
+        <Toast
+          error
+          title={intl.formatMessage(messages.error)}
+          content={intl.formatMessage(messages.fileFirst)}
+        />,
+      );
+      return;
+    }
+    try {
+      setImporting(true);
+      await dispatch(importContent(file));
+      toast.success(
+        <Toast
+          success
+          title={intl.formatMessage(messages.success)}
+          content={intl.formatMessage(messages.importSuccess)}
+        />,
+      );
+    } catch (e) {
+      toast.error(
+        <Toast
+          error
+          title={intl.formatMessage(messages.error)}
+          content={e.message}
+        />,
+      );
+    } finally {
+      setImporting(false);
+    }
+  };
+
+  return (
+    <div id="page-controlpanel-content-transfer">
+      <Container width="layout">
+        <div className="grid-container">
+          <div className="grid-column export">
+            <h2>{intl.formatMessage(messages.exportContent)}</h2>
+
+            <Button
+              variant="primary"
+              isDisabled={exporting}
+              onPress={handleExport}
+            >
+              <Icon name={downloadSVG} size="20px" />
+              {exporting ? (
+                <span>{intl.formatMessage(messages.exporting)}</span>
+              ) : (
+                <span>{intl.formatMessage(messages.exportSite)}</span>
+              )}
+            </Button>
+          </div>
+
+          <div className="grid-column import">
+            <h2>{intl.formatMessage(messages.importContent)}</h2>
+
+            <input
+              type="file"
+              accept=".zip"
+              onChange={(e) => setFile(e.target.files[0])}
+            />
+
+            <Button
+              variant="primary"
+              isDisabled={!file || importing}
+              onPress={handleImport}
+            >
+              <Icon name={uploadSVG} size="20px" />
+              {importing ? (
+                <span>{intl.formatMessage(messages.importing)}</span>
+              ) : (
+                <span>{intl.formatMessage(messages.importSite)}</span>
+              )}
+            </Button>
+          </div>
+        </div>
+      </Container>
+
+      {isClient &&
+        createPortal(
+          <Toolbar
+            pathname={pathname}
+            hideDefaultViewButtons
+            inner={
+              <>
+                <Link to="/controlpanel" className="item">
+                  <Icon
+                    name={backSVG}
+                    aria-label={intl.formatMessage(messages.back)}
+                    className="contents circled"
+                    size="30px"
+                    title={intl.formatMessage(messages.back)}
+                  />
+                </Link>
+              </>
+            }
+          />,
+          document.getElementById('toolbar'),
+        )}
+    </div>
+  );
+};
+
+export default ContentTransfer;

package/src/config/controlPanels.ts

@@ -0,0 +1,38 @@
+import type { ConfigType } from '@plone/registry';
+import ExportImport from '../components/Controlpanels/ExportImport';
+import syncSVG from '@plone/volto/icons/sync.svg';
+
+import { defineMessages } from 'react-intl';
+
+defineMessages({
+  'Content Transfer': {
+    id: 'Content Transfer',
+    defaultMessage: 'Content Transfer',
+  },
+});
+
+export default function install(config: ConfigType) {
+  config.settings.controlpanels = [
+    ...config.settings.controlpanels,
+    {
+      '@id': '/import-export',
+      group: 'General',
+      title: 'Import/Export',
+    },
+  ];
+
+  config.settings.controlPanelsIcons = {
+    ...config.settings.controlPanelsIcons,
+    'import-export': syncSVG,
+  };
+
+  config.addonRoutes = [
+    ...config.addonRoutes,
+    {
+      path: '/controlpanel/import-export',
+      component: ExportImport,
+    },
+  ];
+
+  return config;
+}

package/src/constants/ActionTypes.js

@@ -0,0 +1,7 @@
+/**
+ * Action types.
+ * @module constants/ActionTypes
+ */
+
+export const POST_EXPORT = 'POST_EXPORT';
+export const POST_IMPORT = 'POST_IMPORT';

package/src/index.ts

@@ -2,6 +2,7 @@ import type { ConfigType } from '@plone/registry';
 import type { CustomInheritBehavior, BlocksConfigSettings } from './types';
 import installSettings from './config/settings';
 import installSlots from './config/slots';
+import installControlPanels from './config/controlPanels';
 
 declare module '@plone/types' {
   export interface GetSiteResponse {
@@ -18,6 +19,8 @@ declare module '@plone/types' {
 const applyConfig = (config: ConfigType) => {
   installSettings(config);
   installSlots(config);
+  installControlPanels(config);
+
   return config;
 };
 

package/src/theme/_main.scss

@@ -1,3 +1,4 @@
 // This theme extends the volto-light-theme
 @import 'components/version_overview';
 @import 'components/dragDropFolderContent.scss';
+@import 'components/export_import.scss';

package/src/theme/components/_export_import.scss

@@ -0,0 +1,27 @@
+#page-controlpanel-content-transfer {
+  h2 {
+    @include text-heading-h2();
+  }
+  .grid-container {
+    display: grid;
+    gap: 16px;
+    grid-template-columns: 1fr 1fr;
+  }
+  button,
+  input[type='file']::file-selector-button {
+    @include button-style;
+
+    svg.icon {
+      margin-right: 5px;
+    }
+  }
+
+  button[data-disabled] {
+    border-color: var(--border-color-disabled);
+    color: var(--text-color-disabled);
+  }
+
+  input[type='file']::file-selector-button {
+    margin-right: 5px;
+  }
+}