favesalon-embed 0.0.4 → 0.1.0

package/dist/types/types/style.d.ts

@@ -0,0 +1,88 @@
+import { Salon } from './salon';
+import { Service } from './service';
+import { Stylist } from './stylist';
+import { User } from './user';
+export declare enum MediaType {
+  Photo = 0,
+  Video = 1
+}
+export declare class AlbumMedia {
+  id: number;
+  caption: string;
+  description: string;
+  createdDate: number;
+  updatedDate: number;
+  mediaUrl: string;
+  imageThumb: string;
+  imageThumbMedium: string;
+  imageWidth: number;
+  imageHeight: number;
+  mediaType: MediaType;
+  totalLike: number;
+  totalDislike: number;
+  totalShare: number;
+  totalView: number;
+  totalBooking: number;
+  constructor(fields: any);
+}
+export declare function createAlbumMedia(blob: any): AlbumMedia;
+export declare class Album {
+  id: number;
+  name: string;
+  caption: string;
+  description: string;
+  tags: string[];
+  salonId: number;
+  stylistId: number;
+  service: Service;
+  totalMedias: number;
+  isPublic: boolean;
+  constructor(fields: any);
+}
+export declare function createAlbum(blob: any): Album;
+export declare class FaveStyleComment {
+  id: number;
+  type: number;
+  title: string;
+  description: string;
+  createdDate: number;
+  updatedDate: number;
+  parentCommentId: number;
+  childComments: FaveStyleComment[];
+  user: User;
+  constructor(fields: any);
+}
+export declare function createFaveStyleComment(blob: any): FaveStyleComment;
+export declare class FaveStyle {
+  id: number;
+  caption: string;
+  description: string;
+  createdDate: number;
+  updatedDate: number;
+  imageUrl: string;
+  imageThumb: string;
+  imageThumbMedium: string;
+  imageWidth: number;
+  imageHeight: number;
+  mediaType: number;
+  isPublic: boolean;
+  totalLike: number;
+  totalDislike: number;
+  totalShare: number;
+  totalView: number;
+  totalBooking: number;
+  owner: User;
+  album: Album;
+  albumMedias: AlbumMedia[];
+  salonId: number;
+  salon: Salon;
+  stylistId: number;
+  stylist: Stylist;
+  isLiked: boolean;
+  serviceId: number;
+  salonServiceId: number;
+  productBrand: string;
+  constructor(fields: any);
+}
+export declare function createFaveStyle(blob: any): FaveStyle;
+export declare function isVideoMedia({ mediaType }: AlbumMedia): boolean;

package/{types → dist/types}/types/stylist.d.ts

@@ -1,6 +1,6 @@
 export interface Stylist {
   id: number;
-  name: string;
+  fullName: string;
   firstName: string;
   lastName: string;
   avatar: string;

package/{types → dist/types}/types/user.d.ts

@@ -1,14 +1,14 @@
 export interface User {
   id: number;
-  name: string;
+  fullName: string;
   firstName: string;
   lastName: string;
   avatar: string;
 }
 export declare function createUser(blob: any): {
   id: any;
-  name: any;
   firstName: any;
   lastName: any;
+  fullName: any;
   avatar: any;
 };

package/loader/cdn.js

@@ -0,0 +1,3 @@
+
+module.exports = require('../dist/cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.cjs.js

@@ -0,0 +1,3 @@
+
+module.exports = require('../dist/cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.d.ts

@@ -0,0 +1,12 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+export declare function applyPolyfills(): Promise<void>;

package/loader/index.es2017.js

@@ -0,0 +1,3 @@
+
+export * from '../dist/esm/polyfills/index.js';
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -0,0 +1,4 @@
+
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/polyfills/index.js';
+export * from '../dist/esm/loader.js';

package/loader/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "favesalon-embed-loader",
+  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.cjs.js",
+  "jsnext:main": "./index.es2017.js",
+  "es2015": "./index.es2017.js",
+  "es2017": "./index.es2017.js",
+  "unpkg": "./cdn.js"
+}

package/package.json

@@ -1,18 +1,20 @@
 {
   "name": "favesalon-embed",
-  "version": "0.0.4",
-  "description": "Favesalon Components",
-  "license": "MIT",
-  "keywords": ["Favesalon", "Favesalon Components", "Favesalon Embedding"],
+  "version": "0.1.0",
+  "description": "Favesalon Embed",
   "author": "Trung Luu <trung@favesalon.com> (https://favesalon.com)",
-  "main": "index.cjs.js",
-  "module": "custom-elements/index.js",
-  "es2015": "esm/index.mjs",
-  "es2017": "esm/index.mjs",
-  "types": "custom-elements/index.d.ts",
-  "collection": "collection/collection-manifest.json",
-  "collection:main": "collection/index.js",
-  "unpkg": "favesalon-embed/favesalon-embed.esm.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/custom-elements/index.js",
+  "es2015": "dist/esm/index.mjs",
+  "es2017": "dist/esm/index.mjs",
+  "types": "dist/custom-elements/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/favesalon-embed/favesalon-embed.esm.js",
+  "files": [
+    "dist/",
+    "loader/"
+  ],
   "scripts": {
     "build": "stencil build --docs",
     "start": "stencil build --dev --watch --serve",
@@ -23,14 +25,17 @@
   "dependencies": {
     "@stencil/core": "^2.7.0",
     "axios": "^0.22.0",
+    "color": "^4.0.1",
     "dayjs": "^1.10.7",
     "glamor": "^2.20.40",
     "lodash": "^4.17.21"
   },
   "devDependencies": {
+    "@stencil/less": "^1.0.0",
     "@types/jest": "^26.0.24",
     "jest": "^26.6.3",
     "jest-cli": "^26.6.3",
     "puppeteer": "^10.0.0"
-  }
+  },
+  "license": "MIT"
 }

package/readme.md

@@ -1,6 +1,27 @@
 # Favesalon Embed
 
-A set of Favesalon components that use for showing salon info (business info, services, stylists,...) in any websites.
+A set of Favesalon components that use for embedding in any websites.
+
+## Development
+
+To start the components, run:
+
+```bash
+npm install
+npm start
+```
+
+To build the component for production, run:
+
+```bash
+npm run build
+```
+
+To run the unit tests for the components, run:
+
+```bash
+npm test
+```
 
 
 ## Using this component
@@ -13,10 +34,6 @@ npm i favesalon-embed --save
 
 or use the hosted version from unpkg:
 ```html
-<link rel="stylesheet" href="https://unpkg.com/favesalon-embed@0.0.4/favesalon-embed/favesalon-embed.css" />
-<script type="module" src="https://unpkg.com/favesalon-embed@0.0.4/favesalon-embed/favesalon-embed.esm.js"></script>
+<link rel="stylesheet" href="https://unpkg.com/favesalon-embed@0.1.0/favesalon-embed/favesalon-embed.css" />
+<script type="module" src="https://unpkg.com/favesalon-embed@0.1.0/favesalon-embed/favesalon-embed.esm.js"></script>
 ```
-
-## Copyright and license
-
-Copyright @2021 [FaveSalon, Inc](https://favesalon.com). Code released under the MIT License.

package/cjs/colors-7f354880.js

@@ -1,95 +0,0 @@
-'use strict';
-
-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',
-};
-
-exports.Colors = Colors;

package/cjs/favesalon-embed.cjs.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const index = require('./index-d5de0b9d.js');
-require('./global-9073d10e.js');
-
-/*
- Stencil Client Patch Browser v2.9.0 | MIT Licensed | https://stenciljs.com
- */
-const patchBrowser = () => {
-    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('favesalon-embed.cjs.js', document.baseURI).href));
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return index.promiseResolve(opts);
-};
-
-patchBrowser().then(options => {
-  return index.bootstrapLazy([["salon-info.cjs",[[0,"salon-info",{"salonId":[2,"salon-id"],"backgroundColor":[1,"background-color"],"salonInfo":[32],"fetchData":[64]}]]],["salon-latest-reviews.cjs",[[0,"salon-latest-reviews",{"salonId":[2,"salon-id"],"salonReviews":[32],"fetchData":[64]}]]],["salon-lookbook-modal.cjs",[[0,"salon-lookbook-modal",{"salonId":[2,"salon-id"],"salonLookbook":[1,"salon-lookbook"],"lookbookInfo":[32],"lookbookComments":[32],"isModalOpen":[32],"fetchData":[64]}]]],["salon-reviews.cjs",[[0,"salon-reviews",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"salonInfo":[32],"totalReviews":[32],"salonReviews":[32],"canLoadMore":[32],"isLoadingMore":[32],"pageOffset":[32],"ratings":[32],"sorting":[32],"fetchData":[64]}]]],["salon-stylists.cjs",[[0,"salon-stylists",{"salonId":[2,"salon-id"],"salonStylists":[32],"fetchData":[64]}]]],["salon-booking.cjs",[[0,"salon-booking",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"buttonText":[1,"button-text"],"primaryColor":[1,"primary-color"]}]]],["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.cjs",[[0,"salon-gift-card",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"buttonText":[1,"button-text"],"primaryColor":[1,"primary-color"]}]]],["salon-gift-card-modal.cjs",[[0,"salon-gift-card-modal",{"salonId":[2,"salon-id"],"isModalOpen":[32]}]]],["salon-services.cjs",[[0,"salon-services",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"salonServices":[32],"fetchData":[64]}]]],["salon-ranking.cjs",[[0,"salon-ranking",{"ranking":[2],"height":[2],"width":[2]}]]],["google-map.cjs",[[0,"google-map",{"apiKey":[1,"api-key"],"lat":[2],"lng":[2]}]]],["salon-contact_4.cjs",[[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-schedules",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"salonInfoState":[32]}],[0,"salon-styles",{"salonId":[2,"salon-id"],"firstPageStyles":[32],"nestPageStyles":[32],"fetchData":[64]}]]],["salon-lookbook_2.cjs",[[0,"salon-lookbook",{"salonId":[2,"salon-id"],"isLoading":[32],"isLoadingMore":[32],"hideLoadMore":[32],"currentPage":[32],"totalLookbooks":[32],"salonCategories":[32],"salonLookbooks":[32],"sortBy":[32],"filterBy":[32],"isLayoutSetup":[32],"fetchData":[64],"fetchLookbooks":[64],"onChangeFiltering":[64],"onChangeSorting":[64],"onLoadMore":[64],"fetchCategories":[64]}],[0,"user-avatar",{"size":[2],"name":[1],"nameStyle":[16],"shortName":[1,"short-name"],"avatar":[1]}]]]], options);
-});

package/cjs/google-map.cjs.entry.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d5de0b9d.js');
-
-const indexCss = "#google-map-container,google-map{display:block;width:100%;height:100%}";
-
-let GoogleMap = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    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 index.h("div", { id: 'google-map-container' });
-  }
-};
-GoogleMap.style = indexCss;
-
-exports.google_map = GoogleMap;