@quoreadmin/ui 1.7.6 → 1.7.8

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 { useI18n as ft } from "vue-i18n";
-import { DateTime as _ } from "./index163.js";
+import { DateTime as w } from "./index163.js";
 import "./index186.js";
 import ht from "./index2.js";
-import yt from "./index3.js";
-import gt from "./index4.js";
+import gt from "./index3.js";
+import yt from "./index4.js";
 import _t from "./index21.js";
 import wt from "./index28.js";
 import It from "./index39.js";
@@ -17,8 +17,8 @@ const Gt = mt({
   name: "QRoomDetailsPopover",
   components: {
     QAccordion: ht,
-    QActivityItem: yt,
-    QAvatar: gt,
+    QActivityItem: gt,
+    QAvatar: yt,
     QDatePicker: Dt,
     QDivider: _t,
     QIcon: wt,
@@ -145,24 +145,21 @@ const Gt = mt({
     }
   },
   emits: ["create:callback", "create:todo", "refresh:pms", "show:toast", "toggle"],
-  setup(s, { emit: h }) {
-    const { t: c } = ft(), r = i(null), ie = i(!1), ue = i("left"), X = i([
+  setup(o, { emit: h }) {
+    const { t: u } = ft(), r = i(null), ie = i(!1), ue = i("left"), X = i([
       {
         id: 1,
-        label: c("HC_DEPARTMENT")
-        // need to localize
+        label: u("HC_DEPARTMENT")
       },
       {
         id: 2,
-        label: c("HC_PERSON")
-        // need to localize
+        label: u("HC_PERSON")
       },
       {
         id: 0,
-        label: c("HC_ANYONE")
-        // need to localize
+        label: u("HC_ANYONE")
       }
-    ]), A = i(""), p = i({
+    ]), b = i(""), p = i({
       checkInDate: /* @__PURE__ */ new Date(),
       checkOutDate: /* @__PURE__ */ new Date(),
       guestEmail: "",
@@ -174,15 +171,19 @@ const Gt = mt({
       problem: null,
       notes: "",
       tokenId: r.value?.tokenId
-    }), G = i(250), W = i(290), N = i([]), we = i([]), Z = i(!0), ee = i(!0), M = i({
+    }), G = i(250), U = i(290), M = i([]), Ie = i([]), Z = i(!0), ee = i(!0), N = i({
       info: !0,
       tickets: !0,
       comments: !0
-    }), te = i(!0), be = i(s.guestDetails), T = i([]), b = i({
+    }), te = i(!0), Ce = i(o.guestDetails), O = i([]), g = i({
+      actionItems: !1,
+      conversationToggle: !1,
+      messages: !1,
       pms: !1,
       roomNotices: !1,
+      sendingMessage: !1,
       tickets: !1
-    }), C = i([]), ce = i([]), de = i("bottom"), R = i(null), H = i(!1), U = i(!1), j = i(""), me = i(!1), S = i(!1), O = i(null), $ = i(null), Ce = 3e4, u = i({
+    }), C = i([]), ce = i([]), de = i("bottom"), R = i(null), H = i(!1), W = i(!1), j = i(""), me = i(!1), A = i(!1), k = i(null), $ = i(null), Me = 3e4, d = i({
       assignType: null,
       department: null,
       due: /* @__PURE__ */ new Date(),
@@ -195,34 +196,32 @@ const Gt = mt({
     }), Q = i([
       {
         id: 0,
-        label: c("HC_STAFF_MEMBER")
-        // need to localize
+        label: u("HC_STAFF_MEMBER")
       },
       {
         id: 1,
-        label: c("HC_HOTEL_GUEST")
-        // need to localize
+        label: u("HC_HOTEL_GUEST")
       }
-    ]), Ne = i(!1), k = i(null), w = i({
+    ]), ve = i(!1), E = i(null), I = i({
       endDate: /* @__PURE__ */ new Date(),
       issue: null,
       notes: "",
       startDate: /* @__PURE__ */ new Date()
-    }), ae = i([]), oe = i(!1), E = i([]), L = i([]), Me = i([
+    }), ae = i([]), se = i(!1), S = i([]), L = i([]), Ne = i([
       {
-        label: c("HC_COMPLAINT"),
+        label: u("HC_COMPLAINT"),
         id: "complaint"
       },
       {
-        label: c("HC_REQUEST"),
+        label: u("HC_REQUEST"),
         id: "request"
       },
       {
-        label: c("HC_ROOM_NOTICE"),
+        label: u("HC_ROOM_NOTICE"),
         id: "room_notice"
       },
       {
-        label: c("HC_WORK_ORDER"),
+        label: u("HC_WORK_ORDER"),
         id: "work_order"
       }
     ]), J = i(), P = i(null), v = i({
@@ -234,7 +233,7 @@ const Gt = mt({
       notes: "",
       person: null,
       requestedBy: null
-    }), ve = i([]), q = i([]), x = i([]), pe = y(() => {
+    }), pe = i([]), q = i([]), x = i([]), fe = y(() => {
       switch (r.value.cleaning?.name || r.value.cleaningStatus) {
         case "CLEAN":
         case "INSPECTED":
@@ -247,46 +246,46 @@ const Gt = mt({
         default:
           return "";
       }
-    }), Re = y(() => pe.value === "CLEAN" ? "blue-10" : pe.value === "DIRTY" ? "red-10" : "gray-30"), He = y(() => {
+    }), Re = y(() => fe.value === "CLEAN" ? "blue-10" : fe.value === "DIRTY" ? "red-10" : "gray-30"), He = y(() => {
       const e = r.value.cleaning?.name || r.value.cleaningStatus;
-      return e ? c(`HC_${e}`) : "";
+      return e ? u(`HC_${e}`) : "";
     }), Le = y(() => {
-      const e = A.value.toLowerCase();
-      return s.quickReplies.filter((a) => a.toLowerCase().match(e));
+      const e = b.value.toLowerCase();
+      return o.quickReplies.filter((t) => t.toLowerCase().match(e));
     }), Pe = y(() => {
       if (!C.value.length) return [];
       const e = [];
-      let a = null;
-      return C.value.forEach((t) => {
-        const o = _.fromFormat(
-          t.dateUtc,
+      let t = null;
+      return C.value.forEach((a) => {
+        const s = w.fromFormat(
+          a.dateUtc,
           "yyyy-MM-dd HH:mm:ss",
           { zone: "utc" }
-        ).setZone(s.propertyTimeZone), n = o.toFormat("yyyy-MM-dd-HH");
-        n !== a && (e.push({
+        ).setZone(o.propertyTimeZone), n = s.toFormat("yyyy-MM-dd-HH");
+        n !== t && (e.push({
           type: "separator",
-          label: o.toFormat("ccc, LLL d 'at' h:mma").replace("AM", "am").replace("PM", "pm"),
+          label: s.toFormat("ccc, LLL d 'at' h:mma").replace("AM", "am").replace("PM", "pm"),
           hourKey: n
-        }), a = n), e.push({
+        }), t = n), e.push({
           type: "message",
-          ...t,
-          formattedTime: o.toFormat("h:mma").replace("AM", "am").replace("PM", "pm")
+          ...a,
+          formattedTime: s.toFormat("h:mma").replace("AM", "am").replace("PM", "pm")
         });
       }), e;
-    }), Ie = y(() => E.value.length ? !!E.value.find(
-      (a) => a.type === "complaint"
-    ) : !1), qe = y(() => E.value.length ? !!E.value.find(
-      (a) => a.type === "callback"
+    }), De = y(() => S.value.length ? !!S.value.find(
+      (t) => t.type === "complaint"
+    ) : !1), qe = y(() => S.value.length ? !!S.value.find(
+      (t) => t.type === "callback"
     ) : !1), xe = y(() => {
       let e = [];
-      return T.value[0] && T.value[0].options === void 0 ? T.value.forEach((a) => {
+      return O.value[0] && O.value[0].options === void 0 ? O.value.forEach((t) => {
         e.push({
-          id: parseInt(a.id),
-          label: a.display_name
+          id: parseInt(t.id),
+          label: t.display_name
         });
-      }) : e = T.value, e;
-    }), De = y(() => r.value.occupancy?.name === "OCCUPIED" || r.value.occupancyStatus === "OCCUPIED"), Fe = y(() => De.value && Ie.value ? "HK_ROOM_STATUS_Occupied_Complaint" : "HK_ROOM_STATUS_Occupied"), Be = y(() => {
-      switch (k.value?.id) {
+      }) : 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(() => {
+      switch (E.value?.id) {
         case "request":
         case "work_order":
           return X.value[0];
@@ -294,18 +293,18 @@ const Gt = mt({
           return null;
       }
     }), Ge = y(() => {
-      if (N.value)
-        switch (k.value?.id) {
+      if (M.value)
+        switch (E.value?.id) {
           case "request":
-            return N.value.find((e) => parseInt(e.id) === 4);
+            return M.value.find((e) => parseInt(e.id) === 4);
           case "work_order":
-            return N.value.find((e) => parseInt(e.id) === 2);
+            return M.value.find((e) => parseInt(e.id) === 2);
           default:
             return null;
         }
       return null;
-    }), We = y(() => {
-      switch (k.value?.id) {
+    }), Ue = y(() => {
+      switch (E.value?.id) {
         case "request":
           return Q.value[1];
         case "work_order":
@@ -313,116 +312,118 @@ const Gt = mt({
         default:
           return null;
       }
-    }), Ue = y(() => {
+    }), We = y(() => {
       let e = "";
       if (r.value && r.value.reservations[0]) {
-        const a = _.fromISO(
+        const t = w.fromISO(
           r.value.reservations[0].arrivalDate
-        ), t = a.toFormat("MMM"), o = a.day, n = a.year, l = _.fromISO(
+        ), a = t.toFormat("MMM"), s = t.day, n = t.year, l = w.fromISO(
           r.value.reservations[0].departureDate
-        ), d = l.toFormat("MMM"), m = l.day, f = l.year;
-        e += t + " " + o, n !== f && (e += ", " + n), t === d ? e += "-" + m : e += " - " + d + " " + m, e += ", " + f;
+        ), c = l.toFormat("MMM"), m = l.day, f = l.year;
+        e += a + " " + s, n !== f && (e += ", " + n), a === c ? e += "-" + m : e += " - " + c + " " + m, e += ", " + f;
       }
       return e;
     }), je = y(() => {
       let e = ae.value;
       return e = [...new Set(e)], e;
     }), $e = y(() => {
-      const e = k.value?.id;
+      const e = E.value?.id;
       if (!e)
         return !1;
       switch (e) {
         case "room_notice":
-          return w.value.issue && w.value.startDate && w.value.endDate;
+          return I.value.issue && I.value.startDate && I.value.endDate;
         case "complaint":
           return p.value.problem && p.value.guestName && p.value.guestMood;
         case "work_order":
           return v.value.item && v.value.issue && v.value.requestedBy && v.value.due && (v.value.assignType && v.value.assignType.id === 0 || v.value.assignType && v.value.assignType.id === 1 && v.value.department || v.value.assignType && v.value.assignType.id === 2 && v.value.person);
-        case "request": {
-          const a = 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), t = s.allowWhenWhere ? u.value.when && u.value.where : !0;
-          return a && t;
-        }
+        case "request":
+          return d.value.item && d.value.requestedBy && d.value.due && (d.value.assignType && d.value.assignType.id === 0 || d.value.assignType && d.value.assignType.id === 1 && d.value.department || d.value.assignType && d.value.assignType.id === 2 && d.value.person);
         default:
           return !1;
       }
-    }), Te = () => {
-      oe.value = !1, H.value = !1, ie.value = !1, T.value = [], ce.value = [], ve.value = [], q.value = [], x.value = [], k.value = null, w.value.issue = null, w.value.startDate = /* @__PURE__ */ new Date(), w.value.endDate = /* @__PURE__ */ new Date(), w.value.notes = "", p.value.guestName = "", p.value.guestEmail = "", p.value.guestPhone = "", p.value.guestMood = null, p.value.guestLoyalty = "", p.value.problem = null, p.value.checkInDate = /* @__PURE__ */ new Date(), p.value.checkOutDate = /* @__PURE__ */ new Date(), p.value.notes = "", v.value.assignType = null, v.value.department = null, v.value.person = null, v.value.due = /* @__PURE__ */ new Date(), v.value.item = null, v.value.issue = null, v.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 = "", u.value.when = null, u.value.where = null;
+    }), Oe = () => {
+      se.value = !1, H.value = !1, ie.value = !1, ve.value = !1, O.value = [], ce.value = [], pe.value = [], q.value = [], x.value = [], E.value = null, I.value.issue = null, I.value.startDate = /* @__PURE__ */ new Date(), I.value.endDate = /* @__PURE__ */ new Date(), I.value.notes = "", p.value.guestName = "", p.value.guestEmail = "", p.value.guestPhone = "", p.value.guestMood = null, p.value.guestLoyalty = "", p.value.problem = null, p.value.checkInDate = /* @__PURE__ */ new Date(), p.value.checkOutDate = /* @__PURE__ */ new Date(), p.value.notes = "", v.value.assignType = null, v.value.department = null, v.value.person = null, v.value.due = /* @__PURE__ */ new Date(), v.value.item = null, v.value.issue = null, v.value.notes = "", d.value.assignType = null, d.value.department = null, d.value.person = null, d.value.due = /* @__PURE__ */ new Date(), d.value.item = null, d.value.notes = "", d.value.when = null, d.value.where = null;
     }, Qe = async () => {
       h("create:callback", r.value), h("toggle", !1);
     }, F = (e) => {
-      const a = [];
-      (Array.isArray(e) ? e : Object.values(e)).forEach((o) => {
-        const n = o.senderType || o.sender_type, l = o.senderName || "", d = o.senderId || o.sender_id, m = o.profileImg || o.profile_img, f = l ? l.split(" ") : ["", ""], g = o.user_first_name || o.guest_first_name || f[0] || "", z = o.user_last_name || o.guest_last_name || f.slice(1).join(" ") || "", re = g && z ? `${g} ${z}` : g || "Auto-Reply", le = n === "system" || n === "user", I = n === "guest";
-        let D = {
-          id: o.id,
+      const t = [];
+      (Array.isArray(e) ? e : Object.values(e)).forEach((s) => {
+        const n = s.senderType || s.sender_type, l = s.senderName || "", c = s.senderId || s.sender_id, m = s.profileImg || s.profile_img, f = l ? l.split(" ") : ["", ""], _ = s.user_first_name || s.guest_first_name || f[0] || "", z = s.user_last_name || s.guest_last_name || f.slice(1).join(" ") || "", re = _ && z ? `${_} ${z}` : _ || "Auto-Reply", le = n === "system" || n === "user", D = n === "guest";
+        let T = {
+          id: s.id,
           isPropertyEmployee: n === "user",
-          isSent: !!o.sent,
+          isSent: !!s.sent,
           isSystemMessage: n === "system",
           isStaffMessage: le,
-          isGuestMessage: I,
-          comment: o.content,
-          dateUtc: o.sent || o.created,
+          isGuestMessage: D,
+          comment: s.content,
+          dateUtc: s.sent || s.created,
           user: {
-            firstName: g || "Auto-Reply",
+            firstName: _ || "Auto-Reply",
             icon: "",
-            id: d || "system-message",
+            id: c || "system-message",
             initials: "",
             lastName: z || "",
             name: re,
             src: m || ""
           }
         };
-        D.user.firstName && D.user.lastName ? D.user.initials = D.user.firstName[0] + D.user.lastName[0] : D.user.firstName && (D.user.initials = D.user.firstName[0]), le && (D.user.icon = "property-fill"), a.push(D);
-      }), C.value = a;
+        T.user.firstName && T.user.lastName ? T.user.initials = T.user.firstName[0] + T.user.lastName[0] : T.user.firstName && (T.user.initials = T.user.firstName[0]), le && (T.user.icon = "property-fill"), t.push(T);
+      }), C.value = t;
     }, Je = (e) => {
       if (!e || e.length === 0) return;
-      (Array.isArray(e) ? e : Object.values(e)).forEach((t) => {
-        if (C.value.some((D) => D.id === t.id))
+      (Array.isArray(e) ? e : Object.values(e)).forEach((a) => {
+        if (C.value.some((T) => T.id === a.id))
           return;
-        const o = t.senderType || t.sender_type, n = t.senderName || "", l = t.senderId || t.sender_id, d = t.profileImg || t.profile_img, m = n ? n.split(" ") : ["", ""], f = t.user_first_name || t.guest_first_name || m[0] || "", g = t.user_last_name || t.guest_last_name || m.slice(1).join(" ") || "", z = f && g ? `${f} ${g}` : f || "Auto-Reply", re = o === "system" || o === "user", le = o === "guest";
-        let I = {
-          id: t.id,
-          isPropertyEmployee: o === "user",
-          isSent: !!t.sent,
-          isSystemMessage: o === "system",
+        const s = a.senderType || a.sender_type, n = a.senderName || "", l = a.senderId || a.sender_id, c = a.profileImg || a.profile_img, m = n ? n.split(" ") : ["", ""], f = a.user_first_name || a.guest_first_name || m[0] || "", _ = a.user_last_name || a.guest_last_name || m.slice(1).join(" ") || "", z = f && _ ? `${f} ${_}` : f || "Auto-Reply", re = s === "system" || s === "user", le = s === "guest";
+        let D = {
+          id: a.id,
+          isPropertyEmployee: s === "user",
+          isSent: !!a.sent,
+          isSystemMessage: s === "system",
           isStaffMessage: re,
           isGuestMessage: le,
-          comment: t.content,
-          dateUtc: t.sent || t.created,
+          comment: a.content,
+          dateUtc: a.sent || a.created,
           user: {
             firstName: f || "Auto-Reply",
             icon: "",
             id: l || "system-message",
             initials: "",
-            lastName: g || "",
+            lastName: _ || "",
             name: z,
-            src: d || ""
+            src: c || ""
           }
         };
-        I.user.firstName && I.user.lastName ? I.user.initials = I.user.firstName[0] + I.user.lastName[0] : I.user.firstName && (I.user.initials = I.user.firstName[0]), re && (I.user.icon = "property-fill"), C.value.push(I);
+        D.user.firstName && D.user.lastName ? D.user.initials = D.user.firstName[0] + D.user.lastName[0] : D.user.firstName && (D.user.initials = D.user.firstName[0]), re && (D.user.icon = "property-fill"), C.value.push(D);
       });
-    }, fe = async (e = !1) => {
-      if (s.showComments && r.value.tokenId)
+    }, he = async (e = !1) => {
+      if (o.showComments && r.value.tokenId) {
+        e || (g.value.messages = !0);
         try {
-          let a = `/api/client/connect/getMessages.php?tokenId=${r.value.tokenId}`;
-          e && O.value !== null && (a += `&lastMsgId=${O.value}`);
-          const o = await (await fetch(a, {
+          let t = `/api/client/connect/getMessages.php?tokenId=${r.value.tokenId}`;
+          e && k.value !== null && (t += `&lastMsgId=${k.value}`);
+          const s = await (await fetch(t, {
             method: "GET",
             credentials: "include"
           })).json();
-          if (o.status === "error")
-            throw new Error(o.message || "Failed to get messages");
-          if (S.value = !o.closed, o.messages && o.messages.length > 0) {
-            O.value = o.messages[o.messages.length - 1].id, e ? Je(o.messages) : F(o.messages);
+          if (s.status === "error")
+            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);
             L.value.push(n);
-          } else e || F(o.messages || []);
-        } catch (a) {
-          console.error("getChatMessages error:", a);
+          } else e || F(s.messages || []);
+        } catch (t) {
+          console.error("getChatMessages error:", t);
+        } finally {
+          e || (g.value.messages = !1);
         }
+      }
     }, Ye = (e) => {
-      const a = _.utc(), t = _.fromFormat(e, "yyyy-MM-dd HH:mm:ss", { zone: "utc" }), o = a.diff(
-        t,
+      const t = w.utc(), a = w.fromFormat(e, "yyyy-MM-dd HH:mm:ss", { zone: "utc" }), s = t.diff(
+        a,
         [
           "years",
           "months",
@@ -430,83 +431,83 @@ const Gt = mt({
           "hours",
           "minutes"
         ]
-      ), n = Math.floor(o.years), l = Math.floor(o.months), d = Math.floor(o.days), m = Math.floor(o.hours), f = Math.floor(o.minutes);
+      ), n = Math.floor(s.years), l = Math.floor(s.months), c = Math.floor(s.days), m = Math.floor(s.hours), f = Math.floor(s.minutes);
       if (n)
-        return n === 1 ? c("HC_ONE_YEAR_AGO") : c("HC_X_YEARS_AGO", { years: n });
+        return n === 1 ? u("HC_ONE_YEAR_AGO") : u("HC_X_YEARS_AGO", { years: n });
       if (l)
-        return l === 1 ? c("HC_ONE_MONTH_AGO") : c("HC_X_MONTHS_AGO", { months: l });
-      if (d)
-        return d === 1 ? c("HC_ONE_DAY_AGO") : c("HC_X_DAYS_AGO", { days: d });
+        return l === 1 ? u("HC_ONE_MONTH_AGO") : u("HC_X_MONTHS_AGO", { months: l });
+      if (c)
+        return c === 1 ? u("HC_ONE_DAY_AGO") : u("HC_X_DAYS_AGO", { days: c });
       if (m)
-        return m === 1 ? c("HC_ONE_HOUR_AGO") : c("HC_X_HOURS_AGO", { hours: m });
+        return m === 1 ? u("HC_ONE_HOUR_AGO") : u("HC_X_HOURS_AGO", { hours: m });
       if (f)
-        return f === 1 ? c("HC_ONE_MINUTE_AGO") : c("HC_X_MINUTES_AGO", { minutes: f });
+        return f === 1 ? u("HC_ONE_MINUTE_AGO") : u("HC_X_MINUTES_AGO", { minutes: f });
       if (f === 0)
-        return c("HC_A_MOMENT_AGO");
+        return u("HC_A_MOMENT_AGO");
     }, Ve = async () => {
-      s.showGuestDetails && se(), ne(), Y(), h("refresh:pms", r.value);
-    }, se = async () => {
+      o.showGuestDetails && oe(), ne(), Y(), h("refresh:pms", r.value);
+    }, oe = async () => {
       try {
-        b.value.pms = !0;
-        const e = new AbortController(), a = setTimeout(() => e.abort(), 45e3);
-        L.value.push(a);
-        const t = s.pmsBaseUrl;
-        if (!t)
+        g.value.pms = !0;
+        const e = new AbortController(), t = setTimeout(() => e.abort(), 45e3);
+        L.value.push(t);
+        const a = o.pmsBaseUrl;
+        if (!a)
           throw new Error("PMS base URL is required");
-        const o = {
+        const s = {
           Authorization: "Bearer " + (() => {
-            const g = `; ${document.cookie}`.split("; QV2Auth=");
-            return g.length === 2 && g.pop()?.split(";").shift() || "";
+            const _ = `; ${document.cookie}`.split("; QV2Auth=");
+            return _.length === 2 && _.pop()?.split(";").shift() || "";
           })(),
           "Content-Type": "application/json"
-        }, n = r.value?.qv2Rooms?.qRoomId || r.value?.id || s.room.id, l = await fetch(
-          `${t}/vendors/properties/statuses/${s.propertyId}/rooms`,
+        }, n = r.value?.qv2Rooms?.qRoomId || r.value?.id || o.room.id, l = await fetch(
+          `${a}/vendors/properties/statuses/${o.propertyId}/rooms`,
           {
             method: "POST",
-            headers: o,
+            headers: s,
             signal: e.signal,
             body: JSON.stringify({ roomsIds: [n] })
           }
         );
-        clearTimeout(a), l.ok || ke(l);
-        const d = await l.json(), m = d.data?.pmsRooms || d.data?.rooms || d.rooms || [];
+        clearTimeout(t), l.ok || Ee(l);
+        const c = await l.json(), m = c.data?.pmsRooms || c.data?.rooms || c.rooms || [];
         R.value = m, m.length > 0 ? r.value = {
           ...m[0],
-          tokenId: m[0].tokenId || s.room.tokenId
-        } : r.value = s.room, b.value.pms = !1;
+          tokenId: m[0].tokenId || o.room.tokenId
+        } : r.value = o.room, g.value.pms = !1;
       } catch (e) {
-        return b.value.pms = !1, h("show:toast", {
+        return g.value.pms = !1, h("show:toast", {
           show: !0,
-          message: c("HC_FAILED_TO_LOAD_PMS_DATA"),
+          message: u("HC_FAILED_TO_LOAD_PMS_DATA"),
           variant: "error",
           icon: "exclamation-circle"
         }), e;
       }
     }, ne = async () => {
       try {
-        b.value.roomNotices = !0;
+        g.value.roomNotices = !0;
         const e = await fetch(
-          "/api/client/common/getRoomNotices.php?propertyId=" + s.propertyId + "&roomIds=[" + s.room.id + "]"
+          "/api/client/common/getRoomNotices.php?propertyId=" + o.propertyId + "&roomIds=[" + o.room.id + "]"
         );
         if (!e.ok)
           throw new Error(`HTTP error! status: ${e.status}`);
-        const a = await e.json();
-        ae.value = a.notices;
+        const t = await e.json();
+        ae.value = t.notices;
       } catch (e) {
         console.error("Error getting room notices:", e), ae.value = [], h("show:toast", {
           show: !0,
-          message: c("HC_FAILED_TO_LOAD_ROOM_NOTICES"),
+          message: u("HC_FAILED_TO_LOAD_ROOM_NOTICES"),
           variant: "error",
           icon: "exclamation-circle"
         });
       } finally {
-        b.value.roomNotices = !1;
+        g.value.roomNotices = !1;
       }
-    }, he = async () => {
+    }, ge = async () => {
       try {
         const e = new FormData();
-        e.append("property_id", s.propertyId), e.append("filter", "tasks_new");
-        const [a, t] = await Promise.all([
+        e.append("property_id", o.propertyId), e.append("filter", "tasks_new");
+        const [t, a] = await Promise.all([
           fetch("/api/client/common/getDepartments.php", {
             method: "POST"
           }),
@@ -514,47 +515,47 @@ const Gt = mt({
             method: "POST",
             body: e
           })
-        ]), o = await a.json(), n = await t.json();
-        if (o.departments && (o.departments.forEach((l) => {
+        ]), s = await t.json(), n = await a.json();
+        if (s.departments && (s.departments.forEach((l) => {
           l.label = l.display_name;
-        }), N.value = o.departments), n.users) {
+        }), M.value = s.departments), n.users) {
           const l = [];
-          let d = {
+          let c = {
             group: "",
             options: []
           };
           n.users.forEach((m) => {
-            m.translated_department !== d.group && (d.group && l.push({ ...d }), d.group = m.translated_department, d.options = []), d.options.push(m);
-          }), d.group && l.push({ ...d }), we.value = l;
+            m.translated_department !== c.group && (c.group && l.push({ ...c }), c.group = m.translated_department, c.options = []), c.options.push(m);
+          }), c.group && l.push({ ...c }), Ie.value = l;
         }
       } catch (e) {
         console.error("Error getting shared data:", e), h("show:toast", {
           show: !0,
-          message: c("HC_FAILED_TO_LOAD_SHARED_DATA"),
+          message: u("HC_FAILED_TO_LOAD_SHARED_DATA"),
           variant: "error",
           icon: "exclamation-circle"
         });
       }
-    }, Oe = async () => {
+    }, ke = async () => {
       try {
-        const a = await (await fetch(
+        const t = await (await fetch(
           `/api/client/connect/getStayDetails.php?tokenId=${r.value.tokenId}`,
           {
             method: "GET",
             credentials: "include"
           }
         )).json();
-        if (a.status === "error")
-          throw new Error(a.message || "Failed to get stay details");
-        a.userName && (p.value.guestName = a.userName), a.cellPhone && (p.value.guestPhone = a.cellPhone), a.email && (p.value.guestEmail = a.email), a.checkIn && (p.value.checkInDate = _.fromISO(
-          a.checkIn
-        ).toJSDate()), a.checkOut && (p.value.checkOutDate = _.fromISO(
-          a.checkOut
+        if (t.status === "error")
+          throw new Error(t.message || "Failed to get stay details");
+        t.userName && (p.value.guestName = t.userName), t.cellPhone && (p.value.guestPhone = t.cellPhone), t.email && (p.value.guestEmail = t.email), t.checkIn && (p.value.checkInDate = w.fromISO(
+          t.checkIn
+        ).toJSDate()), t.checkOut && (p.value.checkOutDate = w.fromISO(
+          t.checkOut
         ).toJSDate());
       } catch (e) {
         console.error("getStayDetails error:", e), h("show:toast", {
           show: !0,
-          message: c("HC_FAILED_TO_LOAD_STAY_DETAILS"),
+          message: u("HC_FAILED_TO_LOAD_STAY_DETAILS"),
           variant: "error",
           icon: "exclamation-circle"
         });
@@ -587,54 +588,54 @@ const Gt = mt({
       }
     }, Y = async () => {
       try {
-        b.value.tickets = !0;
+        g.value.tickets = !0;
         const e = await fetch(
-          "/api/client/common/getAllToDos.php?propertyId=" + s.propertyId + "&roomIds=[" + s.room.id + "]"
+          "/api/client/common/getAllToDos.php?propertyId=" + o.propertyId + "&roomIds=[" + o.room.id + "]"
         );
         if (!e.ok)
           throw new Error(`HTTP error! status: ${e.status}`);
-        const a = await e.json();
-        E.value = a.tickets;
+        const t = await e.json();
+        S.value = t.tickets;
       } catch (e) {
-        console.error("Error getting tickets:", e), E.value = [], h("show:toast", {
+        console.error("Error getting tickets:", e), S.value = [], h("show:toast", {
           show: !0,
-          message: c("HC_FAILED_TO_LOAD_TICKETS"),
+          message: u("HC_FAILED_TO_LOAD_TICKETS"),
           variant: "error",
           icon: "exclamation-circle"
         });
       } finally {
-        b.value.tickets = !1;
+        g.value.tickets = !1;
       }
-    }, ke = async (e) => {
-      const a = await e.text();
-      let t;
+    }, Ee = async (e) => {
+      const t = await e.text();
+      let a;
       try {
-        t = JSON.parse(a).response;
+        a = JSON.parse(t).response;
       } catch {
-        t = { code: e.status, message: a };
+        a = { code: e.status, message: t };
       }
-      return t.code === 401 ? (window.location.href = "/logout.php?unauthorized=1", { error: t }) : t;
+      return a.code === 401 ? (window.location.href = "/logout.php?unauthorized=1", { error: a }) : a;
     }, Xe = (e) => {
-      const a = document.querySelectorAll(".pulse");
-      if (a && a.length) {
-        const t = r.value?.qv2Rooms?.qRoomId || r.value?.id || s.room?.id, o = document.getElementById("room-" + t), n = o?.classList;
+      const t = document.querySelectorAll(".pulse");
+      if (t && t.length) {
+        const a = r.value?.qv2Rooms?.qRoomId || r.value?.id || o.room?.id, s = document.getElementById("room-" + a), n = s?.classList;
         switch (e) {
           case "room_notice":
-            (n?.contains("roombox_unsel") || n?.contains("roombox_unsel_active")) && (o?.classList.remove(), o?.classList.add("roomnoticeroombox_sel"));
+            (n?.contains("roombox_unsel") || n?.contains("roombox_unsel_active")) && (s?.classList.remove(), s?.classList.add("roomnoticeroombox_sel"));
             break;
           case "complaint":
-            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && (o?.classList.remove(), o?.classList.add("complaintsroombox_sel"));
+            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && (s?.classList.remove(), s?.classList.add("complaintsroombox_sel"));
             break;
           case "request":
-            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && !n?.contains("complaintsroombox_sel") && (o?.classList.remove(), o?.classList.add("guestrequestroombox_sel"));
+            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && !n?.contains("complaintsroombox_sel") && (s?.classList.remove(), s?.classList.add("guestrequestroombox_sel"));
             break;
           case "work_order":
-            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && !n?.contains("complaintsroombox_sel") && !n?.contains("guestrequestroombox_sel") && (o?.classList.remove(), o?.classList.add("workordersroombox_sel"));
+            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && !n?.contains("complaintsroombox_sel") && !n?.contains("guestrequestroombox_sel") && (s?.classList.remove(), s?.classList.add("workordersroombox_sel"));
             break;
         }
         const l = setTimeout(() => {
-          a.forEach((d) => {
-            d.classList.remove("pulse");
+          t.forEach((c) => {
+            c.classList.remove("pulse");
           });
         }, 4500);
         L.value.push(l);
@@ -642,114 +643,122 @@ const Gt = mt({
     }, Ze = () => {
       window.open("/guest/overview.php", "_blank");
     }, et = (e) => {
-      let a = "";
+      let t = "";
       switch (e.type) {
         case "complaint":
-          a = `/complaints/complaints_view.php?id=${e.id}`;
+          t = `/complaints/complaints_view.php?id=${e.id}`;
           break;
         case "request":
-          a = `/tasks/hk_request.php?id=${e.id}`;
+          t = `/tasks/hk_request.php?id=${e.id}`;
           break;
         case "satisfaction-call":
-          a = `/tasks/task_callback.php?id=${e.id}`;
+          t = `/tasks/task_callback.php?id=${e.id}`;
           break;
         case "work-order":
-          a = `/tasks/workorder.php?id=${e.id}`;
+          t = `/tasks/workorder.php?id=${e.id}`;
           break;
         case "task":
-          a = `/tasks/task.php?id=${e.id}`;
+          t = `/tasks/task.php?id=${e.id}`;
           break;
         default:
           return "#";
       }
-      window.open(a, "_blank");
+      window.open(t, "_blank");
     }, tt = async () => {
-      const e = r.value?.qv2Rooms?.qRoomId || r.value?.id || s.room?.id, a = r.value?.qv2Rooms?.qRoomName || r.value?.name || s.room?.name, t = {
-        type: k.value?.id,
-        propertyId: s.propertyId,
+      ve.value = !0;
+      const e = r.value?.qv2Rooms?.qRoomId || r.value?.id || o.room?.id, t = r.value?.qv2Rooms?.qRoomName || r.value?.name || o.room?.name, a = {
+        type: E.value?.id,
+        propertyId: o.propertyId,
         userId: P.value,
         areaId: e,
-        areaName: a
+        areaName: t
       };
-      switch (k.value?.id) {
+      switch (E.value?.id) {
         case "complaint":
-          t.tokenId = r.value.tokenId, t.problemId = p.value.problem.id, t.guestName = p.value.guestName, t.guestPhone = p.value.guestPhone, t.guestEmail = p.value.guestEmail, t.guestLoyalty = p.value.guestLoyalty, t.guestMood = p.value.guestMood.id, t.checkInDate = _.fromJSDate(p.value.checkInDate).toFormat(
+          a.tokenId = r.value.tokenId, a.problemId = p.value.problem.id, a.guestName = p.value.guestName, a.guestPhone = p.value.guestPhone, a.guestEmail = p.value.guestEmail, a.guestLoyalty = p.value.guestLoyalty, a.guestMood = p.value.guestMood.id, a.checkInDate = w.fromJSDate(p.value.checkInDate).toFormat(
             "yyyy-MM-dd"
-          ), t.checkOutDate = _.fromJSDate(p.value.checkOutDate).toFormat(
+          ), a.checkOutDate = w.fromJSDate(p.value.checkOutDate).toFormat(
             "yyyy-MM-dd"
-          ), t.notes = p.value.notes, t.inHouse = 2, t.source = "dashboard", h("create:todo", t);
+          ), a.notes = p.value.notes, a.inHouse = 2, a.source = "dashboard", h("create:todo", a);
           break;
         case "request":
-          t.itemId = u.value.item.id, t.assignType = u.value.assignType.id, t.occupied = u.value.requestedBy.id, t.notes = u.value.notes, t.dueDate = _.fromJSDate(u.value.due).toFormat("yyyy-MM-dd"), u.value.assignType.id === 1 && (t.department = u.value.department.id), u.value.assignType.id === 2 && (t.person = u.value.person.id), s.allowWhenWhere && (t.requestWhen = u.value.when ? u.value.when.id : "", t.requestWhere = u.value.where ? u.value.where.id : ""), h("create:todo", t);
+          a.itemId = d.value.item.id, a.assignType = d.value.assignType.id, a.occupied = d.value.requestedBy.id, a.notes = d.value.notes, a.dueDate = w.fromJSDate(d.value.due).toFormat("yyyy-MM-dd"), d.value.assignType.id === 1 && (a.department = d.value.department.id), d.value.assignType.id === 2 && (a.person = d.value.person.id), o.allowWhenWhere && (a.requestWhen = d.value.when ? d.value.when.id : "", a.requestWhere = d.value.where ? d.value.where.id : ""), h("create:todo", a);
           break;
         case "room_notice":
-          t.issueId = w.value.issue.id, t.startDate = _.fromJSDate(w.value.startDate).toFormat("yyyy-MM-dd"), t.endDate = _.fromJSDate(w.value.endDate).toFormat("yyyy-MM-dd"), t.notes = w.value.notes, t.sendPush = "1", h("create:todo", t);
+          a.issueId = I.value.issue.id, a.startDate = w.fromJSDate(I.value.startDate).toFormat("yyyy-MM-dd"), a.endDate = w.fromJSDate(I.value.endDate).toFormat("yyyy-MM-dd"), a.notes = I.value.notes, a.sendPush = "1", h("create:todo", a);
           break;
         case "work_order":
-          t.itemId = v.value.item.id, t.issueId = v.value.issue.id, t.assignType = v.value.assignType.id, t.occupied = v.value.requestedBy.id, t.notes = v.value.notes, t.dueDate = _.fromJSDate(v.value.due).toFormat("yyyy-MM-dd"), v.value.assignType.id === 1 && (t.department = v.value.department.id), v.value.assignType.id === 2 && (t.person = v.value.person.id), h("create:todo", t);
+          a.itemId = v.value.item.id, a.issueId = v.value.issue.id, a.assignType = v.value.assignType.id, a.occupied = v.value.requestedBy.id, a.notes = v.value.notes, a.dueDate = w.fromJSDate(v.value.due).toFormat("yyyy-MM-dd"), v.value.assignType.id === 1 && (a.department = v.value.department.id), v.value.assignType.id === 2 && (a.person = v.value.person.id), h("create:todo", a);
           break;
       }
     }, at = (e) => {
-      ge(), _e(), s.hover && h("toggle", e);
-    }, ot = (e) => {
-      Se(), A.value = e;
-    }, st = async (e) => {
-      if (console.log("selected:", e), k.value = e, T.value = [], w.value.issue = null, p.value.problem = null, v.value.item = null, v.value.issue = null, u.value.item = null, !k.value)
+      _e(), we(), o.hover && h("toggle", e);
+    }, st = (e) => {
+      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;
         return;
-      const a = r.value?.qv2Rooms?.qRoomId || r.value?.id || s.room?.id, t = new FormData();
-      switch (t.append("property_id", s.propertyId), t.append("area_id", a), e.id) {
+      }
+      g.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":
           try {
-            r.value.tokenId && await Oe();
+            r.value.tokenId && await ke();
             const n = await (await fetch("/api/client/common/getComplaintProblemsByPropertyId.php", {
               method: "POST",
-              body: t
+              body: a
             })).json();
-            n.items && (T.value = n.items);
+            n.items && (O.value = n.items);
             const l = await K.post(
               "/api/client/common/getComplaintMoods.php"
             );
-            l.data.items.forEach((d) => {
-              d.label = d.display_name;
+            l.data.items.forEach((c) => {
+              c.label = c.display_name;
             }), ce.value = l.data.items;
-          } catch (o) {
-            console.error("Error loading complaint options:", o), h("show:toast", {
+          } catch (s) {
+            console.error("Error loading complaint options:", s), h("show:toast", {
               show: !0,
-              message: c("HC_FAILED_TO_LOAD_COMPLAINT_OPTIONS"),
+              message: u("HC_FAILED_TO_LOAD_COMPLAINT_OPTIONS"),
               variant: "error",
               icon: "exclamation-circle"
             });
+          } finally {
+            g.value.actionItems = !1;
           }
           break;
         case "room_notice":
           try {
             const n = await (await fetch("/api/client/common/getRoomNoticeIssuesByPropertyId.php", {
               method: "POST",
-              body: t
+              body: a
             })).json();
-            n.items && (T.value = n.items);
-          } catch (o) {
-            console.error("Error loading room notice options:", o), h("show:toast", {
+            n.items && (O.value = n.items);
+          } catch (s) {
+            console.error("Error loading room notice options:", s), h("show:toast", {
               show: !0,
-              message: c("HC_FAILED_TO_LOAD_ROOM_NOTICE_OPTIONS"),
+              message: u("HC_FAILED_TO_LOAD_ROOM_NOTICE_OPTIONS"),
               variant: "error",
               icon: "exclamation-circle"
             });
+          } finally {
+            g.value.actionItems = !1;
           }
           break;
         case "request":
           try {
-            u.value.requestedBy = Q.value[1], u.value.assignType = X.value[0];
+            d.value.requestedBy = Q.value[1], d.value.assignType = X.value[0];
             const n = await (await fetch("/api/client/common/getHousekeepingItemsByPropertyId.php", {
               method: "POST",
-              body: t
+              body: a
             })).json();
-            if (n.items && (T.value = n.items), await he(), u.value.department = N.value.find(
+            if (n.items && (O.value = n.items), await ge(), d.value.department = M.value.find(
               (l) => parseInt(l.id) === 4
-            ), s.allowWhenWhere)
+            ), o.allowWhenWhere)
               try {
                 const l = new FormData();
-                l.append("property_id", s.propertyId);
+                l.append("property_id", o.propertyId);
                 const m = await (await fetch(
                   "/api/client/common/getWhenWhereOptions.php",
                   {
@@ -769,18 +778,20 @@ const Gt = mt({
               } catch (l) {
                 console.error("Error loading When/Where options:", l), q.value = [], x.value = [], h("show:toast", {
                   show: !0,
-                  message: c("HC_FAILED_TO_LOAD_WHEN_WHERE_OPTIONS"),
+                  message: u("HC_FAILED_TO_LOAD_WHEN_WHERE_OPTIONS"),
                   variant: "error",
                   icon: "exclamation-circle"
                 });
               }
-          } catch (o) {
-            console.error("Error loading request options:", o), h("show:toast", {
+          } catch (s) {
+            console.error("Error loading request options:", s), h("show:toast", {
               show: !0,
-              message: c("HC_FAILED_TO_LOAD_REQUEST_OPTIONS"),
+              message: u("HC_FAILED_TO_LOAD_REQUEST_OPTIONS"),
               variant: "error",
               icon: "exclamation-circle"
             });
+          } finally {
+            g.value.actionItems = !1;
           }
           break;
         case "work_order":
@@ -788,44 +799,47 @@ const Gt = mt({
             v.value.requestedBy = Q.value[0], v.value.assignType = X.value[0];
             const n = await (await fetch("/api/client/common/getItemsByRoomId.php", {
               method: "POST",
-              body: t
+              body: a
             })).json(), l = [];
-            let d = {
+            let c = {
               group: "",
               options: []
             };
             n.items && (n.items.forEach((m) => {
-              m.section_name !== d.group && (d.group && l.push({ ...d }), d.group = m.section_name, d.options = []), m.label && d.options.push(m);
-            }), d.group && l.push({ ...d })), T.value = l, await Promise.all([
+              m.section_name !== c.group && (c.group && l.push({ ...c }), c.group = m.section_name, c.options = []), m.label && c.options.push(m);
+            }), c.group && l.push({ ...c })), O.value = l, await Promise.all([
               K.post(
                 "/api/client/common/getWorkOrderIssues.php"
               ),
-              he()
+              ge()
             ]).then((m) => {
               const f = m[0];
-              f.data.issues.forEach((g) => {
-                g.label = g.display_name;
-              }), ve.value = f.data.issues;
-            }), v.value.department = N.value.find(
+              f.data.issues.forEach((_) => {
+                _.label = _.display_name;
+              }), pe.value = f.data.issues;
+            }), v.value.department = M.value.find(
               (m) => parseInt(m.id) === 2
             );
-          } catch (o) {
-            console.error("Error loading work order options:", o), h("show:toast", {
+          } catch (s) {
+            console.error("Error loading work order options:", s), h("show:toast", {
               show: !0,
-              message: c("HC_FAILED_TO_LOAD_WORK_ORDER_OPTIONS"),
+              message: u("HC_FAILED_TO_LOAD_WORK_ORDER_OPTIONS"),
               variant: "error",
               icon: "exclamation-circle"
             });
+          } finally {
+            g.value.actionItems = !1;
           }
           break;
         default:
+          g.value.actionItems = !1;
           return;
       }
     }, nt = () => {
-      oe.value = !oe.value, ie.value = !1;
-    }, Ee = () => {
-      const e = document.getElementById("comment-field"), a = document.getElementById("hidden-text");
-      e.style.height = a?.offsetHeight + "px";
+      se.value = !se.value, ie.value = !1;
+    }, Se = () => {
+      const e = document.getElementById("comment-field"), t = document.getElementById("hidden-text");
+      e.style.height = t?.offsetHeight + "px";
     }, V = () => {
       const e = document.getElementById("comments-container");
       e?.scroll({
@@ -833,90 +847,98 @@ const Gt = mt({
         behavior: "smooth"
       });
     }, rt = async (e) => {
-      if (e && e.type === "keydown" && e.preventDefault(), r.value.tokenId && A.value && !H.value)
+      if (e && e.type === "keydown" && e.preventDefault(), r.value.tokenId && b.value && !H.value) {
+        g.value.sendingMessage = !0;
         try {
-          const a = new FormData();
-          a.append("tokenId", r.value.tokenId), a.append("content", A.value), a.append("senderId", P.value || "");
-          const t = await K.post(
+          const t = new FormData();
+          t.append("tokenId", r.value.tokenId), t.append("content", b.value), t.append("senderId", P.value || "");
+          const a = await K.post(
             "/api/client/connect/sendMessage.php",
-            a
+            t
           );
-          if (t.data.status === "error") {
+          if (a.data.status === "error") {
             h("show:toast", {
               show: !0,
-              message: c("HC_FAILED_TO_SEND_MESSAGE"),
+              message: u("HC_FAILED_TO_SEND_MESSAGE"),
               variant: "error",
               icon: "exclamation-circle"
             });
             return;
           }
-          A.value = "", S.value = !t.data.closed, t.data.messages && (F(t.data.messages), t.data.messages.length > 0 && (O.value = t.data.messages[t.data.messages.length - 1].id)), V();
-        } catch (a) {
-          console.error("sendChatMessage error:", a), h("show:toast", {
+          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();
+        } catch (t) {
+          console.error("sendChatMessage error:", t), h("show:toast", {
             show: !0,
-            message: c("HC_FAILED_TO_SEND_MESSAGE"),
+            message: u("HC_FAILED_TO_SEND_MESSAGE"),
             variant: "error",
             icon: "exclamation-circle"
           });
+        } finally {
+          g.value.sendingMessage = !1;
         }
+      }
     }, lt = async () => {
-      if (!(!r.value.tokenId || !P.value))
+      if (!(!r.value.tokenId || !P.value)) {
+        g.value.conversationToggle = !0;
         try {
-          const e = S.value ? "/api/client/connect/closeConversation.php" : "/api/client/connect/openConversation.php", a = new FormData();
-          a.append("tokenId", r.value.tokenId), a.append("userId", P.value), S.value && O.value !== null && a.append("lastMsgId", O.value.toString());
-          const t = await K.post(e, a);
-          if (t.data.status === "error") {
+          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());
+          const a = await K.post(e, t);
+          if (a.data.status === "error") {
             h("show:toast", {
               show: !0,
-              message: c("HC_FAILED_TO_UPDATE_CONVERSATION"),
+              message: u("HC_FAILED_TO_UPDATE_CONVERSATION"),
               variant: "error",
               icon: "exclamation-circle"
             });
             return;
           }
-          S.value = !t.data.closed, t.data.messages && (F(t.data.messages), t.data.messages.length > 0 && (O.value = t.data.messages[t.data.messages.length - 1].id)), h("show:toast", {
+          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)), h("show:toast", {
             show: !0,
-            message: S.value ? c("HC_CONVERSATION_REOPENED") : c("HC_CONVERSATION_CLOSED"),
+            message: A.value ? u("HC_CONVERSATION_REOPENED") : u("HC_CONVERSATION_CLOSED"),
             variant: "success",
             icon: "check-circle"
           });
         } catch (e) {
           console.error("toggleMarkOpenClose error:", e), h("show:toast", {
             show: !0,
-            message: c("HC_FAILED_TO_UPDATE_CONVERSATION"),
+            message: u("HC_FAILED_TO_UPDATE_CONVERSATION"),
             variant: "error",
             icon: "exclamation-circle"
           });
+        } finally {
+          g.value.conversationToggle = !1;
         }
+      }
     }, it = async () => {
-      if (s.isTestEnvironment && !(!r.value?.tokenId || !j.value.trim())) {
+      if (o.isTestEnvironment && !(!r.value?.tokenId || !j.value.trim())) {
         me.value = !0;
         try {
           const e = new FormData();
           e.append("tokenId", r.value.tokenId), e.append("content", j.value.trim());
-          const a = await K.post(
+          const t = await K.post(
             "/api/client/connect/simulateInbound.php",
             e
           );
-          if (a.data.status === "error") {
+          if (t.data.status === "error") {
             h("show:toast", {
               show: !0,
-              message: c("HC_FAILED_TO_SIMULATE_MESSAGE"),
+              message: u("HC_FAILED_TO_SIMULATE_MESSAGE"),
               variant: "error",
               icon: "exclamation-circle"
             });
             return;
           }
-          a.data.messages && (F(a.data.messages), S.value = !a.data.closed, a.data.messages.length > 0 && (O.value = a.data.messages[a.data.messages.length - 1].id)), j.value = "", U.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, V(), h("show:toast", {
             show: !0,
-            message: c("HC_SIMULATED_GUEST_REPLY"),
+            message: u("HC_SIMULATED_GUEST_REPLY"),
             variant: "success",
             icon: "check-circle"
           });
         } catch (e) {
           console.error("simulateGuestReply error:", e), h("show:toast", {
             show: !0,
-            message: c("HC_FAILED_TO_SIMULATE_MESSAGE"),
+            message: u("HC_FAILED_TO_SIMULATE_MESSAGE"),
             variant: "error",
             icon: "exclamation-circle"
           });
@@ -925,174 +947,174 @@ const Gt = mt({
         }
       }
     }, ut = () => {
-      U.value = !U.value, U.value || (j.value = "");
+      W.value = !W.value, W.value || (j.value = "");
     }, ct = () => {
       $.value || ($.value = setInterval(() => {
-        document.visibilityState === "visible" && fe(!0);
-      }, Ce));
+        document.visibilityState === "visible" && he(!0);
+      }, Me));
     }, ye = () => {
       $.value && (clearInterval($.value), $.value = null);
-    }, ge = () => {
-      if (s.align === "left" || s.align === "right") {
-        const e = J.value?.getBoundingClientRect().left, a = window.innerWidth;
-        ue.value = a - e < W.value ? "right" : "left";
+    }, _e = () => {
+      if (o.align === "left" || o.align === "right") {
+        const e = J.value?.getBoundingClientRect().left, t = window.innerWidth;
+        ue.value = t - e < U.value ? "right" : "left";
       } else {
-        const e = J.value?.getBoundingClientRect().top, a = window.innerHeight;
-        ue.value = a - e < G.value ? "bottom" : "top";
+        const e = J.value?.getBoundingClientRect().top, t = window.innerHeight;
+        ue.value = t - e < G.value ? "bottom" : "top";
       }
-    }, _e = () => {
-      if (s.position === "top" || s.position === "bottom") {
-        const e = J.value?.getBoundingClientRect().top, a = window.innerHeight;
-        de.value = a - e < G.value ? "top" : "bottom";
+    }, we = () => {
+      if (o.position === "top" || o.position === "bottom") {
+        const e = J.value?.getBoundingClientRect().top, t = window.innerHeight;
+        de.value = t - e < G.value ? "top" : "bottom";
       } else {
-        const e = J.value?.getBoundingClientRect().left, a = window.innerWidth;
-        de.value = a - e < W.value ? "left" : "right";
+        const e = J.value?.getBoundingClientRect().left, t = window.innerWidth;
+        de.value = t - e < U.value ? "left" : "right";
       }
-    }, Se = () => {
-      H.value = !H.value, H.value ? (A.value = "", M.value.info = ee.value, M.value.tickets = te.value, M.value.comments = Z.value, ee.value = !1, te.value = !1, document.getElementById("comment-field")?.focus()) : (ee.value = M.value.info, te.value = M.value.tickets, Z.value = M.value.comments);
-    }, dt = async (e, a) => {
-      const t = r.value?.qv2Rooms?.qRoomId || r.value?.id || s.room?.id, o = new FormData();
-      if (o.append("property_id", s.propertyId), o.append("room_ids", JSON.stringify([t])), await Y(), E.value) {
+    }, Ae = () => {
+      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) {
         const n = [];
-        E.value.forEach((l) => {
-          l.id === e && l.type === a ? n.unshift({
+        S.value.forEach((l) => {
+          l.id === e && l.type === t ? n.unshift({
             ...l,
             isNew: !0
           }) : n.push({
             ...l,
             isNew: !1
           });
-        }), n.sort((l, d) => l.id === e ? -1 : d.id === e ? 1 : 0), E.value = [...n];
+        }), n.sort((l, c) => l.id === e ? -1 : c.id === e ? 1 : 0), S.value = [...n];
       }
     };
-    B(() => s.open, () => {
-      if (s.open && s.showComments && C.value.length) {
+    B(() => o.open, () => {
+      if (o.open && o.showComments && C.value.length) {
         const e = setTimeout(V, 500);
         L.value.push(e);
       }
-      s.open || (Te(), ye(), O.value = null, C.value = [], S.value = !1);
+      o.open || (Oe(), ye(), k.value = null, C.value = [], A.value = !1);
     }), B(
-      () => [s.open, s.showComments, Z.value, r.value?.tokenId],
-      ([e, a, t, o]) => {
-        e && a && t && o ? ct() : ye();
+      () => [o.open, o.showComments, Z.value, r.value?.tokenId],
+      ([e, t, a, s]) => {
+        e && t && a && s ? ct() : ye();
       }
-    ), B(A, () => {
-      const e = setTimeout(Ee, 100);
+    ), B(b, () => {
+      const e = setTimeout(Se, 100);
       L.value.push(e);
-    }), B(() => s.allowWhenWhere, (e, a) => {
-      a === !0 && e === !1 && (u.value.when = null, u.value.where = null, q.value = [], x.value = []);
+    }), B(() => o.allowWhenWhere, (e, t) => {
+      t === !0 && e === !1 && (d.value.when = null, d.value.where = null, q.value = [], x.value = []);
     });
-    const Ae = () => !!(s.room.reservations || s.room.cleaning || s.room.occupancy);
-    return B(() => s.open, async (e, a) => {
-      e && !a && (Ae() ? (r.value = s.room, R.value = [s.room]) : s.showGuestDetails && !R.value ? await se() : r.value || (r.value = s.room), Y(), ne(), s.showComments && fe());
+    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());
     }), B(
-      () => s.room.id,
-      (e, a) => {
-        e !== a && (r.value = s.room, R.value = null, s.open && (Ae() ? R.value = [s.room] : s.showGuestDetails && se(), Y(), ne()));
+      () => 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()));
       }
     ), vt(async () => {
       const e = JSON.parse(
         window.localStorage.getItem("authenticated")
       );
-      P.value = e?.user?.id || window.userId || "", r.value = s.room, s.size === "sm" && (G.value = 140, W.value = 160), s.size === "lg" && (G.value = 250, W.value = 440), ge(), _e();
+      P.value = e?.user?.id || window.userId || "", r.value = o.room, o.size === "sm" && (G.value = 140, U.value = 160), o.size === "lg" && (G.value = 250, U.value = 440), _e(), we();
     }), pt(() => {
       L.value.forEach((e) => {
         clearTimeout(e);
       }), ye();
     }), {
-      DateTime: _,
+      DateTime: w,
       // Refs
       actionMenuOpen: ie,
       alignment: ue,
       assignTypes: X,
-      comment: A,
+      comment: b,
       complaint: p,
       componentHeight: G,
-      componentWidth: W,
-      departments: N,
-      departmentUsers: we,
+      componentWidth: U,
+      departments: M,
+      departmentUsers: Ie,
       expandComments: Z,
       expandGuestInfo: ee,
-      expandedStates: M,
+      expandedStates: N,
       expandTickets: te,
-      guestDetailsData: be,
-      itemOptions: T,
-      loading: b,
+      guestDetailsData: Ce,
+      itemOptions: O,
+      loading: g,
       messages: C,
       moodOptions: ce,
       pmsData: R,
       positioning: de,
       quickReplyOpen: H,
-      request: u,
+      request: d,
       requestedByOptions: Q,
-      requestLoading: Ne,
-      requestType: k,
+      requestLoading: ve,
+      requestType: E,
       roomDetailsData: r,
-      roomNotice: w,
+      roomNotice: I,
       roomNotices: ae,
-      showCreateRequest: oe,
-      ticketsList: E,
-      todoOptions: Me,
+      showCreateRequest: se,
+      ticketsList: S,
+      todoOptions: Ne,
       trigger: J,
       userId: P,
       workOrder: v,
-      workOrderIssues: ve,
+      workOrderIssues: pe,
       whenOptions: q,
       whereOptions: x,
       // Guest Connect state
-      isConversationOpen: S,
-      lastMessageId: O,
+      isConversationOpen: A,
+      lastMessageId: k,
       // Simulate Guest Reply state (test environments only)
-      simulateOpen: U,
+      simulateOpen: W,
       simulateContent: j,
       simulateLoading: me,
       // Computed
-      cleanliness: pe,
+      cleanliness: fe,
       cleanlinessColor: Re,
       cleanlinessTooltipContent: He,
       filteredReplies: Le,
       groupedMessages: Pe,
       hasGuestCallback: qe,
-      hasComplaint: Ie,
+      hasComplaint: De,
       itemOptionsList: xe,
-      occupied: De,
+      occupied: Te,
       occupancyTooltipContent: Fe,
       selectedAssignType: Be,
       selectedDepartment: Ge,
-      selectedRequestedBy: We,
-      stayDetails: Ue,
+      selectedRequestedBy: Ue,
+      stayDetails: We,
       tagsList: je,
       validateToDo: $e,
       // Methods
-      closeRequest: Te,
+      closeRequest: Oe,
       createCallback: Qe,
       createMessageList: F,
-      getChatMessages: fe,
+      getChatMessages: he,
       getHowLongAgo: Ye,
-      getPMSData: se,
+      getPMSData: oe,
       getRoomNotices: ne,
-      getSharedData: he,
-      getStayDetails: Oe,
+      getSharedData: ge,
+      getStayDetails: ke,
       getTicketColor: ze,
       getTicketIcon: Ke,
       getTickets: Y,
-      handleFailedResponse: ke,
+      handleFailedResponse: Ee,
       handlePulse: Xe,
       onClickEditConnectGuest: Ze,
       onClickTicket: et,
       onCreateRequestSubmit: tt,
       onHoverToggle: at,
-      onSelectQuickReply: ot,
-      onSelectToDo: st,
+      onSelectQuickReply: st,
+      onSelectToDo: ot,
       openRequest: nt,
       refreshPMSData: Ve,
-      resizeTextarea: Ee,
+      resizeTextarea: Se,
       scrollToConnectBottom: V,
       sendChatMessage: rt,
-      setAlignment: ge,
-      setPositioning: _e,
+      setAlignment: _e,
+      setPositioning: we,
       toggleMarkOpenClose: lt,
-      toggleQuickReply: Se,
+      toggleQuickReply: Ae,
       updateTickets: dt,
       // Simulate Guest Reply methods (test environments only)
       simulateGuestReply: it,