@quoreadmin/ui 1.7.15 → 1.7.17

package/dist/index140.js

@@ -1,10 +1,10 @@
-import { defineComponent as mt, ref as i, computed as y, watch as B, onMounted as vt, onUnmounted as pt } from "vue";
+import { defineComponent as mt, ref as i, computed as g, watch as B, onMounted as vt, onUnmounted as pt } from "vue";
 import { useI18n as ft } from "vue-i18n";
 import { DateTime as w } from "./index164.js";
-import "./index187.js";
+import "./index189.js";
 import ht from "./index2.js";
-import gt from "./index3.js";
-import yt from "./index4.js";
+import yt from "./index3.js";
+import gt from "./index4.js";
 import _t from "./index21.js";
 import wt from "./index28.js";
 import It from "./index39.js";
@@ -12,13 +12,13 @@ import Dt from "./index20.js";
 import Tt from "./index46.js";
 import Ot from "./index47.js";
 import kt from "./index49.js";
-import K from "./index188.js";
+import K from "./index190.js";
 const Gt = mt({
   name: "QRoomDetailsPopover",
   components: {
     QAccordion: ht,
-    QActivityItem: gt,
-    QAvatar: yt,
+    QActivityItem: yt,
+    QAvatar: gt,
     QDatePicker: Dt,
     QDivider: _t,
     QIcon: wt,
@@ -142,6 +142,21 @@ const Gt = mt({
     teleportTo: {
       type: String,
       default: "body"
+    },
+    /** Whether to close the popover when the trigger scrolls out of its scrollable parent */
+    closeOnScrollOutOfView: {
+      type: Boolean,
+      default: !1
+    },
+    /** Whether to scroll the page to bring the popover into view when it opens or content changes */
+    scrollIntoView: {
+      type: Boolean,
+      default: !1
+    },
+    /** Padding (in pixels) from viewport edge when scrolling popover into view */
+    scrollIntoViewPadding: {
+      type: Number,
+      default: 20
     }
   },
   emits: ["create:callback", "create:todo", "refresh:pms", "show:toast", "toggle"],
@@ -175,7 +190,7 @@ const Gt = mt({
       info: !0,
       tickets: !0,
       comments: !0
-    }), te = i(!0), Ce = i(o.guestDetails), O = i([]), g = i({
+    }), te = i(!0), Ce = i(o.guestDetails), O = i([]), y = i({
       actionItems: !1,
       conversationToggle: !1,
       messages: !1,
@@ -233,7 +248,7 @@ const Gt = mt({
       notes: "",
       person: null,
       requestedBy: null
-    }), pe = i([]), q = i([]), x = i([]), fe = y(() => {
+    }), pe = i([]), q = i([]), x = i([]), fe = g(() => {
       switch (r.value.cleaning?.name || r.value.cleaningStatus) {
         case "CLEAN":
         case "INSPECTED":
@@ -246,13 +261,13 @@ const Gt = mt({
         default:
           return "";
       }
-    }), Re = y(() => fe.value === "CLEAN" ? "blue-10" : fe.value === "DIRTY" ? "red-10" : "gray-30"), He = y(() => {
+    }), Re = g(() => fe.value === "CLEAN" ? "blue-10" : fe.value === "DIRTY" ? "red-10" : "gray-30"), He = g(() => {
       const e = r.value.cleaning?.name || r.value.cleaningStatus;
       return e ? u(`HC_${e}`) : "";
-    }), Le = y(() => {
+    }), Le = g(() => {
       const e = b.value.toLowerCase();
       return o.quickReplies.filter((t) => t.toLowerCase().match(e));
-    }), Pe = y(() => {
+    }), Pe = g(() => {
       if (!C.value.length) return [];
       const e = [];
       let t = null;
@@ -272,11 +287,11 @@ const Gt = mt({
           formattedTime: s.toFormat("h:mma").replace("AM", "am").replace("PM", "pm")
         });
       }), e;
-    }), De = y(() => S.value.length ? !!S.value.find(
+    }), De = g(() => S.value.length ? !!S.value.find(
       (t) => t.type === "complaint"
-    ) : !1), qe = y(() => S.value.length ? !!S.value.find(
+    ) : !1), qe = g(() => S.value.length ? !!S.value.find(
       (t) => t.type === "callback"
-    ) : !1), xe = y(() => {
+    ) : !1), xe = g(() => {
       let e = [];
       return O.value[0] && O.value[0].options === void 0 ? O.value.forEach((t) => {
         e.push({
@@ -284,7 +299,7 @@ const Gt = mt({
           label: t.display_name
         });
       }) : e = O.value, e;
-    }), Te = y(() => r.value.occupancy?.name === "OCCUPIED" || r.value.occupancyStatus === "OCCUPIED"), Fe = y(() => Te.value && De.value ? "HK_ROOM_STATUS_Occupied_Complaint" : "HK_ROOM_STATUS_Occupied"), Be = y(() => {
+    }), Te = g(() => r.value.occupancy?.name === "OCCUPIED" || r.value.occupancyStatus === "OCCUPIED"), Fe = g(() => Te.value && De.value ? "HK_ROOM_STATUS_Occupied_Complaint" : "HK_ROOM_STATUS_Occupied"), Be = g(() => {
       switch (E.value?.id) {
         case "request":
         case "work_order":
@@ -292,7 +307,7 @@ const Gt = mt({
         default:
           return null;
       }
-    }), Ge = y(() => {
+    }), Ge = g(() => {
       if (M.value)
         switch (E.value?.id) {
           case "request":
@@ -303,7 +318,7 @@ const Gt = mt({
             return null;
         }
       return null;
-    }), Ue = y(() => {
+    }), Ue = g(() => {
       switch (E.value?.id) {
         case "request":
           return Q.value[1];
@@ -312,7 +327,7 @@ const Gt = mt({
         default:
           return null;
       }
-    }), We = y(() => {
+    }), We = g(() => {
       let e = "";
       if (r.value && r.value.reservations[0]) {
         const t = w.fromISO(
@@ -323,10 +338,10 @@ const Gt = mt({
         e += a + " " + s, n !== f && (e += ", " + n), a === c ? e += "-" + m : e += " - " + c + " " + m, e += ", " + f;
       }
       return e;
-    }), je = y(() => {
+    }), je = g(() => {
       let e = ae.value;
       return e = [...new Set(e)], e;
-    }), $e = y(() => {
+    }), $e = g(() => {
       const e = E.value?.id;
       if (!e)
         return !1;
@@ -400,7 +415,7 @@ const Gt = mt({
       });
     }, he = async (e = !1) => {
       if (o.showComments && r.value.tokenId) {
-        e || (g.value.messages = !0);
+        e || (y.value.messages = !0);
         try {
           let t = `/api/client/connect/getMessages.php?tokenId=${r.value.tokenId}`;
           e && k.value !== null && (t += `&lastMsgId=${k.value}`);
@@ -412,16 +427,16 @@ const Gt = mt({
             throw new Error(s.message || "Failed to get messages");
           if (A.value = !s.closed, s.messages && s.messages.length > 0) {
             k.value = s.messages[s.messages.length - 1].id, e ? Je(s.messages) : F(s.messages);
-            const n = setTimeout(V, 100);
+            const n = setTimeout(Y, 100);
             L.value.push(n);
           } else e || F(s.messages || []);
         } catch (t) {
           console.error("getChatMessages error:", t);
         } finally {
-          e || (g.value.messages = !1);
+          e || (y.value.messages = !1);
         }
       }
-    }, Ye = (e) => {
+    }, Ve = (e) => {
       const t = w.utc(), a = w.fromFormat(e, "yyyy-MM-dd HH:mm:ss", { zone: "utc" }), s = t.diff(
         a,
         [
@@ -444,11 +459,11 @@ const Gt = mt({
         return f === 1 ? u("HC_ONE_MINUTE_AGO") : u("HC_X_MINUTES_AGO", { minutes: f });
       if (f === 0)
         return u("HC_A_MOMENT_AGO");
-    }, Ve = async () => {
-      o.showGuestDetails && oe(), ne(), Y(), h("refresh:pms", r.value);
+    }, Ye = async () => {
+      o.showGuestDetails && oe(), ne(), V(), h("refresh:pms", r.value);
     }, oe = async () => {
       try {
-        g.value.pms = !0;
+        y.value.pms = !0;
         const e = new AbortController(), t = setTimeout(() => e.abort(), 45e3);
         L.value.push(t);
         const a = o.pmsBaseUrl;
@@ -474,9 +489,9 @@ const Gt = mt({
         R.value = m, m.length > 0 ? r.value = {
           ...m[0],
           tokenId: m[0].tokenId || o.room.tokenId
-        } : r.value = o.room, g.value.pms = !1;
+        } : r.value = o.room, y.value.pms = !1;
       } catch (e) {
-        return g.value.pms = !1, h("show:toast", {
+        return y.value.pms = !1, h("show:toast", {
           show: !0,
           message: u("HC_FAILED_TO_LOAD_PMS_DATA"),
           variant: "error",
@@ -485,7 +500,7 @@ const Gt = mt({
       }
     }, ne = async () => {
       try {
-        g.value.roomNotices = !0;
+        y.value.roomNotices = !0;
         const e = await fetch(
           "/api/client/common/getRoomNotices.php?propertyId=" + o.propertyId + "&roomIds=[" + o.room.id + "]"
         );
@@ -501,9 +516,9 @@ const Gt = mt({
           icon: "exclamation-circle"
         });
       } finally {
-        g.value.roomNotices = !1;
+        y.value.roomNotices = !1;
       }
-    }, ge = async () => {
+    }, ye = async () => {
       try {
         const e = new FormData();
         e.append("property_id", o.propertyId), e.append("filter", "tasks_new");
@@ -586,9 +601,9 @@ const Gt = mt({
         case "task":
           return "check";
       }
-    }, Y = async () => {
+    }, V = async () => {
       try {
-        g.value.tickets = !0;
+        y.value.tickets = !0;
         const e = await fetch(
           "/api/client/common/getAllToDos.php?propertyId=" + o.propertyId + "&roomIds=[" + o.room.id + "]"
         );
@@ -604,7 +619,7 @@ const Gt = mt({
           icon: "exclamation-circle"
         });
       } finally {
-        g.value.tickets = !1;
+        y.value.tickets = !1;
       }
     }, Ee = async (e) => {
       const t = await e.text();
@@ -697,10 +712,10 @@ const Gt = mt({
       Ae(), b.value = e;
     }, ot = async (e) => {
       if (console.log("selected:", e), E.value = e, O.value = [], I.value.issue = null, p.value.problem = null, v.value.item = null, v.value.issue = null, d.value.item = null, !E.value) {
-        g.value.actionItems = !1;
+        y.value.actionItems = !1;
         return;
       }
-      g.value.actionItems = !0;
+      y.value.actionItems = !0;
       const t = r.value?.qv2Rooms?.qRoomId || r.value?.id || o.room?.id, a = new FormData();
       switch (a.append("property_id", o.propertyId), a.append("area_id", t), e.id) {
         case "complaint":
@@ -725,7 +740,7 @@ const Gt = mt({
               icon: "exclamation-circle"
             });
           } finally {
-            g.value.actionItems = !1;
+            y.value.actionItems = !1;
           }
           break;
         case "room_notice":
@@ -743,7 +758,7 @@ const Gt = mt({
               icon: "exclamation-circle"
             });
           } finally {
-            g.value.actionItems = !1;
+            y.value.actionItems = !1;
           }
           break;
         case "request":
@@ -753,7 +768,7 @@ const Gt = mt({
               method: "POST",
               body: a
             })).json();
-            if (n.items && (O.value = n.items), await ge(), d.value.department = M.value.find(
+            if (n.items && (O.value = n.items), await ye(), d.value.department = M.value.find(
               (l) => parseInt(l.id) === 4
             ), o.allowWhenWhere)
               try {
@@ -791,7 +806,7 @@ const Gt = mt({
               icon: "exclamation-circle"
             });
           } finally {
-            g.value.actionItems = !1;
+            y.value.actionItems = !1;
           }
           break;
         case "work_order":
@@ -811,7 +826,7 @@ const Gt = mt({
               K.post(
                 "/api/client/common/getWorkOrderIssues.php"
               ),
-              ge()
+              ye()
             ]).then((m) => {
               const f = m[0];
               f.data.issues.forEach((_) => {
@@ -828,11 +843,11 @@ const Gt = mt({
               icon: "exclamation-circle"
             });
           } finally {
-            g.value.actionItems = !1;
+            y.value.actionItems = !1;
           }
           break;
         default:
-          g.value.actionItems = !1;
+          y.value.actionItems = !1;
           return;
       }
     }, nt = () => {
@@ -840,7 +855,7 @@ const Gt = mt({
     }, Se = () => {
       const e = document.getElementById("comment-field"), t = document.getElementById("hidden-text");
       e.style.height = t?.offsetHeight + "px";
-    }, V = () => {
+    }, Y = () => {
       const e = document.getElementById("comments-container");
       e?.scroll({
         top: e.scrollHeight,
@@ -848,7 +863,7 @@ const Gt = mt({
       });
     }, rt = async (e) => {
       if (e && e.type === "keydown" && e.preventDefault(), r.value.tokenId && b.value && !H.value) {
-        g.value.sendingMessage = !0;
+        y.value.sendingMessage = !0;
         try {
           const t = new FormData();
           t.append("tokenId", r.value.tokenId), t.append("content", b.value), t.append("senderId", P.value || "");
@@ -865,7 +880,7 @@ const Gt = mt({
             });
             return;
           }
-          b.value = "", A.value = !a.data.closed, a.data.messages && (F(a.data.messages), a.data.messages.length > 0 && (k.value = a.data.messages[a.data.messages.length - 1].id)), V();
+          b.value = "", A.value = !a.data.closed, a.data.messages && (F(a.data.messages), a.data.messages.length > 0 && (k.value = a.data.messages[a.data.messages.length - 1].id)), Y();
         } catch (t) {
           console.error("sendChatMessage error:", t), h("show:toast", {
             show: !0,
@@ -874,12 +889,12 @@ const Gt = mt({
             icon: "exclamation-circle"
           });
         } finally {
-          g.value.sendingMessage = !1;
+          y.value.sendingMessage = !1;
         }
       }
     }, lt = async () => {
       if (!(!r.value.tokenId || !P.value)) {
-        g.value.conversationToggle = !0;
+        y.value.conversationToggle = !0;
         try {
           const e = A.value ? "/api/client/connect/closeConversation.php" : "/api/client/connect/openConversation.php", t = new FormData();
           t.append("tokenId", r.value.tokenId), t.append("userId", P.value), A.value && k.value !== null && t.append("lastMsgId", k.value.toString());
@@ -907,7 +922,7 @@ const Gt = mt({
             icon: "exclamation-circle"
           });
         } finally {
-          g.value.conversationToggle = !1;
+          y.value.conversationToggle = !1;
         }
       }
     }, it = async () => {
@@ -929,7 +944,7 @@ const Gt = mt({
             });
             return;
           }
-          t.data.messages && (F(t.data.messages), A.value = !t.data.closed, t.data.messages.length > 0 && (k.value = t.data.messages[t.data.messages.length - 1].id)), j.value = "", W.value = !1, V(), h("show:toast", {
+          t.data.messages && (F(t.data.messages), A.value = !t.data.closed, t.data.messages.length > 0 && (k.value = t.data.messages[t.data.messages.length - 1].id)), j.value = "", W.value = !1, Y(), h("show:toast", {
             show: !0,
             message: u("HC_SIMULATED_GUEST_REPLY"),
             variant: "success",
@@ -952,7 +967,7 @@ const Gt = mt({
       $.value || ($.value = setInterval(() => {
         document.visibilityState === "visible" && he(!0);
       }, Me));
-    }, ye = () => {
+    }, ge = () => {
       $.value && (clearInterval($.value), $.value = null);
     }, _e = () => {
       if (o.align === "left" || o.align === "right") {
@@ -974,7 +989,7 @@ const Gt = mt({
       H.value = !H.value, H.value ? (b.value = "", N.value.info = ee.value, N.value.tickets = te.value, N.value.comments = Z.value, ee.value = !1, te.value = !1, document.getElementById("comment-field")?.focus()) : (ee.value = N.value.info, te.value = N.value.tickets, Z.value = N.value.comments);
     }, dt = async (e, t) => {
       const a = r.value?.qv2Rooms?.qRoomId || r.value?.id || o.room?.id, s = new FormData();
-      if (s.append("property_id", o.propertyId), s.append("room_ids", JSON.stringify([a])), await Y(), S.value) {
+      if (s.append("property_id", o.propertyId), s.append("room_ids", JSON.stringify([a])), await V(), S.value) {
         const n = [];
         S.value.forEach((l) => {
           l.id === e && l.type === t ? n.unshift({
@@ -989,14 +1004,14 @@ const Gt = mt({
     };
     B(() => o.open, () => {
       if (o.open && o.showComments && C.value.length) {
-        const e = setTimeout(V, 500);
+        const e = setTimeout(Y, 500);
         L.value.push(e);
       }
-      o.open || (Oe(), ye(), k.value = null, C.value = [], A.value = !1);
+      o.open || (Oe(), ge(), k.value = null, C.value = [], A.value = !1);
     }), B(
       () => [o.open, o.showComments, Z.value, r.value?.tokenId],
       ([e, t, a, s]) => {
-        e && t && a && s ? ct() : ye();
+        e && t && a && s ? ct() : ge();
       }
     ), B(b, () => {
       const e = setTimeout(Se, 100);
@@ -1006,11 +1021,11 @@ const Gt = mt({
     });
     const be = () => !!(o.room.reservations || o.room.cleaning || o.room.occupancy);
     return B(() => o.open, async (e, t) => {
-      e && !t && (be() ? (r.value = o.room, R.value = [o.room]) : o.showGuestDetails && !R.value ? await oe() : r.value || (r.value = o.room), Y(), ne(), o.showComments && he());
+      e && !t && (be() ? (r.value = o.room, R.value = [o.room]) : o.showGuestDetails && !R.value ? await oe() : r.value || (r.value = o.room), V(), ne(), o.showComments && he());
     }), B(
       () => o.room.id,
       (e, t) => {
-        e !== t && (r.value = o.room, R.value = null, o.open && (be() ? R.value = [o.room] : o.showGuestDetails && oe(), Y(), ne()));
+        e !== t && (r.value = o.room, R.value = null, o.open && (be() ? R.value = [o.room] : o.showGuestDetails && oe(), V(), ne()));
       }
     ), vt(async () => {
       const e = JSON.parse(
@@ -1020,7 +1035,7 @@ const Gt = mt({
     }), pt(() => {
       L.value.forEach((e) => {
         clearTimeout(e);
-      }), ye();
+      }), ge();
     }), {
       DateTime: w,
       // Refs
@@ -1039,7 +1054,7 @@ const Gt = mt({
       expandTickets: te,
       guestDetailsData: Ce,
       itemOptions: O,
-      loading: g,
+      loading: y,
       messages: C,
       moodOptions: ce,
       pmsData: R,
@@ -1090,14 +1105,14 @@ const Gt = mt({
       createCallback: Qe,
       createMessageList: F,
       getChatMessages: he,
-      getHowLongAgo: Ye,
+      getHowLongAgo: Ve,
       getPMSData: oe,
       getRoomNotices: ne,
-      getSharedData: ge,
+      getSharedData: ye,
       getStayDetails: ke,
       getTicketColor: ze,
       getTicketIcon: Ke,
-      getTickets: Y,
+      getTickets: V,
       handleFailedResponse: Ee,
       handlePulse: Xe,
       onClickEditConnectGuest: Ze,
@@ -1107,9 +1122,9 @@ const Gt = mt({
       onSelectQuickReply: st,
       onSelectToDo: ot,
       openRequest: nt,
-      refreshPMSData: Ve,
+      refreshPMSData: Ye,
       resizeTextarea: Se,
-      scrollToConnectBottom: V,
+      scrollToConnectBottom: Y,
       sendChatMessage: rt,
       setAlignment: _e,
       setPositioning: we,

package/dist/index142.js

@@ -1,5 +1,5 @@
 import { defineComponent as H, ref as n, computed as a, watch as g, nextTick as f } from "vue";
-import { Multiselect as I } from "./index189.js";
+import { Multiselect as I } from "./index187.js";
 import { useI18n as k } from "vue-i18n";
 /* empty css         */
 import q from "./index6.js";

package/dist/index173.js

@@ -1,7 +1,7 @@
-import g from "./index223.js";
+import g from "./index217.js";
 import { DomHandler as f, ObjectUtils as d } from "./index170.js";
-import v from "./index224.js";
-import S from "./index234.js";
+import v from "./index218.js";
+import S from "./index219.js";
 import { resolveDirective as A, createElementBlock as h, openBlock as p, mergeProps as b, Fragment as E, renderList as O, withDirectives as w, renderSlot as x, normalizeClass as K, createElementVNode as I, toDisplayString as D } from "vue";
 var V = {
   name: "BaseSelectButton",

package/dist/index176.js

@@ -1,8 +1,8 @@
 import { createVNode as s, ref as k, watchEffect as Y, onMounted as me, watch as nt, computed as A, toRef as at, inject as ge, shallowRef as lt, defineComponent as ot, provide as ye, onUnmounted as rt, isVNode as st, Teleport as it, Transition as ut, createElementBlock as be, openBlock as we, createElementVNode as Z, h as Ye } from "vue";
-import { format as Ce } from "./index235.js";
-import { parse as ct } from "./index236.js";
-import { getWeek as Ie } from "./index237.js";
-import dt from "./index238.js";
+import { format as Ce } from "./index220.js";
+import { parse as ct } from "./index221.js";
+import { getWeek as Ie } from "./index222.js";
+import dt from "./index223.js";
 var ft = Object.defineProperty, pt = Object.defineProperties, vt = Object.getOwnPropertyDescriptors, le = Object.getOwnPropertySymbols, Ue = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable, Se = (t, e, n) => e in t ? ft(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, M = (t, e) => {
   for (var n in e || (e = {}))
     Ue.call(e, n) && Se(t, n, e[n]);

package/dist/index183.js

@@ -1,14 +1,14 @@
-import A from "./index217.js";
-import O from "./index218.js";
-import V from "./index219.js";
-import R from "./index220.js";
-import j from "./index221.js";
-import K from "./index222.js";
-import H from "./index223.js";
+import A from "./index232.js";
+import O from "./index233.js";
+import V from "./index227.js";
+import R from "./index234.js";
+import j from "./index235.js";
+import K from "./index236.js";
+import H from "./index217.js";
 import { DomHandler as w } from "./index170.js";
-import W from "./index224.js";
-import G from "./index225.js";
-import Y from "./index226.js";
+import W from "./index218.js";
+import G from "./index237.js";
+import Y from "./index238.js";
 import { resolveComponent as y, createElementBlock as f, openBlock as o, Fragment as U, renderList as E, mergeProps as r, createElementVNode as h, createVNode as L, toDisplayString as F, normalizeClass as B, withCtx as C, createBlock as m, resolveDynamicComponent as b, resolveDirective as Z, createCommentVNode as v, renderSlot as g, withDirectives as M, withKeys as T, createTextVNode as z } from "vue";
 var q = {
   name: "BaseFileUpload",

package/dist/index185.js

@@ -1,15 +1,15 @@
-import q from "./index227.js";
-import X from "./index228.js";
+import q from "./index224.js";
+import X from "./index225.js";
 import { ZIndexUtils as T, DomHandler as c, UniqueComponentId as k, ObjectUtils as $ } from "./index170.js";
-import O from "./index224.js";
-import Y from "./index229.js";
-import J from "./index219.js";
-import L from "./index223.js";
-import H from "./index230.js";
-import M from "./index231.js";
+import O from "./index218.js";
+import Y from "./index226.js";
+import J from "./index227.js";
+import L from "./index217.js";
+import H from "./index228.js";
+import M from "./index229.js";
 import { resolveDirective as C, createElementBlock as d, openBlock as s, mergeProps as l, createElementVNode as b, createCommentVNode as h, withDirectives as y, createBlock as f, resolveDynamicComponent as p, Fragment as U, renderList as G, resolveComponent as A, createVNode as z, withCtx as D, Transition as Q } from "vue";
-import ee from "./index232.js";
-import te from "./index233.js";
+import ee from "./index230.js";
+import te from "./index231.js";
 var ie = {
   name: "BaseGalleria",
   extends: O,