favesalon-embed 0.1.0 → 1.0.1

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Method, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { Colors } from '../../constants/colors';
 import HttpService from '../../services/services';
 const lookbookSortOptions = [{
@@ -17,13 +17,17 @@ const lookbookFilterOptions = [{
   }];
 export class SalonLookbook {
   constructor() {
+    this.salonId = undefined;
     this.isLoading = true;
+    this.isLoadingMore = undefined;
+    this.hideLoadMore = undefined;
     this.currentPage = 1;
     this.totalLookbooks = 0;
     this.salonCategories = [];
     this.salonLookbooks = [];
     this.sortBy = lookbookSortOptions[1].value;
     this.filterBy = lookbookFilterOptions[0].value;
+    this.isLayoutSetup = undefined;
   }
   componentWillLoad() {
     this.fetchData();
@@ -167,210 +171,198 @@ export class SalonLookbook {
         justifyContent: 'space-between',
         alignItems: 'center',
         marginBottom: '24px',
-      } },
-      h("div", { class: "salon-loobook--serch-result" },
-        this.totalLookbooks,
-        " ",
-        this.totalLookbooks === 1 ? 'result' : 'results'),
-      h("div", { style: {
-          display: 'flex',
-          flexDirection: 'row',
-          alignItems: 'center',
-        } },
-        h("div", { class: "salon-loobook--filter-wrapper", style: {
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            marginRight: '16px',
-          } },
-          h("label", { style: { marginRight: '8px', marginBottom: '0' } }, "Filter by"),
-          h("select", { class: "form-select", style: { width: '160px' }, onChange: (evt) => this.onChangeFiltering(evt.target.value) }, allFilterOptions.map(filterOption => (h("option", { value: filterOption.value, selected: String(filterOption.value) === String(this.filterBy) }, filterOption.label))))),
-        h("div", { class: "salon-loobook--sort-wrapper", style: {
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-          } },
-          h("label", { style: { marginRight: '8px', marginBottom: '0' } }, "Sort by"),
-          h("select", { class: "form-select", style: { width: '160px' }, onChange: (evt) => this.onChangeSorting(evt.target.value) }, lookbookSortOptions.map(sortOption => (h("option", { value: sortOption.value, selected: sortOption.value === this.sortBy }, sortOption.label))))))));
+      } }, h("div", { class: "salon-loobook--serch-result" }, this.totalLookbooks, " ", this.totalLookbooks === 1 ? 'result' : 'results'), h("div", { style: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+      } }, h("div", { class: "salon-loobook--filter-wrapper", style: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginRight: '16px',
+      } }, h("label", { style: { marginRight: '8px', marginBottom: '0' } }, "Filter by"), h("select", { class: "form-select", style: { width: '160px' }, onChange: (evt) => this.onChangeFiltering(evt.target.value) }, allFilterOptions.map(filterOption => (h("option", { value: filterOption.value, selected: String(filterOption.value) === String(this.filterBy) }, filterOption.label))))), h("div", { class: "salon-loobook--sort-wrapper", style: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+      } }, h("label", { style: { marginRight: '8px', marginBottom: '0' } }, "Sort by"), h("select", { class: "form-select", style: { width: '160px' }, onChange: (evt) => this.onChangeSorting(evt.target.value) }, lookbookSortOptions.map(sortOption => (h("option", { value: sortOption.value, selected: sortOption.value === this.sortBy }, sortOption.label))))))));
   }
   render() {
-    return (h("div", { class: "salon-loobooks" },
-      h("div", null,
-        h("div", { class: "view-content" },
-          this.renderHeader(),
-          this.salonLookbooks.length > 0 && (h("div", { class: "salon-loobooks--grid", id: "salon-loobooks--grid" }, this.salonLookbooks.map(style => {
-            const { caption, imageThumbMedium, owner } = style;
-            return (h("div", { class: "salon-lookbook salon-loobooks--grid-item", onClick: () => this.onClickLookbook(style) },
-              h("div", { class: "card", style: {
-                  background: 'none',
-                  border: 'none',
-                  // maxWidth: '200px',
-                } },
-                h("div", { class: "salon-lookbook--image", style: {
-                    borderRadius: '8px',
-                    overflow: 'hidden',
-                    minHeight: '80px',
-                    background: Colors.Gray01,
-                  } },
-                  h("img", { src: imageThumbMedium, alt: caption, style: { maxWidth: '100%' } })),
-                owner && (h("div", { class: "card-body", style: { paddingLeft: '0' } },
-                  h("user-avatar", { name: owner.fullName, shortName: `${(owner.firstName || '').charAt(0)}${(owner.lastName || '').charAt(0)}`, avatar: owner.avatar }))))));
-          })))),
-        this.salonLookbooks.length > 0 && !this.hideLoadMore && (h("div", { class: "view-footer", style: { paddingTop: '16px', textAlign: 'center' } },
-          h("button", { type: "button", class: "btn btn-light btn-lg", onClick: () => this.onLoadMore(), style: {
-              background: Colors.White,
-              border: `1px solid ${Colors.Gray02}`,
-              borderRadius: '4px',
-              paddingLeft: '24px',
-              paddingRight: '24px',
-            } }, this.isLoadingMore ? 'Loading' : 'Load more'))))));
+    return (h("div", { class: "salon-loobooks" }, h("div", null, h("div", { class: "view-content" }, this.renderHeader(), this.salonLookbooks.length > 0 && (h("div", { class: "salon-loobooks--grid", id: "salon-loobooks--grid" }, this.salonLookbooks.map(style => {
+      const { caption, imageThumbMedium, owner } = style;
+      return (h("div", { class: "salon-lookbook salon-loobooks--grid-item", onClick: () => this.onClickLookbook(style) }, h("div", { class: "card", style: {
+          background: 'none',
+          border: 'none',
+          // maxWidth: '200px',
+        } }, h("div", { class: "salon-lookbook--image", style: {
+          borderRadius: '8px',
+          overflow: 'hidden',
+          minHeight: '80px',
+          background: Colors.Gray01,
+        } }, h("img", { src: imageThumbMedium, alt: caption, style: { maxWidth: '100%' } })), owner && (h("div", { class: "card-body", style: { paddingLeft: '0' } }, h("user-avatar", { name: owner.fullName, shortName: `${(owner.firstName || '').charAt(0)}${(owner.lastName || '').charAt(0)}`, avatar: owner.avatar }))))));
+    })))), this.salonLookbooks.length > 0 && !this.hideLoadMore && (h("div", { class: "view-footer", style: { paddingTop: '16px', textAlign: 'center' } }, h("button", { type: "button", class: "btn btn-light btn-lg", onClick: () => this.onLoadMore(), style: {
+        background: Colors.White,
+        border: `1px solid ${Colors.Gray02}`,
+        borderRadius: '4px',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+      } }, this.isLoadingMore ? 'Loading' : 'Load more'))))));
   }
   static get is() { return "salon-lookbook"; }
-  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
-    }
-  }; }
-  static get states() { return {
-    "isLoading": {},
-    "isLoadingMore": {},
-    "hideLoadMore": {},
-    "currentPage": {},
-    "totalLookbooks": {},
-    "salonCategories": {},
-    "salonLookbooks": {},
-    "sortBy": {},
-    "filterBy": {},
-    "isLayoutSetup": {}
-  }; }
-  static get methods() { return {
-    "fetchData": {
-      "complexType": {
-        "signature": "() => Promise<any[]>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+  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": {}
         },
-        "return": "Promise<any[]>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "salon-id",
+        "reflect": false
       }
-    },
-    "fetchLookbooks": {
-      "complexType": {
-        "signature": "(options: any, isLoadingMore?: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "isLoading": {},
+      "isLoadingMore": {},
+      "hideLoadMore": {},
+      "currentPage": {},
+      "totalLookbooks": {},
+      "salonCategories": {},
+      "salonLookbooks": {},
+      "sortBy": {},
+      "filterBy": {},
+      "isLayoutSetup": {}
+    };
+  }
+  static get methods() {
+    return {
+      "fetchData": {
+        "complexType": {
+          "signature": "() => Promise<any[]>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<any[]>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "onChangeFiltering": {
-      "complexType": {
-        "signature": "(filterBy: string) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "fetchLookbooks": {
+        "complexType": {
+          "signature": "(options: any, isLoadingMore?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "onChangeSorting": {
-      "complexType": {
-        "signature": "(sortBy: string) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "onChangeFiltering": {
+        "complexType": {
+          "signature": "(filterBy: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "onLoadMore": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "onChangeSorting": {
+        "complexType": {
+          "signature": "(sortBy: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "fetchCategories": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "onLoadMore": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "fetchCategories": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
 }

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

@@ -1,7 +1,8 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { Colors } from '../../constants/colors';
 export class SalonRanking {
   constructor() {
+    this.ranking = undefined;
     this.height = 16;
     this.width = 16;
   }
@@ -43,72 +44,74 @@ export class SalonRanking {
         justifyContent: 'center',
         width: '100%',
         color: rankingData.color,
-      } },
-      h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}`, style: { maxWidth: `${this.width}px`, height: 'auto', marginRight: '8px' } },
-        h("path", { d: "M14.9984 14.1273C15.0188 14.2658 14.8369 14.3204 14.7415 14.2251L8.11345 7.6028C6.41272 5.90355 6.42184 3.19468 8.23887 1.76037C9.63972 0.678363 11.7259 0.753791 13.1793 1.96961C14.1899 2.80207 14.706 3.93808 14.7471 5.07223L14.9984 14.1273Z", fill: "currentColor" }),
-        h("path", { d: "M1.74847 8.24513C3.18403 6.42967 5.91004 6.40579 7.61078 8.10504L14.2548 14.7432C14.3501 14.8385 14.2795 15.0043 14.1568 14.9999L5.078 14.7329C3.94287 14.6918 2.78997 14.1604 1.97268 13.1665C0.755801 11.7144 0.680308 9.62998 1.74847 8.24513Z", fill: "currentColor" })),
-      rankingData.text));
+      } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}`, style: { maxWidth: `${this.width}px`, height: 'auto', marginRight: '8px' } }, h("path", { d: "M14.9984 14.1273C15.0188 14.2658 14.8369 14.3204 14.7415 14.2251L8.11345 7.6028C6.41272 5.90355 6.42184 3.19468 8.23887 1.76037C9.63972 0.678363 11.7259 0.753791 13.1793 1.96961C14.1899 2.80207 14.706 3.93808 14.7471 5.07223L14.9984 14.1273Z", fill: "currentColor" }), h("path", { d: "M1.74847 8.24513C3.18403 6.42967 5.91004 6.40579 7.61078 8.10504L14.2548 14.7432C14.3501 14.8385 14.2795 15.0043 14.1568 14.9999L5.078 14.7329C3.94287 14.6918 2.78997 14.1604 1.97268 13.1665C0.755801 11.7144 0.680308 9.62998 1.74847 8.24513Z", fill: "currentColor" })), rankingData.text));
   }
   static get is() { return "salon-ranking"; }
-  static get originalStyleUrls() { return {
-    "$": ["index.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["index.css"]
-  }; }
-  static get properties() { return {
-    "ranking": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "ranking",
-      "reflect": false
-    },
-    "height": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "height",
-      "reflect": false,
-      "defaultValue": "16"
-    },
-    "width": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["index.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["index.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "ranking": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "ranking",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "height": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "height",
+        "reflect": false,
+        "defaultValue": "16"
       },
-      "attribute": "width",
-      "reflect": false,
-      "defaultValue": "16"
-    }
-  }; }
+      "width": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "width",
+        "reflect": false,
+        "defaultValue": "16"
+      }
+    };
+  }
 }

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

@@ -2,13 +2,16 @@
   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;
   }