@quoreadmin/ui 1.6.8 → 1.7.0

package/dist/index140.js

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