favesalon-embed 0.0.2 → 0.1.0

package/{types → dist/types}/components/salon-latest-reviews/index.d.ts

@@ -1,7 +1,9 @@
 import { Review } from '../../types/review';
 export declare class SalonLatestReviews {
   salonId: number;
+  primaryColor: string;
   salonReviews: Review[];
+  isLoading?: boolean;
   componentWillLoad(): void;
   fetchData(): Promise<void>;
   render(): any;

package/dist/types/components/salon-latest-styles/index.d.ts

@@ -0,0 +1,12 @@
+import { FaveStyle } from '../../types/style';
+export declare class SalonLatestStyles {
+  salonId: number;
+  isLoading?: boolean;
+  withBorder?: boolean;
+  isLoadingState: boolean;
+  latestStyles: FaveStyle[];
+  componentDidLoad(): void;
+  fetchData(): Promise<boolean>;
+  onClickLookbook(style: FaveStyle): void;
+  render(): any;
+}

package/{types → dist/types}/components/salon-locations/index.d.ts

@@ -2,6 +2,8 @@ import { Salon } from '../../types/salon';
 export declare class SalonLocations {
   salonId: number;
   salonInfo?: string;
+  isLoading?: boolean;
+  withBorder?: boolean;
   salonInfoState: Salon;
   componentWillLoad(): void;
   fetchData(): void;

package/{types → dist/types}/components/salon-lookbook/index.d.ts

@@ -1,4 +1,4 @@
-import { FavesalonStyle } from '../../types/style';
+import { FaveStyle } from '../../types/style';
 export declare class SalonLookbook {
   salonId: number;
   isLoading: boolean;
@@ -7,7 +7,9 @@ export declare class SalonLookbook {
   currentPage: number;
   totalLookbooks: number;
   salonCategories: any[];
-  salonLookbooks: FavesalonStyle[];
+  salonLookbooks: FaveStyle[];
+  sortBy: string;
+  filterBy: string;
   isLayoutSetup: boolean;
   componentWillLoad(): void;
   componentDidRender(): void;
@@ -15,8 +17,11 @@ export declare class SalonLookbook {
   setupGridLayout(): void;
   fetchData(): Promise<any[]>;
   fetchLookbooks(options: any, isLoadingMore?: boolean): Promise<void>;
+  onChangeFiltering(filterBy: string): Promise<void>;
+  onChangeSorting(sortBy: string): Promise<void>;
   onLoadMore(): Promise<void>;
   fetchCategories(): Promise<void>;
+  onClickLookbook(style: FaveStyle): void;
   renderHeader(): any;
   render(): any;
 }

package/dist/types/components/salon-reviews/index.d.ts

@@ -0,0 +1,24 @@
+import { Review } from '../../types/review';
+import { Salon } from '../../types/salon';
+export declare class SalonReviews {
+  salonId: number;
+  primaryColor: string;
+  salonInfo: Salon;
+  stats: any;
+  totalReviews: number;
+  allReviews: Review[];
+  isLoading: boolean;
+  isSorting: boolean;
+  isFiltering: boolean;
+  isLoadingMore: boolean;
+  canLoadMore: boolean;
+  page: number;
+  filterBy: any[];
+  sortBy: string;
+  componentWillLoad(): void;
+  fetchData(): void;
+  onLoadMore(): void;
+  onChangeFilter(filterBy: any): void;
+  onChangeSorting(sortBy: any): void;
+  render(): any;
+}

package/{types → dist/types}/components/salon-schedules/index.d.ts

@@ -2,6 +2,8 @@ import { BusinessHour, Salon } from '../../types/salon';
 export declare class SalonSchedules {
   salonId: number;
   salonInfo?: string;
+  isLoading?: boolean;
+  withBorder?: boolean;
   salonInfoState: Salon;
   componentWillLoad(): void;
   fetchData(): void;

package/{types → dist/types}/components/salon-services/index.d.ts

@@ -1,7 +1,9 @@
 import { Service } from '../../types/service';
 export declare class SalonServices {
   salonId: number;
+  buttonClass: string;
   salonServices: Service[];
+  isLoading: boolean;
   componentWillLoad(): void;
   fetchData(): Promise<void>;
   render(): any;

package/{types → dist/types}/components/salon-stylists/index.d.ts

@@ -2,7 +2,13 @@ import { Stylist } from '../../types/stylist';
 export declare class SalonStylists {
   salonId: number;
   salonStylists: Stylist[];
+  totalStylists: number;
+  page: number;
+  isLoading?: boolean;
+  isLoadingMore?: boolean;
+  canLoadMore?: boolean;
   componentWillLoad(): void;
   fetchData(): Promise<void>;
+  onLoadMore(): Promise<void>;
   render(): any;
 }

package/dist/types/components/style-detail/index.d.ts

@@ -0,0 +1,24 @@
+import { AlbumMedia, FaveStyle, FaveStyleComment } from '../../types/style';
+export declare class StyleDetail {
+  salonId: number;
+  salonLookbook: string;
+  lookbookInfo: FaveStyle;
+  isModalOpen: boolean;
+  currentMediaIdx?: number;
+  currentMedia?: AlbumMedia;
+  albumMedias?: AlbumMedia[];
+  similarStyles?: FaveStyle[];
+  totalComments?: number;
+  lookbookComments?: FaveStyleComment[];
+  isLayoutSetup?: boolean;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  injectSDK(): Promise<any>;
+  setupGridLayout(): void;
+  fetchData(): Promise<any[]>;
+  closeModal(): void;
+  onClickLookbook(style: FaveStyle): void;
+  onClickPrev(): void;
+  onClickNext(): void;
+  render(): any;
+}

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

@@ -7,9 +7,8 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface GoogleMap {
-        "apiKey": string;
-        "lat": number;
-        "lng": number;
+        "locationAddress"?: string;
+        "locationName"?: string;
     }
     interface SalonBooking {
         "buttonClass": string;
@@ -22,35 +21,43 @@ export namespace Components {
         "redirectUrl": string;
         "salonId": number;
     }
-    interface SalonContact {
-        "salonId": number;
-        "salonInfo"?: string;
-    }
     interface SalonGiftCard {
         "buttonClass": string;
         "buttonText": string;
+        "primaryColor": string;
         "salonId": number;
     }
     interface SalonGiftCardModal {
+        "primaryColor": string;
         "salonId": number;
     }
     interface SalonInfo {
-        "backgroundColor": string;
         "fetchData": () => Promise<void>;
         "salonId": number;
     }
     interface SalonLatestReviews {
         "fetchData": () => Promise<void>;
+        "primaryColor": string;
+        "salonId": number;
+    }
+    interface SalonLatestStyles {
+        "fetchData": () => Promise<boolean>;
+        "isLoading"?: boolean;
         "salonId": number;
+        "withBorder"?: boolean;
     }
     interface SalonLocations {
+        "isLoading"?: boolean;
         "salonId": number;
         "salonInfo"?: string;
+        "withBorder"?: boolean;
     }
     interface SalonLookbook {
         "fetchCategories": () => Promise<void>;
         "fetchData": () => Promise<any[]>;
         "fetchLookbooks": (options: any, isLoadingMore?: boolean) => Promise<void>;
+        "onChangeFiltering": (filterBy: string) => Promise<void>;
+        "onChangeSorting": (sortBy: string) => Promise<void>;
         "onLoadMore": () => Promise<void>;
         "salonId": number;
     }
@@ -60,25 +67,30 @@ export namespace Components {
         "width"?: number;
     }
     interface SalonReviews {
-        "fetchData": () => Promise<any[]>;
+        "primaryColor": string;
         "salonId": number;
     }
     interface SalonSchedules {
+        "isLoading"?: boolean;
         "salonId": number;
         "salonInfo"?: string;
+        "withBorder"?: boolean;
     }
     interface SalonServices {
+        "buttonClass": string;
         "fetchData": () => Promise<void>;
         "salonId": number;
     }
-    interface SalonStyles {
-        "fetchData": () => Promise<any[]>;
-        "salonId": number;
-    }
     interface SalonStylists {
         "fetchData": () => Promise<void>;
+        "onLoadMore": () => Promise<void>;
         "salonId": number;
     }
+    interface StyleDetail {
+        "fetchData": () => Promise<any[]>;
+        "salonId": number;
+        "salonLookbook": string;
+    }
     interface UserAvatar {
         "avatar": string;
         "name": string;
@@ -106,12 +118,6 @@ declare global {
         prototype: HTMLSalonBookingModalElement;
         new (): HTMLSalonBookingModalElement;
     };
-    interface HTMLSalonContactElement extends Components.SalonContact, HTMLStencilElement {
-    }
-    var HTMLSalonContactElement: {
-        prototype: HTMLSalonContactElement;
-        new (): HTMLSalonContactElement;
-    };
     interface HTMLSalonGiftCardElement extends Components.SalonGiftCard, HTMLStencilElement {
     }
     var HTMLSalonGiftCardElement: {
@@ -136,6 +142,12 @@ declare global {
         prototype: HTMLSalonLatestReviewsElement;
         new (): HTMLSalonLatestReviewsElement;
     };
+    interface HTMLSalonLatestStylesElement extends Components.SalonLatestStyles, HTMLStencilElement {
+    }
+    var HTMLSalonLatestStylesElement: {
+        prototype: HTMLSalonLatestStylesElement;
+        new (): HTMLSalonLatestStylesElement;
+    };
     interface HTMLSalonLocationsElement extends Components.SalonLocations, HTMLStencilElement {
     }
     var HTMLSalonLocationsElement: {
@@ -172,18 +184,18 @@ declare global {
         prototype: HTMLSalonServicesElement;
         new (): HTMLSalonServicesElement;
     };
-    interface HTMLSalonStylesElement extends Components.SalonStyles, HTMLStencilElement {
-    }
-    var HTMLSalonStylesElement: {
-        prototype: HTMLSalonStylesElement;
-        new (): HTMLSalonStylesElement;
-    };
     interface HTMLSalonStylistsElement extends Components.SalonStylists, HTMLStencilElement {
     }
     var HTMLSalonStylistsElement: {
         prototype: HTMLSalonStylistsElement;
         new (): HTMLSalonStylistsElement;
     };
+    interface HTMLStyleDetailElement extends Components.StyleDetail, HTMLStencilElement {
+    }
+    var HTMLStyleDetailElement: {
+        prototype: HTMLStyleDetailElement;
+        new (): HTMLStyleDetailElement;
+    };
     interface HTMLUserAvatarElement extends Components.UserAvatar, HTMLStencilElement {
     }
     var HTMLUserAvatarElement: {
@@ -194,27 +206,26 @@ declare global {
         "google-map": HTMLGoogleMapElement;
         "salon-booking": HTMLSalonBookingElement;
         "salon-booking-modal": HTMLSalonBookingModalElement;
-        "salon-contact": HTMLSalonContactElement;
         "salon-gift-card": HTMLSalonGiftCardElement;
         "salon-gift-card-modal": HTMLSalonGiftCardModalElement;
         "salon-info": HTMLSalonInfoElement;
         "salon-latest-reviews": HTMLSalonLatestReviewsElement;
+        "salon-latest-styles": HTMLSalonLatestStylesElement;
         "salon-locations": HTMLSalonLocationsElement;
         "salon-lookbook": HTMLSalonLookbookElement;
         "salon-ranking": HTMLSalonRankingElement;
         "salon-reviews": HTMLSalonReviewsElement;
         "salon-schedules": HTMLSalonSchedulesElement;
         "salon-services": HTMLSalonServicesElement;
-        "salon-styles": HTMLSalonStylesElement;
         "salon-stylists": HTMLSalonStylistsElement;
+        "style-detail": HTMLStyleDetailElement;
         "user-avatar": HTMLUserAvatarElement;
     }
 }
 declare namespace LocalJSX {
     interface GoogleMap {
-        "apiKey"?: string;
-        "lat"?: number;
-        "lng"?: number;
+        "locationAddress"?: string;
+        "locationName"?: string;
     }
     interface SalonBooking {
         "buttonClass"?: string;
@@ -227,28 +238,33 @@ declare namespace LocalJSX {
         "redirectUrl"?: string;
         "salonId"?: number;
     }
-    interface SalonContact {
-        "salonId"?: number;
-        "salonInfo"?: string;
-    }
     interface SalonGiftCard {
         "buttonClass"?: string;
         "buttonText"?: string;
+        "primaryColor"?: string;
         "salonId"?: number;
     }
     interface SalonGiftCardModal {
+        "primaryColor"?: string;
         "salonId"?: number;
     }
     interface SalonInfo {
-        "backgroundColor"?: string;
         "salonId"?: number;
     }
     interface SalonLatestReviews {
+        "primaryColor"?: string;
+        "salonId"?: number;
+    }
+    interface SalonLatestStyles {
+        "isLoading"?: boolean;
         "salonId"?: number;
+        "withBorder"?: boolean;
     }
     interface SalonLocations {
+        "isLoading"?: boolean;
         "salonId"?: number;
         "salonInfo"?: string;
+        "withBorder"?: boolean;
     }
     interface SalonLookbook {
         "salonId"?: number;
@@ -259,20 +275,25 @@ declare namespace LocalJSX {
         "width"?: number;
     }
     interface SalonReviews {
+        "primaryColor"?: string;
         "salonId"?: number;
     }
     interface SalonSchedules {
+        "isLoading"?: boolean;
         "salonId"?: number;
         "salonInfo"?: string;
+        "withBorder"?: boolean;
     }
     interface SalonServices {
+        "buttonClass"?: string;
         "salonId"?: number;
     }
-    interface SalonStyles {
+    interface SalonStylists {
         "salonId"?: number;
     }
-    interface SalonStylists {
+    interface StyleDetail {
         "salonId"?: number;
+        "salonLookbook"?: string;
     }
     interface UserAvatar {
         "avatar"?: string;
@@ -285,19 +306,19 @@ declare namespace LocalJSX {
         "google-map": GoogleMap;
         "salon-booking": SalonBooking;
         "salon-booking-modal": SalonBookingModal;
-        "salon-contact": SalonContact;
         "salon-gift-card": SalonGiftCard;
         "salon-gift-card-modal": SalonGiftCardModal;
         "salon-info": SalonInfo;
         "salon-latest-reviews": SalonLatestReviews;
+        "salon-latest-styles": SalonLatestStyles;
         "salon-locations": SalonLocations;
         "salon-lookbook": SalonLookbook;
         "salon-ranking": SalonRanking;
         "salon-reviews": SalonReviews;
         "salon-schedules": SalonSchedules;
         "salon-services": SalonServices;
-        "salon-styles": SalonStyles;
         "salon-stylists": SalonStylists;
+        "style-detail": StyleDetail;
         "user-avatar": UserAvatar;
     }
 }
@@ -308,19 +329,19 @@ declare module "@stencil/core" {
             "google-map": LocalJSX.GoogleMap & JSXBase.HTMLAttributes<HTMLGoogleMapElement>;
             "salon-booking": LocalJSX.SalonBooking & JSXBase.HTMLAttributes<HTMLSalonBookingElement>;
             "salon-booking-modal": LocalJSX.SalonBookingModal & JSXBase.HTMLAttributes<HTMLSalonBookingModalElement>;
-            "salon-contact": LocalJSX.SalonContact & JSXBase.HTMLAttributes<HTMLSalonContactElement>;
             "salon-gift-card": LocalJSX.SalonGiftCard & JSXBase.HTMLAttributes<HTMLSalonGiftCardElement>;
             "salon-gift-card-modal": LocalJSX.SalonGiftCardModal & JSXBase.HTMLAttributes<HTMLSalonGiftCardModalElement>;
             "salon-info": LocalJSX.SalonInfo & JSXBase.HTMLAttributes<HTMLSalonInfoElement>;
             "salon-latest-reviews": LocalJSX.SalonLatestReviews & JSXBase.HTMLAttributes<HTMLSalonLatestReviewsElement>;
+            "salon-latest-styles": LocalJSX.SalonLatestStyles & JSXBase.HTMLAttributes<HTMLSalonLatestStylesElement>;
             "salon-locations": LocalJSX.SalonLocations & JSXBase.HTMLAttributes<HTMLSalonLocationsElement>;
             "salon-lookbook": LocalJSX.SalonLookbook & JSXBase.HTMLAttributes<HTMLSalonLookbookElement>;
             "salon-ranking": LocalJSX.SalonRanking & JSXBase.HTMLAttributes<HTMLSalonRankingElement>;
             "salon-reviews": LocalJSX.SalonReviews & JSXBase.HTMLAttributes<HTMLSalonReviewsElement>;
             "salon-schedules": LocalJSX.SalonSchedules & JSXBase.HTMLAttributes<HTMLSalonSchedulesElement>;
             "salon-services": LocalJSX.SalonServices & JSXBase.HTMLAttributes<HTMLSalonServicesElement>;
-            "salon-styles": LocalJSX.SalonStyles & JSXBase.HTMLAttributes<HTMLSalonStylesElement>;
             "salon-stylists": LocalJSX.SalonStylists & JSXBase.HTMLAttributes<HTMLSalonStylistsElement>;
+            "style-detail": LocalJSX.StyleDetail & JSXBase.HTMLAttributes<HTMLStyleDetailElement>;
             "user-avatar": LocalJSX.UserAvatar & JSXBase.HTMLAttributes<HTMLUserAvatarElement>;
         }
     }

package/dist/types/constants/colors.d.ts

@@ -0,0 +1,65 @@
+export declare const Colors: {
+  TextColor: string;
+  Black: string;
+  White: string;
+  Primary: string;
+  Secondary: string;
+  Black01: string;
+  Black02: string;
+  Black03: string;
+  Gray01: string;
+  Gray02: string;
+  Gray03: string;
+  Gray04: string;
+  Gray05: string;
+  Red01: string;
+  Red02: string;
+  Red03: string;
+  Red04: string;
+  Red05: string;
+  Orange01: string;
+  Orange02: string;
+  Orange03: string;
+  Orange04: string;
+  Orange05: string;
+  Yellow01: string;
+  Yellow02: string;
+  Yellow03: string;
+  Yellow04: string;
+  Yellow05: string;
+  Lilac01: string;
+  Lilac02: string;
+  Lilac03: string;
+  Lilac04: string;
+  Lilac05: string;
+  Blue01: string;
+  Blue02: string;
+  Blue03: string;
+  Blue04: string;
+  Blue05: string;
+  Green01: string;
+  Green02: string;
+  Green03: string;
+  Green04: string;
+  Green05: string;
+  Success01: string;
+  Success02: string;
+  Success03: string;
+  Success04: string;
+  Success05: string;
+  Error01: string;
+  Error02: string;
+  Error03: string;
+  Error04: string;
+  Error05: string;
+  Warning01: string;
+  Warning02: string;
+  Warning03: string;
+  Warning04: string;
+  Warning05: string;
+  Info01: string;
+  Info02: string;
+  Info03: string;
+  Info04: string;
+  Info05: string;
+};

package/dist/types/services/services.d.ts

@@ -0,0 +1,60 @@
+import { AxiosInstance } from 'axios';
+declare class HttpService {
+  http: AxiosInstance;
+  constructor();
+  fetchStyleDetail(styleId: number): Promise<{
+    styleInfo: any;
+    similarStyles: any[];
+  } | {
+    styleInfo: any;
+    similarStyles: any[];
+  }>;
+  fetchSalonInfo(salonId: number): Promise<any>;
+  fetchSalonLatestStyles(salonId: number, options: any): Promise<any>;
+  decorateServiceGroups(groups: any): any;
+  fetchSalonServices(salonId: number): Promise<any>;
+  fetchSalonStylists(salonId: number, options?: {
+    page: number;
+    limit: number;
+  }): Promise<{
+    total: any;
+    data: any;
+  } | {
+    total: number;
+    data: any[];
+  }>;
+  fetchSalonReviews(salonId: number, options?: any): Promise<{
+    total: any;
+    stats: {
+      totalReviews: any;
+      reviewPoint: number;
+      '1': number;
+      '2': number;
+      '3': number;
+      '4': number;
+      '5': number;
+    };
+    data: any;
+  } | {
+    total: number;
+    stats: {};
+    data: any[];
+  }>;
+  fetchSalonCategories(): Promise<any>;
+  fetchSalonLookbooks(salonId: number, options: any): Promise<{
+    total: number;
+    allLookbooks: any[];
+  } | {
+    total: any;
+    allLookbooks: any;
+  }>;
+  fetchStyleComments(styleId: number): Promise<{
+    total: any;
+    data: any;
+  } | {
+    total: number;
+    data: any[];
+  }>;
+}
+declare const _default: () => HttpService;
+export default _default;

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;