favesalon-embed 1.0.5 → 1.0.6

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

@@ -0,0 +1,67 @@
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { C as Colors } from './colors-ea36347a.js';
+import { H as HttpService } from './services-d71be591.js';
+import './_commonjsHelpers-a4f66ccd.js';
+
+const loginFormCss = ".form--user-login .form--login-label{cursor:pointer;display:block;margin-bottom:6px}.form--user-login input,.form--user-login button{border:1px solid #cecece;box-sizing:border-box;display:inline-block;width:100%;padding:4px 11px;min-height:40px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.form--user-login button{background-color:#001529;border:1px solid #001529;color:#fff;cursor:pointer}.form--user-login button:disabled{background-color:#cecece;border:1px solid #cecece;color:#212121}";
+
+const LoginForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onSuccess = undefined;
+    this.isSubmitting = undefined;
+    this.error = undefined;
+    this.username = undefined;
+    this.password = undefined;
+  }
+  async onSubmit(evt) {
+    evt.preventDefault();
+    this.error = null;
+    this.isSubmitting = true;
+    if (this.username && this.password) {
+      try {
+        const apiUrl = window.location.origin.indexOf('localhost') > -1 || window.location.origin.indexOf('favesalon.com')
+          ? 'https://favesalon.com'
+          : window.location.origin;
+        const userInfo = await HttpService().login(apiUrl, {
+          email: this.username,
+          password: this.password,
+        });
+        this.onSuccess(userInfo);
+      }
+      catch (e) {
+        let errorMessage = e.message || `Something went wrong when logging your account`;
+        if (errorMessage.indexOf('404') > -1) {
+          errorMessage = 'You have entered an invalid username or password';
+        }
+        this.error = errorMessage;
+      }
+    }
+    else {
+      this.error = 'Please enter your username and password';
+    }
+    this.isSubmitting = false;
+  }
+  render() {
+    return (h("form", { class: "form--user-login", onSubmit: (evt) => this.onSubmit(evt) }, this.error && (h("div", { style: {
+        backgroundColor: Colors.Red01,
+        border: `1px solid ${Colors.Red02}`,
+        marginBottom: '24px',
+        padding: '12px',
+      } }, this.error)), h("div", { style: { marginBottom: '24px' } }, h("label", { ...{ for: "form--login-username" }, class: "form--login-label" }, "Phone or Email"), h("input", { id: "form--login-username", type: "text", onInput: (evt) => {
+        this.username = evt.target.value;
+      } })), h("div", { style: {
+        display: 'flex',
+        marginBottom: '24px',
+        width: '100%',
+      } }, h("div", { style: {
+        flexShrink: '1',
+        flexGrow: '1',
+      } }, h("label", { ...{ for: "form--login-password" }, class: "form--login-label" }, "Password"), h("input", { id: "form--login-password", type: "password", onInput: (evt) => {
+        this.password = evt.target.value;
+      } })), h("div", { style: { width: '100px', marginLeft: '12px' } }, h("label", { style: { display: 'inline-block', marginBottom: '6px' } }, "\u00A0"), h("button", { type: "submit", disabled: this.isSubmitting }, "SIGN IN")))));
+  }
+};
+LoginForm.style = loginFormCss;
+
+export { LoginForm as login_form };

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

@@ -0,0 +1,88 @@
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { C as Colors } from './colors-ea36347a.js';
+import { H as HttpService } from './services-d71be591.js';
+import './_commonjsHelpers-a4f66ccd.js';
+
+const registerFormCss = ".form--user-register .form--login-label{cursor:pointer;display:block;margin-bottom:6px}.form--user-register input,.form--user-register button{border:1px solid #cecece;box-sizing:border-box;display:inline-block;width:100%;padding:4px 11px;min-height:40px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.form--user-register button{background-color:#001529;border:1px solid #001529;color:#fff;cursor:pointer}.form--user-register button:disabled{background-color:#cecece;border:1px solid #cecece;color:#212121}";
+
+const RegisterForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onSuccess = undefined;
+    this.isSubmitting = undefined;
+    this.error = undefined;
+    this.firstName = undefined;
+    this.lastName = undefined;
+    this.email = undefined;
+    this.phone = undefined;
+    this.password = undefined;
+  }
+  async onSubmit(evt) {
+    evt.preventDefault();
+    this.error = null;
+    this.isSubmitting = true;
+    if (this.firstName && this.lastName && this.email && this.phone && this.password) {
+      try {
+        await HttpService().register({
+          email: this.email,
+          password: this.password,
+          mobile_phone: this.phone,
+          first_name: this.firstName,
+          last_name: this.lastName,
+          user_type: 1, // Consumer account
+        });
+        this.onSuccess({
+          email: this.email,
+          password: this.password,
+        });
+      }
+      catch (e) {
+        let errorMessage = e.message || `Something went wrong when creating your account`;
+        if (errorMessage.indexOf('Email has been exists') > -1) {
+          errorMessage = 'There was an existing account with your inputted info';
+        }
+        this.error = errorMessage;
+      }
+    }
+    else {
+      this.error = 'Please enter your username and password';
+    }
+    this.isSubmitting = false;
+  }
+  render() {
+    return (h("form", { class: "form--user-register", onSubmit: (evt) => this.onSubmit(evt) }, this.error && (h("div", { style: {
+        backgroundColor: Colors.Red01,
+        border: `1px solid ${Colors.Red02}`,
+        marginBottom: '24px',
+        padding: '12px',
+      } }, this.error)), h("div", { style: {
+        display: 'flex',
+        marginBottom: '24px',
+        width: '100%',
+      } }, h("div", { style: { width: '48%', marginRight: '4%' } }, h("label", { ...{ for: "form--login-firstname" }, class: "form--login-label" }, "First name"), h("input", { id: "form--login-firstname", type: "text", onInput: (evt) => {
+        this.firstName = evt.target.value;
+      } })), h("div", { style: { width: '48%' } }, h("label", { ...{ for: "form--login-lastname" }, class: "form--login-label" }, "Last name"), h("input", { id: "form--login-lastname", type: "text", onInput: (evt) => {
+        this.lastName = evt.target.value;
+      } }))), h("div", { style: {
+        display: 'flex',
+        marginBottom: '24px',
+        width: '100%',
+      } }, h("div", { style: { width: '48%', marginRight: '4%' } }, h("label", { ...{ for: "form--login-email" }, class: "form--login-label" }, "Email"), h("input", { id: "form--login-email", type: "text", onInput: (evt) => {
+        this.email = evt.target.value;
+      } })), h("div", { style: { width: '48%' } }, h("label", { ...{ for: "form--login-phone" }, class: "form--login-label" }, "Phone"), h("input", { id: "form--login-phone", type: "text", onInput: (evt) => {
+        this.phone = evt.target.value;
+      } }))), h("div", { style: {
+        display: 'flex',
+        marginBottom: '24px',
+        width: '100%',
+      } }, h("div", { style: {
+        flexShrink: '1',
+        flexGrow: '1',
+      } }, h("label", { ...{ for: "form--login-password" }, class: "form--login-label" }, "Password"), h("input", { id: "form--login-password", type: "password", onInput: (evt) => {
+        this.password = evt.target.value;
+      } })), h("div", { style: { width: '100px', marginLeft: '12px' } }, h("label", { style: { display: 'inline-block', marginBottom: '6px' } }, "\u00A0"), h("button", { type: "submit", disabled: this.isSubmitting }, "SIGN UP"))), h("div", { style: { marginBottom: '24px' } }, "By submitting, you agree to our ", h("a", { target: "_blank", rel: "noopener noreferrer", href: "https://fave.salon/r/terms-for-client", style: { color: Colors.TextColor, cursor: 'pointer', display: 'inline', textDecoration: 'underline' } }, "Terms of Clients"), ", ", h("a", { target: "_blank", rel: "noopener noreferrer", href: "https://fave.salon/r/terms-for-business", style: { color: Colors.TextColor, cursor: 'pointer', display: 'inline', textDecoration: 'underline' } }, "Terms of Salons & Stylist"), " and ", h("a", { target: "_blank", rel: "noopener noreferrer", href: "https://fave.salon/r/privacy-policy", style: { color: Colors.TextColor, cursor: 'pointer', display: 'inline', textDecoration: 'underline' } }, "Private Policy"))));
+  }
+};
+RegisterForm.style = registerFormCss;
+
+export { RegisterForm as register_form };

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

@@ -0,0 +1,47 @@
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { C as Colors } from './colors-ea36347a.js';
+import { H as HttpService } from './services-d71be591.js';
+import './_commonjsHelpers-a4f66ccd.js';
+
+const resetPasswordFormCss = ".form--user-reset-password .form--login-label{cursor:pointer;display:block;margin-bottom:6px}.form--user-reset-password input,.form--user-reset-password button{border:1px solid #cecece;box-sizing:border-box;display:inline-block;width:100%;padding:4px 11px;min-height:40px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.form--user-reset-password button{background-color:#001529;border:1px solid #001529;color:#fff;cursor:pointer}.form--user-reset-password button:disabled{background-color:#cecece;border:1px solid #cecece;color:#212121}";
+
+const ResetPasswordForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onSuccess = undefined;
+    this.isSubmitting = undefined;
+    this.error = undefined;
+    this.username = undefined;
+  }
+  async onSubmit(evt) {
+    evt.preventDefault();
+    this.error = null;
+    this.isSubmitting = true;
+    if (this.username) {
+      try {
+        await HttpService().resetPassword(this.username);
+        this.onSuccess({ email: this.username });
+      }
+      catch (e) {
+        this.error = e.message || `Something went wrong when setting your new password`;
+      }
+    }
+    else {
+      this.error = 'Please enter your phone or email to reset your password';
+    }
+    this.isSubmitting = false;
+  }
+  render() {
+    return (h("form", { class: "form--user-reset-password", onSubmit: (evt) => this.onSubmit(evt) }, this.error && (h("div", { style: {
+        backgroundColor: Colors.Red01,
+        border: `1px solid ${Colors.Red02}`,
+        marginBottom: '24px',
+        padding: '12px',
+      } }, this.error)), h("div", { style: { marginBottom: '24px' } }, h("label", { ...{ for: "form--login-username" }, class: "form--login-label" }, "Phone or Email"), h("input", { id: "form--login-username", type: "text", onInput: (evt) => {
+        this.username = evt.target.value;
+      } })), h("div", { style: { marginBottom: '24px' } }, h("button", { type: "submit", disabled: this.isSubmitting }, "RESET NOW"))));
+  }
+};
+ResetPasswordForm.style = resetPasswordFormCss;
+
+export { ResetPasswordForm as reset_password_form };

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

@@ -39,7 +39,7 @@ const SalonBooking = class {
         },
       });
     }
-    return (h("div", { class: "salon-booking" }, h("div", { class: "salon-booking--button" }, h("button", Object.assign({ type: "button", class: buttonClass, onClick: () => this.openModal() }, buttonStyle), this.buttonText))));
+    return (h("div", { class: "salon-booking" }, h("div", { class: "salon-booking--button" }, h("button", { type: "button", class: buttonClass, onClick: () => this.openModal(), ...buttonStyle }, this.buttonText))));
   }
 };
 SalonBooking.style = indexCss;

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

@@ -39,7 +39,7 @@ const SalonGiftCard = class {
         },
       });
     }
-    return (h("div", { class: "salon-gift-card" }, h("div", { class: "salon-gift-card--button" }, h("button", Object.assign({ type: "button", class: buttonClass, onClick: () => this.openModal() }, buttonStyle), this.buttonText))));
+    return (h("div", { class: "salon-gift-card" }, h("div", { class: "salon-gift-card--button" }, h("button", { type: "button", class: buttonClass, onClick: () => this.openModal(), ...buttonStyle }, this.buttonText))));
   }
 };
 SalonGiftCard.style = indexCss;

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-260ea6eb.js';
+import { H as HttpService } from './services-d71be591.js';
 import './_commonjsHelpers-a4f66ccd.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, s as shortDateYearFormat } from './services-260ea6eb.js';
+import { H as HttpService, d as dayjs_min, s as shortDateYearFormat } from './services-d71be591.js';
 import { C as Colors } from './colors-ea36347a.js';
 import { g as getRatingText } from './utils-fd30fb29.js';
 import './_commonjsHelpers-a4f66ccd.js';
@@ -29,7 +29,13 @@ const SalonLatestReviews = class {
   render() {
     if (this.isLoading) {
       return (h("div", { class: "salon-latest-reviews", style: { overflow: 'hidden' } }, h("div", { style: { display: 'flex', whiteSpace: 'nowrap' } }, [1, 2, 3, 4, 5].map((fakeId, index) => {
-        return (h("div", { key: `salon-latest-review--${fakeId}`, class: "salon-review", style: Object.assign({ border: `1px solid ${Colors.Gray02}`, background: Colors.White, borderRadius: '8px', overflow: 'hidden' }, index > 0 ? { marginLeft: '16px' } : {}) }, h("div", { class: "card", style: { border: 'none' } }, h("div", { class: "card-body" }, h("div", { class: "salon-review--user", style: { marginBottom: '16px', overflow: 'hidden' } }, h("div", { style: {
+        return (h("div", { key: `salon-latest-review--${fakeId}`, class: "salon-review", style: {
+            border: `1px solid ${Colors.Gray02}`,
+            background: Colors.White,
+            borderRadius: '8px',
+            overflow: 'hidden',
+            ...index > 0 ? { marginLeft: '16px' } : {},
+          } }, h("div", { class: "card", style: { border: 'none' } }, h("div", { class: "card-body" }, h("div", { class: "salon-review--user", style: { marginBottom: '16px', overflow: 'hidden' } }, h("div", { style: {
             backgroundColor: Colors.Gray02,
             borderRadius: '50px',
             height: '48px',
@@ -67,7 +73,17 @@ const SalonLatestReviews = class {
     const ratingTexts = getRatingText();
     return (h("div", { class: "salon-latest-reviews", style: { overflowX: 'auto' } }, h("div", { style: { display: 'flex', whiteSpace: 'nowrap' } }, (this.salonReviews || []).map((review, index) => {
       const { user } = review;
-      return (h("div", { class: "salon-review", style: Object.assign({ border: `1px solid ${Colors.Gray02}`, background: Colors.White, borderRadius: '8px', overflow: 'hidden' }, index > 0 ? { marginLeft: '16px' } : {}) }, h("div", { class: "card", style: { border: 'none' } }, h("div", { class: "card-body" }, h("div", { class: "salon-review--user", style: { marginBottom: '16px' } }, h("user-avatar", { size: 48, name: h("div", { style: { fontSize: '18px', fontWeight: '600' } }, user.fullName), shortName: `${(user.firstName || '').charAt(0)}${(user.lastName || '').charAt(0)}`, avatar: user.avatar, nameStyle: { fontWeight: 'bold' } })), h("div", { class: "salon-review--rating", style: { display: 'flex', flexDirection: 'row', marginBottom: '4px' } }, [1, 2, 3, 4, 5].map(score => (h("i", { class: score <= review.point ? 'ri-heart-fill' : 'ri-heart-line', style: Object.assign({ fontSize: '16px', marginRight: '4px' }, score <= review.point ? { color: this.primaryColor } : { color: Colors.Gray04 }) }))), h("div", { class: "salon-review--rating--date", style: { fontSize: '14px', color: Colors.Gray04, marginLeft: '16px', position: 'relative', top: '2px' } }, dayjs_min(review.createdDate).format(shortDateYearFormat))), h("div", { class: "salon-review--rating-text", style: { fontSize: '16px', fontWeight: 'bold' } }, ratingTexts[review.point]), (review.title || review.description) && (h("div", { class: "salon-review--detail", style: { marginTop: '16px' } }, h("div", { class: "salon-review--description", style: {
+      return (h("div", { class: "salon-review", style: {
+          border: `1px solid ${Colors.Gray02}`,
+          background: Colors.White,
+          borderRadius: '8px',
+          overflow: 'hidden',
+          ...index > 0 ? { marginLeft: '16px' } : {},
+        } }, h("div", { class: "card", style: { border: 'none' } }, h("div", { class: "card-body" }, h("div", { class: "salon-review--user", style: { marginBottom: '16px' } }, h("user-avatar", { size: 48, name: h("div", { style: { fontSize: '18px', fontWeight: '600' } }, user.fullName), shortName: `${(user.firstName || '').charAt(0)}${(user.lastName || '').charAt(0)}`, avatar: user.avatar, nameStyle: { fontWeight: 'bold' } })), h("div", { class: "salon-review--rating", style: { display: 'flex', flexDirection: 'row', marginBottom: '4px' } }, [1, 2, 3, 4, 5].map(score => (h("i", { class: score <= review.point ? 'ri-heart-fill' : 'ri-heart-line', style: {
+          fontSize: '16px',
+          marginRight: '4px',
+          ...score <= review.point ? { color: this.primaryColor } : { color: Colors.Gray04 },
+        } }))), h("div", { class: "salon-review--rating--date", style: { fontSize: '14px', color: Colors.Gray04, marginLeft: '16px', position: 'relative', top: '2px' } }, dayjs_min(review.createdDate).format(shortDateYearFormat))), h("div", { class: "salon-review--rating-text", style: { fontSize: '16px', fontWeight: 'bold' } }, ratingTexts[review.point]), (review.title || review.description) && (h("div", { class: "salon-review--detail", style: { marginTop: '16px' } }, h("div", { class: "salon-review--description", style: {
           fontSize: '16px',
           lineHeight: '26px',
           overflow: 'hidden',

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService, i as isVideoMedia } from './services-260ea6eb.js';
+import { H as HttpService, i as isVideoMedia } from './services-d71be591.js';
 import './_commonjsHelpers-a4f66ccd.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}}";
@@ -77,12 +77,19 @@ const SalonLatestStyles = class {
           float: 'left',
           paddingLeft: '16px',
           marginBottom: '16px',
-        } }, h("div", { class: "view--salon-styles--item", style: Object.assign({ backgroundColor: Colors.Gray01, borderRadius: '8px', overflow: 'hidden', position: 'relative', cursor: 'pointer' }, !isVideo && firstMedia ? {
-          backgroundImage: `url("${firstMedia.imageThumb || firstMedia.imageThumbMedium}")`,
-          backgroundRepeat: 'no-repeat',
-          backgroundPosition: 'center center',
-          backgroundSize: 'cover',
-        } : {}), onClick: () => this.onClickLookbook(faveStyle) }, isVideo && firstMedia && (h("div", null, h("video", { muted: true, width: "100%", height: "100%", poster: imageThumb }, h("source", { src: firstMedia.mediaUrl, type: "video/mp4" })), h("i", { class: "ri-play-circle-fill", style: {
+        } }, h("div", { class: "view--salon-styles--item", style: {
+          backgroundColor: Colors.Gray01,
+          borderRadius: '8px',
+          overflow: 'hidden',
+          position: 'relative',
+          cursor: 'pointer',
+          ...!isVideo && firstMedia ? {
+            backgroundImage: `url("${firstMedia.imageThumb || firstMedia.imageThumbMedium}")`,
+            backgroundRepeat: 'no-repeat',
+            backgroundPosition: 'center center',
+            backgroundSize: 'cover',
+          } : {},
+        }, onClick: () => this.onClickLookbook(faveStyle) }, isVideo && firstMedia && (h("div", null, h("video", { muted: true, width: "100%", height: "100%", poster: imageThumb }, h("source", { src: firstMedia.mediaUrl, type: "video/mp4" })), h("i", { class: "ri-play-circle-fill", style: {
           fontSize: '48px',
           color: Colors.TextColor,
           position: 'absolute',

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { a as formatWebsiteUrl, b as formatFullAddress } from './utils-fd30fb29.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-260ea6eb.js';
+import { H as HttpService } from './services-d71be591.js';
 import './_commonjsHelpers-a4f66ccd.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 { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-260ea6eb.js';
+import { H as HttpService } from './services-d71be591.js';
 import './_commonjsHelpers-a4f66ccd.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}}";
@@ -81,7 +81,11 @@ const SalonLookbook = class {
   async fetchData() {
     try {
       const promises = [
-        this.fetchLookbooks(Object.assign({ page: 1, sort: this.sortBy }, this.filterBy !== 'all' ? { services: [this.filterBy] } : {})),
+        this.fetchLookbooks({
+          page: 1,
+          sort: this.sortBy,
+          ...this.filterBy !== 'all' ? { services: [this.filterBy] } : {},
+        }),
         this.fetchCategories(),
       ];
       return Promise.all(promises);
@@ -116,7 +120,11 @@ const SalonLookbook = class {
       this.salonLookbooks = [];
       this.hideLoadMore = true;
       this.filterBy = filterBy;
-      await this.fetchLookbooks(Object.assign({ page: this.currentPage, sort: this.sortBy }, this.filterBy !== 'all' ? { services: [Number(this.filterBy)] } : {}));
+      await this.fetchLookbooks({
+        page: this.currentPage,
+        sort: this.sortBy,
+        ...this.filterBy !== 'all' ? { services: [Number(this.filterBy)] } : {},
+      });
       if (window.masonry) {
         this.isLayoutSetup = false;
       }
@@ -130,7 +138,11 @@ const SalonLookbook = class {
       this.salonLookbooks = [];
       this.hideLoadMore = true;
       this.sortBy = sortBy;
-      await this.fetchLookbooks(Object.assign({ page: this.currentPage, sort: this.sortBy }, this.filterBy !== 'all' ? { services: [this.filterBy] } : {}));
+      await this.fetchLookbooks({
+        page: this.currentPage,
+        sort: this.sortBy,
+        ...this.filterBy !== 'all' ? { services: [this.filterBy] } : {},
+      });
       if (window.masonry) {
         this.isLayoutSetup = false;
       }

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, s as shortDateYearFormat } from './services-260ea6eb.js';
+import { H as HttpService, d as dayjs_min, s as shortDateYearFormat } from './services-d71be591.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-a4f66ccd.js';
 
@@ -79,7 +79,12 @@ const SalonReviews = class {
   onChangeFilter(filterBy) {
     this.isFiltering = true;
     try {
-      HttpService().fetchSalonReviews(this.salonId, Object.assign({ page: 1, sort: this.sortBy, limit: pageLimited }, filterBy.length > 0 ? { avg_point: filterBy } : {})).then(response => {
+      HttpService().fetchSalonReviews(this.salonId, {
+        page: 1,
+        sort: this.sortBy,
+        limit: pageLimited,
+        ...filterBy.length > 0 ? { avg_point: filterBy } : {},
+      }).then(response => {
         const { total, data: allReviews } = response;
         this.page = 1;
         this.totalReviews = total;
@@ -93,7 +98,12 @@ const SalonReviews = class {
   onChangeSorting(sortBy) {
     this.isSorting = true;
     try {
-      HttpService().fetchSalonReviews(this.salonId, Object.assign({ page: 1, sort: sortBy, limit: pageLimited }, this.filterBy.length > 0 ? { avg_point: this.filterBy } : {})).then(response => {
+      HttpService().fetchSalonReviews(this.salonId, {
+        page: 1,
+        sort: sortBy,
+        limit: pageLimited,
+        ...this.filterBy.length > 0 ? { avg_point: this.filterBy } : {},
+      }).then(response => {
         const { total, data: allReviews } = response;
         this.page = 1;
         this.totalReviews = total;
@@ -107,7 +117,11 @@ const SalonReviews = class {
   render() {
     const ratingTexts = ['', 'Poor', 'Sufficient', 'Average', 'Well', 'Very good'];
     return (h("div", { class: "view view--salon-reviews" }, h("div", { class: "salon-reviews--filters" }, h("div", { class: "salon-reviews--score" }, h("div", { class: "salon-review--rating", style: { display: 'flex', flexDirection: 'row' } }, [1, 2, 3, 4, 5].map(score => {
-      return (h("i", { class: score <= this.stats.reviewPoint ? 'ri-heart-fill' : 'ri-heart-line', style: Object.assign({ fontSize: '32px', marginRight: '4px' }, score <= this.stats.reviewPoint ? { color: this.primaryColor } : { color: Colors.Gray04 }) }));
+      return (h("i", { class: score <= this.stats.reviewPoint ? 'ri-heart-fill' : 'ri-heart-line', style: {
+          fontSize: '32px',
+          marginRight: '4px',
+          ...score <= this.stats.reviewPoint ? { color: this.primaryColor } : { color: Colors.Gray04 },
+        } }));
     })), h("div", { class: "salon-review--rating--date", style: {
         display: 'flex',
         flexDirection: 'row',

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-260ea6eb.js';
+import { H as HttpService, B as BusinessHourStatus } from './services-d71be591.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-a4f66ccd.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, a as sortBy_1 } from './services-260ea6eb.js';
+import { H as HttpService, a as sortBy_1 } from './services-d71be591.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-a4f66ccd.js';
 
@@ -39,11 +39,13 @@ const SalonServices = class {
             backgroundColor: Colors.Gray03,
             height: '20px',
             width: '120px',
-          } }), h("div", { class: "view view--salon-service-type", style: { border: `1px solid ${Colors.Gray01}`, marginTop: '12px' } }, h("div", { class: "view-content" }, [1, 2, 3].map((fakeGroupId, fakeGroupIndex) => (h("div", { key: `service-group--${fakeId}--service-${fakeGroupId}--${fakeGroupIndex}`, class: "salon-service" }, h("div", { class: "salon-service--name", style: Object.assign({}, fakeGroupIndex > 0 ? {
-            marginTop: '12px',
-            paddingTop: '12px',
-            borderTop: `1px solid ${Colors.Gray01}`,
-          } : {}) }, h("div", { key: `service-group--${fakeId}--${index}`, style: {
+          } }), h("div", { class: "view view--salon-service-type", style: { border: `1px solid ${Colors.Gray01}`, marginTop: '12px' } }, h("div", { class: "view-content" }, [1, 2, 3].map((fakeGroupId, fakeGroupIndex) => (h("div", { key: `service-group--${fakeId}--service-${fakeGroupId}--${fakeGroupIndex}`, class: "salon-service" }, h("div", { class: "salon-service--name", style: {
+            ...fakeGroupIndex > 0 ? {
+              marginTop: '12px',
+              paddingTop: '12px',
+              borderTop: `1px solid ${Colors.Gray01}`,
+            } : {},
+          } }, h("div", { key: `service-group--${fakeId}--${index}`, style: {
             backgroundColor: Colors.Gray01,
             height: '16px',
             width: '120px',
@@ -56,11 +58,21 @@ const SalonServices = class {
     }
     return (h("div", { class: "salon-services--container" }, h("div", { class: "view view--salon-services--header", style: { border: `1px solid ${Colors.Gray02}` } }, h("div", { class: "view-content", style: { overflowX: 'auto' } }, h("div", { style: { whiteSpace: 'nowrap' } }, sortBy_1(this.salonServices || [], (['order', 'name'])).map((serviceGroup, index) => (h("a", { href: `#service-group--${serviceGroup.id}` }, h("button", { type: "button", class: this.buttonClass, style: index > 0 ? { marginLeft: '12px' } : {} }, serviceGroup.name))))))), sortBy_1(this.salonServices || [], (['order', 'name'])).map(serviceGroup => {
       const hasMultipleCates = (serviceGroup.data || []).length > 1;
-      return (h("div", { id: `service-group--${serviceGroup.id}`, style: { marginTop: '32px' } }, h("h3", { style: { fontSize: '24px', marginBottom: '12px' } }, serviceGroup.name), h("div", { class: "view view--salon-service-type", style: { border: `1px solid ${Colors.Gray02}` } }, h("div", { class: "view-content" }, (serviceGroup.data || []).map((subGroup, subGroupIndex) => (h("div", { class: "salon-service-category" }, hasMultipleCates && (h("h4", { style: Object.assign({ fontSize: '20px', marginBottom: '12px', paddingBottom: '12px', borderBottom: `1px solid ${Colors.Gray02}` }, subGroupIndex > 0 ? { marginTop: '32px' } : {}) }, subGroup.name)), (subGroup.data || []).map((service, serviceIndex) => (h("div", { class: "salon-service" }, h("div", { class: "salon-service--name", style: Object.assign({ fontSize: '16px', fontWeight: '500' }, serviceIndex > 0 ? {
-          marginTop: '12px',
-          paddingTop: '12px',
-          borderTop: `1px solid ${Colors.Gray01}`,
-        } : {}) }, service.name), (!service.hideDuration || !service.hidePrice) && (h("div", { style: {
+      return (h("div", { id: `service-group--${serviceGroup.id}`, style: { marginTop: '32px' } }, h("h3", { style: { fontSize: '24px', marginBottom: '12px' } }, serviceGroup.name), h("div", { class: "view view--salon-service-type", style: { border: `1px solid ${Colors.Gray02}` } }, h("div", { class: "view-content" }, (serviceGroup.data || []).map((subGroup, subGroupIndex) => (h("div", { class: "salon-service-category" }, hasMultipleCates && (h("h4", { style: {
+          fontSize: '20px',
+          marginBottom: '12px',
+          paddingBottom: '12px',
+          borderBottom: `1px solid ${Colors.Gray02}`,
+          ...subGroupIndex > 0 ? { marginTop: '32px' } : {},
+        } }, subGroup.name)), (subGroup.data || []).map((service, serviceIndex) => (h("div", { class: "salon-service" }, h("div", { class: "salon-service--name", style: {
+          fontSize: '16px',
+          fontWeight: '500',
+          ...serviceIndex > 0 ? {
+            marginTop: '12px',
+            paddingTop: '12px',
+            borderTop: `1px solid ${Colors.Gray01}`,
+          } : {},
+        } }, service.name), (!service.hideDuration || !service.hidePrice) && (h("div", { style: {
           display: 'block',
           marginTop: '4px',
           fontSize: '90%',

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-260ea6eb.js';
+import { H as HttpService } from './services-d71be591.js';
 import './_commonjsHelpers-a4f66ccd.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-260ea6eb.js → services-5a4c43a6.js}

@@ -23387,6 +23387,8 @@ 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,
   };
 }
 function createUserFromChatRoom(blob) {
@@ -23611,6 +23613,27 @@ 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);
+    });
+  }
+  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 = {