@quoreadmin/ui 1.5.0 → 1.5.1

package/dist/index10.js

@@ -2,10 +2,10 @@ import w from "./index75.js";
 import { resolveComponent as g, createElementBlock as o, openBlock as s, createCommentVNode as i, createElementVNode as c, renderSlot as t, createVNode as p, normalizeClass as h, createBlock as C, toDisplayString as r, Fragment as d, renderList as u, createTextVNode as k } from "vue";
 /* empty css        */
 import $ from "./index61.js";
-const f = { class: "q-calendar" }, M = {
+const M = { class: "q-calendar" }, V = {
   key: 0,
   class: "calendar-header"
-}, V = {
+}, f = {
   key: 1,
   class: "nav-spacer"
 }, N = ["disabled"], D = {
@@ -14,24 +14,24 @@ const f = { class: "q-calendar" }, M = {
 }, R = {
   key: 1,
   class: "header-text"
-}, b = {
+}, S = {
   key: 2,
   class: "header-text"
-}, S = {
+}, b = {
   key: 3,
   class: "nav-spacer"
-}, I = {
+}, T = {
   key: 1,
   class: "calendar-body"
-}, H = {
+}, I = {
   key: 0,
   class: "month-label"
-}, L = {
+}, H = {
   key: 1,
   class: "calendar-weekdays"
-}, T = { class: "calendar-grid" }, Y = ["onClick", "onMouseenter"], z = { class: "day-number" }, E = {
+}, L = { class: "calendar-grid" }, Y = ["onClick", "onMouseenter"], z = { class: "day-number" }, E = {
   key: 0,
-  class: "day-indicator"
+  class: "today-indicator"
 }, W = {
   key: 2,
   class: "calendar-body calendar-body-continuous"
@@ -40,7 +40,7 @@ const f = { class: "q-calendar" }, M = {
   class: "calendar-weekdays"
 }, F = { class: "calendar-grid calendar-grid-continuous" }, P = ["onClick", "onMouseenter"], Q = { class: "day-number" }, A = {
   key: 0,
-  class: "day-indicator"
+  class: "today-indicator"
 }, G = {
   key: 3,
   class: "calendar-months-view"
@@ -53,8 +53,8 @@ const f = { class: "q-calendar" }, M = {
 };
 function Z(e, l, _, O, j, x) {
   const v = g("q-icon");
-  return s(), o("div", f, [
-    e.showHeader ? (s(), o("div", M, [
+  return s(), o("div", M, [
+    e.showHeader ? (s(), o("div", V, [
       e.showNavigation ? (s(), o("button", {
         key: 0,
         type: "button",
@@ -70,7 +70,7 @@ function Z(e, l, _, O, j, x) {
             color: "inkwell-20"
           })
         ], !0)
-      ])) : (s(), o("span", V)),
+      ])) : (s(), o("span", f)),
       c("button", {
         type: "button",
         class: h([
@@ -84,9 +84,9 @@ function Z(e, l, _, O, j, x) {
           title: e.headerTitle,
           view: e.currentView
         }, () => [
-          e.currentView === "days" ? (s(), o("span", D, r(e.headerTitle), 1)) : e.currentView === "months" ? (s(), o("span", R, r(e.viewDate.getFullYear()), 1)) : (s(), o("span", b, r(e.yearRangeStart) + " - " + r(e.yearRangeStart + 11), 1))
+          e.currentView === "days" ? (s(), o("span", D, r(e.headerTitle), 1)) : e.currentView === "months" ? (s(), o("span", R, r(e.viewDate.getFullYear()), 1)) : (s(), o("span", S, r(e.yearRangeStart) + " - " + r(e.yearRangeStart + 11), 1))
         ], !0),
-        e.headerClickable && e.numberOfMonths > 1 ? (s(), C(v, {
+        e.headerClickable && e.isMultiMonth ? (s(), C(v, {
           key: 0,
           icon: "chevron-down",
           type: "line",
@@ -110,14 +110,14 @@ function Z(e, l, _, O, j, x) {
             color: "inkwell-20"
           })
         ], !0)
-      ])) : (s(), o("span", S))
+      ])) : (s(), o("span", b))
     ])) : i("", !0),
-    e.currentView === "days" && !e.continuous ? (s(), o("div", I, [
+    e.currentView === "days" && !e.continuous ? (s(), o("div", T, [
       (s(!0), o(d, null, u(e.displayedMonths, (n) => (s(), o("div", {
         key: `${n.year}-${n.month}`,
-        class: h(["calendar-month", { "calendar-month-multi": e.numberOfMonths > 1 }])
+        class: h(["calendar-month", { "calendar-month-multi": e.isMultiMonth }])
       }, [
-        e.numberOfMonths > 1 ? (s(), o("div", H, [
+        e.isMultiMonth ? (s(), o("div", I, [
           t(e.$slots, "month-label", {
             month: n.month,
             year: n.year
@@ -125,7 +125,7 @@ function Z(e, l, _, O, j, x) {
             k(r(e.monthNamesShort[n.month]) + " " + r(n.year), 1)
           ], !0)
         ])) : i("", !0),
-        e.showWeekDays ? (s(), o("div", L, [
+        e.showWeekDays ? (s(), o("div", H, [
           (s(!0), o(d, null, u(e.daysOfWeek, (a) => (s(), o("div", {
             key: a,
             class: "weekday"
@@ -135,7 +135,7 @@ function Z(e, l, _, O, j, x) {
             ], !0)
           ]))), 128))
         ])) : i("", !0),
-        c("div", T, [
+        c("div", L, [
           (s(!0), o(d, null, u(n.dates, (a, y) => (s(), o("div", {
             key: y,
             class: h([
@@ -157,7 +157,7 @@ function Z(e, l, _, O, j, x) {
           }, [
             t(e.$slots, "day", { date: a }, () => [
               c("span", z, r(a.day), 1),
-              a.hasIndicator ? (s(), o("span", E)) : i("", !0)
+              a.isToday ? (s(), o("span", E)) : i("", !0)
             ], !0)
           ], 42, Y))), 128))
         ])
@@ -196,7 +196,7 @@ function Z(e, l, _, O, j, x) {
           }, [
             t(e.$slots, "day", { date: n }, () => [
               c("span", Q, r(n.day), 1),
-              n.hasIndicator ? (s(), o("span", A)) : i("", !0)
+              n.isToday ? (s(), o("span", A)) : i("", !0)
             ], !0)
           ], 42, P))), 128))
         ])
@@ -238,7 +238,7 @@ function Z(e, l, _, O, j, x) {
     ])) : i("", !0)
   ]);
 }
-const ae = /* @__PURE__ */ $(w, [["render", Z], ["__scopeId", "data-v-12f78127"]]);
+const ae = /* @__PURE__ */ $(w, [["render", Z], ["__scopeId", "data-v-5508e564"]]);
 export {
   ae as default
 };

package/dist/index136.js

@@ -1,4 +1,4 @@
-import { defineComponent as Fe, ref as s, computed as p, watch as ae, onMounted as je, onUnmounted as $e } from "vue";
+import { defineComponent as Fe, ref as s, computed as p, watch as G, onMounted as je, onUnmounted as $e } from "vue";
 import { useI18n as ze } from "vue-i18n";
 import { DateTime as h } from "./index159.js";
 import "./index182.js";
@@ -11,7 +11,7 @@ import Ze from "./index38.js";
 import et from "./index183.js";
 import tt from "./index45.js";
 import at from "./index48.js";
-import U from "./index184.js";
+import Q from "./index184.js";
 const ht = Fe({
   name: "QRoomDetailsPopover",
   components: {
@@ -120,8 +120,8 @@ const ht = Fe({
     }
   },
   emits: ["create:callback", "create:todo", "refresh:pms", "toggle"],
-  setup(l, { emit: w }) {
-    const { t: d } = ze(), r = s(null), G = s(!1), Q = s("left"), H = s([
+  setup(n, { emit: w }) {
+    const { t: d } = ze(), r = s(null), F = s(!1), j = s("left"), A = s([
       {
         id: 1,
         label: d("HC_DEPARTMENT")
@@ -149,15 +149,15 @@ const ht = Fe({
       problem: null,
       notes: "",
       tokenId: r.value?.tokenId
-    }), R = s(250), E = s(290), O = s([]), me = s([]), F = s(!0), A = s(!0), b = s({
+    }), E = s(250), M = s(290), O = s([]), me = s([]), $ = s(!0), B = s(!0), b = s({
       info: !0,
       tickets: !0,
       comments: !0
-    }), B = s(!0), pe = s(l.guestDetails), D = s([]), T = s({
+    }), P = s(!0), pe = s(n.guestDetails), D = s([]), T = s({
       pms: !1,
       roomNotices: !1,
       tickets: !1
-    }), oe = s([]), j = s([]), $ = s("bottom"), M = s(null), z = s([]), C = s(!1), u = s({
+    }), oe = s([]), z = s([]), W = s("bottom"), C = s(null), X = s([]), R = s(!1), u = s({
       assignType: null,
       department: null,
       due: /* @__PURE__ */ new Date(),
@@ -181,7 +181,7 @@ const ht = Fe({
       issue: null,
       notes: "",
       startDate: /* @__PURE__ */ new Date()
-    }), P = s([]), L = s(!1), _ = s([]), S = s([]), fe = s([
+    }), L = s([]), x = s(!1), _ = s([]), S = s([]), fe = s([
       {
         label: d("HC_COMPLAINT"),
         id: "complaint"
@@ -198,7 +198,7 @@ const ht = Fe({
         label: d("HC_WORK_ORDER"),
         id: "work_order"
       }
-    ]), q = s(), x = s(null), n = s({
+    ]), q = s(), Y = s(null), l = s({
       assignType: null,
       department: null,
       due: /* @__PURE__ */ new Date(),
@@ -207,7 +207,7 @@ const ht = Fe({
       notes: "",
       person: null,
       requestedBy: null
-    }), W = s([]), X = p(() => {
+    }), J = s([]), K = p(() => {
       switch (r.value.cleaning?.name) {
         case "CLEAN":
         case "INSPECTED":
@@ -220,9 +220,9 @@ const ht = Fe({
         default:
           return "";
       }
-    }), ye = p(() => X.value === "CLEAN" ? "blue-10" : X.value === "DIRTY" ? "red-10" : "gray-30"), he = p(() => d(`HC_${r.value.cleaning?.name}`) || ""), ge = p(() => {
+    }), ye = p(() => K.value === "CLEAN" ? "blue-10" : K.value === "DIRTY" ? "red-10" : "gray-30"), he = p(() => d(`HC_${r.value.cleaning?.name}`) || ""), ge = p(() => {
       const e = k.value.toLowerCase();
-      return z.value.filter((a) => a.toLowerCase().match(e));
+      return X.value.filter((a) => a.toLowerCase().match(e));
     }), se = p(() => _.value.length ? !!_.value.find(
       (a) => a.type === "complaint"
     ) : !1), _e = p(() => _.value.length ? !!_.value.find(
@@ -239,7 +239,7 @@ const ht = Fe({
       switch (g.value?.id) {
         case "request":
         case "work_order":
-          return H.value[0];
+          return A.value[0];
         default:
           return null;
       }
@@ -275,7 +275,7 @@ const ht = Fe({
       }
       return e;
     }), Oe = p(() => {
-      let e = P.value;
+      let e = L.value;
       return e = [...new Set(e)], e;
     }), Ce = p(() => {
       const e = g.value?.id;
@@ -287,14 +287,14 @@ const ht = Fe({
         case "complaint":
           return i.value.problem && i.value.guestName && i.value.guestMood;
         case "work_order":
-          return n.value.item && n.value.issue && n.value.requestedBy && n.value.due && (n.value.assignType && n.value.assignType.id === 0 || n.value.assignType && n.value.assignType.id === 1 && n.value.department || n.value.assignType && n.value.assignType.id === 2 && n.value.person);
+          return l.value.item && l.value.issue && l.value.requestedBy && l.value.due && (l.value.assignType && l.value.assignType.id === 0 || l.value.assignType && l.value.assignType.id === 1 && l.value.department || l.value.assignType && l.value.assignType.id === 2 && l.value.person);
         case "request":
           return u.value.item && u.value.requestedBy && u.value.due && (u.value.assignType && u.value.assignType.id === 0 || u.value.assignType && u.value.assignType.id === 1 && u.value.department || u.value.assignType && u.value.assignType.id === 2 && u.value.person);
         default:
           return !1;
       }
     }), le = () => {
-      L.value = !1, C.value = !1, G.value = !1, D.value = [], j.value = [], W.value = [], g.value = null, v.value.issue = null, v.value.startDate = /* @__PURE__ */ new Date(), v.value.endDate = /* @__PURE__ */ new Date(), v.value.notes = "", i.value.guestName = "", i.value.guestEmail = "", i.value.guestPhone = "", i.value.guestMood = null, i.value.guestLoyalty = "", i.value.problem = null, i.value.checkInDate = /* @__PURE__ */ new Date(), i.value.checkOutDate = /* @__PURE__ */ new Date(), i.value.notes = "", n.value.assignType = null, n.value.department = null, n.value.person = null, n.value.due = /* @__PURE__ */ new Date(), n.value.item = null, n.value.issue = null, n.value.notes = "", u.value.assignType = null, u.value.department = null, u.value.person = null, u.value.due = /* @__PURE__ */ new Date(), u.value.item = null, u.value.notes = "";
+      x.value = !1, R.value = !1, F.value = !1, D.value = [], z.value = [], J.value = [], g.value = null, v.value.issue = null, v.value.startDate = /* @__PURE__ */ new Date(), v.value.endDate = /* @__PURE__ */ new Date(), v.value.notes = "", i.value.guestName = "", i.value.guestEmail = "", i.value.guestPhone = "", i.value.guestMood = null, i.value.guestLoyalty = "", i.value.problem = null, i.value.checkInDate = /* @__PURE__ */ new Date(), i.value.checkOutDate = /* @__PURE__ */ new Date(), i.value.notes = "", l.value.assignType = null, l.value.department = null, l.value.person = null, l.value.due = /* @__PURE__ */ new Date(), l.value.item = null, l.value.issue = null, l.value.notes = "", u.value.assignType = null, u.value.department = null, u.value.person = null, u.value.due = /* @__PURE__ */ new Date(), u.value.item = null, u.value.notes = "";
     }, Re = async () => {
       w("create:callback", r.value), w("toggle", !1);
     }, Ee = (e) => {
@@ -319,7 +319,7 @@ const ht = Fe({
         t.sender_type === "user" && (o.user.firstName = t.user_first_name, o.user.lastName = t.user_last_name, o.user.initials = o.user.firstName[0] + o.user.lastName[0]), t.sender_type === "guest" && (o.user.firstName = t.guest_first_name, o.user.lastName = t.guest_last_name), o.user.initials = o.user.firstName[0] + o.user.lastName[0], o.user.src = "", o.isSystemMessage && (o.user.icon = "property-fill"), t.sender_id && (o.user.id = t.sender_id), a.push(o);
       }), e.value = a;
     }, re = async () => {
-      l.showComments && r.value.tokenId;
+      n.showComments && r.value.tokenId;
     }, Me = (e) => {
       const a = h.utc(), t = h.fromFormat(e, "yyyy-MM-dd HH:mm:ss", { zone: "utc" }), o = a.diff(
         t,
@@ -344,13 +344,13 @@ const ht = Fe({
       if (I === 0)
         return d("HC_A_MOMENT_AGO");
     }, Ne = async () => {
-      l.showGuestDetails && J(), K(), Y(), w("refresh:pms", r.value);
-    }, J = async () => {
+      n.showGuestDetails && V(), U(), H(), w("refresh:pms", r.value);
+    }, V = async () => {
       try {
         T.value.pms = !0;
         const e = new AbortController(), a = setTimeout(() => e.abort(), 45e3);
         S.value.push(a);
-        const t = l.pmsBaseUrl;
+        const t = n.pmsBaseUrl;
         if (!t)
           throw new Error("PMS base URL is required");
         const o = {
@@ -360,7 +360,7 @@ const ht = Fe({
           })(),
           "Content-Type": "application/json"
         }, c = await fetch(
-          `${t}/vendors/properties/statuses/${l.propertyId}/rooms`,
+          `${t}/vendors/properties/statuses/${n.propertyId}/rooms`,
           {
             method: "GET",
             headers: o,
@@ -369,30 +369,30 @@ const ht = Fe({
         );
         clearTimeout(a), c.ok || ie(c);
         const m = await c.json();
-        M.value = m.data.pmsRooms, r.value = M.value.find(
-          (f) => f.qv2Rooms.qRoomId === l.room.id
-        ), r.value || (r.value = l.room), T.value.pms = !1;
+        C.value = m.data.pmsRooms, r.value = C.value.find(
+          (f) => f.qv2Rooms.qRoomId === n.room.id
+        ), r.value || (r.value = n.room), T.value.pms = !1;
       } catch (e) {
         return T.value.pms = !1, e;
       }
-    }, K = async () => {
+    }, U = async () => {
       try {
         T.value.roomNotices = !0;
         const e = await fetch(
-          "/api/client/common/getRoomNotices.php?propertyId=" + l.propertyId + "&roomIds=[" + l.room.id + "]"
+          "/api/client/common/getRoomNotices.php?propertyId=" + n.propertyId + "&roomIds=[" + n.room.id + "]"
         );
         if (!e.ok)
           throw new Error(`HTTP error! status: ${e.status}`);
         const a = await e.json();
-        P.value = a.notices;
+        L.value = a.notices;
       } catch (e) {
-        console.error("Error getting room notices:", e), P.value = [];
+        console.error("Error getting room notices:", e), L.value = [];
       } finally {
         T.value.roomNotices = !1;
       }
-    }, V = async () => {
+    }, Z = async () => {
       const e = new FormData();
-      e.append("property_id", l.propertyId), e.append("filter", "tasks_new"), await Promise.all([
+      e.append("property_id", n.propertyId), e.append("filter", "tasks_new"), await Promise.all([
         fetch("/api/client/common/getDepartments.php", {
           method: "POST"
         }),
@@ -408,7 +408,7 @@ const ht = Fe({
       try {
         const e = new FormData();
         e.append("funcname", "get_stay_details"), e.append("token_id", r.value.tokenId);
-        const t = (await U.post(
+        const t = (await Q.post(
           "/includes/chat_api.php",
           e
         )).data.result;
@@ -448,11 +448,11 @@ const ht = Fe({
         case "task":
           return "check";
       }
-    }, Y = async () => {
+    }, H = async () => {
       try {
         T.value.tickets = !0;
         const e = await fetch(
-          "/api/client/common/getAllToDos.php?propertyId=" + l.propertyId + "&roomIds=[" + l.room.id + "]"
+          "/api/client/common/getAllToDos.php?propertyId=" + n.propertyId + "&roomIds=[" + n.room.id + "]"
         );
         if (!e.ok)
           throw new Error(`HTTP error! status: ${e.status}`);
@@ -526,8 +526,8 @@ const ht = Fe({
     }, Pe = async () => {
       const e = {
         type: g.value?.id,
-        propertyId: l.propertyId,
-        userId: x.value,
+        propertyId: n.propertyId,
+        userId: Y.value,
         areaId: r.value.qv2Rooms.qRoomId,
         areaName: r.value.qv2Rooms.qRoomName
       };
@@ -544,18 +544,18 @@ const ht = Fe({
           e.issue = v.value.issue.id, e.startDate = h(v.value.startDate).format("YYYY-MM-DD"), e.endDate = h(v.value.endDate).format("YYYY-MM-DD"), e.notes = v.value.notes, e.sendPush = "1", w("create:todo", e);
           break;
         case "work_order":
-          e.itemId = n.value.item.id, e.issueId = n.value.issue.id, e.assignType = n.value.assignType.id, e.occupied = n.value.requestedBy.id, e.notes = n.value.notes, e.dueDate = h(n.value.due).format("YYYY-MM-DD"), n.value.assignType.id === 1 && (e.department = n.value.department.id), n.value.assignType.id === 2 && (e.person = n.value.person.id), w("create:todo", e);
+          e.itemId = l.value.item.id, e.issueId = l.value.issue.id, e.assignType = l.value.assignType.id, e.occupied = l.value.requestedBy.id, e.notes = l.value.notes, e.dueDate = h(l.value.due).format("YYYY-MM-DD"), l.value.assignType.id === 1 && (e.department = l.value.department.id), l.value.assignType.id === 2 && (e.person = l.value.person.id), w("create:todo", e);
           break;
       }
     }, Le = (e) => {
-      ee(), te(), l.hover && w("toggle", e);
+      te(), ae(), n.hover && w("toggle", e);
     }, xe = (e) => {
       de(), k.value = e;
     }, Ye = async (e) => {
-      if (console.log("selected:", e), g.value = e, D.value = [], v.value.issue = null, i.value.problem = null, n.value.item = null, n.value.issue = null, u.value.item = null, !g.value)
+      if (console.log("selected:", e), g.value = e, D.value = [], v.value.issue = null, i.value.problem = null, l.value.item = null, l.value.issue = null, u.value.item = null, !g.value)
         return;
       const a = new FormData();
-      switch (a.append("property_id", l.propertyId), a.append("area_id", r.value.qv2Rooms.qRoomId), e.id) {
+      switch (a.append("property_id", n.propertyId), a.append("area_id", r.value.qv2Rooms.qRoomId), e.id) {
         case "complaint":
           try {
             r.value.tokenId && await ue();
@@ -564,12 +564,12 @@ const ht = Fe({
               body: a
             });
             console.log("complaints:", t);
-            const o = await U.post(
+            const o = await Q.post(
               "/api/client/common/getComplaintMoods.php"
             );
             o.data.items.forEach((c) => {
               c.label = c.display_name;
-            }), j.value = o.data.items;
+            }), z.value = o.data.items;
           } catch (t) {
             console.log(t);
           }
@@ -587,12 +587,12 @@ const ht = Fe({
           break;
         case "request":
           try {
-            u.value.requestedBy = N.value[1], u.value.assignType = H.value[0];
+            u.value.requestedBy = N.value[1], u.value.assignType = A.value[0];
             const t = await fetch("/api/client/common/getHousekeepingItemsByPropertyId.php", {
               method: "POST",
               body: a
             });
-            console.log("requests:", t), await V(), u.value.department = O.value.find(
+            console.log("requests:", t), await Z(), u.value.department = O.value.find(
               (o) => parseInt(o.id) === 4
             );
           } catch (t) {
@@ -601,7 +601,7 @@ const ht = Fe({
           break;
         case "work_order":
           try {
-            n.value.requestedBy = N.value[0], n.value.assignType = H.value[0];
+            l.value.requestedBy = N.value[0], l.value.assignType = A.value[0];
             const t = await fetch("/api/client/common/getItemsByRoomId.php", {
               method: "POST",
               body: a
@@ -613,16 +613,16 @@ const ht = Fe({
               options: []
             };
             o.push({ ...c }), D.value = o, await Promise.all([
-              U.post(
+              Q.post(
                 "/api/client/common/getWorkOrderIssues.php"
               ),
-              V()
+              Z()
             ]).then((m) => {
               const f = m[0];
               f.data.issues.forEach((y) => {
                 y.label = y.display_name;
-              }), W.value = f.data.issues;
-            }), n.value.department = O.value.find(
+              }), J.value = f.data.issues;
+            }), l.value.department = O.value.find(
               (m) => parseInt(m.id) === 2
             );
           } catch (t) {
@@ -633,55 +633,55 @@ const ht = Fe({
           return;
       }
     }, Ue = () => {
-      L.value = !L.value, G.value = !1;
+      x.value = !x.value, F.value = !1;
     }, ce = () => {
       const e = document.getElementById("comment-field"), a = document.getElementById("hidden-text");
       e.style.height = a?.offsetHeight + "px";
-    }, Z = () => {
+    }, ee = () => {
       const e = document.getElementById("comments-container");
       e?.scroll({
         top: e.scrollHeight,
         behavior: "smooth"
       });
     }, Ge = async (e) => {
-      if (e && e.type === "keydown" && e.preventDefault(), r.value.tokenId && k.value && !C.value)
+      if (e && e.type === "keydown" && e.preventDefault(), r.value.tokenId && k.value && !R.value)
         try {
           const a = new FormData();
-          a.append("funcname", "send_message_to_guest"), a.append("stay_id", r.value.tokenId), a.append("content", k.value), a.append("sender_id", x.value || "");
-          const t = await U.post(
+          a.append("funcname", "send_message_to_guest"), a.append("stay_id", r.value.tokenId), a.append("content", k.value), a.append("sender_id", Y.value || "");
+          const t = await Q.post(
             "/includes/chat_api.php",
             a
           );
           if (t.data.result.error_message)
             throw new Error(t.data.result.error_message);
-          k.value = "", await re(), Z();
+          k.value = "", await re(), ee();
         } catch (a) {
           console.log(a);
         }
-    }, ee = () => {
-      if (l.align === "left" || l.align === "right") {
+    }, te = () => {
+      if (n.align === "left" || n.align === "right") {
         const e = q.value?.getBoundingClientRect().left, a = window.innerWidth;
-        Q.value = a - e < E.value ? "right" : "left";
+        j.value = a - e < M.value ? "right" : "left";
       } else {
         const e = q.value?.getBoundingClientRect().top, a = window.innerHeight;
-        Q.value = a - e < R.value ? "bottom" : "top";
+        j.value = a - e < E.value ? "bottom" : "top";
       }
-    }, te = () => {
-      if (l.position === "top" || l.position === "bottom") {
+    }, ae = () => {
+      if (n.position === "top" || n.position === "bottom") {
         const e = q.value?.getBoundingClientRect().top, a = window.innerHeight;
-        $.value = a - e < R.value ? "top" : "bottom";
+        W.value = a - e < E.value ? "top" : "bottom";
       } else {
         const e = q.value?.getBoundingClientRect().left, a = window.innerWidth;
-        $.value = a - e < E.value ? "left" : "right";
+        W.value = a - e < M.value ? "left" : "right";
       }
     }, de = () => {
-      C.value = !C.value, C.value ? (k.value = "", b.value.info = A.value, b.value.tickets = B.value, b.value.comments = F.value, A.value = !1, B.value = !1, document.getElementById("comment-field")?.focus()) : (A.value = b.value.info, B.value = b.value.tickets, F.value = b.value.comments);
+      R.value = !R.value, R.value ? (k.value = "", b.value.info = B.value, b.value.tickets = P.value, b.value.comments = $.value, B.value = !1, P.value = !1, document.getElementById("comment-field")?.focus()) : (B.value = b.value.info, P.value = b.value.tickets, $.value = b.value.comments);
     }, Qe = async (e, a) => {
       const t = new FormData();
-      if (t.append("property_id", l.propertyId), t.append(
+      if (t.append("property_id", n.propertyId), t.append(
         "room_ids",
         JSON.stringify([r.value.qv2Rooms.qRoomId])
-      ), await Y(), _.value) {
+      ), await H(), _.value) {
         const o = [];
         _.value.forEach((c) => {
           c.id === e && c.type === a ? o.unshift({
@@ -694,30 +694,31 @@ const ht = Fe({
         }), o.sort((c, m) => c.id === e ? -1 : m.id === e ? 1 : 0), _.value = [...o];
       }
     };
-    return ae(() => l.open, () => {
-      if (l.open && l.showComments && oe.value.length) {
-        const e = setTimeout(Z, 500);
+    return G(() => n.open, () => {
+      if (n.open && n.showComments && oe.value.length) {
+        const e = setTimeout(ee, 500);
         S.value.push(e);
       }
-      l.open || le();
-    }), ae(k, () => {
+      n.open || le();
+    }), G(k, () => {
       const e = setTimeout(ce, 100);
       S.value.push(e);
-    }), ae(
-      () => l.room.id,
+    }), G(() => n.open, async (e, a) => {
+      e && !a && (n.showGuestDetails && !C.value ? await V() : r.value || (r.value = n.room), H(), U());
+    }), G(
+      () => n.room.id,
       (e, a) => {
-        e !== a && (M.value ? (r.value = M.value.find((t) => t.qv2Rooms.qRoomId === l.room.id), r.value || (r.value = l.room)) : r.value = l.room, Y(), K());
-      },
-      { immediate: !0 }
+        e !== a && (C.value ? (r.value = C.value.find((t) => t.qv2Rooms.qRoomId === n.room.id), r.value || (r.value = n.room)) : r.value = n.room, n.open && (H(), U()));
+      }
     ), je(async () => {
       const e = JSON.parse(
         window.localStorage.getItem("authenticated")
       );
-      x.value = e?.user?.id || "", l.showGuestDetails ? await J() : r.value = l.room, l.size === "sm" && (R.value = 140, E.value = 160), l.size === "lg" && (R.value = 250, E.value = 440), ee(), te();
+      Y.value = e?.user?.id || "", r.value = n.room, n.size === "sm" && (E.value = 140, M.value = 160), n.size === "lg" && (E.value = 250, M.value = 440), te(), ae();
       const a = [], t = window.localStorage.getItem("quick-replies");
       t && JSON.parse(t).forEach((o) => {
         a.push(o.message);
-      }), z.value = a;
+      }), X.value = a;
     }), $e(() => {
       S.value.forEach((e) => {
         clearTimeout(e);
@@ -725,44 +726,44 @@ const ht = Fe({
     }), {
       DateTime: h,
       // Refs
-      actionMenuOpen: G,
-      alignment: Q,
-      assignTypes: H,
+      actionMenuOpen: F,
+      alignment: j,
+      assignTypes: A,
       comment: k,
       complaint: i,
-      componentHeight: R,
-      componentWidth: E,
+      componentHeight: E,
+      componentWidth: M,
       departments: O,
       departmentUsers: me,
-      expandComments: F,
-      expandGuestInfo: A,
+      expandComments: $,
+      expandGuestInfo: B,
       expandedStates: b,
-      expandTickets: B,
+      expandTickets: P,
       guestDetailsData: pe,
       itemOptions: D,
       loading: T,
       messages: oe,
-      moodOptions: j,
-      pmsData: M,
-      positioning: $,
-      quickReplies: z,
-      quickReplyOpen: C,
+      moodOptions: z,
+      pmsData: C,
+      positioning: W,
+      quickReplies: X,
+      quickReplyOpen: R,
       request: u,
       requestedByOptions: N,
       requestLoading: ve,
       requestType: g,
       roomDetailsData: r,
       roomNotice: v,
-      roomNotices: P,
-      showCreateRequest: L,
+      roomNotices: L,
+      showCreateRequest: x,
       ticketsList: _,
       todoOptions: fe,
       trigger: q,
-      userId: x,
-      workOrder: n,
-      workOrderIssues: W,
+      userId: Y,
+      workOrder: l,
+      workOrderIssues: J,
       // Computed
-      cleanliness: X,
+      cleanliness: K,
       cleanlinessColor: ye,
       cleanlinessTooltipContent: he,
       filteredReplies: ge,
@@ -783,13 +784,13 @@ const ht = Fe({
       createMessageList: Ee,
       getChatMessages: re,
       getHowLongAgo: Me,
-      getPMSData: J,
-      getRoomNotices: K,
-      getSharedData: V,
+      getPMSData: V,
+      getRoomNotices: U,
+      getSharedData: Z,
       getStayDetails: ue,
       getTicketColor: Se,
       getTicketIcon: qe,
-      getTickets: Y,
+      getTickets: H,
       handleFailedResponse: ie,
       handlePulse: He,
       onClickEditConnectGuest: Ae,
@@ -801,10 +802,10 @@ const ht = Fe({
       openRequest: Ue,
       refreshPMSData: Ne,
       resizeTextarea: ce,
-      scrollToConnectBottom: Z,
+      scrollToConnectBottom: ee,
       sendChatMessage: Ge,
-      setAlignment: ee,
-      setPositioning: te,
+      setAlignment: te,
+      setPositioning: ae,
       toggleQuickReply: de,
       updateTickets: Qe
     };