favesalon-embed 1.0.5 → 1.0.6

package/dist/favesalon-embed/{services-65a8cf4a.js → services-d71be591.js}

@@ -23387,6 +23387,9 @@ function createUser(blob) {
     fullName: userNames.length > 0 ? userNames.join(' ') : (blob.fullName || blob.name || blob.username),
     avatar: blob.avatar || blob.full_profile_image_thumb,
     mobilePhone: blob.mobile_phone,
+    accessToken: blob.access_token,
+    email: blob.email,
+    password: blob.password,
   };
 }
 function createUserFromChatRoom(blob) {
@@ -23585,17 +23588,6 @@ function createChatRoom(blob) {
   });
 }
 
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-};
 const apiV2Prefix = 'api-ver2';
 const firebaseMessagesNode = 'favesalon--messages';
 class HttpService {
@@ -23622,6 +23614,39 @@ class HttpService {
     }
     catch (error) { }
   }
+  login(apiUrl, options) {
+    const url = `${apiUrl}/${apiV2Prefix}/user/login`;
+    return this.http.post(url, options)
+      .then(response => {
+      const status = get_1(response, 'data.status');
+      const blob = get_1(response, 'data.data');
+      if (status && blob.id) {
+        const userEntity = createUser(blob);
+        return Promise.resolve(userEntity);
+      }
+      return Promise.reject(response);
+    });
+  }
+  register(options) {
+    const url = `${apiV2Prefix}/user/create`;
+    return this.http.post(url, options);
+  }
+  resendActivateCode(email) {
+    const url = `${apiV2Prefix}/user/resend-activate?email=${email}`;
+    return this.http.get(url);
+  }
+  activateAccount(email, code) {
+    const url = `${apiV2Prefix}/user/active?email=${email}&code=${code}`;
+    return this.http.get(url);
+  }
+  resetPassword(email) {
+    const url = `${apiV2Prefix}/user/forgot-password?${email.indexOf('@') > -1 ? 'email' : 'phone'}=${email}`;
+    return this.http.get(url);
+  }
+  onChangePassword(options) {
+    const url = `${apiV2Prefix}/user/change-password`;
+    return this.http.post(url, options);
+  }
   fetchClients(salonId, keyword, accessToken) {
     const url = `${apiV1Prefix}/salon/clients/list/${salonId}?page=1&limit=10&access_token=${accessToken}`;
     const payload = {
@@ -23670,7 +23695,7 @@ class HttpService {
   }
   fetchSalonLatestStyles(salonId, options) {
     const url = `${apiV2Prefix}/salon/${salonId}/styles`;
-    return this.http.post(url, Object.assign(Object.assign({}, options), { sort: 'newest' }))
+    return this.http.post(url, { ...options, sort: 'newest' })
       .then(response => {
       const { data } = response.data;
       return (data || []).slice(0, options.limit).map(createFaveStyle);
@@ -23694,7 +23719,7 @@ class HttpService {
             type: 'sub-category',
             data: (subCate.services || []).map(rawService => {
               const serviceObj = createService(rawService);
-              return Object.assign(Object.assign({}, serviceObj), { type: 'service' });
+              return { ...serviceObj, type: 'service' };
             }),
           };
         }),
@@ -23727,7 +23752,7 @@ class HttpService {
   }
   fetchSalonReviews(salonId, options) {
     const url = `${apiV2Prefix}/salon/${salonId}/reviews`;
-    return this.http.post(url, Object.assign({ avg_point_greater_than: 0 }, options))
+    return this.http.post(url, { avg_point_greater_than: 0, ...options })
       .then(response => {
       const { data, paging } = response.data || {};
       const { total_1star: onestar, total_2star: twoStar, total_3star: threeStar, total_4star: fourStar, total_5star: fiveStar, total_review: totalReviews, avg_point: reviewPoint, } = paging.review_detail || {};
@@ -23768,7 +23793,11 @@ class HttpService {
   fetchSalonLookbooks(salonId, options) {
     const noResult = { total: 0, allLookbooks: [] };
     const url = `${apiV2Prefix}/salon/${salonId}/styles`;
-    const postData = Object.assign({ page: 1, limit: 20 }, options);
+    const postData = {
+      page: 1,
+      limit: 20,
+      ...options,
+    };
     return this.http.post(url, postData)
       .then(response => {
       const { status, data, paging } = response.data;
@@ -23827,7 +23856,7 @@ class HttpService {
         onValue(roomMessagesRef, (snapshot) => {
           const conversations = [];
           each$1(snapshot.val(), (message, key) => {
-            const chatMessage = createChatMessage(Object.assign(Object.assign({}, message), { uid: key }));
+            const chatMessage = createChatMessage({ ...message, uid: key });
             conversations.push(chatMessage);
           });
           onDone(sortBy_1(conversations, 'timestamp'));
@@ -23845,8 +23874,8 @@ class HttpService {
         const roomMessagesRef = ref(this.firebaseDatabase, `${firebaseMessagesNode}/${roomId}`);
         const updates = {};
         roomMessages.forEach(message => {
-          const { uid } = message, nestedMessage = __rest(message, ["uid"]);
-          updates[`${message.uid}`] = Object.assign(Object.assign({}, nestedMessage), { unRead: 0 });
+          const { uid, ...nestedMessage } = message;
+          updates[`${message.uid}`] = { ...nestedMessage, unRead: 0 };
         });
         return update(roomMessagesRef, updates);
       }
@@ -23874,7 +23903,10 @@ class HttpService {
         };
         return update(roomMessagesRef, updates)
           .then(() => {
-          return Object.assign(Object.assign({}, newMessage), { uid: newMessageKey });
+          return {
+            ...newMessage,
+            uid: newMessageKey,
+          };
         });
       }
       catch (error) { }

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-260ea6eb.js';
+import { d as dayjs_min, H as HttpService, i as isVideoMedia, g as getSalonImage, s as shortDateYearFormat } from './services-d71be591.js';
 import { r as relativeTime } from './relativeTime-268e64b0.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-a4f66ccd.js';
@@ -121,7 +121,17 @@ const StyleDetail = class {
       return (h("div", { class: "salon-modal salon-modal--lookbook-detail" }, h("div", { class: "salon-modal--inner" }, h("div", { class: "salon-modal--content" }, h("div", { class: "style-detail" }, h("div", { class: "style-detail--header" }, h("div", { style: {
           position: 'relative',
           overflow: 'hidden',
-        } }, h("div", { style: Object.assign({ backgroundColor: Colors.Gray01, backgroundSize: 'cover', backgroundRepeat: 'no-repeat', backgroundPosition: '0 0', filter: 'blur(30px)', position: 'absolute', inset: '0', zIndex: '1' }, this.currentMedia && !isVideoMedia(this.currentMedia) ? { backgroundImage: `url("${this.currentMedia.imageThumb}")` } : {}) }), h("div", { style: {
+        } }, h("div", { style: {
+          backgroundColor: Colors.Gray01,
+          backgroundSize: 'cover',
+          backgroundRepeat: 'no-repeat',
+          backgroundPosition: '0 0',
+          filter: 'blur(30px)',
+          position: 'absolute',
+          inset: '0',
+          zIndex: '1',
+          ...this.currentMedia && !isVideoMedia(this.currentMedia) ? { backgroundImage: `url("${this.currentMedia.imageThumb}")` } : {},
+        } }), h("div", { style: {
           zIndex: '2',
           position: 'relative',
           width: '100%',
@@ -176,12 +186,20 @@ const StyleDetail = class {
           position: 'relative',
         } }, this.albumMedias.map((media, idx) => {
         const isStyleVideo = isVideoMedia(media);
-        return (h("div", { class: "style-detail--slides--thumbnail", style: Object.assign(Object.assign({ backgroundColor: Colors.Gray01, borderRadius: '4px', overflow: 'hidden', position: 'relative', cursor: 'pointer' }, this.currentMediaIdx !== idx ? { opacity: '0.75' } : {}), !isStyleVideo ? {
-            backgroundImage: `url("${media.imageThumb || media.imageThumbMedium}")`,
-            backgroundRepeat: 'no-repeat',
-            backgroundPosition: 'center center',
-            backgroundSize: 'cover',
-          } : {}), onClick: () => {
+        return (h("div", { class: "style-detail--slides--thumbnail", style: {
+            backgroundColor: Colors.Gray01,
+            borderRadius: '4px',
+            overflow: 'hidden',
+            position: 'relative',
+            cursor: 'pointer',
+            ...this.currentMediaIdx !== idx ? { opacity: '0.75' } : {},
+            ...!isStyleVideo ? {
+              backgroundImage: `url("${media.imageThumb || media.imageThumbMedium}")`,
+              backgroundRepeat: 'no-repeat',
+              backgroundPosition: 'center center',
+              backgroundSize: 'cover',
+            } : {},
+          }, onClick: () => {
             this.currentMedia = media;
             this.currentMediaIdx = idx;
           } }, isStyleVideo && (h("div", null, h("video", { muted: true, width: "100%", height: "100%", poster: media.imageThumb }, h("source", { src: media.mediaUrl, type: "video/mp4" })), h("i", { class: "ri-play-circle-fill", style: {

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

@@ -41,7 +41,9 @@ const UserAvatar = class {
         overflow: 'hidden',
         whiteSpace: 'nowrap',
         textOverflow: 'ellipsis',
-      } }, h("div", { style: Object.assign({}, this.nameStyle) }, this.name), this.description && h("div", { style: { color: '#999999' } }, this.description)))));
+      } }, h("div", { style: {
+        ...this.nameStyle,
+      } }, this.name), this.description && h("div", { style: { color: '#999999' } }, this.description)))));
   }
 };
 ;

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

@@ -0,0 +1,44 @@
+import { r as registerInstance, h } from './index-888e99e3.js';
+
+const userFormCss = ":host{display:block}";
+
+var FormType;
+(function (FormType) {
+  FormType["Login"] = "Login";
+  FormType["Register"] = "Register";
+  FormType["Activate"] = "Activate";
+  FormType["ResetPassword"] = "ResetPassword";
+  FormType["ChangePassword"] = "ChangePassword";
+})(FormType || (FormType = {}));
+const UserForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onSuccess = undefined;
+    this.type = undefined;
+    this.currentUser = undefined;
+  }
+  render() {
+    if (this.type === FormType.Register) {
+      return (h("div", null, h("div", { style: { marginBottom: '24px' } }, h("h3", { style: { fontSize: '24px', margin: '8px 0' } }, "Create an account"), h("div", { style: { marginBottom: '4px' } }, "Already have an account? ", h("span", { onClick: () => this.type = FormType.Login, style: { cursor: 'pointer', textDecoration: 'underline' } }, "Signin now"))), h("register-form", { onSuccess: (user) => {
+          this.currentUser = user;
+          this.type = FormType.Activate;
+        } })));
+    }
+    if (this.type === FormType.Activate) {
+      return (h("div", null, h("div", { style: { marginBottom: '24px' } }, h("h3", { style: { fontSize: '24px', margin: '8px 0' } }, "Activate account"), h("div", { style: { marginBottom: '4px' } }, "We\u2019ve sent you a confirmation code. Please check your email inbox and enter the code below")), h("activate-form", { username: (this.currentUser || {}).email, password: (this.currentUser || {}).password, onSuccess: (user) => this.onSuccess(user) })));
+    }
+    if (this.type === FormType.ResetPassword) {
+      return (h("div", null, h("div", { style: { marginBottom: '24px' } }, h("h3", { style: { fontSize: '24px', margin: '8px 0' } }, "Reset password"), h("div", { style: { marginBottom: '4px' } }, "Already have an account? ", h("span", { onClick: () => this.type = FormType.Login, style: { cursor: 'pointer', textDecoration: 'underline' } }, "Signin now"))), h("reset-password-form", { onSuccess: (user) => {
+          this.currentUser = user;
+          this.type = FormType.ChangePassword;
+        } })));
+    }
+    if (this.type === FormType.ChangePassword) {
+      return (h("div", null, h("div", { style: { marginBottom: '24px' } }, h("h3", { style: { fontSize: '24px', margin: '8px 0' } }, "Change password"), h("div", { style: { marginBottom: '4px' } }, "We\u2019ve sent you a confirmation code. Please check your email inbox and enter the code below")), h("change-password-form", { username: (this.currentUser || {}).email, onSuccess: (user) => this.onSuccess(user) })));
+    }
+    return (h("div", null, h("div", { style: { marginBottom: '24px' } }, h("h3", { style: { fontSize: '24px', margin: '8px 0' } }, "Please login to continue"), h("div", { style: { marginBottom: '4px' } }, "Don\u2019t have an account? ", h("span", { onClick: () => this.type = FormType.Register, style: { cursor: 'pointer', textDecoration: 'underline' } }, "Signup now"))), h("login-form", { onSuccess: (user) => this.onSuccess(user) }), h("div", { style: { marginTop: '16px' } }, "Forgot your password? ", h("span", { onClick: () => this.type = FormType.ResetPassword, style: { cursor: 'pointer', textDecoration: 'underline' } }, "Reset now"))));
+  }
+};
+UserForm.style = userFormCss;
+
+export { UserForm as user_form };

package/dist/types/components/activate-form/activate-form.d.ts

@@ -0,0 +1,12 @@
+import { User } from '../../types/user';
+export declare class ActivateForm {
+  username: string;
+  password: string;
+  onSuccess: (user: User) => void;
+  isSubmitting: boolean;
+  error: string;
+  confirmCode: string;
+  onSubmit(evt: any): Promise<void>;
+  resendCode(evt: any): Promise<void>;
+  render(): any;
+}

package/dist/types/components/activate-form/test/activate-form.e2e.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/activate-form/test/activate-form.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/change-password-form/change-password-form.d.ts

@@ -0,0 +1,12 @@
+import { User } from '../../types/user';
+export declare class ChangePasswordForm {
+  username: string;
+  onSuccess: (user: User) => void;
+  isSubmitting: boolean;
+  error: string;
+  confirmCode: string;
+  password: string;
+  onSubmit(evt: any): Promise<void>;
+  resendCode(evt: any): Promise<void>;
+  render(): any;
+}

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

@@ -2,9 +2,12 @@ import { User } from '../../types/user';
 import { ChatMessage, ChatRoom } from '../../types/chat';
 export declare class ChatButton {
   primaryColor: string;
-  accessToken: string;
-  senderId: string;
   receiverId: string;
+  accessToken?: string;
+  senderId?: string;
+  senderIdState: string;
+  accessTokenState: string;
+  isChatVerificationExpanded: boolean;
   senderInfo: User;
   receiverInfo: User;
   chatRoom: ChatRoom;
@@ -12,5 +15,6 @@ export declare class ChatButton {
   isChatExpanded: boolean;
   componentWillLoad(): void;
   fetchData(): Promise<void>;
+  onVerificationSuccess(user: User): void;
   render(): any;
 }

package/dist/types/components/login-form/login-form.d.ts

@@ -0,0 +1,10 @@
+import { User } from '../../types/user';
+export declare class LoginForm {
+  onSuccess: (user: User) => void;
+  isSubmitting: boolean;
+  error: string;
+  username: string;
+  password: string;
+  onSubmit(evt: any): Promise<void>;
+  render(): any;
+}

package/dist/types/components/register-form/register-form.d.ts

@@ -0,0 +1,13 @@
+import { User } from '../../types/user';
+export declare class RegisterForm {
+  onSuccess: (user: User) => void;
+  isSubmitting: boolean;
+  error: string;
+  firstName: string;
+  lastName: string;
+  email: string;
+  phone: string;
+  password: string;
+  onSubmit(evt: any): Promise<void>;
+  render(): any;
+}

package/dist/types/components/reset-password-form/reset-password-form.d.ts

@@ -0,0 +1,9 @@
+import { User } from '../../types/user';
+export declare class ResetPasswordForm {
+  onSuccess: (user: User) => void;
+  isSubmitting: boolean;
+  error: string;
+  username: string;
+  onSubmit(evt: any): Promise<void>;
+  render(): any;
+}

package/dist/types/components/user-form/user-form.d.ts

@@ -0,0 +1,7 @@
+import { User } from '../../types/user';
+export declare class UserForm {
+  onSuccess: (user: User) => void;
+  type: string;
+  currentUser: User;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -8,6 +8,19 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { User } from "./types/user";
 import { ChatMessage, ChatRoom } from "./types/chat";
 export namespace Components {
+    interface ActivateForm {
+        "onSubmit": (evt: any) => Promise<void>;
+        "onSuccess": (user: User) => void;
+        "password": string;
+        "resendCode": (evt: any) => Promise<void>;
+        "username": string;
+    }
+    interface ChangePasswordForm {
+        "onSubmit": (evt: any) => Promise<void>;
+        "onSuccess": (user: User) => void;
+        "resendCode": (evt: any) => Promise<void>;
+        "username": string;
+    }
     interface ChatBox {
         "accessToken": string;
         "fetchData": () => Promise<void>;
@@ -16,11 +29,12 @@ export namespace Components {
         "senderId": string;
     }
     interface ChatButton {
-        "accessToken": string;
+        "accessToken"?: string;
         "fetchData": () => Promise<void>;
+        "onVerificationSuccess": (user: User) => Promise<void>;
         "primaryColor": string;
         "receiverId": string;
-        "senderId": string;
+        "senderId"?: string;
     }
     interface ChatForm {
         "chatRoomId": string;
@@ -45,8 +59,20 @@ export namespace Components {
         "locationAddress"?: string;
         "locationName"?: string;
     }
+    interface LoginForm {
+        "onSubmit": (evt: any) => Promise<void>;
+        "onSuccess": (user: User) => void;
+    }
     interface NotifySounds {
     }
+    interface RegisterForm {
+        "onSubmit": (evt: any) => Promise<void>;
+        "onSuccess": (user: User) => void;
+    }
+    interface ResetPasswordForm {
+        "onSubmit": (evt: any) => Promise<void>;
+        "onSuccess": (user: User) => void;
+    }
     interface SalonBooking {
         "buttonClass": string;
         "buttonText": string;
@@ -136,8 +162,23 @@ export namespace Components {
         "shortName": string;
         "size": number;
     }
+    interface UserForm {
+        "onSuccess": (user: User) => void;
+    }
 }
 declare global {
+    interface HTMLActivateFormElement extends Components.ActivateForm, HTMLStencilElement {
+    }
+    var HTMLActivateFormElement: {
+        prototype: HTMLActivateFormElement;
+        new (): HTMLActivateFormElement;
+    };
+    interface HTMLChangePasswordFormElement extends Components.ChangePasswordForm, HTMLStencilElement {
+    }
+    var HTMLChangePasswordFormElement: {
+        prototype: HTMLChangePasswordFormElement;
+        new (): HTMLChangePasswordFormElement;
+    };
     interface HTMLChatBoxElement extends Components.ChatBox, HTMLStencilElement {
     }
     var HTMLChatBoxElement: {
@@ -174,12 +215,30 @@ declare global {
         prototype: HTMLGoogleMapElement;
         new (): HTMLGoogleMapElement;
     };
+    interface HTMLLoginFormElement extends Components.LoginForm, HTMLStencilElement {
+    }
+    var HTMLLoginFormElement: {
+        prototype: HTMLLoginFormElement;
+        new (): HTMLLoginFormElement;
+    };
     interface HTMLNotifySoundsElement extends Components.NotifySounds, HTMLStencilElement {
     }
     var HTMLNotifySoundsElement: {
         prototype: HTMLNotifySoundsElement;
         new (): HTMLNotifySoundsElement;
     };
+    interface HTMLRegisterFormElement extends Components.RegisterForm, HTMLStencilElement {
+    }
+    var HTMLRegisterFormElement: {
+        prototype: HTMLRegisterFormElement;
+        new (): HTMLRegisterFormElement;
+    };
+    interface HTMLResetPasswordFormElement extends Components.ResetPasswordForm, HTMLStencilElement {
+    }
+    var HTMLResetPasswordFormElement: {
+        prototype: HTMLResetPasswordFormElement;
+        new (): HTMLResetPasswordFormElement;
+    };
     interface HTMLSalonBookingElement extends Components.SalonBooking, HTMLStencilElement {
     }
     var HTMLSalonBookingElement: {
@@ -276,14 +335,25 @@ declare global {
         prototype: HTMLUserAvatarElement;
         new (): HTMLUserAvatarElement;
     };
+    interface HTMLUserFormElement extends Components.UserForm, HTMLStencilElement {
+    }
+    var HTMLUserFormElement: {
+        prototype: HTMLUserFormElement;
+        new (): HTMLUserFormElement;
+    };
     interface HTMLElementTagNameMap {
+        "activate-form": HTMLActivateFormElement;
+        "change-password-form": HTMLChangePasswordFormElement;
         "chat-box": HTMLChatBoxElement;
         "chat-button": HTMLChatButtonElement;
         "chat-form": HTMLChatFormElement;
         "chat-messages": HTMLChatMessagesElement;
         "chat-rooms": HTMLChatRoomsElement;
         "google-map": HTMLGoogleMapElement;
+        "login-form": HTMLLoginFormElement;
         "notify-sounds": HTMLNotifySoundsElement;
+        "register-form": HTMLRegisterFormElement;
+        "reset-password-form": HTMLResetPasswordFormElement;
         "salon-booking": HTMLSalonBookingElement;
         "salon-booking-modal": HTMLSalonBookingModalElement;
         "salon-gift-card": HTMLSalonGiftCardElement;
@@ -300,9 +370,19 @@ declare global {
         "salon-stylists": HTMLSalonStylistsElement;
         "style-detail": HTMLStyleDetailElement;
         "user-avatar": HTMLUserAvatarElement;
+        "user-form": HTMLUserFormElement;
     }
 }
 declare namespace LocalJSX {
+    interface ActivateForm {
+        "onSuccess"?: (user: User) => void;
+        "password"?: string;
+        "username"?: string;
+    }
+    interface ChangePasswordForm {
+        "onSuccess"?: (user: User) => void;
+        "username"?: string;
+    }
     interface ChatBox {
         "accessToken"?: string;
         "primaryColor"?: string;
@@ -338,8 +418,17 @@ declare namespace LocalJSX {
         "locationAddress"?: string;
         "locationName"?: string;
     }
+    interface LoginForm {
+        "onSuccess"?: (user: User) => void;
+    }
     interface NotifySounds {
     }
+    interface RegisterForm {
+        "onSuccess"?: (user: User) => void;
+    }
+    interface ResetPasswordForm {
+        "onSuccess"?: (user: User) => void;
+    }
     interface SalonBooking {
         "buttonClass"?: string;
         "buttonText"?: string;
@@ -416,14 +505,22 @@ declare namespace LocalJSX {
         "shortName"?: string;
         "size"?: number;
     }
+    interface UserForm {
+        "onSuccess"?: (user: User) => void;
+    }
     interface IntrinsicElements {
+        "activate-form": ActivateForm;
+        "change-password-form": ChangePasswordForm;
         "chat-box": ChatBox;
         "chat-button": ChatButton;
         "chat-form": ChatForm;
         "chat-messages": ChatMessages;
         "chat-rooms": ChatRooms;
         "google-map": GoogleMap;
+        "login-form": LoginForm;
         "notify-sounds": NotifySounds;
+        "register-form": RegisterForm;
+        "reset-password-form": ResetPasswordForm;
         "salon-booking": SalonBooking;
         "salon-booking-modal": SalonBookingModal;
         "salon-gift-card": SalonGiftCard;
@@ -440,19 +537,25 @@ declare namespace LocalJSX {
         "salon-stylists": SalonStylists;
         "style-detail": StyleDetail;
         "user-avatar": UserAvatar;
+        "user-form": UserForm;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "activate-form": LocalJSX.ActivateForm & JSXBase.HTMLAttributes<HTMLActivateFormElement>;
+            "change-password-form": LocalJSX.ChangePasswordForm & JSXBase.HTMLAttributes<HTMLChangePasswordFormElement>;
             "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>;
+            "login-form": LocalJSX.LoginForm & JSXBase.HTMLAttributes<HTMLLoginFormElement>;
             "notify-sounds": LocalJSX.NotifySounds & JSXBase.HTMLAttributes<HTMLNotifySoundsElement>;
+            "register-form": LocalJSX.RegisterForm & JSXBase.HTMLAttributes<HTMLRegisterFormElement>;
+            "reset-password-form": LocalJSX.ResetPasswordForm & JSXBase.HTMLAttributes<HTMLResetPasswordFormElement>;
             "salon-booking": LocalJSX.SalonBooking & JSXBase.HTMLAttributes<HTMLSalonBookingElement>;
             "salon-booking-modal": LocalJSX.SalonBookingModal & JSXBase.HTMLAttributes<HTMLSalonBookingModalElement>;
             "salon-gift-card": LocalJSX.SalonGiftCard & JSXBase.HTMLAttributes<HTMLSalonGiftCardElement>;
@@ -469,6 +572,7 @@ declare module "@stencil/core" {
             "salon-stylists": LocalJSX.SalonStylists & JSXBase.HTMLAttributes<HTMLSalonStylistsElement>;
             "style-detail": LocalJSX.StyleDetail & JSXBase.HTMLAttributes<HTMLStyleDetailElement>;
             "user-avatar": LocalJSX.UserAvatar & JSXBase.HTMLAttributes<HTMLUserAvatarElement>;
+            "user-form": LocalJSX.UserForm & JSXBase.HTMLAttributes<HTMLUserFormElement>;
         }
     }
 }

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

@@ -5,6 +5,22 @@ declare class HttpService {
   firebaseDatabase: any;
   firebaseApp: any;
   constructor();
+  login(apiUrl: any, options: any): Promise<{
+    id: any;
+    firstName: any;
+    lastName: any;
+    fullName: any;
+    avatar: any;
+    mobilePhone: any;
+    accessToken: any;
+    email: any;
+    password: any;
+  }>;
+  register(options: any): Promise<import("axios").AxiosResponse<any>>;
+  resendActivateCode(email: string): Promise<import("axios").AxiosResponse<never>>;
+  activateAccount(email: any, code: any): Promise<import("axios").AxiosResponse<never>>;
+  resetPassword(email: string): Promise<import("axios").AxiosResponse<never>>;
+  onChangePassword(options: any): Promise<import("axios").AxiosResponse<any>>;
   fetchClients(salonId: number, keyword: string, accessToken: string): Promise<any>;
   fetchStyleDetail(styleId: number): Promise<{
     styleInfo: any;

package/dist/types/types/user.d.ts

@@ -4,7 +4,10 @@ export interface User {
   firstName: string;
   lastName: string;
   avatar: string;
+  email: string;
   mobilePhone: string;
+  accessToken: string;
+  password: string;
 }
 export declare function createUser(blob: any): {
   id: any;
@@ -13,6 +16,9 @@ export declare function createUser(blob: any): {
   fullName: any;
   avatar: any;
   mobilePhone: any;
+  accessToken: any;
+  email: any;
+  password: any;
 };
 export declare function createUserFromChatRoom(blob: any): {
   id: any;

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

@@ -0,0 +1 @@
+export {};

package/package.json

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