favesalon-embed 0.0.4 → 0.1.0

package/dist/collection/services/services.js

@@ -0,0 +1,174 @@
+import sortBy from 'lodash/sortBy';
+import axios from 'axios';
+import { createSalon } from '../types/salon';
+import { createFaveStyle, createFaveStyleComment } from '../types/style';
+import { createService } from '../types/service';
+import { createStylist } from '../types/stylist';
+import { createReview } from '../types/review';
+import { apiV1Prefix } from '../types/common';
+const apiV2Prefix = 'api-ver2';
+class HttpService {
+  constructor() {
+    this.http = null;
+    this.http = axios.create({
+      baseURL: 'https://favesalon.com',
+      // baseURL: 'http://13.57.216.170',
+      headers: {},
+    });
+  }
+  fetchStyleDetail(styleId) {
+    return this.http.get(`${apiV2Prefix}/style/${styleId}/detail`)
+      .then((response) => {
+      const { status, data } = response.data;
+      if (status) {
+        let styleInfo = null, similarStyles = [];
+        try {
+          styleInfo = createFaveStyle(data);
+          similarStyles = (data.style_similars || []).map(createFaveStyle);
+        }
+        catch (e) { }
+        return { styleInfo, similarStyles };
+      }
+      return { styleInfo: null, similarStyles: [] };
+    })
+      .catch(() => {
+      return { styleInfo: null, similarStyles: [] };
+    });
+  }
+  fetchSalonInfo(salonId) {
+    const url = `${apiV2Prefix}/salon/${salonId}/detail`;
+    return this.http.get(url)
+      .then((response) => {
+      const { status, data } = response.data;
+      return status && data ? createSalon(data) : null;
+    })
+      .catch(() => (null));
+  }
+  fetchSalonLatestStyles(salonId, options) {
+    const url = `${apiV2Prefix}/salon/${salonId}/styles`;
+    return this.http.post(url, Object.assign(Object.assign({}, options), { sort: 'newest' }))
+      .then(response => {
+      const { data } = response.data;
+      return (data || []).slice(0, options.limit).map(createFaveStyle);
+    })
+      .catch(() => ([]));
+  }
+  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 = `${apiV1Prefix}/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, options = { page: 1, limit: 12 }) {
+    const url = `${apiV2Prefix}/salon/${salonId}/stylists?page=${options.page}&limit=${options.limit}`;
+    return this.http.get(url)
+      .then(response => {
+      const { paging, data } = response.data;
+      return {
+        total: paging.total_item || data.length,
+        data: data.map(createStylist),
+      };
+    })
+      .catch(() => ({ total: 0, data: [] }));
+  }
+  fetchSalonReviews(salonId, options) {
+    const url = `${apiV2Prefix}/salon/${salonId}/reviews`;
+    return this.http.post(url, Object.assign({ avg_point_greater_than: 0 }, options))
+      .then(response => {
+      const { data, paging } = response.data || {};
+      const { total_1star: onestar, total_2star: twoStar, total_3star: threeStar, total_4star: fourStar, total_5star: fiveStar, total_review: totalReviews, avg_point: reviewPoint, } = paging.review_detail || {};
+      return {
+        total: paging.total_item || 0,
+        stats: {
+          totalReviews,
+          reviewPoint: reviewPoint ? Math.ceil(reviewPoint) : 0,
+          '1': onestar ? Math.ceil(onestar) : 0,
+          '2': twoStar ? Math.ceil(twoStar) : 0,
+          '3': threeStar ? Math.ceil(threeStar) : 0,
+          '4': fourStar ? Math.ceil(fourStar) : 0,
+          '5': fiveStar ? Math.ceil(fiveStar) : 0,
+        },
+        data: data.map(createReview),
+      };
+    })
+      .catch(() => ({ total: 0, stats: {}, data: [] }));
+  }
+  fetchSalonCategories() {
+    return this.http.post(`${apiV2Prefix}/search/get-services`, { 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: [] };
+    const url = `${apiV2Prefix}/salon/${salonId}/styles`;
+    const postData = Object.assign({ page: 1, limit: 20 }, options);
+    return this.http.post(url, postData)
+      .then(response => {
+      const { status, data, paging } = response.data;
+      if (status) {
+        return {
+          total: paging.total_item || 0,
+          allLookbooks: (data || []).map(createFaveStyle),
+        };
+      }
+      return noResult;
+    })
+      .catch(() => (noResult));
+  }
+  fetchStyleComments(styleId) {
+    const url = `${apiV2Prefix}/style/comment?photo_id=${styleId}`;
+    return this.http.get(url)
+      .then(response => {
+      const { paging, data } = response.data;
+      return {
+        total: paging.total_item || 0,
+        data: data.map(createFaveStyleComment),
+      };
+    })
+      .catch(() => ({ total: 0, data: [] }));
+  }
+}
+export default () => new HttpService();

package/dist/collection/types/common.js

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

package/{collection → dist/collection}/types/review.js

@@ -1,5 +1,7 @@
 import dayjs from "dayjs";
-import { apiDateFormat } from "./common";
+import { dateTimeFormat } from "./common";
+import { createSalon } from "./salon";
+import { createStylist } from "./stylist";
 import { createUser } from "./user";
 function createReviewPhoto(blob) {
   return {
@@ -12,15 +14,15 @@ function createReviewPhoto(blob) {
 export class Review {
 }
 export function createReview(blob) {
-  const reviewPhotos = blob.salon_review_photo || blob.beautician_review_photo || [];
+  const reviewPhotos = blob.review_photo || [];
   const [createdDay, createdTime] = String(blob.create_date).split(' ');
   const [updatedDay, updatedTime] = String(blob.update_date).split(' ');
   return {
     title: blob.title,
-    point: Math.ceil(Number(blob.avg_point)),
     description: blob.comment,
-    createdDate: dayjs(`${createdDay} ${createdTime}`, apiDateFormat).valueOf(),
-    updatedDate: dayjs(`${updatedDay} ${updatedTime}`, apiDateFormat).valueOf(),
+    createdDate: dayjs(`${createdDay} ${createdTime}`, dateTimeFormat).valueOf(),
+    updatedDate: dayjs(`${updatedDay} ${updatedTime}`, dateTimeFormat).valueOf(),
+    point: Math.ceil(Number(blob.avg_point)),
     pointView: blob.view_point,
     pointPrice: blob.price_point,
     pointProduct: blob.product_point,
@@ -30,6 +32,8 @@ export function createReview(blob) {
     helpful: blob.helpful,
     recommend: blob.recommend,
     user: blob.user ? createUser(blob.user) : null,
+    salon: blob.salon ? createSalon(blob.salon) : null,
+    stylist: blob.stylist && blob.stylist.user ? createStylist(blob.stylist) : null,
     photos: reviewPhotos.map(createReviewPhoto),
   };
 }

package/dist/collection/types/salon.js

@@ -0,0 +1,58 @@
+import { Colors } from '../constants/colors';
+import { defaultImage } from './common';
+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 geoLocations = blob.salon_geolocation || [];
+  let salonImages = [];
+  if (blob.salon_miniwebsite) {
+    const activeSite = Array.isArray(blob.salon_miniwebsite) ? blob.salon_miniwebsite[0] : (blob.salon_miniwebsite || {});
+    salonImages = [
+      activeSite.full_small_slider_img1,
+      activeSite.full_small_slider_img2,
+      activeSite.full_small_slider_img3,
+    ].filter(image => !!image);
+  }
+  return {
+    id: blob.id,
+    about: blob.about,
+    email: blob.email,
+    ownerName: blob.owner_name,
+    fullProfileImage: blob.full_profile_image,
+    fullCoverImage: blob.full_cover_image,
+    subdomain: blob.subdomain,
+    website: blob.website,
+    businessName: blob.business_name,
+    businessPhone: blob.business_phone,
+    businessAddress: blob.business_address,
+    businessLocationLat: geoLocations.length > 0 ? geoLocations[0].location_lat : null,
+    businessLocationLng: geoLocations.length > 0 ? geoLocations[0].location_lng : null,
+    city: blob.city,
+    state: blob.state,
+    zipcode: blob.zipcode ? Number(blob.zipcode) : null,
+    businessHours: (blob.business_hours || blob.salon_working_time || []).map(bh => {
+      return {
+        dayName: bh.day_name,
+        openTime: bh.open_time,
+        closeTime: bh.close_time,
+        status: bh.status,
+      };
+    }),
+    rating: Number(blob.rating_point),
+    primaryColor: blob.primary_color || Colors.Primary,
+    salonImages,
+  };
+}
+export function getSalonImage({ salonImages, fullProfileImage }) {
+  if (salonImages && salonImages.length > 0) {
+    return salonImages[0];
+  }
+  if (fullProfileImage) {
+    return fullProfileImage;
+  }
+  return defaultImage;
+}

package/dist/collection/types/style.js

@@ -0,0 +1,128 @@
+import dayjs from 'dayjs';
+import { dateTimeFormat } from './common';
+import { createSalon } from './salon';
+import { createService } from './service';
+import { createStylistFromLookbook } from './stylist';
+import { createUser } from './user';
+export var MediaType;
+(function (MediaType) {
+  MediaType[MediaType["Photo"] = 0] = "Photo";
+  MediaType[MediaType["Video"] = 1] = "Video";
+})(MediaType || (MediaType = {}));
+export class AlbumMedia {
+  constructor(fields) {
+    Object.assign(this, fields);
+  }
+}
+export function createAlbumMedia(blob) {
+  const [createdDay, createdTime] = blob.create_date ? String(blob.create_date).split(' ') : [];
+  const createdDateTime = createdDay && createdTime ? dayjs(`${createdDay} ${createdTime}`, dateTimeFormat).valueOf() : null;
+  const [updatedDay, updatedTime] = blob.update_date ? String(blob.update_date).split(' ') : [];
+  const updatedDateTime = updatedDay && updatedTime ? dayjs(`${updatedDay} ${updatedTime}`, dateTimeFormat).valueOf() : null;
+  const isVideo = blob.media_type === MediaType.Video || blob.full_image_url.indexOf('.mp4') > -1;
+  return new AlbumMedia({
+    id: blob.id,
+    caption: blob.caption,
+    description: blob.description,
+    createdDate: createdDateTime,
+    updatedDate: updatedDateTime,
+    mediaUrl: blob.full_image_url,
+    imageThumb: !isVideo ? blob.full_image_url_thumb : null,
+    imageThumbMedium: !isVideo ? blob.full_image_url_medium : null,
+    imageWidth: !isVideo ? blob.img_w : 400,
+    imageHeight: !isVideo ? blob.img_h : 300,
+    mediaType: isVideo ? MediaType.Video : blob.media_type,
+    totalLike: blob.total_like,
+    totalDislike: blob.total_dislike,
+    totalShare: blob.total_shared,
+    totalView: blob.view_count,
+    totalBooking: blob.total_booking,
+  });
+}
+export class Album {
+  constructor(fields) {
+    Object.assign(this, fields);
+  }
+}
+export function createAlbum(blob) {
+  return new Album({
+    id: blob.id,
+    name: blob.name,
+    caption: blob.caption,
+    description: blob.description,
+    tags: blob.tags ? blob.tags.filter(tag => !!tag) : [],
+    salonId: blob.salon_id,
+    stylistId: blob.stylist_id,
+    totalMedias: blob.total_medias || 0,
+    service: blob.service ? createService(blob.service) : null,
+    isPublic: (typeof blob.is_public !== 'undefined') ? Boolean(blob.is_public) : true,
+  });
+}
+export class FaveStyleComment {
+  constructor(fields) {
+    Object.assign(this, fields);
+  }
+}
+export function createFaveStyleComment(blob) {
+  const [createdDay, createdTime] = blob.create_date ? String(blob.create_date).split(' ') : [];
+  const createdDateTime = createdDay && createdTime ? dayjs(`${createdDay} ${createdTime}`, dateTimeFormat).valueOf() : null;
+  const [updatedDay, updatedTime] = blob.update_date ? String(blob.update_date).split(' ') : [];
+  const updatedDateTime = updatedDay && updatedTime ? dayjs(`${updatedDay} ${updatedTime}`, dateTimeFormat).valueOf() : null;
+  return new FaveStyleComment({
+    id: blob.id,
+    type: blob.type,
+    title: blob.content,
+    description: blob.description,
+    createdDate: createdDateTime,
+    updatedDate: updatedDateTime,
+    parentCommentId: blob.parentCommentId,
+    childComments: blob.child_comment ? blob.child_comment.map(createFaveStyleComment) : [],
+    user: createUser(blob.user),
+  });
+}
+export class FaveStyle {
+  constructor(fields) {
+    Object.assign(this, fields);
+  }
+}
+export function createFaveStyle(blob) {
+  const [createdDay, createdTime] = blob.create_date ? String(blob.create_date).split(' ') : [];
+  const createdDateTime = createdDay && createdTime ? dayjs(`${createdDay} ${createdTime}`, dateTimeFormat).valueOf() : null;
+  const [updatedDay, updatedTime] = blob.update_date ? String(blob.update_date).split(' ') : [];
+  const updatedDateTime = updatedDay && updatedTime ? dayjs(`${updatedDay} ${updatedTime}`, dateTimeFormat).valueOf() : null;
+  const albumMedias = [createAlbumMedia(blob)].concat(blob.album_medias ? blob.album_medias.map(createAlbumMedia).filter(ap => ap.id !== blob.id) : []);
+  const { total_booked: totalBooked, total_like: totalLike, total_share: totalShare, total_view: totalView, } = blob.style_activity || {};
+  return new FaveStyle({
+    id: blob.id,
+    caption: blob.caption,
+    description: blob.description,
+    createdDate: createdDateTime,
+    updatedDate: updatedDateTime,
+    imageUrl: blob.full_image_url,
+    imageThumb: blob.full_image_url_thumb,
+    imageThumbMedium: blob.full_image_url_medium,
+    imageWidth: blob.img_w,
+    imageHeight: blob.img_h,
+    mediaType: blob.media_type,
+    isPublic: (typeof blob.is_public !== 'undefined') ? Boolean(blob.is_public) : true,
+    totalBooking: totalBooked || 0,
+    totalLike: totalLike || 0,
+    totalDislike: blob.total_dislike || 0,
+    totalShare: totalShare || 0,
+    totalView: totalView || 0,
+    albumMedias,
+    album: blob.album ? createAlbum(blob.album) : null,
+    owner: blob.user ? createUser(blob.user) : null,
+    salonId: blob.salon_id ? Number(blob.salon_id) : null,
+    salon: blob.salon ? createSalon(blob.salon) : null,
+    stylistId: blob.stylist_id ? Number(blob.stylist_id) : null,
+    stylist: blob.stylist ? createStylistFromLookbook(blob.stylist) : null,
+    isLiked: blob.my_activity && blob.my_activity.liked,
+    serviceId: blob.service_id ? Number(blob.service_id) : null,
+    salonServiceId: blob.category_service_id ? Number(blob.category_service_id) : null,
+    productBrand: blob.product_brand_used || '',
+  });
+}
+export function isVideoMedia({ mediaType }) {
+  return mediaType === MediaType.Video;
+}

package/{collection → dist/collection}/types/stylist.js

@@ -1,12 +1,14 @@
 export function createStylist(blob) {
   const ratingPercentage = blob.rating_percent ? Number(blob.rating_percent) : 0;
+  const { first_name, last_name, mobile_phone, avatar, full_profile_image, } = blob.user || {};
+  const userNames = [first_name, last_name].filter(name => !!name);
   return {
-    id: Number(blob.stylist_id),
-    name: blob.title || [blob.first_name, blob.last_name].filter(field => !!field).join(' '),
-    firstName: blob.first_name,
-    lastName: blob.last_name,
-    avatar: blob.avatar,
-    phone: blob.mobile_phone,
+    id: Number(blob.id),
+    firstName: first_name,
+    lastName: last_name,
+    fullName: userNames.length > 0 ? userNames.join(' ') : blob.email,
+    avatar: avatar || full_profile_image,
+    phone: mobile_phone,
     expertise: Boolean(blob.expertise),
     rating: Math.ceil((ratingPercentage * 5) / 100),
   };
@@ -14,14 +16,15 @@ export function createStylist(blob) {
 export function createStylistFromLookbook(blob) {
   const { user } = blob;
   const ratingPercentage = blob.rating_percent ? Number(blob.rating_percent) : 0;
+  const userNames = [user.first_name, user.last_name].filter(name => !!name);
   return {
     id: Number(blob.id),
-    expertise: Boolean(blob.expertise),
-    rating: Math.ceil((ratingPercentage * 5) / 100),
-    name: [user.first_name, user.last_name].filter(field => !!field).join(' '),
     firstName: user.first_name,
     lastName: user.last_name,
+    fullName: userNames.length > 0 ? userNames.join(' ') : (blob.fullName || blob.name || blob.title),
     avatar: user.full_avatar || user.full_profile_image_thumb,
     phone: user.mobile_phone,
+    expertise: Boolean(blob.expertise),
+    rating: Math.ceil((ratingPercentage * 5) / 100),
   };
 }

package/{collection → dist/collection}/types/user.js

@@ -2,9 +2,9 @@ export function createUser(blob) {
   const userNames = [blob.first_name, blob.last_name].filter(name => !!name);
   return {
     id: blob.user_id,
-    name: userNames.length > 0 ? userNames.join(' ') : blob.username,
     firstName: blob.first_name,
     lastName: blob.last_name,
-    avatar: blob.full_profile_image_thumb,
+    fullName: userNames.length > 0 ? userNames.join(' ') : (blob.fullName || blob.name || blob.username),
+    avatar: blob.avatar || blob.full_profile_image_thumb,
   };
 }

package/{custom-elements → dist/custom-elements}/index.d.ts

@@ -20,12 +20,6 @@ export const SalonBookingModal: {
   new (): SalonBookingModal;
 };
 
-interface SalonContact extends Components.SalonContact, HTMLElement {}
-export const SalonContact: {
-  prototype: SalonContact;
-  new (): SalonContact;
-};
-
 interface SalonGiftCard extends Components.SalonGiftCard, HTMLElement {}
 export const SalonGiftCard: {
   prototype: SalonGiftCard;
@@ -50,6 +44,12 @@ export const SalonLatestReviews: {
   new (): SalonLatestReviews;
 };
 
+interface SalonLatestStyles extends Components.SalonLatestStyles, HTMLElement {}
+export const SalonLatestStyles: {
+  prototype: SalonLatestStyles;
+  new (): SalonLatestStyles;
+};
+
 interface SalonLocations extends Components.SalonLocations, HTMLElement {}
 export const SalonLocations: {
   prototype: SalonLocations;
@@ -62,12 +62,6 @@ export const SalonLookbook: {
   new (): SalonLookbook;
 };
 
-interface SalonLookbookModal extends Components.SalonLookbookModal, HTMLElement {}
-export const SalonLookbookModal: {
-  prototype: SalonLookbookModal;
-  new (): SalonLookbookModal;
-};
-
 interface SalonRanking extends Components.SalonRanking, HTMLElement {}
 export const SalonRanking: {
   prototype: SalonRanking;
@@ -92,18 +86,18 @@ export const SalonServices: {
   new (): SalonServices;
 };
 
-interface SalonStyles extends Components.SalonStyles, HTMLElement {}
-export const SalonStyles: {
-  prototype: SalonStyles;
-  new (): SalonStyles;
-};
-
 interface SalonStylists extends Components.SalonStylists, HTMLElement {}
 export const SalonStylists: {
   prototype: SalonStylists;
   new (): SalonStylists;
 };
 
+interface StyleDetail extends Components.StyleDetail, HTMLElement {}
+export const StyleDetail: {
+  prototype: StyleDetail;
+  new (): StyleDetail;
+};
+
 interface UserAvatar extends Components.UserAvatar, HTMLElement {}
 export const UserAvatar: {
   prototype: UserAvatar;