favesalon-embed 0.0.3 → 0.0.5

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

@@ -1,100 +0,0 @@
-import { Component, Prop, h, Method, State } from '@stencil/core';
-import { Colors } from '../../constants/colors';
-import HttpService from '../../services/services';
-export class SalonStyles {
-  componentDidLoad() {
-    this.fetchData();
-  }
-  async fetchData() {
-    try {
-      const promises = [
-        HttpService().fetchSalonPhotos(this.salonId).then(salonStyles => this.firstPageStyles = salonStyles),
-        HttpService().fetchAllSalonPhotos(this.salonId, { page: 2 }).then(nestPageStyles => this.nestPageStyles = nestPageStyles),
-      ];
-      return Promise.all(promises);
-    }
-    catch (e) { }
-  }
-  render() {
-    return (h("div", { class: "view view--salon-styles" },
-      h("div", { class: "view-content" },
-        h("div", { class: "salon-styles--slides" },
-          h("div", { id: "salon-styles-carousel", class: "carousel slide", "data-bs-ride": "carousel" },
-            h("div", { class: "carousel-inner" }, (this.firstPageStyles || []).concat(this.nestPageStyles || []).map((photo, index) => {
-              const { caption, description, 
-              // mediaType,
-              fullImageUrl, fullImageUrlThumb, fullImageUrlMedium, imgWidth, imgHeight, } = photo;
-              const isLandscape = imgWidth > imgHeight;
-              return (h("div", { class: `carousel-item salon-styles--item ${index === 0 ? 'active' : ''}` },
-                h("div", { class: "salon-styles--item", style: {
-                    flexDirection: isLandscape ? 'column' : 'row',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    overflow: 'hidden',
-                    position: 'relative',
-                    display: 'flex',
-                    height: '380px',
-                    borderRadius: '8px',
-                  } },
-                  h("div", { class: "salon-styles--item-background", style: Object.assign(Object.assign({}, fullImageUrlThumb ? { backgroundImage: `url(${fullImageUrlThumb})` } : {}), { backgroundColor: Colors.Gray06, backgroundPosition: 'center', backgroundRepeat: 'no-repeat', backgroundSize: 'cover', position: 'absolute', bottom: '0px', right: '0px', left: '0px', top: '0px' }) }),
-                  h("img", { alt: caption, class: "salon-styles--item-image", src: fullImageUrlMedium || fullImageUrl, style: Object.assign({ display: 'inline-block' }, isLandscape ? { width: '100%' } : { height: '100%' }) }),
-                  h("div", { class: "carousel-caption d-none d-md-block" },
-                    caption && h("h5", null, caption),
-                    description && h("p", null, description)))));
-            })),
-            h("button", { type: "button", "data-bs-slide": "prev", class: "carousel-control-prev", "data-bs-target": "#salon-styles-carousel" },
-              h("span", { class: "carousel-control-prev-icon", "aria-hidden": "true" }),
-              h("span", { class: "visually-hidden" }, "Previous")),
-            h("button", { type: "button", "data-bs-slide": "next", class: "carousel-control-next", "data-bs-target": "#salon-styles-carousel" },
-              h("span", { class: "carousel-control-next-icon", "aria-hidden": "true" }),
-              h("span", { class: "visually-hidden" }, "Next")))))));
-  }
-  static get is() { return "salon-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
-    }
-  }; }
-  static get states() { return {
-    "firstPageStyles": {},
-    "nestPageStyles": {}
-  }; }
-  static get methods() { return {
-    "fetchData": {
-      "complexType": {
-        "signature": "() => Promise<any[]>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<any[]>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    }
-  }; }
-}

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

@@ -1,96 +0,0 @@
-import { Component, Prop, h, Method, State } from '@stencil/core';
-import { Colors } from '../../constants/colors';
-import HttpService from '../../services/services';
-export class SalonStylists {
-  componentWillLoad() {
-    this.fetchData();
-  }
-  async fetchData() {
-    try {
-      this.salonStylists = await HttpService().fetchSalonStylists(this.salonId);
-    }
-    catch (e) { }
-  }
-  render() {
-    return (h("div", { class: "view--salon-stylists" }, (this.salonStylists || []).map(stylist => (h("div", { class: "salon-stylist" },
-      h("div", { class: "card", style: {
-          border: `1px solid ${Colors.Gray05}`,
-          borderRadius: '8px',
-          overflow: 'hidden',
-        } },
-        h("div", { class: "salon-stylist--avatar", style: {
-            backgroundImage: `url("${stylist.avatar}")`,
-            backgroundColor: Colors.Gray06,
-            backgroundRepeat: 'no-repeat',
-            backgroundPosition: 'center top',
-            backgroundSize: 'cover',
-            position: 'relative',
-            display: 'flex',
-            width: '100%',
-            alignItems: 'center',
-            justifyContent: 'center',
-          } }, !stylist.avatar && (h("span", { style: {
-            fontSize: '32px',
-            fontWeight: 'bold',
-            textTransform: 'uppercase',
-          } },
-          (stylist.firstName || '').charAt(0),
-          " ",
-          (stylist.lastName || '').charAt(0)))),
-        h("div", { class: "card-body" },
-          h("div", { style: {
-              fontSize: '16px',
-              fontWeight: 'bold',
-              textAlign: 'center',
-            } }, stylist.name),
-          h("div", { style: { marginTop: '4px' } },
-            h("salon-ranking", { ranking: stylist.rating })))))))));
-  }
-  static get is() { return "salon-stylists"; }
-  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 {
-    "salonStylists": {}
-  }; }
-  static get methods() { return {
-    "fetchData": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    }
-  }; }
-}

package/collection/components/user-avatar/index.js

@@ -1,127 +0,0 @@
-import { Component, Prop, h } from '@stencil/core';
-import { Colors } from '../../constants/colors';
-export class UserAvatar {
-  constructor() {
-    this.size = 24;
-  }
-  render() {
-    return (h("div", { style: { display: "flex", alignItems: "center" } },
-      this.avatar && (h("div", { style: {
-          backgroundImage: `url("${this.avatar}")`,
-          backgroundColor: Colors.Gray06,
-          backgroundPosition: 'center center',
-          backgroundSize: 'cover',
-          borderRadius: '50%',
-          height: `${this.size}px`,
-          width: `${this.size}px`,
-          minWidth: `${this.size}px`,
-        } })),
-      !this.avatar && (h("div", { style: {
-          backgroundColor: Colors.Gray06,
-          backgroundPosition: 'center center',
-          backgroundSize: 'cover',
-          borderRadius: '50%',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          height: `${this.size}px`,
-          width: `${this.size}px`,
-          minWidth: `${this.size}px`,
-        } }, this.shortName)),
-      h("div", { style: Object.assign({ flexShrink: '1', flexGrow: '1', marginLeft: '12px', overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' }, this.nameStyle) }, this.name)));
-  }
-  static get is() { return "user-avatar"; }
-  static get originalStyleUrls() { return {
-    "$": ["index.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["index.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "24"
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "nameStyle": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "object",
-        "resolved": "object",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "shortName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "short-name",
-      "reflect": false
-    },
-    "avatar": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "avatar",
-      "reflect": false
-    }
-  }; }
-}
-;

package/collection/constants/colors.js

@@ -1,91 +0,0 @@
-export const Colors = {
-  // Neutral Color
-  Black: '#000000',
-  White: '#ffffff',
-  Primary: '#5C1973',
-  Danger: '#E92626',
-  Success: '#3FB34F',
-  Warning: '#F17714',
-  Info: '#013385',
-  Black01: '#141414',
-  Black02: '#1f1f1f',
-  Black03: '#262626',
-  Gray01: '#333333',
-  Gray02: '#666666',
-  Gray03: '#999999',
-  Gray04: '#DBDBDB',
-  Gray05: '#EFEFEF',
-  Gray06: '#F5F5F5',
-  // Accent Colors
-  DarkBlue01: '#E8E8EF',
-  DarkBlue02: '#7674A0',
-  DarkBlue03: '#1B1761',
-  DarkBlue04: '#100E3A',
-  DarkBlue05: '#08071D',
-  Violet01: '#EFE8F1',
-  Violet02: '#9D75AB',
-  Violet03: '#5C1973',
-  Violet04: '#370F45',
-  Violet05: '#1C0722',
-  Pink01: '#FDE9F2',
-  Pink02: '#F27DAF',
-  Pink03: '#E9267A',
-  Pink04: '#8C1749',
-  Pink05: '#2F0818',
-  Blue01: '#E6EBF3',
-  Blue02: '#6785B6',
-  Blue03: '#013385',
-  Blue04: '#011F50',
-  Blue05: '#000F28',
-  Green01: '#ECF7ED',
-  Green02: '#8CD195',
-  Green03: '#3FB34F',
-  Green04: '#266B2F',
-  Green05: '#0D2410',
-  Orange01: '#FEF1E8',
-  Orange02: '#F7AD72',
-  Orange03: '#F17714',
-  Orange04: '#91470C',
-  Orange05: '#301804',
-  Yellow01: '#FFFAED',
-  Yellow02: '#FDE392',
-  Yellow03: '#FCD14A',
-  Yellow04: '#977D2C',
-  Yellow05: '#322A0F',
-  Red01: '#FD2727',
-  Red02: '#FF4D4F',
-  Red03: '#FFA39E',
-  Red04: '#FFCCC7',
-  Red05: '#FFF1F0',
-  // deprecated
-  BluePurple01: '#2D3B8A',
-  BluePurple02: '#36459D',
-  BluePurple03: '#5760A1',
-  BluePurple04: '#828AB9',
-  BluePurple05: '#ABB0D0',
-  Coral01: '#F16B68',
-  Coral02: '#F68A87',
-  Coral03: '#F7A6A3',
-  Coral04: '#FAC4C2',
-  Coral05: '#FCE0DF',
-  YellowLight01: '#F0E902',
-  YellowLight02: '#F5ED33',
-  YellowLight03: '#F8F266',
-  YellowLight04: '#FAF599',
-  YellowLight05: '#FCF9CC',
-  YellowCyber01: '#FDCF00',
-  YellowCyber02: '#FCD932',
-  YellowCyber03: '#FFE365',
-  YellowCyber04: '#FFED99',
-  YellowCyber05: '#FFF5CC',
-  Turquoise01: '#00E4CB',
-  Turquoise02: '#33E8D6',
-  Turquoise03: '#67F0DF',
-  Turquoise04: '#99F4EB',
-  Turquoise05: '#CCFAF5',
-  Purple01: '#8A5BED',
-  Purple02: '#9970F0',
-  Purple03: '#B394F2',
-  Purple04: '#CCB8F7',
-  Purple05: '#E6DBFA',
-};

package/collection/services/services.js

@@ -1,203 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-};
-import sortBy from 'lodash/sortBy';
-import groupBy from 'lodash/groupBy';
-import axios from 'axios';
-import { createSalon } from '../types/salon';
-import { createFavesalonStyle } from '../types/style';
-import { createService } from '../types/service';
-import { createStylist } from '../types/stylist';
-import { createReview } from '../types/review';
-class HttpService {
-  constructor() {
-    this.http = null;
-    this.http = axios.create({
-      baseURL: 'https://favesalon.com',
-      headers: {},
-    });
-  }
-  fetchSalonInfo(salonId) {
-    const url = 'api/salon/settings-public';
-    return this.http.post(url, { salon_id: salonId })
-      .then((response) => {
-      const { status, data } = response.data;
-      return status && data ? createSalon(data.Salon) : null;
-    })
-      .catch(() => (null));
-  }
-  fetchReviews(url, options, allReviews) {
-    const { noLoop } = options, restOptions = __rest(options, ["noLoop"]);
-    return this.http.post(url, restOptions)
-      .then((response) => {
-      const { status, data } = response.data;
-      if (status) {
-        const reviews = (data || []).filter(blob => Math.ceil(Number(blob.avg_point)) > 0).map(createReview);
-        // fetch next page's reviews
-        if (!noLoop && reviews.length >= options.limit) {
-          return this.fetchReviews(url, Object.assign(Object.assign({}, options), { page: options.page + 1 }), allReviews.concat(reviews));
-        }
-        const finalReviews = options.page === 1 ? reviews : allReviews.concat(reviews);
-        return {
-          totalReviews: finalReviews.length || 0,
-          allReviews: finalReviews,
-        };
-      }
-      return { totalReviews: 0, allReviews: [] };
-    });
-  }
-  fetchSalonReviews(salonId, options) {
-    const url = '/api/salon/reviews';
-    return this.fetchReviews(url, Object.assign({ page: 1, limit: 5, salon_id: salonId, avg_point_greater_than: 0 }, options), [])
-      .then(response => {
-      const { totalReviews, allReviews } = response;
-      return {
-        total: totalReviews,
-        allItems: allReviews,
-      };
-    })
-      .catch(() => ({ total: 0, allItems: [] }));
-  }
-  decorateServiceGroups(groups) {
-    return groups.map((cate, index) => {
-      const cateName = cate.name;
-      const categoryId = `${cate.service_id}-${String(cateName).toLowerCase().split(' ').join('-')}-${cate.order}-index-${index}`;
-      const sortedSubCates = sortBy(cate.service_groups, [subCate => subCate.order]);
-      return {
-        id: categoryId,
-        name: cateName,
-        type: 'category',
-        data: sortedSubCates.map((subCate, subCateIndex) => {
-          const subCateId = `${categoryId}-${String(subCate.name).toLowerCase().split(' ').join('-')}-${subCate.order}-index-${subCateIndex}`;
-          return {
-            key: subCateId,
-            name: subCate.category,
-            type: 'sub-category',
-            data: (subCate.services || []).map(rawService => {
-              const serviceObj = createService(rawService);
-              return Object.assign(Object.assign({}, serviceObj), { type: 'service' });
-            }),
-          };
-        }),
-      };
-    });
-  }
-  fetchSalonServices(salonId) {
-    const url = `api/salon/services?v=2&id=${salonId}`;
-    return this.http.get(url)
-      .then(response => {
-      const { status, data } = response.data;
-      if (status) {
-        return this.decorateServiceGroups(data || []);
-      }
-      return [];
-    })
-      .catch(() => ([]));
-  }
-  fetchSalonStylists(salonId) {
-    const fetchStylistSchedules = this.http.get(`api/calendar/resource/stylists?salon_id=${salonId}`)
-      .then((response) => {
-      const { status, data } = response.data;
-      return status ? (data || []) : [];
-    })
-      .catch(() => ([]));
-    const fetchStylistSkills = this.http.get(`api/salon/skill-stylists/${salonId}`)
-      .then((response) => {
-      const { status, data } = response.data;
-      return status ? (data || []).map(blob => (Object.assign(Object.assign({}, blob), { id: blob.stylist_id }))) : [];
-    })
-      .catch(() => ([]));
-    return Promise.all([fetchStylistSchedules, fetchStylistSkills])
-      .then(results => {
-      const [stylistSchedules, stylistSkills] = results;
-      const allStylistGroups = groupBy(stylistSchedules.concat(stylistSkills), stylist => stylist.id);
-      return Object.keys(allStylistGroups)
-        .filter(stylistId => Number(stylistId) > 0)
-        .map(stylistId => {
-        const [schedule, skills] = allStylistGroups[stylistId];
-        return createStylist(Object.assign(Object.assign({}, schedule), skills));
-      });
-    })
-      .catch(() => []);
-  }
-  fetchSalonCategories() {
-    return this.http.post('api/home/get-service', { limit: 50 })
-      .then((response) => {
-      const { status, data } = response.data;
-      if (status) {
-        return (data || []).map(blob => {
-          return {
-            id: blob.id,
-            name: blob.name,
-            image: blob.full_image,
-            imageThumb: blob.full_thumb_image,
-          };
-        });
-      }
-      return [];
-    })
-      .catch(() => ([]));
-  }
-  fetchSalonLookbooks(salonId, options) {
-    const noResult = { total: 0, allLookbooks: [] };
-    return this.http.post('api/style/filter', Object.assign({ page: 1, limit: 20, salon_id: salonId }, options))
-      .then((response) => {
-      const { status, data, paging } = response.data;
-      if (status) {
-        return {
-          total: paging.total_item || 0,
-          allLookbooks: (data || []).map(createFavesalonStyle),
-        };
-      }
-      return noResult;
-    })
-      .catch(() => (noResult));
-  }
-  fetchSalonPhotos(salonId) {
-    return this.http
-      .post('api/style/filter', {
-      page: 1,
-      limit: 20,
-      salon_id: salonId,
-    })
-      .then((response) => {
-      const { status, data } = response.data;
-      if (status) {
-        return (data || []).map(createFavesalonStyle);
-      }
-      return [];
-    })
-      .catch(() => {
-      return [];
-    });
-  }
-  fetchAllStyles(url, options, allStyles) {
-    return this.http.post(url, options)
-      .then((response) => {
-      const { status, data } = response.data;
-      if (status) {
-        const styles = (data || []).map(createFavesalonStyle);
-        // fetch next page styles
-        if (styles.length >= options.limit) {
-          return this.fetchAllStyles(url, Object.assign(Object.assign({}, options), { page: options.page + 1 }), allStyles.concat(styles));
-        }
-        return options.page === 1 ? styles : allStyles;
-      }
-      return allStyles;
-    });
-  }
-  fetchAllSalonPhotos(salonId, options) {
-    return this.fetchAllStyles('api/style/filter', Object.assign({ page: 1, limit: 20, salon_id: salonId }, options), []).catch(() => {
-      return [];
-    });
-  }
-}
-export default () => new HttpService();

package/collection/types/common.js

@@ -1,2 +0,0 @@
-export const shortDate = 'DD MMM YYYY';
-export const apiDateFormat = 'YYYY-MM-DD HH:mm:ss';

package/collection/types/salon.js

@@ -1,52 +0,0 @@
-export var BusinessHourStatus;
-(function (BusinessHourStatus) {
-  BusinessHourStatus[BusinessHourStatus["Open"] = 0] = "Open";
-  BusinessHourStatus[BusinessHourStatus["Close"] = 1] = "Close";
-  BusinessHourStatus[BusinessHourStatus["ByAppointment"] = 2] = "ByAppointment";
-})(BusinessHourStatus || (BusinessHourStatus = {}));
-export function createSalon(blob) {
-  const salonGeoLocations = blob.salon_geolocation || [];
-  const themeColors = {
-    'allure24-blue': '89c8d2',
-    'allure24-pink': 'ff7fa2',
-    'the-shave': 'af8c45',
-    'theme2-dark-green': '90c245',
-    'theme2-green': 'bed451',
-    'theme2-light-pink': 'd47b99',
-    'theme2-purple': 'ab345c',
-    'theme3-blue': '076dec',
-    'theme3-layout1': 'd59b76',
-    'theme3-layout2': 'b02858',
-    'theme4-green': '5da826',
-    'theme4': '08b89d',
-    'theme5': 'f64c4d',
-  };
-  return {
-    id: blob.id,
-    about: blob.about,
-    email: blob.email,
-    fullProfileImage: blob.full_profile_image,
-    fullCoverImage: blob.full_cover_image,
-    ownerName: blob.owner_name,
-    subdomain: blob.subdomain,
-    website: blob.website,
-    businessName: blob.business_name,
-    businessPhone: blob.business_phone,
-    businessAddress: blob.business_address,
-    businessLocationLat: salonGeoLocations.length > 0 ? salonGeoLocations[0].location_lat : null,
-    businessLocationLng: salonGeoLocations.length > 0 ? salonGeoLocations[0].location_lng : null,
-    city: blob.city,
-    state: blob.state,
-    zipcode: blob.zipcode ? Number(blob.zipcode) : null,
-    businessHours: (blob.business_hours || blob.salon_workingtime || []).map(bh => {
-      return {
-        dayName: bh.day_name,
-        openTime: bh.open_time,
-        closeTime: bh.close_time,
-        status: bh.status,
-      };
-    }),
-    rating: Number(blob.rating_point),
-    primaryColor: themeColors[blob.default_mini_site_template] || themeColors['allure24-blue'],
-  };
-}