@meetelise/chat 1.20.184 → 1.20.185

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meetelise/chat",
-  "version": "1.20.184",
+  "version": "1.20.185",
   "description": "",
   "main": "public/dist/index.js",
   "type": "module",

package/public/dist/index.js

@@ -3150,6 +3150,9 @@ otherwise there's some empty space at the bottom of the button, which interferes
     border: none;
     cursor: pointer;
   }
+  .health-bttn-allow-access {
+    padding-right: 28px;
+  }
 `,Mr=u`
   #pubnub-chat-container {
     position: fixed;
@@ -3504,7 +3507,7 @@ otherwise there's some empty space at the bottom of the button, which interferes
             </div>
           </div>
         </a></div> `}))}
-    </div>`:U``}};Ur.styles=[cn,Dr],kr([ue({attribute:!0})],Ur.prototype,"message",void 0),kr([ue({attribute:!0})],Ur.prototype,"myPubnub",void 0),kr([ue({attribute:!0})],Ur.prototype,"onMount",void 0),kr([le()],Ur.prototype,"loadingPreviews",void 0),kr([le()],Ur.prototype,"parsedMessage",void 0),kr([le()],Ur.prototype,"websitePreviewInfo",void 0),kr([le()],Ur.prototype,"imagesToDisplay",void 0),kr([le()],Ur.prototype,"imageUrlError",void 0),Ur=kr([ae("pubnub-message")],Ur);var qr=function(e,t,n,i){var r,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,n,a):r(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};let Br=class extends re{constructor(){super(...arguments),this.right=0,this.bottom=0,this.top=0,this.left=0,this.onMount=()=>({}),this.isHealthChat=!1,this.brandColor=Fe,this.onClickExit=()=>({}),this.requiresConsent=!1,this.messages=[],this.isLoadingMessages=!1,this.hasReceivedConsent=!1,this.privacyPolicyUrl="http://bit.ly/me_privacy_policy",this.websitePreviewMapping={},this.sendMessage=async e=>{var t;this.messageInput.value="",this.autoResizeMessageInput(),await(null===(t=this.myPubnub)||void 0===t?void 0:t.sendMessage(e))},this.scrollToChatBottom=()=>{this.messageBody.scrollTo({top:this.messageBody.scrollHeight-this.messageBody.clientHeight,behavior:"smooth"})},this.autoResizeMessageInput=()=>{this.messageInput.style.height="auto",this.messageInput.style.height=this.messageInput.scrollHeight+"px"},this.needsConsent=()=>!!this.requiresConsent&&!!this.requiresConsent&&!this.hasReceivedConsent}firstUpdated(){var e,t;this.messages=(null===(e=this.myPubnub)||void 0===e?void 0:e.messages)||[],null===(t=this.myPubnub)||void 0===t||t.addChatListener((e=>{this.messages=e.messages,this.isLoadingMessages=e.isLoading})),this.onMount()}async updated(){this.scrollToChatBottom();const e=document.getElementById("#healthchat-container");e&&e.focus()}render(){var e,t,n;if(!this.buildingSlug)return U``;let i={};if(i=ln()?{top:void 0,bottom:0,left:void 0,right:0}:{top:isNaN(this.top)?void 0:`${this.top}px`,bottom:isNaN(this.bottom)?"130px":`${this.bottom}px`,left:isNaN(this.left)?void 0:`${this.left}px`,right:isNaN(this.right)?"18px":`${this.right}px`},this.isHealthChat)return U`
+    </div>`:U``}};Ur.styles=[cn,Dr],kr([ue({attribute:!0})],Ur.prototype,"message",void 0),kr([ue({attribute:!0})],Ur.prototype,"myPubnub",void 0),kr([ue({attribute:!0})],Ur.prototype,"onMount",void 0),kr([le()],Ur.prototype,"loadingPreviews",void 0),kr([le()],Ur.prototype,"parsedMessage",void 0),kr([le()],Ur.prototype,"websitePreviewInfo",void 0),kr([le()],Ur.prototype,"imagesToDisplay",void 0),kr([le()],Ur.prototype,"imageUrlError",void 0),Ur=kr([ae("pubnub-message")],Ur);var qr=function(e,t,n,i){var r,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,n,a):r(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};let Br=class extends re{constructor(){super(...arguments),this.right=0,this.bottom=0,this.top=0,this.left=0,this.onMount=()=>({}),this.isHealthChat=!1,this.brandColor=Fe,this.onClickExit=()=>({}),this.requiresConsent=!1,this.messages=[],this.isLoadingMessages=!1,this.hasReceivedConsent=!1,this.privacyPolicyUrl="http://bit.ly/me_privacy_policy",this.websitePreviewMapping={},this.sendMessage=async e=>{var t;this.messageInput.value="",this.autoResizeMessageInput(),await(null===(t=this.myPubnub)||void 0===t?void 0:t.sendMessage(e))},this.scrollToChatBottom=()=>{this.messageBody.scrollTo({top:this.messageBody.scrollHeight-this.messageBody.clientHeight,behavior:"smooth"})},this.autoResizeMessageInput=()=>{this.messageInput.style.height="auto",this.messageInput.style.height=this.messageInput.scrollHeight+"px"},this.needsConsent=()=>!!this.requiresConsent&&!!this.requiresConsent&&!this.hasReceivedConsent}firstUpdated(){var e,t;this.messages=(null===(e=this.myPubnub)||void 0===e?void 0:e.messages)||[],null===(t=this.myPubnub)||void 0===t||t.addChatListener((e=>{this.messages=e.messages,this.isLoadingMessages=e.isLoading})),this.onMount()}async updated(){this.scrollToChatBottom();try{const e=document.getElementById("#healthchat-container");if(!e)return;e.focus()}catch(e){console.error(e)}}render(){var e,t,n;if(!this.buildingSlug)return U``;let i={};if(i=ln()?{top:void 0,bottom:0,left:void 0,right:0}:{top:isNaN(this.top)?void 0:`${this.top}px`,bottom:isNaN(this.bottom)?"130px":`${this.bottom}px`,left:isNaN(this.left)?void 0:`${this.left}px`,right:isNaN(this.right)?"18px":`${this.right}px`},this.isHealthChat)return U`
         <div
           id="healthchat-container"
           class=${fe({"pubnub-container__mobile":ln(),"healthchat-container__desktop":!ln()})}
@@ -3600,6 +3603,7 @@ otherwise there's some empty space at the bottom of the button, which interferes
               ></textarea>
               <button
                 id="healthcare-send-message-bttn"
+                class=${fe({"health-bttn-allow-access":ln()})}
                 @click=${()=>this.sendMessage(this.messageInput.value)}
               >
                 ${ln()?Bi:qi}

package/src/WebComponent/healthchat-styles.ts

@@ -113,4 +113,7 @@ export const healthChatStyles = css`
     border: none;
     cursor: pointer;
   }
+  .health-bttn-allow-access {
+    padding-right: 28px;
+  }
 `;

package/src/WebComponent/pubnub-chat.ts

@@ -126,9 +126,14 @@ export class PubnubChat extends LitElement {
 
   async updated(): Promise<void> {
     this.scrollToChatBottom();
-    const modal = document.getElementById("#healthchat-container");
-    if (!modal) return;
-    modal.focus();
+    try {
+      const modal = document.getElementById("#healthchat-container");
+      if (!modal) return;
+      modal.focus();
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.error(e);
+    }
   }
 
   autoResizeMessageInput = (): void => {
@@ -304,6 +309,9 @@ export class PubnubChat extends LitElement {
               ></textarea>
               <button
                 id="healthcare-send-message-bttn"
+                class=${classMap({
+                  ["health-bttn-allow-access"]: isMobile(),
+                })}
                 @click=${() => this.sendMessage(this.messageInput.value)}
               >
                 ${isMobile() ? SendMessageIconBlackLarge : SendMessageIconBlack}