@memori.ai/memori-react 8.30.1 → 8.32.0

package/dist/components/layouts/fullpage.css

@@ -0,0 +1,119 @@
+/* FullPage layout – spacing, typography and structure using global design tokens */
+
+.memori-widget.memori-layout-fullpage {
+    max-width: var(--memori-layout-max-width);
+    padding: var(--memori-spacing-md);
+    margin-right: auto;
+    margin-left: auto;
+}
+
+.memori-widget.memori-layout-fullpage > .memori-spin {
+    display: flex;
+    height: 100%;
+    flex-direction: column;
+    gap: var(--memori-spacing-lg);
+}
+
+/* Header spacing */
+.memori-widget.memori-layout-fullpage .memori-chat-layout--header {
+    min-width: 100%;
+    flex-shrink: 0;
+    border-radius: var(--memori-radius-box);
+    margin-bottom: var(--memori-spacing-md);
+}
+
+/* Grid: main + left column (avatar) */
+.memori-widget.memori-layout-fullpage .memori--grid {
+    display: flex;
+    height: auto;
+    height: 95vh;
+    min-height: 0;
+    flex: 1 1 auto;
+    align-items: stretch;
+    justify-content: center;
+    gap: var(--memori-spacing-xl);
+}
+
+.memori-widget.memori-layout-fullpage .memori--grid-column-left {
+    width: 50%;
+    max-width: 420px;
+    flex-shrink: 0;
+    margin-right: 0;
+}
+
+.memori-widget.memori-layout-fullpage .memori-chat-layout--main {
+    display: flex;
+    min-width: 0;
+    flex: 1;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.memori-widget.memori-layout-fullpage .memori-chat-layout--controls {
+    display: flex;
+    width: 100%;
+    max-width: 720px;
+    flex-direction: column;
+    align-items: center;
+    padding: var(--memori-spacing-md);
+}
+
+.memori-widget.memori-layout-fullpage .memori-chat-layout--controls .memori--start-panel,
+.memori-widget.memori-layout-fullpage .memori-chat-layout--controls .memori-chat--wrapper {
+    width: 100%;
+    max-width: 100%;
+    padding: 0 !important;
+    margin-right: 0;
+    margin-left: 0;
+}
+
+/* Typography: title and description in fullpage left column */
+.memori-widget.memori-layout-fullpage .memori--title {
+    margin-bottom: var(--memori-spacing-xs);
+    color: var(--memori-text-color);
+    font-size: var(--memori-text-size-heading-large);
+    font-weight: var(--memori-text-weight-semibold);
+    line-height: var(--memori-text-line-tight);
+}
+
+.memori-widget.memori-layout-fullpage .memori--description,
+.memori-widget.memori-layout-fullpage .memori--needsPosition {
+    padding: var(--memori-spacing-lg);
+    padding-top: var(--memori-spacing-xs);
+    color: var(--memori-text-color);
+    font-size: var(--memori-text-size-base);
+    line-height: var(--memori-text-line-relaxed);
+}
+
+/* Powered-by position in fullpage */
+.memori-widget.memori-layout-fullpage .memori--powered-by {
+    flex-shrink: 0;
+    padding: var(--memori-spacing-sm) var(--memori-spacing-md);
+    border-radius: var(--memori-radius-box);
+    font-size: var(--memori-text-size-small);
+}
+
+@media (max-width: 870px) {
+    .memori-widget.memori-layout-fullpage {
+        padding: var(--memori-spacing-sm);
+    }
+
+    .memori-widget.memori-layout-fullpage > .memori-spin {
+        gap: var(--memori-spacing-md);
+    }
+
+    .memori-widget.memori-layout-fullpage .memori--grid-column-left {
+        display: none;
+    }
+
+    .memori-widget.memori-layout-fullpage .memori-chat-layout--controls {
+        padding: var(--memori-spacing-sm);
+    }
+}
+
+@media (max-width: 480px) {
+    .memori-widget.memori-layout-fullpage .memori-chat-layout--controls {
+        padding: var(--memori-spacing-xs);
+    }
+}

package/dist/helpers/userMessage.d.ts

@@ -0,0 +1,2 @@
+export declare function sanitizeUserMessageInput(raw: string): string;
+export declare function formatUserBubbleHtml(cleanText: string): string;

package/dist/helpers/userMessage.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sanitizeUserMessageInput = sanitizeUserMessageInput;
+exports.formatUserBubbleHtml = formatUserBubbleHtml;
+const tslib_1 = require("tslib");
+const dompurify_1 = tslib_1.__importDefault(require("dompurify"));
+const utils_1 = require("./utils");
+const message_1 = require("./message");
+function sanitizeUserMessageInput(raw) {
+    if (raw == null || typeof raw !== 'string') {
+        return '';
+    }
+    const stripped = dompurify_1.default.sanitize(raw, {
+        ALLOWED_TAGS: [],
+        ALLOWED_ATTR: [],
+    });
+    return stripped.trim();
+}
+function formatUserBubbleHtml(cleanText) {
+    const truncated = (0, message_1.truncateMessagePlain)(cleanText);
+    return (0, utils_1.escapeHTML)(truncated).replace(/\n/g, '<br />');
+}
+//# sourceMappingURL=userMessage.js.map

package/dist/helpers/userMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"userMessage.js","sourceRoot":"","sources":["../../src/helpers/userMessage.ts"],"names":[],"mappings":";;AAQA,4DASC;AAGD,oDAGC;;AAvBD,kEAAkC;AAClC,mCAAqC;AACrC,uCAAiD;AAMjD,SAAgB,wBAAwB,CAAC,GAAW;IAClD,IAAI,GAAG,IAAI,IAAI,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC3C,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,MAAM,QAAQ,GAAG,mBAAS,CAAC,QAAQ,CAAC,GAAG,EAAE;QACvC,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;KACjB,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC;AAGD,SAAgB,oBAAoB,CAAC,SAAiB;IACpD,MAAM,SAAS,GAAG,IAAA,8BAAoB,EAAC,SAAS,CAAC,CAAC;IAClD,OAAO,IAAA,kBAAU,EAAC,SAAS,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC"}

package/dist/icons/FacebookIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const FacebookIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default FacebookIcon;

package/dist/icons/FacebookIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FacebookIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 800, height: 800, fill: "currentColor", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M17.3 9.6a1 1 0 1 0-1.6-1.2l-2.308 3.078-2.185-2.185A1 1 0 0 0 9.7 9.4l-3 4a1 1 0 0 0 1.6 1.2l2.308-3.078 2.185 2.185A1 1 0 0 0 14.3 13.6l3-4Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 23c-1.224 0-1.9-.131-3-.5l-2.106 1.053A2 2 0 0 1 4 21.763V19.5c-2.153-2.008-3-4.323-3-7.5C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11Zm-6-4.37-.636-.593C3.691 16.477 3 14.733 3 12a9 9 0 1 1 9 9c-.986 0-1.448-.089-2.364-.396l-.788-.264L6 21.764V18.63Z", clipRule: "evenodd" })] }));
+exports.default = FacebookIcon;
+//# sourceMappingURL=FacebookIcon.js.map

package/dist/icons/FacebookIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacebookIcon.js","sourceRoot":"","sources":["../../src/icons/FacebookIcon.tsx"],"names":[],"mappings":";;;AACA,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC7D,iCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,KACf,KAAK,aAET,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,gJAAgJ,GAClJ,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uQAAuQ,EACzQ,QAAQ,EAAC,SAAS,GAClB,IACE,CACP,CAAA;AACD,kBAAe,YAAY,CAAA"}

package/dist/icons/LinkedinIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const LinkedinIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default LinkedinIcon;

package/dist/icons/LinkedinIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LinkedinIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 800, height: 800, fill: "currentColor", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M6.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM5 10a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-8ZM11 19h1a1 1 0 0 0 1-1v-4.5c0-1.5 3-2.5 3-.5v5a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-6c0-2-1.5-3-3.5-3S13 10.5 13 10.5V10a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M20 1a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h16Zm0 2a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Z", clipRule: "evenodd" })] }));
+exports.default = LinkedinIcon;
+//# sourceMappingURL=LinkedinIcon.js.map

package/dist/icons/LinkedinIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedinIcon.js","sourceRoot":"","sources":["../../src/icons/LinkedinIcon.tsx"],"names":[],"mappings":";;;AACA,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC7D,iCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,KACf,KAAK,aAET,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,sRAAsR,GACxR,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iJAAiJ,EACnJ,QAAQ,EAAC,SAAS,GAClB,IACE,CACP,CAAA;AACD,kBAAe,YAAY,CAAA"}

package/dist/icons/TelegramIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const TelegramIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default TelegramIcon;

package/dist/icons/TelegramIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TelegramIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 800, height: 800, fill: "currentColor", viewBox: "0 0 24 24", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M23.112 4.494c.318-1.55-1.205-2.837-2.68-2.267L2.342 9.216c-1.647.637-1.72 2.941-.117 3.682l3.94 1.818 1.873 6.559a1 1 0 0 0 1.67.432l2.886-2.887 4.043 3.033a2 2 0 0 0 3.16-1.198l3.315-16.16ZM3.063 11.082l18.09-6.99-3.316 16.161L13.1 16.7a1 1 0 0 0-1.307.093l-1.236 1.236.371-2.043 7.28-7.279a1 1 0 0 0-1.204-1.575L6.95 12.876l-3.888-1.794Zm5.114 3.397.606 2.123.233-1.281a1 1 0 0 1 .277-.528l2.22-2.22-3.336 1.906Z", clipRule: "evenodd" }) }));
+exports.default = TelegramIcon;
+//# sourceMappingURL=TelegramIcon.js.map

package/dist/icons/TelegramIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelegramIcon.js","sourceRoot":"","sources":["../../src/icons/TelegramIcon.tsx"],"names":[],"mappings":";;;AACA,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC7D,gCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,KACf,KAAK,YAET,iCACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iaAAia,EACna,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAA;AACD,kBAAe,YAAY,CAAA"}

package/dist/icons/TwitterIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const TwitterIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default TwitterIcon;

package/dist/icons/TwitterIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TwitterIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 800, height: 800, fill: "currentColor", viewBox: "0 0 100 100", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M69.7 8.7H30.4C18.7 8.7 9.1 18.2 9.1 30v41.2c0 11.7 9.5 21.3 21.3 21.3h39.4c11.7 0 21.3-9.5 21.3-21.3V29.9C91 18.2 81.5 8.7 69.7 8.7zm7.1 69.6H61.4c-.1 0-.2 0-.2-.1L46.8 57.3h-.1C40.9 64 35.2 70.6 29.6 77.1c-.3.4-.7.7-1 1-.1.1-.2.1-.3.1h-4.2c-.1 0-.2 0-.1-.1l20.5-23.8c.1-.1.1-.2 0-.3L24.1 24.3v-.1h15.5c.1 0 .1 0 .2.1L53.4 44h.1l16.9-19.7c.1-.1.2-.1.3-.1h4.2c.2 0 .2.1.1.2L55.6 46.9c-.1.1-.1.2 0 .3l21.3 31s0 .1-.1.1z" }), (0, jsx_runtime_1.jsx)("path", { d: "M37.8 27.8h-6.7c-.1 0-.1.1-.1.2l32.2 46.7H69.9c.1 0 .1-.1.1-.2L37.8 27.8z" })] }));
+exports.default = TwitterIcon;
+//# sourceMappingURL=TwitterIcon.js.map

package/dist/icons/TwitterIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwitterIcon.js","sourceRoot":"","sources":["../../src/icons/TwitterIcon.tsx"],"names":[],"mappings":";;;AACA,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC5D,iCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,aAAa,KAAK,KAAK,aAClH,iCAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,oaAAoa,GAAG,EACnc,iCAAM,CAAC,EAAC,2EAA2E,GAAG,IAClF,CACP,CAAA;AACD,kBAAe,WAAW,CAAA"}

package/dist/icons/WhatsappIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const WhatsappIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default WhatsappIcon;

package/dist/icons/WhatsappIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WhatsappIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 800, height: 800, fill: "currentColor", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M6.014 8.006c.114-.904 1.289-2.132 2.22-1.996V6.01c.907.172 1.625 1.734 2.03 2.436.286.509.1 1.025-.167 1.243-.361.29-.926.692-.808 1.095C9.5 11.5 12 14 13.23 14.711c.466.269.804-.44 1.092-.804.21-.28.726-.447 1.234-.171.759.442 1.474.956 2.135 1.534.33.276.408.684.179 1.115-.403.76-1.569 1.76-2.415 1.557C13.976 17.587 8 15.27 6.08 8.558c-.108-.318-.08-.438-.066-.552Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 23c-1.224 0-1.9-.131-3-.5l-2.106 1.053A2 2 0 0 1 4 21.763V19.5c-2.153-2.008-3-4.323-3-7.5C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11Zm-6-4.37-.636-.593C3.691 16.477 3 14.733 3 12a9 9 0 1 1 9 9c-.986 0-1.448-.089-2.364-.396l-.788-.264L6 21.764V18.63Z", clipRule: "evenodd" })] }));
+exports.default = WhatsappIcon;
+//# sourceMappingURL=WhatsappIcon.js.map

package/dist/icons/WhatsappIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WhatsappIcon.js","sourceRoot":"","sources":["../../src/icons/WhatsappIcon.tsx"],"names":[],"mappings":";;;AACA,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC7D,iCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,KACf,KAAK,aAET,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,oXAAoX,GACtX,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uQAAuQ,EACzQ,QAAQ,EAAC,SAAS,GAClB,IACE,CACP,CAAA;AACD,kBAAe,YAAY,CAAA"}

package/dist/locales/de.json

@@ -383,6 +383,7 @@
         "co2": "CO2",
         "water": "Wasser",
         "usageBadgesHint": "Klicke auf einen dieser Buttons, um mehr Informationen zu sehen",
+        "totalChatConsumptionTitle": "Gesamter Chat-Verbrauch",
         "impactComparisonUnavailable": "Indikativer Vergleich nicht verfuegbar.",
         "impactComparisonEnergy": "Indikativer Vergleich: in etwa wie eine 10-W-LED-Lampe fuer {{duration}} eingeschaltet lassen.",
         "impactComparisonCo2": "Indikativer Vergleich: etwa {{distance}} mit einem durchschnittlichen Benzinauto gefahren.",

package/dist/locales/en.json

@@ -454,6 +454,7 @@
         "co2": "CO2",
         "water": "Water",
         "usageBadgesHint": "Click one of these buttons to show more information",
+        "totalChatConsumptionTitle": "Total Chat Consumption",
         "impactComparisonUnavailable": "Indicative comparison unavailable.",
         "impactComparisonEnergy": "Indicative comparison: roughly like keeping a 10 W LED bulb on for {{duration}}.",
         "impactComparisonCo2": "Indicative comparison: about {{distance}} traveled by an average gasoline car.",

package/dist/locales/es.json

@@ -410,6 +410,7 @@
         "co2": "CO2",
         "water": "Agua",
         "usageBadgesHint": "Haz clic en uno de estos botones para ver más información",
+        "totalChatConsumptionTitle": "Consumo Total del Chat",
         "impactComparisonUnavailable": "Comparacion indicativa no disponible.",
         "impactComparisonEnergy": "Comparacion indicativa: aproximadamente como mantener encendida una bombilla LED de 10 W durante {{duration}}.",
         "impactComparisonCo2": "Comparacion indicativa: aproximadamente {{distance}} recorridos en un coche de gasolina promedio.",

package/dist/locales/fr.json

@@ -418,6 +418,7 @@
         "co2": "CO2",
         "water": "Eau",
         "usageBadgesHint": "Cliquez sur un de ces boutons pour afficher plus d'informations",
+        "totalChatConsumptionTitle": "Consommation Totale du Chat",
         "impactComparisonUnavailable": "Comparaison indicative non disponible.",
         "impactComparisonEnergy": "Comparaison indicative : environ comme laisser allumee une ampoule LED de 10 W pendant {{duration}}.",
         "impactComparisonCo2": "Comparaison indicative : environ {{distance}} parcourus en voiture essence moyenne.",

package/dist/locales/it.json

@@ -450,6 +450,7 @@
         "co2": "CO2",
         "water": "Acqua",
         "usageBadgesHint": "Clicca uno di questi pulsanti per mostrare maggiori informazioni",
+        "totalChatConsumptionTitle": "Consumo Totale Chat",
         "impactComparisonUnavailable": "Confronto indicativo non disponibile.",
         "impactComparisonEnergy": "Confronto indicativo: circa quanto tenere accesa una lampadina LED da 10 W per {{duration}}.",
         "impactComparisonCo2": "Confronto indicativo: circa {{distance}} percorsi in auto a benzina media.",

package/dist/testUtils.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { RenderOptions, RenderResult } from '@testing-library/react';
+declare function render(ui: React.ReactElement, options?: Omit<RenderOptions, 'wrapper'>): RenderResult;
+export * from '@testing-library/react';
+export { render };

package/dist/testUtils.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = render;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const ui_1 = require("@memori.ai/ui");
+function AlertProviderWrapper({ children }) {
+    return ((0, jsx_runtime_1.jsxs)(ui_1.AlertProvider, { children: [children, (0, jsx_runtime_1.jsx)(ui_1.AlertViewport, {})] }));
+}
+function render(ui, options) {
+    return (0, react_1.render)(ui, {
+        wrapper: AlertProviderWrapper,
+        ...options,
+    });
+}
+tslib_1.__exportStar(require("@testing-library/react"), exports);
+//# sourceMappingURL=testUtils.js.map

package/dist/testUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testUtils.js","sourceRoot":"","sources":["../src/testUtils.tsx"],"names":[],"mappings":";;AAyCS,wBAAM;;;AAxCf,kDAIgC;AAChC,sCAA6D;AAM7D,SAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAiC;IACvE,OAAO,CACL,wBAAC,kBAAa,eACX,QAAQ,EACT,uBAAC,kBAAa,KAAG,IACH,CACjB,CAAC;AACJ,CAAC;AAUD,SAAS,MAAM,CACb,EAAsB,EACtB,OAAwC;IAExC,OAAO,IAAA,cAAS,EAAC,EAAE,EAAE;QACnB,OAAO,EAAE,oBAAoB;QAC7B,GAAG,OAAO;KACX,CAAC,CAAC;AACL,CAAC;AAGD,iEAAuC"}

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const version = "8.30.1";
+export declare const version = "8.32.0";

package/dist/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = void 0;
-exports.version = '8.30.1';
+exports.version = '8.32.0';
 //# sourceMappingURL=version.js.map

package/esm/components/DrawerFooter/DrawerFooter.css

@@ -0,0 +1,62 @@
+.memori-drawer-footer {
+  flex-shrink: 0;
+  padding: var(--memori-spacing-md);
+  border-top: 1px solid var(--memori-border-color, #e5e7eb);
+  box-shadow: 0 -8px 24px -8px rgba(0, 0, 0, 0.06), 0 -2px 8px -2px rgba(0, 0, 0, 0.03);
+}
+
+.memori-drawer-footer__inner {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--memori-spacing-lg);
+}
+
+.memori-drawer-footer__start {
+  display: flex;
+  align-items: center;
+  gap: var(--memori-spacing-md);
+}
+
+.memori-drawer-footer__end {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-left: auto;
+  gap: var(--memori-spacing-md);
+}
+
+.memori-drawer-footer__end .memori-button {
+  min-height: 44px;
+  padding: 10px var(--memori-spacing-lg);
+  border-radius: 10px;
+  font-weight: 500;
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+
+.memori-drawer-footer__end .memori-button:hover:not([disabled]) {
+  transform: translateY(-1px);
+}
+
+.memori-drawer-footer__inner--centered {
+  justify-content: center;
+}
+
+@media (max-width: 768px) {
+  .memori-drawer-footer {
+    padding: var(--memori-spacing-md) var(--memori-spacing-lg);
+  }
+
+  .memori-drawer-footer__inner {
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--memori-spacing-md);
+  }
+
+  .memori-drawer-footer__end {
+    justify-content: flex-end;
+    margin-left: 0;
+  }
+}

package/esm/components/DrawerFooter/DrawerFooter.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface DrawerFooterProps {
+    children?: React.ReactNode;
+    start?: React.ReactNode;
+    end?: React.ReactNode;
+    center?: React.ReactNode;
+    closeLabel?: string;
+    onClose?: () => void;
+    className?: string;
+}
+declare const DrawerFooter: React.FC<DrawerFooterProps>;
+export default DrawerFooter;

package/esm/components/DrawerFooter/DrawerFooter.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@memori.ai/ui';
+const DrawerFooter = ({ children, start, end, center, closeLabel, onClose, className = '', }) => {
+    const hasSlots = start != null || end != null || center != null || closeLabel != null;
+    return (_jsx("footer", { className: `memori-drawer-footer ${className}`.trim(), role: "contentinfo", children: center != null ? (_jsx("div", { className: "memori-drawer-footer__inner memori-drawer-footer__inner--centered", children: center })) : children != null && !hasSlots ? (_jsx("div", { className: "memori-drawer-footer__inner memori-drawer-footer__inner--centered", children: children })) : (_jsxs("div", { className: "memori-drawer-footer__inner", children: [start != null && (_jsx("div", { className: "memori-drawer-footer__start", children: start })), _jsxs("div", { className: "memori-drawer-footer__end", children: [end, closeLabel != null && onClose != null && (_jsx(Button, { variant: "primary", onClick: onClose, children: closeLabel }))] })] })) }));
+};
+export default DrawerFooter;
+//# sourceMappingURL=DrawerFooter.js.map

package/esm/components/DrawerFooter/DrawerFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.js","sourceRoot":"","sources":["../../../src/components/DrawerFooter/DrawerFooter.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAgBvC,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,KAAK,EACL,GAAG,EACH,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,UAAU,IAAI,IAAI,CAAC;IAEtF,OAAO,CACL,iBACE,SAAS,EAAE,wBAAwB,SAAS,EAAE,CAAC,IAAI,EAAE,EACrD,IAAI,EAAC,aAAa,YAEjB,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAChB,cAAK,SAAS,EAAC,mEAAmE,YAC/E,MAAM,GACH,CACP,CAAC,CAAC,CAAC,QAAQ,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClC,cAAK,SAAS,EAAC,mEAAmE,YAC/E,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,6BAA6B,aACzC,KAAK,IAAI,IAAI,IAAI,CAChB,cAAK,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAO,CAC3D,EACD,eAAK,SAAS,EAAC,2BAA2B,aACvC,GAAG,EACH,UAAU,IAAI,IAAI,IAAI,OAAO,IAAI,IAAI,IAAI,CACxC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,YACvC,UAAU,GACJ,CACV,IACG,IACF,CACP,GACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/components/Header/Header.css

@@ -97,10 +97,18 @@
     }
 }
 
+.memori-header--button--sustainability-icon {
+    width: 1em;
+    color: currentColor;
+}
 .memori-header .memori-header--button--position {
     margin-right: 0;
 }
 
+.memori-header--button--sustainability{
+    max-height: 37px;
+}
+
 
 .memori-dropdown--avatar-input{
     position: absolute;
@@ -124,3 +132,48 @@
 .memori-dropdown--avatar-initial:hover + .memori-dropdown--avatar-input,.memori-dropdown--avatar:hover + .memori-dropdown--avatar-input{
     display: block;
 }
+
+.memori-dropdown--sustainability {
+    min-width: 260px;
+    padding: 0.625rem 0.75rem;
+    border-radius: 8px;
+    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 249, 252, 0.96) 100%);
+}
+
+.memori-dropdown--sustainability-title {
+    margin: 0 0 0.5rem 0;
+    font-size: 0.95rem;
+    font-weight: 700;
+    line-height: 1.2;
+    text-align: center;
+}
+
+.memori-dropdown--sustainability-metrics {
+    display: flex;
+    flex-direction: column;
+    gap: 0.35rem;
+}
+
+.memori-dropdown--sustainability-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.4rem 0.5rem;
+    border-radius: 6px;
+    background: rgba(255, 255, 255, 0.8);
+    gap: 1rem;
+}
+
+.memori-dropdown--sustainability-label {
+    display: inline-flex;
+    align-items: center;
+    font-size: 0.82rem;
+    font-weight: 500;
+    gap: 0.35rem;
+    opacity: 0.9;
+}
+
+.memori-dropdown--sustainability-value {
+    font-size: 0.85rem;
+    white-space: nowrap;
+}

package/esm/components/Header/Header.d.ts

@@ -34,6 +34,7 @@ export interface Props {
     apiClient: ReturnType<typeof memoriApiClient>;
     layout?: WidgetProps['layout'];
     additionalSettings?: WidgetProps['additionalSettings'];
+    showMessageConsumption?: boolean;
 }
 declare const Header: React.FC<Props>;
 export default Header;

package/esm/components/Header/Header.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import cx from 'classnames';
 import Button from '../ui/Button';
 import Dropdown from '../ui/Dropdown';
@@ -17,15 +17,86 @@ import DeepThought from '../icons/DeepThought';
 import Group from '../icons/Group';
 import UserIcon from '../icons/User';
 import MessageIcon from '../icons/Message';
+import GasStation from '../icons/GasStation';
 import Logout from '../icons/Logout';
 import { getErrori18nKey } from '../../helpers/error';
 import toast from 'react-hot-toast';
+import { BADGE_EMOJI } from '../../helpers/llmUsage';
 const imgMimeTypes = ['image/jpeg', 'image/png', 'image/jpg', 'image/gif'];
-const Header = ({ className, memori, tenant, history, position, setShowPositionDrawer, setShowSettingsDrawer, setShowChatHistoryDrawer, setShowKnownFactsDrawer, setShowExpertsDrawer, enableAudio = true, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, showReload = false, showClear = false, showLogin = true, setShowLoginDrawer, clearHistory, loginToken, user, sessionID, showChatHistory = true, fullScreenHandler, baseUrl, onLogout, apiClient, layout, additionalSettings, }) => {
-    const { t } = useTranslation();
+const Header = ({ className, memori, tenant, history, position, setShowPositionDrawer, setShowSettingsDrawer, setShowChatHistoryDrawer, setShowKnownFactsDrawer, setShowExpertsDrawer, enableAudio = true, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, showReload = false, showClear = false, showLogin = true, setShowLoginDrawer, clearHistory, loginToken, user, sessionID, showChatHistory = true, fullScreenHandler, baseUrl, onLogout, apiClient, layout, additionalSettings, showMessageConsumption = false, }) => {
+    const { t, i18n } = useTranslation();
     const { uploadAsset, pwlUpdateUser } = apiClient.backend;
     const [fullScreenAvailable, setFullScreenAvailable] = useState(false);
     const [fullScreen, setFullScreen] = useState(false);
+    const getMetricValue = (metric) => {
+        if (typeof metric === 'number' && Number.isFinite(metric))
+            return metric;
+        if (!metric || typeof metric !== 'object')
+            return undefined;
+        if (typeof metric.parsedValue === 'number' &&
+            Number.isFinite(metric.parsedValue)) {
+            return metric.parsedValue;
+        }
+        if (typeof metric.source === 'string') {
+            const parsed = Number(metric.source);
+            if (Number.isFinite(parsed))
+                return parsed;
+        }
+        return undefined;
+    };
+    const formatMetricValue = (value, locale) => new Intl.NumberFormat(locale, {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: Math.abs(value) >= 1 ? 3 : 4,
+    }).format(value);
+    const formatImpactInReadableUnit = (value, metricType, locale) => {
+        const absValue = Math.abs(value);
+        if (metricType === 'energy') {
+            if (absValue >= 1)
+                return `${formatMetricValue(value, locale)} kWh`;
+            const wh = value * 1000;
+            if (Math.abs(wh) >= 1)
+                return `${formatMetricValue(wh, locale)} Wh`;
+            return `${formatMetricValue(wh * 1000, locale)} mWh`;
+        }
+        if (metricType === 'co2') {
+            if (absValue >= 1)
+                return `${formatMetricValue(value, locale)} kg`;
+            const g = value * 1000;
+            if (Math.abs(g) >= 1)
+                return `${formatMetricValue(g, locale)} g`;
+            return `${formatMetricValue(g * 1000, locale)} mg`;
+        }
+        if (absValue >= 1)
+            return `${formatMetricValue(value, locale)} L`;
+        const ml = value * 1000;
+        if (Math.abs(ml) >= 1)
+            return `${formatMetricValue(ml, locale)} mL`;
+        return `${formatMetricValue(ml * 1000, locale)} μL`;
+    };
+    const currentLocale = i18n.language || navigator.language || 'en';
+    const chatLog = useMemo(() => ({ lines: history }), [history]);
+    const sustainabilityTotals = useMemo(() => {
+        var _a;
+        const totals = { energy: 0, gwp: 0, wcf: 0 };
+        ((_a = chatLog === null || chatLog === void 0 ? void 0 : chatLog.lines) !== null && _a !== void 0 ? _a : []).forEach(line => {
+            var _a, _b, _c, _d;
+            const energyImpact = (_a = line.llmUsage) === null || _a === void 0 ? void 0 : _a.energyImpact;
+            if (!energyImpact)
+                return;
+            totals.energy += (_b = getMetricValue(energyImpact.energy)) !== null && _b !== void 0 ? _b : 0;
+            totals.gwp += (_c = getMetricValue(energyImpact.gwp)) !== null && _c !== void 0 ? _c : 0;
+            totals.wcf += (_d = getMetricValue(energyImpact.wcf)) !== null && _d !== void 0 ? _d : 0;
+        });
+        return totals;
+    }, [chatLog]);
+    const hasSustainabilityData = useMemo(() => {
+        var _a;
+        return ((_a = chatLog === null || chatLog === void 0 ? void 0 : chatLog.lines) !== null && _a !== void 0 ? _a : []).some(line => {
+            var _a;
+            return !!((_a = line
+                .llmUsage) === null || _a === void 0 ? void 0 : _a.energyImpact);
+        });
+    }, [chatLog]);
     useEffect(() => {
         if (document.fullscreenEnabled) {
             setFullScreenAvailable(true);
@@ -76,7 +147,7 @@ const Header = ({ className, memori, tenant, history, position, setShowPositionD
     };
     return (_jsxs("div", { className: cx('memori-header', hasSpacedButtons && 'memori-header--spaced', className), children: [memori.needsPosition && position && (_jsxs("div", { className: "memori-header--position", children: [position.latitude !== 0 && position.longitude !== 0 && (_jsx("span", { className: "memori-header--position-placeName", children: position.placeName })), _jsx(Button, { primary: true, shape: "circle", className: cx('memori-header--button', 'memori-header--button--position', hasSpacedButtons && 'memori-header--button-spaced'), title: t('widget.position') || 'Position', icon: _jsx(MapMarker, {}), onClick: () => setShowPositionDrawer(true) })] })), showReload && (_jsx(Button, { primary: true, shape: "circle", className: cx('memori-header--button', 'memori-header--button--reload', hasSpacedButtons && 'memori-header--button-spaced'), title: t('reload') || 'Reload', icon: _jsx(Refresh, {}), onClick: () => {
                     window.location.reload();
-                } })), showClear && (_jsx(Button, { primary: true, shape: "circle", className: cx('memori-header--button', 'memori-header--button--clear', hasSpacedButtons && 'memori-header--button-spaced'), title: t('clearHistory') || 'Clear chat', icon: _jsx(Clear, {}), onClick: clearHistory })), showChatHistory && !!loginToken && (_jsx(Button, { primary: true, disabled: !loginToken, shape: "circle", className: cx('memori-header--button', 'memori-header--button--chat-history', hasSpacedButtons && 'memori-header--button-spaced'), title: t('write_and_speak.chatHistory') || 'Chat history', icon: _jsx(MessageIcon, {}), onClick: () => setShowChatHistoryDrawer(true) })), fullScreenAvailable && (_jsx(Button, { primary: true, shape: "circle", className: cx('memori-header--button', 'memori-header--button--fullscreen', hasSpacedButtons && 'memori-header--button-spaced'), title: fullScreen
+                } })), showClear && (_jsx(Button, { primary: true, shape: "circle", className: cx('memori-header--button', 'memori-header--button--clear', hasSpacedButtons && 'memori-header--button-spaced'), title: t('clearHistory') || 'Clear chat', icon: _jsx(Clear, {}), onClick: clearHistory })), showChatHistory && !!loginToken && (_jsx(Button, { primary: true, disabled: !loginToken, shape: "circle", className: cx('memori-header--button', 'memori-header--button--chat-history', hasSpacedButtons && 'memori-header--button-spaced'), title: t('write_and_speak.chatHistory') || 'Chat history', icon: _jsx(MessageIcon, {}), onClick: () => setShowChatHistoryDrawer(true) })), showMessageConsumption && hasSustainabilityData && (_jsx(Dropdown, { placement: "bottom-right", trigger: _jsx(Button, { primary: true, shape: "circle", className: cx('memori-header--button', 'memori-header--button--sustainability', hasSpacedButtons && 'memori-header--button-spaced'), title: t('write_and_speak.showMessageConsumptionLabel') || 'LLM consumption', icon: _jsx(GasStation, { className: "memori-header--button--sustainability-icon" }) }), children: _jsxs("div", { className: "memori-dropdown--sustainability", children: [_jsx("h4", { className: "memori-dropdown--sustainability-title", children: t('chatLogs.totalChatConsumptionTitle') || 'Consumo Totale Chat' }), _jsxs("div", { className: "memori-dropdown--sustainability-metrics", children: [_jsxs("div", { className: "memori-dropdown--sustainability-row", children: [_jsxs("span", { className: "memori-dropdown--sustainability-label", children: [_jsx("span", { "aria-hidden": "true", children: BADGE_EMOJI.energy }), ' ', t('chatLogs.energy') || 'Energy'] }), _jsx("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(sustainabilityTotals.energy, 'energy', currentLocale) })] }), _jsxs("div", { className: "memori-dropdown--sustainability-row", children: [_jsxs("span", { className: "memori-dropdown--sustainability-label", children: [_jsx("span", { "aria-hidden": "true", children: BADGE_EMOJI.co2 }), ' ', t('chatLogs.co2') || 'CO2'] }), _jsx("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(sustainabilityTotals.gwp, 'co2', currentLocale) })] }), _jsxs("div", { className: "memori-dropdown--sustainability-row", children: [_jsxs("span", { className: "memori-dropdown--sustainability-label", children: [_jsx("span", { "aria-hidden": "true", children: BADGE_EMOJI.water }), ' ', t('chatLogs.water') || 'Water'] }), _jsx("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(sustainabilityTotals.wcf, 'water', currentLocale) })] })] })] }) })), fullScreenAvailable && (_jsx(Button, { primary: true, shape: "circle", className: cx('memori-header--button', 'memori-header--button--fullscreen', hasSpacedButtons && 'memori-header--button-spaced'), title: fullScreen
                     ? t('fullscreenExit') || 'Exit fullscreen'
                     : t('fullscreenEnter') || 'Enter fullscreen', icon: fullScreen ? _jsx(FullscreenExit, {}) : _jsx(Fullscreen, {}), onClick: fullScreenHandler ||
                     (() => {