favesalon-embed 1.0.1 → 1.0.3

package/dist/collection/types/service.js

@@ -1,24 +0,0 @@
-export function createService(blob) {
-  const photos = (blob.photo_link || []).map(photo => {
-    return {
-      id: photo.number,
-      src: photo.src,
-      caption: photo.caption,
-      serviceId: photo.service_id,
-      serviceName: photo.service_name,
-      stylistId: photo.beautician_id,
-      stylistName: photo.beautician_name,
-    };
-  });
-  return {
-    id: blob.id,
-    name: blob.name,
-    description: blob.description,
-    price: Number(blob.price_info),
-    isPriceUp: Boolean(blob.price_up),
-    hidePrice: Boolean(blob.hide_price_from_public),
-    duration: blob.time_info ? Number(blob.time_info) : 0,
-    hideDuration: Boolean(blob.hide_duration_from_public),
-    photos,
-  };
-}

package/dist/collection/types/style.js

@@ -1,128 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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/esm/chat-button.entry.js

@@ -1,114 +0,0 @@
-import { r as registerInstance, h } from './index-3fae868e.js';
-import { d as dayjs_min, H as HttpService } from './services-40a3e622.js';
-import { r as relativeTime } from './relativeTime-cd452e6d.js';
-import './_commonjsHelpers-098d5b27.js';
-import './colors-ea36347a.js';
-
-const indexCss = "chat-button{display:inline-block;position:relative}.chat-button--indicator{cursor:pointer;position:absolute;inset:0}.chat-button--counter{background-color:rgb(240, 90, 97);border:1px solid rgb(255, 255, 255);position:absolute;right:-6px;bottom:12px;height:8px;width:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.chat-box{background-color:#fff;display:flex;flex-direction:column;position:fixed;inset:0px;z-index:20000}.chat-box--header{display:flex;justify-content:space-between;padding:16px;position:relative}.chat-box--header-title{color:#fff;font-size:20px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:space-between;margin:0}.chat-message{overflow:hidden;clear:both;min-width:240px}.chat-message--meta{display:flex}.chat-message--message{background-color:#F1F1F1;padding:8px 12px;position:relative;float:left;margin-top:6px;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;border-radius:0 10px 10px 10px}.chat-conversation--time{clear:both;color:#999;font-size:75%;padding-top:2px}.chat-message.is-owner .chat-message--content{margin-left:12px}.chat-message.is-guest .chat-message--meta{flex-direction:row-reverse}.chat-message.is-guest .chat-message--message{background-color:#EFF7FF;float:right;margin-right:12px;text-align:right;-moz-border-radius:10px 0 10px 10px;-webkit-border-radius:10px 0 10px 10px;border-radius:10px 0 10px 10px}@media (min-width: 768px){.chat-box{border:1px solid #fff;left:unset;top:unset;right:1px;bottom:0px;height:420px;max-height:90vh;width:600px;-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px;-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 24px;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 24px;box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 24px}.chat-box--header{-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px}}";
-
-dayjs_min.extend(relativeTime);
-const ChatButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.onSubmitMessage = async () => {
-      try {
-        const elNewMessage = document.getElementById('chat-form--input');
-        await HttpService().sendChatMessage({
-          message: elNewMessage.value,
-          senderId: this.senderInfo.id,
-          chatRoomId: this.chatRoom.uid,
-        });
-        elNewMessage.value = '';
-      }
-      catch (error) { }
-    };
-    this.markMessagesAsRead = async () => {
-      try {
-        const unreadMessages = (this.chatMessages || []).filter(message => {
-          return Boolean(message.unRead) && message.senderId !== this.senderInfo.id;
-        });
-        if (unreadMessages.length > 0) {
-          await HttpService().markMessagesAsRead(this.chatRoom.uid, unreadMessages);
-        }
-      }
-      catch (e) { }
-    };
-    this.scrollToLastMessage = () => {
-      const targetElement = document.getElementById('chat--last-message');
-      targetElement && targetElement.scrollIntoView();
-    };
-    this.renderMessage = (chatMessage) => {
-      const { message, senderId, timestamp } = chatMessage;
-      const isOwner = this.senderInfo.id === senderId;
-      return (h("div", { class: `chat-message ${isOwner ? 'is-owner' : 'is-guest'}` }, h("div", { class: "chat-message--meta" }, h("user-avatar", { size: 40, shortName: String(((isOwner ? this.senderInfo : this.receiverInfo) || {}).fullName || '').charAt(0), avatar: ((isOwner ? this.senderInfo : this.receiverInfo) || {}).avatar }), h("div", { class: "chat-message--content" }, h("div", { class: "chat-message--message" }, message), timestamp && (h("div", { class: "chat-conversation--time" }, dayjs_min(timestamp).format('HH:mm')))))));
-    };
-    this.renderMessages = () => {
-      const isEmpty = (this.chatMessages || []).length === 0;
-      return (h("div", { class: "chat-messages" }, !isEmpty && this.chatMessages.map(this.renderMessage), isEmpty && (h("div", { style: { paddingTop: '48px', textAlign: 'center' } }, h("i", { class: "ri-bubble-chart-line", style: { fontSize: '48px' } }), h("div", { style: { color: 'rgba(0, 0, 0, 0.45)', marginTop: '8px' } }, "Enter a message on below to get starting"))), h("div", { id: "chat--last-message" })));
-    };
-    this.primaryColor = undefined;
-    this.accessToken = undefined;
-    this.senderId = undefined;
-    this.receiverId = undefined;
-    this.senderInfo = {};
-    this.receiverInfo = {};
-    this.chatRoom = undefined;
-    this.chatMessages = undefined;
-    this.isChatExpanded = undefined;
-  }
-  componentWillLoad() {
-    this.fetchData();
-  }
-  componentDidLoad() {
-    this.scrollToLastMessage();
-    this.markMessagesAsRead();
-  }
-  componentWillUpdate() {
-    this.scrollToLastMessage();
-  }
-  async fetchData() {
-    try {
-      this.chatRoom = await HttpService().createChatRoom(this.receiverId, this.accessToken);
-      if (this.chatRoom) {
-        HttpService().fetchChatMessages(this.chatRoom.uid, (messages) => this.chatMessages = messages);
-        this.senderInfo = this.chatRoom.members.find(user => user.id === Number(this.senderId));
-        this.receiverInfo = this.chatRoom.members.find(user => user.id === Number(this.receiverId));
-      }
-    }
-    catch (e) { }
-  }
-  renderForm() {
-    return (h("div", { style: { display: 'flex', height: '100%' } }, h("input", { id: "chat-form--input", type: "text", class: "form-control", placeholder: "Enter a message...", style: { border: 'none' }, onKeyPress: (evt) => {
-        if (evt.key === 'Enter') {
-          evt.preventDefault();
-          this.onSubmitMessage();
-        }
-      } }), h("button", { type: "button", class: "btn btn-link", style: {
-        textDecoration: 'none',
-        display: 'flex',
-        height: '100%',
-        alignItems: 'center',
-      }, onClick: () => this.onSubmitMessage() }, h("i", { class: "ri-send-plane-2-line", style: { color: '#111', fontSize: '24px', lineHeight: '1' } }))));
-  }
-  render() {
-    const unreadMessages = (this.chatMessages || []).filter(message => {
-      return Boolean(message.unRead) && message.senderId !== this.senderInfo.id;
-    });
-    return (h("div", null, h("div", { class: "chat-button--indicator", onClick: () => this.isChatExpanded = true }, unreadMessages.length > 0 && h("span", { class: "chat-button--counter" })), h("div", { class: "chat-box", style: this.isChatExpanded ? {} : { display: 'none' } }, h("div", { class: "chat-box--header", style: {
-        backgroundColor: this.primaryColor || '#f05a61',
-      } }, h("h3", { class: "chat-box--header-title" }, "Chat"), h("div", { class: "salon-modal--close", onClick: () => this.isChatExpanded = false, style: { position: 'static' } })), h("div", { style: {
-        flexShrink: '1',
-        flexGrow: '1',
-        overflowY: 'auto',
-        padding: '16px',
-      } }, this.renderMessages()), h("div", { style: {
-        height: '50px',
-        minHeight: '50px',
-        paddingTop: '1',
-        borderTop: '1px solid rgb(245, 245, 245)',
-      } }, this.renderForm()))));
-  }
-};
-ChatButton.style = indexCss;
-
-export { ChatButton as chat_button };

package/dist/esm/favesalon-embed.js

@@ -1,19 +0,0 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-3fae868e.js';
-export { s as setNonce } from './index-3fae868e.js';
-import './global-e1089ffd.js';
-
-/*
- Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
- */
-const patchBrowser = () => {
-    const importMeta = import.meta.url;
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return promiseResolve(opts);
-};
-
-patchBrowser().then(options => {
-  return bootstrapLazy([["chat-button",[[0,"chat-button",{"primaryColor":[1,"primary-color"],"accessToken":[1,"access-token"],"senderId":[1,"sender-id"],"receiverId":[1,"receiver-id"],"senderInfo":[32],"receiverInfo":[32],"chatRoom":[32],"chatMessages":[32],"isChatExpanded":[32],"fetchData":[64]}]]],["salon-latest-reviews",[[0,"salon-latest-reviews",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"salonReviews":[32],"isLoading":[32],"fetchData":[64]}]]],["salon-lookbook",[[0,"salon-lookbook",{"salonId":[2,"salon-id"],"isLoading":[32],"isLoadingMore":[32],"hideLoadMore":[32],"currentPage":[32],"totalLookbooks":[32],"salonCategories":[32],"salonLookbooks":[32],"sortBy":[32],"filterBy":[32],"isLayoutSetup":[32],"fetchData":[64],"fetchLookbooks":[64],"onChangeFiltering":[64],"onChangeSorting":[64],"onLoadMore":[64],"fetchCategories":[64]}]]],["salon-reviews",[[0,"salon-reviews",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"salonInfo":[32],"stats":[32],"totalReviews":[32],"allReviews":[32],"isLoading":[32],"isSorting":[32],"isFiltering":[32],"isLoadingMore":[32],"canLoadMore":[32],"page":[32],"filterBy":[32],"sortBy":[32]}]]],["style-detail",[[0,"style-detail",{"salonId":[2,"salon-id"],"salonLookbook":[1,"salon-lookbook"],"lookbookInfo":[32],"isModalOpen":[32],"currentMediaIdx":[32],"currentMedia":[32],"albumMedias":[32],"similarStyles":[32],"totalComments":[32],"lookbookComments":[32],"isLayoutSetup":[32],"fetchData":[64]}]]],["salon-booking",[[0,"salon-booking",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"buttonText":[1,"button-text"],"primaryColor":[1,"primary-color"]}]]],["salon-booking-modal",[[0,"salon-booking-modal",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"redirectUrl":[1,"redirect-url"],"isModalOpen":[32]}]]],["salon-gift-card",[[0,"salon-gift-card",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"buttonText":[1,"button-text"],"primaryColor":[1,"primary-color"]}]]],["salon-gift-card-modal",[[0,"salon-gift-card-modal",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"isModalOpen":[32]}]]],["salon-ranking",[[0,"salon-ranking",{"ranking":[2],"height":[2],"width":[2]}]]],["salon-services",[[0,"salon-services",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"salonServices":[32],"isLoading":[32],"fetchData":[64]}]]],["salon-stylists",[[0,"salon-stylists",{"salonId":[2,"salon-id"],"salonStylists":[32],"totalStylists":[32],"page":[32],"isLoading":[32],"isLoadingMore":[32],"canLoadMore":[32],"fetchData":[64],"onLoadMore":[64]}]]],["google-map_5",[[0,"salon-info",{"salonId":[2,"salon-id"],"salonInfo":[32],"fetchData":[64]}],[0,"salon-locations",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"salonInfoState":[32]}],[0,"salon-latest-styles",{"salonId":[2,"salon-id"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"isLoadingState":[32],"latestStyles":[32],"fetchData":[64]}],[0,"salon-schedules",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"salonInfoState":[32]}],[0,"google-map",{"locationName":[1,"location-name"],"locationAddress":[1,"location-address"]}]]],["user-avatar",[[0,"user-avatar",{"size":[2],"name":[1],"nameStyle":[16],"shortName":[1,"short-name"],"avatar":[1]}]]]], options);
-});