@meetelise/chat 1.12.12 → 1.12.13

package/package.json

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

package/public/demo/index.html

@@ -93,6 +93,7 @@
       MEChat.start({
         organization: "test-company",
         building: "e2e-test-yardi-building",
+        launcherStyles: { bottom: "300px" },
       });
     </script>
     <main>

package/public/dist/index.js

@@ -1738,7 +1738,7 @@ var e={8005:function(e,t,i){var n,r=this&&this.__extends||(n=function(e,t){retur
       .call-us-window__open-times {
         text-transform: lowercase;
       }
-    `],sn([oe({attribute:!1})],ln.prototype,"onCloseClicked",void 0),sn([oe()],ln.prototype,"phoneNumber",void 0),sn([oe({attribute:!1})],ln.prototype,"buildingId",void 0),sn([oe({attribute:!1})],ln.prototype,"officeHoursTextInfo",void 0),ln=sn([ne("call-us-window")],ln);const un={};var dn=function(e,t,i,n){var r,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};let cn=class extends te{constructor(){super(...arguments),this.isMobile=!1,this.isFirstMount=!1,this.backgroundColor="rgba(255, 255, 255, 0.75)",this.textColor="#202020",this.isMini=!0,this.phoneNumber="",this.buildingId=0,this.hasEmailEnabled=!0,this.hasSSTEnabled=!1,this.hasTextUsEnabled=!1,this.layoutOptions=[],this.tourTypeOptions=[],this.onChatTapped=()=>{},this.isEmailWindowOpen=!1,this.isCallUsWindowOpen=!1,this.isSSTWindowOpen=!1,this.isTextUsWindowOpen=!1,this.getNumCallToActions=()=>[this.hasEmailEnabled,!!this.phoneNumber,this.hasTextUsEnabled].filter((e=>e)).length,this.emailUsWindowRef=Se(),this.textUsWindowRef=Se(),this.tourSchedulerRef=Se(),this.updated=async()=>{if(this.attachOnClickToEmailUsWindow(),this.attachOnClickToTextUsWindow(),this.attachOnClickToSSTWindow(),this.buildingId){const e=await(async e=>{if(un[e])return un[e];const t=`http://ivr.internal-meetelise.com/sms_management_numbers/webchat/building/${e}/numbers`,i=await ui().get(t);return un[e]=i.data,i.data})(this.buildingId);this.hasTextUsEnabled=e.length>0&&4895!==this.buildingId}},this.attachOnClickToEmailUsWindow=()=>{const e=this.emailUsWindowRef.value;e&&(e.onCloseClicked=this.onCloseEmailWindow)},this.attachOnClickToTextUsWindow=()=>{const e=this.textUsWindowRef.value;e&&(e.onCloseClicked=this.onCloseTextUsWindow)},this.attachOnClickToSSTWindow=()=>{const e=this.tourSchedulerRef.value;e&&(e.onCloseClicked=this.onCloseSSTWindow)},this.onClickEmailOption=e=>{e.preventDefault(),e.stopPropagation(),this.isEmailWindowOpen=!0},this.onCloseEmailWindow=()=>{this.isEmailWindowOpen=!1},this.renderEmailOption=()=>{const e=this.getNumCallToActions()>2?"Email":"Email us";return D`
+    `],sn([oe({attribute:!1})],ln.prototype,"onCloseClicked",void 0),sn([oe()],ln.prototype,"phoneNumber",void 0),sn([oe({attribute:!1})],ln.prototype,"buildingId",void 0),sn([oe({attribute:!1})],ln.prototype,"officeHoursTextInfo",void 0),ln=sn([ne("call-us-window")],ln);const un={};var dn=function(e,t,i,n){var r,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};let cn=class extends te{constructor(){super(...arguments),this.isMobile=!1,this.isFirstMount=!1,this.backgroundColor="rgba(255, 255, 255, 0.75)",this.textColor="#202020",this.isMini=!0,this.phoneNumber="",this.buildingId=0,this.hasEmailEnabled=!0,this.hasSSTEnabled=!1,this.hasTextUsEnabled=!1,this.layoutOptions=[],this.tourTypeOptions=[],this.onChatTapped=()=>{},this.launcherStyles={},this.isEmailWindowOpen=!1,this.isCallUsWindowOpen=!1,this.isSSTWindowOpen=!1,this.isTextUsWindowOpen=!1,this.getNumCallToActions=()=>[this.hasEmailEnabled,!!this.phoneNumber,this.hasTextUsEnabled].filter((e=>e)).length,this.emailUsWindowRef=Se(),this.textUsWindowRef=Se(),this.tourSchedulerRef=Se(),this.updated=async()=>{if(this.attachOnClickToEmailUsWindow(),this.attachOnClickToTextUsWindow(),this.attachOnClickToSSTWindow(),this.buildingId){const e=await(async e=>{if(un[e])return un[e];const t=`http://ivr.internal-meetelise.com/sms_management_numbers/webchat/building/${e}/numbers`,i=await ui().get(t);return un[e]=i.data,i.data})(this.buildingId);this.hasTextUsEnabled=e.length>0&&4895!==this.buildingId}},this.attachOnClickToEmailUsWindow=()=>{const e=this.emailUsWindowRef.value;e&&(e.onCloseClicked=this.onCloseEmailWindow)},this.attachOnClickToTextUsWindow=()=>{const e=this.textUsWindowRef.value;e&&(e.onCloseClicked=this.onCloseTextUsWindow)},this.attachOnClickToSSTWindow=()=>{const e=this.tourSchedulerRef.value;e&&(e.onCloseClicked=this.onCloseSSTWindow)},this.onClickEmailOption=e=>{e.preventDefault(),e.stopPropagation(),this.isEmailWindowOpen=!0},this.onCloseEmailWindow=()=>{this.isEmailWindowOpen=!1},this.renderEmailOption=()=>{const e=this.getNumCallToActions()>2?"Email":"Email us";return D`
       <div
         @click=${this.onClickEmailOption}
         class="launcher__call-to-action-option"
@@ -1777,7 +1777,10 @@ var e={8005:function(e,t,i){var n,r=this&&this.__extends||(n=function(e,t){retur
         </div>
       </div>
     `,this.renderMiniLauncher=()=>D`
-      <div class="launcher__mini-launcher-wrapper">
+      <div
+        class="launcher__mini-launcher-wrapper"
+        style=${zi(this.launcherStyles)}
+      >
         ${this.isEmailWindowOpen?D`<div class="launcher__window-wrapper">
               <email-us-window
                 ${xe(this.emailUsWindowRef)}
@@ -1953,7 +1956,7 @@ var e={8005:function(e,t,i){var n,r=this&&this.__extends||(n=function(e,t){retur
               </div>
             `}
       </div>
-    `}};cn.styles=Hi,dn([oe({type:Boolean})],cn.prototype,"isMobile",void 0),dn([oe({type:Boolean})],cn.prototype,"isFirstMount",void 0),dn([oe()],cn.prototype,"backgroundColor",void 0),dn([oe()],cn.prototype,"textColor",void 0),dn([oe({type:Boolean})],cn.prototype,"isMini",void 0),dn([oe()],cn.prototype,"phoneNumber",void 0),dn([oe({attribute:!1})],cn.prototype,"buildingId",void 0),dn([oe({type:Boolean})],cn.prototype,"hasEmailEnabled",void 0),dn([oe({type:Boolean})],cn.prototype,"hasSSTEnabled",void 0),dn([oe({type:Boolean})],cn.prototype,"hasTextUsEnabled",void 0),dn([oe({attribute:!1})],cn.prototype,"layoutOptions",void 0),dn([oe({attribute:!1})],cn.prototype,"tourTypeOptions",void 0),dn([oe({attribute:!1})],cn.prototype,"onChatTapped",void 0),dn([ae()],cn.prototype,"isEmailWindowOpen",void 0),dn([ae()],cn.prototype,"isCallUsWindowOpen",void 0),dn([ae()],cn.prototype,"isSSTWindowOpen",void 0),dn([ae()],cn.prototype,"isTextUsWindowOpen",void 0),cn=dn([ne("meetelise-launcher")],cn);var pn=i(3379),fn=i.n(pn),mn=i(7795),hn=i.n(mn),vn=i(569),gn=i.n(vn),yn=i(3565),wn=i.n(yn),Sn=i(9216),bn=i.n(Sn),Tn=i(4589),xn=i.n(Tn),On=i(3631),In={};In.styleTagTransform=xn(),In.setAttributes=wn(),In.insert=gn().bind(null,"head"),In.domAPI=hn(),In.insertStyleElement=bn(),fn()(On.Z,In),On.Z&&On.Z.locals&&On.Z.locals;var Rn,Nn=function(e,t,i,n){var r,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};let Cn=Rn=class extends te{constructor(){super(...arguments),this.buildingSlug="",this.orgSlug="",this.useMiniWidget=!0,this.popup=null,this.theme=ki(),this.chatId="",this.analytics=null,this.isMobile=vi(),this.launcher=null,this.building=null,this.hasMounted=!1,this.hideLauncher=!1,this.yardiDNIScriptInterval=null,this.launcherRef=Se(),this.initializeInstanceVariables=async()=>{await this.setBuildingDerivedInfo(),await this.initializeLaunchJS(),this.attachOnClickToLauncher()},this.setBuildingDerivedInfo=async()=>{var e;this.buildingSlug&&this.orgSlug&&(this.building=await async function(e,t){const i=`https://app.meetelise.com/api/pub/v1/organization/${e}/building/${t}`,n=await fetch(i);return await n.json()}(this.orgSlug,this.buildingSlug),fi(this.building.id),this.chatId=function(e,t){const i=Fi(e,t),n=localStorage.getItem(i);return n&&!function(e,t){const i=Mi(e,t),n=localStorage.getItem(i)||_i(e,t),r=new Date(new Date(n).getTime()+864e5);return new Date>r}(e,t)?n:Ei(e,t)}(this.orgSlug,this.buildingSlug),this.avatarSrc=this.avatarSrc||this.building.avatarSrc,this.theme=ki(null!==(e=this.themeId)&&void 0!==e?e:this.building.themeId))},this.initializeLaunchJS=async()=>{if(!this.building||!this.theme)return;if(this.popup&&this.launcher)return;const[e,t,i,n]=await Promise.all([this.building,this.theme,this.avatarSrc,Rn.session]);if(e.conversationMaintenanceMode)return new Promise((()=>{console.warn("MeetElise Chat is in maintenance mode. Chat icon will not appear.")}));await this.configureTalkJSPopup(e,t,n,i),this.configureLauncherElement(),this.yardiDNIScriptInterval=setInterval((()=>this.pollForYardiCampaignSource()),1e3),setTimeout(clearInterval,15e3,this.yardiDNIScriptInterval)},this.configureLauncherElement=()=>{this.popup&&this.launcherRef.value&&(this.launcher=this.launcherRef.value)},this.configureTalkJSPopup=async(e,t,i,n)=>{const r=i.createPopup(Li(i,e,t,n||e.avatarSrc,this.chatId,this.isMobile),{launcher:"never",showCloseInHeader:!0,messageField:{placeholder:"Ask a question..."}});await r.mount({show:!1}),r.on("close",(()=>{this.hideLauncher=!1}));const o=document.querySelector(".__talkjs_popup");if(!o)throw new Error("Failed to find chat window");o.classList.add("meetelise-chat","pane"),this.isMobile||o.classList.add("launcher__desktop"),o.style.zIndex="99999999999",this.popup=r},this.firstUpdated=()=>{this.initializeInstanceVariables()},this.attachOnClickToLauncher=()=>{const e=this.launcherRef.value;e&&(e.onChatTapped=async()=>{var e;this.popup&&(this.popup.show(),null===(e=this.analytics)||void 0===e||e.ping("open"),this.hideLauncher=!0,this.hasMounted=!0)})}}pollForYardiCampaignSource(){var e,t,i;(null===(t=null===(e=window.RCTPCampaign)||void 0===e?void 0:e.CampaignDetails)||void 0===t?void 0:t.Source)&&(null===(i=this.analytics)||void 0===i||i.ping("yardi-DNI-init"),this.yardiDNIScriptInterval&&clearInterval(this.yardiDNIScriptInterval))}async restartConversation(){if(!(this.analytics&&this.analytics.chatId&&this.building&&this.theme&&this.popup&&Rn.session))return;this.chatId=Ei(this.orgSlug,this.buildingSlug);const e=await Rn.session;this.analytics.chatId=this.chatId,this.popup.select(Li(e,this.building,this.theme,this.avatarSrc||this.building.avatarSrc,this.chatId,this.isMobile))}remove(){var e;null===(e=this.popup)||void 0===e||e.destroy()}open(){var e;null===(e=this.popup)||void 0===e||e.show()}close(){var e;null===(e=this.popup)||void 0===e||e.hide()}show(){this.launcher&&(this.launcher.style.display="")}hide(){this.launcher&&(this.launcher.style.display="none")}render(){var e,t,i,n,r,o,a,s;return window.customElements.get("meetelise-launcher")||window.customElements.define("meetelise-launcher",cn),D`
+    `}};cn.styles=Hi,dn([oe({type:Boolean})],cn.prototype,"isMobile",void 0),dn([oe({type:Boolean})],cn.prototype,"isFirstMount",void 0),dn([oe()],cn.prototype,"backgroundColor",void 0),dn([oe()],cn.prototype,"textColor",void 0),dn([oe({type:Boolean})],cn.prototype,"isMini",void 0),dn([oe()],cn.prototype,"phoneNumber",void 0),dn([oe({attribute:!1})],cn.prototype,"buildingId",void 0),dn([oe({type:Boolean})],cn.prototype,"hasEmailEnabled",void 0),dn([oe({type:Boolean})],cn.prototype,"hasSSTEnabled",void 0),dn([oe({type:Boolean})],cn.prototype,"hasTextUsEnabled",void 0),dn([oe({attribute:!1})],cn.prototype,"layoutOptions",void 0),dn([oe({attribute:!1})],cn.prototype,"tourTypeOptions",void 0),dn([oe({attribute:!1})],cn.prototype,"onChatTapped",void 0),dn([oe()],cn.prototype,"launcherStyles",void 0),dn([ae()],cn.prototype,"isEmailWindowOpen",void 0),dn([ae()],cn.prototype,"isCallUsWindowOpen",void 0),dn([ae()],cn.prototype,"isSSTWindowOpen",void 0),dn([ae()],cn.prototype,"isTextUsWindowOpen",void 0),cn=dn([ne("meetelise-launcher")],cn);var pn=i(3379),fn=i.n(pn),mn=i(7795),hn=i.n(mn),vn=i(569),gn=i.n(vn),yn=i(3565),wn=i.n(yn),Sn=i(9216),bn=i.n(Sn),Tn=i(4589),xn=i.n(Tn),On=i(3631),In={};In.styleTagTransform=xn(),In.setAttributes=wn(),In.insert=gn().bind(null,"head"),In.domAPI=hn(),In.insertStyleElement=bn(),fn()(On.Z,In),On.Z&&On.Z.locals&&On.Z.locals;var Rn,Nn=function(e,t,i,n){var r,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};let Cn=Rn=class extends te{constructor(){super(...arguments),this.buildingSlug="",this.orgSlug="",this.useMiniWidget=!0,this.launcherStyles={},this.popup=null,this.theme=ki(),this.chatId="",this.analytics=null,this.isMobile=vi(),this.launcher=null,this.building=null,this.hasMounted=!1,this.hideLauncher=!1,this.yardiDNIScriptInterval=null,this.launcherRef=Se(),this.initializeInstanceVariables=async()=>{await this.setBuildingDerivedInfo(),await this.initializeLaunchJS(),this.attachOnClickToLauncher()},this.setBuildingDerivedInfo=async()=>{var e;this.buildingSlug&&this.orgSlug&&(this.building=await async function(e,t){const i=`https://app.meetelise.com/api/pub/v1/organization/${e}/building/${t}`,n=await fetch(i);return await n.json()}(this.orgSlug,this.buildingSlug),fi(this.building.id),this.chatId=function(e,t){const i=Fi(e,t),n=localStorage.getItem(i);return n&&!function(e,t){const i=Mi(e,t),n=localStorage.getItem(i)||_i(e,t),r=new Date(new Date(n).getTime()+864e5);return new Date>r}(e,t)?n:Ei(e,t)}(this.orgSlug,this.buildingSlug),this.avatarSrc=this.avatarSrc||this.building.avatarSrc,this.theme=ki(null!==(e=this.themeId)&&void 0!==e?e:this.building.themeId))},this.initializeLaunchJS=async()=>{if(!this.building||!this.theme)return;if(this.popup&&this.launcher)return;const[e,t,i,n]=await Promise.all([this.building,this.theme,this.avatarSrc,Rn.session]);if(e.conversationMaintenanceMode)return new Promise((()=>{console.warn("MeetElise Chat is in maintenance mode. Chat icon will not appear.")}));await this.configureTalkJSPopup(e,t,n,i),this.configureLauncherElement(),this.yardiDNIScriptInterval=setInterval((()=>this.pollForYardiCampaignSource()),1e3),setTimeout(clearInterval,15e3,this.yardiDNIScriptInterval)},this.configureLauncherElement=()=>{this.popup&&this.launcherRef.value&&(this.launcher=this.launcherRef.value)},this.configureTalkJSPopup=async(e,t,i,n)=>{const r=i.createPopup(Li(i,e,t,n||e.avatarSrc,this.chatId,this.isMobile),{launcher:"never",showCloseInHeader:!0,messageField:{placeholder:"Ask a question..."}});await r.mount({show:!1}),r.on("close",(()=>{this.hideLauncher=!1}));const o=document.querySelector(".__talkjs_popup");if(!o)throw new Error("Failed to find chat window");o.classList.add("meetelise-chat","pane"),this.isMobile||o.classList.add("launcher__desktop"),o.style.zIndex="99999999999",this.popup=r},this.firstUpdated=()=>{this.initializeInstanceVariables()},this.attachOnClickToLauncher=()=>{const e=this.launcherRef.value;e&&(e.onChatTapped=async()=>{var e;this.popup&&(this.popup.show(),null===(e=this.analytics)||void 0===e||e.ping("open"),this.hideLauncher=!0,this.hasMounted=!0)})}}pollForYardiCampaignSource(){var e,t,i;(null===(t=null===(e=window.RCTPCampaign)||void 0===e?void 0:e.CampaignDetails)||void 0===t?void 0:t.Source)&&(null===(i=this.analytics)||void 0===i||i.ping("yardi-DNI-init"),this.yardiDNIScriptInterval&&clearInterval(this.yardiDNIScriptInterval))}async restartConversation(){if(!(this.analytics&&this.analytics.chatId&&this.building&&this.theme&&this.popup&&Rn.session))return;this.chatId=Ei(this.orgSlug,this.buildingSlug);const e=await Rn.session;this.analytics.chatId=this.chatId,this.popup.select(Li(e,this.building,this.theme,this.avatarSrc||this.building.avatarSrc,this.chatId,this.isMobile))}remove(){var e;null===(e=this.popup)||void 0===e||e.destroy()}open(){var e;null===(e=this.popup)||void 0===e||e.show()}close(){var e;null===(e=this.popup)||void 0===e||e.hide()}show(){this.launcher&&(this.launcher.style.display="")}hide(){this.launcher&&(this.launcher.style.display="none")}render(){var e,t,i,n,r,o,a,s;return window.customElements.get("meetelise-launcher")||window.customElements.define("meetelise-launcher",cn),D`
       <div
         class=${ce({launcherContainer:!0,launcher__mobile:this.isMobile,launcher__desktop:!this.isMobile,"meetelise-chat":!0,launcher:!0,shouldBeVisible:!0})}
       >
@@ -1965,6 +1968,7 @@ var e={8005:function(e,t,i){var n,r=this&&this.__extends||(n=function(e,t){retur
           .buildingId=${null!==(t=null===(e=this.building)||void 0===e?void 0:e.id)&&void 0!==t?t:0}
           .layoutOptions=${null!==(n=null===(i=this.building)||void 0===i?void 0:i.layoutOptions)&&void 0!==n?n:[]}
           .tourTypeOptions=${null!==(o=null===(r=this.building)||void 0===r?void 0:r.tourTypeOptions)&&void 0!==o?o:[]}
+          .launcherStyles=${this.launcherStyles}
           phoneNumber="${null!==(s=null===(a=this.building)||void 0===a?void 0:a.phoneNumber)&&void 0!==s?s:""}"
           textColor="${this.theme.chatHeader.textColor}"
           backgroundColor="${this.theme.chatPaneBackgroundColor}"
@@ -1985,4 +1989,4 @@ var e={8005:function(e,t,i){var n,r=this&&this.__extends||(n=function(e,t){retur
       width: 100%;
       height: 100px;
     }
-  `,Cn.session=Oe.ready.then((()=>{const e=new Oe.User({id:"anonymous",name:"Me",email:null,role:"Default"});return new Oe.Session({appId:"ogKIvCor",me:e})})),Nn([oe({type:String})],Cn.prototype,"buildingSlug",void 0),Nn([oe({type:String})],Cn.prototype,"orgSlug",void 0),Nn([oe({type:String})],Cn.prototype,"themeId",void 0),Nn([oe({attribute:!1})],Cn.prototype,"avatarSrc",void 0),Nn([oe({type:Boolean})],Cn.prototype,"useMiniWidget",void 0),Nn([ae()],Cn.prototype,"popup",void 0),Nn([ae()],Cn.prototype,"theme",void 0),Nn([ae()],Cn.prototype,"chatId",void 0),Nn([ae()],Cn.prototype,"analytics",void 0),Nn([ae()],Cn.prototype,"isMobile",void 0),Nn([ae()],Cn.prototype,"launcher",void 0),Nn([ae()],Cn.prototype,"building",void 0),Nn([ae()],Cn.prototype,"hasMounted",void 0),Nn([ae()],Cn.prototype,"hideLauncher",void 0),Cn=Rn=Nn([ne("me-chat")],Cn);class An{static start(e){En();const t=document.createElement("me-chat");t.setAttribute("orgSlug",e.organization),t.setAttribute("buildingSlug",e.building),t.setAttribute("class","meetelise-chat"),e.themeId&&t.setAttribute("themeId",e.themeId),e.avatarSrc&&t.setAttribute("avatarSrc",e.avatarSrc),void 0!==e.mini&&(t.useMiniWidget=e.mini),document.body.appendChild(t),An.meChat=t}static async restartConversation(){this.meChat&&await this.meChat.restartConversation()}}An.meChat=null;const En=()=>{const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("type","text/css"),e.setAttribute("href","https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap"),document.head.appendChild(e)}})();var r=n.Z;export{r as default};
+  `,Cn.session=Oe.ready.then((()=>{const e=new Oe.User({id:"anonymous",name:"Me",email:null,role:"Default"});return new Oe.Session({appId:"ogKIvCor",me:e})})),Nn([oe({type:String})],Cn.prototype,"buildingSlug",void 0),Nn([oe({type:String})],Cn.prototype,"orgSlug",void 0),Nn([oe({type:String})],Cn.prototype,"themeId",void 0),Nn([oe({attribute:!1})],Cn.prototype,"avatarSrc",void 0),Nn([oe({type:Boolean})],Cn.prototype,"useMiniWidget",void 0),Nn([oe()],Cn.prototype,"launcherStyles",void 0),Nn([ae()],Cn.prototype,"popup",void 0),Nn([ae()],Cn.prototype,"theme",void 0),Nn([ae()],Cn.prototype,"chatId",void 0),Nn([ae()],Cn.prototype,"analytics",void 0),Nn([ae()],Cn.prototype,"isMobile",void 0),Nn([ae()],Cn.prototype,"launcher",void 0),Nn([ae()],Cn.prototype,"building",void 0),Nn([ae()],Cn.prototype,"hasMounted",void 0),Nn([ae()],Cn.prototype,"hideLauncher",void 0),Cn=Rn=Nn([ne("me-chat")],Cn);class An{static start(e){En();const t=document.createElement("me-chat");t.setAttribute("orgSlug",e.organization),t.setAttribute("buildingSlug",e.building),t.setAttribute("class","meetelise-chat"),e.themeId&&t.setAttribute("themeId",e.themeId),e.avatarSrc&&t.setAttribute("avatarSrc",e.avatarSrc),void 0!==e.mini&&(t.useMiniWidget=e.mini),e.launcherStyles&&(t.launcherStyles=e.launcherStyles),document.body.appendChild(t),An.meChat=t}static async restartConversation(){this.meChat&&await this.meChat.restartConversation()}}An.meChat=null;const En=()=>{const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("type","text/css"),e.setAttribute("href","https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap"),document.head.appendChild(e)}})();var r=n.Z;export{r as default};

package/src/MEChat.ts

@@ -1,3 +1,4 @@
+import { StyleInfo } from "lit/directives/style-map";
 import { ThemeIdString } from "./themes";
 import "./WebComponent/me-chat";
 import { MEChat as MEChatLitElement } from "./WebComponent/me-chat";
@@ -32,6 +33,9 @@ export default class MEChat {
     if (opts.mini !== undefined) {
       meChat.useMiniWidget = opts.mini;
     }
+    if (opts.launcherStyles) {
+      meChat.launcherStyles = opts.launcherStyles;
+    }
     document.body.appendChild(meChat);
     MEChat.meChat = meChat;
   }
@@ -50,6 +54,7 @@ export interface Options {
   themeId?: ThemeIdString;
   avatarSrc?: string;
   mini?: boolean;
+  launcherStyles?: StyleInfo;
 }
 
 /** You can't install a font from CSS in a shadow DOM, so we use JS to do it here in the regular DOM. */

package/src/WebComponent/Launcher.ts

@@ -8,7 +8,7 @@ import { glowBarMp4, glowBarWebm } from "../assetUrls";
 import { launcherStyles } from "./launcherStyles";
 import { EmailUsWindow, installEmailUsWindow } from "./actions/email-us-window";
 import { installTextUsWindow, TextUsWindow } from "./actions/text-us-window";
-import { styleMap } from "lit/directives/style-map.js";
+import { StyleInfo, styleMap } from "lit/directives/style-map.js";
 import { classMap } from "lit/directives/class-map.js";
 import { installCallUsWindow } from "./actions/call-us-window";
 import { getRegisteredPhoneNumbers } from "../getRegisteredPhoneNumbers";
@@ -54,6 +54,8 @@ export class Launcher extends LitElement {
   onChatTapped: () => void = () => {
     return;
   };
+  @property()
+  launcherStyles: StyleInfo = {};
 
   @state()
   isEmailWindowOpen = false;
@@ -244,7 +246,10 @@ export class Launcher extends LitElement {
 
   renderMiniLauncher = (): TemplateResult => {
     return html`
-      <div class="launcher__mini-launcher-wrapper">
+      <div
+        class="launcher__mini-launcher-wrapper"
+        style=${styleMap(this.launcherStyles)}
+      >
         ${this.isEmailWindowOpen
           ? html`<div class="launcher__window-wrapper">
               <email-us-window

package/src/WebComponent/me-chat.ts

@@ -15,6 +15,7 @@ import { installLauncher } from "./Launcher";
 
 import "./MEChat.css";
 import { getRawAvailabilities } from "../getAvailabilities";
+import { StyleInfo } from "lit/directives/style-map";
 
 export interface Options {
   building: string;
@@ -62,6 +63,8 @@ export class MEChat extends LitElement {
   private avatarSrc?: string | null;
   @property({ type: Boolean })
   useMiniWidget = true;
+  @property()
+  launcherStyles: StyleInfo = {};
 
   @state()
   private popup: Talk.Popup | null = null;
@@ -277,6 +280,7 @@ export class MEChat extends LitElement {
           .buildingId=${this.building?.id ?? 0}
           .layoutOptions=${this.building?.layoutOptions ?? []}
           .tourTypeOptions=${this.building?.tourTypeOptions ?? []}
+          .launcherStyles=${this.launcherStyles}
           phoneNumber="${this.building?.phoneNumber ?? ""}"
           textColor="${this.theme.chatHeader.textColor}"
           backgroundColor="${this.theme.chatPaneBackgroundColor}"