@eeacms/volto-embed 5.0.4 → 6.0.1

package/.husky/pre-commit

@@ -0,0 +1,2 @@
+[ -n "$CI" ] && exit 0
+yarn lint-staged

package/CHANGELOG.md

@@ -4,6 +4,36 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [6.0.1](https://github.com/eea/volto-embed/compare/6.0.0...6.0.1) - 12 October 2023
+
+#### :house: Internal changes
+
+- chore:volto 16 in tests, update docs, fix stylelint overrides [valentinab25 - [`ab77039`](https://github.com/eea/volto-embed/commit/ab770391a5b212db9b77498738cbf831659caf27)]
+- chore: change volto version in Jenkinsfile [ana-oprea - [`b382243`](https://github.com/eea/volto-embed/commit/b382243a05df7ac778dd33c7f6303aceb2fb06dc)]
+- style: lint-staged reorder in package.json [Alin Voinea - [`81a3585`](https://github.com/eea/volto-embed/commit/81a358528a5212c095ad03fd1af247ed10bb8c55)]
+
+#### :house: Documentation changes
+
+- docs: Update README and DEVELOP [Alin Voinea - [`838e5ae`](https://github.com/eea/volto-embed/commit/838e5ae54be7fe3779ca2136b20a4a672c5df61f)]
+- docs: Cleanup Makefile, update DEVELOP documentation, i18n - refs #254894 [valentinab25 - [`403a755`](https://github.com/eea/volto-embed/commit/403a7555d7036b3e6f162b2f5278707f9ce9b77c)]
+
+#### :hammer_and_wrench: Others
+
+- test: EN locales, pre-commit fix, feature PRs checks Refs #257193 [valentinab25 - [`dc2de20`](https://github.com/eea/volto-embed/commit/dc2de2084b53043f240ee1efa2588b5037326ed7)]
+- test: Fix package.json scripts to use makefile [Alin Voinea - [`b4ffca2`](https://github.com/eea/volto-embed/commit/b4ffca24bb8cc4ba2007cc1040cc7b55dc7cc779)]
+- i18n: Add en [Alin Voinea - [`b4e0694`](https://github.com/eea/volto-embed/commit/b4e0694ee40ecc195536fd1826adfab8876c5061)]
+- test: Update Makefile and docker-compose to align it with Jenkinsfile [valentinab25 - [`8f228ca`](https://github.com/eea/volto-embed/commit/8f228ca0644cee0f777a01114895583f387a395c)]
+- test: increase test coverage - refs #254313 [ana-oprea - [`30354d8`](https://github.com/eea/volto-embed/commit/30354d8a10a78e4fc322e37f4be20ff85cd00bbc)]
+## [6.0.0](https://github.com/eea/volto-embed/compare/5.0.4...6.0.0) - 25 July 2023
+
+#### :nail_care: Enhancements
+
+- refactor: remove countup - refs #254634 [Alin Voinea - [`386028c`](https://github.com/eea/volto-embed/commit/386028cff5f347981123dc96fefa4aa60b47d898)]
+
+#### :hammer_and_wrench: Others
+
+- Release 6.0.0 [Alin Voinea - [`fd9518c`](https://github.com/eea/volto-embed/commit/fd9518c2e07292562ea0fa409209518ee63650cc)]
+- remove react-countup [Dobricean Ioan Dorian - [`8713115`](https://github.com/eea/volto-embed/commit/8713115396fef6d952891ba142085e559240c2ba)]
 ### [5.0.4](https://github.com/eea/volto-embed/compare/5.0.3...5.0.4) - 13 June 2023
 
 #### :hammer_and_wrench: Others
@@ -19,9 +49,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Add react-countup to resolutions [kreafox - [`36eb637`](https://github.com/eea/volto-embed/commit/36eb637c0cb9413b0b0e0ce53e621b2289929d65)]
 - Move generic classes to privacy-protection [kreafox - [`715d559`](https://github.com/eea/volto-embed/commit/715d559e370bf7a3489b64d357b0a6cd7b1a3af2)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`5715b4d`](https://github.com/eea/volto-embed/commit/5715b4d3fcc14a34e031c383275c685d88f4db44)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`ef24ac0`](https://github.com/eea/volto-embed/commit/ef24ac05b17f4f4dbf05ceafbee677012a7f28f5)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`81f957b`](https://github.com/eea/volto-embed/commit/81f957b51aef7be59214530b774de8547bee3f5f)]
 ### [5.0.2](https://github.com/eea/volto-embed/compare/5.0.1...5.0.2) - 20 March 2023
 
 #### :hammer_and_wrench: Others
@@ -36,7 +63,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - update .project.eslintrc.js [Miu Razvan - [`628fd40`](https://github.com/eea/volto-embed/commit/628fd402b00d075ce319b9be92ff5f0e4d0ca2c4)]
 - rename schema.jsx [Miu Razvan - [`62794e3`](https://github.com/eea/volto-embed/commit/62794e398eab5117132e5622cab735f6cf4f79fd)]
 - improving code quality as per sonarqube reported issues [tedw87 - [`c7842f7`](https://github.com/eea/volto-embed/commit/c7842f7795f344e9d30538ddf2da04e97e319ebe)]
-- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`fe3a2de`](https://github.com/eea/volto-embed/commit/fe3a2de6180796c3d6b569733d2b9365a669c23e)]
 ## [5.0.0](https://github.com/eea/volto-embed/compare/4.0.4...5.0.0) - 31 October 2022
 
 #### :hammer_and_wrench: Others
@@ -56,8 +82,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - use specific alpha for addon test [andreiggr - [`e6df633`](https://github.com/eea/volto-embed/commit/e6df633aa4d2b0ee7eeb6b5aafa21528f14cd1df)]
 - add optional height to privacy container [andreiggr - [`e2ac711`](https://github.com/eea/volto-embed/commit/e2ac711db4e461b474cade42109346a73bb8ecbd)]
-- Add Sonarqube tag using marine-frontend addons list [EEA Jenkins - [`9f3f358`](https://github.com/eea/volto-embed/commit/9f3f35882fb367d72c7916abe7cbf366dbd8d5b6)]
-- Add Sonarqube tag using bise-frontend addons list [EEA Jenkins - [`7677140`](https://github.com/eea/volto-embed/commit/767714006abf7cbe336c5ab00d76c7232d5bc798)]
 ### [4.0.2](https://github.com/eea/volto-embed/compare/4.0.1...4.0.2) - 15 July 2022
 
 #### :hammer_and_wrench: Others
@@ -97,7 +121,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Update package.json [Nilesh - [`0ec673a`](https://github.com/eea/volto-embed/commit/0ec673a8178731b8c1e010101caee2a3c9fafaca)]
 - Update package.json [Nilesh - [`b8b94ec`](https://github.com/eea/volto-embed/commit/b8b94ec64672229f464b9108b4ac01a848827c00)]
-- Add Sonarqube tag using freshwater-frontend addons list [EEA Jenkins - [`cfe04d8`](https://github.com/eea/volto-embed/commit/cfe04d885255bb8e472a3b268b98e3d7b9022437)]
 - Refs #142010 - Optimize Volto-addons gitflow pipelines [valentinab25 - [`bf197dd`](https://github.com/eea/volto-embed/commit/bf197dd6516f9c18994add19b1141e061a96e2b6)]
 - no hardcoded text [Daniela Mormocea - [`4001bb4`](https://github.com/eea/volto-embed/commit/4001bb414df05c1516f95e4dcec4a328406dc63f)]
 - fix [Daniela Mormocea - [`a41ca9a`](https://github.com/eea/volto-embed/commit/a41ca9a2795a59f2633fb97938244e335dca8c43)]
@@ -171,8 +194,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - revert use of custom bg image [nileshgulia1 - [`63a74b7`](https://github.com/eea/volto-embed/commit/63a74b7e671d85b602b0190c7a18e6d6ad71341b)]
 - PrivacyProtection update & accept bg image [Andrei Grigore - [`f3f05d1`](https://github.com/eea/volto-embed/commit/f3f05d1d21fc88b90de3f68a995242b6c359e03a)]
 - fix loading of cookies [nileshgulia1 - [`46348d8`](https://github.com/eea/volto-embed/commit/46348d8321b4633a3d5fdcbfb2c4f01912d7ed2a)]
-- Add Sonarqube tag using frontend addons list [EEA Jenkins - [`a1e1f50`](https://github.com/eea/volto-embed/commit/a1e1f50db8a1ebc11261c3a24c39687c00ca7eea)]
-- Add Sonarqube tag using frontend addons list [EEA Jenkins - [`1e1471e`](https://github.com/eea/volto-embed/commit/1e1471ebab5ba6e5bf0c231ddd0de94d8fe6c846)]
 ### [2.0.1](https://github.com/eea/volto-embed/compare/2.0.0...2.0.1) - 28 May 2021
 
 #### :hammer_and_wrench: Others

package/DEVELOP.md

@@ -2,25 +2,47 @@
 
 ## Develop
 
+1. Make sure you have `docker` and `docker compose` installed and running on your machine:
+
+    ```Bash
+    git clone https://github.com/eea/volto-embed.git
+    cd volto-embed
+    git checkout -b bugfix-123456 develop
+    make
+    make start
+    ```
+
+1. Wait for `Volto started at 0.0.0.0:3000` meesage
+
+1. Go to http://localhost:3000
+
+1. Initialize git hooks
+
+    ```Bash
+    yarn prepare
+    ```
+
+1. Happy hacking!
+
+### Or add @eeacms/volto-embed to your Volto project
+
 Before starting make sure your development environment is properly set. See [Volto Developer Documentation](https://docs.voltocms.com/getting-started/install/)
 
 1.  Make sure you have installed `yo`, `@plone/generator-volto` and `mrs-developer`
 
-        $ npm install -g yo
-        $ npm install -g @plone/generator-volto
-        $ npm install -g mrs-developer
+        npm install -g yo @plone/generator-volto mrs-developer
 
 1.  Create new volto app
 
-        $ yo @plone/volto my-volto-project --addon volto-embed --workspace src/addons/volto-embed
-        $ cd my-volto-project
+        yo @plone/volto my-volto-project --addon @eeacms/volto-embed --skip-install
+        cd my-volto-project
 
 1.  Add the following to `mrs.developer.json`:
 
         {
             "volto-embed": {
                 "url": "https://github.com/eea/volto-embed.git",
-                "package": "volto-embed",
+                "package": "@eeacms/volto-embed",
                 "branch": "develop",
                 "path": "src"
             }
@@ -28,25 +50,57 @@ Before starting make sure your development environment is properly set. See [Vol
 
 1.  Install
 
-        $ yarn develop
-        $ yarn
+        make develop
+        yarn
 
 1.  Start backend
 
-        $ docker run -d --name plone -p 8080:8080 -e SITE=Plone plone
+        docker run --pull always -it --rm --name plone -p 8080:8080 -e SITE=Plone plone/plone-backend
 
     ...wait for backend to setup and start - `Ready to handle requests`:
 
-        $ docker logs -f plone
-
     ...you can also check http://localhost:8080/Plone
 
 1.  Start frontend
 
-        $ yarn start
+        yarn start
 
 1.  Go to http://localhost:3000
 
 1.  Happy hacking!
 
-        $ cd src/addons/volto-embed/
+        cd src/addons/volto-embed/
+
+## Cypress
+
+To run cypress locally, first make sure you don't have any Volto/Plone running on ports `8080` and `3000`.
+
+You don't have to be in a `clean-volto-project`, you can be in any Volto Frontend
+project where you added `volto-embed` to `mrs.developer.json`
+
+Go to:
+
+  ```BASH
+  cd src/addons/volto-embed/
+  ```
+
+Start:
+
+  ```Bash
+  make
+  make start
+  ```
+
+This will build and start with Docker a clean `Plone backend` and `Volto Frontend` with `volto-embed` block installed.
+
+Open Cypress Interface:
+
+  ```Bash
+  make cypress-open
+  ```
+
+Or run it:
+
+  ```Bash
+  make cypress-run
+  ```

package/README.md

@@ -29,33 +29,50 @@ See `src/Iframe/ViewIframe` for details on how to implement.
 
 ## Getting started
 
-1. Create new volto project if you don't already have one:
+### Try volto-embed with Docker
 
-   ```
-   $ npm install -g yo @plone/generator-volto
-   $ yo @plone/volto my-volto-project --addon volto-embed
+      git clone https://github.com/eea/volto-embed.git
+      cd volto-embed
+      make
+      make start
+
+Go to http://localhost:3000
+
+### Add volto-embed to your Volto project
 
-   $ cd my-volto-project
-   $ yarn add -W @eeacms/volto-embed      // Not yet available
+1. Make sure you have a [Plone backend](https://plone.org/download) up-and-running at http://localhost:8080/Plone
+
+   ```Bash
+   docker compose up backend
    ```
 
-1. If you already have a volto project, just update `package.json`:
+1. Start Volto frontend
+
+* If you already have a volto project, just update `package.json`:
 
    ```JSON
    "addons": [
-      "volto-embed"
+       "@eeacms/volto-embed"
    ],
 
    "dependencies": {
-      "volto-embed": "github:eea/volto-embed#master"
+       "@eeacms/volto-embed": "*"
    }
    ```
 
+* If not, create one:
+
+   ```
+   npm install -g yo @plone/generator-volto
+   yo @plone/volto my-volto-project --canary --addon @eeacms/volto-embed
+   cd my-volto-project
+   ```
+
 1. Install new add-ons and restart Volto:
 
    ```
-   $ yarn
-   $ yarn start
+   yarn
+   yarn start
    ```
 
 1. Go to http://localhost:3000

package/RELEASE.md

@@ -20,9 +20,9 @@ You need to first install the [release-it](https://github.com/release-it/release
    ```
    npm install -g release-it
    ```
-   
+
 Release-it uses the configuration written in the [`.release-it.json`](./.release-it.json) file located in the root of the repository.
-   
+
 Release-it is a tool that automates 4 important steps in the release process:
 
 1. Version increase in `package.json` ( increased from the current version in `package.json`)
@@ -30,45 +30,45 @@ Release-it is a tool that automates 4 important steps in the release process:
 3. GitHub release on the commit with the changelog and package.json modification on the develop branch
 4. NPM release ( by default it's disabled, but can be enabled in the configuration file )
 
-To configure the authentification, you need to export GITHUB_TOKEN for [GitHub](https://github.com/settings/tokens) 
+To configure the authentification, you need to export GITHUB_TOKEN for [GitHub](https://github.com/settings/tokens)
 
    ```
    export GITHUB_TOKEN=XXX-XXXXXXXXXXXXXXXXXXXXXX
    ```
- 
+
  To configure npm, you can use the `npm login` command or use a configuration file with a TOKEN :
- 
+
    ```
    echo "//registry.npmjs.org/:_authToken=YYYYYYYYYYYYYYYYYYYYYYYYYYYYYY" > .npmrc
    ```
 
 #### Using release-it tool
-  
+
 There are 3 yarn scripts that can be run to do the release
 
 ##### yarn release-beta
 
-Automatically calculates and presents 3 beta versions - patch, minor and major for you to choose ( or Other for manual input). 
+Automatically calculates and presents 3 beta versions - patch, minor and major for you to choose ( or Other for manual input).
 
 ```
-? Select increment (next version): 
-❯ prepatch (0.1.1-beta.0) 
-  preminor (0.2.0-beta.0) 
-  premajor (1.0.0-beta.0) 
-  Other, please specify... 
+? Select increment (next version):
+❯ prepatch (0.1.1-beta.0)
+  preminor (0.2.0-beta.0)
+  premajor (1.0.0-beta.0)
+  Other, please specify...
 ```
 
 ##### yarn release-major-beta
 
 Same as `yarn release-beta`, but with premajor version pre-selected.
-    
+
 ##### yarn release
 
 Generic command, does not automatically add the `beta` to version, but you can still manually write it if you choose Other.
 
 #### Important notes
 
-> Do not use release-it tool on master branch, the commit on CHANGELOG.md file and the version increase in the package.json file can't be done without a PULL REQUEST.  
+> Do not use release-it tool on master branch, the commit on CHANGELOG.md file and the version increase in the package.json file can't be done without a PULL REQUEST.
 
 > Do not keep Pull Requests from develop to master branches open when you are doing beta releases from the develop branch. As long as a PR to master is open, an automatic script will run on every commit and will update both the version and the changelog to a production-ready state - ( MAJOR.MINOR.PATCH mandatory format for version).
 

package/cypress.config.js

@@ -2,12 +2,12 @@ const { defineConfig } = require('cypress');
 
 module.exports = defineConfig({
   viewportWidth: 1280,
-  defaultCommandTimeout: 8888,
+  defaultCommandTimeout: 5000,
   chromeWebSecurity: false,
   reporter: 'junit',
   video: true,
   retries: {
-    runMode: 8,
+    runMode: 1,
     openMode: 0,
   },
   reporterOptions: {

package/docker-compose.yml

@@ -0,0 +1,32 @@
+version: "3"
+services:
+  backend:
+    image: eeacms/plone-backend
+    ports:
+      - "8080:8080"
+    environment:
+      SITE: "Plone"
+      PROFILES: "eea.kitkat:testing"
+
+  frontend: 
+    build:
+      context: ./
+      dockerfile: ./Dockerfile
+      args:
+        ADDON_NAME: "${ADDON_NAME}"
+        ADDON_PATH: "${ADDON_PATH}"
+        VOLTO_VERSION: ${VOLTO_VERSION:-16}
+    ports:
+    - "3000:3000"
+    - "3001:3001"
+    depends_on:
+      - backend
+    volumes:
+      - ./:/app/src/addons/${ADDON_PATH}
+    environment:
+      CI: "true"
+      NODE_ENV: "development"
+      RAZZLE_JEST_CONFIG: "src/addons/${ADDON_PATH}/jest-addon.config.js"
+      RAZZLE_INTERNAL_API_PATH: "http://backend:8080/Plone"
+      RAZZLE_DEV_PROXY_API_PATH: "http://backend:8080/Plone"
+      HOST: "0.0.0.0"

package/jest-addon.config.js

@@ -25,6 +25,9 @@ module.exports = {
     '^.+\\.(jpg)$': 'jest-file',
     '^.+\\.(svg)$': './node_modules/@plone/volto/jest-svgsystem-transform.js',
   },
+  transformIgnorePatterns: [
+    'node_modules/(?!@eeacms)/volto-datablocks/helpers',
+  ],
   coverageThreshold: {
     global: {
       branches: 5,

package/locales/de/LC_MESSAGES/volto.po

@@ -0,0 +1,67 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#: Iframe/EditIframe
+# defaultMessage: Center
+msgid "Center"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Embed code error, please follow the instructions and try again.
+msgid "Embed code error, please follow the instructions and try again."
+msgstr ""
+
+#: Iframe/ViewIframe
+# defaultMessage: Embeded Google Maps
+msgid "Embeded Google Maps"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Enter map Embed Code
+msgid "Enter map Embed Code"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Full
+msgid "Full"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Google Maps Embedded Block
+msgid "Google Maps Embedded Block"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Left
+msgid "Left"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Live image generated
+msgid "Live image generated"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it.
+msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Right
+msgid "Right"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Success
+msgid "Success"
+msgstr ""

package/locales/en/LC_MESSAGES/volto.po

@@ -0,0 +1,67 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#: Iframe/EditIframe
+# defaultMessage: Center
+msgid "Center"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Embed code error, please follow the instructions and try again.
+msgid "Embed code error, please follow the instructions and try again."
+msgstr ""
+
+#: Iframe/ViewIframe
+# defaultMessage: Embeded Google Maps
+msgid "Embeded Google Maps"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Enter map Embed Code
+msgid "Enter map Embed Code"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Full
+msgid "Full"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Google Maps Embedded Block
+msgid "Google Maps Embedded Block"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Left
+msgid "Left"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Live image generated
+msgid "Live image generated"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it.
+msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Right
+msgid "Right"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Success
+msgid "Success"
+msgstr ""

package/locales/it/LC_MESSAGES/volto.po

@@ -0,0 +1,67 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#: Iframe/EditIframe
+# defaultMessage: Center
+msgid "Center"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Embed code error, please follow the instructions and try again.
+msgid "Embed code error, please follow the instructions and try again."
+msgstr ""
+
+#: Iframe/ViewIframe
+# defaultMessage: Embeded Google Maps
+msgid "Embeded Google Maps"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Enter map Embed Code
+msgid "Enter map Embed Code"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Full
+msgid "Full"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Google Maps Embedded Block
+msgid "Google Maps Embedded Block"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Left
+msgid "Left"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Live image generated
+msgid "Live image generated"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it.
+msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Right
+msgid "Right"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Success
+msgid "Success"
+msgstr ""

package/locales/ro/LC_MESSAGES/volto.po

@@ -0,0 +1,67 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#: Iframe/EditIframe
+# defaultMessage: Center
+msgid "Center"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Embed code error, please follow the instructions and try again.
+msgid "Embed code error, please follow the instructions and try again."
+msgstr ""
+
+#: Iframe/ViewIframe
+# defaultMessage: Embeded Google Maps
+msgid "Embeded Google Maps"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Enter map Embed Code
+msgid "Enter map Embed Code"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Full
+msgid "Full"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Google Maps Embedded Block
+msgid "Google Maps Embedded Block"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Left
+msgid "Left"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Live image generated
+msgid "Live image generated"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it.
+msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Right
+msgid "Right"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Success
+msgid "Success"
+msgstr ""

package/locales/volto.pot

@@ -0,0 +1,69 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"POT-Creation-Date: 2023-08-29T17:13:33.263Z\n"
+"Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+"Language-Code: en\n"
+"Language-Name: English\n"
+"Preferred-Encodings: utf-8\n"
+"Domain: volto\n"
+
+#: Iframe/EditIframe
+# defaultMessage: Center
+msgid "Center"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Embed code error, please follow the instructions and try again.
+msgid "Embed code error, please follow the instructions and try again."
+msgstr ""
+
+#: Iframe/ViewIframe
+# defaultMessage: Embeded Google Maps
+msgid "Embeded Google Maps"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Enter map Embed Code
+msgid "Enter map Embed Code"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Full
+msgid "Full"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Google Maps Embedded Block
+msgid "Google Maps Embedded Block"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Left
+msgid "Left"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Live image generated
+msgid "Live image generated"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it.
+msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Right
+msgid "Right"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Success
+msgid "Success"
+msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-embed",
-  "version": "5.0.4",
+  "version": "6.0.1",
   "description": "Embed external content",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -18,9 +18,6 @@
     "@eeacms/volto-corsproxy",
     "@eeacms/volto-datablocks"
   ],
-  "resolutions": {
-    "react-countup/countup.js": "2.5.0"
-  },
   "dependencies": {
     "@eeacms/volto-corsproxy": "*",
     "@eeacms/volto-datablocks": "*",
@@ -30,21 +27,49 @@
     "@cypress/code-coverage": "^3.10.0",
     "@plone/scripts": "*",
     "babel-plugin-transform-class-properties": "^6.24.1",
+    "husky": "*",
+    "lint-staged": "*",
     "md5": "^2.3.0"
   },
+  "lint-staged": {
+    "src/**/*.{js,jsx,ts,tsx,json}": [
+      "make lint-fix",
+      "make prettier-fix"
+    ],
+    "src/**/*.{jsx}": [
+      "make i18n"
+    ],
+    "theme/**/*.{css,less}": [
+      "make stylelint-fix"
+    ],
+    "src/**/*.{css,less}": [
+      "make stylelint-fix"
+    ],
+    "theme/**/*.overrides": [
+      "make stylelint-fix"
+    ],
+    "src/**/*.overrides": [
+      "make stylelint-fix"
+    ]
+  },
   "scripts": {
     "release": "release-it",
     "release-major-beta": "release-it major --preRelease=beta",
     "release-beta": "release-it --preRelease=beta",
     "bootstrap": "npm install -g ejs; npm link ejs; node bootstrap",
-    "stylelint": "../../../node_modules/stylelint/bin/stylelint.js --allow-empty-input 'src/**/*.{css,less}'",
-    "stylelint:overrides": "../../../node_modules/.bin/stylelint --syntax less --allow-empty-input 'theme/**/*.overrides' 'src/**/*.overrides'",
-    "stylelint:fix": "yarn stylelint --fix && yarn stylelint:overrides --fix",
-    "prettier": "../../../node_modules/.bin/prettier --single-quote --check 'src/**/*.{js,jsx,json,css,less,md}'",
-    "prettier:fix": "../../../node_modules/.bin/prettier --single-quote --write 'src/**/*.{js,jsx,json,css,less,md}'",
-    "lint": "../../../node_modules/eslint/bin/eslint.js --max-warnings=0 'src/**/*.{js,jsx}'",
-    "lint:fix": "../../../node_modules/eslint/bin/eslint.js --fix 'src/**/*.{js,jsx}'",
-    "cypress:run": "../../../node_modules/cypress/bin/cypress run",
-    "cypress:open": "../../../node_modules/cypress/bin/cypress open"
+    "test": "make test",
+    "test:fix": "make test-update",
+    "pre-commit": "yarn stylelint:fix && yarn prettier:fix && yarn lint:fix",
+    "stylelint": "make stylelint",
+    "stylelint:overrides": "make stylelint-overrides",
+    "stylelint:fix": "make stylelint-fix",
+    "prettier": "make prettier",
+    "prettier:fix": "make prettier-fix",
+    "lint": "make lint",
+    "lint:fix": "make lint-fix",
+    "i18n": "make i18n",
+    "cypress:run": "make cypress-run",
+    "cypress:open": "make cypress-open",
+    "prepare": "husky install"
   }
 }

package/src/Iframe/EditIframe.test.jsx

@@ -0,0 +1,88 @@
+import React from 'react';
+import { render, fireEvent } from '@testing-library/react';
+import { Provider } from 'react-intl-redux';
+import configureStore from 'redux-mock-store';
+import Edit from './EditIframe';
+import '@testing-library/jest-dom/extend-expect';
+
+const mockStore = configureStore();
+
+const store = mockStore(() => ({
+  connected_data_parameters: {},
+  router: {
+    location: {
+      pathname: '',
+    },
+  },
+  intl: {
+    locale: 'en',
+    messages: {},
+  },
+}));
+
+describe('Edit', () => {
+  it('renders without crashing', () => {
+    render(
+      <Provider store={store}>
+        <Provider store={store}>
+          <Edit
+            selected={false}
+            block="block"
+            index={1}
+            data={{
+              url: 'test',
+            }}
+            pathname="/"
+            onChangeBlock={() => {}}
+            onSelectBlock={() => {}}
+            onDeleteBlock={() => {}}
+            onFocusPreviousBlock={() => {}}
+            onFocusNextBlock={() => {}}
+            handleKeyDown={() => {}}
+          />
+        </Provider>
+      </Provider>,
+    );
+  });
+
+  it('submits url when button is clicked', () => {
+    const { container, getByPlaceholderText } = render(
+      <Provider store={store}>
+        <Provider store={store}>
+          <Edit
+            selected={false}
+            block="block"
+            index={1}
+            data={{
+              dataprotection: {
+                privacy_statement: 'test',
+              },
+            }}
+            pathname="/"
+            onChangeBlock={() => {}}
+            onSelectBlock={() => {}}
+            onDeleteBlock={() => {}}
+            onFocusPreviousBlock={() => {}}
+            onFocusNextBlock={() => {}}
+            handleKeyDown={() => {}}
+          />
+        </Provider>
+      </Provider>,
+    );
+
+    const input = getByPlaceholderText('Enter map Embed Code');
+    fireEvent.click(input);
+    fireEvent.change(input, { target: { value: 'test url' } });
+    fireEvent.click(container.querySelector('button.cancel'));
+    fireEvent.change(input, { target: { value: 'test url' } });
+    fireEvent.keyDown(input, { key: 'Enter', code: 'Enter' });
+    fireEvent.keyDown(input, { key: 'Escape', code: 'Escape' });
+    fireEvent.keyDown(input, { key: 'KeyA', code: 'KeyA' });
+
+    fireEvent.change(input, { target: { value: '<iframe src="test"/>' } });
+    fireEvent.keyDown(input, { key: 'Enter', code: 'Enter' });
+
+    const button = container.querySelector('button.ui.basic.primary.button');
+    fireEvent.click(button);
+  });
+});

package/src/PrivacyProtection/PrivacyProtection.test.jsx

@@ -0,0 +1,340 @@
+import React from 'react';
+import { render, fireEvent, act } from '@testing-library/react';
+import { CookiesProvider } from 'react-cookie';
+import { Provider } from 'react-intl-redux';
+import configureStore from 'redux-mock-store';
+import PrivacyProtection from './PrivacyProtection';
+import config from '@plone/volto/registry';
+import '@testing-library/jest-dom/extend-expect';
+
+const mockStore = configureStore();
+
+const store = mockStore(() => ({
+  connected_data_parameters: {},
+  router: {
+    location: {
+      pathname: '',
+    },
+  },
+  intl: {
+    locale: 'en',
+    messages: {},
+  },
+}));
+
+jest.mock('@plone/volto-slate/editor/render', () => ({
+  serializeNodes: jest.fn(() => 'serialized nodes'),
+}));
+
+jest.mock('@eeacms/volto-datablocks/helpers', () => ({
+  getFilteredURL: jest.fn(() => 'filtered url'),
+  getConnectedDataParametersForContext: jest.fn(() => 'connected data params'),
+}));
+
+global.fetch = jest.fn(() =>
+  Promise.resolve({
+    blob: () => Promise.resolve(new Blob(['test'])),
+  }),
+);
+
+jest.mock('react-toastify', () => ({
+  toast: {
+    success: jest.fn(),
+  },
+}));
+
+jest.mock('./helpers', () => ({
+  createImageUrl: () => 'test',
+}));
+
+global.URL.createObjectURL = jest.fn(() => 'test');
+
+jest.mock('react-visibility-sensor', () => ({
+  __esModule: true,
+  default: (props) => {
+    return <div onChange={props.onChange(true)}>{props.children}</div>;
+  },
+}));
+
+describe('PrivacyProtection', () => {
+  it('renders without crashing', () => {
+    render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection />
+        </CookiesProvider>
+      </Provider>,
+    );
+  });
+
+  it('renders loader', async () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+        },
+      },
+      cookies: {
+        get: () => 'false',
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+      editable: true,
+    };
+    const { container } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props} />
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(container.querySelector('.ui.loader')).toBeInTheDocument();
+  });
+
+  it('renders loader', async () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+        },
+      },
+      cookies: {
+        get: () => 'false',
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+      editable: false,
+    };
+    const { container } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props} />
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(container.querySelector('.ui.loader')).toBeInTheDocument();
+  });
+
+  it('renders the wrapper and children', async () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: false,
+        },
+      },
+      cookies: {
+        get: () => 'true',
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+      editable: false,
+    };
+    const { container, getByText } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props}>
+            <div>test test</div>
+          </PrivacyProtection>
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(getByText('test test')).toBeInTheDocument();
+    expect(
+      container.querySelector('.privacy-protection-wrapper'),
+    ).toBeInTheDocument();
+  });
+
+  it('renders the wrapper and children', async () => {
+    config.settings = {
+      embedCookieExpirationDays: 30,
+    };
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+        },
+      },
+      cookies: {
+        get: () => 'true',
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+    };
+    const { container, getByText } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props}>
+            <div>test test</div>
+          </PrivacyProtection>
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(getByText('test test')).toBeInTheDocument();
+    expect(
+      container.querySelector('.privacy-protection-wrapper'),
+    ).toBeInTheDocument();
+  });
+
+  it('renders popup with external content, button', async () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+          background_image: 'test',
+          privacy_statement: {
+            nodes: [],
+            getAttributes: () => {},
+          },
+        },
+      },
+      cookies: {
+        get: () => false,
+        set: () => {},
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+    };
+    const { container, queryByText, getByText } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props}>
+            <div>test test</div>
+          </PrivacyProtection>
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(
+      container.querySelector('.privacy-protection-wrapper'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.privacy-protection')).toBeInTheDocument();
+
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-button .primary.button',
+      ),
+    ).toBeInTheDocument();
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-toggle .ui.toggle.checkbox input',
+      ),
+    ).toBeInTheDocument();
+
+    expect(getByText('Show external content')).toBeInTheDocument();
+    expect(getByText('Remember my choice')).toBeInTheDocument();
+    expect(getByText('serialized nodes')).toBeInTheDocument();
+    fireEvent.click(getByText('Show external content'));
+    await act(() => Promise.resolve());
+    expect(queryByText('Show external content')).toBe(null);
+    expect(getByText('test test')).toBeInTheDocument();
+  });
+
+  it('renders popup with external content, button', async () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+          background_image: 'test',
+          privacy_statement: {
+            nodes: [],
+            getAttributes: () => {},
+          },
+        },
+      },
+      cookies: {
+        get: () => 'false',
+        set: () => {},
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+    };
+    const { container, queryByText, getByText } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props}>
+            <div>test test</div>
+          </PrivacyProtection>
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(
+      container.querySelector('.privacy-protection-wrapper'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.privacy-protection')).toBeInTheDocument();
+
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-button .primary.button',
+      ),
+    ).toBeInTheDocument();
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-toggle .ui.toggle.checkbox input',
+      ),
+    ).toBeInTheDocument();
+
+    expect(getByText('Show external content')).toBeInTheDocument();
+    expect(getByText('Remember my choice')).toBeInTheDocument();
+    expect(getByText('serialized nodes')).toBeInTheDocument();
+    fireEvent.click(getByText('Show external content'));
+    await act(() => Promise.resolve());
+    expect(queryByText('Show external content')).toBe(null);
+    expect(getByText('test test')).toBeInTheDocument();
+  });
+
+  it('renders popup with external content, button', () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+          background_image: 'test',
+          privacy_statement: {
+            nodes: [],
+            getAttributes: () => {},
+          },
+        },
+      },
+      cookies: {
+        get: () => 'false',
+        set: () => {},
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+    };
+    const { container, getByText } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props}>
+            <div>test test</div>
+          </PrivacyProtection>
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(
+      container.querySelector('.privacy-protection-wrapper'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.privacy-protection')).toBeInTheDocument();
+
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-button .primary.button',
+      ),
+    ).toBeInTheDocument();
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-toggle .ui.toggle.checkbox input',
+      ),
+    ).toBeInTheDocument();
+
+    expect(getByText('Show external content')).toBeInTheDocument();
+    expect(getByText('Remember my choice')).toBeInTheDocument();
+    expect(getByText('serialized nodes')).toBeInTheDocument();
+    fireEvent.click(getByText('Remember my choice'));
+  });
+});

package/src/PrivacyProtection/helpers.test.js

@@ -0,0 +1,19 @@
+import { createImageUrl } from './helpers';
+import '@testing-library/jest-dom/extend-expect';
+
+global.window.atob = jest.fn();
+
+global.URL.createObjectURL = jest.fn(() => 'mocked-url');
+
+describe('createImageUrl', () => {
+  it('should return a valid image URL', () => {
+    const result = {
+      data: 'VGhpcyBpcyBhIGJhc2U2NCBlbmNvZGluZyB0byBkZWNvZGU=',
+      'content-type': 'image/jpeg',
+    };
+    global.window.atob.mockReturnValue('This is a base64 encoding to decode');
+    const imageUrl = createImageUrl(result);
+
+    expect(typeof imageUrl).toBe('string');
+  });
+});

package/.i18n.babel.config.js

@@ -1 +0,0 @@
-module.exports = require('@plone/volto/babel');