favesalon-embed 0.0.4 → 0.1.0

package/{esm/services-74d84ca9.js → dist/esm/services-295247b1.js}

@@ -1,4 +1,5 @@
 import { c as commonjsGlobal, a as createCommonjsModule } from './_commonjsHelpers-098d5b27.js';
+import { C as Colors } from './colors-ea36347a.js';
 
 /**
  * Appends the elements of `values` to `array`.
@@ -40,17 +41,17 @@ var Symbol = _root.Symbol;
 var _Symbol = Symbol;
 
 /** Used for built-in method references. */
-var objectProto$c = Object.prototype;
+var objectProto$b = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$9 = objectProto$c.hasOwnProperty;
+var hasOwnProperty$8 = objectProto$b.hasOwnProperty;
 
 /**
  * Used to resolve the
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
  * of values.
  */
-var nativeObjectToString$1 = objectProto$c.toString;
+var nativeObjectToString$1 = objectProto$b.toString;
 
 /** Built-in value references. */
 var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
@@ -63,7 +64,7 @@ var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
  * @returns {string} Returns the raw `toStringTag`.
  */
 function getRawTag(value) {
-  var isOwn = hasOwnProperty$9.call(value, symToStringTag$1),
+  var isOwn = hasOwnProperty$8.call(value, symToStringTag$1),
       tag = value[symToStringTag$1];
 
   try {
@@ -85,14 +86,14 @@ function getRawTag(value) {
 var _getRawTag = getRawTag;
 
 /** Used for built-in method references. */
-var objectProto$b = Object.prototype;
+var objectProto$a = Object.prototype;
 
 /**
  * Used to resolve the
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
  * of values.
  */
-var nativeObjectToString = objectProto$b.toString;
+var nativeObjectToString = objectProto$a.toString;
 
 /**
  * Converts `value` to a string using `Object.prototype.toString`.
@@ -179,13 +180,13 @@ function baseIsArguments(value) {
 var _baseIsArguments = baseIsArguments;
 
 /** Used for built-in method references. */
-var objectProto$a = Object.prototype;
+var objectProto$9 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
+var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
 
 /** Built-in value references. */
-var propertyIsEnumerable$1 = objectProto$a.propertyIsEnumerable;
+var propertyIsEnumerable$1 = objectProto$9.propertyIsEnumerable;
 
 /**
  * Checks if `value` is likely an `arguments` object.
@@ -206,7 +207,7 @@ var propertyIsEnumerable$1 = objectProto$a.propertyIsEnumerable;
  * // => false
  */
 var isArguments = _baseIsArguments(function() { return arguments; }()) ? _baseIsArguments : function(value) {
-  return isObjectLike_1(value) && hasOwnProperty$8.call(value, 'callee') &&
+  return isObjectLike_1(value) && hasOwnProperty$7.call(value, 'callee') &&
     !propertyIsEnumerable$1.call(value, 'callee');
 };
 
@@ -497,17 +498,17 @@ var reIsHostCtor = /^\[object .+?Constructor\]$/;
 
 /** Used for built-in method references. */
 var funcProto = Function.prototype,
-    objectProto$9 = Object.prototype;
+    objectProto$8 = Object.prototype;
 
 /** Used to resolve the decompiled source of functions. */
 var funcToString = funcProto.toString;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
+var hasOwnProperty$6 = objectProto$8.hasOwnProperty;
 
 /** Used to detect if a method is native. */
 var reIsNative = RegExp('^' +
-  funcToString.call(hasOwnProperty$7).replace(reRegExpChar, '\\$&')
+  funcToString.call(hasOwnProperty$6).replace(reRegExpChar, '\\$&')
   .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
 );
 
@@ -599,10 +600,10 @@ var _hashDelete = hashDelete;
 var HASH_UNDEFINED$2 = '__lodash_hash_undefined__';
 
 /** Used for built-in method references. */
-var objectProto$8 = Object.prototype;
+var objectProto$7 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$6 = objectProto$8.hasOwnProperty;
+var hasOwnProperty$5 = objectProto$7.hasOwnProperty;
 
 /**
  * Gets the hash value for `key`.
@@ -619,16 +620,16 @@ function hashGet(key) {
     var result = data[key];
     return result === HASH_UNDEFINED$2 ? undefined : result;
   }
-  return hasOwnProperty$6.call(data, key) ? data[key] : undefined;
+  return hasOwnProperty$5.call(data, key) ? data[key] : undefined;
 }
 
 var _hashGet = hashGet;
 
 /** Used for built-in method references. */
-var objectProto$7 = Object.prototype;
+var objectProto$6 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$5 = objectProto$7.hasOwnProperty;
+var hasOwnProperty$4 = objectProto$6.hasOwnProperty;
 
 /**
  * Checks if a hash value for `key` exists.
@@ -641,7 +642,7 @@ var hasOwnProperty$5 = objectProto$7.hasOwnProperty;
  */
 function hashHas(key) {
   var data = this.__data__;
-  return _nativeCreate ? (data[key] !== undefined) : hasOwnProperty$5.call(data, key);
+  return _nativeCreate ? (data[key] !== undefined) : hasOwnProperty$4.call(data, key);
 }
 
 var _hashHas = hashHas;
@@ -1790,10 +1791,10 @@ function stubArray() {
 var stubArray_1 = stubArray;
 
 /** Used for built-in method references. */
-var objectProto$6 = Object.prototype;
+var objectProto$5 = Object.prototype;
 
 /** Built-in value references. */
-var propertyIsEnumerable = objectProto$6.propertyIsEnumerable;
+var propertyIsEnumerable = objectProto$5.propertyIsEnumerable;
 
 /* Built-in method references for those with the same name as other `lodash` methods. */
 var nativeGetSymbols = Object.getOwnPropertySymbols;
@@ -2085,10 +2086,10 @@ var isTypedArray = nodeIsTypedArray ? _baseUnary(nodeIsTypedArray) : _baseIsType
 var isTypedArray_1 = isTypedArray;
 
 /** Used for built-in method references. */
-var objectProto$5 = Object.prototype;
+var objectProto$4 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
+var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
 
 /**
  * Creates an array of the enumerable property names of the array-like `value`.
@@ -2108,7 +2109,7 @@ function arrayLikeKeys(value, inherited) {
       length = result.length;
 
   for (var key in value) {
-    if ((inherited || hasOwnProperty$4.call(value, key)) &&
+    if ((inherited || hasOwnProperty$3.call(value, key)) &&
         !(skipIndexes && (
            // Safari 9 has enumerable `arguments.length` in strict mode.
            key == 'length' ||
@@ -2128,7 +2129,7 @@ function arrayLikeKeys(value, inherited) {
 var _arrayLikeKeys = arrayLikeKeys;
 
 /** Used for built-in method references. */
-var objectProto$4 = Object.prototype;
+var objectProto$3 = Object.prototype;
 
 /**
  * Checks if `value` is likely a prototype object.
@@ -2139,7 +2140,7 @@ var objectProto$4 = Object.prototype;
  */
 function isPrototype(value) {
   var Ctor = value && value.constructor,
-      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$4;
+      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$3;
 
   return value === proto;
 }
@@ -2168,10 +2169,10 @@ var nativeKeys = _overArg(Object.keys, Object);
 var _nativeKeys = nativeKeys;
 
 /** Used for built-in method references. */
-var objectProto$3 = Object.prototype;
+var objectProto$2 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
+var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
 
 /**
  * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
@@ -2186,7 +2187,7 @@ function baseKeys(object) {
   }
   var result = [];
   for (var key in Object(object)) {
-    if (hasOwnProperty$3.call(object, key) && key != 'constructor') {
+    if (hasOwnProperty$2.call(object, key) && key != 'constructor') {
       result.push(key);
     }
   }
@@ -2277,10 +2278,10 @@ var _getAllKeys = getAllKeys;
 var COMPARE_PARTIAL_FLAG$3 = 1;
 
 /** Used for built-in method references. */
-var objectProto$2 = Object.prototype;
+var objectProto$1 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
 
 /**
  * A specialized version of `baseIsEqualDeep` for objects with support for
@@ -2308,7 +2309,7 @@ function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
   var index = objLength;
   while (index--) {
     var key = objProps[index];
-    if (!(isPartial ? key in other : hasOwnProperty$2.call(other, key))) {
+    if (!(isPartial ? key in other : hasOwnProperty$1.call(other, key))) {
       return false;
     }
   }
@@ -2442,10 +2443,10 @@ var argsTag = '[object Arguments]',
     objectTag = '[object Object]';
 
 /** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
+var objectProto = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+var hasOwnProperty = objectProto.hasOwnProperty;
 
 /**
  * A specialized version of `baseIsEqual` for arrays and objects which performs
@@ -2488,8 +2489,8 @@ function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
       : _equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
   }
   if (!(bitmask & COMPARE_PARTIAL_FLAG$2)) {
-    var objIsWrapped = objIsObj && hasOwnProperty$1.call(object, '__wrapped__'),
-        othIsWrapped = othIsObj && hasOwnProperty$1.call(other, '__wrapped__');
+    var objIsWrapped = objIsObj && hasOwnProperty.call(object, '__wrapped__'),
+        othIsWrapped = othIsObj && hasOwnProperty.call(other, '__wrapped__');
 
     if (objIsWrapped || othIsWrapped) {
       var objUnwrapped = objIsWrapped ? object.value() : object,
@@ -3423,131 +3424,6 @@ var sortBy = _baseRest(function(collection, iteratees) {
 
 var sortBy_1 = sortBy;
 
-/**
- * The base implementation of `assignValue` and `assignMergeValue` without
- * value checks.
- *
- * @private
- * @param {Object} object The object to modify.
- * @param {string} key The key of the property to assign.
- * @param {*} value The value to assign.
- */
-function baseAssignValue(object, key, value) {
-  if (key == '__proto__' && _defineProperty) {
-    _defineProperty(object, key, {
-      'configurable': true,
-      'enumerable': true,
-      'value': value,
-      'writable': true
-    });
-  } else {
-    object[key] = value;
-  }
-}
-
-var _baseAssignValue = baseAssignValue;
-
-/**
- * A specialized version of `baseAggregator` for arrays.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} setter The function to set `accumulator` values.
- * @param {Function} iteratee The iteratee to transform keys.
- * @param {Object} accumulator The initial aggregated object.
- * @returns {Function} Returns `accumulator`.
- */
-function arrayAggregator(array, setter, iteratee, accumulator) {
-  var index = -1,
-      length = array == null ? 0 : array.length;
-
-  while (++index < length) {
-    var value = array[index];
-    setter(accumulator, value, iteratee(value), array);
-  }
-  return accumulator;
-}
-
-var _arrayAggregator = arrayAggregator;
-
-/**
- * Aggregates elements of `collection` on `accumulator` with keys transformed
- * by `iteratee` and values set by `setter`.
- *
- * @private
- * @param {Array|Object} collection The collection to iterate over.
- * @param {Function} setter The function to set `accumulator` values.
- * @param {Function} iteratee The iteratee to transform keys.
- * @param {Object} accumulator The initial aggregated object.
- * @returns {Function} Returns `accumulator`.
- */
-function baseAggregator(collection, setter, iteratee, accumulator) {
-  _baseEach(collection, function(value, key, collection) {
-    setter(accumulator, value, iteratee(value), collection);
-  });
-  return accumulator;
-}
-
-var _baseAggregator = baseAggregator;
-
-/**
- * Creates a function like `_.groupBy`.
- *
- * @private
- * @param {Function} setter The function to set accumulator values.
- * @param {Function} [initializer] The accumulator object initializer.
- * @returns {Function} Returns the new aggregator function.
- */
-function createAggregator(setter, initializer) {
-  return function(collection, iteratee) {
-    var func = isArray_1(collection) ? _arrayAggregator : _baseAggregator,
-        accumulator = initializer ? initializer() : {};
-
-    return func(collection, setter, _baseIteratee(iteratee), accumulator);
-  };
-}
-
-var _createAggregator = createAggregator;
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto.hasOwnProperty;
-
-/**
- * Creates an object composed of keys generated from the results of running
- * each element of `collection` thru `iteratee`. The order of grouped values
- * is determined by the order they occur in `collection`. The corresponding
- * value of each key is an array of elements responsible for generating the
- * key. The iteratee is invoked with one argument: (value).
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Collection
- * @param {Array|Object} collection The collection to iterate over.
- * @param {Function} [iteratee=_.identity] The iteratee to transform keys.
- * @returns {Object} Returns the composed aggregate object.
- * @example
- *
- * _.groupBy([6.1, 4.2, 6.3], Math.floor);
- * // => { '4': [4.2], '6': [6.1, 6.3] }
- *
- * // The `_.property` iteratee shorthand.
- * _.groupBy(['one', 'two', 'three'], 'length');
- * // => { '3': ['one', 'two'], '5': ['three'] }
- */
-var groupBy = _createAggregator(function(result, value, key) {
-  if (hasOwnProperty.call(result, key)) {
-    result[key].push(value);
-  } else {
-    _baseAssignValue(result, key, [value]);
-  }
-});
-
-var groupBy_1 = groupBy;
-
 var bind = function bind(fn, thisArg) {
   return function wrap() {
     var args = new Array(arguments.length);
@@ -5292,6 +5168,11 @@ axios_1.default = _default;
 
 var axios = axios_1;
 
+const dateTimeFormat = 'YYYY-MM-DD HH:mm:ss';
+const shortDateYearFormat = 'ddd, MMM DD YYYY';
+const apiV1Prefix = 'api';
+const defaultImage = 'https://res.cloudinary.com/reckon-mini-sites/image/upload/v1636477599/FaveSalon%20Social%20Website/default/default--picture_w3jvfh.png';
+
 var BusinessHourStatus;
 (function (BusinessHourStatus) {
   BusinessHourStatus[BusinessHourStatus["Open"] = 0] = "Open";
@@ -5299,40 +5180,34 @@ var BusinessHourStatus;
   BusinessHourStatus[BusinessHourStatus["ByAppointment"] = 2] = "ByAppointment";
 })(BusinessHourStatus || (BusinessHourStatus = {}));
 function createSalon(blob) {
-  const salonGeoLocations = blob.salon_geolocation || [];
-  const themeColors = {
-    'allure24-blue': '89c8d2',
-    'allure24-pink': 'ff7fa2',
-    'the-shave': 'af8c45',
-    'theme2-dark-green': '90c245',
-    'theme2-green': 'bed451',
-    'theme2-light-pink': 'd47b99',
-    'theme2-purple': 'ab345c',
-    'theme3-blue': '076dec',
-    'theme3-layout1': 'd59b76',
-    'theme3-layout2': 'b02858',
-    'theme4-green': '5da826',
-    'theme4': '08b89d',
-    'theme5': 'f64c4d',
-  };
+  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,
-    ownerName: blob.owner_name,
     subdomain: blob.subdomain,
     website: blob.website,
     businessName: blob.business_name,
     businessPhone: blob.business_phone,
     businessAddress: blob.business_address,
-    businessLocationLat: salonGeoLocations.length > 0 ? salonGeoLocations[0].location_lat : null,
-    businessLocationLng: salonGeoLocations.length > 0 ? salonGeoLocations[0].location_lng : null,
+    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_workingtime || []).map(bh => {
+    businessHours: (blob.business_hours || blob.salon_working_time || []).map(bh => {
       return {
         dayName: bh.day_name,
         openTime: bh.open_time,
@@ -5341,17 +5216,24 @@ function createSalon(blob) {
       };
     }),
     rating: Number(blob.rating_point),
-    primaryColor: themeColors[blob.default_mini_site_template] || themeColors['allure24-blue'],
+    primaryColor: blob.primary_color || Colors.Primary,
+    salonImages,
   };
 }
+function getSalonImage({ salonImages, fullProfileImage }) {
+  if (salonImages && salonImages.length > 0) {
+    return salonImages[0];
+  }
+  if (fullProfileImage) {
+    return fullProfileImage;
+  }
+  return defaultImage;
+}
 
 var dayjs_min = createCommonjsModule(function (module, exports) {
 !function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",$="Invalid Date",l=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},g={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},D="en",v={};v[D]=M;var p=function(t){return t instanceof _},S=function(t,e,n){var r;if(!t)return D;if("string"==typeof t)v[t]&&(r=t),e&&(v[t]=e,r=t);else {var i=t.name;v[i]=t,r=i;}return !n&&r&&(D=r),r||!n&&D},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=g;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(l);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===$)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),$=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},l=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,g="set"+(this.$u?"UTC":"");switch(h){case c:return r?$(1,0):$(31,11);case f:return r?$(1,M):$(0,M+1);case o:var D=this.$locale().weekStart||0,v=(y<D?y+7:y)-D;return $(r?m-v:m+(6-v),M);case a:case d:return l(g+"Hours",0);case u:return l(g+"Minutes",1);case s:return l(g+"Seconds",2);case i:return l(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),$=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],l=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[$](l),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else $&&this.$d[$](l);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,$=this;r=Number(r);var l=O.p(h),y=function(t){var e=w($);return O.w(e.date(e.date()+Math.round(t*r)),$)};if(l===f)return this.set(f,this.$M+r);if(l===c)return this.set(c,this.$y+r);if(l===a)return y(1);if(l===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[l]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||$;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].substr(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||l[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,$){var l,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,g=this-M,D=O.m(this,M);return D=(l={},l[c]=D/12,l[f]=D,l[h]=D/3,l[o]=(g-m)/6048e5,l[a]=(g-m)/864e5,l[u]=g/n,l[s]=g/e,l[i]=g/t,l)[y]||g,$?D:O.a(D)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return v[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),b=_.prototype;return w.prototype=b,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){b[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=v[D],w.Ls=v,w.p={},w}));
 });
 
-const shortDate = 'DD MMM YYYY';
-const apiDateFormat = 'YYYY-MM-DD HH:mm:ss';
-
 function createService(blob) {
   const photos = (blob.photo_link || []).map(photo => {
     return {
@@ -5379,13 +5261,15 @@ function createService(blob) {
 
 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),
   };
@@ -5393,15 +5277,16 @@ function createStylist(blob) {
 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),
   };
 }
 
@@ -5409,99 +5294,134 @@ 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,
   };
 }
 
-function createFaveStyleComent(blob) {
-  const [createdDay, createdTime] = String(blob.create_date).split(' ');
-  const [updatedDay, updatedTime] = String(blob.update_date).split(' ');
-  return {
+var MediaType;
+(function (MediaType) {
+  MediaType[MediaType["Photo"] = 0] = "Photo";
+  MediaType[MediaType["Video"] = 1] = "Video";
+})(MediaType || (MediaType = {}));
+class AlbumMedia {
+  constructor(fields) {
+    Object.assign(this, fields);
+  }
+}
+function createAlbumMedia(blob) {
+  const [createdDay, createdTime] = blob.create_date ? String(blob.create_date).split(' ') : [];
+  const createdDateTime = createdDay && createdTime ? dayjs_min(`${createdDay} ${createdTime}`, dateTimeFormat).valueOf() : null;
+  const [updatedDay, updatedTime] = blob.update_date ? String(blob.update_date).split(' ') : [];
+  const updatedDateTime = updatedDay && updatedTime ? dayjs_min(`${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,
-    type: blob.type,
-    content: blob.content,
-    createdDate: dayjs_min(`${createdDay} ${createdTime}`, apiDateFormat).valueOf(),
-    updatedDate: dayjs_min(`${updatedDay} ${updatedTime}`, apiDateFormat).valueOf(),
-    parentCommentId: blob.parentCommentId,
-    childComments: blob.child_comment ? blob.child_comment.map(createFaveStyleComent) : [],
-    owner: createUser(blob.user),
-  };
+    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,
+  });
 }
-function createFavesalonAlbum(blob) {
-  return {
+class Album {
+  constructor(fields) {
+    Object.assign(this, fields);
+  }
+}
+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.beautician_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,
-  };
+  });
 }
-function createFavesalonStyle(blob) {
-  const [createdDay, createdTime] = String(blob.create_date).split(' ');
-  const [updatedDay, updatedTime] = String(blob.update_date).split(' ');
-  return {
+class FaveStyleComment {
+  constructor(fields) {
+    Object.assign(this, fields);
+  }
+}
+function createFaveStyleComment(blob) {
+  const [createdDay, createdTime] = blob.create_date ? String(blob.create_date).split(' ') : [];
+  const createdDateTime = createdDay && createdTime ? dayjs_min(`${createdDay} ${createdTime}`, dateTimeFormat).valueOf() : null;
+  const [updatedDay, updatedTime] = blob.update_date ? String(blob.update_date).split(' ') : [];
+  const updatedDateTime = updatedDay && updatedTime ? dayjs_min(`${updatedDay} ${updatedTime}`, dateTimeFormat).valueOf() : null;
+  return new FaveStyleComment({
     id: blob.id,
-    caption: blob.caption,
+    type: blob.type,
+    title: blob.content,
     description: blob.description,
-    createdDate: dayjs_min(`${createdDay} ${createdTime}`, apiDateFormat).valueOf(),
-    updatedDate: dayjs_min(`${updatedDay} ${updatedTime}`, apiDateFormat).valueOf(),
-    mediaType: blob.media_type,
-    fullImageUrl: blob.full_image_url,
-    fullImageUrlThumb: blob.full_image_url_thumb,
-    fullImageUrlMedium: blob.full_image_url_medium,
-    imgWidth: blob.img_w,
-    imgHeight: blob.img_h,
-    s3ImgWidth: blob.s3_img_w,
-    s3ImgHeight: blob.s3_img_h,
-    totalLike: blob.total_like,
-    totalDislike: blob.total_dislike,
-    totalShare: blob.total_shared,
-    totalView: blob.view_count,
-    totalBooking: blob.total_booking,
-    owner: blob.user ? createUser(blob.user) : null,
-  };
+    createdDate: createdDateTime,
+    updatedDate: updatedDateTime,
+    parentCommentId: blob.parentCommentId,
+    childComments: blob.child_comment ? blob.child_comment.map(createFaveStyleComment) : [],
+    user: createUser(blob.user),
+  });
 }
-function createFavesalonLookbook(blob) {
-  const [createdDay, createdTime] = String(blob.create_date).split(' ');
-  const [updatedDay, updatedTime] = String(blob.update_date).split(' ');
-  let albumPhotos = blob.style_in_album ? blob.style_in_album.map(createFavesalonStyle) : [];
-  if (!albumPhotos.find(ap => ap.id === blob.id)) {
-    const currentPhoto = createFavesalonStyle(blob);
-    albumPhotos = [currentPhoto].concat(albumPhotos);
+class FaveStyle {
+  constructor(fields) {
+    Object.assign(this, fields);
   }
-  return {
+}
+function createFaveStyle(blob) {
+  const [createdDay, createdTime] = blob.create_date ? String(blob.create_date).split(' ') : [];
+  const createdDateTime = createdDay && createdTime ? dayjs_min(`${createdDay} ${createdTime}`, dateTimeFormat).valueOf() : null;
+  const [updatedDay, updatedTime] = blob.update_date ? String(blob.update_date).split(' ') : [];
+  const updatedDateTime = updatedDay && updatedTime ? dayjs_min(`${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: dayjs_min(`${createdDay} ${createdTime}`, apiDateFormat).valueOf(),
-    updatedDate: dayjs_min(`${updatedDay} ${updatedTime}`, apiDateFormat).valueOf(),
+    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,
-    fullImageUrl: blob.full_image_url,
-    fullImageUrlThumb: blob.full_image_url_thumb,
-    fullImageUrlMedium: blob.full_image_url_medium,
-    imgWidth: blob.img_w,
-    imgHeight: blob.img_h,
-    s3ImgWidth: blob.s3_img_w,
-    s3ImgHeight: blob.s3_img_h,
-    totalLike: blob.total_like,
-    totalDislike: blob.total_dislike,
-    totalShare: blob.total_shared,
-    totalView: blob.view_count,
-    totalBooking: blob.total_booking,
+    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,
-    stylist: blob.beautician && blob.beautician.user ? createStylistFromLookbook(blob.beautician) : null,
-    album: blob.album ? createFavesalonAlbum(blob.album) : null,
-    albumPhotos,
-  };
+    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 || '',
+  });
+}
+function isVideoMedia({ mediaType }) {
+  return mediaType === MediaType.Video;
 }
 
 function createReviewPhoto(blob) {
@@ -5513,15 +5433,15 @@ function createReviewPhoto(blob) {
   };
 }
 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_min(`${createdDay} ${createdTime}`, apiDateFormat).valueOf(),
-    updatedDate: dayjs_min(`${updatedDay} ${updatedTime}`, apiDateFormat).valueOf(),
+    createdDate: dayjs_min(`${createdDay} ${createdTime}`, dateTimeFormat).valueOf(),
+    updatedDate: dayjs_min(`${updatedDay} ${updatedTime}`, dateTimeFormat).valueOf(),
+    point: Math.ceil(Number(blob.avg_point)),
     pointView: blob.view_point,
     pointPrice: blob.price_point,
     pointProduct: blob.product_point,
@@ -5531,69 +5451,58 @@ 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),
   };
 }
 
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-};
+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: {},
     });
   }
-  fetchSalonInfo(salonId) {
-    const url = 'api/salon/settings-public';
-    return this.http.post(url, { salon_id: salonId })
-      .then((response) => {
-      const { status, data } = response.data;
-      return status && data ? createSalon(data.Salon) : null;
-    })
-      .catch(() => (null));
-  }
-  fetchReviews(url, options, allReviews) {
-    const { noLoop } = options, restOptions = __rest(options, ["noLoop"]);
-    return this.http.post(url, restOptions)
+  fetchStyleDetail(styleId) {
+    return this.http.get(`${apiV2Prefix}/style/${styleId}/detail`)
       .then((response) => {
       const { status, data } = response.data;
       if (status) {
-        const reviews = (data || []).filter(blob => Math.ceil(Number(blob.avg_point)) > 0).map(createReview);
-        // fetch next page's reviews
-        if (!noLoop && reviews.length >= options.limit) {
-          return this.fetchReviews(url, Object.assign(Object.assign({}, options), { page: options.page + 1 }), allReviews.concat(reviews));
+        let styleInfo = null, similarStyles = [];
+        try {
+          styleInfo = createFaveStyle(data);
+          similarStyles = (data.style_similars || []).map(createFaveStyle);
         }
-        const finalReviews = options.page === 1 ? reviews : allReviews.concat(reviews);
-        return {
-          totalReviews: finalReviews.length || 0,
-          allReviews: finalReviews,
-        };
+        catch (e) { }
+        return { styleInfo, similarStyles };
       }
-      return { totalReviews: 0, allReviews: [] };
+      return { styleInfo: null, similarStyles: [] };
+    })
+      .catch(() => {
+      return { styleInfo: null, similarStyles: [] };
     });
   }
-  fetchSalonReviews(salonId, options) {
-    const url = '/api/salon/reviews';
-    return this.fetchReviews(url, Object.assign({ page: 1, limit: 5, salon_id: salonId, avg_point_greater_than: 0 }, options), [])
+  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 { totalReviews, allReviews } = response;
-      return {
-        total: totalReviews,
-        allItems: allReviews,
-      };
+      const { data } = response.data;
+      return (data || []).slice(0, options.limit).map(createFaveStyle);
     })
-      .catch(() => ({ total: 0, allItems: [] }));
+      .catch(() => ([]));
   }
   decorateServiceGroups(groups) {
     return groups.map((cate, index) => {
@@ -5620,7 +5529,7 @@ class HttpService {
     });
   }
   fetchSalonServices(salonId) {
-    const url = `api/salon/services?v=2&id=${salonId}`;
+    const url = `${apiV1Prefix}/salon/services?v=2&id=${salonId}`;
     return this.http.get(url)
       .then(response => {
       const { status, data } = response.data;
@@ -5631,34 +5540,42 @@ class HttpService {
     })
       .catch(() => ([]));
   }
-  fetchSalonStylists(salonId) {
-    const fetchStylistSchedules = this.http.get(`api/calendar/resource/stylists?salon_id=${salonId}`)
-      .then((response) => {
-      const { status, data } = response.data;
-      return status ? (data || []) : [];
-    })
-      .catch(() => ([]));
-    const fetchStylistSkills = this.http.get(`api/salon/skill-stylists/${salonId}`)
-      .then((response) => {
-      const { status, data } = response.data;
-      return status ? (data || []).map(blob => (Object.assign(Object.assign({}, blob), { id: blob.stylist_id }))) : [];
+  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(() => ([]));
-    return Promise.all([fetchStylistSchedules, fetchStylistSkills])
-      .then(results => {
-      const [stylistSchedules, stylistSkills] = results;
-      const allStylistGroups = groupBy_1(stylistSchedules.concat(stylistSkills), stylist => stylist.id);
-      return Object.keys(allStylistGroups)
-        .filter(stylistId => Number(stylistId) > 0)
-        .map(stylistId => {
-        const [schedule, skills] = allStylistGroups[stylistId];
-        return createStylist(Object.assign(Object.assign({}, schedule), skills));
-      });
+      .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(() => []);
+      .catch(() => ({ total: 0, stats: {}, data: [] }));
   }
   fetchSalonCategories() {
-    return this.http.post('api/home/get-service', { limit: 50 })
+    return this.http.post(`${apiV2Prefix}/search/get-services`, { limit: 50 })
       .then((response) => {
       const { status, data } = response.data;
       if (status) {
@@ -5677,80 +5594,34 @@ class HttpService {
   }
   fetchSalonLookbooks(salonId, options) {
     const noResult = { total: 0, allLookbooks: [] };
-    return this.http.post('api/style/filter', Object.assign({ page: 1, limit: 20, salon_id: salonId }, options))
-      .then((response) => {
+    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(createFavesalonStyle),
+          allLookbooks: (data || []).map(createFaveStyle),
         };
       }
       return noResult;
     })
       .catch(() => (noResult));
   }
-  fetchSalonPhotos(salonId) {
-    return this.http
-      .post('api/style/filter', {
-      page: 1,
-      limit: 20,
-      salon_id: salonId,
-    })
-      .then((response) => {
-      const { status, data } = response.data;
-      if (status) {
-        return (data || []).map(createFavesalonStyle);
-      }
-      return [];
-    })
-      .catch(() => {
-      return [];
-    });
-  }
-  fetchAllStyles(url, options, allStyles) {
-    return this.http.post(url, options)
-      .then((response) => {
-      const { status, data } = response.data;
-      if (status) {
-        const styles = (data || []).map(createFavesalonStyle);
-        // fetch next page styles
-        if (styles.length >= options.limit) {
-          return this.fetchAllStyles(url, Object.assign(Object.assign({}, options), { page: options.page + 1 }), allStyles.concat(styles));
-        }
-        return options.page === 1 ? styles : allStyles;
-      }
-      return allStyles;
-    });
-  }
-  fetchAllSalonPhotos(salonId, options) {
-    return this.fetchAllStyles('api/style/filter', Object.assign({ page: 1, limit: 20, salon_id: salonId }, options), []).catch(() => {
-      return [];
-    });
-  }
-  fetchStyleDetail(styleId) {
-    return this.http.post('api/home/style-info', { photo_id: styleId })
-      .then((response) => {
-      const { status, data } = response.data;
-      if (status) {
-        return createFavesalonLookbook(data);
-      }
-      return null;
-    })
-      .catch(() => (null));
-  }
-  fetchStyleComments(options) {
-    return this.http.post('api/comment/filter', options)
+  fetchStyleComments(styleId) {
+    const url = `${apiV2Prefix}/style/comment?photo_id=${styleId}`;
+    return this.http.get(url)
       .then(response => {
-      const { status, data } = response.data;
-      if (status) {
-        return (data || []).map(createFaveStyleComent);
-      }
-      return [];
+      const { paging, data } = response.data;
+      return {
+        total: paging.total_item || 0,
+        data: data.map(createFaveStyleComment),
+      };
     })
-      .catch(() => ([]));
+      .catch(() => ({ total: 0, data: [] }));
   }
 }
 const HttpService$1 = () => new HttpService();
 
-export { BusinessHourStatus as B, HttpService$1 as H, sortBy_1 as a, dayjs_min as d, groupBy_1 as g, shortDate as s };
+export { BusinessHourStatus as B, HttpService$1 as H, sortBy_1 as a, dayjs_min as d, getSalonImage as g, isVideoMedia as i, shortDateYearFormat as s };