@enegelai/bot-widget 1.16.1 → 1.16.3

package/dist/index.es.js

@@ -8611,9 +8611,9 @@ let De = class extends ne {
   }
   renderBotMessageFeedback(a) {
     return this.suppressFeedback || !b.setting.feedbackEnabled || this.index < b.setting.startFeedbackFromMessage * 2 ? null : u`
-      <div class="cb-message-feedback-tools">
-        <div class="cb-message-feedback-icon cb-feedback-up" @click="${() => this.startFeedback(!0, a)}">${me`${Y(Qa)}`}</div>
-        <div class="cb-message-feedback-icon cb-feedback-down" @click="${() => this.startFeedback(!1, a)}">${me`${Y(ei)}`}</div>
+      <div class="cb-message-feedback-tools" part="feedback-wrapper">
+        <div class="cb-message-feedback-icon cb-feedback-up" part="feedback-up" @click="${() => this.startFeedback(!0, a)}">${me`${Y(Qa)}`}</div>
+        <div class="cb-message-feedback-icon cb-feedback-down" part="feedback-down" @click="${() => this.startFeedback(!1, a)}">${me`${Y(ei)}`}</div>
       </div>
     `;
   }
@@ -8728,7 +8728,7 @@ let ye = class extends ne {
         ${et(
       this.messages,
       (a) => a.id + JSON.stringify(a.data),
-      (a, e) => u`<cb-message .message="${a}" .index="${e}" exportparts="bot-message, cb-message, bot-message-content, user-message-content, user-avatar, assistant-avatar" ?suppressFeedback=${this.suppressFeedback}></cb-message>`
+      (a, e) => u`<cb-message .message="${a}" .index="${e}" exportparts="bot-message, cb-message, bot-message-content, user-message-content, user-avatar, assistant-avatar,feedback-wrapper,feedback-up,feedback-down" ?suppressFeedback=${this.suppressFeedback}></cb-message>`
     )}
         ${this.renderActions()} ${this.renderForm()}
         <div id="cb-message-list-bottom-anchor"></div>
@@ -10875,7 +10875,7 @@ let ea = class extends ne {
         ${W(
       !0,
       () => u`
-            <button type="button" class="circle-btn ${b.webAudioMuted ? "danger" : "clear"}" title="${b.webAudioMuted ? "Unmute" : "Mute"}" @click=${this._toggleMute}>
+            <button type="button" part="${b.webAudioMuted ? "audio-unmute-button" : "audio-mute-button"}" class="circle-btn ${b.webAudioMuted ? "danger" : "clear"}" title="${b.webAudioMuted ? "Unmute" : "Mute"}" @click=${this._toggleMute}>
               ${Y(nr)}
             </button>
           `,
@@ -10884,7 +10884,7 @@ let ea = class extends ne {
         <div class="cb-audio-controls-viz" part="audio-controls-viz">
           ${this.renderVisualizer()}
         </div>
-        <button type="button" class="circle-btn clear" title="End" @click=${this._toggleHangup}>
+        <button type="button" part="audio-end-button" class="circle-btn clear" title="End" @click=${this._toggleHangup}>
           ${Y(la)}
         </button>
       </div>
@@ -11486,7 +11486,7 @@ const Be = Je.noConflict();
 Be.setLevel("info");
 let H = class extends ne {
   constructor() {
-    super(...arguments), this.store = new it(this, b), this.displayLicense = !1, this.name = "ChatBot", this.orgId = "", this.botId = "", this.url = "ws://localhost:3070", this.logoUrl = "", this.logoSvg = `<svg width="34" height="34" viewBox="0 0 203 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    super(...arguments), this.store = new it(this, b), this.displayLicense = !1, this.name = "ChatBot", this.orgId = "", this.botId = "", this.url = "ws://localhost:3070", this.logoUrl = "", this.logoSvg = `<svg width="24" height="24" viewBox="0 0 203 200" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M100.438 0C155.665 0 200.438 44.7723 200.438 100C200.438 155.228 155.665 200 100.438 200C45.2098 200 0.4375 155.228 0.4375 100C0.4375 44.7723 45.2098 0 100.438 0ZM130.093 60.6063C120.409 60.6063 115.205 61.458 109.344 65.0325C100.122 70.6592 95.629 80.1958 94.2273 93.877C94.1468 94.5544 93.8048 97.2571 93.4091 100.349C93.3152 101.06 93.2281 101.771 93.1409 102.455C92.7318 105.573 92.3093 108.739 92.0142 110.408C90.8808 117.041 89.2914 123.761 83.8927 126.759C83.6915 126.873 83.4702 126.967 83.2556 127.067C78.6013 129.093 72.2905 128.898 72.2905 128.898C72.2905 128.898 69.1988 128.885 69.1787 128.885C69.172 128.885 69.1921 128.885 69.1921 128.898L68.1057 143.632C87.7824 143.666 93.0537 139.213 93.0537 139.213C102.275 133.586 106.768 124.049 108.17 110.368C108.251 109.677 108.593 106.894 109.002 103.735C109.096 103.004 109.196 102.273 109.283 101.576C109.679 98.5246 110.095 95.4798 110.383 93.8435C111.517 87.2108 113.106 80.4842 118.505 77.4931C118.706 77.3791 118.921 77.2852 119.135 77.1846C123.756 75.1727 130.107 75.3471 130.107 75.3471C132.494 75.3269 133.219 75.4007 133.286 75.4074L134.292 60.6264C132.783 60.6264 130.107 60.6264 130.107 60.6264L130.093 60.6063Z" fill="#010101" style="fill:#010101;fill:color(display-p3 0.0039 0.0039 0.0039);fill-opacity:1;"/>
 </svg>`, this.closeSvg = '<svg viewBox="0 0 16 16" width="1.4em" height="1.4em"><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"></path></svg>', this.logoSvgGradient = `<svg width="28" height="28" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_830_884)">
@@ -11554,9 +11554,9 @@ let H = class extends ne {
           .messages=${b.messages}
           .actions=${b.actions}
           .form=${b.form}
-          exportparts="bot-message-list, disclaimer-message, bot-message, cb-message, bot-message-content, user-message-content, user-avatar, assistant-avatar, form, form-title, form-input, form-submit"
+          exportparts="bot-message-list, disclaimer-message, bot-message, cb-message, bot-message-content, user-message-content, user-avatar, assistant-avatar, feedback-wrapper,feedback-up,feedback-down,form, form-title, form-input, form-submit"
         ></cb-message-list>
-        <cb-audio-controls exportparts="audio-controls"></cb-audio-controls>
+        <cb-audio-controls exportparts="audio-controls-wrapper, audio-controls, audio-mute-button, audio-unmute-button, audio-end-button, audio-controls-viz"></cb-audio-controls>
         ${this.renderUserInput()} ${this.renderFeedbackDialog()}
       </div>
       <cb-anchor ?open=${b.open} exportparts="anchor, anchor-badge, anchor-icon"></cb-anchor>

package/package.json

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