@meetelise/chat 1.21.7 → 1.21.8

package/package.json

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

package/public/demo/index.html

@@ -155,8 +155,8 @@
         // organization: "avb",
         // building: "ava-somerville-2",
 
-        organization: "test-company",
-        building: "3fc93384-91f5-11ed-98a3-43f5a2f42588",
+        organization: "6467c8cd-44cd-4fc9-8acf-9236090febbc",
+        building: "f719e0f8-b5ab-11ee-b9df-9f80a8f9a7b6",
         overrideRentgrata: true,
         // onWidgetLoaded: onWidgetLoaded,
 

package/public/dist/index.js

@@ -3932,11 +3932,11 @@ otherwise there's some empty space at the bottom of the button, which interferes
         max-height: 200px;
         overflow-y: auto;
       }
-    `],uo([le({attribute:!0})],co.prototype,"message",void 0),uo([le({attribute:!0})],co.prototype,"myPubnub",void 0),uo([le({attribute:!0})],co.prototype,"onMount",void 0),uo([ue()],co.prototype,"showMediaAsCarousel",void 0),uo([ue()],co.prototype,"activeIndex",void 0),co=uo([ae("pubnub-media")],co);var po=864e5;function ho(e,t){Le(2,arguments);var n=bn(e),i=bn(t),r=n.getTime()-Rt(n),o=i.getTime()-Rt(i);return Math.round((r-o)/po)}function fo(e,t){var n=e.getFullYear()-t.getFullYear()||e.getMonth()-t.getMonth()||e.getDate()-t.getDate()||e.getHours()-t.getHours()||e.getMinutes()-t.getMinutes()||e.getSeconds()-t.getSeconds()||e.getMilliseconds()-t.getMilliseconds();return n<0?-1:n>0?1:n}var mo=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 go=class extends re{constructor(){super(...arguments),this.right=void 0,this.bottom=void 0,this.top=void 0,this.left=void 0,this.onMount=()=>({}),this.isHealthChat=!1,this.brandColor=Me,this.backgroundColor=Fe,this.onClickExit=()=>{localStorage.setItem("isChatOpen","false")},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(),0===this.messages.length&&(this.messages=[{timestamp:0,message:e,isLeadMessage:!0,chunks:[{text:e,order:0,isDone:!0}],type:Qr.text}]),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.hasReceivedConsent}get consentKey(){return`${this.orgSlug}Consent`}firstUpdated(){var e,t;this.messages=(null===(e=this.myPubnub)||void 0===e?void 0:e.simpleChatMessages)||[],null===(t=this.myPubnub)||void 0===t||t.addChatListener((e=>{this.messages=e.messages,this.isLoadingMessages=e.isLoading})),this.onMount();const n=localStorage.getItem(this.consentKey);if(!n)return void(this.hasReceivedConsent=!1);const i=JSON.parse(n),{timestamp:r,consentId:o}=i,a=function(e,t){Le(2,arguments);var n=qe(e),i=qe(t),r=fo(n,i),o=Math.abs(ho(n,i));n.setDate(n.getDate()-r*o);var a=Number(fo(n,i)===-r),s=r*(o-a);return 0===s?0:s}(new Date,new Date(r));a<7&&o===vo?this.hasReceivedConsent=!0:(this.hasReceivedConsent=!1,localStorage.removeItem(this.consentKey))}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,i;if(!this.buildingSlug)return U``;let r={};if(r=cn()?{top:void 0,bottom:0,left:void 0,right:0}:{top:void 0===this.top||isNaN(this.top)?void 0:`${this.top}px`,bottom:void 0===this.bottom||isNaN(this.bottom)?"130px":`${this.bottom}px`,left:void 0===this.left||isNaN(this.left)?void 0:`${this.left}px`,right:void 0===this.right||isNaN(this.right)?"18px":`${this.right}px`},this.isHealthChat)return U`
+    `],uo([le({attribute:!0})],co.prototype,"message",void 0),uo([le({attribute:!0})],co.prototype,"myPubnub",void 0),uo([le({attribute:!0})],co.prototype,"onMount",void 0),uo([ue()],co.prototype,"showMediaAsCarousel",void 0),uo([ue()],co.prototype,"activeIndex",void 0),co=uo([ae("pubnub-media")],co);var po=864e5;function ho(e,t){Le(2,arguments);var n=bn(e),i=bn(t),r=n.getTime()-Rt(n),o=i.getTime()-Rt(i);return Math.round((r-o)/po)}function fo(e,t){var n=e.getFullYear()-t.getFullYear()||e.getMonth()-t.getMonth()||e.getDate()-t.getDate()||e.getHours()-t.getHours()||e.getMinutes()-t.getMinutes()||e.getSeconds()-t.getSeconds()||e.getMilliseconds()-t.getMilliseconds();return n<0?-1:n>0?1:n}var mo=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 go=class extends re{constructor(){super(...arguments),this.right=void 0,this.bottom=void 0,this.top=void 0,this.left=void 0,this.onMount=()=>({}),this.isHealthChat=!1,this.brandColor=Me,this.backgroundColor=Fe,this.onClickExit=()=>{localStorage.setItem("isChatOpen","false")},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(),0===this.messages.length&&(this.messages=[{timestamp:0,message:e,isLeadMessage:!0,chunks:[{text:e,order:0,isDone:!0}],type:Qr.text}]),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.hasReceivedConsent}get consentKey(){return`${this.orgSlug}Consent`}firstUpdated(){var e,t;this.messages=(null===(e=this.myPubnub)||void 0===e?void 0:e.simpleChatMessages)||[],null===(t=this.myPubnub)||void 0===t||t.addChatListener((e=>{this.messages=e.messages,this.isLoadingMessages=e.isLoading})),this.onMount();const n=localStorage.getItem(this.consentKey);if(!n)return void(this.hasReceivedConsent=!1);const i=JSON.parse(n),{timestamp:r,consentId:o}=i,a=function(e,t){Le(2,arguments);var n=qe(e),i=qe(t),r=fo(n,i),o=Math.abs(ho(n,i));n.setDate(n.getDate()-r*o);var a=Number(fo(n,i)===-r),s=r*(o-a);return 0===s?0:s}(new Date,new Date(r));a<7&&o===vo?this.hasReceivedConsent=!0:(this.hasReceivedConsent=!1,localStorage.removeItem(this.consentKey))}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,i,r;if(!this.buildingSlug)return U``;const o=null===(e=this.building)||void 0===e?void 0:e.id;let a={};if(a=cn()?{top:void 0,bottom:0,left:void 0,right:0}:{top:void 0===this.top||isNaN(this.top)?void 0:`${this.top}px`,bottom:void 0===this.bottom||isNaN(this.bottom)?"130px":`${this.bottom}px`,left:void 0===this.left||isNaN(this.left)?void 0:`${this.left}px`,right:void 0===this.right||isNaN(this.right)?"18px":`${this.right}px`},22320===o&&(a={...a,fontFamily:'"Helvetica Neue", Arial'}),this.isHealthChat)return U`
         <div
           id="healthchat-container"
           class=${fe({"pubnub-container__mobile":cn(),"healthchat-container__desktop":!cn()})}
-          style=${Pe(r)}
+          style=${Pe(a)}
         >
           <div id="healthchat-header">
             ${"6a9e65e5-9699-4c96-af75-1741d0df79aa"===this.buildingSlug?U` <div>
@@ -3953,7 +3953,7 @@ otherwise there's some empty space at the bottom of the button, which interferes
           <div
             class=${fe({hidden:!this.needsConsent(),"legal-confirmation-container":!0})}
           >
-            ${bo(null!==(e=this.orgSlug)&&void 0!==e?e:null,this.privacyPolicyUrl,this.consentKey,(e=>{this.hasReceivedConsent=e}))}
+            ${bo(null!==(t=this.orgSlug)&&void 0!==t?t:null,this.privacyPolicyUrl,this.consentKey,(e=>{this.hasReceivedConsent=e}))}
           </div>
           <div
             id="conversation-body"
@@ -4044,11 +4044,11 @@ otherwise there's some empty space at the bottom of the button, which interferes
             </div>
           </div>
         </div>
-      `;if(!this.building)return U``;const o=this.building.orgId;return U`
+      `;if(!this.building)return U``;const s=this.building.orgId;return U`
       <div
         id="pubnub-chat-container"
         class=${fe({"pubnub-container__mobile":cn(),"pubnub-container__desktop":!cn()})}
-        style=${Pe(r)}
+        style=${Pe(a)}
       >
         <div
           id="leasing-header"
@@ -4062,7 +4062,7 @@ otherwise there's some empty space at the bottom of the button, which interferes
         <div
           class=${fe({hidden:!this.needsConsent(),"legal-confirmation-container":!0})}
         >
-          ${bo(null!==(t=this.orgSlug)&&void 0!==t?t:null,this.privacyPolicyUrl,this.consentKey,(e=>{this.hasReceivedConsent=e}))}
+          ${bo(null!==(n=this.orgSlug)&&void 0!==n?n:null,this.privacyPolicyUrl,this.consentKey,(e=>{this.hasReceivedConsent=e}))}
         </div>
         <div
           id="conversation-body"
@@ -4073,9 +4073,9 @@ otherwise there's some empty space at the bottom of the button, which interferes
             id="message-thread-list"
             class=${fe({hidden:this.needsConsent()})}
           >
-            ${yo(null!==(n=this.orgSlug)&&void 0!==n?n:"")}
+            ${yo(null!==(i=this.orgSlug)&&void 0!==i?i:"")}
             ${this.building.welcomeMessage?U` <li
-                  class=${fe({"message-container":!0,"ai-message":!0,"with-box-shadow":444===o})}
+                  class=${fe({"message-container":!0,"ai-message":!0,"with-box-shadow":444===s})}
                 >
                   <p
                     class=${fe({"message-text":!0,"webchat-font__desktop":!cn(),"webchat-font__mobile":cn()})}
@@ -4085,7 +4085,7 @@ otherwise there's some empty space at the bottom of the button, which interferes
                 </li>`:""}
             ${this.messages.map((e=>U`
                 <li
-                  class=${Qn()("message-container",{"lead-message":e.isLeadMessage,"ai-message":!e.isLeadMessage,"with-box-shadow":444===o})}
+                  class=${Qn()("message-container",{"lead-message":e.isLeadMessage,"ai-message":!e.isLeadMessage,"with-box-shadow":444===s})}
                   key=${e.timestamp}
                 >
                   ${Vr(e)?U` <pubnub-media
@@ -4130,7 +4130,7 @@ otherwise there's some empty space at the bottom of the button, which interferes
             tabindex="0"
             id="send-message-bttn"
             @click=${()=>this.sendMessage(this.messageInput.value)}
-            ?disabled=${null===(i=this.myPubnub)||void 0===i?void 0:i.isCurrentlyStreamingMessage}
+            ?disabled=${null===(r=this.myPubnub)||void 0===r?void 0:r.isCurrentlyStreamingMessage}
           >
             ${Ki}
           </button>

package/src/WebComponent/pubnub-chat.ts

@@ -201,6 +201,7 @@ export class PubnubChat extends LitElement {
       return html``; // error should be here
     }
 
+    const buildingId = this.building?.id;
     let styles = {};
     if (isMobile()) {
       styles = {
@@ -229,6 +230,17 @@ export class PubnubChat extends LitElement {
             : "18px",
       };
     }
+    /**
+     * This chat window uses 'Poppins' as its font, but https://www.120ninthst.com/ seemingly installs a 'Poppins' font that is
+     * not the same as the Google Font 'Poppins'. This causes the chat window to look different from the rest of the website. This
+     * is a special case/hack to just change to a system default font for this building.
+     */
+    if (buildingId === 22320) {
+      styles = {
+        ...styles,
+        fontFamily: `"Helvetica Neue", Arial`,
+      };
+    }
 
     if (this.isHealthChat) {
       return html`