favesalon-embed 1.1.0 → 1.1.2

package/dist/favesalon-embed/reset-password-form.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, g as get_1 } from './services-48c99e41.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
+import { H as HttpService, g as get_1 } from './services-b2dd15e7.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-booking-modal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
 import { C as Colors } from './colors-ea36347a.js';
 
 const indexCss = ".salon-modal.salon-modal--booking:before{display:none}.salon-modal.salon-modal--booking .salon-modal--inner,.salon-modal.salon-modal--booking .salon-modal--content{max-width:none;width:100%;height:100%}.salon-modal.salon-modal--booking .salon-modal--close{background-color:#EFEFEF;width:40px;height:40px;right:16px;top:16px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}@media (min-width: 768px){.salon-modal.salon-modal--booking .salon-modal--close{right:20px;top:20px}}";

package/dist/favesalon-embed/salon-booking.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
 import { c as color, l as lib } from './index-ac52896a.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';

package/dist/favesalon-embed/salon-gift-card-modal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
 import { C as Colors } from './colors-ea36347a.js';
 
 const indexCss = ".salon-modal.salon-modal--gift-card:before{display:none}.salon-modal.salon-modal--gift-card .salon-modal--inner,.salon-modal.salon-modal--gift-card .salon-modal--content{max-width:none;width:100%;height:100%}.salon-modal.salon-modal--gift-card .salon-modal--close{background-color:#EFEFEF;width:40px;height:40px;right:16px;top:16px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}@media (min-width: 768px){.salon-modal.salon-modal--gift-card .salon-modal--close{right:20px;top:20px}}";

package/dist/favesalon-embed/salon-gift-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
 import { c as color, l as lib } from './index-ac52896a.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';

package/dist/favesalon-embed/salon-info.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService } from './services-48c99e41.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
+import { H as HttpService } from './services-b2dd15e7.js';
 import './_commonjsHelpers-9bc404fc.js';
 import './colors-ea36347a.js';
 

package/dist/favesalon-embed/salon-latest-reviews.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, d as dayjs_min, h as shortDateYearFormat } from './services-48c99e41.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
+import { H as HttpService, d as dayjs_min, h as shortDateYearFormat } from './services-b2dd15e7.js';
 import { C as Colors } from './colors-ea36347a.js';
 import { g as getRatingText } from './utils-359c37f7.js';
 import './_commonjsHelpers-9bc404fc.js';

package/dist/favesalon-embed/salon-latest-styles.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService, k as isVideoMedia } from './services-48c99e41.js';
+import { H as HttpService, k as isVideoMedia } from './services-b2dd15e7.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = "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}}";

package/dist/favesalon-embed/salon-locations.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
 import { a as formatWebsiteUrl, b as formatFullAddress } from './utils-359c37f7.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-48c99e41.js';
+import { H as HttpService } from './services-b2dd15e7.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = "@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}}";

package/dist/favesalon-embed/salon-lookbook.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-48c99e41.js';
+import { H as HttpService } from './services-b2dd15e7.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = "@media (max-width: 768px){salon-lookbook .view-header{display:block !important}salon-lookbook .salon-loobook--serch-result{margin-bottom:16px}salon-lookbook .salon-loobook--filter-wrapper>label,salon-lookbook .salon-loobook--sort-wrapper>label{display:none !important}}";

package/dist/favesalon-embed/salon-ranking.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
 import { C as Colors } from './colors-ea36347a.js';
 
 const indexCss = "salon-ranking{display:block}";

package/dist/favesalon-embed/salon-reviews.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, d as dayjs_min, h as shortDateYearFormat } from './services-48c99e41.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
+import { H as HttpService, d as dayjs_min, h as shortDateYearFormat } from './services-b2dd15e7.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-schedules.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, B as BusinessHourStatus } from './services-48c99e41.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
+import { H as HttpService, B as BusinessHourStatus } from './services-b2dd15e7.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-services.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, j as sortBy_1 } from './services-48c99e41.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
+import { H as HttpService, j as sortBy_1 } from './services-b2dd15e7.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-stylists.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-48c99e41.js';
+import { H as HttpService } from './services-b2dd15e7.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = ".view--salon-stylists{overflow:hidden;margin-left:-12px;margin-top:-12px}.view--salon-stylists .salon-stylist{float:left;padding-left:12px;padding-top:12px;width:50%}.view--salon-stylists .salon-stylist--avatar{height:180px}@media (min-width: 576px){.view--salon-stylists .salon-stylist{width:33.33%;max-width:240px}}@media (min-width: 768px){.view--salon-stylists{margin-left:-24px;margin-top:-24px}.view--salon-stylists .salon-stylist{padding-left:24px;padding-top:24px;width:264px;max-width:none}.view--salon-stylists .salon-stylist--avatar{height:240px}}";

package/dist/favesalon-embed/{services-48c99e41.js → services-b2dd15e7.js}

@@ -23927,6 +23927,36 @@ class HttpService {
     })
       .catch(() => ({ total: 0, data: [] }));
   }
+  fetchSalonOwnerOnlineStatus(userId, onDone) {
+    if (this.firebaseDatabase) {
+      try {
+        const roomInchatRef = ref(this.firebaseDatabase, `presence/in_chat`);
+        const roomQuery = query(roomInchatRef, orderByChild(userId), equalTo(true));
+        onValue(roomQuery, (snapshot) => {
+          const data = snapshot.val();
+          onDone(!!data);
+        });
+      }
+      catch (error) {
+        onDone(false);
+      }
+    }
+    onDone(false);
+  }
+  fetchChatroomUserInChat(roomId, userId) {
+    const roomUsersRef = ref(this.firebaseDatabase);
+    return get(child(roomUsersRef, `presence/in_chat/${roomId}`))
+      .then((snapshot) => {
+      if (snapshot.exists()) {
+        const allUsersStatues = snapshot.val();
+        return !!(allUsersStatues || {})[userId];
+      }
+      return false;
+    })
+      .catch(() => {
+      return false;
+    });
+  }
   createChatRoom(receiverId, accessToken) {
     const url = `${apiV2Prefix}/chatroom/create/${receiverId}?access_token=${accessToken}`;
     return this.http.get(url)
@@ -23941,7 +23971,7 @@ class HttpService {
     return this.http.get(url)
       .then(response => {
       const blobs = get_1(response, 'data.data', []);
-      const chatRooms = blobs.map(createChatRoom);
+      const chatRooms = blobs.filter(blob => blob.firebase_room_id && blob.from_user && blob.to_user).map(createChatRoom);
       // fetch next page's styles
       if (chatRooms.length >= 20) {
         return this.fetchRooms(accessToken, page + 1, allRooms.concat(chatRooms));
@@ -24027,6 +24057,10 @@ class HttpService {
     }
     return Promise.reject();
   }
+  sendChatNotification(options, accessToken) {
+    const url = `${apiV2Prefix}/chatroom/send-notification?access_token=${accessToken}`;
+    return this.http.post(url, options);
+  }
   sendNotification(options, accessToken) {
     const url = `${apiV2Prefix}/push-notification/send-users?access_token=${accessToken}`;
     return this.http.post(url, options);

package/dist/favesalon-embed/style-detail.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
-import { d as dayjs_min, H as HttpService, k as isVideoMedia, e as getSalonImage, h as shortDateYearFormat } from './services-48c99e41.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
+import { d as dayjs_min, H as HttpService, k as isVideoMedia, e as getSalonImage, h as shortDateYearFormat } from './services-b2dd15e7.js';
 import { r as relativeTime } from './relativeTime-15477f02.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';

package/dist/favesalon-embed/user-avatar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
 import { C as Colors } from './colors-ea36347a.js';
 
 const indexCss = "";

package/dist/favesalon-embed/user-form.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
 
 const userFormCss = ":host{display:block}";
 

package/dist/favesalon-embed/wizard-existing-user.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, g as get_1 } from './services-48c99e41.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
+import { H as HttpService, g as get_1 } from './services-b2dd15e7.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
@@ -161,11 +161,8 @@ const WizardExistingUser = class {
           color: Colors.Black,
           borderColor: Colors.Gray03,
           backgroundColor: Colors.Gray03,
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
         } : {},
-      }, onClick: () => this.sendLoginCode() }, "Verify now ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))))));
+      }, onClick: () => this.sendLoginCode() }, "Verify now ", this.isSubmitting && (h("span", { style: { marginLeft: '4px', position: 'relative', top: '2px' } }, h("icon-loading", null)))))));
   }
 };
 WizardExistingUser.style = wizardExistingUserCss;

package/dist/favesalon-embed/wizard-new-user.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, g as get_1 } from './services-48c99e41.js';
+import { r as registerInstance, h } from './index-759c34ea.js';
+import { H as HttpService, g as get_1 } from './services-b2dd15e7.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
@@ -193,11 +193,8 @@ const WizardNewUser = class {
           color: Colors.Black,
           borderColor: Colors.Gray03,
           backgroundColor: Colors.Gray03,
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
         } : {},
-      }, onClick: () => this.verifyAccount() }, "Verify now ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))))));
+      }, onClick: () => this.verifyAccount() }, "Verify now ", this.isSubmitting && (h("span", { style: { marginLeft: '4px', position: 'relative', top: '2px' } }, h("icon-loading", null)))))));
   }
 };
 WizardNewUser.style = wizardNewUserCss;

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

@@ -6,6 +6,7 @@ export declare class ChatButton {
   receiverAvatar?: string;
   accessToken?: string;
   senderId?: string;
+  isSalonOwnerOnline: boolean;
   senderIdState: string;
   accessTokenState: string;
   senderInfo: User;
@@ -22,9 +23,11 @@ export declare class ChatButton {
   componentDidLoad(): void;
   componentWillLoad(): void;
   onContentScrolled(): void;
+  checkSalonOwnerOnlineStatus(): void;
   onSetupChat(): void;
+  markMessagesAsRead(): Promise<void>;
   onClickChat(): void;
-  fetchData(): Promise<void>;
+  fetchData(markMessagesAsRead?: boolean): Promise<void>;
   onVerificationSuccess(user: User): void;
   render(): any;
 }

package/dist/types/components/chat-button/notify-sounds.d.ts

@@ -1,5 +1,7 @@
 export declare class NotifySounds {
-  componentDidLoad(): void;
+  unreadMessages: number;
+  componentDidRender(): void;
+  watchHandler(newValue: any, oldValue: any): void;
   private playSound;
   render(): any;
 }

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

@@ -4,6 +4,7 @@ export declare class ChatForm {
   accessToken: string;
   sender: User;
   chatRoom: ChatRoom;
+  private playSound;
   private sendNotification;
   private updateChatroomInfo;
   private onSubmitMessage;

package/dist/types/components.d.ts

@@ -39,7 +39,9 @@ export namespace Components {
     }
     interface ChatButton {
         "accessToken"?: string;
-        "fetchData": () => Promise<void>;
+        "checkSalonOwnerOnlineStatus": () => Promise<void>;
+        "fetchData": (markMessagesAsRead?: boolean) => Promise<void>;
+        "markMessagesAsRead": () => Promise<void>;
         "onClickChat": () => Promise<void>;
         "onSetupChat": () => Promise<void>;
         "onVerificationSuccess": (user: User) => Promise<void>;
@@ -103,6 +105,7 @@ export namespace Components {
         "salonId": string;
     }
     interface NotifySounds {
+        "unreadMessages": number;
     }
     interface PoweredByFavesalon {
         "css": any;
@@ -606,6 +609,7 @@ declare namespace LocalJSX {
         "salonId"?: string;
     }
     interface NotifySounds {
+        "unreadMessages"?: number;
     }
     interface PoweredByFavesalon {
         "css"?: any;

package/dist/types/services/services.d.ts

@@ -75,6 +75,8 @@ declare class HttpService {
     total: number;
     data: any[];
   }>;
+  fetchSalonOwnerOnlineStatus(userId: any, onDone: any): void;
+  fetchChatroomUserInChat(roomId: any, userId: any): Promise<boolean>;
   createChatRoom(receiverId: any, accessToken: any): Promise<any>;
   private fetchRooms;
   fetchChatRooms(accessToken: string): any;
@@ -88,6 +90,7 @@ declare class HttpService {
     senderId: any;
     timestamp: number;
   }>;
+  sendChatNotification(options: any, accessToken: any): Promise<import("axios").AxiosResponse<any>>;
   sendNotification(options: any, accessToken: any): Promise<import("axios").AxiosResponse<any>>;
   loginByPhoneCode(options: any): Promise<{
     id: any;

package/package.json

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

package/dist/favesalon-embed/app-globals-8f27cbc0.js

@@ -1,7 +0,0 @@
-import './index-761e92c1.js';
-
-const globalFn = () => { };
-
-const globalScripts = globalFn;
-
-export { globalScripts as g };