@quoreadmin/ui 1.6.7 → 1.6.8

package/dist/{index139.js → index140.js}

@@ -1,31 +1,31 @@
-import { defineComponent as Ve, ref as i, computed as h, watch as F, onMounted as Ze, onUnmounted as et } from "vue";
-import { useI18n as tt } from "vue-i18n";
-import { DateTime as y } from "./index162.js";
-import "./index185.js";
-import at from "./index2.js";
-import ot from "./index3.js";
-import st from "./index13.js";
-import nt from "./index21.js";
-import rt from "./index28.js";
+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 "./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 ut from "./index20.js";
-import it from "./index46.js";
-import ct from "./index47.js";
-import dt from "./index49.js";
-import G from "./index186.js";
-const Ct = Ve({
+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({
   name: "QRoomDetailsPopover",
   components: {
-    QAccordion: at,
-    QActivityItem: ot,
-    QCommentSection: st,
-    QDatePicker: ut,
-    QDivider: nt,
-    QIcon: rt,
+    QAccordion: tt,
+    QActivityItem: at,
+    QCommentSection: ot,
+    QDatePicker: rt,
+    QDivider: st,
+    QIcon: nt,
     QPopover: lt,
-    QTag: it,
-    QTextarea: ct,
-    QTooltip: dt
+    QTag: ut,
+    QTextarea: it,
+    QTooltip: ct
   },
   props: {
     id: {
@@ -123,11 +123,25 @@ const Ct = Ve({
     allowWhenWhere: {
       type: Boolean,
       default: !1
+    },
+    quickReplies: {
+      type: Array,
+      default: () => []
+    },
+    /** Set if the popover is teleported to the body (escapes overflow clipping) */
+    teleport: {
+      type: Boolean,
+      default: !1
+    },
+    /** Target element for teleport */
+    teleportTo: {
+      type: String,
+      default: "body"
     }
   },
   emits: ["create:callback", "create:todo", "refresh:pms", "toggle"],
   setup(s, { emit: I }) {
-    const { t: v } = tt(), l = i(null), K = i(!1), V = i("left"), j = i([
+    const { t: v } = et(), r = i(null), K = i(!1), V = i("left"), j = i([
       {
         id: 1,
         label: v("HC_DEPARTMENT")
@@ -151,19 +165,19 @@ const Ct = Ve({
       guestMood: null,
       guestName: "",
       guestPhone: "",
-      inHouse: !!l.value?.tokenId || !1,
+      inHouse: !!r.value?.tokenId || !1,
       problem: null,
       notes: "",
-      tokenId: l.value?.tokenId
-    }), H = i(250), P = i(290), C = i([]), de = i([]), Z = i(!0), U = i(!0), E = i({
+      tokenId: r.value?.tokenId
+    }), H = i(250), B = i(290), C = i([]), ce = i([]), Z = i(!0), U = i(!0), E = i({
       info: !0,
       tickets: !0,
       comments: !0
-    }), Q = i(!0), _e = i(s.guestDetails), w = i([]), b = i({
+    }), Q = i(!0), we = i(s.guestDetails), w = i([]), b = i({
       pms: !1,
       roomNotices: !1,
       tickets: !1
-    }), ee = i([]), te = i([]), ae = i("bottom"), M = i(null), oe = i([]), R = i(!1), S = i(!1), O = i(null), u = i({
+    }), ee = i([]), te = i([]), ae = i("bottom"), R = i(null), S = i(!1), N = i(!1), O = i(null), u = i({
       assignType: null,
       department: null,
       due: /* @__PURE__ */ new Date(),
@@ -173,7 +187,7 @@ const Ct = Ve({
       requestedBy: null,
       when: null,
       where: null
-    }), B = i([
+    }), P = i([
       {
         id: 0,
         label: v("HC_STAFF_MEMBER")
@@ -184,12 +198,12 @@ const Ct = Ve({
         label: v("HC_HOTEL_GUEST")
         // need to localize
       }
-    ]), ke = i(!1), k = i(null), g = i({
+    ]), _e = i(!1), k = i(null), g = i({
       endDate: /* @__PURE__ */ new Date(),
       issue: null,
       notes: "",
       startDate: /* @__PURE__ */ new Date()
-    }), $ = i([]), J = i(!1), D = i([]), L = i([]), De = i([
+    }), $ = i([]), J = i(!1), D = i([]), L = i([]), ke = i([
       {
         label: v("HC_COMPLAINT"),
         id: "complaint"
@@ -206,7 +220,7 @@ const Ct = Ve({
         label: v("HC_WORK_ORDER"),
         id: "work_order"
       }
-    ]), x = i(), N = i(null), d = i({
+    ]), x = i(), M = i(null), d = i({
       assignType: null,
       department: null,
       due: /* @__PURE__ */ new Date(),
@@ -215,8 +229,8 @@ const Ct = Ve({
       notes: "",
       person: null,
       requestedBy: null
-    }), se = i([]), q = i([]), A = i([]), ne = h(() => {
-      switch (l.value.cleaning?.name) {
+    }), oe = i([]), q = i([]), A = i([]), se = h(() => {
+      switch (r.value.cleaning?.name) {
         case "CLEAN":
         case "INSPECTED":
           return "CLEAN";
@@ -228,14 +242,14 @@ const Ct = Ve({
         default:
           return "";
       }
-    }), Ie = h(() => ne.value === "CLEAN" ? "blue-10" : ne.value === "DIRTY" ? "red-10" : "gray-30"), Te = h(() => v(`HC_${l.value.cleaning?.name}`) || ""), be = h(() => {
+    }), 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 oe.value.filter((a) => a.toLowerCase().match(e));
-    }), me = h(() => D.value.length ? !!D.value.find(
+      return s.quickReplies.filter((a) => a.toLowerCase().match(e));
+    }), de = h(() => D.value.length ? !!D.value.find(
       (a) => a.type === "complaint"
-    ) : !1), Oe = h(() => D.value.length ? !!D.value.find(
+    ) : !1), be = h(() => D.value.length ? !!D.value.find(
       (a) => a.type === "callback"
-    ) : !1), Ce = h(() => {
+    ) : !1), Oe = h(() => {
       let e = [];
       return w.value[0] && w.value[0].options === void 0 ? w.value.forEach((a) => {
         e.push({
@@ -243,7 +257,7 @@ const Ct = Ve({
           label: a.display_name
         });
       }) : e = w.value, e;
-    }), pe = h(() => l.value.occupancy?.name === "OCCUPIED"), Ee = h(() => pe.value && me.value ? "HK_ROOM_STATUS_Occupied_Complaint" : "HK_ROOM_STATUS_Occupied"), Me = h(() => {
+    }), 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) {
         case "request":
         case "work_order":
@@ -251,7 +265,7 @@ const Ct = Ve({
         default:
           return null;
       }
-    }), Re = h(() => {
+    }), Me = h(() => {
       if (C.value)
         switch (k.value?.id) {
           case "request":
@@ -262,30 +276,30 @@ const Ct = Ve({
             return null;
         }
       return null;
-    }), Se = h(() => {
+    }), Re = h(() => {
       switch (k.value?.id) {
         case "request":
-          return B.value[1];
+          return P.value[1];
         case "work_order":
-          return B.value[0];
+          return P.value[0];
         default:
           return null;
       }
-    }), Ne = h(() => {
+    }), Se = h(() => {
       let e = "";
-      if (l.value && l.value.reservations[0]) {
+      if (r.value && r.value.reservations[0]) {
         const a = y.fromISO(
-          l.value.reservations[0].arrivalDate
-        ), t = a.toFormat("MMM"), o = a.day, n = a.year, r = y.fromISO(
-          l.value.reservations[0].departureDate
-        ), c = r.toFormat("MMM"), m = r.day, f = r.year;
+          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;
       }
       return e;
-    }), qe = h(() => {
+    }), Ne = h(() => {
       let e = $.value;
       return e = [...new Set(e)], e;
-    }), Ae = h(() => {
+    }), qe = h(() => {
       const e = k.value?.id;
       if (!e)
         return !1;
@@ -303,14 +317,14 @@ const Ct = Ve({
         default:
           return !1;
       }
-    }), ve = () => {
-      J.value = !1, R.value = !1, K.value = !1, w.value = [], te.value = [], se.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;
-    }, He = async () => {
-      I("create:callback", l.value), I("toggle", !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) => {
       const a = [];
       (Array.isArray(e) ? e : Object.values(e)).forEach((o) => {
-        const n = o.senderType || o.sender_type, r = o.senderName || "", c = o.senderId || o.sender_id, m = o.profileImg || o.profile_img, f = r ? r.split(" ") : ["", ""], X = o.user_first_name || o.guest_first_name || f[0] || "", Ke = o.user_last_name || o.guest_last_name || f.slice(1).join(" ") || "";
+        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",
@@ -323,16 +337,16 @@ const Ct = Ve({
             icon: "",
             id: c || "system-message",
             initials: "",
-            lastName: Ke || "",
+            lastName: Xe || "",
             src: m || ""
           }
         };
         _.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;
-    }, fe = async () => {
-      if (s.showComments && l.value.tokenId)
+    }, ve = async () => {
+      if (s.showComments && r.value.tokenId)
         try {
-          let e = `/api/client/connect/getMessages.php?tokenId=${l.value.tokenId}`;
+          let e = `/api/client/connect/getMessages.php?tokenId=${r.value.tokenId}`;
           O.value !== null && (e += `&lastMsgId=${O.value}`);
           const t = await (await fetch(e, {
             method: "GET",
@@ -340,11 +354,11 @@ const Ct = Ve({
           })).json();
           if (t.status === "error")
             throw new Error(t.message || "Failed to get messages");
-          S.value = !t.closed, t.messages && t.messages.length > 0 && (O.value = t.messages[t.messages.length - 1].id), Y(t.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);
         }
-    }, Pe = (e) => {
+    }, He = (e) => {
       const a = y.utc(), t = y.fromFormat(e, "yyyy-MM-dd HH:mm:ss", { zone: "utc" }), o = a.diff(
         t,
         [
@@ -354,11 +368,11 @@ const Ct = Ve({
           "hours",
           "minutes"
         ]
-      ), n = Math.floor(o.years), r = Math.floor(o.months), c = Math.floor(o.days), m = Math.floor(o.hours), f = Math.floor(o.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 (r)
-        return r === 1 ? v("HC_ONE_MONTH_AGO") : v("HC_X_MONTHS_AGO", { months: r });
+      if (l)
+        return l === 1 ? v("HC_ONE_MONTH_AGO") : v("HC_X_MONTHS_AGO", { months: l });
       if (c)
         return c === 1 ? v("HC_ONE_DAY_AGO") : v("HC_X_DAYS_AGO", { days: c });
       if (m)
@@ -368,8 +382,8 @@ const Ct = Ve({
       if (f === 0)
         return v("HC_A_MOMENT_AGO");
     }, Be = async () => {
-      s.showGuestDetails && re(), z(), W(), I("refresh:pms", l.value);
-    }, re = async () => {
+      s.showGuestDetails && ne(), z(), W(), I("refresh:pms", r.value);
+    }, ne = async () => {
       try {
         b.value.pms = !0;
         const e = new AbortController(), a = setTimeout(() => e.abort(), 45e3);
@@ -391,11 +405,11 @@ const Ct = Ve({
             signal: e.signal
           }
         );
-        clearTimeout(a), n.ok || ge(n);
-        const r = await n.json();
-        M.value = r.data.pmsRooms, l.value = M.value.find(
+        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
-        ), l.value || (l.value = s.room), b.value.pms = !1;
+        ), r.value || (r.value = s.room), b.value.pms = !1;
       } catch (e) {
         return b.value.pms = !1, e;
       }
@@ -426,22 +440,22 @@ const Ct = Ve({
           body: e
         })
       ]), o = await a.json(), n = await t.json();
-      if (o.departments && (o.departments.forEach((r) => {
-        r.label = r.display_name;
+      if (o.departments && (o.departments.forEach((l) => {
+        l.label = l.display_name;
       }), C.value = o.departments), n.users) {
-        const r = [];
+        const l = [];
         let c = {
           group: "",
           options: []
         };
         n.users.forEach((m) => {
-          m.translated_department !== c.group && (c.group && r.push({ ...c }), c.group = m.translated_department, c.options = []), c.options.push(m);
-        }), c.group && r.push({ ...c }), de.value = r;
+          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;
       }
-    }, he = async () => {
+    }, fe = async () => {
       try {
         const e = new FormData();
-        e.append("funcname", "get_stay_details"), e.append("token_id", l.value.tokenId);
+        e.append("funcname", "get_stay_details"), e.append("token_id", r.value.tokenId);
         const t = (await G.post(
           "/includes/chat_api.php",
           e
@@ -456,7 +470,7 @@ const Ct = Ve({
       } catch (e) {
         console.log(e);
       }
-    }, Le = (e) => {
+    }, Pe = (e) => {
       switch (e) {
         case "complaint":
           return "red-30";
@@ -469,7 +483,7 @@ const Ct = Ve({
         case "task":
           return "green-20";
       }
-    }, xe = (e) => {
+    }, Le = (e) => {
       switch (e) {
         case "complaint":
           return "face-frown";
@@ -497,7 +511,7 @@ const Ct = Ve({
       } finally {
         b.value.tickets = !1;
       }
-    }, ge = async (e) => {
+    }, he = async (e) => {
       const a = await e.text();
       let t;
       try {
@@ -506,10 +520,10 @@ const Ct = Ve({
         t = { code: e.status, message: a };
       }
       return t.code === 401 ? (window.location.href = "/logout.php?unauthorized=1", { error: t }) : t;
-    }, We = (e) => {
+    }, xe = (e) => {
       const a = document.querySelectorAll(".pulse");
       if (a && a.length) {
-        const t = l.value?.qv2Rooms?.qRoomId || l.value?.id || s.room?.id, o = document.getElementById("room-" + t), n = o?.classList;
+        const t = r.value?.qv2Rooms?.qRoomId || r.value?.id || s.room?.id, o = document.getElementById("room-" + t), n = o?.classList;
         switch (e) {
           case "room_notice":
             (n?.contains("roombox_unsel") || n?.contains("roombox_unsel_active")) && (o?.classList.remove(), o?.classList.add("roomnoticeroombox_sel"));
@@ -524,16 +538,16 @@ const Ct = Ve({
             !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && !n?.contains("complaintsroombox_sel") && !n?.contains("guestrequestroombox_sel") && (o?.classList.remove(), o?.classList.add("workordersroombox_sel"));
             break;
         }
-        const r = setTimeout(() => {
+        const l = setTimeout(() => {
           a.forEach((c) => {
             c.classList.remove("pulse");
           });
         }, 4500);
-        L.value.push(r);
+        L.value.push(l);
       }
-    }, Fe = () => {
-      window.location.href = "/guest/overview.php";
-    }, Ge = (e) => {
+    }, We = () => {
+      window.open("/guest/overview.php", "_blank");
+    }, Fe = (e) => {
       let a = "";
       switch (e.type) {
         case "complaint":
@@ -554,18 +568,18 @@ const Ct = Ve({
         default:
           return "#";
       }
-      window.open(a);
-    }, je = async () => {
-      const e = l.value?.qv2Rooms?.qRoomId || l.value?.id || s.room?.id, a = l.value?.qv2Rooms?.qRoomName || l.value?.name || s.room?.name, t = {
+      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: N.value,
+        userId: M.value,
         areaId: e,
         areaName: a
       };
       switch (k.value?.id) {
         case "complaint":
-          t.tokenId = l.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 = 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(
             "yyyy-MM-dd"
           ), t.notes = p.value.notes, t.inHouse = "2", t.source = "dashboard", I("create:todo", t);
           break;
@@ -579,29 +593,29 @@ const Ct = Ve({
           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);
           break;
       }
+    }, je = (e) => {
+      ue(), ie(), s.hover && I("toggle", e);
     }, Ue = (e) => {
-      ie(), ce(), s.hover && I("toggle", e);
-    }, Qe = (e) => {
-      we(), T.value = e;
-    }, $e = async (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)
         return;
-      const a = l.value?.qv2Rooms?.qRoomId || l.value?.id || s.room?.id, t = new FormData();
+      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) {
         case "complaint":
           try {
-            l.value.tokenId && await he();
+            r.value.tokenId && await fe();
             const n = await (await fetch("/api/client/common/getComplaintProblemsByPropertyId.php", {
               method: "POST",
               body: t
             })).json();
             n.items && (w.value = n.items);
-            const r = await G.post(
+            const l = await G.post(
               "/api/client/common/getComplaintMoods.php"
             );
-            r.data.items.forEach((c) => {
+            l.data.items.forEach((c) => {
               c.label = c.display_name;
-            }), te.value = r.data.items;
+            }), te.value = l.data.items;
           } catch (o) {
             console.log(o);
           }
@@ -619,22 +633,22 @@ const Ct = Ve({
           break;
         case "request":
           try {
-            u.value.requestedBy = B.value[1], u.value.assignType = j.value[0];
+            u.value.requestedBy = P.value[1], u.value.assignType = j.value[0];
             const n = 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(
-              (r) => parseInt(r.id) === 4
+              (l) => parseInt(l.id) === 4
             ), s.allowWhenWhere)
               try {
-                const r = new FormData();
-                r.append("property_id", s.propertyId);
+                const l = new FormData();
+                l.append("property_id", s.propertyId);
                 const m = await (await fetch(
                   "/api/client/common/getWhenWhereOptions.php",
                   {
                     method: "POST",
-                    body: r
+                    body: l
                   }
                 )).json();
                 m.when && Array.isArray(m.when) ? q.value = m.when.map((f) => ({
@@ -646,8 +660,8 @@ const Ct = Ve({
                   label: f.name,
                   value: f.id
                 })) : A.value = [];
-              } catch (r) {
-                console.log("Error loading When/Where options:", r), q.value = [], A.value = [];
+              } catch (l) {
+                console.log("Error loading When/Where options:", l), q.value = [], A.value = [];
               }
           } catch (o) {
             console.log(o);
@@ -655,18 +669,18 @@ const Ct = Ve({
           break;
         case "work_order":
           try {
-            d.value.requestedBy = B.value[0], d.value.assignType = j.value[0];
+            d.value.requestedBy = P.value[0], d.value.assignType = j.value[0];
             const n = await (await fetch("/api/client/common/getItemsByRoomId.php", {
               method: "POST",
               body: t
-            })).json(), r = [];
+            })).json(), l = [];
             let c = {
               group: "",
               options: []
             };
             n.items && (n.items.forEach((m) => {
-              m.section_name !== c.group && (c.group && r.push({ ...c }), c.group = m.section_name, c.options = []), m.label && c.options.push(m);
-            }), c.group && r.push({ ...c })), w.value = r, 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 })), w.value = l, await Promise.all([
               G.post(
                 "/api/client/common/getWorkOrderIssues.php"
               ),
@@ -675,7 +689,7 @@ const Ct = Ve({
               const f = m[0];
               f.data.issues.forEach((X) => {
                 X.label = X.display_name;
-              }), se.value = f.data.issues;
+              }), oe.value = f.data.issues;
             }), d.value.department = C.value.find(
               (m) => parseInt(m.id) === 2
             );
@@ -686,105 +700,101 @@ const Ct = Ve({
         default:
           return;
       }
-    }, Je = () => {
+    }, $e = () => {
       J.value = !J.value, K.value = !1;
-    }, ye = () => {
+    }, ge = () => {
       const e = document.getElementById("comment-field"), a = document.getElementById("hidden-text");
       e.style.height = a?.offsetHeight + "px";
-    }, ue = () => {
+    }, re = () => {
       const e = document.getElementById("comments-container");
       e?.scroll({
         top: e.scrollHeight,
         behavior: "smooth"
       });
-    }, Ye = async (e) => {
-      if (e && e.type === "keydown" && e.preventDefault(), l.value.tokenId && T.value && !R.value)
+    }, Je = async (e) => {
+      if (e && e.type === "keydown" && e.preventDefault(), r.value.tokenId && T.value && !S.value)
         try {
           const a = new FormData();
-          a.append("tokenId", l.value.tokenId), a.append("content", T.value), a.append("senderId", N.value || "");
+          a.append("tokenId", r.value.tokenId), a.append("content", T.value), a.append("senderId", M.value || "");
           const t = await G.post(
             "/api/client/connect/sendMessage.php",
             a
           );
           if (t.data.status === "error")
             throw new Error(t.data.message || "Failed to send message");
-          T.value = "", S.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)), ue();
+          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();
         } catch (a) {
           console.error("sendChatMessage error:", a);
         }
-    }, ze = async () => {
-      if (!(!l.value.tokenId || !N.value))
+    }, Ye = async () => {
+      if (!(!r.value.tokenId || !M.value))
         try {
-          const e = S.value ? "/api/client/connect/closeConversation.php" : "/api/client/connect/openConversation.php", a = new FormData();
-          a.append("tokenId", l.value.tokenId), a.append("userId", N.value), S.value && O.value !== null && a.append("lastMsgId", O.value.toString());
+          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");
-          S.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));
+          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));
         } catch (e) {
           console.error("toggleMarkOpenClose error:", e);
         }
-    }, ie = () => {
+    }, ue = () => {
       if (s.align === "left" || s.align === "right") {
         const e = x.value?.getBoundingClientRect().left, a = window.innerWidth;
-        V.value = a - e < P.value ? "right" : "left";
+        V.value = a - e < B.value ? "right" : "left";
       } else {
         const e = x.value?.getBoundingClientRect().top, a = window.innerHeight;
         V.value = a - e < H.value ? "bottom" : "top";
       }
-    }, ce = () => {
+    }, 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";
       } else {
         const e = x.value?.getBoundingClientRect().left, a = window.innerWidth;
-        ae.value = a - e < P.value ? "left" : "right";
+        ae.value = a - e < B.value ? "left" : "right";
       }
-    }, we = () => {
-      R.value = !R.value, R.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);
-    }, Xe = async (e, a) => {
-      const t = l.value?.qv2Rooms?.qRoomId || l.value?.id || s.room?.id, o = new FormData();
+    }, 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((r) => {
-          r.id === e && r.type === a ? n.unshift({
-            ...r,
+        D.value.forEach((l) => {
+          l.id === e && l.type === a ? n.unshift({
+            ...l,
             isNew: !0
           }) : n.push({
-            ...r,
+            ...l,
             isNew: !1
           });
-        }), n.sort((r, c) => r.id === e ? -1 : c.id === e ? 1 : 0), D.value = [...n];
+        }), n.sort((l, c) => l.id === e ? -1 : c.id === e ? 1 : 0), D.value = [...n];
       }
     };
     return F(() => s.open, () => {
       if (s.open && s.showComments && ee.value.length) {
-        const e = setTimeout(ue, 500);
+        const e = setTimeout(re, 500);
         L.value.push(e);
       }
-      s.open || ve();
+      s.open || pe();
     }), F(T, () => {
-      const e = setTimeout(ye, 100);
+      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 && !M.value ? await re() : l.value || (l.value = s.room), W(), z(), s.showComments && fe());
+      e && !a && (s.showGuestDetails && !R.value ? await ne() : r.value || (r.value = s.room), W(), z(), s.showComments && ve());
     }), F(
       () => s.room.id,
       (e, a) => {
-        e !== a && (M.value ? (l.value = M.value.find((t) => t.qv2Rooms.qRoomId === s.room.id), l.value || (l.value = s.room)) : l.value = s.room, s.open && (W(), z()));
+        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()));
       }
-    ), Ze(async () => {
+    ), Ve(async () => {
       const e = JSON.parse(
         window.localStorage.getItem("authenticated")
       );
-      N.value = e?.user?.id || "", l.value = s.room, s.size === "sm" && (H.value = 140, P.value = 160), s.size === "lg" && (H.value = 250, P.value = 440), ie(), ce();
-      const a = [], t = window.localStorage.getItem("quick-replies");
-      t && JSON.parse(t).forEach((o) => {
-        a.push(o.message);
-      }), oe.value = a;
-    }), et(() => {
+      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) => {
         clearTimeout(e);
       });
@@ -797,91 +807,90 @@ const Ct = Ve({
       comment: T,
       complaint: p,
       componentHeight: H,
-      componentWidth: P,
+      componentWidth: B,
       departments: C,
-      departmentUsers: de,
+      departmentUsers: ce,
       expandComments: Z,
       expandGuestInfo: U,
       expandedStates: E,
       expandTickets: Q,
-      guestDetailsData: _e,
+      guestDetailsData: we,
       itemOptions: w,
       loading: b,
       messages: ee,
       moodOptions: te,
-      pmsData: M,
+      pmsData: R,
       positioning: ae,
-      quickReplies: oe,
-      quickReplyOpen: R,
+      quickReplyOpen: S,
       request: u,
-      requestedByOptions: B,
-      requestLoading: ke,
+      requestedByOptions: P,
+      requestLoading: _e,
       requestType: k,
-      roomDetailsData: l,
+      roomDetailsData: r,
       roomNotice: g,
       roomNotices: $,
       showCreateRequest: J,
       ticketsList: D,
-      todoOptions: De,
+      todoOptions: ke,
       trigger: x,
-      userId: N,
+      userId: M,
       workOrder: d,
-      workOrderIssues: se,
+      workOrderIssues: oe,
       whenOptions: q,
       whereOptions: A,
       // Guest Connect state
-      isConversationOpen: S,
+      isConversationOpen: N,
       lastMessageId: O,
       // Computed
-      cleanliness: ne,
-      cleanlinessColor: Ie,
-      cleanlinessTooltipContent: Te,
-      filteredReplies: be,
-      hasGuestCallback: Oe,
-      hasComplaint: me,
-      itemOptionsList: Ce,
-      occupied: pe,
-      occupancyTooltipContent: Ee,
-      selectedAssignType: Me,
-      selectedDepartment: Re,
-      selectedRequestedBy: Se,
-      stayDetails: Ne,
-      tagsList: qe,
-      validateToDo: Ae,
+      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,
       // Methods
-      closeRequest: ve,
-      createCallback: He,
+      closeRequest: pe,
+      createCallback: Ae,
       createMessageList: Y,
-      getChatMessages: fe,
-      getHowLongAgo: Pe,
-      getPMSData: re,
+      getChatMessages: ve,
+      getHowLongAgo: He,
+      getPMSData: ne,
       getRoomNotices: z,
       getSharedData: le,
-      getStayDetails: he,
-      getTicketColor: Le,
-      getTicketIcon: xe,
+      getStayDetails: fe,
+      getTicketColor: Pe,
+      getTicketIcon: Le,
       getTickets: W,
-      handleFailedResponse: ge,
-      handlePulse: We,
-      onClickEditConnectGuest: Fe,
-      onClickTicket: Ge,
-      onCreateRequestSubmit: je,
-      onHoverToggle: Ue,
-      onSelectQuickReply: Qe,
-      onSelectToDo: $e,
-      openRequest: Je,
+      handleFailedResponse: he,
+      handlePulse: xe,
+      onClickEditConnectGuest: We,
+      onClickTicket: Fe,
+      onCreateRequestSubmit: Ge,
+      onHoverToggle: je,
+      onSelectQuickReply: Ue,
+      onSelectToDo: Qe,
+      openRequest: $e,
       refreshPMSData: Be,
-      resizeTextarea: ye,
-      scrollToConnectBottom: ue,
-      sendChatMessage: Ye,
-      setAlignment: ie,
-      setPositioning: ce,
-      toggleMarkOpenClose: ze,
-      toggleQuickReply: we,
-      updateTickets: Xe
+      resizeTextarea: ge,
+      scrollToConnectBottom: re,
+      sendChatMessage: Je,
+      setAlignment: ue,
+      setPositioning: ie,
+      toggleMarkOpenClose: Ye,
+      toggleQuickReply: ye,
+      updateTickets: ze
     };
   }
 });
 export {
-  Ct as default
+  Ot as default
 };