@eeacms/volto-clms-theme 1.1.257 → 1.1.258

package/CHANGELOG.md

@@ -4,6 +4,15 @@ 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).
 
+### [1.1.258](https://github.com/eea/volto-clms-theme/compare/1.1.257...1.1.258) - 10 October 2025
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`0f9b8be`](https://github.com/eea/volto-clms-theme/commit/0f9b8be05a2d800175644d975a5a09ad3cde153c)]
+
+#### :hammer_and_wrench: Others
+
+- Refs #289194 - Add ChatbotFloatingButton. [GhitaB - [`0a2af53`](https://github.com/eea/volto-clms-theme/commit/0a2af535f6d07207d1ece314b3a436c97a1efd1b)]
 ### [1.1.257](https://github.com/eea/volto-clms-theme/compare/1.1.256...1.1.257) - 9 October 2025
 
 #### :house: Internal changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-clms-theme",
-  "version": "1.1.257",
+  "version": "1.1.258",
   "description": "volto-clms-theme: Volto theme for CLMS site",
   "main": "src/index.js",
   "author": "CodeSyntax for the European Environment Agency",

package/src/components/Footer/ChatbotFloatingButton.jsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import './chatbot-floating-button.less';
+import AssistantIcon from '@eeacms/volto-clms-theme/../theme/clms/img/assistant-icon-blue.svg';
+
+const ChatbotFloatingButton = () => {
+  return (
+    <a
+      href="/en/ask-observia-ai"
+      className="chatbot-floating-button"
+      aria-label="Open AI Assistant"
+      title="Your smart CLMS guide"
+    >
+      <img src={AssistantIcon} alt="AI Assistant" />
+    </a>
+  );
+};
+
+export default ChatbotFloatingButton;

package/src/components/Footer/chatbot-floating-button.less

@@ -0,0 +1,26 @@
+.chatbot-floating-button {
+  position: fixed;
+  z-index: 1000;
+  right: 20px;
+  bottom: 20px;
+  display: flex;
+  width: 48px;
+  height: 48px;
+  align-items: center;
+  justify-content: center;
+  background-color: #ffcb2b;
+  border-radius: 50%;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
+  cursor: pointer;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+
+  img {
+    width: 28px;
+    height: 28px;
+  }
+
+  &:hover {
+    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
+    transform: scale(1.1);
+  }
+}

package/src/customizations/volto/components/theme/Footer/Footer.jsx

@@ -25,6 +25,7 @@ import EEAImage from '@eeacms/volto-clms-theme/../theme/clms/img/ec-logo-white.s
 import ECImage from '@eeacms/volto-clms-theme/../theme/clms/img/eea-logo.svg';
 import CclFooterColumn from '@eeacms/volto-clms-theme/components/CclFooterColumn/CclFooterColumn';
 import CclFooterMenu from '@eeacms/volto-clms-theme/components/CclTopMainMenu/CclFooterMenu';
+import ChatbotFloatingButton from '@eeacms/volto-clms-theme/components/Footer/ChatbotFloatingButton';
 
 const messages = defineMessages({
   copernicusServices: {
@@ -358,6 +359,7 @@ class Footer extends Component {
             <CclFooterMenu></CclFooterMenu>
           </ul>
         </div>
+        <ChatbotFloatingButton />
       </footer>
     );
   }

package/theme/clms/img/assistant-icon-blue.svg

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="44"
+   height="44"
+   viewBox="0 0 44 44"
+   fill="none"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="assistant-icon-white.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="20.431818"
+     inkscape:cx="21.951057"
+     inkscape:cy="22"
+     inkscape:window-width="2508"
+     inkscape:window-height="1376"
+     inkscape:window-x="52"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10" />
+  <path
+     d="M40.194 11.5472L39.3603 11.2493C36.4488 10.2132 34.1556 7.92001 33.1196 5.00859L32.8217 4.17489C32.5332 3.37304 31.4016 3.37304 31.1149 4.17489L30.817 5.00859C29.781 7.92005 27.4878 10.2133 24.5764 11.2493L23.7427 11.5472C22.9408 11.8357 22.9408 12.9673 23.7427 13.2539L24.5764 13.5518C27.4878 14.5879 29.7811 16.8811 30.817 19.7925L31.1149 20.6262C31.4035 21.4281 32.5351 21.4281 32.8217 20.6262L33.1196 19.7925C34.1557 16.881 36.4489 14.5878 39.3603 13.5518L40.194 13.2539C40.9958 12.9654 40.9958 11.8338 40.194 11.5472Z"
+     fill="#A0B128"
+     id="path2"
+     style="fill:#243f9c;fill-opacity:1" />
+  <path
+     d="M19.0403 21.5817L18.6375 21.7259C18.2534 21.8646 18.2534 22.4079 18.6375 22.5465L19.0403 22.6908C20.436 23.1891 21.5339 24.287 22.0323 25.6828L22.1765 26.0856C22.3152 26.4696 22.8585 26.4696 22.9971 26.0856L23.1414 25.6828C23.6397 24.287 24.7376 23.1891 26.1334 22.6908L26.5362 22.5465C26.9202 22.4079 26.9202 21.8646 26.5362 21.7259L26.1334 21.5817C24.7376 21.0833 23.6397 19.9854 23.1414 18.5897L22.9971 18.1868C22.8585 17.8028 22.3152 17.8028 22.1765 18.1868L22.0323 18.5897C21.5339 19.9854 20.436 21.0833 19.0403 21.5817Z"
+     fill="#A0B128"
+     id="path4"
+     style="fill:#243f9c;fill-opacity:1" />
+  <path
+     d="M41.8567 2.81284L41.6543 2.74165C40.9536 2.49247 40.4028 1.9398 40.1574 1.24471L40.0862 1.04237C40.0188 0.851274 39.7452 0.851274 39.6778 1.04237L39.6066 1.24471C39.3574 1.9454 38.8047 2.4962 38.1096 2.74165L37.9073 2.81284C37.7162 2.88029 37.7162 3.15382 37.9073 3.22128L38.1096 3.29247C38.8103 3.54165 39.3611 4.09432 39.6066 4.78941L39.6778 4.99175C39.7452 5.18285 40.0187 5.18285 40.0862 4.99175L40.1574 4.78941C40.4066 4.08873 40.9592 3.53792 41.6543 3.29247L41.8567 3.22128C42.0478 3.15383 42.0478 2.8803 41.8567 2.81284Z"
+     fill="#A0B128"
+     id="path6"
+     style="fill:#243f9c;fill-opacity:1" />
+  <path
+     d="M32.327 23.3411C31.6263 23.3411 31.0661 23.9069 31.0661 24.602V38.5258C31.0661 39.6574 30.1443 40.5792 29.0127 40.5792H6.58079C5.4492 40.5792 4.52741 39.6574 4.52741 38.5258V14.7225C4.52741 13.5909 5.44916 12.6692 6.58079 12.6692H19.8715C20.5666 12.6692 21.1324 12.1034 21.1324 11.4083C21.1324 10.7076 20.5666 10.1474 19.8715 10.1417H6.58079C4.05714 10.1417 2 12.1951 2 14.7169V38.5202C2 41.0438 4.05338 43.101 6.58079 43.101H29.0127C31.5364 43.101 33.5935 41.0476 33.5935 38.5202V24.5964C33.5935 23.8957 33.0277 23.3355 32.3326 23.3355L32.327 23.3411Z"
+     fill="#A0B128"
+     id="path8"
+     style="fill:#243f9c;fill-opacity:1" />
+</svg>