@meetelise/chat 1.20.5 → 1.20.7

package/package.json

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

package/public/dist/index.js

@@ -526,7 +526,7 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
           <time-picker
             ?selecteddateexists=${!!this.selectedDate}
             ?horizontal=${e}
-            .options=${this.selectedDate?null===(t=this.availabilitiesGroupedByDay[Pt(this.selectedDate,"y-MM-dd")])||void 0===t?void 0:t.map((e=>({dateWithTimeZoneOffset:e,displayTime:Pt(tn(`${e.datetime}${e.offset}`),"h:mmaaa")}))):[]}
+            .options=${this.selectedDate?null===(t=this.availabilitiesGroupedByDay[Pt(this.selectedDate,"y-MM-dd")])||void 0===t?void 0:t.sort(((e,t)=>function(e,t){Ee(2,arguments);var n=Fe(e),i=Fe(t),r=n.getTime()-i.getTime();return r<0?-1:r>0?1:r}(tn(e.datetime),tn(t.datetime)))).map((e=>({dateWithTimeZoneOffset:e,displayTime:Pt(tn(`${e.datetime}${e.offset}`),"h:mmaaa")}))):[]}
             @change=${e=>{if(e.target instanceof Gt){if(!this.selectedDate)return;const t=this.availabilitiesGroupedByDay[Pt(new Date(this.selectedDate),"y-MM-dd")],n=e.target.selectedTime?t.indexOf(e.target.selectedTime.dateWithTimeZoneOffset):null;this.selectedTime=null!==n?t[n]:null}}}
           ></time-picker>
         </div>
@@ -2182,4 +2182,4 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
       width: 100%;
       height: 100px;
     }
-  `,Pi.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})})),Mi([oe({type:String})],Pi.prototype,"buildingSlug",void 0),Mi([oe({type:String})],Pi.prototype,"orgSlug",void 0),Mi([oe({type:String})],Pi.prototype,"themeId",void 0),Mi([oe({attribute:!1})],Pi.prototype,"avatarSrc",void 0),Mi([oe({type:Boolean})],Pi.prototype,"useMiniWidget",void 0),Mi([oe({type:Object})],Pi.prototype,"launcherStyles",void 0),Mi([ae()],Pi.prototype,"popup",void 0),Mi([ae()],Pi.prototype,"theme",void 0),Mi([ae()],Pi.prototype,"chatId",void 0),Mi([ae()],Pi.prototype,"analytics",void 0),Mi([ae()],Pi.prototype,"isMobile",void 0),Mi([ae()],Pi.prototype,"launcher",void 0),Mi([ae()],Pi.prototype,"building",void 0),Mi([ae()],Pi.prototype,"hasMounted",void 0),Mi([ae()],Pi.prototype,"hideLauncher",void 0),Pi=Fi=Mi([ie("me-chat")],Pi);class Di{static start(e){qi(),Ui();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),Di.meChat=t}static async restartConversation(){this.meChat&&await this.meChat.restartConversation()}static async remove(){this.meChat&&(await this.meChat.remove(),document.body.removeChild(this.meChat),Di.meChat=null)}}Di.meChat=null;const qi=()=>{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)},Ui=()=>{const e=document.createElement("meta");e.setAttribute("name","viewport"),e.setAttribute("content","width=device-width, initial-scale=1, maximum-scale=1"),document.head.appendChild(e)}})();var r=i.Z;export{r as default};
+  `,Pi.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})})),Mi([oe({type:String})],Pi.prototype,"buildingSlug",void 0),Mi([oe({type:String})],Pi.prototype,"orgSlug",void 0),Mi([oe({type:String})],Pi.prototype,"themeId",void 0),Mi([oe({attribute:!1})],Pi.prototype,"avatarSrc",void 0),Mi([oe({type:Boolean})],Pi.prototype,"useMiniWidget",void 0),Mi([oe({type:Object})],Pi.prototype,"launcherStyles",void 0),Mi([ae()],Pi.prototype,"popup",void 0),Mi([ae()],Pi.prototype,"theme",void 0),Mi([ae()],Pi.prototype,"chatId",void 0),Mi([ae()],Pi.prototype,"analytics",void 0),Mi([ae()],Pi.prototype,"isMobile",void 0),Mi([ae()],Pi.prototype,"launcher",void 0),Mi([ae()],Pi.prototype,"building",void 0),Mi([ae()],Pi.prototype,"hasMounted",void 0),Mi([ae()],Pi.prototype,"hideLauncher",void 0),Pi=Fi=Mi([ie("me-chat")],Pi);class Di{static start(e){qi(),Ui();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),Di.meChat=t}static async restartConversation(){this.meChat&&await this.meChat.restartConversation()}static async remove(){this.meChat&&(await this.meChat.remove(),document.body.removeChild(this.meChat),Di.meChat=null)}}Di.meChat=null;const qi=()=>{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)},Ui=()=>{const e=document.createElement("meta");e.setAttribute("name","viewport"),e.setAttribute("content","width=device-width, initial-scale=1, maximum-scale=2"),document.head.appendChild(e)}})();var r=i.Z;export{r as default};

package/src/MEChat.ts

@@ -84,7 +84,7 @@ const installTalkjsMobileStyleFix = () => {
   metaTag.setAttribute("name", "viewport");
   metaTag.setAttribute(
     "content",
-    "width=device-width, initial-scale=1, maximum-scale=1"
+    "width=device-width, initial-scale=1, maximum-scale=2"
   );
   document.head.appendChild(metaTag);
 };

package/src/WebComponent/Scheduler/tour-scheduler.ts

@@ -25,6 +25,7 @@ import axios from "axios";
 import { mapValues } from "lodash";
 import classnames from "classnames";
 import parseISO from "date-fns/parseISO";
+import compareAsc from "date-fns/compareAsc";
 
 const getHumanReadableLayout = (layout: string) => {
   if (layout == "studio") return "Studio";
@@ -873,15 +874,19 @@ export class TourScheduler extends LitElement {
             .options=${this.selectedDate
               ? this.availabilitiesGroupedByDay[
                   format(this.selectedDate, "y-MM-dd")
-                ]?.map((date) => {
-                  return {
-                    dateWithTimeZoneOffset: date,
-                    displayTime: format(
-                      parseISO(`${date.datetime}${date.offset}`),
-                      "h:mmaaa"
-                    ),
-                  };
-                })
+                ]
+                  ?.sort((a, b) =>
+                    compareAsc(parseISO(a.datetime), parseISO(b.datetime))
+                  )
+                  .map((date) => {
+                    return {
+                      dateWithTimeZoneOffset: date,
+                      displayTime: format(
+                        parseISO(`${date.datetime}${date.offset}`),
+                        "h:mmaaa"
+                      ),
+                    };
+                  })
               : []}
             @change=${(e: Event) => {
               if (e.target instanceof TimePicker) {
@@ -1086,7 +1091,7 @@ export class TourScheduler extends LitElement {
 
   confirmationMessage(): TemplateResult {
     if (!this.selectedDate || !this.selectedTime) return html``;
-    // format example: "November 9th, 2022 at 11:00am"
+    // format example: "November 9th, 2022 at 11:00pm"
     const readableDateAndTime = format(
       parseISO(`${this.selectedTime.datetime}${this.selectedTime.offset}`),
       "h:mmaaa"