favesalon-embed 1.0.4 → 1.0.5

package/dist/cjs/salon-stylists.cjs.entry.js

@@ -1,118 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-dd8176c4.js');
-const colors = require('./colors-38421769.js');
-const services = require('./services-d1bdf299.js');
-require('./_commonjsHelpers-5cfcba41.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}}";
-
-const pageLimit = 20;
-const SalonStylists = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.salonId = undefined;
-    this.salonStylists = undefined;
-    this.totalStylists = undefined;
-    this.page = 1;
-    this.isLoading = undefined;
-    this.isLoadingMore = undefined;
-    this.canLoadMore = undefined;
-  }
-  componentWillLoad() {
-    this.fetchData();
-  }
-  async fetchData() {
-    this.isLoading = true;
-    try {
-      const { total, data } = await services.HttpService().fetchSalonStylists(this.salonId, { page: 1, limit: pageLimit });
-      this.totalStylists = total;
-      this.salonStylists = data;
-      this.canLoadMore = data.length === pageLimit;
-    }
-    catch (e) {
-      this.totalStylists = 0;
-      this.salonStylists = [];
-      this.canLoadMore = false;
-    }
-    this.isLoading = false;
-  }
-  async onLoadMore() {
-    this.isLoadingMore = true;
-    try {
-      const { data } = await services.HttpService().fetchSalonStylists(this.salonId, { page: this.page + 1, limit: pageLimit });
-      this.salonStylists = this.salonStylists.concat(data || []);
-      this.canLoadMore = data.length === pageLimit;
-      this.page += 1;
-    }
-    catch (e) { }
-    this.isLoadingMore = false;
-  }
-  render() {
-    if (this.isLoading) {
-      return (index.h("div", null, index.h("div", { class: "view--salon-stylists" }, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((fakeId, index$1) => (index.h("div", { class: "salon-stylist" }, index.h("div", { class: "card", style: {
-          background: 'none',
-          border: 'none',
-          overflow: 'hidden',
-        } }, index.h("div", { class: "salon-stylist--avatar", style: {
-          backgroundColor: colors.Colors.Gray01,
-          backgroundRepeat: 'no-repeat',
-          backgroundPosition: 'center top',
-          backgroundSize: 'cover',
-          border: `1px solid ${colors.Colors.Gray01}`,
-          borderRadius: '8px',
-          position: 'relative',
-          display: 'flex',
-          width: '100%',
-          alignItems: 'center',
-          justifyContent: 'center',
-        } }), index.h("div", { class: "card-body" }, index.h("div", { key: `stylist--${fakeId}--${index$1}`, style: {
-          backgroundColor: colors.Colors.Gray01,
-          height: '16px',
-          width: '120px',
-          margin: 'auto',
-        } })))))))));
-    }
-    return (index.h("div", null, index.h("div", { class: "view--salon-stylists" }, (this.salonStylists || []).map(stylist => (index.h("div", { class: "salon-stylist" }, index.h("div", { class: "card", style: {
-        background: 'none',
-        border: 'none',
-        overflow: 'hidden',
-      } }, index.h("div", { class: "salon-stylist--avatar", style: {
-        backgroundImage: `url("${stylist.avatar}")`,
-        backgroundColor: colors.Colors.Gray01,
-        backgroundRepeat: 'no-repeat',
-        backgroundPosition: 'center top',
-        backgroundSize: 'cover',
-        border: `1px solid ${colors.Colors.Gray01}`,
-        borderRadius: '8px',
-        position: 'relative',
-        display: 'flex',
-        width: '100%',
-        alignItems: 'center',
-        justifyContent: 'center',
-      } }, !stylist.avatar && (index.h("span", { style: {
-        fontSize: '32px',
-        fontWeight: 'bold',
-        textTransform: 'uppercase',
-      } }, (stylist.firstName || '').charAt(0), " ", (stylist.lastName || '').charAt(0)))), index.h("div", { class: "card-body" }, index.h("div", { style: {
-        fontSize: '18px',
-        fontWeight: '600',
-        textAlign: 'center',
-      } }, stylist.fullName))))))), this.canLoadMore && (index.h("div", { class: "view-footer", style: {
-        textAlign: 'center',
-        paddingTop: '32px',
-        paddingBottom: '16px',
-      } }, index.h("button", { type: "button", class: "btn btn-lg", disabled: this.isLoadingMore, style: {
-        background: colors.Colors.White,
-        border: `1px solid ${colors.Colors.Gray02}`,
-        borderRadius: '4px',
-        paddingLeft: '24px',
-        paddingRight: '24px',
-      }, onClick: () => this.onLoadMore() }, "Load more")))));
-  }
-};
-SalonStylists.style = indexCss;
-
-exports.salon_stylists = SalonStylists;

package/dist/cjs/style-detail.cjs.entry.js

@@ -1,312 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-dd8176c4.js');
-const services = require('./services-d1bdf299.js');
-const relativeTime = require('./relativeTime-3721080d.js');
-const colors = require('./colors-38421769.js');
-require('./_commonjsHelpers-5cfcba41.js');
-
-const indexCss = ".salon-modal.salon-modal--lookbook-detail .salon-modal--close{display:none !important}.salon-modal.salon-modal--lookbook-detail .salon-modal--content{background-color:#fff;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1000;overflow-y:auto}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--image{height:240px !important}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--thumbnails{text-align:center}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--thumbnail{display:inline-block;margin-top:12px;margin-right:12px;height:40px;width:60px}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--button{border:none;position:absolute;top:50%;z-index:20;height:40px;width:40px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--prev{left:24px}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--next{right:24px}@media (min-width: 768px){.salon-modal.salon-modal--lookbook-detail .style-detail--slides--image{height:360px !important}}@media (min-width: 992px){.salon-modal.salon-modal--lookbook-detail .style-detail--slides--image{height:480px !important}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--thumbnail{height:56px;width:72px}}";
-
-services.dayjs_min.extend(relativeTime.relativeTime);
-const StyleDetail = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.salonId = undefined;
-    this.salonLookbook = undefined;
-    this.lookbookInfo = undefined;
-    this.isModalOpen = true;
-    this.currentMediaIdx = 0;
-    this.currentMedia = undefined;
-    this.albumMedias = [];
-    this.similarStyles = [];
-    this.totalComments = 0;
-    this.lookbookComments = [];
-    this.isLayoutSetup = undefined;
-  }
-  componentWillLoad() {
-    this.injectSDK();
-    if (!!this.salonLookbook) {
-      this.lookbookInfo = JSON.parse(this.salonLookbook);
-      this.fetchData();
-    }
-  }
-  componentDidRender() {
-    this.setupGridLayout();
-  }
-  injectSDK() {
-    return new Promise((resolve) => {
-      const script = document.createElement('script');
-      script.type = 'text/javascript';
-      script.src = 'https://cdn.jsdelivr.net/npm/macy@2';
-      document.body.appendChild(script);
-      return resolve(true);
-    });
-  }
-  setupGridLayout() {
-    if (!this.isLayoutSetup && this.similarStyles.length > 0 && document.querySelector('#similar-styles--grid')) {
-      const script = document.createElement('script');
-      script.type = 'text/javascript';
-      script.innerHTML = `
-        var masonry = new Macy({
-          container: '#similar-styles--grid',
-          useContainerForBreakpoints: true,
-          margin: 16,
-          columns: 2,
-        });
-      `;
-      document.body.appendChild(script);
-      this.isLayoutSetup = true;
-    }
-  }
-  fetchData() {
-    try {
-      const promises = [
-        services.HttpService().fetchStyleDetail(this.lookbookInfo.id).then(response => {
-          const { styleInfo, similarStyles } = response;
-          this.similarStyles = similarStyles;
-          if (styleInfo) {
-            this.lookbookInfo = styleInfo;
-            this.albumMedias = styleInfo.albumMedias || [];
-            this.currentMedia = (styleInfo.albumMedias || [])[0];
-          }
-        }),
-        services.HttpService().fetchStyleComments(this.lookbookInfo.id).then(response => {
-          this.totalComments = response.total;
-          this.lookbookComments = response.data;
-        }),
-      ];
-      return Promise.all(promises);
-    }
-    catch (e) { }
-  }
-  closeModal() {
-    this.isModalOpen = false;
-    const el = document.querySelector('style-detail');
-    el.remove();
-  }
-  onClickLookbook(style) {
-    const elLookbookModal = document.createElement('div');
-    elLookbookModal.innerHTML = `
-      <style-detail
-        salon-id=${this.salonId}
-        salon-lookbook='${JSON.stringify(style)}'
-      ></style-detail>
-    `;
-    document.body.appendChild(elLookbookModal);
-  }
-  onClickPrev() {
-    if (this.currentMediaIdx === 0) {
-      this.currentMediaIdx = this.albumMedias.length - 1;
-      this.currentMedia = this.albumMedias[this.currentMediaIdx];
-    }
-    else {
-      this.currentMediaIdx = this.currentMediaIdx - 1;
-      this.currentMedia = this.albumMedias[this.currentMediaIdx];
-    }
-  }
-  onClickNext() {
-    if (this.currentMediaIdx === this.albumMedias.length - 1) {
-      this.currentMediaIdx = 0;
-      this.currentMedia = this.albumMedias[0];
-    }
-    else {
-      this.currentMediaIdx = this.currentMediaIdx + 1;
-      this.currentMedia = this.albumMedias[this.currentMediaIdx];
-    }
-  }
-  render() {
-    const { createdDate, totalView, totalLike, totalBooking, album, salon, stylist, } = this.lookbookInfo;
-    if (this.isModalOpen) {
-      const { caption, description, mediaUrl } = this.currentMedia || {};
-      const isVideo = services.isVideoMedia((this.currentMedia || {}));
-      return (index.h("div", { class: "salon-modal salon-modal--lookbook-detail" }, index.h("div", { class: "salon-modal--inner" }, index.h("div", { class: "salon-modal--content" }, index.h("div", { class: "style-detail" }, index.h("div", { class: "style-detail--header" }, index.h("div", { style: {
-          position: 'relative',
-          overflow: 'hidden',
-        } }, index.h("div", { style: Object.assign({ backgroundColor: colors.Colors.Gray01, backgroundSize: 'cover', backgroundRepeat: 'no-repeat', backgroundPosition: '0 0', filter: 'blur(30px)', position: 'absolute', inset: '0', zIndex: '1' }, this.currentMedia && !services.isVideoMedia(this.currentMedia) ? { backgroundImage: `url("${this.currentMedia.imageThumb}")` } : {}) }), index.h("div", { style: {
-          zIndex: '2',
-          position: 'relative',
-          width: '100%',
-          backgroundColor: 'rgba(0, 0, 0, 0.25)',
-          padding: '12px 16px',
-          overflow: 'hidden',
-        } }, index.h("span", { style: {
-          color: colors.Colors.White,
-          border: 'none',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          height: '32px',
-        } }, index.h("span", null, this.currentMediaIdx + 1, " / ", this.albumMedias.length)), index.h("div", { style: {
-          display: 'flex',
-          alignItems: 'center',
-          position: 'absolute',
-          right: '16px',
-          top: '50%',
-          transform: 'translate(0, -50%)',
-        } }, index.h("button", { type: "text", class: "btn btn-light", style: {
-          backgroundColor: colors.Colors.White,
-          borderColor: colors.Colors.White,
-          border: 'none',
-          borderRadius: '50px',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          height: '32px',
-          width: '32px',
-          marginLeft: '12px',
-        }, onClick: () => this.closeModal() }, index.h("i", { class: "ri-close-fill", style: { fontSize: '16px', lineHeight: '1' } })))), index.h("div", { style: { position: 'relative', zIndex: "3" } }, index.h("div", { class: "style-detail--slides", style: {
-          marginTop: '16px',
-          marginBottom: '12px',
-        } }, index.h("div", { class: "style-detail--slides--image", style: {
-          width: '100%',
-          position: 'relative',
-          height: '360px',
-        } }, isVideo && (index.h("video", { muted: true, controls: true, width: "100%", height: "100%" }, index.h("source", { src: mediaUrl, type: "video/mp4" }))), !isVideo && (index.h("div", { style: {
-          position: 'absolute',
-          inset: '0',
-          zIndex: '2',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-        } }, index.h("img", { src: mediaUrl, alt: caption, style: {
-          objectFit: 'contain',
-          maxHeight: '100%',
-          maxWidth: '100%',
-        } })))), index.h("div", { class: "style-detail--slides--thumbnails", style: {
-          width: '100%',
-          position: 'relative',
-        } }, this.albumMedias.map((media, idx) => {
-        const isStyleVideo = services.isVideoMedia(media);
-        return (index.h("div", { class: "style-detail--slides--thumbnail", style: Object.assign(Object.assign({ backgroundColor: colors.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 && (index.h("div", null, index.h("video", { muted: true, width: "100%", height: "100%", poster: media.imageThumb }, index.h("source", { src: media.mediaUrl, type: "video/mp4" })), index.h("i", { class: "ri-play-circle-fill", style: {
-            fontSize: '48px',
-            color: colors.Colors.TextColor,
-            position: 'absolute',
-            left: '50%',
-            top: '50%',
-            transform: 'translate(-50%, -50%)',
-          } })))));
-      }))), this.albumMedias.length > 1 && (index.h("div", null, index.h("button", { type: "button btn-light", class: "style-detail--slides--button style-detail--slides--prev", onClick: () => this.onClickPrev() }, index.h("i", { class: "ri-arrow-left-line", style: { color: colors.Colors.TextColor, fontSize: '18px' } })), index.h("button", { type: "button btn-light", class: "style-detail--slides--button style-detail--slides--next", onClick: () => this.onClickNext() }, index.h("i", { class: "ri-arrow-right-line", style: { color: colors.Colors.TextColor, fontSize: '18px' } }))))))), index.h("div", { class: "style-detail--content" }, index.h("div", { class: "container" }, index.h("div", { style: {
-          paddingBottom: '24px',
-          paddingTop: '24px',
-        } }, index.h("div", { class: "row" }, index.h("div", { class: this.similarStyles.length > 0 ? 'col-md-8' : 'col-md-12', style: { marginBottom: '24px' } }, index.h("div", { class: "row" }, salon && (index.h("div", { class: "col-sm-6 col-md-5", style: { marginBottom: '24px' } }, index.h("div", { style: {
-          backgroundColor: colors.Colors.Red01,
-          borderRadius: '4px',
-          padding: '8px',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'space-between',
-        } }, index.h("div", { style: { paddingLeft: '8px' } }, index.h("div", { style: { color: colors.Colors.Gray05, fontSize: '12px' } }, "At salon"), index.h("div", { style: {
-          color: colors.Colors.Secondary,
-          fontSize: '20px',
-          lineHeight: '24px',
-        } }, salon.businessName)), index.h("div", { style: {
-          backgroundImage: `url("${services.getSalonImage(salon)}")`,
-          backgroundColor: colors.Colors.Red02,
-          backgroundSize: 'cover',
-          backgroundRepeat: 'no-repeat',
-          backgroundPosition: '0 0',
-          borderRadius: '4px',
-          height: '48px',
-          width: '48px',
-        } })))), stylist && stylist.id && (index.h("div", { class: "col-sm-6 col-md-5", style: { marginBottom: '24px' } }, index.h("div", { style: {
-          backgroundColor: colors.Colors.Yellow01,
-          borderRadius: '4px',
-          padding: '8px',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'space-between',
-        } }, index.h("div", { style: { paddingLeft: '8px' } }, index.h("div", { style: { color: colors.Colors.Gray05, fontSize: '12px' } }, "By stylist"), index.h("div", { style: {
-          color: colors.Colors.Secondary,
-          fontSize: '20px',
-          lineHeight: '24px',
-        } }, stylist.fullName)), index.h("div", { style: {
-          backgroundImage: `url("${stylist.avatar}")`,
-          backgroundColor: colors.Colors.Yellow02,
-          backgroundSize: 'cover',
-          backgroundRepeat: 'no-repeat',
-          backgroundPosition: '0 0',
-          borderRadius: '4px',
-          height: '48px',
-          width: '48px',
-        } }))))), index.h("div", { style: {
-          borderBottom: `1px solid ${colors.Colors.Gray02}`,
-          borderTop: `1px solid ${colors.Colors.Gray02}`,
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'space-between',
-          paddingBottom: '16px',
-          paddingTop: '16px',
-        } }, index.h("div", { style: {
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'space-around',
-          flexShrink: '1',
-          flexGrow: '1',
-        } }, index.h("div", { style: { width: '25%', textAlign: 'center', maxWidth: '120px' } }, index.h("div", { style: { fontSize: '24px', fontWeight: '600', lineHeight: '1' } }, totalLike), index.h("div", { style: { fontSize: '14px', marginTop: '4px' } }, "faves")), index.h("div", { style: { width: '25%', textAlign: 'center', maxWidth: '120px' } }, index.h("div", { style: { fontSize: '24px', fontWeight: '600', lineHeight: '1' } }, totalBooking), index.h("div", { style: { fontSize: '14px', marginTop: '4px' } }, "booked")), index.h("div", { style: { width: '25%', textAlign: 'center', maxWidth: '120px' } }, index.h("div", { style: { fontSize: '24px', fontWeight: '600', lineHeight: '1' } }, totalView), index.h("div", { style: { fontSize: '14px', marginTop: '4px' } }, "views")), index.h("div", { style: { width: '25%', textAlign: 'center', maxWidth: '120px' } }, index.h("div", { style: { fontSize: '24px', fontWeight: '600', lineHeight: '1' } }, this.totalComments), index.h("div", { style: { fontSize: '14px', marginTop: '4px' } }, "comments")))), (caption || description) && (index.h("div", { style: { paddingTop: '24px' } }, index.h("div", { style: { color: colors.Colors.Gray04, fontSize: '14px' } }, createdDate && services.dayjs_min(createdDate).format(services.shortDateYearFormat)), index.h("div", { style: { fontSize: '24px' } }, caption), index.h("div", { style: {
-          fontSize: '16px',
-          paddingTop: caption ? '16px' : '0',
-        } }, description))), album && album.tags.length > 0 && (index.h("div", { style: {
-          paddingTop: '24px',
-          marginBottom: '-12px',
-        } }, album.tags.map((tag, idx) => (index.h("button", { class: "btn btn-light", key: `album--tag-${idx}`, style: {
-          backgroundColor: colors.Colors.Gray01,
-          borderColor: colors.Colors.Gray01,
-          borderRadius: '4px',
-          marginRight: '12px',
-          marginBottom: '12px',
-        } }, tag))))), index.h("div", { style: { marginTop: '32px' } }, this.lookbookComments && this.lookbookComments.length > 0 && (index.h("div", null, index.h("div", { style: { fontWeight: '600', marginBottom: '8px' } }, this.totalComments, " ", this.totalComments === 1 ? 'comment' : 'comments'), index.h("div", { class: "view view--style-comments", style: {
-          borderTop: `1px solid ${colors.Colors.Gray02}`,
-          paddingTop: '24px',
-          paddingBottom: '24px',
-        } }, this.lookbookComments.map((comment, idx) => {
-        const { user, title, description, createdDate } = comment;
-        return (index.h("div", { key: `style-info--comment-${idx}`, style: idx > 0 ? {
-            borderTop: `1px solid ${colors.Colors.Gray02}`,
-            marginTop: '24px',
-            paddingTop: '24px',
-          } : {} }, index.h("div", { style: { overflow: 'hidden' } }, index.h("user-avatar", { size: 48, avatar: user.avatar, name: index.h("div", null, index.h("div", { style: { color: colors.Colors.Gray04, lineHeight: '1', fontSize: '12px', fontWeight: '400' } }, services.dayjs_min(createdDate).fromNow()), index.h("div", { style: { fontSize: '18px', fontWeight: '600' } }, user.fullName)), shortName: `${(user.firstName || '').charAt(0)}${(user.lastName || '').charAt(0)}`, nameStyle: { fontWeight: 'bold' } })), index.h("div", { style: {
-            color: colors.Colors.Black,
-            fontSize: '16px',
-            paddingTop: '16px',
-          } }, title), description && (index.h("div", { style: {
-            color: colors.Colors.Gray05,
-            paddingTop: '8px',
-          } }, description))));
-      })))))), index.h("div", { class: "col-md-4", style: { marginBottom: '24px' } }, index.h("div", { class: "block block--similar-styles" }, this.similarStyles.length > 0 && (index.h("div", { class: "block--content" }, index.h("h3", { style: {
-          lineHeight: '1.2',
-          fontSize: '24px',
-          color: colors.Colors.Secondary,
-        } }, "More like this"), index.h("div", { style: { marginTop: '16px' } }, index.h("div", { class: "similar-styles--grid", id: "similar-styles--grid" }, this.similarStyles.slice(0, 6).map(style => {
-        const { caption, imageThumbMedium, owner } = style;
-        return (index.h("div", { class: "similar-styles--grid-item", onClick: () => {
-            this.closeModal();
-            this.onClickLookbook(style);
-          } }, index.h("div", { class: "card", style: {
-            background: 'none',
-            border: 'none',
-            cursor: 'pointer',
-          } }, index.h("div", { class: "similar-styles--grid-item--image", style: {
-            borderRadius: '8px',
-            overflow: 'hidden',
-            minHeight: '80px',
-            background: colors.Colors.Gray01,
-          } }, index.h("img", { src: imageThumbMedium, alt: caption, style: { maxWidth: '100%' } })), owner && (index.h("div", { class: "card-body", style: { paddingLeft: '0' } }, index.h("user-avatar", { name: owner.fullName, shortName: `${(owner.firstName || '').charAt(0)}${(owner.lastName || '').charAt(0)}`, avatar: owner.avatar }))))));
-      }))))))))))))))));
-    }
-    return null;
-  }
-};
-StyleDetail.style = indexCss;
-
-exports.style_detail = StyleDetail;

package/dist/collection/collection-manifest.json

@@ -1,33 +0,0 @@
-{
-  "entries": [
-    "./components/chat-box/index.js",
-    "./components/chat-button/index.js",
-    "./components/chat-form/index.js",
-    "./components/chat-messages/index.js",
-    "./components/chat-rooms/index.js",
-    "./components/google-map/index.js",
-    "./components/salon-booking/index.js",
-    "./components/salon-booking/salon-booking-modal.js",
-    "./components/salon-gift-card/index.js",
-    "./components/salon-gift-card/salon-gift-card-modal.js",
-    "./components/salon-info/index.js",
-    "./components/salon-latest-reviews/index.js",
-    "./components/salon-latest-styles/index.js",
-    "./components/salon-locations/index.js",
-    "./components/salon-lookbook/index.js",
-    "./components/salon-ranking/index.js",
-    "./components/salon-reviews/index.js",
-    "./components/salon-schedules/index.js",
-    "./components/salon-services/index.js",
-    "./components/salon-stylists/index.js",
-    "./components/style-detail/index.js",
-    "./components/user-avatar/index.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "2.22.3",
-    "typescriptVersion": "4.9.4"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/chat-box/index.css

@@ -1,105 +0,0 @@
-.chat-widget,
-.chat-widget--sidebar,
-.chat-widget--content {
-  display: flex;
-  height: 100%;
-  width: 100%;
-}
-
-.chat-widget {
-  font-size: 16px;
-  position: relative;
-  font-family: 'Roboto', sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.chat-widget--sidebar,
-.chat-widget--content {
-  background-color: #fff;
-  border: 1px solid #EFEFEF;
-  position: absolute;
-  inset: 0;
-  flex-direction: column;
-}
-
-.chat-widget .chat-widget--sidebar {
-  z-index: 10;
-}
-
-.chat-widget .chat-widget--content {
-  z-index: 5;
-}
-.chat-widget.has-chat-room .chat-widget--content {
-  z-index: 10;
-}
-
-.chat-widget--content-header {
-  background-color: #001529;
-  border-bottom: 1px solid #EFEFEF;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px;
-}
-
-.chat-widget--content-title {
-  font-size: 20px;
-  font-weight: 600;
-  line-height: 1;
-  margin: 0;
-}
-
-.chat-widget--content-close {
-  border: 1px solid #fff;
-  cursor: pointer;
-  display: block;
-  position: absolute;
-  z-index: 1000;
-  top: 50%;
-  right: 0;
-  width: 30px;
-  height: 30px;
-  transform: translate(0, -50%);
-
-  -moz-border-radius: 30px;
-  -webkit-border-radius: 30px;
-  border-radius: 30px;
-
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
-}
-
-
-
-@media (min-width: 992px) {
-  .chat-widget--sidebar,
-  .chat-widget--content {
-    position: static;
-    width: auto;
-
-    -moz-border-radius: 8px;
-    -webkit-border-radius: 8px;
-    border-radius: 8px;
-  }
-
-  .chat-widget--sidebar {
-    min-width: 320px;
-    max-width: 320px;
-    margin-right: 24px;
-  }
-
-  .chat-widget--content {
-    flex-grow: 1;
-    flex-shrink: 1;
-  }
-
-  .chat-rooms--search,
-  .chat-widget--content-header {
-    -moz-border-radius: 8px 8px 0 0;
-    -webkit-border-radius: 8px 8px 0 0;
-    border-radius: 8px 8px 0 0;
-  }
-}