favesalon-embed 0.1.0 → 1.0.1

package/dist/collection/components/salon-locations/index.js

@@ -1,8 +1,15 @@
-import { Component, Prop, h, State } from '@stencil/core';
+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() {
+    this.salonId = undefined;
+    this.salonInfo = undefined;
+    this.isLoading = undefined;
+    this.withBorder = undefined;
+    this.salonInfoState = undefined;
+  }
   componentWillLoad() {
     if (this.salonInfo) {
       this.salonInfoState = JSON.parse(this.salonInfo);
@@ -20,132 +27,117 @@ export class SalonLocations {
   }
   render() {
     if (this.isLoading) {
-      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: {
-              backgroundColor: Colors.Gray02,
-              height: '20px',
-              width: '120px',
-            } }),
-          h("div", { style: { marginTop: '24px' } },
-            h("div", { style: {
-                backgroundColor: Colors.Gray01,
-                height: '16px',
-                width: '50%',
-              } }),
-            h("div", { style: {
-                backgroundColor: Colors.Gray01,
-                height: '16px',
-                width: '50%',
-                marginTop: '8px',
-              } }),
-            h("div", { style: {
-                backgroundColor: Colors.Gray01,
-                height: '192px',
-                width: '100%',
-                marginTop: '24px',
-              } })))));
+      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: {
+          backgroundColor: Colors.Gray02,
+          height: '20px',
+          width: '120px',
+        } }), h("div", { style: { marginTop: '24px' } }, h("div", { style: {
+          backgroundColor: Colors.Gray01,
+          height: '16px',
+          width: '50%',
+        } }), h("div", { style: {
+          backgroundColor: Colors.Gray01,
+          height: '16px',
+          width: '50%',
+          marginTop: '8px',
+        } }), h("div", { style: {
+          backgroundColor: Colors.Gray01,
+          height: '192px',
+          width: '100%',
+          marginTop: '24px',
+        } })))));
     }
     const { businessPhone, businessName, website, email, } = this.salonInfoState || {};
     const websiteUrl = formatWebsiteUrl(website);
     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 })))));
+    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.less"]
-  }; }
-  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": ""
+  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
       },
-      "attribute": "is-loading",
-      "reflect": false
-    },
-    "withBorder": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "salonInfo": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "salon-info",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "isLoading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-loading",
+        "reflect": false
       },
-      "attribute": "with-border",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "salonInfoState": {}
-  }; }
+      "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": {}
+    };
+  }
 }

package/dist/collection/components/salon-lookbook/index.css

@@ -2,11 +2,14 @@
   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;
   }
 }
+