@quoreadmin/ui 1.4.8 → 1.5.1

package/dist/index13.js

@@ -1,32 +1,74 @@
-import i from "./index80.js";
-import { resolveComponent as c, createElementBlock as p, openBlock as m, createVNode as t, createElementVNode as u, mergeProps as r, toHandlerKey as s, toDisplayString as a } from "vue";
-import d from "./index60.js";
-const f = { class: "counter flex items-center" }, k = { class: "grow text-center" };
-function _(e, o, $, v, y, g) {
-  const n = c("q-icon");
-  return m(), p("div", f, [
-    t(n, r({
-      icon: "minus-circle",
-      type: "outline",
-      size: "sm",
-      color: "inkwell-30",
-      class: "cursor-pointer mr-1"
-    }, {
-      [s(!e.disabled && "click")]: o[0] || (o[0] = (l) => e.updateCount(-1))
-    }), null, 16),
-    u("span", k, a(e.modelValue), 1),
-    t(n, r({
-      icon: "circle-plus",
-      type: "outline",
-      size: "sm",
-      color: "inkwell-30",
-      class: "cursor-pointer ml-1"
-    }, {
-      [s(!e.disabled && "click")]: o[1] || (o[1] = (l) => e.updateCount(1))
-    }), null, 16)
+import g from "./index81.js";
+import { resolveComponent as l, createElementBlock as n, openBlock as s, renderSlot as h, Fragment as b, renderList as k, createBlock as y, mergeProps as C, createElementVNode as i, toDisplayString as m, createVNode as a, withCtx as r } from "vue";
+/* empty css        */
+import V from "./index61.js";
+const q = { class: "comment-section" }, _ = {
+  key: 0,
+  class: "comments"
+}, $ = {
+  key: 1,
+  class: "no-comments text-center mb-6 mt-4"
+}, E = { class: "text-md mb-2 leading-6 font-bold text-inkwell-30" }, S = { class: "text-sm text-inkwell-0" };
+function T(e, t, N, v, A, O) {
+  const d = l("q-comment"), p = l("q-icon"), c = l("q-button"), u = l("q-wysiwyg");
+  return s(), n("div", q, [
+    e.comments && e.comments.length ? (s(), n("div", _, [
+      (s(!0), n(b, null, k(e.comments, (o, f) => (s(), y(d, C({ ref_for: !0 }, o, {
+        key: f,
+        "on-update-comment": (w) => e.onUpdateComment(o, w)
+      }), null, 16, ["on-update-comment"]))), 128))
+    ])) : (s(), n("div", $, [
+      i("h4", E, m(e.$t("HC_NO_COMMENTS_YET")), 1),
+      i("p", S, m(e.$t("HC_START_THE_CONVERSATION")), 1)
+    ])),
+    h(e.$slots, "default", {}, () => [
+      a(u, {
+        ref: "wysiwygRef",
+        modelValue: e.textareaValue,
+        "onUpdate:modelValue": [
+          t[0] || (t[0] = (o) => e.textareaValue = o),
+          t[2] || (t[2] = (o) => e.textareaValue = o)
+        ],
+        attachments: e.files,
+        disabled: e.disabled,
+        "is-stacked": !0,
+        "allow-attachments": e.allowAttachments,
+        "allow-emojis": e.allowEmojis,
+        "allow-formatting": e.allowFormatting,
+        "files-allowed": e.filesAllowed,
+        placeholder: e.placeholderText,
+        processing: e.processing,
+        "onUpdate:attachments": t[1] || (t[1] = (o) => e.files = o)
+      }, {
+        action: r(() => [
+          a(c, {
+            loading: e.processing,
+            disabled: e.processing || !e.files.length && !e.textareaValue || e.disabled,
+            "is-fab": "",
+            size: "sm",
+            status: "primary-blue",
+            class: "post-button",
+            onClick: e.onClickPost
+          }, {
+            default: r(() => [
+              a(p, {
+                icon: "arrow-up",
+                type: "line",
+                size: "md",
+                color: "white",
+                "custom-class": "!stroke-white",
+                class: "p-[0.1875rem]"
+              })
+            ]),
+            _: 1
+          }, 8, ["loading", "disabled", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "attachments", "disabled", "allow-attachments", "allow-emojis", "allow-formatting", "files-allowed", "placeholder", "processing"])
+    ], !0)
   ]);
 }
-const b = /* @__PURE__ */ d(i, [["render", _]]);
+const U = /* @__PURE__ */ V(g, [["render", T], ["__scopeId", "data-v-70f939a4"]]);
 export {
-  b as default
+  U as default
 };

package/dist/{index129.js → index132.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r } from "vue";
-import e from "./index38.js";
+import e from "./index39.js";
 const s = r({
   name: "QProgressBarGroup",
   components: {

package/dist/{index133.js → index136.js}

@@ -1,17 +1,17 @@
-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 "./index156.js";
-import "./index179.js";
+import { DateTime as h } from "./index159.js";
+import "./index182.js";
 import We from "./index2.js";
 import Xe from "./index3.js";
-import Je from "./index12.js";
-import Ke from "./index20.js";
-import Ve from "./index26.js";
-import Ze from "./index37.js";
-import et from "./index180.js";
-import tt from "./index44.js";
-import at from "./index47.js";
-import U from "./index181.js";
+import Je from "./index13.js";
+import Ke from "./index21.js";
+import Ve from "./index27.js";
+import Ze from "./index38.js";
+import et from "./index183.js";
+import tt from "./index45.js";
+import at from "./index48.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
     };