favesalon-embed 0.0.3 → 0.0.5

package/dist/types/types/common.d.ts

@@ -0,0 +1,11 @@
+export declare const timeFormat = "HH:mm:ss";
+export declare const timeFormatAmPm = "hh:mm A";
+export declare const dateName = "dddd";
+export declare const dateFormat = "YYYY-MM-DD";
+export declare const dateTimeFormat = "YYYY-MM-DD HH:mm:ss";
+export declare const dateTimeFormatAmPm = "YYYY-MM-DD hh:mm A";
+export declare const shortDateFormat = "ddd, MMM DD";
+export declare const shortDateYearFormat = "ddd, MMM DD YYYY";
+export declare const apiV1Prefix = "api";
+export declare const apiV2Prefix = "api-ver2";
+export declare const defaultImage = "https://res.cloudinary.com/reckon-mini-sites/image/upload/v1636477599/FaveSalon%20Social%20Website/default/default--picture_w3jvfh.png";

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

@@ -1,3 +1,5 @@
+import { Salon } from "./salon";
+import { Stylist } from "./stylist";
 import { User } from "./user";
 interface ReviewPhoto {
   id: number;
@@ -20,6 +22,8 @@ export declare class Review {
   helpful: number;
   recommend: number;
   user: User;
+  salon: Salon;
+  stylist: Stylist;
   photos: ReviewPhoto[];
 }
 export declare function createReview(blob: any): Review;

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

@@ -13,9 +13,9 @@ export interface Salon {
   id: number;
   about: string;
   email: string;
+  ownerName: string;
   fullProfileImage: string;
   fullCoverImage: string;
-  ownerName: string;
   subdomain: string;
   website: string;
   businessName: string;
@@ -29,5 +29,7 @@ export interface Salon {
   businessHours: BusinessHour[];
   rating: number;
   primaryColor: string;
+  salonImages: string[];
 }
 export declare function createSalon(blob: any): Salon;
+export declare function getSalonImage({ salonImages, fullProfileImage }: Salon): string;

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;
@@ -9,3 +9,4 @@ export interface Stylist {
   rating: number;
 }
 export declare function createStylist(blob: any): Stylist;
+export declare function createStylistFromLookbook(blob: any): Stylist;

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,21 @@
+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>;
+
+/** 
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): 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,11 @@
+{
+  "name": "favesalon-embed-loader",
+  "private": true,
+  "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.3",
-  "description": "Favesalon Components",
-  "license": "MIT",
-  "keywords": ["Favesalon", "Favesalon Components", "Favesalon Embedding"],
+  "version": "0.0.5",
+  "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",
@@ -21,9 +23,11 @@
     "generate": "stencil generate"
   },
   "dependencies": {
-    "@stencil/core": "^2.7.0",
+    "@stencil/core": "^2.22.3",
     "axios": "^0.22.0",
+    "color": "^4.0.1",
     "dayjs": "^1.10.7",
+    "firebase": "^10.0.0",
     "glamor": "^2.20.40",
     "lodash": "^4.17.21"
   },
@@ -32,5 +36,6 @@
     "jest": "^26.6.3",
     "jest-cli": "^26.6.3",
     "puppeteer": "^10.0.0"
-  }
+  },
+  "license": "MIT"
 }

package/readme.md

@@ -1,8 +1,31 @@
 # Favesalon Embed
+
 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
+
 To install favesalon-embed with npm, run:
 
 ```bash
@@ -11,6 +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.1/favesalon-embed/favesalon-embed.css" />
-<script type="module" src="https://unpkg.com/favesalon-embed@0.0.1/favesalon-embed/favesalon-embed.esm.js"></script>
+<link rel="stylesheet" href="https://unpkg.com/favesalon-embed@1.0.0/favesalon-embed/favesalon-embed.css" />
+<script type="module" src="https://unpkg.com/favesalon-embed@1.0.0/favesalon-embed/favesalon-embed.esm.js"></script>
 ```

package/cjs/favesalon-embed.cjs.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const index = require('./index-7d179a70.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-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);
-});