favesalon-embed 0.0.3 → 0.0.5

package/cjs/loader.cjs.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7d179a70.js');
-require('./global-9073d10e.js');
-
-/*
- Stencil Client Patch Esm v2.9.0 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return index.bootstrapLazy([["salon-booking-modal.cjs",[[0,"salon-booking-modal",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"redirectUrl":[1,"redirect-url"],"isModalOpen":[32]}]]],["salon-gift-card-modal.cjs",[[0,"salon-gift-card-modal",{"salonId":[2,"salon-id"],"isModalOpen":[32]}]]],["google-map_15.cjs",[[0,"salon-info",{"salonId":[2,"salon-id"],"backgroundColor":[1,"background-color"],"salonInfo":[32],"fetchData":[64]}],[0,"salon-latest-reviews",{"salonId":[2,"salon-id"],"salonReviews":[32],"fetchData":[64]}],[0,"salon-lookbook",{"salonId":[2,"salon-id"],"isLoading":[32],"isLoadingMore":[32],"hideLoadMore":[32],"currentPage":[32],"totalLookbooks":[32],"salonCategories":[32],"salonLookbooks":[32],"isLayoutSetup":[32],"fetchData":[64],"fetchLookbooks":[64],"onLoadMore":[64],"fetchCategories":[64]}],[0,"salon-reviews",{"salonId":[2,"salon-id"],"salonInfo":[32],"totalReviews":[32],"salonReviews":[32],"canLoadMore":[32],"isLoadingMore":[32],"pageOffset":[32],"ratings":[32],"sorting":[32],"fetchData":[64]}],[0,"salon-stylists",{"salonId":[2,"salon-id"],"salonStylists":[32],"fetchData":[64]}],[0,"salon-booking",{"salonId":[2,"salon-id"],"buttonText":[1,"button-text"],"buttonClass":[1,"button-class"],"primaryColor":[1,"primary-color"]}],[0,"salon-gift-card",{"salonId":[2,"salon-id"],"buttonText":[1,"button-text"],"buttonClass":[1,"button-class"]}],[0,"salon-services",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"salonServices":[32],"fetchData":[64]}],[0,"salon-locations",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"salonInfoState":[32]}],[0,"salon-contact",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"salonInfoState":[32]}],[0,"salon-ranking",{"ranking":[2],"height":[2],"width":[2]}],[0,"salon-schedules",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"salonInfoState":[32]}],[0,"salon-styles",{"salonId":[2,"salon-id"],"firstPageStyles":[32],"nestPageStyles":[32],"fetchData":[64]}],[0,"google-map",{"apiKey":[1,"api-key"],"lat":[2],"lng":[2]}],[0,"user-avatar",{"size":[2],"name":[1],"nameStyle":[16],"shortName":[1,"short-name"],"avatar":[1]}]]]], options);
-  });
-};
-
-exports.defineCustomElements = defineCustomElements;

package/cjs/salon-booking-modal.cjs.entry.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7d179a70.js');
-
-const indexCss = ".salon-modal.salon-modal--booking:before{display:none}.salon-modal.salon-modal--booking .salon-modal--inner,.salon-modal.salon-modal--booking .salon-modal--content{max-width:none;width:100%;height:100%}.salon-modal.salon-modal--booking .salon-modal--close{width:48px;height:48px;right:10px;top:12px}@media (min-width: 576px){.salon-modal.salon-modal--booking .salon-modal--close{right:16px}}@media (min-width: 768px){.salon-modal.salon-modal--booking .salon-modal--close{right:24px}}@media (min-width: 1200px){.salon-modal.salon-modal--booking .salon-modal--close{right:50%;margin-right:-585px}}";
-
-let SalonBookingModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.primaryColor = '#d47b99';
-    this.redirectUrl = window.btoa(window.location.href);
-    this.isModalOpen = true;
-  }
-  render() {
-    const primaryColor = this.primaryColor.split('#')[1] || 'd47b99';
-    return (index.h("div", { class: "salon-booking--modal" }, this.isModalOpen && (index.h("div", { class: "salon-modal salon-modal--booking" }, index.h("div", { class: "salon-modal--backdrop", onClick: () => this.isModalOpen = false }), index.h("div", { class: "salon-modal--close", onClick: () => this.isModalOpen = false }), index.h("div", { class: "salon-modal--inner" }, index.h("div", { class: "salon-modal--content" }, index.h("iframe", { height: "100%", width: "100%", style: { border: 'none', display: 'block', height: '100%' }, src: `https://www.favesalon.com/r/booking?salonId=${this.salonId}&primaryColor=${primaryColor}&redirectUrl=${this.redirectUrl}` })))))));
-  }
-};
-SalonBookingModal.style = indexCss;
-
-exports.salon_booking_modal = SalonBookingModal;

package/cjs/salon-gift-card-modal.cjs.entry.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7d179a70.js');
-
-const indexCss = ".salon-modal.salon-modal--gift-card .salon-modal--title{margin:0}.salon-modal.salon-modal--gift-card .salon-modal--close{width:40px;height:40px;right:16px;top:16px}.salon-modal.salon-modal--gift-card .salon-modal--header{height:72px;padding:16px}.salon-modal.salon-modal--gift-card .salon-modal--inner{height:90vh}.salon-modal.salon-modal--gift-card .salon-modal--content{height:90vh;padding:0 16px;overflow-y:auto}";
-
-let SalonGiftCardModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.isModalOpen = true;
-  }
-  render() {
-    return (index.h("div", { class: "salon-gift-card--modal" }, this.isModalOpen && (index.h("div", { class: "salon-modal salon-modal--gift-card" }, index.h("div", { class: "salon-modal--backdrop", onClick: () => this.isModalOpen = false }), index.h("div", { class: "salon-modal--inner" }, index.h("div", { class: "salon-modal--close", onClick: () => this.isModalOpen = false }), index.h("div", { class: "salon-modal--content" }, index.h("iframe", { height: "100%", width: "100%", style: { border: 'none', display: 'block', height: '100%' }, src: `https://www.favesalon.com/salon/detail/${this.salonId}/gift-cards.html` })))))));
-  }
-};
-SalonGiftCardModal.style = indexCss;
-
-exports.salon_gift_card_modal = SalonGiftCardModal;

package/collection/components/google-map/index.js

@@ -1,97 +0,0 @@
-import { Component, h, Prop } from '@stencil/core';
-export class GoogleMap {
-  constructor() {
-    this.apiKey = 'AIzaSyBW4PbW9aM2FXZl83Gs7jeRmekEWSzC1sY';
-  }
-  componentDidLoad() {
-    this.injectSDK().then(() => {
-      setTimeout(() => this.initMap(), 300);
-    });
-  }
-  injectSDK() {
-    return new Promise((resolve) => {
-      window['mapInit'] = () => resolve(true);
-      const script = document.createElement('script');
-      script.id = 'googleMaps';
-      if (this.apiKey) {
-        script.src = 'https://maps.googleapis.com/maps/api/js?key=' + this.apiKey + '&callback=mapInit';
-      }
-      else {
-        script.src = 'https://maps.googleapis.com/maps/api/js?callback=mapInit';
-      }
-      document.body.appendChild(script);
-      return resolve(true);
-    });
-  }
-  initMap() {
-    const mapOptions = {
-      center: { lat: this.lat, lng: this.lng },
-      zoom: 8,
-    };
-    this.map = new window.google.maps.Map(document.getElementById('google-map-container'), mapOptions);
-  }
-  render() {
-    return h("div", { id: 'google-map-container' });
-  }
-  static get is() { return "google-map"; }
-  static get originalStyleUrls() { return {
-    "$": ["index.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["index.css"]
-  }; }
-  static get properties() { return {
-    "apiKey": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "api-key",
-      "reflect": false,
-      "defaultValue": "'AIzaSyBW4PbW9aM2FXZl83Gs7jeRmekEWSzC1sY'"
-    },
-    "lat": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "lat",
-      "reflect": false
-    },
-    "lng": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "lng",
-      "reflect": false
-    }
-  }; }
-}

package/collection/components/salon-booking/index.js

@@ -1,103 +0,0 @@
-import { Component, Prop, h } from '@stencil/core';
-export class SalonBooking {
-  constructor() {
-    this.buttonText = 'Book now';
-    this.buttonClass = 'btn btn-primary';
-    this.primaryColor = '#d47b99';
-  }
-  openModal() {
-    const elBookingModal = document.createElement('div');
-    elBookingModal.innerHTML = `
-      <salon-booking-modal
-        salon-id=${this.salonId}
-        primary-color=${this.primaryColor}
-      ></salon-booking-modal>
-    `;
-    document.body.appendChild(elBookingModal);
-  }
-  render() {
-    return (h("div", { class: "salon-booking" },
-      h("div", { class: "salon-booking--button" },
-        h("button", { type: "button", class: this.buttonClass, onClick: () => this.openModal() }, this.buttonText))));
-  }
-  static get is() { return "salon-booking"; }
-  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
-    },
-    "buttonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "button-text",
-      "reflect": false,
-      "defaultValue": "'Book now'"
-    },
-    "buttonClass": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "button-class",
-      "reflect": false,
-      "defaultValue": "'btn btn-primary'"
-    },
-    "primaryColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "primary-color",
-      "reflect": false,
-      "defaultValue": "'#d47b99'"
-    }
-  }; }
-}

package/collection/components/salon-booking/salon-booking-modal.js

@@ -1,82 +0,0 @@
-import { Component, Prop, h, State } from '@stencil/core';
-export class SalonBookingModal {
-  constructor() {
-    this.primaryColor = '#d47b99';
-    this.redirectUrl = window.btoa(window.location.href);
-    this.isModalOpen = true;
-  }
-  render() {
-    const primaryColor = this.primaryColor.split('#')[1] || 'd47b99';
-    return (h("div", { class: "salon-booking--modal" }, this.isModalOpen && (h("div", { class: "salon-modal salon-modal--booking" },
-      h("div", { class: "salon-modal--backdrop", onClick: () => this.isModalOpen = false }),
-      h("div", { class: "salon-modal--close", onClick: () => this.isModalOpen = false }),
-      h("div", { class: "salon-modal--inner" },
-        h("div", { class: "salon-modal--content" },
-          h("iframe", { height: "100%", width: "100%", style: { border: 'none', display: 'block', height: '100%' }, src: `https://www.favesalon.com/r/booking?salonId=${this.salonId}&primaryColor=${primaryColor}&redirectUrl=${this.redirectUrl}` })))))));
-  }
-  static get is() { return "salon-booking-modal"; }
-  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
-    },
-    "primaryColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "primary-color",
-      "reflect": false,
-      "defaultValue": "'#d47b99'"
-    },
-    "redirectUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "redirect-url",
-      "reflect": false,
-      "defaultValue": "window.btoa(window.location.href)"
-    }
-  }; }
-  static get states() { return {
-    "isModalOpen": {}
-  }; }
-}

package/collection/components/salon-contact/index.js

@@ -1,88 +0,0 @@
-import { Component, Prop, h, State } from '@stencil/core';
-import { Colors } from '../../constants/colors';
-import { formatWebsiteUrl } from '../../utils/utils';
-import HttpService from '../../services/services';
-export class SalonContact {
-  componentWillLoad() {
-    if (this.salonInfo) {
-      this.salonInfoState = JSON.parse(this.salonInfo);
-    }
-    else {
-      this.fetchData();
-    }
-  }
-  fetchData() {
-    try {
-      HttpService().fetchSalonInfo(this.salonId)
-        .then(salonInfo => this.salonInfoState = salonInfo);
-    }
-    catch (e) { }
-  }
-  render() {
-    const { about, email, website, businessPhone, } = (this.salonInfoState || {});
-    const websiteUrl = formatWebsiteUrl(website);
-    return (h("div", { class: "view view--salon-contact" },
-      h("div", { class: "view-content" },
-        h("div", { style: { fontSize: '16px', fontWeight: 'bold' } }, "Contact info"),
-        h("div", { class: "salon-contact--links" },
-          businessPhone && (h("div", { class: "salon-contact--links-item" },
-            h("i", { class: "ri-phone-line", style: { color: Colors.Gray03, fontSize: '18px', marginRight: '6px' } }),
-            " ",
-            businessPhone)),
-          websiteUrl && (h("div", { class: "salon-contact--links-item" },
-            h("i", { class: "ri-links-line", style: { color: Colors.Gray03, fontSize: '18px', marginRight: '6px' } }),
-            " ",
-            h("a", { target: websiteUrl && websiteUrl.indexOf(window.location.hostname) === -1 ? '_blank' : undefined, href: websiteUrl, style: { color: Colors.Gray01, textDecoration: 'none' } }, websiteUrl))),
-          email && (h("div", { class: "salon-contact--links-item" },
-            h("i", { class: "ri-mail-line", style: { color: Colors.Gray03, fontSize: '18px', marginRight: '6px' } }),
-            " ",
-            h("a", { href: `mailto:${email}`, style: { color: Colors.Gray01, textDecoration: 'none' } }, email)))),
-        h("div", { class: "salon-contact--info--desc", style: { fontSize: '16px', marginTop: '16px' }, innerHTML: about }))));
-  }
-  static get is() { return "salon-contact"; }
-  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
-    }
-  }; }
-  static get states() { return {
-    "salonInfoState": {}
-  }; }
-}

package/collection/components/salon-gift-card/index.css

@@ -1,25 +0,0 @@
-.salon-modal.salon-modal--gift-card .salon-modal--title {
-  margin: 0;
-}
-
-.salon-modal.salon-modal--gift-card .salon-modal--close {
-  width: 40px;
-  height: 40px;
-  right: 16px;
-  top: 16px;
-}
-
-.salon-modal.salon-modal--gift-card .salon-modal--header {
-  height: 72px;
-  padding: 16px;
-}
-
-.salon-modal.salon-modal--gift-card .salon-modal--inner {
-  height: 90vh;
-}
-
-.salon-modal.salon-modal--gift-card .salon-modal--content {
-  height: 90vh;
-  padding: 0 16px;
-  overflow-y: auto;
-}

package/collection/components/salon-gift-card/index.js

@@ -1,83 +0,0 @@
-import { Component, Prop, h } from '@stencil/core';
-export class SalonGiftCard {
-  constructor() {
-    this.buttonText = 'Buy Gift card';
-    this.buttonClass = 'btn btn-primary';
-  }
-  openModal() {
-    const elBookingModal = document.createElement('div');
-    elBookingModal.innerHTML = `
-      <salon-gift-card-modal
-        salon-id=${this.salonId}
-      ></salon-gift-card-modal>
-    `;
-    document.body.appendChild(elBookingModal);
-  }
-  render() {
-    return (h("div", { class: "salon-gift-card" },
-      h("div", { class: "salon-gift-card--button" },
-        h("button", { type: "button", class: this.buttonClass, onClick: () => this.openModal() }, this.buttonText))));
-  }
-  static get is() { return "salon-gift-card"; }
-  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
-    },
-    "buttonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "button-text",
-      "reflect": false,
-      "defaultValue": "'Buy Gift card'"
-    },
-    "buttonClass": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "button-class",
-      "reflect": false,
-      "defaultValue": "'btn btn-primary'"
-    }
-  }; }
-}

package/collection/components/salon-gift-card/salon-gift-card-modal.js

@@ -1,43 +0,0 @@
-import { Component, Prop, h, State } from '@stencil/core';
-export class SalonGiftCardModal {
-  constructor() {
-    this.isModalOpen = true;
-  }
-  render() {
-    return (h("div", { class: "salon-gift-card--modal" }, this.isModalOpen && (h("div", { class: "salon-modal salon-modal--gift-card" },
-      h("div", { class: "salon-modal--backdrop", onClick: () => this.isModalOpen = false }),
-      h("div", { class: "salon-modal--inner" },
-        h("div", { class: "salon-modal--close", onClick: () => this.isModalOpen = false }),
-        h("div", { class: "salon-modal--content" },
-          h("iframe", { height: "100%", width: "100%", style: { border: 'none', display: 'block', height: '100%' }, src: `https://www.favesalon.com/salon/detail/${this.salonId}/gift-cards.html` })))))));
-  }
-  static get is() { return "salon-gift-card-modal"; }
-  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
-    }
-  }; }
-  static get states() { return {
-    "isModalOpen": {}
-  }; }
-}

package/collection/components/salon-info/index.css

@@ -1,3 +0,0 @@
-.salon-info .view--salon-styles .view-content {
-  padding: 0;
-}