favesalon-embed 1.0.1 → 1.0.3

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

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

package/dist/{cjs/_commonjsHelpers-5cfcba41.js → favesalon-embed/_commonjsHelpers-9bc404fc.js}

@@ -1,17 +1,27 @@
-'use strict';
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 function createCommonjsModule(fn, basedir, module) {
 	return module = {
 		path: basedir,
 		exports: {},
 		require: function (path, base) {
-			return commonjsRequire();
+			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
 		}
 	}, fn(module, module.exports), module.exports;
 }
 
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
 function getAugmentedNamespace(n) {
 	if (n.__esModule) return n;
 	var a = Object.defineProperty({}, '__esModule', {value: true});
@@ -31,6 +41,4 @@ function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
-exports.commonjsGlobal = commonjsGlobal;
-exports.createCommonjsModule = createCommonjsModule;
-exports.getAugmentedNamespace = getAugmentedNamespace;
+export { commonjsGlobal as a, getAugmentedNamespace as b, createCommonjsModule as c, getDefaultExportFromCjs as g };

package/dist/{esm/_commonjsHelpers-098d5b27.js → favesalon-embed/_commonjsHelpers-a4f66ccd.js}

@@ -1,15 +1,27 @@
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 function createCommonjsModule(fn, basedir, module) {
 	return module = {
 		path: basedir,
 		exports: {},
 		require: function (path, base) {
-			return commonjsRequire();
+			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
 		}
 	}, fn(module, module.exports), module.exports;
 }
 
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
 function getAugmentedNamespace(n) {
 	if (n.__esModule) return n;
 	var a = Object.defineProperty({}, '__esModule', {value: true});
@@ -29,4 +41,4 @@ function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
-export { createCommonjsModule as a, commonjsGlobal as c, getAugmentedNamespace as g };
+export { createCommonjsModule as a, getAugmentedNamespace as b, commonjsGlobal as c, getDefaultExportFromCjs as g };

package/dist/{cjs/global-9073d10e.js → favesalon-embed/app-globals-437cc3f3.js}

@@ -1,4 +1,4 @@
-'use strict';
+import './index-888e99e3.js';
 
 /*!
   * Bootstrap v5.1.3 (https://getbootstrap.com/)
@@ -6,6 +6,7 @@
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
 !function (t, e) { "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).bootstrap = e(); }(undefined, (function () {
+  "use strict";
   const t = "transitionend", e = t => { let e = t.getAttribute("data-bs-target"); if (!e || "#" === e) {
     let i = t.getAttribute("href");
     if (!i || !i.includes("#") && !i.startsWith("."))
@@ -16,7 +17,7 @@
     return null; if ("function" == typeof t.getRootNode) {
     const e = t.getRootNode();
     return e instanceof ShadowRoot ? e : null;
-  } return t instanceof ShadowRoot ? t : t.parentNode ? h(t.parentNode) : null; }, d = () => { }, u = t => { }, f = () => { const { jQuery: t } = window; return t && !document.body.hasAttribute("data-bs-no-jquery") ? t : null; }, p = [], m = () => "rtl" === document.documentElement.dir, g = t => { var e; e = () => { const e = f(); if (e) {
+  } return t instanceof ShadowRoot ? t : t.parentNode ? h(t.parentNode) : null; }, d = () => { }, u = t => { t.offsetHeight; }, f = () => { const { jQuery: t } = window; return t && !document.body.hasAttribute("data-bs-no-jquery") ? t : null; }, p = [], m = () => "rtl" === document.documentElement.dir, g = t => { var e; e = () => { const e = f(); if (e) {
     const i = t.NAME, n = e.fn[i];
     e.fn[i] = t.jQueryInterface, e.fn[i].Constructor = t, e.fn[i].noConflict = () => (e.fn[i] = n, t.jQueryInterface);
   } }, "loading" === document.readyState ? (p.length || document.addEventListener("DOMContentLoaded", (() => { p.forEach((t => t())); })), p.push(e)) : e(); }, _ = t => { "function" == typeof t && t(); }, b = (e, i, n = !0) => { if (!n)
@@ -144,7 +145,7 @@
       return; if (this._triggerSlideEvent(o, d).defaultPrevented)
       return; if (!n || !o)
       return; this._isSliding = !0, a && this.pause(), this._setActiveIndicatorElement(o), this._activeElement = o; const f = () => { j.trigger(this._element, et, { relatedTarget: o, direction: d, from: s, to: r }); }; if (this._element.classList.contains("slide")) {
-      o.classList.add(h), n.classList.add(c), o.classList.add(c);
+      o.classList.add(h), u(o), n.classList.add(c), o.classList.add(c);
       const t = () => { o.classList.remove(c, h), o.classList.add(it), n.classList.remove(it, h, c), this._isSliding = !1, setTimeout(f, 0); };
       this._queueCallback(t, n, !0);
     }
@@ -188,7 +189,7 @@
       return; e.forEach((e => { i !== e && pt.getOrCreateInstance(e, { toggle: !1 }).hide(), t || H.set(e, "bs.collapse", null); })); const n = this._getDimension(); this._element.classList.remove(ct), this._element.classList.add(ht), this._element.style[n] = 0, this._addAriaAndCollapsedClass(this._triggerArray, !0), this._isTransitioning = !0; const s = `scroll${n[0].toUpperCase() + n.slice(1)}`; this._queueCallback((() => { this._isTransitioning = !1, this._element.classList.remove(ht), this._element.classList.add(ct, lt), this._element.style[n] = "", j.trigger(this._element, "shown.bs.collapse"); }), this._element, !0), this._element.style[n] = `${this._element[s]}px`; }
     hide() { if (this._isTransitioning || !this._isShown())
       return; if (j.trigger(this._element, "hide.bs.collapse").defaultPrevented)
-      return; const t = this._getDimension(); this._element.style[t] = `${this._element.getBoundingClientRect()[t]}px`, this._element.classList.add(ht), this._element.classList.remove(ct, lt); const e = this._triggerArray.length; for (let t = 0; t < e; t++) {
+      return; const t = this._getDimension(); this._element.style[t] = `${this._element.getBoundingClientRect()[t]}px`, u(this._element), this._element.classList.add(ht), this._element.classList.remove(ct, lt); const e = this._triggerArray.length; for (let t = 0; t < e; t++) {
       const e = this._triggerArray[t], i = n(e);
       i && !this._isShown(i) && this._addAriaAndCollapsedClass([e], !1);
     } this._isTransitioning = !0, this._element.style[t] = "", this._queueCallback((() => { this._isTransitioning = !1, this._element.classList.remove(ht), this._element.classList.add(ct), j.trigger(this._element, "hidden.bs.collapse"); }), this._element, !0); }
@@ -333,7 +334,7 @@
       }
       e.modifiersData[n] = C;
     } }, requiresIfExists: ["offset"] };
-  function Me(t, e, i) { void 0 === i && (i = !1); var n = zt(e); zt(e) && function (t) { t.getBoundingClientRect(); }(e); var s, o, r = Gt(e), a = Vt(t), l = { scrollLeft: 0, scrollTop: 0 }, c = { x: 0, y: 0 }; return (n || !n && !i) && (("body" !== Rt(e) || we(r)) && (l = (s = e) !== Wt(s) && zt(s) ? { scrollLeft: (o = s).scrollLeft, scrollTop: o.scrollTop } : ve(s)), zt(e) ? ((c = Vt(e)).x += e.clientLeft, c.y += e.clientTop) : r && (c.x = ye(r))), { x: a.left + l.scrollLeft - c.x, y: a.top + l.scrollTop - c.y, width: a.width, height: a.height }; }
+  function Me(t, e, i) { void 0 === i && (i = !1); var n = zt(e); zt(e) && function (t) { var e = t.getBoundingClientRect(); e.width, t.offsetWidth, e.height, t.offsetHeight; }(e); var s, o, r = Gt(e), a = Vt(t), l = { scrollLeft: 0, scrollTop: 0 }, c = { x: 0, y: 0 }; return (n || !n && !i) && (("body" !== Rt(e) || we(r)) && (l = (s = e) !== Wt(s) && zt(s) ? { scrollLeft: (o = s).scrollLeft, scrollTop: o.scrollTop } : ve(s)), zt(e) ? ((c = Vt(e)).x += e.clientLeft, c.y += e.clientTop) : r && (c.x = ye(r))), { x: a.left + l.scrollLeft - c.x, y: a.top + l.scrollTop - c.y, width: a.width, height: a.height }; }
   function He(t) { var e = new Map, i = new Set, n = []; function s(t) { i.add(t.name), [].concat(t.requires || [], t.requiresIfExists || []).forEach((function (t) { if (!i.has(t)) {
     var n = e.get(t);
     n && s(n);
@@ -471,7 +472,7 @@
     _initializeBackDrop() { return new bi({ isVisible: Boolean(this._config.backdrop), isAnimated: this._isAnimated() }); }
     _initializeFocusTrap() { return new Ai({ trapElement: this._element }); }
     _getConfig(t) { return t = Object.assign(Object.assign(Object.assign({}, Ci), U.getDataAttributes(this._element)), "object" == typeof t ? t : {}), a(Ti, t, ki), t; }
-    _showElement(t) { const e = this._isAnimated(), i = V.findOne(".modal-body", this._dialog); this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE || document.body.append(this._element), this._element.style.display = "block", this._element.removeAttribute("aria-hidden"), this._element.setAttribute("aria-modal", !0), this._element.setAttribute("role", "dialog"), this._element.scrollTop = 0, i && (i.scrollTop = 0), this._element.classList.add(ji), this._queueCallback((() => { this._config.focus && this._focustrap.activate(), this._isTransitioning = !1, j.trigger(this._element, "shown.bs.modal", { relatedTarget: t }); }), this._dialog, e); }
+    _showElement(t) { const e = this._isAnimated(), i = V.findOne(".modal-body", this._dialog); this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE || document.body.append(this._element), this._element.style.display = "block", this._element.removeAttribute("aria-hidden"), this._element.setAttribute("aria-modal", !0), this._element.setAttribute("role", "dialog"), this._element.scrollTop = 0, i && (i.scrollTop = 0), e && u(this._element), this._element.classList.add(ji), this._queueCallback((() => { this._config.focus && this._focustrap.activate(), this._isTransitioning = !1, j.trigger(this._element, "shown.bs.modal", { relatedTarget: t }); }), this._dialog, e); }
     _setEscapeEvent() { this._isShown ? j.on(this._element, Ni, (t => { this._config.keyboard && t.key === Oi ? (t.preventDefault(), this.hide()) : this._config.keyboard || t.key !== Oi || this._triggerBackdropTransition(); })) : j.off(this._element, Ni); }
     _setResizeEvent() { this._isShown ? j.on(window, Di, (() => this._adjustDialog())) : j.off(window, Di); }
     _hideModal() { this._element.style.display = "none", this._element.setAttribute("aria-hidden", !0), this._element.removeAttribute("aria-modal"), this._element.removeAttribute("role"), this._isTransitioning = !1, this._backdrop.hide((() => { document.body.classList.remove(Pi), this._resetAdjustments(), this._scrollBar.reset(), j.trigger(this._element, Li); })); }
@@ -662,7 +663,7 @@
       e.classList.remove(Tn);
       const t = V.findOne(":scope > .dropdown-menu .active", e.parentNode);
       t && t.classList.remove(Tn), "tab" === e.getAttribute("role") && e.setAttribute("aria-selected", !1);
-    } t.classList.add(Tn), "tab" === t.getAttribute("role") && t.setAttribute("aria-selected", !0), t.classList.contains(On) && t.classList.add(Cn); let n = t.parentNode; if (n && "LI" === n.nodeName && (n = n.parentNode), n && n.classList.contains("dropdown-menu")) {
+    } t.classList.add(Tn), "tab" === t.getAttribute("role") && t.setAttribute("aria-selected", !0), u(t), t.classList.contains(On) && t.classList.add(Cn); let n = t.parentNode; if (n && "LI" === n.nodeName && (n = n.parentNode), n && n.classList.contains("dropdown-menu")) {
       const e = t.closest(".dropdown");
       e && V.find(".dropdown-toggle", e).forEach((t => t.classList.add(Tn))), t.setAttribute("aria-expanded", !0);
     } i && i(); }
@@ -679,7 +680,7 @@
     static get DefaultType() { return Pn; }
     static get Default() { return jn; }
     static get NAME() { return Dn; }
-    show() { j.trigger(this._element, "show.bs.toast").defaultPrevented || (this._clearTimeout(), this._config.animation && this._element.classList.add("fade"), this._element.classList.remove(Sn), this._element.classList.add(Nn), this._element.classList.add(In), this._queueCallback((() => { this._element.classList.remove(In), j.trigger(this._element, "shown.bs.toast"), this._maybeScheduleHide(); }), this._element, this._config.animation)); }
+    show() { j.trigger(this._element, "show.bs.toast").defaultPrevented || (this._clearTimeout(), this._config.animation && this._element.classList.add("fade"), this._element.classList.remove(Sn), u(this._element), this._element.classList.add(Nn), this._element.classList.add(In), this._queueCallback((() => { this._element.classList.remove(In), j.trigger(this._element, "shown.bs.toast"), this._maybeScheduleHide(); }), this._element, this._config.animation)); }
     hide() { this._element.classList.contains(Nn) && (j.trigger(this._element, "hide.bs.toast").defaultPrevented || (this._element.classList.add(In), this._queueCallback((() => { this._element.classList.add(Sn), this._element.classList.remove(In), this._element.classList.remove(Nn), j.trigger(this._element, "hidden.bs.toast"); }), this._element, this._config.animation))); }
     dispose() { this._clearTimeout(), this._element.classList.contains(Nn) && this._element.classList.remove(Nn), super.dispose(); }
     _getConfig(t) { return t = Object.assign(Object.assign(Object.assign({}, jn), U.getDataAttributes(this._element)), "object" == typeof t && t ? t : {}), a(Dn, t, this.constructor.DefaultType), t; }
@@ -703,3 +704,9 @@
   }
   return R(Mn), g(Mn), { Alert: W, Button: z, Carousel: st, Collapse: pt, Dropdown: hi, Modal: Hi, Offcanvas: Fi, Popover: gn, ScrollSpy: An, Tab: xn, Toast: Mn, Tooltip: un };
 }));
+
+const globalFn = () => { };
+
+const globalScripts = globalFn;
+
+export { globalScripts as g };

package/dist/{esm/global-e1089ffd.js → favesalon-embed/app-globals-60769a2c.js}

@@ -1,9 +1,12 @@
+import './index-04c09911.js';
+
 /*!
   * Bootstrap v5.1.3 (https://getbootstrap.com/)
   * Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
 !function (t, e) { "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).bootstrap = e(); }(undefined, (function () {
+  "use strict";
   const t = "transitionend", e = t => { let e = t.getAttribute("data-bs-target"); if (!e || "#" === e) {
     let i = t.getAttribute("href");
     if (!i || !i.includes("#") && !i.startsWith("."))
@@ -14,7 +17,7 @@
     return null; if ("function" == typeof t.getRootNode) {
     const e = t.getRootNode();
     return e instanceof ShadowRoot ? e : null;
-  } return t instanceof ShadowRoot ? t : t.parentNode ? h(t.parentNode) : null; }, d = () => { }, u = t => { }, f = () => { const { jQuery: t } = window; return t && !document.body.hasAttribute("data-bs-no-jquery") ? t : null; }, p = [], m = () => "rtl" === document.documentElement.dir, g = t => { var e; e = () => { const e = f(); if (e) {
+  } return t instanceof ShadowRoot ? t : t.parentNode ? h(t.parentNode) : null; }, d = () => { }, u = t => { t.offsetHeight; }, f = () => { const { jQuery: t } = window; return t && !document.body.hasAttribute("data-bs-no-jquery") ? t : null; }, p = [], m = () => "rtl" === document.documentElement.dir, g = t => { var e; e = () => { const e = f(); if (e) {
     const i = t.NAME, n = e.fn[i];
     e.fn[i] = t.jQueryInterface, e.fn[i].Constructor = t, e.fn[i].noConflict = () => (e.fn[i] = n, t.jQueryInterface);
   } }, "loading" === document.readyState ? (p.length || document.addEventListener("DOMContentLoaded", (() => { p.forEach((t => t())); })), p.push(e)) : e(); }, _ = t => { "function" == typeof t && t(); }, b = (e, i, n = !0) => { if (!n)
@@ -142,7 +145,7 @@
       return; if (this._triggerSlideEvent(o, d).defaultPrevented)
       return; if (!n || !o)
       return; this._isSliding = !0, a && this.pause(), this._setActiveIndicatorElement(o), this._activeElement = o; const f = () => { j.trigger(this._element, et, { relatedTarget: o, direction: d, from: s, to: r }); }; if (this._element.classList.contains("slide")) {
-      o.classList.add(h), n.classList.add(c), o.classList.add(c);
+      o.classList.add(h), u(o), n.classList.add(c), o.classList.add(c);
       const t = () => { o.classList.remove(c, h), o.classList.add(it), n.classList.remove(it, h, c), this._isSliding = !1, setTimeout(f, 0); };
       this._queueCallback(t, n, !0);
     }
@@ -186,7 +189,7 @@
       return; e.forEach((e => { i !== e && pt.getOrCreateInstance(e, { toggle: !1 }).hide(), t || H.set(e, "bs.collapse", null); })); const n = this._getDimension(); this._element.classList.remove(ct), this._element.classList.add(ht), this._element.style[n] = 0, this._addAriaAndCollapsedClass(this._triggerArray, !0), this._isTransitioning = !0; const s = `scroll${n[0].toUpperCase() + n.slice(1)}`; this._queueCallback((() => { this._isTransitioning = !1, this._element.classList.remove(ht), this._element.classList.add(ct, lt), this._element.style[n] = "", j.trigger(this._element, "shown.bs.collapse"); }), this._element, !0), this._element.style[n] = `${this._element[s]}px`; }
     hide() { if (this._isTransitioning || !this._isShown())
       return; if (j.trigger(this._element, "hide.bs.collapse").defaultPrevented)
-      return; const t = this._getDimension(); this._element.style[t] = `${this._element.getBoundingClientRect()[t]}px`, this._element.classList.add(ht), this._element.classList.remove(ct, lt); const e = this._triggerArray.length; for (let t = 0; t < e; t++) {
+      return; const t = this._getDimension(); this._element.style[t] = `${this._element.getBoundingClientRect()[t]}px`, u(this._element), this._element.classList.add(ht), this._element.classList.remove(ct, lt); const e = this._triggerArray.length; for (let t = 0; t < e; t++) {
       const e = this._triggerArray[t], i = n(e);
       i && !this._isShown(i) && this._addAriaAndCollapsedClass([e], !1);
     } this._isTransitioning = !0, this._element.style[t] = "", this._queueCallback((() => { this._isTransitioning = !1, this._element.classList.remove(ht), this._element.classList.add(ct), j.trigger(this._element, "hidden.bs.collapse"); }), this._element, !0); }
@@ -331,7 +334,7 @@
       }
       e.modifiersData[n] = C;
     } }, requiresIfExists: ["offset"] };
-  function Me(t, e, i) { void 0 === i && (i = !1); var n = zt(e); zt(e) && function (t) { t.getBoundingClientRect(); }(e); var s, o, r = Gt(e), a = Vt(t), l = { scrollLeft: 0, scrollTop: 0 }, c = { x: 0, y: 0 }; return (n || !n && !i) && (("body" !== Rt(e) || we(r)) && (l = (s = e) !== Wt(s) && zt(s) ? { scrollLeft: (o = s).scrollLeft, scrollTop: o.scrollTop } : ve(s)), zt(e) ? ((c = Vt(e)).x += e.clientLeft, c.y += e.clientTop) : r && (c.x = ye(r))), { x: a.left + l.scrollLeft - c.x, y: a.top + l.scrollTop - c.y, width: a.width, height: a.height }; }
+  function Me(t, e, i) { void 0 === i && (i = !1); var n = zt(e); zt(e) && function (t) { var e = t.getBoundingClientRect(); e.width, t.offsetWidth, e.height, t.offsetHeight; }(e); var s, o, r = Gt(e), a = Vt(t), l = { scrollLeft: 0, scrollTop: 0 }, c = { x: 0, y: 0 }; return (n || !n && !i) && (("body" !== Rt(e) || we(r)) && (l = (s = e) !== Wt(s) && zt(s) ? { scrollLeft: (o = s).scrollLeft, scrollTop: o.scrollTop } : ve(s)), zt(e) ? ((c = Vt(e)).x += e.clientLeft, c.y += e.clientTop) : r && (c.x = ye(r))), { x: a.left + l.scrollLeft - c.x, y: a.top + l.scrollTop - c.y, width: a.width, height: a.height }; }
   function He(t) { var e = new Map, i = new Set, n = []; function s(t) { i.add(t.name), [].concat(t.requires || [], t.requiresIfExists || []).forEach((function (t) { if (!i.has(t)) {
     var n = e.get(t);
     n && s(n);
@@ -469,7 +472,7 @@
     _initializeBackDrop() { return new bi({ isVisible: Boolean(this._config.backdrop), isAnimated: this._isAnimated() }); }
     _initializeFocusTrap() { return new Ai({ trapElement: this._element }); }
     _getConfig(t) { return t = Object.assign(Object.assign(Object.assign({}, Ci), U.getDataAttributes(this._element)), "object" == typeof t ? t : {}), a(Ti, t, ki), t; }
-    _showElement(t) { const e = this._isAnimated(), i = V.findOne(".modal-body", this._dialog); this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE || document.body.append(this._element), this._element.style.display = "block", this._element.removeAttribute("aria-hidden"), this._element.setAttribute("aria-modal", !0), this._element.setAttribute("role", "dialog"), this._element.scrollTop = 0, i && (i.scrollTop = 0), this._element.classList.add(ji), this._queueCallback((() => { this._config.focus && this._focustrap.activate(), this._isTransitioning = !1, j.trigger(this._element, "shown.bs.modal", { relatedTarget: t }); }), this._dialog, e); }
+    _showElement(t) { const e = this._isAnimated(), i = V.findOne(".modal-body", this._dialog); this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE || document.body.append(this._element), this._element.style.display = "block", this._element.removeAttribute("aria-hidden"), this._element.setAttribute("aria-modal", !0), this._element.setAttribute("role", "dialog"), this._element.scrollTop = 0, i && (i.scrollTop = 0), e && u(this._element), this._element.classList.add(ji), this._queueCallback((() => { this._config.focus && this._focustrap.activate(), this._isTransitioning = !1, j.trigger(this._element, "shown.bs.modal", { relatedTarget: t }); }), this._dialog, e); }
     _setEscapeEvent() { this._isShown ? j.on(this._element, Ni, (t => { this._config.keyboard && t.key === Oi ? (t.preventDefault(), this.hide()) : this._config.keyboard || t.key !== Oi || this._triggerBackdropTransition(); })) : j.off(this._element, Ni); }
     _setResizeEvent() { this._isShown ? j.on(window, Di, (() => this._adjustDialog())) : j.off(window, Di); }
     _hideModal() { this._element.style.display = "none", this._element.setAttribute("aria-hidden", !0), this._element.removeAttribute("aria-modal"), this._element.removeAttribute("role"), this._isTransitioning = !1, this._backdrop.hide((() => { document.body.classList.remove(Pi), this._resetAdjustments(), this._scrollBar.reset(), j.trigger(this._element, Li); })); }
@@ -660,7 +663,7 @@
       e.classList.remove(Tn);
       const t = V.findOne(":scope > .dropdown-menu .active", e.parentNode);
       t && t.classList.remove(Tn), "tab" === e.getAttribute("role") && e.setAttribute("aria-selected", !1);
-    } t.classList.add(Tn), "tab" === t.getAttribute("role") && t.setAttribute("aria-selected", !0), t.classList.contains(On) && t.classList.add(Cn); let n = t.parentNode; if (n && "LI" === n.nodeName && (n = n.parentNode), n && n.classList.contains("dropdown-menu")) {
+    } t.classList.add(Tn), "tab" === t.getAttribute("role") && t.setAttribute("aria-selected", !0), u(t), t.classList.contains(On) && t.classList.add(Cn); let n = t.parentNode; if (n && "LI" === n.nodeName && (n = n.parentNode), n && n.classList.contains("dropdown-menu")) {
       const e = t.closest(".dropdown");
       e && V.find(".dropdown-toggle", e).forEach((t => t.classList.add(Tn))), t.setAttribute("aria-expanded", !0);
     } i && i(); }
@@ -677,7 +680,7 @@
     static get DefaultType() { return Pn; }
     static get Default() { return jn; }
     static get NAME() { return Dn; }
-    show() { j.trigger(this._element, "show.bs.toast").defaultPrevented || (this._clearTimeout(), this._config.animation && this._element.classList.add("fade"), this._element.classList.remove(Sn), this._element.classList.add(Nn), this._element.classList.add(In), this._queueCallback((() => { this._element.classList.remove(In), j.trigger(this._element, "shown.bs.toast"), this._maybeScheduleHide(); }), this._element, this._config.animation)); }
+    show() { j.trigger(this._element, "show.bs.toast").defaultPrevented || (this._clearTimeout(), this._config.animation && this._element.classList.add("fade"), this._element.classList.remove(Sn), u(this._element), this._element.classList.add(Nn), this._element.classList.add(In), this._queueCallback((() => { this._element.classList.remove(In), j.trigger(this._element, "shown.bs.toast"), this._maybeScheduleHide(); }), this._element, this._config.animation)); }
     hide() { this._element.classList.contains(Nn) && (j.trigger(this._element, "hide.bs.toast").defaultPrevented || (this._element.classList.add(In), this._queueCallback((() => { this._element.classList.add(Sn), this._element.classList.remove(In), this._element.classList.remove(Nn), j.trigger(this._element, "hidden.bs.toast"); }), this._element, this._config.animation))); }
     dispose() { this._clearTimeout(), this._element.classList.contains(Nn) && this._element.classList.remove(Nn), super.dispose(); }
     _getConfig(t) { return t = Object.assign(Object.assign(Object.assign({}, jn), U.getDataAttributes(this._element)), "object" == typeof t && t ? t : {}), a(Dn, t, this.constructor.DefaultType), t; }
@@ -701,3 +704,9 @@
   }
   return R(Mn), g(Mn), { Alert: W, Button: z, Carousel: st, Collapse: pt, Dropdown: hi, Modal: Hi, Offcanvas: Fi, Popover: gn, ScrollSpy: An, Tab: xn, Toast: Mn, Tooltip: un };
 }));
+
+const globalFn = () => { };
+
+const globalScripts = globalFn;
+
+export { globalScripts as g };

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

@@ -0,0 +1,54 @@
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { C as Colors } from './colors-ea36347a.js';
+import { H as HttpService } from './services-7c46a2fd.js';
+import './_commonjsHelpers-a4f66ccd.js';
+
+const indexCss = ".chat-widget,.chat-widget--sidebar,.chat-widget--content{display:flex;height:100%;width:100%}.chat-widget{position:relative}.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}}";
+
+const ChatBox = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onClickRoom = (chatRoom) => {
+      this.activeRoom = chatRoom;
+    };
+    this.primaryColor = undefined;
+    this.accessToken = undefined;
+    this.senderId = undefined;
+    this.chatRooms = undefined;
+    this.activeRoom = undefined;
+  }
+  componentWillLoad() {
+    this.fetchData();
+  }
+  async fetchData() {
+    try {
+      this.chatRooms = await HttpService().fetchChatRooms(this.accessToken);
+      (this.chatRooms || []).forEach((chatRoom) => {
+        HttpService().fetchChatMessages(chatRoom.uid, (messages) => {
+          this.chatRooms = [...(this.chatRooms || [])].map((room) => {
+            if (chatRoom.uid === room.uid) {
+              room.messages = messages;
+            }
+            return room;
+          });
+        });
+      });
+    }
+    catch (e) {
+      this.chatRooms = [];
+    }
+  }
+  render() {
+    const senderInfo = this.activeRoom ? (this.activeRoom.members || []).find(user => user.id === Number(this.senderId)) : null;
+    const receiverInfo = this.activeRoom ? (this.activeRoom.members || []).find(user => user.id !== Number(this.senderId)) : null;
+    return (h("div", { class: `chat-widget ${this.activeRoom ? 'has-chat-room' : ''}` }, h("div", { class: "chat-widget--sidebar" }, h("chat-rooms", { "sender-id": Number(this.senderId), activeRoom: this.activeRoom, chatRooms: this.chatRooms, onClickRoom: this.onClickRoom })), h("div", { class: "chat-widget--content" }, receiverInfo && (h("div", { class: "chat-widget--content-header" }, h("user-avatar", { size: 40, avatar: receiverInfo.avatar, name: h("div", { class: "chat-room--user-name", style: { color: '#fff' } }, receiverInfo.fullName), shortName: String(receiverInfo.fullName || '').charAt(0) }), h("div", { style: { position: 'relative' } }, h("div", { class: "chat-widget--content-close", onClick: () => this.onClickRoom(null) })))), h("div", { style: {
+        flexShrink: '1',
+        flexGrow: '1',
+        overflowY: 'auto',
+        padding: '16px',
+      } }, this.activeRoom && (h("chat-messages", { sender: senderInfo, receiver: receiverInfo, messages: this.activeRoom.messages || [], "chat-room-id": this.activeRoom.uid })), !this.activeRoom && (h("div", { style: { paddingTop: '72px', textAlign: 'center' } }, h("div", { class: "chat-widget--content-title" }, "Welcome back!"), h("div", { style: { marginTop: "12px" } }, "Select any user in left hand side to get started.")))), this.activeRoom && (h("div", { style: { borderTop: `1px solid ${Colors.Gray02}` } }, h("chat-form", { "sender-id": Number(senderInfo.id), "chat-room-id": this.activeRoom.uid }))))));
+  }
+};
+ChatBox.style = indexCss;
+
+export { ChatBox as chat_box };

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

@@ -0,0 +1,51 @@
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { C as Colors } from './colors-ea36347a.js';
+import { H as HttpService } from './services-7c46a2fd.js';
+import './_commonjsHelpers-a4f66ccd.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{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;background-color:#fff;display:flex;flex-direction:column;position:fixed;inset:0px;z-index:20000;font-size:16px;text-align:left;color:#141414}.chat-box--header{display:flex;justify-content:space-between;padding:16px;position:relative}.chat-box--title{color:#fff;font-size:20px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:space-between;margin:0}.chat-box--close{cursor:pointer;display:block;position:absolute;z-index:1000;top:50%;right:0;width:30px;height:30px;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==')}@media (min-width: 768px){.chat-box{border:1px solid #fff;left:unset;top:unset;right:1px;bottom:0px;height:420px;max-height:90vh;width:600px;-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px;-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 24px;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 24px;box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 24px}.chat-box--header{-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px}}";
+
+const ChatButton = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.primaryColor = undefined;
+    this.accessToken = undefined;
+    this.senderId = undefined;
+    this.receiverId = undefined;
+    this.senderInfo = {};
+    this.receiverInfo = {};
+    this.chatRoom = {};
+    this.chatMessages = undefined;
+    this.isChatExpanded = undefined;
+  }
+  componentWillLoad() {
+    this.fetchData();
+  }
+  async fetchData() {
+    try {
+      this.chatRoom = await HttpService().createChatRoom(this.receiverId, this.accessToken);
+      if (this.chatRoom) {
+        HttpService().fetchChatMessages(this.chatRoom.uid, (messages) => this.chatMessages = messages);
+        this.senderInfo = this.chatRoom.members.find(user => user.id === Number(this.senderId));
+        this.receiverInfo = this.chatRoom.members.find(user => user.id === Number(this.receiverId));
+      }
+    }
+    catch (e) { }
+  }
+  render() {
+    const unreadMessages = (this.chatMessages || []).filter(message => {
+      return Boolean(message.unRead) && message.senderId !== this.senderInfo.id;
+    });
+    return (h("div", null, h("div", { class: "chat-button--indicator", onClick: () => this.isChatExpanded = true }, unreadMessages.length > 0 && h("span", { class: "chat-button--counter" })), h("div", { class: "chat-box", style: this.isChatExpanded ? {} : { display: 'none' } }, h("div", { class: "chat-box--header", style: {
+        backgroundColor: this.primaryColor || '#f05a61',
+      } }, h("h3", { class: "chat-box--title" }, "Chat"), h("div", { style: { position: 'relative' } }, h("div", { class: "chat-box--close", onClick: () => this.isChatExpanded = false }))), h("div", { style: {
+        flexShrink: '1',
+        flexGrow: '1',
+        overflowY: 'auto',
+        padding: '16px',
+      } }, h("chat-messages", { sender: this.senderInfo, receiver: this.receiverInfo, messages: this.chatMessages || [], "chat-room-id": this.chatRoom.uid })), h("div", { style: { borderTop: `1px solid ${Colors.Gray02}` } }, h("chat-form", { "sender-id": this.senderInfo.id ? Number(this.senderInfo.id) : null, "chat-room-id": this.chatRoom.uid })))));
+  }
+};
+ChatButton.style = indexCss;
+
+export { ChatButton as chat_button };

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

@@ -0,0 +1,39 @@
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { H as HttpService } from './services-7c46a2fd.js';
+import './_commonjsHelpers-a4f66ccd.js';
+import './colors-ea36347a.js';
+
+const indexCss = ".chat-form{display:flex;height:56px;width:100%}.chat-form #chat-form--input{border:none;outline:none;flex-shrink:1;flex-grow:1;height:100%;font-size:16px;padding-left:16px;padding-right:16px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.chat-form>button{background-color:#001529;border:none;color:#fff;font-size:16px;min-width:80px;height:42px;margin:7px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.chat-form>button:hover,.chat-form>button:focus,.chat-form>button:active{background-color:#001529}";
+
+const ChatForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onSubmitMessage = async () => {
+      try {
+        const elNewMessage = document.getElementById('chat-form--input');
+        if (!!elNewMessage.value) {
+          await HttpService().sendChatMessage({
+            message: elNewMessage.value,
+            senderId: this.senderId,
+            chatRoomId: this.chatRoomId,
+          });
+          elNewMessage.value = '';
+        }
+      }
+      catch (error) { }
+    };
+    this.senderId = undefined;
+    this.chatRoomId = undefined;
+  }
+  render() {
+    return (h("div", { class: "chat-form" }, h("input", { id: "chat-form--input", type: "text", placeholder: "Enter a message...", onKeyPress: (evt) => {
+        if (evt.key === 'Enter') {
+          evt.preventDefault();
+          this.onSubmitMessage();
+        }
+      } }), h("button", { type: "button", onClick: () => this.onSubmitMessage() }, "Send")));
+  }
+};
+ChatForm.style = indexCss;
+
+export { ChatForm as chat_form };

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

@@ -0,0 +1,53 @@
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { d as dayjs_min, H as HttpService, b as dateFormat } from './services-7c46a2fd.js';
+import { C as Colors } from './colors-ea36347a.js';
+import { r as relativeTime } from './relativeTime-268e64b0.js';
+import './_commonjsHelpers-a4f66ccd.js';
+
+const indexCss = ".chat-message{overflow:hidden;clear:both;min-width:240px}.chat-message+.chat-message{margin-top:6px}.chat-message--meta{display:flex}.chat-message--title{background-color:#F1F1F1;padding:8px 12px;position:relative;float:left;margin-top:6px;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;border-radius:0 10px 10px 10px}.chat-message--time{clear:both;color:#999;font-size:75%;padding-top:2px}.chat-message.is-owner .chat-message--content{margin-left:12px}.chat-message.is-guest .chat-message--meta{flex-direction:row-reverse}.chat-message.is-guest .chat-message--title{background-color:#EFF7FF;float:right;margin-right:12px;text-align:right;-moz-border-radius:10px 0 10px 10px;-webkit-border-radius:10px 0 10px 10px;border-radius:10px 0 10px 10px}";
+
+dayjs_min.extend(relativeTime);
+const ChatMessages = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.markMessagesAsRead = async () => {
+      try {
+        const unreadMessages = (this.messages || []).filter(message => {
+          return Boolean(message.unRead) && message.senderId !== this.sender.id;
+        });
+        if (unreadMessages.length > 0) {
+          await HttpService().markMessagesAsRead(this.chatRoomId, unreadMessages);
+        }
+      }
+      catch (e) { }
+    };
+    this.scrollToLastMessage = () => {
+      const targetElement = document.getElementById('chat--last-message');
+      targetElement && targetElement.scrollIntoView();
+    };
+    this.renderMessage = (chatMessage) => {
+      const { message, senderId, timestamp } = chatMessage;
+      const isOwner = this.sender.id === senderId;
+      const todayStr = dayjs_min().format(dateFormat);
+      const messageDayStr = dayjs_min(timestamp).format(dateFormat);
+      return (h("div", { class: `chat-message ${isOwner ? 'is-owner' : 'is-guest'}` }, h("div", { class: "chat-message--meta" }, h("user-avatar", { size: 40, shortName: String(((isOwner ? this.sender : this.receiver) || {}).fullName || '').charAt(0), avatar: ((isOwner ? this.sender : this.receiver) || {}).avatar }), h("div", { class: "chat-message--content" }, h("div", { class: "chat-message--title" }, message), timestamp && (h("div", { class: "chat-message--time" }, todayStr === messageDayStr ? dayjs_min(timestamp).format('HH:mm') : dayjs_min(timestamp).fromNow()))))));
+    };
+    this.sender = {};
+    this.receiver = {};
+    this.messages = [];
+    this.chatRoomId = undefined;
+  }
+  componentDidLoad() {
+    this.markMessagesAsRead();
+  }
+  componentDidUpdate() {
+    this.scrollToLastMessage();
+  }
+  render() {
+    const isEmpty = (this.messages || []).length === 0;
+    return (h("div", { class: "chat-messages" }, !isEmpty && this.messages.map(this.renderMessage), isEmpty && (h("div", { style: { padding: '48px', textAlign: 'center' } }, h("div", { style: { color: Colors.Green04 } }, "No messages yet"))), h("div", { id: "chat--last-message" })));
+  }
+};
+ChatMessages.style = indexCss;
+
+export { ChatMessages as chat_messages };