@openeuropa/bcl-subscription 0.4068.202509021515 → 0.4185.202511191330

package/__snapshots__/subscription.test.js.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`OE - Subscription renders correctly 1`] = `
 <jest>
@@ -42,7 +42,6 @@ exports[`OE - Subscription renders correctly 1`] = `
         </button>
       </div>
     </nav>
-    <!-- project name -->
     <!-- navbar -->
     <nav
       aria-label="Main Navigation"
@@ -166,7 +165,7 @@ exports[`OE - Subscription renders correctly 1`] = `
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
-                              hidden=""
+                              hidden
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
@@ -219,27 +218,27 @@ exports[`OE - Subscription renders correctly 1`] = `
                                     Base Sub Category Item
                                   </a>
                                 </li>
-                                <li
-                                  class="__see_all __leaf"
+                              </ul>
+                              <div
+                                class="__see_all"
+                              >
+                                <a
+                                  aria-label="See all items in ‘Base Category Item’"
+                                  class="see-all-button"
+                                  href="/example.html"
                                 >
-                                  <a
-                                    aria-label="See all items in ‘Base Category Item’"
-                                    class="see-all-button"
-                                    href="/example.html"
+                                  <span>
+                                    See all
+                                  </span>
+                                  <svg
+                                    class="ms-2-5 bi icon--xs"
                                   >
-                                    <span>
-                                      See all
-                                    </span>
-                                    <svg
-                                      class="ms-2-5 bi icon--s"
-                                    >
-                                      <use
-                                        xlink:href="/icons.svg#arrow-right"
-                                      />
-                                    </svg>
-                                  </a>
-                                </li>
-                              </ul>
+                                    <use
+                                      xlink:href="/icons.svg#arrow-right"
+                                    />
+                                  </svg>
+                                </a>
+                              </div>
                             </div>
                           </li>
                           <li
@@ -264,7 +263,7 @@ exports[`OE - Subscription renders correctly 1`] = `
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
-                              hidden=""
+                              hidden
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
@@ -502,61 +501,61 @@ exports[`OE - Subscription renders correctly 1`] = `
         </ul>
       </div>
     </nav>
-    <!-- breadcrumbs -->
-    <div
-      class="container"
+  </header>
+  <!-- breadcrumbs -->
+  <div
+    class="container"
+  >
+    <nav
+      aria-label="breadcrumb"
+      class="mt-3"
     >
-      <nav
-        aria-label="breadcrumb"
-        class="mt-3"
+      <ol
+        class="breadcrumb"
       >
-        <ol
-          class="breadcrumb"
+        <li
+          class="breadcrumb-item d-none d-md-block"
         >
-          <li
-            class="breadcrumb-item d-none d-md-block"
+          <a
+            href="/example.html"
           >
-            <a
-              href="/example.html"
-            >
-              Home
-            </a>
-          </li>
-          <li
-            class="breadcrumb-item d-none d-md-block"
+            Home
+          </a>
+        </li>
+        <li
+          class="breadcrumb-item d-none d-md-block"
+        >
+          <a
+            href="/example.html"
           >
-            <a
-              href="/example.html"
-            >
-              European Union
-            </a>
-          </li>
-          <li
-            class="breadcrumb-item"
+            European Union
+          </a>
+        </li>
+        <li
+          class="breadcrumb-item"
+        >
+          <a
+            href="/example.html"
           >
-            <a
-              href="/example.html"
+            <svg
+              class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
-              <svg
-                class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
-              >
-                <use
-                  xlink:href="/icons.svg#arrow-left"
-                />
-              </svg>
-              About the European Union
-            </a>
-          </li>
-          <li
-            aria-current="page"
-            class="breadcrumb-item d-none d-md-block active"
-          >
-            News
-          </li>
-        </ol>
-      </nav>
-    </div>
-  </header>
+              <use
+                xlink:href="/icons.svg#arrow-left"
+              />
+            </svg>
+            About the European Union
+          </a>
+        </li>
+        <li
+          aria-current="page"
+          class="breadcrumb-item d-none d-md-block active"
+        >
+          News
+        </li>
+      </ol>
+    </nav>
+  </div>
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -1316,7 +1315,7 @@ exports[`OE - Subscription renders correctly 1`] = `
                 >
                   <form
                     class="needs-validation"
-                    novalidate="true"
+                    novalidate
                     onsubmit="return false;"
                   >
                     <fieldset>
@@ -1339,7 +1338,7 @@ exports[`OE - Subscription renders correctly 1`] = `
                       <input
                         class="form-control"
                         placeholder="Type in your e-mail address"
-                        required="true"
+                        required
                         type="email"
                       />
                       <div
@@ -1360,12 +1359,12 @@ exports[`OE - Subscription renders correctly 1`] = `
                       <select
                         class="form-select"
                         id="language-select"
-                        required="true"
+                        required
                       >
                         <option
-                          disabled=""
-                          hidden=""
-                          selected=""
+                          disabled
+                          hidden
+                          selected
                           value=""
                         >
                           Please select a language
@@ -1406,7 +1405,7 @@ exports[`OE - Subscription renders correctly 1`] = `
                         <input
                           class="form-check-input"
                           id="exampleInputCheck1"
-                          required="true"
+                          required
                           type="checkbox"
                         />
                         <label

package/data/data--modal.js

@@ -1,4 +1,4 @@
-const drupalAttribute = require("drupal-attribute");
+const { DrupalAttribute } = require("drupal-attribute");
 
 module.exports = {
   id: "subscribeModal",
@@ -10,7 +10,7 @@ module.exports = {
     '<button class="btn btn-primary form-submit ms-4">Subscribe now</button>' +
     "</div>",
   form: {
-    attributes: new drupalAttribute()
+    attributes: new DrupalAttribute()
       .addClass("needs-validation")
       .setAttribute("novalidate", true)
       .setAttribute("onsubmit", "return false;"),
@@ -75,7 +75,7 @@ module.exports = {
     heading: "Thank you!",
     icon_path: "/icons.svg",
     variant: "success",
-    attributes: new drupalAttribute().addClass([
+    attributes: new DrupalAttribute().addClass([
       "success-alert",
       "d-none",
       "mb-0",
@@ -89,7 +89,7 @@ module.exports = {
     icon_path: "/icons.svg",
     variant: "danger",
     dismissible: false,
-    attributes: new drupalAttribute().addClass([
+    attributes: new DrupalAttribute().addClass([
       "error-alert",
       "d-none",
       "mb-0",

package/package.json

@@ -2,13 +2,13 @@
   "name": "@openeuropa/bcl-subscription",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "0.4068.202509021515",
+  "version": "0.4185.202511191330",
   "publishConfig": {
     "access": "public"
   },
   "description": "OE - BCL subscription",
   "dependencies": {
-    "@openeuropa/bcl-subscription-block": "^0.4068.202509021515"
+    "@openeuropa/bcl-subscription-block": "^0.4185.202511191330"
   },
   "repository": {
     "type": "git",
@@ -24,5 +24,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "c3ad875641a3a10a37fb5f787dea23a7f6d57739"
+  "gitHead": "de7fc20600e88ea3b38e74c2ec1c6ffbb0b2a1b0"
 }

package/subscription.html.twig

@@ -1,10 +1,10 @@
-{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
 
-{% block sidebar %}
+{%- block sidebar %}
   {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
-{% endblock %}
+{%- endblock -%}
 
-{% block content_bottom %}
+{%- block content_bottom %}
   {% include '@oe-bcl/bcl-subscription-block/subscription-block.html.twig' with subscription only %}
   {% include '@oe-bcl/bcl-subscription/subscription-modal.html.twig' with modal only %}
-{% endblock %}
+{%- endblock -%}

package/subscription.story.js

@@ -3,8 +3,8 @@ import { correctPaths, initScrollspy } from "@openeuropa/bcl-story-utils";
 import demoData from "@openeuropa/bcl-subscription/data/data";
 import subscriptionPage from "@openeuropa/bcl-subscription/subscription.html.twig";
 
-const clientValidation = (story) => {
-  const demo = story();
+const clientValidation = async (story) => {
+  const demo = await story();
   return `<script>
     var backdrop = document.getElementsByClassName("modal-backdrop")[0];
     if (typeof backdrop != "undefined" && backdrop != null) {
@@ -35,8 +35,8 @@ const clientValidation = (story) => {
   </script>${demo}`;
 };
 
-const openModal = (story) => {
-  const demo = story();
+const openModal = async (story) => {
+  const demo = await story();
   return `
     ${demo}
     <script>
@@ -52,8 +52,8 @@ const openModal = (story) => {
     `;
 };
 
-const successState = (story) => {
-  const demo = story();
+const successState = async (story) => {
+  const demo = await story();
   return `
     ${demo}
     <script>
@@ -68,8 +68,8 @@ const successState = (story) => {
     `;
 };
 
-const errorState = (story) => {
-  const demo = story();
+const errorState = async (story) => {
+  const demo = await story();
   return `
     ${demo}
     <script>

package/subscription.test.js

@@ -21,7 +21,7 @@ describe("OE - Subscription", () => {
 
   test(`passes the accessibility tests`, async () => {
     expect(
-      await axe(renderTwigFileAsHtml(template, demoData)),
+      await axe(await renderTwigFileAsHtml(template, demoData)),
     ).toHaveNoViolations();
   });
 });