favesalon-embed 1.0.2 → 1.0.4

package/dist/favesalon-embed/p-ccab56d8.js

@@ -0,0 +1 @@
+import{c as r,a as n}from"./p-0bc4f624.js";var t=r((function(r){r.exports=function(r,n,t){r=r||{};var a=n.prototype,u={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function o(r,n,t,u){return a.fromToBase(r,n,t,u)}t.en.relativeTime=u,a.fromToBase=function(n,a,o,s,i){for(var d,e,h,f=o.$locale().relativeTime||u,c=r.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],m=c.length,y=0;y<m;y+=1){var l=c[y];l.d&&(d=s?t(n).diff(o,l.d,!0):o.diff(n,l.d,!0));var v=(r.rounding||Math.round)(Math.abs(d));if(h=d>0,v<=l.r||!l.r){v<=1&&y>0&&(l=c[y-1]);var M=f[l.l];i&&(v=i(""+v)),e="string"==typeof M?M.replace("%d",v):M(v,a,l.l,h);break}}if(a)return e;var p=h?f.future:f.past;return"function"==typeof p?p(e):p.replace("%s",e)},a.to=function(r,n){return o(r,n,this,!0)},a.from=function(r,n){return o(r,n,this)};var s=function(r){return r.$u?t.utc():t()};a.toNow=function(r){return this.to(s(this),r)},a.fromNow=function(r){return this.from(s(this),r)}}}));export{t as r}

package/dist/favesalon-embed/p-d6e13053.entry.js

@@ -0,0 +1 @@
+import{r as s,h as i}from"./p-9fe0cbeb.js";import{C as t}from"./p-a33331cc.js";import{H as e,i as o,B as l}from"./p-c7fb7af5.js";import{f as a,a as n}from"./p-47e646f8.js";import"./p-0bc4f624.js";const d=class{constructor(i){s(this,i),this.salonId=void 0,this.isLoading=void 0,this.withBorder=void 0,this.isLoadingState=void 0,this.latestStyles=void 0}componentDidLoad(){this.fetchData()}async fetchData(){this.isLoadingState=!0;try{const s=[e().fetchSalonLatestStyles(this.salonId,{limit:6}).then((s=>this.latestStyles=s))];return Promise.all(s).then((()=>this.isLoadingState=!1)).catch((()=>this.isLoadingState=!1))}catch(s){}}onClickLookbook(s){const i=document.createElement("div");i.innerHTML=`\n      <style-detail\n        salon-id=${this.salonId}\n        salon-lookbook='${JSON.stringify(s)}'\n      ></style-detail>\n    `,document.body.appendChild(i)}render(){return i("div",{class:"view view--salon-styles"},this.isLoading||this.isLoadingState?i("div",{class:"view-content",style:this.withBorder?{border:`1px solid ${t.Gray02}`,borderRadius:"4px"}:{padding:"0px"}},i("div",{style:{backgroundColor:t.Gray02,height:"20px",width:"120px"}}),i("div",{style:{marginTop:"24px"}},i("div",{style:{overflow:"hidden",marginLeft:"-16px",marginBottom:"-16px"}},[1,2,3,4,5,6,7,8,9,10].map(((s,e)=>i("div",{key:`style-listing--item-${s}-${e}`,style:{float:"left",paddingLeft:"16px",marginBottom:"16px"}},i("div",{style:{backgroundColor:t.Gray01,borderRadius:"8px",width:"120px",height:"120px",overflow:"hidden",position:"relative",cursor:"pointer"}}))))))):i("div",{class:"view-content",style:this.withBorder?{border:`1px solid ${t.Gray02}`,borderRadius:"4px"}:{padding:"0px"}},i("div",{style:{fontSize:"18px",fontWeight:"bold"}},"Photos"),i("div",{style:{overflow:"hidden",marginLeft:"-16px",marginBottom:"-16px",marginTop:"16px"}},(this.latestStyles||[]).map(((s,e)=>{const{imageThumb:l,albumMedias:a}=s,n=a.length>0?a[0]:null,d=!!n&&o(n);return i("div",{key:`style-listing--item-${s.id}-${e}`,style:{float:"left",paddingLeft:"16px",marginBottom:"16px"}},i("div",{class:"view--salon-styles--item",style:Object.assign({backgroundColor:t.Gray01,borderRadius:"8px",overflow:"hidden",position:"relative",cursor:"pointer"},!d&&n?{backgroundImage:`url("${n.imageThumb||n.imageThumbMedium}")`,backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundSize:"cover"}:{}),onClick:()=>this.onClickLookbook(s)},d&&n&&i("div",null,i("video",{muted:!0,width:"100%",height:"100%",poster:l},i("source",{src:n.mediaUrl,type:"video/mp4"})),i("i",{class:"ri-play-circle-fill",style:{fontSize:"48px",color:t.TextColor,position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)"}}))))})))))}};d.style="salon-latest-styles .view--salon-styles--item{width:120px;height:120px}@media (min-width: 1024px){salon-latest-styles .view--salon-styles--item{width:200px;height:200px}}";const c=class{constructor(i){s(this,i),this.salonId=void 0,this.salonInfo=void 0,this.isLoading=void 0,this.withBorder=void 0,this.salonInfoState=void 0}componentWillLoad(){this.salonInfo?this.salonInfoState=JSON.parse(this.salonInfo):this.fetchData()}fetchData(){try{e().fetchSalonInfo(this.salonId).then((s=>this.salonInfoState=s))}catch(s){}}render(){if(this.isLoading)return i("div",{class:"view view--salon-locations"},i("div",{class:"view-content",style:this.withBorder?{border:`1px solid ${t.Gray02}`,borderRadius:"4px"}:{padding:"0px"}},i("div",{style:{backgroundColor:t.Gray02,height:"20px",width:"120px"}}),i("div",{style:{marginTop:"24px"}},i("div",{style:{backgroundColor:t.Gray01,height:"16px",width:"50%"}}),i("div",{style:{backgroundColor:t.Gray01,height:"16px",width:"50%",marginTop:"8px"}}),i("div",{style:{backgroundColor:t.Gray01,height:"192px",width:"100%",marginTop:"24px"}}))));const{businessPhone:s,businessName:e,website:o,email:l}=this.salonInfoState||{},d=a(o),c=n(this.salonInfoState);return i("div",{class:"view view--salon-locations"},i("div",{class:"view-content",style:this.withBorder?{border:`1px solid ${t.Gray02}`,borderRadius:"4px"}:{padding:"0px"}},i("div",{style:{fontSize:"18px",fontWeight:"bold"}},"Contact"),i("div",{class:"salon-contact--links",style:{marginTop:"16px"}},s&&i("div",{class:"salon-contact--links-item"},i("i",{class:"ri-phone-line",style:{color:t.Gray04,fontSize:"18px",marginRight:"6px"}})," ",i("a",{href:`tel:${s}`,style:{color:t.TextColor,textDecoration:"none"}},s)),d&&i("div",{class:"salon-contact--links-item"},i("i",{class:"ri-links-line",style:{color:t.Gray04,fontSize:"18px",marginRight:"6px"}})," ",i("a",{target:d&&-1===d.indexOf(window.location.hostname)?"_blank":void 0,href:d,style:{color:t.TextColor,textDecoration:"none"}},d)),l&&i("div",{class:"salon-contact--links-item"},i("i",{class:"ri-mail-line",style:{color:t.Gray04,fontSize:"18px",marginRight:"6px"}})," ",i("a",{href:`mailto:${l}`,style:{color:t.TextColor,textDecoration:"none"}},l))),i("div",{class:"view--salon-info--map",style:{marginTop:"24px"}},i("google-map",{"location-name":e,"location-address":c}))))}};c.style="@media (min-width: 768px){salon-locations .salon-contact--links{overflow:hidden;margin-left:-32px}salon-locations .salon-contact--links-item{float:left;display:flex;flex-direction:row;align-items:center;font-size:16px;min-width:300px;padding-left:32px}salon-locations .salon-contact--links-item:nth-child(2n+1){clear:left}salon-locations .salon-contact--links-item+.salon-contact--links-item{margin-top:8px}}";const r=class{constructor(i){s(this,i),this.salonId=void 0,this.salonInfo=void 0,this.isLoading=void 0,this.withBorder=void 0,this.salonInfoState=void 0}componentWillLoad(){this.salonInfo?this.salonInfoState=JSON.parse(this.salonInfo):this.fetchData()}fetchData(){try{e().fetchSalonInfo(this.salonId).then((s=>this.salonInfoState=s))}catch(s){}}renderBusinessHour(s){return s.status===l.ByAppointment?"By Appointment":s.status===l.Close?"Close":`${s.openTime} - ${s.closeTime}`}render(){if(this.isLoading)return i("div",{class:"view view--salon-contact"},i("div",{class:"view-content",style:this.withBorder?{border:`1px solid ${t.Gray02}`,borderRadius:"4px"}:{padding:"0px"}},i("div",{style:{backgroundColor:t.Gray02,height:"20px",width:"120px"}}),i("div",{style:{marginTop:"24px"}},i("div",{style:{backgroundColor:t.Gray01,height:"16px",width:"30%"}}),i("div",{style:{backgroundColor:t.Gray01,height:"16px",width:"40%",marginTop:"8px"}}),i("div",{style:{backgroundColor:t.Gray01,height:"16px",width:"75%",marginTop:"12px"}}),i("div",{style:{backgroundColor:t.Gray01,height:"16px",width:"75%",marginTop:"8px"}})),i("div",{style:{marginTop:"24px"}},i("div",{style:{overflow:"hidden",marginLeft:"-16px",marginBottom:"-16px"}},[1,2,3,4,5,6,7].map(((s,e)=>i("div",{key:`style-listing--item-${s}-${e}`,style:{float:"left",paddingLeft:"16px",marginBottom:"16px"}},i("div",{style:{backgroundColor:t.Gray01,width:"120px",height:"20px"}}))))))));const{about:s,businessHours:e}=this.salonInfoState||{};return i("div",{class:"view view--salon-contact"},i("div",{class:"view-content",style:this.withBorder?{border:`1px solid ${t.Gray02}`,borderRadius:"4px"}:{padding:"0px"}},i("div",{style:{fontSize:"18px",fontWeight:"bold"}},"About"),s&&i("div",{class:"salon-contact--info--desc",style:{fontSize:"16px",marginTop:"16px"},innerHTML:s}),e&&e.length>0&&i("div",{class:"salon-schedules",style:{marginTop:"24px"}},i("div",{class:"salon-schedules--title",style:{fontSize:"16px",fontWeight:"bold"}},"Working hours"),i("div",{class:"salon-schedules--dates"},i("div",{class:"salon-schedules--day",style:{marginTop:"8px"}},i("div",{class:"salon-schedules--day-name",style:{fontWeight:"bold",minWidth:"40px"}},"Mon"),i("div",{class:"salon-schedules--day-time"},this.renderBusinessHour(e[0]))),i("div",{class:"salon-schedules--day",style:{marginTop:"8px"}},i("div",{class:"salon-schedules--day-name",style:{fontWeight:"bold",minWidth:"40px"}},"Tue"),i("div",{class:"salon-schedules--day-time"},this.renderBusinessHour(e[1]))),i("div",{class:"salon-schedules--day",style:{marginTop:"8px"}},i("div",{class:"salon-schedules--day-name",style:{fontWeight:"bold",minWidth:"40px"}},"Wed"),i("div",{class:"salon-schedules--day-time"},this.renderBusinessHour(e[2]))),i("div",{class:"salon-schedules--day",style:{marginTop:"8px"}},i("div",{class:"salon-schedules--day-name",style:{fontWeight:"bold",minWidth:"40px"}},"Thur"),i("div",{class:"salon-schedules--day-time"},this.renderBusinessHour(e[3]))),i("div",{class:"salon-schedules--day",style:{marginTop:"8px"}},i("div",{class:"salon-schedules--day-name",style:{fontWeight:"bold",minWidth:"40px"}},"Fri"),i("div",{class:"salon-schedules--day-time"},this.renderBusinessHour(e[4]))),i("div",{class:"salon-schedules--day",style:{marginTop:"8px"}},i("div",{class:"salon-schedules--day-name",style:{fontWeight:"bold",minWidth:"40px"}},"Sat"),i("div",{class:"salon-schedules--day-time"},this.renderBusinessHour(e[5]))),i("div",{class:"salon-schedules--day",style:{marginTop:"8px"}},i("div",{class:"salon-schedules--day-name",style:{fontWeight:"bold",minWidth:"40px"}},"Sun"),i("div",{class:"salon-schedules--day-time"},this.renderBusinessHour(e[6])))))))}};r.style="salon-schedules .salon-schedules--day{display:flex;flex-direction:row;min-width:240px}@media (min-width: 768px){salon-schedules .salon-schedules--dates{overflow:hidden;margin-left:-32px}salon-schedules .salon-schedules--day{float:left;padding-left:32px}}";export{d as salon_latest_styles,c as salon_locations,r as salon_schedules}

package/dist/favesalon-embed/p-dee42d34.entry.js

@@ -0,0 +1 @@
+import{r as s,h as o}from"./p-9fe0cbeb.js";import{H as i}from"./p-c7fb7af5.js";import"./p-0bc4f624.js";import"./p-a33331cc.js";const t=class{constructor(o){s(this,o),this.salonId=void 0,this.salonInfo=void 0}componentWillLoad(){this.fetchData()}async fetchData(){try{this.salonInfo=await i().fetchSalonInfo(this.salonId)}catch(s){}}render(){return o("div",{class:"salon-info"},o("div",{class:"container"},o("div",{class:"salon-info--schedules",style:{marginBottom:"24px"}},o("salon-schedules",{"with-border":!0,"is-loading":!this.salonInfo,"salon-id":49989,"salon-info":JSON.stringify(this.salonInfo)})),o("div",{class:"row"},o("div",{class:"col-md-5",style:{marginBottom:"24px"}},o("salon-locations",{"with-border":!0,"is-loading":!this.salonInfo,"salon-id":49989,"salon-info":JSON.stringify(this.salonInfo)})),o("div",{class:"col-md-7",style:{marginBottom:"24px"}},o("salon-latest-styles",{"with-border":!0,"is-loading":!this.salonInfo,"salon-id":49989,"salon-info":JSON.stringify(this.salonInfo)})))))}};t.style="";export{t as salon_info}

package/dist/favesalon-embed/p-e661ca1d.entry.js

@@ -0,0 +1 @@
+import{r as e,g as t,h as o}from"./p-9fe0cbeb.js";import{C as r}from"./p-a33331cc.js";const s=class{constructor(t){e(this,t),this.locationName=void 0,this.locationAddress=void 0}render(){const e=t("./assets/map--placeholder.jpeg");return o("div",{style:{backgroundImage:`url("${e}")`,backgroundColor:r.Gray01,backgroundPosition:"center center",backgroundRepeat:"no-repeat",backgroundSize:"cover",borderRadius:"8px",position:"relative",height:"296px"}},o("div",{style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)"}},o("a",{target:"_blank",rel:"noopener noreferrer",href:`https://www.google.com/maps/search/?api=1&query=${this.locationAddress}`,style:{backgroundColor:r.Red01,border:`1px solid ${r.Red02}`,borderRadius:"4px",color:r.TextColor,padding:"12px",display:"flex",flexWrap:"wrap",height:"auto",width:"auto",whiteSpace:"normal",textAlign:"left",maxWidth:"320px",textDecoration:"none"}},this.locationName&&o("span",{style:{fontSize:"16px",marginBottom:"4px"}},this.locationName),this.locationAddress&&o("span",{style:{fontSize:"12px"}},this.locationAddress)),o("div",{style:{marginTop:"8px",textAlign:"center"}},o("i",{class:"ri-map-pin-fill",style:{fontSize:"24px"}}))))}static get assetsDirs(){return["assets"]}};s.style="google-map{display:block;width:100%;height:100%}";export{s as google_map}

package/dist/favesalon-embed/p-eeceab9c.entry.js

@@ -0,0 +1 @@
+import{r as e,h as i}from"./p-9fe0cbeb.js";import{H as t,d as s,s as o}from"./p-c7fb7af5.js";import{C as a}from"./p-a33331cc.js";import{g as r}from"./p-47e646f8.js";import"./p-0bc4f624.js";const l=class{constructor(i){e(this,i),this.salonId=void 0,this.primaryColor=a.Primary,this.salonReviews=[],this.isLoading=void 0}componentWillLoad(){this.fetchData()}async fetchData(){this.isLoading=!0;try{const{data:e}=await t().fetchSalonReviews(this.salonId,{limit:5});this.salonReviews=[...e]}catch(e){}this.isLoading=!1}render(){if(this.isLoading)return i("div",{class:"salon-latest-reviews",style:{overflow:"hidden"}},i("div",{style:{display:"flex",whiteSpace:"nowrap"}},[1,2,3,4,5].map(((e,t)=>i("div",{key:`salon-latest-review--${e}`,class:"salon-review",style:Object.assign({border:`1px solid ${a.Gray02}`,background:a.White,borderRadius:"8px",overflow:"hidden"},t>0?{marginLeft:"16px"}:{})},i("div",{class:"card",style:{border:"none"}},i("div",{class:"card-body"},i("div",{class:"salon-review--user",style:{marginBottom:"16px",overflow:"hidden"}},i("div",{style:{backgroundColor:a.Gray02,borderRadius:"50px",height:"48px",width:"48px",float:"left"}}),i("div",{style:{backgroundColor:a.Gray01,height:"16px",width:"120px",marginLeft:"16px",marginTop:"14px",float:"left"}})),i("div",{class:"salon-review--rating",style:{display:"flex",flexDirection:"row",marginBottom:"4px"}},[1,2,3,4,5].map((()=>i("div",{style:{backgroundColor:a.Gray01,height:"20px",width:"20px",marginRight:"8px",float:"left"}})))),i("div",{class:"salon-review--rating-text",style:{fontSize:"16px",fontWeight:"bold",marginTop:"16px"}},i("div",{style:{backgroundColor:a.Gray01,height:"16px",width:"132px"}})),i("div",{class:"salon-review--detail",style:{marginTop:"8px"}},i("div",{class:"salon-review--description",style:{fontSize:"16px",lineHeight:"26px",overflow:"hidden"}},i("div",{style:{backgroundColor:a.Gray01,height:"16px",width:"240px",float:"left"}}))))))))));const e=r();return i("div",{class:"salon-latest-reviews",style:{overflowX:"auto"}},i("div",{style:{display:"flex",whiteSpace:"nowrap"}},(this.salonReviews||[]).map(((t,r)=>{const{user:l}=t;return i("div",{class:"salon-review",style:Object.assign({border:`1px solid ${a.Gray02}`,background:a.White,borderRadius:"8px",overflow:"hidden"},r>0?{marginLeft:"16px"}:{})},i("div",{class:"card",style:{border:"none"}},i("div",{class:"card-body"},i("div",{class:"salon-review--user",style:{marginBottom:"16px"}},i("user-avatar",{size:48,name:i("div",{style:{fontSize:"18px",fontWeight:"600"}},l.fullName),shortName:`${(l.firstName||"").charAt(0)}${(l.lastName||"").charAt(0)}`,avatar:l.avatar,nameStyle:{fontWeight:"bold"}})),i("div",{class:"salon-review--rating",style:{display:"flex",flexDirection:"row",marginBottom:"4px"}},[1,2,3,4,5].map((e=>i("i",{class:e<=t.point?"ri-heart-fill":"ri-heart-line",style:Object.assign({fontSize:"16px",marginRight:"4px"},e<=t.point?{color:this.primaryColor}:{color:a.Gray04})}))),i("div",{class:"salon-review--rating--date",style:{fontSize:"14px",color:a.Gray04,marginLeft:"16px",position:"relative",top:"2px"}},s(t.createdDate).format(o))),i("div",{class:"salon-review--rating-text",style:{fontSize:"16px",fontWeight:"bold"}},e[t.point]),(t.title||t.description)&&i("div",{class:"salon-review--detail",style:{marginTop:"16px"}},i("div",{class:"salon-review--description",style:{fontSize:"16px",lineHeight:"26px",overflow:"hidden",maxHeight:t.photos.length>0?"52px":"104px"}},t.title||t.description)),t.photos.length>0&&i("div",{style:{display:"flex",flexDirection:"row",overflowX:"auto"}},t.photos.map((e=>i("div",{style:{border:"1px solid #d9d9d9",position:"relative",cursor:"pointer",borderRadius:"2px",height:"66px",marginTop:"12px",marginRight:"12px"}},i("img",{alt:"",src:e.imageUrlThumb,height:"64",style:{width:"auto"}}))))))))}))))}};l.style=".salon-latest-reviews .salon-review{min-width:280px}@media (min-width: 768px){.salon-latest-reviews .salon-review{min-width:300px}}";export{l as salon_latest_reviews}

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/types/components/chat-box/index.d.ts

@@ -0,0 +1,12 @@
+import { ChatRoom } from '../../types/chat';
+export declare class ChatBox {
+  primaryColor: string;
+  accessToken: string;
+  senderId: string;
+  chatRooms: ChatRoom[];
+  activeRoom: ChatRoom;
+  componentWillLoad(): void;
+  fetchData(): Promise<void>;
+  private onClickRoom;
+  render(): any;
+}

package/dist/types/components/chat-rooms/index.d.ts

@@ -0,0 +1,12 @@
+import { ChatRoom } from '../../types/chat';
+export declare class ChatRooms {
+  senderId: number;
+  chatRooms: ChatRoom[];
+  activeRoom: ChatRoom;
+  onClickRoom: (chatRoom: ChatRoom) => void;
+  keyword: string;
+  private clickRoom;
+  private onSearchRooms;
+  private renderChatRoom;
+  render(): any;
+}

package/dist/types/components/user-avatar/index.d.ts

@@ -1,6 +1,7 @@
 export declare class UserAvatar {
   size: number;
-  name: string;
+  name?: string;
+  description?: string;
   nameStyle?: object;
   shortName: string;
   avatar: string;

package/dist/types/components.d.ts

@@ -6,8 +6,14 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { User } from "./types/user";
-import { ChatMessage } from "./types/chat";
+import { ChatMessage, ChatRoom } from "./types/chat";
 export namespace Components {
+    interface ChatBox {
+        "accessToken": string;
+        "fetchData": () => Promise<void>;
+        "primaryColor": string;
+        "senderId": string;
+    }
     interface ChatButton {
         "accessToken": string;
         "fetchData": () => Promise<void>;
@@ -25,6 +31,12 @@ export namespace Components {
         "receiver": User;
         "sender": User;
     }
+    interface ChatRooms {
+        "activeRoom": ChatRoom;
+        "chatRooms": ChatRoom[];
+        "onClickRoom": (chatRoom: ChatRoom) => void;
+        "senderId": number;
+    }
     interface GoogleMap {
         "locationAddress"?: string;
         "locationName"?: string;
@@ -112,13 +124,20 @@ export namespace Components {
     }
     interface UserAvatar {
         "avatar": string;
-        "name": string;
+        "description"?: string;
+        "name"?: string;
         "nameStyle"?: object;
         "shortName": string;
         "size": number;
     }
 }
 declare global {
+    interface HTMLChatBoxElement extends Components.ChatBox, HTMLStencilElement {
+    }
+    var HTMLChatBoxElement: {
+        prototype: HTMLChatBoxElement;
+        new (): HTMLChatBoxElement;
+    };
     interface HTMLChatButtonElement extends Components.ChatButton, HTMLStencilElement {
     }
     var HTMLChatButtonElement: {
@@ -137,6 +156,12 @@ declare global {
         prototype: HTMLChatMessagesElement;
         new (): HTMLChatMessagesElement;
     };
+    interface HTMLChatRoomsElement extends Components.ChatRooms, HTMLStencilElement {
+    }
+    var HTMLChatRoomsElement: {
+        prototype: HTMLChatRoomsElement;
+        new (): HTMLChatRoomsElement;
+    };
     interface HTMLGoogleMapElement extends Components.GoogleMap, HTMLStencilElement {
     }
     var HTMLGoogleMapElement: {
@@ -240,9 +265,11 @@ declare global {
         new (): HTMLUserAvatarElement;
     };
     interface HTMLElementTagNameMap {
+        "chat-box": HTMLChatBoxElement;
         "chat-button": HTMLChatButtonElement;
         "chat-form": HTMLChatFormElement;
         "chat-messages": HTMLChatMessagesElement;
+        "chat-rooms": HTMLChatRoomsElement;
         "google-map": HTMLGoogleMapElement;
         "salon-booking": HTMLSalonBookingElement;
         "salon-booking-modal": HTMLSalonBookingModalElement;
@@ -263,6 +290,11 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface ChatBox {
+        "accessToken"?: string;
+        "primaryColor"?: string;
+        "senderId"?: string;
+    }
     interface ChatButton {
         "accessToken"?: string;
         "primaryColor"?: string;
@@ -279,6 +311,12 @@ declare namespace LocalJSX {
         "receiver"?: User;
         "sender"?: User;
     }
+    interface ChatRooms {
+        "activeRoom"?: ChatRoom;
+        "chatRooms"?: ChatRoom[];
+        "onClickRoom"?: (chatRoom: ChatRoom) => void;
+        "senderId"?: number;
+    }
     interface GoogleMap {
         "locationAddress"?: string;
         "locationName"?: string;
@@ -353,15 +391,18 @@ declare namespace LocalJSX {
     }
     interface UserAvatar {
         "avatar"?: string;
+        "description"?: string;
         "name"?: string;
         "nameStyle"?: object;
         "shortName"?: string;
         "size"?: number;
     }
     interface IntrinsicElements {
+        "chat-box": ChatBox;
         "chat-button": ChatButton;
         "chat-form": ChatForm;
         "chat-messages": ChatMessages;
+        "chat-rooms": ChatRooms;
         "google-map": GoogleMap;
         "salon-booking": SalonBooking;
         "salon-booking-modal": SalonBookingModal;
@@ -385,9 +426,11 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "chat-box": LocalJSX.ChatBox & JSXBase.HTMLAttributes<HTMLChatBoxElement>;
             "chat-button": LocalJSX.ChatButton & JSXBase.HTMLAttributes<HTMLChatButtonElement>;
             "chat-form": LocalJSX.ChatForm & JSXBase.HTMLAttributes<HTMLChatFormElement>;
             "chat-messages": LocalJSX.ChatMessages & JSXBase.HTMLAttributes<HTMLChatMessagesElement>;
+            "chat-rooms": LocalJSX.ChatRooms & JSXBase.HTMLAttributes<HTMLChatRoomsElement>;
             "google-map": LocalJSX.GoogleMap & JSXBase.HTMLAttributes<HTMLGoogleMapElement>;
             "salon-booking": LocalJSX.SalonBooking & JSXBase.HTMLAttributes<HTMLSalonBookingElement>;
             "salon-booking-modal": LocalJSX.SalonBookingModal & JSXBase.HTMLAttributes<HTMLSalonBookingModalElement>;

package/dist/types/utils/utils.d.ts

@@ -1,4 +1,5 @@
 import { Salon } from "../types/salon";
+export declare function wait(time?: number): Promise<unknown>;
 export declare function format(first: string, middle: string, last: string): string;
 export declare function formatWebsiteUrl(website: string): string;
 export declare function formatFullAddress(salon: Salon): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "favesalon-embed",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Favesalon Embed",
   "author": "Trung Luu <trung@favesalon.com> (https://favesalon.com)",
   "main": "dist/index.cjs.js",