favesalon-embed 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/favesalon-embed/activate-form.entry.js +2 -2
- package/dist/favesalon-embed/{app-globals-74127f4b.js → app-globals-0130ce1b.js} +1 -1
- package/dist/favesalon-embed/buy-giftcard-form.entry.js +2 -2
- package/dist/favesalon-embed/buy-giftcard-succeed.entry.js +1 -1
- package/dist/favesalon-embed/buy-giftcard-verification.entry.js +6 -2
- package/dist/favesalon-embed/change-password-form.entry.js +2 -2
- package/dist/favesalon-embed/chat-box.entry.js +2 -2
- package/dist/favesalon-embed/chat-button.entry.js +85 -14
- package/dist/favesalon-embed/chat-form.entry.js +25 -17
- package/dist/favesalon-embed/chat-messages.entry.js +2 -2
- package/dist/favesalon-embed/chat-rooms.entry.js +2 -2
- package/dist/favesalon-embed/credit-card-types.entry.js +1 -1
- package/dist/favesalon-embed/favesalon-embed.esm.js +4 -4
- package/dist/favesalon-embed/google-map.entry.js +1 -1
- package/dist/favesalon-embed/icon-checked.entry.js +1 -1
- package/dist/favesalon-embed/icon-date.entry.js +1 -1
- package/dist/favesalon-embed/icon-loading.entry.js +1 -1
- package/dist/favesalon-embed/icon-location-marker.entry.js +1 -1
- package/dist/favesalon-embed/icon-phone.entry.js +1 -1
- package/dist/favesalon-embed/{index-888e99e3.js → index-759c34ea.js} +1 -1
- package/dist/favesalon-embed/login-form.entry.js +2 -2
- package/dist/favesalon-embed/magensa-payment.entry.js +2 -2
- package/dist/favesalon-embed/notify-sounds.entry.js +17 -5
- package/dist/favesalon-embed/powered-by-favesalon.entry.js +1 -1
- package/dist/favesalon-embed/register-form.entry.js +2 -2
- package/dist/favesalon-embed/reset-password-form.entry.js +2 -2
- package/dist/favesalon-embed/salon-booking-modal.entry.js +1 -1
- package/dist/favesalon-embed/salon-booking.entry.js +1 -1
- package/dist/favesalon-embed/salon-gift-card-modal.entry.js +1 -1
- package/dist/favesalon-embed/salon-gift-card.entry.js +1 -1
- package/dist/favesalon-embed/salon-info.entry.js +2 -2
- package/dist/favesalon-embed/salon-latest-reviews.entry.js +2 -2
- package/dist/favesalon-embed/salon-latest-styles.entry.js +2 -2
- package/dist/favesalon-embed/salon-locations.entry.js +2 -2
- package/dist/favesalon-embed/salon-lookbook.entry.js +2 -2
- package/dist/favesalon-embed/salon-ranking.entry.js +1 -1
- package/dist/favesalon-embed/salon-reviews.entry.js +2 -2
- package/dist/favesalon-embed/salon-schedules.entry.js +2 -2
- package/dist/favesalon-embed/salon-services.entry.js +2 -2
- package/dist/favesalon-embed/salon-stylists.entry.js +2 -2
- package/dist/favesalon-embed/{services-48c99e41.js → services-b2dd15e7.js} +35 -1
- package/dist/favesalon-embed/style-detail.entry.js +2 -2
- package/dist/favesalon-embed/user-avatar.entry.js +1 -1
- package/dist/favesalon-embed/user-form.entry.js +1 -1
- package/dist/favesalon-embed/wizard-existing-user.entry.js +3 -6
- package/dist/favesalon-embed/wizard-new-user.entry.js +3 -6
- package/dist/types/components/chat-button/index.d.ts +4 -1
- package/dist/types/components/chat-button/notify-sounds.d.ts +3 -1
- package/dist/types/components/chat-form/index.d.ts +1 -0
- package/dist/types/components.d.ts +5 -1
- package/dist/types/services/services.d.ts +3 -0
- package/package.json +1 -1
- package/dist/favesalon-embed/app-globals-8f27cbc0.js +0 -7
- package/dist/favesalon-embed/index-761e92c1.js +0 -3371
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
2
|
-
import { H as HttpService, g as get_1 } from './services-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
|
+
import { H as HttpService, g as get_1 } from './services-b2dd15e7.js';
|
|
3
3
|
import { C as Colors } from './colors-ea36347a.js';
|
|
4
4
|
import './_commonjsHelpers-9bc404fc.js';
|
|
5
5
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
2
|
import { I as Inputmask } from './inputmask-afacb9e0.js';
|
|
3
|
-
import { _ as _root, i as isSymbol_1, a as isObject_1, d as dayjs_min, b as dateFormat, H as HttpService, g as get_1, c as dateTimeFormatAmPm, s as shortDateFormat, e as getSalonImage, f as getSalonAddress } from './services-
|
|
3
|
+
import { _ as _root, i as isSymbol_1, a as isObject_1, d as dayjs_min, b as dateFormat, H as HttpService, g as get_1, c as dateTimeFormatAmPm, s as shortDateFormat, e as getSalonImage, f as getSalonAddress } from './services-b2dd15e7.js';
|
|
4
4
|
import { C as Colors } from './colors-ea36347a.js';
|
|
5
5
|
import './_commonjsHelpers-9bc404fc.js';
|
|
6
6
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
2
|
import { I as Inputmask } from './inputmask-afacb9e0.js';
|
|
3
3
|
import { f as formatPhoneNumber } from './utils-359c37f7.js';
|
|
4
4
|
import { C as Colors } from './colors-ea36347a.js';
|
|
5
|
-
import { H as HttpService } from './services-
|
|
5
|
+
import { H as HttpService } from './services-b2dd15e7.js';
|
|
6
6
|
import './_commonjsHelpers-9bc404fc.js';
|
|
7
7
|
|
|
8
8
|
const buyGiftcardVerificationCss = ".buy-giftcard--verification *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}";
|
|
@@ -56,6 +56,10 @@ const BuyGiftcardVerification = class {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
renderUserInfoForm() {
|
|
59
|
+
const formattedPhone = formatPhoneNumber(this.inputtedPhone);
|
|
60
|
+
if (formattedPhone === '0929686868' || (window.localStorage && window.localStorage.getItem && window.localStorage.getItem('gift-card--testing') === 'enabled')) {
|
|
61
|
+
return (h("login-form", { onSuccess: (user) => this.onSuccess(user) }));
|
|
62
|
+
}
|
|
59
63
|
if (this.step === FormStep.UserLogin) {
|
|
60
64
|
return (h("div", { class: "buy-giftcard--verification", style: {
|
|
61
65
|
backgroundColor: Colors.White,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
2
|
-
import { H as HttpService, g as get_1 } from './services-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
|
+
import { H as HttpService, g as get_1 } from './services-b2dd15e7.js';
|
|
3
3
|
import { C as Colors } from './colors-ea36347a.js';
|
|
4
4
|
import './_commonjsHelpers-9bc404fc.js';
|
|
5
5
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
2
|
import { C as Colors } from './colors-ea36347a.js';
|
|
3
|
-
import { H as HttpService } from './services-
|
|
3
|
+
import { H as HttpService } from './services-b2dd15e7.js';
|
|
4
4
|
import './_commonjsHelpers-9bc404fc.js';
|
|
5
5
|
|
|
6
6
|
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}}";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
2
|
import { C as Colors } from './colors-ea36347a.js';
|
|
3
|
-
import { H as HttpService } from './services-
|
|
3
|
+
import { H as HttpService } from './services-b2dd15e7.js';
|
|
4
4
|
import './_commonjsHelpers-9bc404fc.js';
|
|
5
5
|
|
|
6
|
-
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-
|
|
6
|
+
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-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;font-size:16px;text-align:left;color:#141414;position:fixed;inset:0;z-index:20000}.chat-box--header{display:flex;justify-content:space-between;padding:16px;position:relative}.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;position:relative;-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{-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px;border:1px solid #fff;height:480px;max-height:90vh;width:560px;left:auto;top:auto}.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}}";
|
|
7
7
|
|
|
8
8
|
const ChatButton = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -13,6 +13,7 @@ const ChatButton = class {
|
|
|
13
13
|
this.receiverAvatar = undefined;
|
|
14
14
|
this.accessToken = undefined;
|
|
15
15
|
this.senderId = undefined;
|
|
16
|
+
this.isSalonOwnerOnline = undefined;
|
|
16
17
|
this.senderIdState = undefined;
|
|
17
18
|
this.accessTokenState = undefined;
|
|
18
19
|
this.senderInfo = {};
|
|
@@ -30,6 +31,7 @@ const ChatButton = class {
|
|
|
30
31
|
componentDidLoad() {
|
|
31
32
|
this.currentScroll = 0;
|
|
32
33
|
this.isScrollingDown = false;
|
|
34
|
+
this.checkSalonOwnerOnlineStatus();
|
|
33
35
|
window.addEventListener('scroll', () => this.onContentScrolled());
|
|
34
36
|
}
|
|
35
37
|
componentWillLoad() {
|
|
@@ -60,6 +62,14 @@ const ChatButton = class {
|
|
|
60
62
|
this.isScrollingDown = false;
|
|
61
63
|
}
|
|
62
64
|
}
|
|
65
|
+
checkSalonOwnerOnlineStatus() {
|
|
66
|
+
try {
|
|
67
|
+
HttpService().fetchSalonOwnerOnlineStatus(this.receiverId, (isOnline) => {
|
|
68
|
+
this.isSalonOwnerOnline = isOnline;
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
catch (e) { }
|
|
72
|
+
}
|
|
63
73
|
onSetupChat() {
|
|
64
74
|
const { hostname, pathname } = window.location || {};
|
|
65
75
|
const isHomepage = hostname === 'localhost' || hostname.indexOf('192.168.2') > -1 || !pathname || pathname === '/' || pathname === '/index.html';
|
|
@@ -69,20 +79,37 @@ const ChatButton = class {
|
|
|
69
79
|
this.isChatHelpVisible = true;
|
|
70
80
|
}
|
|
71
81
|
}
|
|
82
|
+
async markMessagesAsRead() {
|
|
83
|
+
try {
|
|
84
|
+
const unreadMessages = (this.chatMessages || []).filter(message => {
|
|
85
|
+
return Boolean(message.unRead) && message.senderId !== this.senderInfo.id;
|
|
86
|
+
});
|
|
87
|
+
if (unreadMessages.length > 0) {
|
|
88
|
+
await HttpService().markMessagesAsRead(this.chatRoom.uid, unreadMessages);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
catch (e) { }
|
|
92
|
+
}
|
|
72
93
|
onClickChat() {
|
|
73
94
|
this.isChatHelpVisible = false;
|
|
74
95
|
if (this.senderIdState && this.accessTokenState) {
|
|
75
96
|
this.isChatExpanded = true;
|
|
97
|
+
this.markMessagesAsRead();
|
|
76
98
|
}
|
|
77
99
|
else {
|
|
78
100
|
this.isChatVerificationExpanded = true;
|
|
79
101
|
}
|
|
80
102
|
}
|
|
81
|
-
async fetchData() {
|
|
103
|
+
async fetchData(markMessagesAsRead) {
|
|
82
104
|
try {
|
|
83
105
|
this.chatRoom = await HttpService().createChatRoom(this.receiverId, this.accessTokenState);
|
|
84
106
|
if (this.chatRoom) {
|
|
85
|
-
HttpService().fetchChatMessages(this.chatRoom.uid, (messages) =>
|
|
107
|
+
HttpService().fetchChatMessages(this.chatRoom.uid, (messages) => {
|
|
108
|
+
this.chatMessages = messages;
|
|
109
|
+
if (markMessagesAsRead) {
|
|
110
|
+
setTimeout(() => this.markMessagesAsRead(), 350);
|
|
111
|
+
}
|
|
112
|
+
});
|
|
86
113
|
this.senderInfo = this.chatRoom.members.find(user => user.id === Number(this.senderIdState));
|
|
87
114
|
this.receiverInfo = this.chatRoom.members.find(user => user.id === Number(this.receiverId));
|
|
88
115
|
}
|
|
@@ -95,33 +122,77 @@ const ChatButton = class {
|
|
|
95
122
|
this.isChatVerificationExpanded = false;
|
|
96
123
|
this.senderIdState = String(user.id);
|
|
97
124
|
this.accessTokenState = user.accessToken;
|
|
98
|
-
setTimeout(() => this.fetchData(), 350);
|
|
125
|
+
setTimeout(() => this.fetchData(true), 350);
|
|
99
126
|
}
|
|
100
127
|
}
|
|
101
128
|
render() {
|
|
129
|
+
const unreadMessages = (this.chatMessages || []).filter(message => {
|
|
130
|
+
return Boolean(message.unRead) && message.senderId !== this.senderInfo.id;
|
|
131
|
+
});
|
|
102
132
|
if (this.isChatExpanded) {
|
|
103
|
-
|
|
104
|
-
return Boolean(message.unRead) && message.senderId !== this.senderInfo.id;
|
|
105
|
-
});
|
|
106
|
-
return (h("div", null, unreadMessages.length > 0 && h("notify-sounds", null), h("div", { class: "chat-button--indicator" }, unreadMessages.length > 0 && h("span", { class: "chat-button--counter" })), h("div", { class: "chat-box" }, h("div", { class: "chat-box--header", style: {
|
|
133
|
+
return (h("div", null, unreadMessages.length > 0 && h("notify-sounds", { unreadMessages: unreadMessages.length }), h("div", { class: "chat-button--indicator" }, unreadMessages.length > 0 && h("span", { class: "chat-button--counter" })), h("div", { class: "chat-box" }, h("div", { class: "chat-box--header", style: {
|
|
107
134
|
backgroundColor: this.primaryColor || '#f05a61',
|
|
108
|
-
} }, h("h3", { class: "chat-box--title" },
|
|
135
|
+
} }, h("h3", { class: "chat-box--title" }, h("span", { style: {
|
|
136
|
+
marginRight: '8px',
|
|
137
|
+
} }, "Chat with us"), " ", h("span", { style: {
|
|
138
|
+
backgroundColor: Colors.Gray03,
|
|
139
|
+
borderRadius: '4px',
|
|
140
|
+
fontSize: '12px',
|
|
141
|
+
padding: '4px',
|
|
142
|
+
...this.isSalonOwnerOnline ? {
|
|
143
|
+
backgroundColor: Colors.Green03,
|
|
144
|
+
color: Colors.White,
|
|
145
|
+
} : {},
|
|
146
|
+
} }, this.isSalonOwnerOnline ? 'Online' : 'Offline')), h("div", { style: { position: 'relative' } }, h("div", { class: "chat-box--close", onClick: () => this.isChatExpanded = false }))), h("div", { style: {
|
|
109
147
|
flexShrink: '1',
|
|
110
148
|
flexGrow: '1',
|
|
111
149
|
position: 'relative',
|
|
112
|
-
} }, h("chat-messages", { sender: this.senderInfo, receiver: this.receiverInfo, messages: this.chatMessages || [], "chat-room-id": this.chatRoom.uid })), h("div", { style: {
|
|
150
|
+
} }, h("chat-messages", { sender: this.senderInfo, receiver: this.receiverInfo, messages: this.chatMessages || [], "chat-room-id": this.chatRoom.uid })), h("div", { style: {
|
|
151
|
+
backgroundColor: '#EFF7FF',
|
|
152
|
+
borderTop: `1px solid ${Colors.Gray02}`,
|
|
153
|
+
} }, h("chat-form", { accessToken: this.accessTokenState, sender: this.senderInfo, chatRoom: this.chatRoom })))));
|
|
113
154
|
}
|
|
114
155
|
if (this.isChatVerificationExpanded) {
|
|
115
156
|
return (h("div", null, h("div", { class: "chat-button--indicator" }), h("div", { class: "chat-box" }, h("div", { class: "chat-box--header", style: {
|
|
116
157
|
backgroundColor: this.primaryColor || '#f05a61',
|
|
117
|
-
} }, h("h3", { class: "chat-box--title" },
|
|
158
|
+
} }, h("h3", { class: "chat-box--title" }, h("span", { style: {
|
|
159
|
+
marginRight: '8px',
|
|
160
|
+
} }, "Chat with us"), " ", h("span", { style: {
|
|
161
|
+
backgroundColor: Colors.Gray03,
|
|
162
|
+
borderRadius: '4px',
|
|
163
|
+
fontSize: '12px',
|
|
164
|
+
padding: '4px',
|
|
165
|
+
...this.isSalonOwnerOnline ? {
|
|
166
|
+
backgroundColor: Colors.Green03,
|
|
167
|
+
color: Colors.White,
|
|
168
|
+
} : {},
|
|
169
|
+
} }, this.isSalonOwnerOnline ? 'Online' : 'Offline')), h("div", { style: { position: 'relative' } }, h("div", { class: "chat-box--close", onClick: () => this.isChatVerificationExpanded = false }))), h("div", { style: {
|
|
118
170
|
flexShrink: '1',
|
|
119
171
|
flexGrow: '1',
|
|
120
172
|
overflowY: 'auto',
|
|
121
173
|
padding: '16px',
|
|
122
174
|
} }, h("user-form", { onSuccess: user => this.onVerificationSuccess(user) })))));
|
|
123
175
|
}
|
|
124
|
-
return (h("div", null, h("div", { class: "chat-button--indicator", onClick: () => this.onClickChat() }), (this.isChatIconVisible || this.isChatHelpVisible) && (h("div", { class: "chat-box--help" }, h("div", { class: "chat-box--help-icon", onClick: () => this.onClickChat() }, h("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M5.33325 23.9833C5.33325 15.156 12.4707 8 21.335 8H42.6647C51.5023 8 58.6666 15.1861 58.6666 23.9833V56H21.335C12.4975 56 5.33325 48.8139 5.33325 40.0168V23.9833ZM53.3333 50.6667V23.9833C53.3333 18.121 48.5463 13.3333 42.6647 13.3333H21.335C15.4255 13.3333 10.6666 18.0922 10.6666 23.9833V40.0168C10.6666 45.8789 15.4536 50.6667 21.335 50.6667H53.3333ZM37.3333 29.3333H42.6666V34.6667H37.3333V29.3333ZM21.3333 29.3333H26.6666V34.6667H21.3333V29.3333Z", fill: "currentColor" }))
|
|
176
|
+
return (h("div", null, unreadMessages.length > 0 && h("notify-sounds", { unreadMessages: unreadMessages.length }), h("div", { class: "chat-button--indicator", onClick: () => this.onClickChat() }), (this.isChatIconVisible || this.isChatHelpVisible) && (h("div", { class: "chat-box--help" }, h("div", { class: "chat-box--help-icon", onClick: () => this.onClickChat() }, h("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M5.33325 23.9833C5.33325 15.156 12.4707 8 21.335 8H42.6647C51.5023 8 58.6666 15.1861 58.6666 23.9833V56H21.335C12.4975 56 5.33325 48.8139 5.33325 40.0168V23.9833ZM53.3333 50.6667V23.9833C53.3333 18.121 48.5463 13.3333 42.6647 13.3333H21.335C15.4255 13.3333 10.6666 18.0922 10.6666 23.9833V40.0168C10.6666 45.8789 15.4536 50.6667 21.335 50.6667H53.3333ZM37.3333 29.3333H42.6666V34.6667H37.3333V29.3333ZM21.3333 29.3333H26.6666V34.6667H21.3333V29.3333Z", fill: "currentColor" })), unreadMessages.length > 0 && (h("div", { style: {
|
|
177
|
+
backgroundColor: '#f00',
|
|
178
|
+
borderRadius: '8px',
|
|
179
|
+
height: '8px',
|
|
180
|
+
width: '8px',
|
|
181
|
+
position: 'absolute',
|
|
182
|
+
right: '-2px',
|
|
183
|
+
top: '-2px',
|
|
184
|
+
} }))), this.isChatHelpVisible && (h("div", { class: "chat-box--help-content-wrapper" }, h("div", { class: "chat-box--help-close", onClick: () => this.isChatHelpVisible = false }), h("div", { class: "chat-box--help-content", onClick: () => this.onClickChat() }, this.receiverAvatar && (h("div", { class: "chat-box--help-avatar" }, h("img", { src: this.receiverAvatar }))), h("div", { class: "chat-box--help-text" }, h("span", { style: {
|
|
185
|
+
marginRight: '4px',
|
|
186
|
+
} }, "Chat with us"), " ", h("span", { style: {
|
|
187
|
+
backgroundColor: Colors.Gray03,
|
|
188
|
+
borderRadius: '4px',
|
|
189
|
+
fontSize: '12px',
|
|
190
|
+
padding: '4px',
|
|
191
|
+
...this.isSalonOwnerOnline ? {
|
|
192
|
+
backgroundColor: Colors.Green03,
|
|
193
|
+
color: Colors.White,
|
|
194
|
+
} : {},
|
|
195
|
+
} }, this.isSalonOwnerOnline ? 'Online' : 'Offline')))))))));
|
|
125
196
|
}
|
|
126
197
|
};
|
|
127
198
|
ChatButton.style = indexCss;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
2
|
-
import { d as dayjs_min, H as HttpService } from './services-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
|
+
import { d as dayjs_min, H as HttpService } from './services-b2dd15e7.js';
|
|
3
3
|
import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9bc404fc.js';
|
|
4
4
|
import './colors-ea36347a.js';
|
|
5
5
|
|
|
@@ -13,25 +13,32 @@ dayjs_min.extend(utc);
|
|
|
13
13
|
const ChatForm = class {
|
|
14
14
|
constructor(hostRef) {
|
|
15
15
|
registerInstance(this, hostRef);
|
|
16
|
+
this.playSound = () => {
|
|
17
|
+
try {
|
|
18
|
+
const audioPlayer = new Audio('https://res.cloudinary.com/reckon-mini-sites/video/upload/v1769615047/favesalon/message--sent_nenqd8.mp3');
|
|
19
|
+
audioPlayer.play();
|
|
20
|
+
}
|
|
21
|
+
catch (e) { }
|
|
22
|
+
};
|
|
16
23
|
this.sendNotification = async (message) => {
|
|
24
|
+
const { id: senderId, fullName } = this.sender;
|
|
25
|
+
const receiverInfo = (this.chatRoom.members || []).find(user => user.id !== Number(senderId));
|
|
26
|
+
let isSalonUserActive;
|
|
17
27
|
try {
|
|
18
|
-
|
|
19
|
-
const notification = {
|
|
20
|
-
user_ids: (this.chatRoom.members || []).map(mem => mem.id).filter(id => id !== senderId),
|
|
21
|
-
notification_message: {
|
|
22
|
-
title: `${fullName} sent a message to you`,
|
|
23
|
-
description: `${fullName} sent a message to you`,
|
|
24
|
-
meta_data: {
|
|
25
|
-
message,
|
|
26
|
-
event_type: 5,
|
|
27
|
-
senderId: this.sender.id,
|
|
28
|
-
timeUTC: dayjs_min().utc().valueOf(),
|
|
29
|
-
},
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
await HttpService().sendNotification(notification, this.accessToken);
|
|
28
|
+
isSalonUserActive = await HttpService().fetchChatroomUserInChat(this.chatRoom.uid, receiverInfo.id);
|
|
33
29
|
}
|
|
34
30
|
catch (error) { }
|
|
31
|
+
if (!isSalonUserActive) {
|
|
32
|
+
try {
|
|
33
|
+
const notification = {
|
|
34
|
+
user_id: receiverInfo.id,
|
|
35
|
+
title: `${fullName} sent a message`,
|
|
36
|
+
description: message,
|
|
37
|
+
};
|
|
38
|
+
await HttpService().sendChatNotification(notification, this.accessToken);
|
|
39
|
+
}
|
|
40
|
+
catch (error) { }
|
|
41
|
+
}
|
|
35
42
|
};
|
|
36
43
|
this.updateChatroomInfo = async () => {
|
|
37
44
|
try {
|
|
@@ -51,6 +58,7 @@ const ChatForm = class {
|
|
|
51
58
|
senderId: this.sender.id,
|
|
52
59
|
chatRoomId: this.chatRoom.uid,
|
|
53
60
|
});
|
|
61
|
+
this.playSound();
|
|
54
62
|
this.sendNotification(elNewMessage.value);
|
|
55
63
|
this.updateChatroomInfo();
|
|
56
64
|
elNewMessage.value = '';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
2
|
-
import { d as dayjs_min, H as HttpService, t as timeFormatAmPm } from './services-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
|
+
import { d as dayjs_min, H as HttpService, t as timeFormatAmPm } from './services-b2dd15e7.js';
|
|
3
3
|
import { l as lodash } from './lodash-b4fe554a.js';
|
|
4
4
|
import { C as Colors } from './colors-ea36347a.js';
|
|
5
5
|
import { r as relativeTime } from './relativeTime-15477f02.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
2
|
import { l as lodash } from './lodash-b4fe554a.js';
|
|
3
3
|
import { C as Colors } from './colors-ea36347a.js';
|
|
4
|
-
import { H as HttpService } from './services-
|
|
4
|
+
import { H as HttpService } from './services-b2dd15e7.js';
|
|
5
5
|
import { f as formatPhoneNumber } from './utils-359c37f7.js';
|
|
6
6
|
import './_commonjsHelpers-9bc404fc.js';
|
|
7
7
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
3
|
-
import { g as globalScripts } from './app-globals-
|
|
1
|
+
import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-759c34ea.js';
|
|
2
|
+
export { s as setNonce } from './index-759c34ea.js';
|
|
3
|
+
import { g as globalScripts } from './app-globals-0130ce1b.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
6
|
Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
|
|
@@ -144,5 +144,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
144
144
|
|
|
145
145
|
patchBrowser().then(options => {
|
|
146
146
|
globalScripts();
|
|
147
|
-
return bootstrapLazy([["buy-giftcard-form",[[0,"buy-giftcard-form",{"salonId":[1,"salon-id"],"isLoading":[32],"isSubmitting":[32],"errorMessage":[32],"userInfo":[32],"salonInfo":[32],"giftCardSettings":[32],"magensaCredentials":[32],"step":[32],"selectedAmount":[32],"customAmount":[32],"deliveryType":[32],"deliveryDate":[32],"recipientFirstName":[32],"recipientLastName":[32],"recipientEmail":[32],"recipientEmailConfirm":[32],"recipientMessage":[32],"isInvalidEmails":[32],"isInvalidPhones":[32],"selectedStyleId":[32],"isDeliveryDoneVisible":[32],"isTermsAccepted":[32]}]]],["chat-button",[[0,"chat-button",{"primaryColor":[1,"primary-color"],"receiverId":[1,"receiver-id"],"receiverAvatar":[1,"receiver-avatar"],"accessToken":[1,"access-token"],"senderId":[1,"sender-id"],"senderIdState":[32],"accessTokenState":[32],"senderInfo":[32],"receiverInfo":[32],"chatRoom":[32],"chatMessages":[32],"isChatIconVisible":[32],"isChatHelpVisible":[32],"isChatExpanded":[32],"isChatVerificationExpanded":[32],"isChatExpandedOnScroll":[32],"currentScroll":[32],"isScrollingDown":[32],"onSetupChat":[64],"onClickChat":[64],"fetchData":[64],"onVerificationSuccess":[64]}]]],["chat-box",[[0,"chat-box",{"primaryColor":[1,"primary-color"],"accessToken":[1,"access-token"],"senderId":[1,"sender-id"],"salonId":[1,"salon-id"],"chatRooms":[32],"activeRoom":[32],"fetchData":[64]}]]],["salon-info",[[0,"salon-info",{"salonId":[2,"salon-id"],"salonInfo":[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]}]]],["
|
|
147
|
+
return bootstrapLazy([["buy-giftcard-form",[[0,"buy-giftcard-form",{"salonId":[1,"salon-id"],"isLoading":[32],"isSubmitting":[32],"errorMessage":[32],"userInfo":[32],"salonInfo":[32],"giftCardSettings":[32],"magensaCredentials":[32],"step":[32],"selectedAmount":[32],"customAmount":[32],"deliveryType":[32],"deliveryDate":[32],"recipientFirstName":[32],"recipientLastName":[32],"recipientEmail":[32],"recipientEmailConfirm":[32],"recipientMessage":[32],"isInvalidEmails":[32],"isInvalidPhones":[32],"selectedStyleId":[32],"isDeliveryDoneVisible":[32],"isTermsAccepted":[32]}]]],["chat-button",[[0,"chat-button",{"primaryColor":[1,"primary-color"],"receiverId":[1,"receiver-id"],"receiverAvatar":[1,"receiver-avatar"],"accessToken":[1,"access-token"],"senderId":[1,"sender-id"],"isSalonOwnerOnline":[32],"senderIdState":[32],"accessTokenState":[32],"senderInfo":[32],"receiverInfo":[32],"chatRoom":[32],"chatMessages":[32],"isChatIconVisible":[32],"isChatHelpVisible":[32],"isChatExpanded":[32],"isChatVerificationExpanded":[32],"isChatExpandedOnScroll":[32],"currentScroll":[32],"isScrollingDown":[32],"checkSalonOwnerOnlineStatus":[64],"onSetupChat":[64],"markMessagesAsRead":[64],"onClickChat":[64],"fetchData":[64],"onVerificationSuccess":[64]}]]],["chat-box",[[0,"chat-box",{"primaryColor":[1,"primary-color"],"accessToken":[1,"access-token"],"senderId":[1,"sender-id"],"salonId":[1,"salon-id"],"chatRooms":[32],"activeRoom":[32],"fetchData":[64]}]]],["salon-info",[[0,"salon-info",{"salonId":[2,"salon-id"],"salonInfo":[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]}]]],["buy-giftcard-verification",[[0,"buy-giftcard-verification",{"salonId":[1,"salon-id"],"onSuccess":[16],"step":[32],"userInfo":[32],"inputtedPhone":[32],"isSearchingUser":[32],"errorMessage":[32]}]]],["user-form",[[0,"user-form",{"onSuccess":[16],"type":[32],"currentUser":[32]}]]],["magensa-payment",[[0,"magensa-payment",{"isProcessing":[4,"is-processing"],"processingError":[1,"processing-error"],"salonId":[1,"salon-id"],"paymentAmount":[1,"payment-amount"],"onPaymentSuccess":[16],"onPaymentError":[16],"isSubmitting":[32],"errorMessage":[32],"cardNumber":[32],"cardExpiry":[32],"cardCCV":[32],"cardName":[32]}]]],["buy-giftcard-succeed",[[0,"buy-giftcard-succeed",{"duration":[32]}]]],["chat-rooms",[[0,"chat-rooms",{"senderId":[2,"sender-id"],"salonId":[2,"salon-id"],"chatRooms":[16],"clients":[16],"activeRoom":[16],"accessToken":[1,"access-token"],"onClickRoom":[16],"keyword":[32]}]]],["salon-locations",[[0,"salon-locations",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"salonInfoState":[32]}]]],["icon-date",[[0,"icon-date",{"size":[2]}]]],["icon-location-marker",[[0,"icon-location-marker",{"size":[2]}]]],["icon-phone",[[0,"icon-phone",{"size":[2]}]]],["notify-sounds",[[0,"notify-sounds",{"unreadMessages":[2,"unread-messages"]}]]],["salon-latest-styles",[[0,"salon-latest-styles",{"salonId":[2,"salon-id"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"isLoadingState":[32],"latestStyles":[32],"fetchData":[64]}]]],["salon-schedules",[[0,"salon-schedules",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"salonInfoState":[32]}]]],["chat-messages",[[0,"chat-messages",{"sender":[16],"receiver":[16],"messages":[16],"chatRoomId":[1,"chat-room-id"],"messagesLength":[32],"isScrollIconVisible":[32]}]]],["wizard-existing-user",[[0,"wizard-existing-user",{"salonId":[1,"salon-id"],"inputtedPhone":[1,"inputted-phone"],"onClose":[16],"onSuccess":[16],"step":[32],"errorMessage":[32],"isSubmitting":[32],"activatCode":[32]}]]],["wizard-new-user",[[0,"wizard-new-user",{"salonId":[1,"salon-id"],"inputtedPhone":[1,"inputted-phone"],"firstName":[1,"first-name"],"lastName":[1,"last-name"],"onClose":[16],"onSuccess":[16],"step":[32],"errorMessage":[32],"isSubmitting":[32],"activatCode":[32]}]]],["activate-form",[[0,"activate-form",{"username":[1],"password":[1],"onSuccess":[16],"isSubmitting":[32],"error":[32],"confirmCode":[32],"onSubmit":[64],"resendCode":[64]}]]],["change-password-form",[[0,"change-password-form",{"username":[1],"onSuccess":[16],"isSubmitting":[32],"error":[32],"confirmCode":[32],"password":[32],"onSubmit":[64],"resendCode":[64]}]]],["chat-form",[[0,"chat-form",{"accessToken":[1,"access-token"],"sender":[16],"chatRoom":[16]}]]],["credit-card-types",[[0,"credit-card-types",{"css":[8]}]]],["google-map",[[0,"google-map",{"locationName":[1,"location-name"],"locationAddress":[1,"location-address"]}]]],["icon-checked",[[0,"icon-checked",{"size":[2]}]]],["powered-by-favesalon",[[0,"powered-by-favesalon",{"css":[8]}]]],["register-form",[[0,"register-form",{"onSuccess":[16],"isSubmitting":[32],"error":[32],"firstName":[32],"lastName":[32],"email":[32],"phone":[32],"password":[32],"onSubmit":[64]}]]],["reset-password-form",[[0,"reset-password-form",{"onSuccess":[16],"isSubmitting":[32],"error":[32],"username":[32],"onSubmit":[64]}]]],["login-form",[[0,"login-form",{"onSuccess":[16],"isSubmitting":[32],"error":[32],"username":[32],"password":[32],"onSubmit":[64]}]]],["icon-loading",[[0,"icon-loading",{"size":[2]}]]],["user-avatar",[[0,"user-avatar",{"size":[2],"name":[1],"description":[1],"nameStyle":[16],"shortName":[1,"short-name"],"avatar":[1]}]]]], options);
|
|
148
148
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, g as getAssetPath, h } from './index-
|
|
1
|
+
import { r as registerInstance, g as getAssetPath, h } from './index-759c34ea.js';
|
|
2
2
|
import { C as Colors } from './colors-ea36347a.js';
|
|
3
3
|
|
|
4
4
|
const indexCss = "google-map{display:block;width:100%;height:100%}";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
2
|
|
|
3
3
|
const iconLoadingCss = ".fs-spin,.fs-spin svg{display:inline-block;-webkit-animation:loadingCircle 1s infinite linear;animation:loadingCircle 1s infinite linear}@-webkit-keyframes loadingCircle{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loadingCircle{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
|
|
4
4
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const NAMESPACE = 'favesalon-embed';
|
|
2
|
-
const BUILD = /* favesalon-embed */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: false, cssAnnotations: true, cssVarShim: false, devTools: true, disconnectedCallback: false, dynamicImportShim: false, element: false, event: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: true, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: true, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: true, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: false, safari10: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, shadowDomShim: false, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback:
|
|
2
|
+
const BUILD = /* favesalon-embed */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: false, cssAnnotations: true, cssVarShim: false, devTools: true, disconnectedCallback: false, dynamicImportShim: false, element: false, event: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: true, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: true, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: true, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: false, safari10: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, shadowDomShim: false, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
|
|
3
3
|
const Env = /* favesalon-embed */ {};
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
2
|
import { C as Colors } from './colors-ea36347a.js';
|
|
3
|
-
import { H as HttpService } from './services-
|
|
3
|
+
import { H as HttpService } from './services-b2dd15e7.js';
|
|
4
4
|
import './_commonjsHelpers-9bc404fc.js';
|
|
5
5
|
|
|
6
6
|
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}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
2
|
import { I as Inputmask } from './inputmask-afacb9e0.js';
|
|
3
|
-
import { H as HttpService, g as get_1 } from './services-
|
|
3
|
+
import { H as HttpService, g as get_1 } from './services-b2dd15e7.js';
|
|
4
4
|
import { C as Colors } from './colors-ea36347a.js';
|
|
5
5
|
import './_commonjsHelpers-9bc404fc.js';
|
|
6
6
|
|
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
2
|
|
|
3
|
-
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-
|
|
3
|
+
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-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;font-size:16px;text-align:left;color:#141414;position:fixed;inset:0;z-index:20000}.chat-box--header{display:flex;justify-content:space-between;padding:16px;position:relative}.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;position:relative;-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{-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px;border:1px solid #fff;height:480px;max-height:90vh;width:560px;left:auto;top:auto}.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}}";
|
|
4
4
|
|
|
5
5
|
const NotifySounds = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
+
this.unreadMessages = undefined;
|
|
8
9
|
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
componentDidRender() {
|
|
11
|
+
if ((this.unreadMessages || 0) > 0) {
|
|
12
|
+
const btnPlaySound = document.getElementById('chat--play-sound');
|
|
13
|
+
btnPlaySound.click();
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
watchHandler(newValue, oldValue) {
|
|
17
|
+
if (newValue !== oldValue && (newValue || 0) > 0) {
|
|
18
|
+
const btnPlaySound = document.getElementById('chat--play-sound');
|
|
19
|
+
btnPlaySound.click();
|
|
20
|
+
}
|
|
12
21
|
}
|
|
13
22
|
playSound() {
|
|
14
23
|
const audioPlayer = new Audio('https://res.cloudinary.com/reckon-mini-sites/video/upload/v1696198815/favesalon/notification--message_i9wsj8.mp3');
|
|
@@ -25,6 +34,9 @@ const NotifySounds = class {
|
|
|
25
34
|
padding: '0',
|
|
26
35
|
} }, "Play"));
|
|
27
36
|
}
|
|
37
|
+
static get watchers() { return {
|
|
38
|
+
"unreadMessages": ["watchHandler"]
|
|
39
|
+
}; }
|
|
28
40
|
};
|
|
29
41
|
NotifySounds.style = indexCss;
|
|
30
42
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
2
|
-
import { H as HttpService, g as get_1 } from './services-
|
|
1
|
+
import { r as registerInstance, h } from './index-759c34ea.js';
|
|
2
|
+
import { H as HttpService, g as get_1 } from './services-b2dd15e7.js';
|
|
3
3
|
import { C as Colors } from './colors-ea36347a.js';
|
|
4
4
|
import './_commonjsHelpers-9bc404fc.js';
|
|
5
5
|
|