favesalon-embed 1.0.2 → 1.0.4

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

@@ -0,0 +1,30 @@
+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.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),
+  };
+}
+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),
+    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/dist/collection/utils/utils.js

@@ -0,0 +1,23 @@
+export function wait(time = 1000) {
+  return new Promise(resolve => setTimeout(() => resolve({}), time));
+}
+export function format(first, middle, last) {
+  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+export function formatWebsiteUrl(website) {
+  return !!website ? website.indexOf('http') > -1 ? website : `http://${website}` : null;
+}
+export function formatFullAddress(salon) {
+  const { businessAddress, city, state, zipcode, } = salon || {};
+  const stateFields = [state, zipcode].filter(field => !!field);
+  if (businessAddress) {
+    return [businessAddress, city]
+      .filter(field => !!field)
+      .concat(stateFields.length > 0 ? [stateFields.join(' ')] : [])
+      .join(', ');
+  }
+  return null;
+}
+export function getRatingText() {
+  return ['', 'Poor', 'Sufficient', 'Average', 'Well', 'Very good'];
+}

package/dist/custom-elements/index.d.ts

@@ -2,6 +2,12 @@
 
 import type { Components, JSX } from "../types/components";
 
+interface ChatBox extends Components.ChatBox, HTMLElement {}
+export const ChatBox: {
+  prototype: ChatBox;
+  new (): ChatBox;
+};
+
 interface ChatButton extends Components.ChatButton, HTMLElement {}
 export const ChatButton: {
   prototype: ChatButton;
@@ -20,6 +26,12 @@ export const ChatMessages: {
   new (): ChatMessages;
 };
 
+interface ChatRooms extends Components.ChatRooms, HTMLElement {}
+export const ChatRooms: {
+  prototype: ChatRooms;
+  new (): ChatRooms;
+};
+
 interface GoogleMap extends Components.GoogleMap, HTMLElement {}
 export const GoogleMap: {
   prototype: GoogleMap;