@ourlu/assistant-sdk 0.2.5 → 0.2.6

package/dist/iife/plu.v1.js

@@ -0,0 +1,458 @@
+(function() {
+"use strict";
+var runtime = window.__OurluWidgetRuntimeV1 || (window.__OurluWidgetRuntimeV1 = {});
+
+var BAN_API_URL = "https://api-adresse.data.gouv.fr/search/";
+var BAN_DEBOUNCE_MS = 300;
+var BAN_MAX_RESULTS = 5;
+
+function PluCssBuilder() {}
+
+PluCssBuilder.prototype.build = function() {
+  return [
+    this.buildContent(), this.buildAddressInput(), this.buildSuggestions(),
+    this.buildSearchButton(), this.buildLoading(), this.buildResult(),
+    this.buildError(), this.buildPluButton(), this.buildMobileOverrides()
+  ].join("\n");
+};
+
+PluCssBuilder.prototype.buildContent = function() {
+  return [
+    ".cm-tab[data-tab='plu'].hidden{display:none}",
+    "#cm-plu-content{display:none;flex-direction:column;flex:1;overflow:hidden}",
+    "#cm-plu-content.active{display:flex}",
+    ".cm-plu-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 16px;display:flex;flex-direction:column;gap:16px;min-width:0;width:100%}",
+    ".cm-plu-scroll::-webkit-scrollbar{width:6px}",
+    ".cm-plu-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}",
+    ".cm-plu-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1e293b;margin:0}",
+    ".cm-plu-title svg{width:20px;height:20px;flex-shrink:0}",
+    ".cm-plu-desc{font-size:14px;color:#64748b;line-height:1.5;margin:0}"
+  ].join("\n");
+};
+
+PluCssBuilder.prototype.buildAddressInput = function() {
+  return [
+    ".cm-plu-input-wrap{position:relative}",
+    ".cm-plu-input{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff;color:#1e293b;box-sizing:border-box}",
+    ".cm-plu-input:focus{border-color:#0066ff;box-shadow:0 0 0 3px rgba(0,102,255,.15)}",
+    ".cm-plu-input::placeholder{color:#9ca3af}"
+  ].join("\n");
+};
+
+PluCssBuilder.prototype.buildSuggestions = function() {
+  return [
+    ".cm-plu-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:10;overflow:hidden;display:none}",
+    ".cm-plu-suggestions.visible{display:block}",
+    ".cm-plu-suggestion{padding:10px 14px;font-size:14px;color:#334155;cursor:pointer;transition:background .1s;border-bottom:1px solid #f1f5f9;font-family:inherit}",
+    ".cm-plu-suggestion:last-child{border-bottom:none}",
+    ".cm-plu-suggestion:hover,.cm-plu-suggestion.highlighted{background:#eff6ff;color:#1d4ed8}"
+  ].join("\n");
+};
+
+PluCssBuilder.prototype.buildSearchButton = function() {
+  return [
+    ".cm-plu-search-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;border-radius:12px;border:none;background:#0066ff;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}",
+    ".cm-plu-search-btn svg{width:18px;height:18px;flex-shrink:0}",
+    ".cm-plu-search-btn:hover:not(:disabled){background:#0052cc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,102,255,.3)}",
+    ".cm-plu-search-btn:active:not(:disabled){transform:scale(0.97)}",
+    ".cm-plu-search-btn:disabled{opacity:.5;cursor:default}"
+  ].join("\n");
+};
+
+PluCssBuilder.prototype.buildLoading = function() {
+  return [
+    ".cm-plu-loading{display:none;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}",
+    ".cm-plu-loading.visible{display:flex}",
+    ".cm-plu-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#0066ff;border-radius:50%;animation:cm-plu-spin 1s linear infinite}",
+    "@keyframes cm-plu-spin{to{transform:rotate(360deg)}}",
+    ".cm-plu-loading-text{font-size:14px;color:#64748b;font-weight:500}",
+    ".cm-plu-loading-sub{font-size:13px;color:#94a3b8}"
+  ].join("\n");
+};
+
+PluCssBuilder.prototype.buildResult = function() {
+  return [
+    ".cm-plu-result{display:none;flex-direction:column;gap:16px}",
+    ".cm-plu-result.visible{display:flex}",
+    ".cm-plu-result-addr{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#334155;line-height:1.5}",
+    ".cm-plu-result-addr svg{width:18px;height:18px;flex-shrink:0;color:#0066ff;margin-top:2px}",
+    ".cm-plu-zone-card{padding:14px 16px;border-radius:12px;background:#eff6ff;border:1.5px solid #bfdbfe;display:flex;flex-direction:column;gap:4px}",
+    ".cm-plu-zone-code{font-size:18px;font-weight:700;color:#1d4ed8}",
+    ".cm-plu-zone-label{font-size:14px;color:#3b82f6;font-weight:500}",
+    ".cm-plu-zone-doc{font-size:12px;color:#64748b;margin-top:2px}",
+    ".cm-plu-rules-title{font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}",
+    ".cm-plu-rules-list{list-style:disc;padding-left:20px;margin:0;display:flex;flex-direction:column;gap:6px}",
+    ".cm-plu-rules-list li{font-size:14px;color:#334155;line-height:1.5}",
+    ".cm-plu-sources{font-size:12px;color:#94a3b8;margin-top:4px}",
+    ".cm-plu-disclaimer{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;font-size:13px;color:#92400e;line-height:1.5}",
+    ".cm-plu-disclaimer svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}",
+    ".cm-plu-new-search-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 20px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}",
+    ".cm-plu-new-search-btn:hover{border-color:#94a3b8;background:#f8fafc;color:#334155}"
+  ].join("\n");
+};
+
+PluCssBuilder.prototype.buildError = function() {
+  return [
+    ".cm-plu-error{display:none;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;text-align:center}",
+    ".cm-plu-error.visible{display:flex}",
+    ".cm-plu-error-icon{width:40px;height:40px;border-radius:50%;background:#fef2f2;display:flex;align-items:center;justify-content:center}",
+    ".cm-plu-error-icon svg{width:22px;height:22px;color:#dc2626}",
+    ".cm-plu-error-msg{font-size:14px;color:#991b1b;font-weight:500;line-height:1.5}",
+    ".cm-plu-error-code{font-size:12px;color:#94a3b8;font-family:ui-monospace,monospace}",
+    ".cm-plu-retry-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:12px;border:1.5px solid #fecaca;background:#fef2f2;color:#dc2626;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}",
+    ".cm-plu-retry-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}"
+  ].join("\n");
+};
+
+PluCssBuilder.prototype.buildPluButton = function() {
+  return [
+    ".cm-plu-open-btn{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 18px;border-radius:12px;border:1.5px solid #0066ff;background:#eff6ff;color:#0066ff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}",
+    ".cm-plu-open-btn svg{width:18px;height:18px;flex-shrink:0}",
+    ".cm-plu-open-btn:hover{background:#0066ff;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,102,255,.3)}",
+    ".cm-plu-open-btn:active{transform:scale(0.97)}"
+  ].join("\n");
+};
+
+PluCssBuilder.prototype.buildMobileOverrides = function() {
+  return "@media(max-width:600px){.cm-plu-scroll{padding:16px 12px}.cm-plu-zone-card{padding:12px 14px}}";
+};
+
+function BanAutocompleteManager(inputEl, suggestionsEl) {
+  this.inputEl = inputEl;
+  this.suggestionsEl = suggestionsEl;
+  this.debounceTimer = null;
+  this.highlightedIndex = -1;
+  this.results = [];
+  this.selectedAddress = null;
+  this.onSelect = null;
+  this.bindEvents();
+}
+
+BanAutocompleteManager.prototype.bindEvents = function() {
+  var self = this;
+  this.inputEl.addEventListener("input", function() {
+    self.selectedAddress = null;
+    self.scheduleSearch(self.inputEl.value.trim());
+  });
+  this.inputEl.addEventListener("keydown", function(e) {
+    if (!self.results.length) return;
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      self.highlightedIndex = Math.min(self.highlightedIndex + 1, self.results.length - 1);
+      self.renderHighlight();
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      self.highlightedIndex = Math.max(self.highlightedIndex - 1, 0);
+      self.renderHighlight();
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      if (self.highlightedIndex >= 0) self.selectResult(self.results[self.highlightedIndex]);
+    } else if (e.key === "Escape") {
+      self.hideSuggestions();
+    }
+  });
+  document.addEventListener("click", function(e) {
+    if (!self.inputEl.contains(e.target) && !self.suggestionsEl.contains(e.target)) self.hideSuggestions();
+  });
+};
+
+BanAutocompleteManager.prototype.scheduleSearch = function(query) {
+  var self = this;
+  clearTimeout(this.debounceTimer);
+  if (query.length < 3) { this.hideSuggestions(); return; }
+  this.debounceTimer = setTimeout(function() { self.search(query); }, BAN_DEBOUNCE_MS);
+};
+
+BanAutocompleteManager.prototype.search = async function(query) {
+  var url = BAN_API_URL + "?q=" + encodeURIComponent(query) + "&limit=" + BAN_MAX_RESULTS;
+  var response = await fetch(url);
+  if (!response.ok) throw new Error("BAN API erreur HTTP " + response.status);
+  var data = await response.json();
+  this.results = (data.features || []).map(function(f) {
+    var props = f.properties || {};
+    var coords = f.geometry && f.geometry.coordinates ? f.geometry.coordinates : [0, 0];
+    return { label: props.label || "", city: props.city || "", postcode: props.postcode || "", citycode: props.citycode || "", longitude: coords[0], latitude: coords[1] };
+  });
+  this.highlightedIndex = -1;
+  this.renderSuggestions();
+};
+
+BanAutocompleteManager.prototype.renderSuggestions = function() {
+  var self = this;
+  if (!this.results.length) { this.hideSuggestions(); return; }
+  this.suggestionsEl.innerHTML = this.results.map(function(r, idx) {
+    return '<div class="cm-plu-suggestion" data-idx="' + idx + '">' + self.escapeHtml(r.label) + '</div>';
+  }).join("");
+  this.suggestionsEl.classList.add("visible");
+  this.suggestionsEl.querySelectorAll(".cm-plu-suggestion").forEach(function(el) {
+    el.addEventListener("click", function() { self.selectResult(self.results[Number(el.getAttribute("data-idx"))]); });
+  });
+};
+
+BanAutocompleteManager.prototype.renderHighlight = function() {
+  var self = this;
+  this.suggestionsEl.querySelectorAll(".cm-plu-suggestion").forEach(function(el, idx) {
+    el.classList.toggle("highlighted", idx === self.highlightedIndex);
+  });
+};
+
+BanAutocompleteManager.prototype.selectResult = function(result) {
+  if (!result) return;
+  this.selectedAddress = result;
+  this.inputEl.value = result.label;
+  this.hideSuggestions();
+  if (typeof this.onSelect === "function") this.onSelect(result);
+};
+
+BanAutocompleteManager.prototype.hideSuggestions = function() {
+  this.suggestionsEl.classList.remove("visible");
+  this.results = [];
+  this.highlightedIndex = -1;
+};
+
+BanAutocompleteManager.prototype.escapeHtml = function(str) {
+  var div = document.createElement("div");
+  div.textContent = str;
+  return div.innerHTML;
+};
+
+BanAutocompleteManager.prototype.reset = function() {
+  this.inputEl.value = "";
+  this.selectedAddress = null;
+  this.hideSuggestions();
+};
+
+var ICON_HOUSE = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>';
+var ICON_PIN = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>';
+var ICON_SEARCH = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>';
+var ICON_WARN = '<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>';
+var ICON_X = '<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>';
+
+function PluModuleManager(rootEl, events, apiManager, uiManager) {
+  this.root = rootEl;
+  this.events = events;
+  this.api = apiManager;
+  this.ui = uiManager;
+  this.autocomplete = null;
+  this.contentEl = null;
+  this.stateInputEl = null;
+  this.stateLoadingEl = null;
+  this.stateResultEl = null;
+  this.stateErrorEl = null;
+  this.searchBtnEl = null;
+  this.mounted = false;
+}
+
+PluModuleManager.prototype.injectCSS = function() {
+  var styleEl = document.createElement("style");
+  styleEl.id = "cm-plu-css";
+  styleEl.textContent = new PluCssBuilder().build();
+  this.root.appendChild(styleEl);
+};
+
+PluModuleManager.prototype.mount = function() {
+  if (this.mounted) return;
+  this.injectCSS();
+  var tabsBar = this.root.querySelector("#cm-tabs-bar");
+  if (tabsBar) {
+    var pluTab = document.createElement("button");
+    pluTab.className = "cm-tab hidden";
+    pluTab.setAttribute("data-tab", "plu");
+    pluTab.type = "button";
+    pluTab.innerHTML = ICON_HOUSE + 'Urbanisme<button class="cm-tab-close" type="button" aria-label="Fermer l\'onglet urbanisme">' + ICON_X + '</button>';
+    tabsBar.appendChild(pluTab);
+    var self = this;
+    pluTab.addEventListener("click", function() {
+      if (!pluTab.classList.contains("hidden")) self.switchTab("plu");
+    });
+    var closeBtn = pluTab.querySelector(".cm-tab-close");
+    if (closeBtn) closeBtn.addEventListener("click", function(e) { e.stopPropagation(); self.close(); });
+  }
+  var content = document.createElement("div");
+  content.id = "cm-plu-content";
+  content.innerHTML = this.buildHTML();
+  var panel = this.ui.getPanel();
+  var formEl = panel.querySelector("#cm-form");
+  if (formEl) { panel.insertBefore(content, formEl); } else { panel.appendChild(content); }
+  this.contentEl = content;
+  this.stateInputEl = content.querySelector(".cm-plu-state-input");
+  this.stateLoadingEl = content.querySelector(".cm-plu-loading");
+  this.stateResultEl = content.querySelector(".cm-plu-result");
+  this.stateErrorEl = content.querySelector(".cm-plu-error");
+  this.searchBtnEl = content.querySelector(".cm-plu-search-btn");
+  this.autocomplete = new BanAutocompleteManager(content.querySelector(".cm-plu-input"), content.querySelector(".cm-plu-suggestions"));
+  this.bindEvents();
+  this.mounted = true;
+};
+
+PluModuleManager.prototype.buildHTML = function() {
+  return [
+    '<div class="cm-plu-scroll">',
+    '<div class="cm-plu-state-input" style="display:flex;flex-direction:column;gap:16px">',
+    '<h3 class="cm-plu-title">' + ICON_HOUSE + ' Recherche PLU</h3>',
+    '<p class="cm-plu-desc">Saisissez votre adresse pour conna\u00eetre les r\u00e8gles d\'urbanisme applicables \u00e0 votre parcelle.</p>',
+    '<div class="cm-plu-input-wrap"><input class="cm-plu-input" type="text" placeholder="Tapez votre adresse\u2026" autocomplete="off"/><div class="cm-plu-suggestions"></div></div>',
+    '<button class="cm-plu-search-btn" type="button" disabled>' + ICON_SEARCH + ' Rechercher</button>',
+    '</div>',
+    '<div class="cm-plu-loading"><div class="cm-plu-spinner"></div><div class="cm-plu-loading-text">Recherche en cours\u2026</div><div class="cm-plu-loading-sub">Identification de votre parcelle et r\u00e9cup\u00e9ration des r\u00e8gles PLU\u2026</div></div>',
+    '<div class="cm-plu-result"></div>',
+    '<div class="cm-plu-error"></div>',
+    '</div>'
+  ].join("");
+};
+
+PluModuleManager.prototype.bindEvents = function() {
+  var self = this;
+  this.autocomplete.onSelect = function() { self.searchBtnEl.disabled = false; };
+  this.searchBtnEl.addEventListener("click", function() { self.submitQuery(); });
+};
+
+PluModuleManager.prototype.switchTab = function(tabName) {
+  var isPlu = tabName === "plu";
+  var tabsBar = this.root.querySelector("#cm-tabs-bar");
+  if (tabsBar) {
+    tabsBar.querySelectorAll(".cm-tab").forEach(function(t) {
+      t.classList.toggle("active", t.getAttribute("data-tab") === tabName);
+    });
+  }
+  this.root.querySelectorAll("#cm-messages, #cm-typing, #cm-error, #cm-disclaimer, #cm-transparency").forEach(function(el) { el.style.display = isPlu ? "none" : ""; });
+  var sigContent = this.root.querySelector("#cm-signalement-content");
+  if (sigContent) { sigContent.style.display = "none"; sigContent.classList.remove("active"); }
+  var sigFooter = this.root.querySelector(".cm-sig-footer");
+  if (sigFooter) sigFooter.classList.remove("active");
+  var chatForm = this.root.querySelector("#cm-form");
+  if (chatForm) chatForm.style.display = isPlu ? "none" : "";
+  this.contentEl.classList.toggle("active", isPlu);
+  this.contentEl.style.display = isPlu ? "flex" : "none";
+};
+
+PluModuleManager.prototype.open = function() {
+  var tabsBar = this.root.querySelector("#cm-tabs-bar");
+  if (tabsBar) {
+    var pluTab = tabsBar.querySelector('[data-tab="plu"]');
+    if (pluTab) pluTab.classList.remove("hidden");
+    tabsBar.classList.add("visible");
+  }
+  this.switchTab("plu");
+  this.showState("input");
+  this.events.emit("module:plu:open", {});
+};
+
+PluModuleManager.prototype.close = function() {
+  var tabsBar = this.root.querySelector("#cm-tabs-bar");
+  if (tabsBar) {
+    var pluTab = tabsBar.querySelector('[data-tab="plu"]');
+    if (pluTab) pluTab.classList.add("hidden");
+  }
+  this.switchTab("chat");
+  this.events.emit("module:plu:closed", {});
+};
+
+PluModuleManager.prototype.showState = function(state) {
+  this.stateInputEl.style.display = state === "input" ? "flex" : "none";
+  this.stateLoadingEl.classList.toggle("visible", state === "loading");
+  this.stateResultEl.classList.toggle("visible", state === "result");
+  this.stateErrorEl.classList.toggle("visible", state === "error");
+};
+
+PluModuleManager.prototype.submitQuery = async function() {
+  var address = this.autocomplete.selectedAddress;
+  if (!address) return;
+  this.showState("loading");
+  this.events.emit("module:plu:submitted", address);
+  try {
+    await this.api.ensureSession();
+    var url = this.api.resolveRuntimeUrl("/v1/modules/plu/query");
+    var headers = this.api.buildHeaders({ "Content-Type": "application/json" });
+    var body = JSON.stringify({
+      session_id: this.api.state.sessionId || "",
+      address_label: address.label,
+      latitude: address.latitude,
+      longitude: address.longitude,
+      city_insee_code: address.citycode
+    });
+    var response = await fetch(url, { method: "POST", headers: headers, body: body });
+    if (!response.ok) {
+      var errText = await response.text().catch(function() { return ""; });
+      var errObj = {};
+      try { errObj = JSON.parse(errText); } catch (_) {}
+      throw { message: errObj.message || errObj.error || "Erreur HTTP " + response.status, code: errObj.error_code || "PLU_HTTP_" + response.status };
+    }
+    var result = await response.json();
+    this.showResult(address, result);
+    this.events.emit("module:plu:resolved", result);
+  } catch (error) {
+    this.showError(
+      (error && error.message) || "Impossible de résoudre le PLU pour cette adresse.",
+      (error && error.code) || "PLU_UNKNOWN_ERROR"
+    );
+    this.events.emit("module:plu:error", { message: error && error.message, code: error && error.code });
+  }
+};
+
+PluModuleManager.prototype.showResult = function(address, data) {
+  var rulesHtml = "";
+  if (data.rules && data.rules.length) {
+    rulesHtml = '<div class="cm-plu-rules-title">Règles applicables :</div><ul class="cm-plu-rules-list">' +
+      data.rules.map(function(r) { return "<li>" + escapeHtml(typeof r === "string" ? r : (r.label || r.description || "")) + "</li>"; }).join("") + '</ul>';
+  }
+  var sourcesText = "";
+  if (data.sources && data.sources.length) {
+    sourcesText = "Sources : " + data.sources.map(function(s) { return escapeHtml(typeof s === "string" ? s : (s.name || "")); }).join(", ");
+  }
+  this.stateResultEl.innerHTML = [
+    '<h3 class="cm-plu-title">' + ICON_HOUSE + ' Résultat PLU</h3>',
+    '<div class="cm-plu-result-addr">' + ICON_PIN + '<div>' + escapeHtml(address.label) + '</div></div>',
+    '<div class="cm-plu-zone-card"><div class="cm-plu-zone-code">Zone : ' + escapeHtml(data.zone_code || "N/A") + '</div>',
+    '<div class="cm-plu-zone-label">' + escapeHtml(data.zone_label || "") + '</div>',
+    data.document_type ? '<div class="cm-plu-zone-doc">Document : ' + escapeHtml(data.document_type) + '</div>' : '',
+    '</div>', rulesHtml,
+    sourcesText ? '<div class="cm-plu-sources">' + sourcesText + '</div>' : '',
+    '<div class="cm-plu-disclaimer">' + ICON_WARN + '<div>' + escapeHtml(data.disclaimer || "Information indicative. Consultez le service urbanisme de votre mairie pour confirmation.") + '</div></div>',
+    '<button class="cm-plu-new-search-btn" type="button">' + ICON_SEARCH + ' Nouvelle recherche</button>'
+  ].join("");
+  var self = this;
+  var newBtn = this.stateResultEl.querySelector(".cm-plu-new-search-btn");
+  if (newBtn) newBtn.addEventListener("click", function() { self.resetToInput(); });
+  this.showState("result");
+};
+
+PluModuleManager.prototype.showError = function(message, code) {
+  this.stateErrorEl.innerHTML = [
+    '<div class="cm-plu-error-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div>',
+    '<div class="cm-plu-error-msg">' + escapeHtml(message) + '</div>',
+    code ? '<div class="cm-plu-error-code">' + escapeHtml(code) + '</div>' : '',
+    '<button class="cm-plu-retry-btn" type="button">' + ICON_SEARCH + ' Réessayer</button>'
+  ].join("");
+  var self = this;
+  var retryBtn = this.stateErrorEl.querySelector(".cm-plu-retry-btn");
+  if (retryBtn) retryBtn.addEventListener("click", function() { self.resetToInput(); });
+  this.showState("error");
+};
+
+PluModuleManager.prototype.resetToInput = function() {
+  this.autocomplete.reset();
+  this.searchBtnEl.disabled = true;
+  this.showState("input");
+};
+
+PluModuleManager.prototype.createOpenButton = function() {
+  var btn = document.createElement("button");
+  btn.className = "cm-plu-open-btn";
+  btn.type = "button";
+  btn.innerHTML = ICON_HOUSE + 'Urbanisme';
+  var self = this;
+  btn.addEventListener("click", function() { self.open(); });
+  return btn;
+};
+
+function escapeHtml(str) {
+  var div = document.createElement("div");
+  div.textContent = String(str || "");
+  return div.innerHTML;
+}
+
+runtime.PluModuleManager = PluModuleManager;
+runtime.PluCssBuilder = PluCssBuilder;
+runtime.BanAutocompleteManager = BanAutocompleteManager;
+})();