favesalon-embed 1.0.4 → 1.0.6

package/dist/{esm → favesalon-embed}/salon-gift-card.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-0494771f.js';
-import { c as color, l as lib } from './index-a1c7583c.js';
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { c as color, l as lib } from './index-00b83e1c.js';
 import { C as Colors } from './colors-ea36347a.js';
-import './_commonjsHelpers-66ac50f5.js';
+import './_commonjsHelpers-a4f66ccd.js';
 
 const indexCss = ".salon-modal.salon-modal--gift-card:before{display:none}.salon-modal.salon-modal--gift-card .salon-modal--inner,.salon-modal.salon-modal--gift-card .salon-modal--content{max-width:none;width:100%;height:100%}.salon-modal.salon-modal--gift-card .salon-modal--close{background-color:#EFEFEF;width:40px;height:40px;right:16px;top:16px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}@media (min-width: 768px){.salon-modal.salon-modal--gift-card .salon-modal--close{right:20px;top:20px}}";
 
@@ -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/{esm → favesalon-embed}/salon-info.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-0494771f.js';
-import { H as HttpService } from './services-257442e2.js';
-import './_commonjsHelpers-66ac50f5.js';
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { H as HttpService } from './services-d71be591.js';
+import './_commonjsHelpers-a4f66ccd.js';
 import './colors-ea36347a.js';
 
 const indexCss = "";

package/dist/{esm → favesalon-embed}/salon-latest-reviews.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-0494771f.js';
-import { H as HttpService, d as dayjs_min, s as shortDateYearFormat } from './services-257442e2.js';
+import { r as registerInstance, h } from './index-888e99e3.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-e97485e0.js';
-import './_commonjsHelpers-66ac50f5.js';
+import { g as getRatingText } from './utils-fd30fb29.js';
+import './_commonjsHelpers-a4f66ccd.js';
 
 const indexCss = ".salon-latest-reviews .salon-review{min-width:280px}@media (min-width: 768px){.salon-latest-reviews .salon-review{min-width:300px}}";
 
@@ -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/{collection/components/salon-latest-styles/index.js → favesalon-embed/salon-latest-styles.entry.js}

@@ -1,9 +1,13 @@
-import { h } from '@stencil/core';
-import { Colors } from '../../constants/colors';
-import { isVideoMedia } from '../../types/style';
-import HttpService from '../../services/services';
-export class SalonLatestStyles {
-  constructor() {
+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-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}}";
+
+const SalonLatestStyles = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
     this.salonId = undefined;
     this.isLoading = undefined;
     this.withBorder = undefined;
@@ -73,12 +77,19 @@ export class SalonLatestStyles {
           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',
@@ -88,96 +99,7 @@ export class SalonLatestStyles {
         } }))))));
     })))));
   }
-  static get is() { return "salon-latest-styles"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "salonId": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "salon-id",
-        "reflect": false
-      },
-      "isLoading": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-loading",
-        "reflect": false
-      },
-      "withBorder": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "with-border",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isLoadingState": {},
-      "latestStyles": {}
-    };
-  }
-  static get methods() {
-    return {
-      "fetchData": {
-        "complexType": {
-          "signature": "() => Promise<boolean>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<boolean>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-}
+};
+SalonLatestStyles.style = indexCss;
+
+export { SalonLatestStyles as salon_latest_styles };

package/dist/{collection/components/salon-locations/index.js → favesalon-embed/salon-locations.entry.js}

@@ -1,9 +1,14 @@
-import { h } from '@stencil/core';
-import { formatFullAddress, formatWebsiteUrl } from '../../utils/utils';
-import { Colors } from '../../constants/colors';
-import HttpService from '../../services/services';
-export class SalonLocations {
-  constructor() {
+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-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}}";
+
+const SalonLocations = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
     this.salonId = undefined;
     this.salonInfo = undefined;
     this.isLoading = undefined;
@@ -52,92 +57,7 @@ export class SalonLocations {
     const fullAddress = formatFullAddress(this.salonInfoState);
     return (h("div", { class: "view view--salon-locations" }, h("div", { class: "view-content", style: this.withBorder ? { border: `1px solid ${Colors.Gray02}`, borderRadius: '4px' } : { padding: '0px' } }, h("div", { style: { fontSize: '18px', fontWeight: 'bold' } }, "Contact"), h("div", { class: "salon-contact--links", style: { marginTop: '16px' } }, businessPhone && (h("div", { class: "salon-contact--links-item" }, h("i", { class: "ri-phone-line", style: { color: Colors.Gray04, fontSize: '18px', marginRight: '6px' } }), " ", h("a", { href: `tel:${businessPhone}`, style: { color: Colors.TextColor, textDecoration: 'none' } }, businessPhone))), websiteUrl && (h("div", { class: "salon-contact--links-item" }, h("i", { class: "ri-links-line", style: { color: Colors.Gray04, fontSize: '18px', marginRight: '6px' } }), " ", h("a", { target: websiteUrl && websiteUrl.indexOf(window.location.hostname) === -1 ? '_blank' : undefined, href: websiteUrl, style: { color: Colors.TextColor, textDecoration: 'none' } }, websiteUrl))), email && (h("div", { class: "salon-contact--links-item" }, h("i", { class: "ri-mail-line", style: { color: Colors.Gray04, fontSize: '18px', marginRight: '6px' } }), " ", h("a", { href: `mailto:${email}`, style: { color: Colors.TextColor, textDecoration: 'none' } }, email)))), h("div", { class: "view--salon-info--map", style: { marginTop: '24px' } }, h("google-map", { "location-name": businessName, "location-address": fullAddress })))));
   }
-  static get is() { return "salon-locations"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "salonId": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "salon-id",
-        "reflect": false
-      },
-      "salonInfo": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "salon-info",
-        "reflect": false
-      },
-      "isLoading": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-loading",
-        "reflect": false
-      },
-      "withBorder": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "with-border",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "salonInfoState": {}
-    };
-  }
-}
+};
+SalonLocations.style = indexCss;
+
+export { SalonLocations as salon_locations };

package/dist/{esm → favesalon-embed}/salon-lookbook.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-0494771f.js';
+import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-257442e2.js';
-import './_commonjsHelpers-66ac50f5.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/{esm → favesalon-embed}/salon-ranking.entry.js

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

package/dist/{esm → favesalon-embed}/salon-reviews.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-0494771f.js';
-import { H as HttpService, d as dayjs_min, s as shortDateYearFormat } from './services-257442e2.js';
+import { r as registerInstance, h } from './index-888e99e3.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-66ac50f5.js';
+import './_commonjsHelpers-a4f66ccd.js';
 
 const indexCss = "@media (max-width: 768px){salon-reviews .salon-reviews{flex-direction:column !important}salon-reviews .salon-reviews--filters--options{display:none !important}salon-reviews .salon-reviews--list{padding-top:32px !important;padding-left:0px !important}salon-reviews .reviews-list--sorting>label{display:none !important}}";
 
@@ -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/{collection/components/salon-schedules/index.js → favesalon-embed/salon-schedules.entry.js}

@@ -1,9 +1,13 @@
-import { h } from '@stencil/core';
-import { BusinessHourStatus } from '../../types/salon';
-import HttpService from '../../services/services';
-import { Colors } from '../../constants/colors';
-export class SalonSchedules {
-  constructor() {
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { H as HttpService, B as BusinessHourStatus } from './services-d71be591.js';
+import { C as Colors } from './colors-ea36347a.js';
+import './_commonjsHelpers-a4f66ccd.js';
+
+const indexCss = "salon-schedules .salon-schedules--day{display:flex;flex-direction:row;min-width:240px}@media (min-width: 768px){salon-schedules .salon-schedules--dates{overflow:hidden;margin-left:-32px}salon-schedules .salon-schedules--day{float:left;padding-left:32px}}";
+
+const SalonSchedules = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
     this.salonId = undefined;
     this.salonInfo = undefined;
     this.isLoading = undefined;
@@ -76,92 +80,7 @@ export class SalonSchedules {
     const { about, businessHours, } = (this.salonInfoState || {});
     return (h("div", { class: "view view--salon-contact" }, h("div", { class: "view-content", style: this.withBorder ? { border: `1px solid ${Colors.Gray02}`, borderRadius: '4px' } : { padding: '0px' } }, h("div", { style: { fontSize: '18px', fontWeight: 'bold' } }, "About"), about && (h("div", { class: "salon-contact--info--desc", style: { fontSize: '16px', marginTop: '16px' }, innerHTML: about })), businessHours && businessHours.length > 0 && (h("div", { class: "salon-schedules", style: { marginTop: '24px' } }, h("div", { class: "salon-schedules--title", style: { fontSize: '16px', fontWeight: 'bold' } }, "Working hours"), h("div", { class: "salon-schedules--dates" }, h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Mon"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[0]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Tue"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[1]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Wed"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[2]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Thur"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[3]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Fri"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[4]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Sat"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[5]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Sun"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[6])))))))));
   }
-  static get is() { return "salon-schedules"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "salonId": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "salon-id",
-        "reflect": false
-      },
-      "salonInfo": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "salon-info",
-        "reflect": false
-      },
-      "isLoading": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-loading",
-        "reflect": false
-      },
-      "withBorder": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "with-border",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "salonInfoState": {}
-    };
-  }
-}
+};
+SalonSchedules.style = indexCss;
+
+export { SalonSchedules as salon_schedules };

package/dist/{esm → favesalon-embed}/salon-services.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-0494771f.js';
-import { H as HttpService, b as sortBy_1 } from './services-257442e2.js';
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { H as HttpService, a as sortBy_1 } from './services-d71be591.js';
 import { C as Colors } from './colors-ea36347a.js';
-import './_commonjsHelpers-66ac50f5.js';
+import './_commonjsHelpers-a4f66ccd.js';
 
 const indexCss = "";
 
@@ -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%',