@enegelai/bot-widget 1.12.0 → 1.12.2

package/dist/index.es.js

@@ -339,7 +339,7 @@ const Ke = /* @__PURE__ */ aa(Ua), Wa = X`
     color: var(--sl-color-neutral-600);
     width: 420px;
     overflow: hidden;
-    display: flex;
+    display: none;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
@@ -352,7 +352,6 @@ const Ke = /* @__PURE__ */ aa(Ua), Wa = X`
     right: 25px;
     bottom: 100px;
     background: rgb(255, 255, 255);
-    overflow: hidden;
 
     box-shadow: rgba(148, 149, 150, 0.2) 20px 20px 40px 20px;
 
@@ -371,6 +370,10 @@ const Ke = /* @__PURE__ */ aa(Ua), Wa = X`
     //animation: fadeIn 0.1s ease-in-out;
   }
 
+  .cb-wrapper.cb-open {
+    display: flex;
+  }
+
   .cb-alert-box {
     width: 100%;
     box-sizing: border-box;
@@ -6530,6 +6533,10 @@ let j = class extends te {
       this._addMessageHandler(c);
     }, this.handleStateEvent = (c) => {
       this._stateEventHandler(c);
+    }, this.handleToggleEvent = (c) => {
+      this._chatbotToggleHandler(c);
+    }, this.handleFormSubmitEvent = (c) => {
+      this._formSubmitHandler(c);
     }, this.fetchStream = Bi;
   }
   /**
@@ -6563,7 +6570,7 @@ let j = class extends te {
   }
   render() {
     return p.disabled && !this.alwaysOpen ? (Me.info("Bot is disabled until settings are loaded"), null) : g`
-      <div class="cb-wrapper" style="${p.open ? "display:flex" : "display:none"}" part="wrapper" exportparts="wrapper">
+      <div class="cb-wrapper${p.open ? " cb-open" : ""}" part="wrapper${p.open ? " open" : ""}" exportparts="wrapper${p.open ? " open" : ""}">
         <cb-header title="${this.name}" exportparts="header, header-logo, header-title, header-close"></cb-header>
         <cb-message-list
           .messages=${p.messages}
@@ -6584,14 +6591,15 @@ let j = class extends te {
   }
   renderUserInput() {
     return p.form || p.disabled && this.alwaysOpen ? null : g`<cb-user-input
+      part="user-input-control"
       ?loading=${p.connecting}
       ?disabled=${p.connecting || p.form}
       ?enable-file-upload=${p.setting.uploadImages && p.connected}
-      exportparts="user-input, user-input-wrapper, user-input-base, user-input-textarea"
+      exportparts="user-input-control,user-input, user-input-wrapper, user-input-base, user-input-textarea"
     ></cb-user-input>`;
   }
   connectedCallback() {
-    super.connectedCallback(), Me.info("connectedCallback"), this.initCssVariables(), addEventListener("c7o:bot:stateEvent", this.handleStateEvent), addEventListener("message:send", this.handleAddMessage), addEventListener("chatbot:toggle", this._chatbotToggleHandler), addEventListener("form:submit", this._formSubmitHandler), addEventListener("message:send:file", this._uploadFileHandler);
+    super.connectedCallback(), Me.info("connectedCallback"), this.initCssVariables(), addEventListener("c7o:bot:stateEvent", this.handleStateEvent), addEventListener("message:send", this.handleAddMessage), addEventListener("chatbot:toggle", this.handleToggleEvent), addEventListener("form:submit", this.handleFormSubmitEvent), addEventListener("message:send:file", this._uploadFileHandler);
   }
   extractCssVariable(c, e, a) {
     let n = c.getPropertyValue(e).trim();
@@ -6620,7 +6628,7 @@ let j = class extends te {
   
     */
   disconnectedCallback() {
-    Me.info("disconnectedCallback"), super.disconnectedCallback(), window.removeEventListener("c7o:bot:stateEvent", this.handleStateEvent), window.removeEventListener("message:send", this.handleAddMessage), window.removeEventListener("chatbot:toggle", this._chatbotToggleHandler), window.removeEventListener("form:submit", this._formSubmitHandler), window.removeEventListener("message:send:file", this._uploadFileHandler);
+    Me.info("disconnectedCallback"), super.disconnectedCallback(), window.removeEventListener("c7o:bot:stateEvent", this.handleStateEvent), window.removeEventListener("message:send", this.handleAddMessage), window.removeEventListener("chatbot:toggle", this.handleToggleEvent), window.removeEventListener("form:submit", this.handleFormSubmitEvent), window.removeEventListener("message:send:file", this._uploadFileHandler);
   }
   // This is called when component is loaded, with all the settings (props) values
   // Use to initialize
@@ -6728,13 +6736,13 @@ let j = class extends te {
       console.log("_addMessageHandler: input text is empty, ignored", c);
       return;
     }
-    p.isConversationStart() && (console.log("Start of conversation detected, emitting c7o:bot:conversationStart"), this.emit("c7o:bot:conversationStart", {
+    p.isConversationStart() && (console.log("Start of conversation detected, emitting c7o:bot:conversationStart"), e.conversationId = p.conversationId, this.emit("c7o:bot:conversationStart", {
       detail: e
     })), p.sendMessage(e);
   }
   _chatbotToggleHandler(c) {
     const e = c.detail;
-    p.open = e.open, p.unreadMessages = 0, p.suppressEngagePopup();
+    p.open = e.open, this.emit(e.open ? "c7o:bot:open" : "c7o:bot:close"), p.unreadMessages = 0, p.suppressEngagePopup();
   }
   _deleteMessageHandler(c) {
     const e = c.detail;
@@ -6749,7 +6757,11 @@ let j = class extends te {
     const e = c.detail;
     p.setSetting(e.setting), this.showSetting = !1, this._checkAuth();
   }
-  async _formSubmitHandler(c) {
+  _formSubmitHandler(c) {
+    const e = c.detail;
+    e.conversationId = p.conversationId, this.emit("c7o:bot:formSubmit", {
+      detail: e
+    });
   }
   // scroll to bottom
   _scrollToBottom(c = !1) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enegelai/bot-widget",
-  "version": "1.12.0",
+  "version": "1.12.2",
   "description": "Enegel.ai Bot Widget",
   "scripts": {
     "dev": "vite",