favesalon-embed 1.0.23 → 1.0.25

package/dist/favesalon-embed/activate-form.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, g as get_1 } from './services-42acb174.js';
+import { H as HttpService, g as get_1 } from './services-2993bf2a.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/buy-giftcard-form.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { I as Inputmask } from './inputmask-afacb9e0.js';
-import { _ as _root, i as isSymbol_1, a as isObject_1, H as HttpService, d as dayjs_min, b as dateFormat, g as get_1, s as shortDateFormat, c as getSalonImage, e as getSalonAddress } from './services-42acb174.js';
+import { _ as _root, i as isSymbol_1, a as isObject_1, d as dayjs_min, b as dateFormat, c as dateTimeFormatAmPm, H as HttpService, g as get_1, s as shortDateFormat, e as getSalonImage, f as getSalonAddress } from './services-2993bf2a.js';
 import { c as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers-9bc404fc.js';
 import { C as Colors } from './colors-ea36347a.js';
 
@@ -363,6 +363,7 @@ const customStyles = {
 const BuyGiftcardForm = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.trackingEvents = [];
     this.onClickDeliveryDone = () => {
       const targetElement = document.getElementById('page--gift-card-style');
       targetElement && targetElement.scrollIntoView();
@@ -417,6 +418,20 @@ const BuyGiftcardForm = class {
         if (this.customAmount || this.selectedAmount) {
           if (this.recipientFirstName && this.recipientLastName) {
             if (this.selectedStyleId) {
+              this.trackingEvents = this.trackingEvents.concat([{
+                  type: 'on_submit_gift_card_info',
+                  data: {
+                    giftCardInfo: {
+                      customAmount: this.customAmount,
+                      selectedAmount: this.selectedAmount,
+                      selectedStyle: this.selectedStyleId,
+                      recipientFirstName: this.recipientFirstName,
+                      recipientLastName: this.recipientLastName,
+                      recipientMessage: this.recipientMessage || '',
+                      deliveryDate: this.deliveryDate ? dayjs_min(this.deliveryDate).format(dateFormat) : dayjs_min().format(dateFormat),
+                    },
+                  },
+                }]);
               this.step = FormStep.PaymentInfo;
               setTimeout(() => this.initMagensaPayment(), 350);
             }
@@ -432,6 +447,14 @@ const BuyGiftcardForm = class {
           this.errorMessage = 'Please select Gift card amount';
         }
       }
+      if (this.errorMessage) {
+        this.trackingEvents = this.trackingEvents.concat([{
+            type: 'on_submit_gift_card_info',
+            data: {
+              error: this.errorMessage,
+            },
+          }]);
+      }
     };
     this.salonId = undefined;
     this.teConnect = undefined;
@@ -465,23 +488,76 @@ const BuyGiftcardForm = class {
       this.fetchMagensaCredentials(),
     ];
     await Promise.all(promises);
+    this.trackingEvents = this.trackingEvents.concat([{
+        type: 'init',
+        data: {
+          sourse: 'Favesalon components',
+        },
+      }]);
     this.isLoading = false;
   }
+  async saveTrackingData() {
+    try {
+      const accessToken = this.userInfo && this.userInfo.accessToken;
+      if (accessToken) {
+        const fakeId = dayjs_min().valueOf();
+        const data = {
+          salonId: this.salonInfo.id,
+          createdDate: dayjs_min().format(dateTimeFormatAmPm),
+          data: this.trackingEvents,
+          ...this.userInfo.id ? { userId: this.userInfo.id } : {},
+        };
+        const dataBlob = new Blob([JSON.stringify(data)], { type: 'application/json' });
+        const fileBlob = new File([dataBlob], `gift-card--salon-${this.salonInfo.id}--${fakeId}.json`);
+        const fileUrl = await HttpService().uploadFile(fileBlob, accessToken);
+        const errorEvent = this.trackingEvents.find(evt => evt.type === 'on_submit_error') || {};
+        await HttpService().log({
+          type: 'Gift Card: Create',
+          salon_id: this.salonInfo.id,
+          data: JSON.stringify({
+            title: `[Component] Online gift card in ${this.salonInfo.businessName}`,
+            options: { fileUrl },
+            error: get_1(errorEvent, 'data.error', ''),
+          }),
+        }, accessToken);
+      }
+    }
+    catch (e) { }
+  }
+  ;
   async fetchMagensaCredentials() {
     try {
       this.magensaCredentials = await HttpService().fetchMagensaCredentials(Number(this.salonId));
+      this.trackingEvents = this.trackingEvents.concat([{
+          type: 'fetch_magensa_credentials',
+          data: {
+            magensaCredentials: this.magensaCredentials,
+          },
+        }]);
     }
     catch (e) { }
   }
   async fetchSalonInfo() {
     try {
       this.salonInfo = await HttpService().fetchSalonInfo(Number(this.salonId));
+      this.trackingEvents = this.trackingEvents.concat([{
+          type: 'fetch_salon_info',
+          data: {
+            salonInfo: this.salonInfo,
+          },
+        }]);
     }
     catch (e) { }
   }
   async fetchGiftCardSettings() {
     try {
       this.giftCardSettings = await HttpService().fetchGiftCardSettings(Number(this.salonId));
+      this.trackingEvents = this.trackingEvents.concat([{
+          type: 'fetch_gift_card_settings',
+          data: {
+            giftCardSettings: this.giftCardSettings,
+          },
+        }]);
     }
     catch (e) { }
   }
@@ -545,7 +621,7 @@ const BuyGiftcardForm = class {
         top: '50%',
         fontSize: '18px',
         transform: 'translate(0, -50%)',
-      } }, "$"), h("input", { type: "number", placeholder: "Enter a number", min: 1, value: this.customAmount, onInput: (evt) => {
+      } }, "$"), h("input", { min: 1, type: "number", placeholder: "Enter a number", autoComplete: "new-password", value: this.customAmount, onInput: (evt) => {
         this.selectedAmount = null;
         this.customAmount = evt.target.value;
       }, style: {
@@ -562,7 +638,7 @@ const BuyGiftcardForm = class {
         borderTop: `1px solid ${Colors.Gray03}`,
         marginTop: '24px',
         paddingTop: '16px',
-      } }, h("div", { style: { fontSize: '18px' } }, "Recipient name"), h("div", { style: { display: 'flex', alignItems: 'center', marginTop: '12px' } }, h("div", { style: { width: '48%' } }, h("input", { placeholder: "First name", type: "text", value: this.recipientFirstName, onInput: (evt) => {
+      } }, h("div", { style: { fontSize: '18px' } }, "Recipient name"), h("div", { style: { display: 'flex', alignItems: 'center', marginTop: '12px' } }, h("div", { style: { width: '48%' } }, h("input", { type: "text", placeholder: "First name", autoComplete: "new-password", value: this.recipientFirstName, onInput: (evt) => {
         this.recipientFirstName = evt.target.value.trim();
       }, style: {
         border: `1px solid ${Colors.Gray03}`,
@@ -574,7 +650,7 @@ const BuyGiftcardForm = class {
         width: '100%',
         fontSize: '18px',
         fontWeight: '600',
-      } })), h("div", { style: { width: '48%', marginLeft: '4%' } }, h("input", { placeholder: "Last name", type: "text", value: this.recipientLastName, onInput: (evt) => {
+      } })), h("div", { style: { width: '48%', marginLeft: '4%' } }, h("input", { type: "text", placeholder: "Last name", autoComplete: "new-password", value: this.recipientLastName, onInput: (evt) => {
         this.recipientLastName = evt.target.value.trim();
       }, style: {
         border: `1px solid ${Colors.Gray03}`,
@@ -647,7 +723,7 @@ const BuyGiftcardForm = class {
         display: 'flex',
         alignItems: 'center',
         marginTop: '24px',
-      } }, h("div", { style: { width: '48%' } }, h("input", { type: "text", ref: el => this.deliveryInput = el, placeholder: isDeliveryEmail ? 'Enter email' : 'Enter phone', onInput: (evt) => this.onChangeEmail(evt.target.value.trim()), style: {
+      } }, h("div", { style: { width: '48%' } }, h("input", { type: "text", autoComplete: "new-password", ref: el => this.deliveryInput = el, placeholder: isDeliveryEmail ? 'Enter email' : 'Enter phone', onInput: (evt) => this.onChangeEmail(evt.target.value.trim()), style: {
         border: `1px solid ${Colors.Gray03}`,
         backgroundColor: Colors.White,
         color: Colors.TextColor,
@@ -657,7 +733,7 @@ const BuyGiftcardForm = class {
         width: '100%',
         fontSize: '18px',
         fontWeight: '600',
-      } })), h("div", { style: { width: '48%', marginLeft: '4%', position: 'relative' } }, h("input", { type: "text", ref: el => this.deliveryReenterInput = el, placeholder: isDeliveryEmail ? 'Re-enter email' : 'Re-enter phone', onInput: (evt) => this.onChangeConfirmEmail(evt.target.value.trim()), style: {
+      } })), h("div", { style: { width: '48%', marginLeft: '4%', position: 'relative' } }, h("input", { type: "text", autoComplete: "new-password", ref: el => this.deliveryReenterInput = el, placeholder: isDeliveryEmail ? 'Re-enter email' : 'Re-enter phone', onInput: (evt) => this.onChangeConfirmEmail(evt.target.value.trim()), style: {
         border: `1px solid ${Colors.Gray03}`,
         backgroundColor: Colors.White,
         color: Colors.TextColor,
@@ -760,7 +836,7 @@ const BuyGiftcardForm = class {
         alignItems: 'center',
         justifyContent: 'center',
         paddingTop: '6px',
-      } }, h("icon-date", null)), h("input", { class: "fs-input--date", type: "date", placeholder: "Today", min: dayjs_min().format(dateFormat), onInput: (evt) => {
+      } }, h("icon-date", null)), h("input", { type: "date", class: "fs-input--date", placeholder: "Today", autoComplete: "new-password", min: dayjs_min().format(dateFormat), onInput: (evt) => {
         this.deliveryDate = evt.target.value.trim();
       }, style: {
         position: 'absolute',
@@ -807,18 +883,38 @@ const BuyGiftcardForm = class {
     try {
       const { error, token } = await this.teConnect.createPayment();
       if (!error && token) {
+        this.trackingEvents = this.trackingEvents.concat([{
+            type: 'on_create_card_token',
+            data: {
+              token,
+            },
+          }]);
         return Promise.resolve({ token });
       }
+      this.trackingEvents = this.trackingEvents.concat([{
+          type: 'on_create_card_token',
+          data: {
+            error,
+          },
+        }]);
       return Promise.reject({ message: error });
     }
-    catch (res) {
-      return Promise.reject({ message: res.error || 'Something went wrong when processing your card' });
+    catch (response) {
+      const errorMessage = response.error || 'Something went wrong when processing your card';
+      this.trackingEvents = this.trackingEvents.concat([{
+          type: 'on_create_card_token',
+          data: {
+            error: errorMessage,
+            response,
+          },
+        }]);
+      return Promise.reject({ message: errorMessage });
     }
   }
   async processCardToken(Token) {
     const defaultErrorMessage = 'Something went wrong when creating payment transaction';
     try {
-      const { MPPGv4WSFault, TransactionOutput } = await HttpService().magensaProcessToken(Number(this.salonId), {
+      const { MPPGv4WSFault, CustomerTransactionID, TransactionOutput } = await HttpService().magensaProcessToken(Number(this.salonId), {
         raw_data: [{
             Token,
             TransactionInput: {
@@ -828,16 +924,34 @@ const BuyGiftcardForm = class {
             },
           }],
       });
-      if (!MPPGv4WSFault && TransactionOutput && TransactionOutput.TransactionID) {
-        return Promise.resolve({ transactionID: TransactionOutput.TransactionID });
+      if (!MPPGv4WSFault) {
+        this.trackingEvents = this.trackingEvents.concat([{
+            type: 'process_magensa_token_success',
+            data: {
+              transactionID: CustomerTransactionID,
+            },
+          }]);
+        return Promise.resolve({ transactionID: CustomerTransactionID });
       }
       let message = MPPGv4WSFault && MPPGv4WSFault.FaultReason;
       if (!message && TransactionOutput && TransactionOutput.TransactionMessage) {
         message = TransactionOutput.TransactionMessage;
       }
+      this.trackingEvents = this.trackingEvents.concat([{
+          type: 'process_magensa_token_error',
+          data: {
+            error: message || defaultErrorMessage,
+          },
+        }]);
       return Promise.reject({ message: message || defaultErrorMessage });
     }
     catch (res) {
+      this.trackingEvents = this.trackingEvents.concat([{
+          type: 'process_magensa_token_error',
+          data: {
+            error: res.error || defaultErrorMessage,
+          },
+        }]);
       return Promise.reject({ message: res.error || defaultErrorMessage });
     }
   }
@@ -854,7 +968,7 @@ const BuyGiftcardForm = class {
             ? ((giftCardStyles || []).find(style => style.id === this.selectedStyleId) || {}).imageUrl : '';
           const recipientUserEmail = (this.recipientEmail || '').indexOf('@') > -1 ? this.recipientEmail : '';
           const recipientUserPhone = (this.recipientEmail || '').indexOf('@') === -1 ? this.recipientEmail : '';
-          const response = await HttpService().onBuyGiftCard(this.salonInfo.id, {
+          const giftCardData = {
             source: '',
             amount: this.customAmount || this.selectedAmount || '',
             gift_card_style: selectedGiftCardStyle || '',
@@ -876,21 +990,57 @@ const BuyGiftcardForm = class {
               type: 'magensa',
               magensa_transaction_id: transactionID,
             },
-          });
+          };
+          this.trackingEvents = this.trackingEvents.concat([{
+              type: 'on_submit_gift_card',
+              data: {
+                giftCardData,
+              },
+            }]);
+          const response = await HttpService().onBuyGiftCard(this.salonInfo.id, giftCardData);
           const { status, message } = (response.data || {});
           if (status === true) {
+            this.trackingEvents = this.trackingEvents.concat([{
+                type: 'on_submit_succeed',
+                data: {
+                  response,
+                },
+              }]);
+            await this.saveTrackingData();
             this.step = FormStep.PaymentSucceed;
           }
           else {
             this.errorMessage = message || `Something went wrong when sending your gift card`;
+            this.trackingEvents = this.trackingEvents.concat([{
+                type: 'on_submit_error',
+                data: {
+                  error: this.errorMessage,
+                  response,
+                },
+              }]);
+            await this.saveTrackingData();
           }
         }
         else {
           this.errorMessage = `Something went wrong with your credit card`;
+          this.trackingEvents = this.trackingEvents.concat([{
+              type: 'on_submit_error',
+              data: {
+                error: 'No card token',
+              },
+            }]);
+          await this.saveTrackingData();
         }
       }
       catch (error) {
         this.errorMessage = error.message || (error.error && error.error.message) || get_1(error, 'response.data.message') || `Something went wrong when sending your gift card`;
+        this.trackingEvents = this.trackingEvents.concat([{
+            type: 'on_submit_error',
+            data: {
+              error: this.errorMessage,
+            },
+          }]);
+        await this.saveTrackingData();
       }
     }
     this.isSubmitting = false;
@@ -908,7 +1058,10 @@ const BuyGiftcardForm = class {
         fontSize: '18px',
         fontWeight: '700',
         marginLeft: '6px',
-      } }, this.deliveryDate ? dayjs_min(this.deliveryDate).format(shortDateFormat) : 'Today')), h("div", { style: { fontSize: '18px', marginTop: '24px' } }, "Payment"), h("div", { style: { marginTop: '8px', marginLeft: '-6px' } }, h("credit-card-types", null)), h("div", { id: "buy-giftcard--payment", style: { height: '300px', maxWidth: '400px', marginTop: '24px' } }), h("div", { class: "fs--form--actions" }, h("button", { type: "button", disabled: this.isSubmitting, style: {
+      } }, this.deliveryDate ? dayjs_min(this.deliveryDate).format(shortDateFormat) : 'Today')), h("div", { style: { fontSize: '18px', marginTop: '24px' } }, "Payment"), h("div", { style: { marginTop: '8px', marginLeft: '-6px' } }, h("credit-card-types", null)), h("div", { id: "buy-giftcard--payment", style: { height: '300px', maxWidth: '400px', marginTop: '24px' } }), h("div", { class: "fs--form--actions" }, this.errorMessage && (h("div", { style: {
+        color: Colors.Red03,
+        marginBottom: '16px',
+      } }, this.errorMessage)), h("button", { type: "button", disabled: this.isSubmitting, style: {
         border: `1px solid ${Colors.Secondary}`,
         backgroundColor: Colors.Secondary,
         color: Colors.White,
@@ -925,10 +1078,7 @@ const BuyGiftcardForm = class {
           borderColor: Colors.Gray03,
           backgroundColor: Colors.Gray03,
         } : {},
-      }, onClick: () => this.onSubmitPaymentForm() }, this.isSubmitting ? 'Processing...' : 'Submit', " ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))), this.errorMessage && (h("div", { style: {
-        color: Colors.Red03,
-        marginTop: '16px',
-      } }, this.errorMessage)))));
+      }, onClick: () => this.onSubmitPaymentForm() }, this.isSubmitting ? 'Processing...' : 'Submit', " ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))))));
   }
   renderSalonInfo() {
     const salonImageUrl = getSalonImage(this.salonInfo);

package/dist/favesalon-embed/buy-giftcard-verification.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h } from './index-888e99e3.js';
 import { I as Inputmask } from './inputmask-afacb9e0.js';
 import { f as formatPhoneNumber } from './utils-359c37f7.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-42acb174.js';
+import { H as HttpService } from './services-2993bf2a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const buyGiftcardVerificationCss = ".buy-giftcard--verification *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}";

package/dist/favesalon-embed/change-password-form.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, g as get_1 } from './services-42acb174.js';
+import { H as HttpService, g as get_1 } from './services-2993bf2a.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/chat-box.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-42acb174.js';
+import { H as HttpService } from './services-2993bf2a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = ".chat-widget,.chat-widget--sidebar,.chat-widget--content{display:flex;height:100%;width:100%}.chat-widget{font-size:16px;position:relative;font-family:'Roboto', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.chat-widget--sidebar,.chat-widget--content{background-color:#fff;border:1px solid #EFEFEF;position:absolute;inset:0;flex-direction:column}.chat-widget .chat-widget--sidebar{z-index:10}.chat-widget .chat-widget--content{z-index:5}.chat-widget.has-chat-room .chat-widget--content{z-index:10}.chat-widget--content-header{background-color:#001529;border-bottom:1px solid #EFEFEF;display:flex;align-items:center;justify-content:space-between;padding:16px}.chat-widget--content-title{font-size:20px;font-weight:600;line-height:1;margin:0}.chat-widget--content-close{border:1px solid #fff;cursor:pointer;display:block;position:absolute;z-index:1000;top:50%;right:0;width:30px;height:30px;transform:translate(0, -50%);-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}@media (min-width: 992px){.chat-widget--sidebar,.chat-widget--content{position:static;width:auto;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.chat-widget--sidebar{min-width:320px;max-width:320px;margin-right:24px}.chat-widget--content{flex-grow:1;flex-shrink:1}.chat-rooms--search,.chat-widget--content-header{-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}}";

package/dist/favesalon-embed/chat-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-42acb174.js';
+import { H as HttpService } from './services-2993bf2a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = "@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap'); chat-button{display: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;top:0px;height:8px;width:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.chat-box{font-family:'Roboto', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-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.25) 0px 0px 24px;-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 24px;box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 24px;background-color:#fff;display:flex;flex-direction:column;position:fixed;right:1px;bottom:0px;z-index:20000;font-size:16px;text-align:left;color:#141414;width:80vw;height:480px;max-height:80vh}.chat-box--header{display:flex;justify-content:space-between;padding:16px;position:relative;-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px}.chat-box--title{color:#fff;font-size:24px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:space-between;margin:0}.chat-box--close:hover{opacity:0.85}.chat-box--close{cursor:pointer;display:block;position:absolute;z-index:1000;top:50%;right:0;width:40px;height:40px;transform:translate(0, -50%);background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.chat-box--help{font-family:'Roboto', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:fixed;right:16px;bottom:80px;z-index:20000}.chat-box--help-icon{background-color:rgba(0, 21, 41, 1);cursor:pointer;color:#fff;height:50px;width:50px;display:flex;align-items:center;justify-content:center;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}.chat-box--help-icon:hover{background-color:rgba(0, 21, 41, 0.85)}.chat-box--help-icon svg{height:30px;width:30px}.chat-box--help-close:hover{opacity:0.85}.chat-box--help-close{cursor:pointer;display:block;position:absolute;z-index:1000;top:6px;right:6px;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.chat-box--help-content-wrapper{background-color:#fff;border:1px solid #f5f5f5;width:200px;padding:20px;position:absolute;bottom:100%;right:-8px;margin-bottom:16px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 24px;-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 24px;box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 24px}.chat-box--help-content{cursor:pointer;display:flex;align-items:center}.chat-box--help-content:hover{opacity:0.85}.chat-box--help-content:before{content:' ';position:absolute;top:100%;right:22px;border-style:solid;border-width:10px;border-color:#f5f5f5 transparent transparent transparent}.chat-box--help-content:after{content:' ';position:absolute;margin-top:-1px;top:100%;right:22px;border-style:solid;border-width:10px;border-color:#fff transparent transparent transparent}.chat-box--help-avatar{margin-right:16px;height:48px;min-width:48px;max-width:48px;overflow:hidden;-moz-border-radius:48px;-webkit-border-radius:48px;border-radius:48px}.chat-box--help-avatar img{height:100%;width:100%;object-fit:cover}.chat-box--help-text{color:#141414;font-size:16px;line-height:1.3;text-align:left}@media (min-width: 768px){.chat-box{border:1px solid #fff;height:480px;max-height:90vh;width:560px}.chat-box--header{-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px}.chat-box--help{bottom:96px}}@media (min-width: 1024px){.chat-box--help{bottom:24px}}";

package/dist/favesalon-embed/chat-form.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { d as dayjs_min, H as HttpService } from './services-42acb174.js';
+import { d as dayjs_min, H as HttpService } from './services-2993bf2a.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9bc404fc.js';
 import './colors-ea36347a.js';
 

package/dist/favesalon-embed/chat-messages.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { d as dayjs_min, H as HttpService, t as timeFormatAmPm } from './services-42acb174.js';
+import { d as dayjs_min, H as HttpService, t as timeFormatAmPm } from './services-2993bf2a.js';
 import { l as lodash } from './lodash-b4fe554a.js';
 import { C as Colors } from './colors-ea36347a.js';
 import { r as relativeTime } from './relativeTime-15477f02.js';

package/dist/favesalon-embed/chat-rooms.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { l as lodash } from './lodash-b4fe554a.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-42acb174.js';
+import { H as HttpService } from './services-2993bf2a.js';
 import { f as formatPhoneNumber } from './utils-359c37f7.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/login-form.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-42acb174.js';
+import { H as HttpService } from './services-2993bf2a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const loginFormCss = ".form--user-login .form--login-label{cursor:pointer;display:block;margin-top:0;margin-bottom:6px}.form--user-login input,.form--user-login button{border:1px solid #cecece;box-sizing:border-box;display:inline-block;width:100%;padding:4px 11px;height:44px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.form--user-login button{background-color:#001529;border:1px solid #001529;color:#fff;cursor:pointer;height:44px}.form--user-login button:disabled{background-color:#cecece;border:1px solid #cecece;color:#212121}";

package/dist/favesalon-embed/register-form.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, g as get_1 } from './services-42acb174.js';
+import { H as HttpService, g as get_1 } from './services-2993bf2a.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/reset-password-form.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, g as get_1 } from './services-42acb174.js';
+import { H as HttpService, g as get_1 } from './services-2993bf2a.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-info.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService } from './services-42acb174.js';
+import { H as HttpService } from './services-2993bf2a.js';
 import './_commonjsHelpers-9bc404fc.js';
 import './colors-ea36347a.js';
 

package/dist/favesalon-embed/salon-latest-reviews.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, d as dayjs_min, f as shortDateYearFormat } from './services-42acb174.js';
+import { H as HttpService, d as dayjs_min, h as shortDateYearFormat } from './services-2993bf2a.js';
 import { C as Colors } from './colors-ea36347a.js';
 import { g as getRatingText } from './utils-359c37f7.js';
 import './_commonjsHelpers-9bc404fc.js';

package/dist/favesalon-embed/salon-latest-styles.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService, j as isVideoMedia } from './services-42acb174.js';
+import { H as HttpService, k as isVideoMedia } from './services-2993bf2a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = "salon-latest-styles .view--salon-styles--item{width:120px;height:120px}@media (min-width: 1024px){salon-latest-styles .view--salon-styles--item{width:200px;height:200px}}";

package/dist/favesalon-embed/salon-locations.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { a as formatWebsiteUrl, b as formatFullAddress } from './utils-359c37f7.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-42acb174.js';
+import { H as HttpService } from './services-2993bf2a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = "@media (min-width: 768px){salon-locations .salon-contact--links{overflow:hidden;margin-left:-32px}salon-locations .salon-contact--links-item{float:left;display:flex;flex-direction:row;align-items:center;font-size:16px;min-width:300px;padding-left:32px}salon-locations .salon-contact--links-item:nth-child(2n+1){clear:left}salon-locations .salon-contact--links-item+.salon-contact--links-item{margin-top:8px}}";

package/dist/favesalon-embed/salon-lookbook.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-42acb174.js';
+import { H as HttpService } from './services-2993bf2a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = "@media (max-width: 768px){salon-lookbook .view-header{display:block !important}salon-lookbook .salon-loobook--serch-result{margin-bottom:16px}salon-lookbook .salon-loobook--filter-wrapper>label,salon-lookbook .salon-loobook--sort-wrapper>label{display:none !important}}";

package/dist/favesalon-embed/salon-reviews.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, d as dayjs_min, f as shortDateYearFormat } from './services-42acb174.js';
+import { H as HttpService, d as dayjs_min, h as shortDateYearFormat } from './services-2993bf2a.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-schedules.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, B as BusinessHourStatus } from './services-42acb174.js';
+import { H as HttpService, B as BusinessHourStatus } from './services-2993bf2a.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-services.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, h as sortBy_1 } from './services-42acb174.js';
+import { H as HttpService, j as sortBy_1 } from './services-2993bf2a.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-stylists.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-42acb174.js';
+import { H as HttpService } from './services-2993bf2a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = ".view--salon-stylists{overflow:hidden;margin-left:-12px;margin-top:-12px}.view--salon-stylists .salon-stylist{float:left;padding-left:12px;padding-top:12px;width:50%}.view--salon-stylists .salon-stylist--avatar{height:180px}@media (min-width: 576px){.view--salon-stylists .salon-stylist{width:33.33%;max-width:240px}}@media (min-width: 768px){.view--salon-stylists{margin-left:-24px;margin-top:-24px}.view--salon-stylists .salon-stylist{padding-left:24px;padding-top:24px;width:264px;max-width:none}.view--salon-stylists .salon-stylist--avatar{height:240px}}";