lr-chatbot 0.12.1 → 0.12.2

package/custom-elements.json

@@ -1 +1 @@
-{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"/builds/laredoute/digital/apps/uxeng/components/uxeng-gui-front/libs/shared/client/features/chatbot/src/components/chatbot/Chatbot.ts","declarations":[{"kind":"class","description":"","name":"Chatbot","members":[{"kind":"field","name":"_chatElementRef","type":{"text":"DeepChat | null | undefined"},"privacy":"private","default":"null"},{"kind":"field","name":"apiUrl","type":{"text":"string"},"default":"''","attribute":"apiUrl"},{"kind":"field","name":"opened","type":{"text":"boolean"},"default":"false","attribute":"opened"},{"kind":"field","name":"minimized","type":{"text":"boolean"},"default":"false","attribute":"minimized"},{"kind":"field","name":"sticky","type":{"text":"boolean"},"default":"false","attribute":"sticky"},{"kind":"field","name":"country","type":{"text":"AppCountry"},"attribute":"country"},{"kind":"field","name":"language","type":{"text":"AppLanguage"},"attribute":"language"},{"kind":"field","name":"overlay","type":{"text":"boolean"},"default":"false","attribute":"overlay"},{"kind":"method","name":"getVersion","static":true},{"kind":"method","name":"getChatHistory","return":{"type":{"text":"Promise<void>"}},"parameters":[{"name":"conversationId","type":{"text":"string | null"}}]},{"kind":"method","name":"initChat","return":{"type":{"text":"void"}}},{"kind":"method","name":"initTranslations","privacy":"private"},{"kind":"method","name":"setChatTranslations","privacy":"private"},{"kind":"method","name":"postUserMessage","parameters":[{"name":"event","type":{"text":"any"}}]},{"kind":"method","name":"setChatStyle","privacy":"private"},{"kind":"method","name":"setChatInitialMessages","privacy":"private"},{"kind":"method","name":"setChatConnection","privacy":"private","parameters":[{"name":"conversationId","optional":true,"type":{"text":"string | null"}}]},{"kind":"method","name":"close"},{"kind":"method","name":"minimize"},{"kind":"method","name":"open"}],"attributes":[{"name":"apiUrl","type":{"text":"string"},"default":"''","fieldName":"apiUrl"},{"name":"opened","type":{"text":"boolean"},"default":"false","fieldName":"opened"},{"name":"minimized","type":{"text":"boolean"},"default":"false","fieldName":"minimized"},{"name":"sticky","type":{"text":"boolean"},"default":"false","fieldName":"sticky"},{"name":"country","type":{"text":"AppCountry"},"fieldName":"country"},{"name":"language","type":{"text":"AppLanguage"},"fieldName":"language"},{"name":"overlay","type":{"text":"boolean"},"default":"false","fieldName":"overlay"}],"superclass":{"name":"SuperElement","module":"//builds/laredoute/digital/apps/uxeng/components/uxeng-gui-front/libs/shared/client/features/chatbot/src/components/super/SuperElement"},"tagName":"lr-chatbot","customElement":true}],"exports":[{"kind":"js","name":"Chatbot","declaration":{"name":"Chatbot","module":"/builds/laredoute/digital/apps/uxeng/components/uxeng-gui-front/libs/shared/client/features/chatbot/src/components/chatbot/Chatbot.ts"}},{"kind":"custom-element-definition","name":"lr-chatbot","declaration":{"name":"Chatbot","module":"/builds/laredoute/digital/apps/uxeng/components/uxeng-gui-front/libs/shared/client/features/chatbot/src/components/chatbot/Chatbot.ts"}}]}]}
+{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"/builds/laredoute/digital/apps/uxeng/components/uxeng-gui-front/libs/shared/client/features/chatbot/src/components/chatbot/Chatbot.ts","declarations":[{"kind":"class","description":"","name":"Chatbot","members":[{"kind":"field","name":"_chatElementRef","type":{"text":"DeepChat | null | undefined"},"privacy":"private","default":"null"},{"kind":"field","name":"_closeClickCount","type":{"text":"number"},"privacy":"private","default":"0"},{"kind":"field","name":"apiUrl","type":{"text":"string"},"default":"''","attribute":"apiUrl"},{"kind":"field","name":"opened","type":{"text":"boolean"},"default":"false","attribute":"opened","reflects":true},{"kind":"field","name":"minimized","type":{"text":"boolean"},"default":"false","attribute":"minimized"},{"kind":"field","name":"sticky","type":{"text":"boolean"},"default":"false","attribute":"sticky"},{"kind":"field","name":"country","type":{"text":"AppCountry"},"attribute":"country"},{"kind":"field","name":"language","type":{"text":"AppLanguage"},"attribute":"language"},{"kind":"field","name":"overlay","type":{"text":"boolean"},"default":"false","attribute":"overlay"},{"kind":"method","name":"getVersion","static":true},{"kind":"method","name":"getChatHistory","return":{"type":{"text":"Promise<void>"}},"parameters":[{"name":"conversationId","type":{"text":"string | null"}}]},{"kind":"method","name":"initChat","return":{"type":{"text":"void"}}},{"kind":"method","name":"initTranslations","privacy":"private"},{"kind":"method","name":"setChatTranslations","privacy":"private"},{"kind":"method","name":"postUserMessage","parameters":[{"name":"event","type":{"text":"any"}}]},{"kind":"method","name":"setChatStyle","privacy":"private"},{"kind":"method","name":"setChatInitialMessages","privacy":"private"},{"kind":"method","name":"setChatConnection","privacy":"private","parameters":[{"name":"conversationId","optional":true,"type":{"text":"string | null"}}]},{"kind":"method","name":"handleClosure"},{"kind":"method","name":"close"},{"kind":"method","name":"handleReturnConversation"},{"kind":"method","name":"minimize"},{"kind":"method","name":"open"}],"attributes":[{"name":"apiUrl","type":{"text":"string"},"default":"''","fieldName":"apiUrl"},{"name":"opened","type":{"text":"boolean"},"default":"false","fieldName":"opened"},{"name":"minimized","type":{"text":"boolean"},"default":"false","fieldName":"minimized"},{"name":"sticky","type":{"text":"boolean"},"default":"false","fieldName":"sticky"},{"name":"country","type":{"text":"AppCountry"},"fieldName":"country"},{"name":"language","type":{"text":"AppLanguage"},"fieldName":"language"},{"name":"overlay","type":{"text":"boolean"},"default":"false","fieldName":"overlay"}],"superclass":{"name":"SuperElement","module":"//builds/laredoute/digital/apps/uxeng/components/uxeng-gui-front/libs/shared/client/features/chatbot/src/components/super/SuperElement"},"tagName":"lr-chatbot","customElement":true}],"exports":[{"kind":"js","name":"Chatbot","declaration":{"name":"Chatbot","module":"/builds/laredoute/digital/apps/uxeng/components/uxeng-gui-front/libs/shared/client/features/chatbot/src/components/chatbot/Chatbot.ts"}},{"kind":"custom-element-definition","name":"lr-chatbot","declaration":{"name":"Chatbot","module":"/builds/laredoute/digital/apps/uxeng/components/uxeng-gui-front/libs/shared/client/features/chatbot/src/components/chatbot/Chatbot.ts"}}]}]}

package/index.js

@@ -16398,7 +16398,8 @@ const Gm = Un`
     border: "none",
     backgroundColor: C.colors.base.greys.tone100,
     maxWidth: "360px",
-    height: "465px"
+    height: "465px",
+    overflow: "unset"
   },
   messageStyles: {
     default: {
@@ -16477,7 +16478,7 @@ const Gm = Un`
             margin: "0",
             padding: "0",
             position: "relative",
-            filter: "brightness(0) saturate(100%) invert(70%) sepia(0%) saturate(5564%) hue-rotate(207deg) brightness(100%) contrast(97%)"
+            filter: "brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(5564%) hue-rotate(207deg) brightness(100%) contrast(97%)"
           }
         }
       },
@@ -16508,11 +16509,24 @@ const Gm = Un`
           }
         }
       }
+    },
+    disabled: {
+      svg: {
+        content: `<svg width="18" height="18" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M1.95622 0.777695L22.2495 11.1088C22.9779 11.4797 22.9779 12.5203 22.2495 12.8911L1.95622 23.2223C1.19182 23.6114 0.32436 22.9207 0.532399 22.0886L2.61818 13.7454L13.0909 12L2.61818 10.2545L0.532399 1.91139C0.32436 1.07924 1.19182 0.388542 1.95622 0.777695Z" fill="#CDD2DA"/>
+                </svg>
+                `,
+        styles: {
+          default: {
+            filter: "brightness(0) saturate(100%) invert(95%) sepia(0%) saturate(5564%) hue-rotate(207deg) brightness(100%) contrast(97%)"
+          }
+        }
+      }
     }
   },
   inputAreaStyle: {
     background: "white",
-    padding: "0.5rem 0.75em",
+    padding: "0.5rem 0.75rem",
     justifyContent: "space-between",
     alignItems: "center",
     fontSize: "0.75rem"
@@ -20676,7 +20690,7 @@ var y1 = Object.defineProperty, b1 = Object.getOwnPropertyDescriptor, Dc = (n) =
 }, $c = (n, r, e) => r.has(n) || Dc("Cannot " + e), bt = (n, r, e) => ($c(n, r, "read from private field"), e ? e.call(n) : r.get(n)), kt = (n, r, e) => r.has(n) ? Dc("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(n) : r.set(n, e), wt = (n, r, e, t) => ($c(n, r, "write to private field"), r.set(n, e), e), mr, gr, vr, yr, br, kr, wr;
 let Ke = class extends tt {
   constructor() {
-    super(...arguments), this._chatElementRef = null, kt(this, mr, ""), kt(this, gr, !1), kt(this, vr, !1), kt(this, yr, !1), kt(this, br, typeof window < "u" ? zg(window.location.hostname) : "fr"), kt(this, kr, typeof window < "u" ? Hg({ country: this.country, cookies: document.cookie }) : "fr-FR"), kt(this, wr, !1);
+    super(...arguments), this._chatElementRef = null, this._closeClickCount = 0, kt(this, mr, ""), kt(this, gr, !1), kt(this, vr, !1), kt(this, yr, !1), kt(this, br, typeof window < "u" ? zg(window.location.hostname) : "fr"), kt(this, kr, typeof window < "u" ? Hg({ country: this.country, cookies: document.cookie }) : "fr-FR"), kt(this, wr, !1);
   }
   get apiUrl() {
     return bt(this, mr);
@@ -20721,7 +20735,7 @@ let Ke = class extends tt {
     wt(this, wr, n);
   }
   static getVersion() {
-    return "LR Chatbot - 0.12.1";
+    return "LR Chatbot - 0.12.2";
   }
   async performUpdate() {
     return await this.initTranslations(), super.performUpdate();
@@ -20743,14 +20757,14 @@ let Ke = class extends tt {
           role: i.sender === "system" ? "ai" : "user",
           text: i.message ?? ""
         }))
-      ]);
+      ], this.opened = !0);
     }
   }
   initChat() {
     var r;
     this._chatElementRef = (r = this.shadowRoot) == null ? void 0 : r.getElementById("chat-element");
     const n = localStorage.getItem("conversation_id");
-    this._chatElementRef && (this.setChatStyle(), this.setChatInitialMessages(), this.setChatTranslations(), this.getChatHistory(n ?? null), this.setChatConnection(n ?? null));
+    this._chatElementRef && (this.setChatStyle(), this.setChatInitialMessages(), this.getChatHistory(n ?? null), this.setChatTranslations(), this.setChatConnection(n ?? null));
   }
   async initTranslations() {
     const r = await new qg().getLanguageFallbacks(this.language);
@@ -20834,11 +20848,44 @@ let Ke = class extends tt {
             })}`
           });
         }
+        setTimeout(() => {
+          var i;
+          (i = this._chatElementRef) == null || i.scrollToBottom();
+        }, 10);
       }
     }, r.responseInterceptor = async (e) => e;
   }
+  handleClosure() {
+    var r;
+    this._closeClickCount++;
+    const n = this._chatElementRef;
+    this._closeClickCount === 1 ? (this.overlay = !0, n && n.textInput && (n.textInput = {
+      ...n.textInput,
+      disabled: !0,
+      styles: {
+        container: {
+          ...(r = n.textInput.styles) == null ? void 0 : r.container,
+          cursor: "not-allowed"
+        }
+      }
+    })) : this._closeClickCount === 2 && (this.close(), this._closeClickCount = 0);
+  }
   close() {
-    localStorage.removeItem("conversation_id"), this.opened = !1, this.minimized = !1;
+    localStorage.removeItem("conversation_id"), this.opened = !1, this.minimized = !1, this.overlay = !1, this._closeClickCount = 0;
+  }
+  handleReturnConversation() {
+    var r;
+    const n = this._chatElementRef;
+    n && n.textInput && (n.textInput = {
+      ...n.textInput,
+      disabled: !1,
+      styles: {
+        container: {
+          ...(r = n.textInput.styles) == null ? void 0 : r.container,
+          cursor: "auto"
+        }
+      }
+    }), this.overlay = !1, this._closeClickCount = 0;
   }
   minimize() {
     this.minimized = !0, this.opened = !1;
@@ -20896,7 +20943,7 @@ let Ke = class extends tt {
                                 id="chat-wrapper-menu-button-close"
                                 aria-label="Close chat"
                                 aria-controls="chat-wrapper"
-                                @click=${() => this.overlay = !0}
+                                @click=${this.handleClosure}
                             >
                                 <svg
                                     width="24"
@@ -20930,7 +20977,7 @@ let Ke = class extends tt {
                                   </p>
                                   <div>
                                       <lr-button
-                                          @click=${() => this.overlay = !1}
+                                          @click=${this.handleReturnConversation}
                                           label=${yt("chatbot:returnToConversation")}
                                           variant="secondary"
                                           size="small"
@@ -20993,7 +21040,7 @@ pt([
   pe({ type: String })
 ], Ke.prototype, "apiUrl", 1);
 pt([
-  pe({ type: Boolean })
+  pe({ type: Boolean, reflect: !0 })
 ], Ke.prototype, "opened", 1);
 pt([
   pe({ type: Boolean })