favesalon-embed 1.0.5 → 1.0.7

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-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) {
@@ -23611,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 = {

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/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;
+}