favesalon-embed 0.0.4 → 1.0.0

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/dist/collection/types/user.js

@@ -0,0 +1,10 @@
+export function createUser(blob) {
+  const userNames = [blob.first_name, blob.last_name].filter(name => !!name);
+  return {
+    id: blob.id || blob.user_id,
+    firstName: blob.first_name,
+    lastName: blob.last_name,
+    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

@@ -2,6 +2,12 @@
 
 import type { Components, JSX } from "../types/components";
 
+interface ChatButton extends Components.ChatButton, HTMLElement {}
+export const ChatButton: {
+  prototype: ChatButton;
+  new (): ChatButton;
+};
+
 interface GoogleMap extends Components.GoogleMap, HTMLElement {}
 export const GoogleMap: {
   prototype: GoogleMap;
@@ -20,12 +26,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 +50,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 +68,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 +92,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;