@ourlu/assistant-sdk 0.2.4 → 0.2.5

package/dist/iife/ui.v1.js

@@ -169,13 +169,13 @@ function installMascotTheme(ui) {
     return fetch(normalizedMascotUrl, { method: "GET", credentials: "omit" })
       .then(function(response) {
         if (!response.ok) {
-          throw new Error("mascot fetch failed");
+          throw new Error("Impossible de charger la mascotte.");
         }
         return response.text();
       })
       .then(function(rawSvgMarkup) {
         if (!rawSvgMarkup || rawSvgMarkup.indexOf("<svg") === -1) {
-          throw new Error("mascot SVG invalide ou reponse non-SVG pour " + normalizedMascotUrl);
+          throw new Error("Mascotte SVG invalide ou réponse non-SVG pour " + normalizedMascotUrl);
         }
         var themedSvgMarkup = ui.replaceSvgColorTokens(rawSvgMarkup, replacementMap);
         var themedDataUrl = ui.encodeSvgToDataUrl(themedSvgMarkup);
@@ -387,7 +387,6 @@ function installWidgetCssBuilder(ui) {
   WidgetCssBuilder.prototype.build = function() {
     var cfg = this.config;
     var side = cfg.position === "bottom-left" ? "left" : "right";
-    var resizeCorner = cfg.position === "bottom-left" ? "right" : "left";
     var gradient = "linear-gradient(135deg," + cfg.primaryColor + " 0%,#0047b3 100%)";
     var panelBg = ui.hexToRgba(cfg.panelBackgroundColor, cfg.panelBackgroundAlpha);
     var layout = this.resolveLayout();
@@ -406,7 +405,6 @@ function installWidgetCssBuilder(ui) {
       this.buildMessageBubbles(cfg.primaryColor),
       this.buildTypingAndError(),
       this.buildComposer(cfg.primaryColor, br),
-      this.buildResizeHandle(resizeCorner),
       this.buildMobileOverrides()
     ].join("\n");
   };
@@ -455,7 +453,7 @@ function installWidgetCssBuilder(ui) {
     return [
       "#cm-disclaimer,#cm-transparency{font-size:13px;display:flex;align-items:center;gap:8px;padding:8px 14px;flex-shrink:0}",
       "#cm-disclaimer{background:#e8f4fd;color:#1a5276;border-bottom:1px solid #b3d9f2}",
-      "#cm-transparency{color:#555;border-top:1px solid #eee;background:#fff}",
+      "#cm-transparency{color:#555;border-top:1px solid #eee;background:#fff;display:none}",
       ".cm-close-note{background:none;border:none;cursor:pointer;border-radius:6px;padding:4px 8px;min-width:32px;min-height:32px;width:32px;opacity:.6;transition:opacity .15s,background .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:auto}",
       ".cm-close-note:hover{opacity:1;background:rgba(0,0,0,.08)}",
       ".cm-close-note svg{width:16px;height:16px}"
@@ -504,7 +502,7 @@ function installWidgetCssBuilder(ui) {
 
   WidgetCssBuilder.prototype.buildComposer = function(primaryColor, borderRadius) {
     return [
-      "#cm-form{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #eee;background:#fff;border-radius:0 0 " + borderRadius + " " + borderRadius + "}",
+      "#cm-form{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #eee;background:#fff;border-radius:0 0 " + borderRadius + " " + borderRadius + ";flex-shrink:0}",
       "#cm-input{flex:1;border:1.5px solid #d1d5db;border-radius:14px;padding:12px 16px;min-height:48px;max-height:200px;resize:none;outline:none;line-height:1.5;font-size:15px;transition:border-color .2s,box-shadow .2s;overflow-y:auto}",
       "#cm-input:focus{border-color:" + primaryColor + ";box-shadow:0 0 0 3px rgba(0,102,255,.15)}",
       "#cm-input::placeholder{color:#9ca3af}",
@@ -520,35 +518,23 @@ function installWidgetCssBuilder(ui) {
     ].join("\n");
   };
 
-  WidgetCssBuilder.prototype.buildResizeHandle = function(corner) {
-    var posX = corner === "left" ? "left:0" : "right:0";
-    var cursorType = corner === "left" ? "ne-resize" : "nw-resize";
-    return [
-      "#cm-resize-handle{position:absolute;top:0;" + posX + ";width:28px;height:28px;cursor:" + cursorType + ";z-index:10;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}",
-      "#cm-panel:hover #cm-resize-handle{opacity:.5}",
-      "#cm-resize-handle:hover{opacity:1 !important}",
-      "#cm-resize-handle svg{width:14px;height:14px;pointer-events:none}"
-    ].join("\n");
-  };
-
   WidgetCssBuilder.prototype.buildMobileOverrides = function() {
     return [
       "@media (max-width:600px){",
       "#cm-bubble{width:56px;height:56px;bottom:16px;right:16px !important;left:auto !important}",
       "#cm-bubble img{width:72px;height:72px;top:-12px}",
-      "#cm-panel{left:0 !important;right:0 !important;bottom:0 !important;top:0 !important;width:100% !important;max-width:none !important;height:100dvh !important;height:100vh !important;max-height:none !important;border-radius:0 !important}",
-      "#cm-header{border-radius:0 !important;padding:14px 16px 14px 72px;min-height:52px}",
+      "#cm-panel{left:8px !important;right:8px !important;bottom:8px !important;top:8px !important;width:auto !important;max-width:none !important;height:auto !important;max-height:none !important}",
+      "#cm-header{padding:10px 12px 10px 76px}",
       "#cm-header-mascot{width:68px;height:68px;left:-4px;top:-6px}",
       "#cm-title{font-size:16px}",
       ".cm-header-btn-maximize{display:none !important}",
       "#cm-messages{flex:1;padding:12px 16px;gap:12px;overflow-y:auto}",
       ".cm-msg{max-width:92%;padding:12px 14px;font-size:15px;border-radius:16px}",
-      "#cm-form{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));border-radius:0 !important;gap:8px}",
+      "#cm-form{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:8px}",
       "#cm-input{min-height:44px;font-size:16px;border-radius:14px;padding:10px 14px}",
       "#cm-send,#cm-mic{width:44px;height:44px}",
       "#cm-typing{padding:6px 16px;font-size:13px}",
       "#cm-disclaimer,#cm-transparency{font-size:12px;padding:8px 12px}",
-      "#cm-resize-handle{display:none !important}",
       "#cm-welcome{font-size:15px;padding:24px 16px}",
       "}"
     ].join("\n");
@@ -575,7 +561,6 @@ function installWidgetUIManager(ui) {
     this.streamingAssistantElement = null;
     this.streamingAssistantBuffer = "";
     this.themeOverrideStyle = null;
-    this._resizeDragState = null;
   }
 
   WidgetUIManager.prototype.mount = function() {
@@ -584,10 +569,6 @@ function installWidgetUIManager(ui) {
     var css = cssBuilder.build();
     var esc = ui.escapeHtml;
     var escAttr = ui.escapeHtmlAttribute;
-    var resizeCorner = this.config.position === "bottom-left" ? "right" : "left";
-    var resizeSvg = resizeCorner === "left"
-      ? '<svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="2" y1="12" x2="12" y2="2"/><line x1="2" y1="7" x2="7" y2="2"/></svg>'
-      : '<svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="12" y1="12" x2="2" y2="2"/><line x1="12" y1="7" x2="7" y2="2"/></svg>';
 
     var host = document.createElement("div");
     host.id = ui.CONTAINER_ID;
@@ -600,8 +581,7 @@ function installWidgetUIManager(ui) {
       '<img id="cm-bubble-mascot" src="' + escAttr(this.config.mascotUrl) + '" alt="Mascotte assistant" />',
       "</button>",
       '<div id="cm-panel" role="dialog" aria-modal="true" aria-label="Chat ' + escAttr(this.config.assistantName) + '">',
-      '<div id="cm-resize-handle" aria-hidden="true">' + resizeSvg + '</div>',
-      '<div id="cm-header"><img id="cm-header-mascot" src="' + escAttr(this.config.mascotUrl) + '" alt="" /><h3 id="cm-title">' + esc(this.config.assistantName) + '</h3><div id="cm-header-actions"><button class="cm-header-btn cm-header-btn-maximize" id="cm-maximize" type="button" aria-label="Agrandir"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"/><path d="M9 21H3v-6"/><path d="M21 3l-7 7"/><path d="M3 21l7-7"/></svg></button><button class="cm-header-btn" id="cm-trash" type="button" aria-label="R\u00e9initialiser"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg></button><button class="cm-header-btn" id="cm-close" type="button" aria-label="Fermer l\'assistant"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button></div></div>',
+      '<div id="cm-header"><img id="cm-header-mascot" src="' + escAttr(this.config.mascotUrl) + '" alt="" /><h3 id="cm-title">' + esc(this.config.assistantName) + '</h3><div id="cm-header-actions"><button class="cm-header-btn cm-header-btn-maximize" id="cm-maximize" type="button" aria-label="Agrandir"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"/><path d="M9 21H3v-6"/><path d="M21 3l-7 7"/><path d="M3 21l7-7"/></svg></button><button class="cm-header-btn" id="cm-close" type="button" aria-label="Fermer l\'assistant"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button></div></div>',
       this.config.disclaimer ? '<div id="cm-disclaimer"><span>' + esc(this.config.disclaimerText) + '</span><button class="cm-close-note" id="cm-disclaimer-close" type="button" aria-label="Fermer l\'avertissement"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button></div>' : "",
       '<div id="cm-messages" aria-live="polite" aria-relevant="additions"><p id="cm-welcome">' + esc(this.config.welcomeMessage) + "</p></div>",
       '<div id="cm-typing">L\'assistant r\u00e9fl\u00e9chit\u2026</div>',
@@ -629,7 +609,6 @@ function installWidgetUIManager(ui) {
     root.appendChild(this.themeOverrideStyle);
     this.bindMascotImageErrorHandlers();
     this.bindAutoGrowInput();
-    this.bindResizeHandle();
     this.applyThemeOverrides();
     this.applyMascotTheme();
     return true;
@@ -649,47 +628,6 @@ function installWidgetUIManager(ui) {
     inputEl.style.overflowY = "hidden";
   };
 
-  WidgetUIManager.prototype.bindResizeHandle = function() {
-    var handle = this.root ? this.root.querySelector("#cm-resize-handle") : null;
-    var panel = this.panel;
-    if (!handle || !panel) return;
-    var self = this;
-    var isLeftCorner = this.config.position !== "bottom-left";
-
-    handle.addEventListener("mousedown", function(startEvt) {
-      startEvt.preventDefault();
-      startEvt.stopPropagation();
-      var rect = panel.getBoundingClientRect();
-      self._resizeDragState = {
-        startX: startEvt.clientX,
-        startY: startEvt.clientY,
-        startW: rect.width,
-        startH: rect.height
-      };
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
-    });
-
-    function onMouseMove(evt) {
-      var st = self._resizeDragState;
-      if (!st) return;
-      var dx = evt.clientX - st.startX;
-      var dy = evt.clientY - st.startY;
-      var newW = isLeftCorner ? st.startW - dx : st.startW + dx;
-      var newH = st.startH - dy;
-      newW = Math.max(360, Math.min(960, newW));
-      newH = Math.max(480, Math.min(window.innerHeight - 40, newH));
-      panel.style.width = newW + "px";
-      panel.style.height = newH + "px";
-    }
-
-    function onMouseUp() {
-      self._resizeDragState = null;
-      document.removeEventListener("mousemove", onMouseMove);
-      document.removeEventListener("mouseup", onMouseUp);
-    }
-  };
-
   WidgetUIManager.prototype.bindMascotImageErrorHandlers = function() {
     var self = this;
     [this.bubbleMascot, this.headerMascot].forEach(function(mascotNode) {
@@ -729,8 +667,6 @@ function installWidgetUIManager(ui) {
     var maximizeBtn = this.root.querySelector("#cm-maximize");
     var panelRef = this.panel;
     if (maximizeBtn && panelRef) maximizeBtn.addEventListener("click", function() { panelRef.classList.toggle("maximized"); });
-    var trashBtn = this.root.querySelector("#cm-trash");
-    if (trashBtn && callbacks.onReset) trashBtn.addEventListener("click", callbacks.onReset);
   };
 
   WidgetUIManager.prototype.setMascotSource = function(sourceUrl) {
@@ -833,18 +769,24 @@ function installWidgetUIManager(ui) {
   WidgetUIManager.prototype.setOpen = function(opened) {
     this.panel.classList.toggle("open", opened);
     this.bubble.style.display = opened ? "none" : "flex";
-    if (opened) this.input.focus();
+    if (opened && !("ontouchstart" in window)) this.input.focus();
   };
 
   WidgetUIManager.prototype.pullInput = function() {
     var value = this.input.value.trim();
     this.input.value = "";
-    this.input.style.height = "auto";
+    this.input.dispatchEvent(new Event("input", { bubbles: true }));
     return value;
   };
 
-  WidgetUIManager.prototype.setInput = function(value) { this.input.value = String(value || ""); };
+  WidgetUIManager.prototype.setInput = function(value) {
+    this.input.value = String(value || "");
+    this.input.dispatchEvent(new Event("input", { bubbles: true }));
+  };
   WidgetUIManager.prototype.inputValue = function() { return this.input.value; };
+  WidgetUIManager.prototype.setInputPlaceholder = function(text) {
+    this.input.placeholder = text || "Posez votre question\u2026";
+  };
   WidgetUIManager.prototype.showTyping = function(visible) { this.typing.classList.toggle("visible", Boolean(visible)); };
 
   WidgetUIManager.prototype.setComposerDisabled = function(disabled) {
@@ -924,11 +866,36 @@ function installWidgetUIManager(ui) {
 
   WidgetUIManager.prototype.setMicListening = function(isListening) {
     this.micButton.classList.toggle("listening", isListening);
-    this.micButton.textContent = isListening ? "\u23f9" : "\ud83c\udfa4";
-    this.micButton.setAttribute("aria-label", isListening ? "Arrêter la dictée vocale" : "Dicter un message");
+    this.micButton.innerHTML = isListening
+      ? '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><rect x="6" y="6" width="12" height="12" rx="2"/></svg>'
+      : '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg>';
+    this.micButton.setAttribute("aria-label", isListening ? "Arr\u00eater la dict\u00e9e vocale" : "Dicter un message");
     this.input.placeholder = isListening ? "Transcription en cours\u2026" : "Posez votre question\u2026";
   };
 
+  WidgetUIManager.prototype.getHeader = function() {
+    return this.root ? this.root.querySelector("#cm-header") : null;
+  };
+
+  WidgetUIManager.prototype.getPanel = function() {
+    return this.panel;
+  };
+
+  WidgetUIManager.prototype.getRoot = function() {
+    return this.root;
+  };
+
+  WidgetUIManager.prototype.injectSignalementButton = function(messageNode, onOpen) {
+    if (!messageNode) return null;
+    var btn = document.createElement("button");
+    btn.className = "cm-sig-open-btn";
+    btn.type = "button";
+    btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 9v4"/><path d="M12 17h.01"/><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/></svg>Mon signalement';
+    btn.addEventListener("click", function() { if (typeof onOpen === "function") onOpen(); });
+    messageNode.appendChild(btn);
+    return btn;
+  };
+
   ui.WidgetUIManager = WidgetUIManager;
 }
 

package/dist/iife/widget-manifest.json

@@ -1,5 +1,6 @@
 {
-  "ui.v1.js": "ui.v1.c58e1d58.js",
-  "audio.v1.js": "audio.v1.95146620.js",
-  "engine.v1.js": "engine.v1.d1052e81.js"
+  "ui.v1.js": "ui.v1.e007c7c4.js",
+  "audio.v1.js": "audio.v1.20858b08.js",
+  "signalement.v1.js": "signalement.v1.d321dfde.js",
+  "engine.v1.js": "engine.v1.c127656e.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ourlu/assistant-sdk",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "SDK JavaScript pour l'assistant conversationnel Ourlu — widget intégrable pour les mairies.",
   "type": "module",
   "private": false,
@@ -10,6 +10,7 @@
     "./loader.v1.js": "./dist/iife/loader.v1.js",
     "./ui.v1.js": "./dist/iife/ui.v1.js",
     "./audio.v1.js": "./dist/iife/audio.v1.js",
+    "./signalement.v1.js": "./dist/iife/signalement.v1.js",
     "./engine.v1.js": "./dist/iife/engine.v1.js"
   },
   "files": [