favesalon-embed 1.0.2 → 1.0.3

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, i as isVideoMedia, g as getSalonImage, s as shortDateYearFormat } from './services-7cb8f2a6.js';
+import { d as dayjs_min, H as HttpService, i as isVideoMedia, g as getSalonImage, s as shortDateYearFormat } from './services-7c46a2fd.js';
 import { r as relativeTime } from './relativeTime-268e64b0.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-a4f66ccd.js';

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

@@ -8,12 +8,14 @@ const UserAvatar = class {
     registerInstance(this, hostRef);
     this.size = 24;
     this.name = undefined;
+    this.description = undefined;
     this.nameStyle = undefined;
     this.shortName = undefined;
     this.avatar = undefined;
   }
   render() {
     return (h("div", { style: { display: "flex", alignItems: "center" } }, this.avatar && (h("div", { style: {
+        border: `1px solid ${Colors.White}`,
         backgroundImage: `url("${this.avatar}")`,
         backgroundColor: Colors.Gray01,
         backgroundPosition: 'center center',
@@ -23,9 +25,8 @@ const UserAvatar = class {
         width: `${this.size}px`,
         minWidth: `${this.size}px`,
       } })), !this.avatar && (h("div", { style: {
+        border: `1px solid ${Colors.White}`,
         backgroundColor: Colors.Gray01,
-        backgroundPosition: 'center center',
-        backgroundSize: 'cover',
         borderRadius: '50%',
         display: 'flex',
         alignItems: 'center',
@@ -33,7 +34,14 @@ const UserAvatar = class {
         height: `${this.size}px`,
         width: `${this.size}px`,
         minWidth: `${this.size}px`,
-      } }, this.shortName)), this.name && (h("div", { style: Object.assign({ flexShrink: '1', flexGrow: '1', marginLeft: '12px', overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' }, this.nameStyle) }, this.name))));
+      } }, this.shortName)), this.name && (h("div", { style: {
+        flexShrink: '1',
+        flexGrow: '1',
+        marginLeft: '12px',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+      } }, h("div", { style: Object.assign({}, this.nameStyle) }, this.name), this.description && h("div", { style: { color: '#999999' } }, this.description)))));
   }
 };
 ;

package/dist/favesalon-embed/{utils-7de9628a.js → utils-2c19db45.js}

@@ -1,3 +1,6 @@
+function wait(time = 1000) {
+  return new Promise(resolve => setTimeout(() => resolve({}), time));
+}
 function format(first, middle, last) {
   return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }

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.3",
   "description": "Favesalon Embed",
   "author": "Trung Luu <trung@favesalon.com> (https://favesalon.com)",
   "main": "dist/index.cjs.js",