@quoreadmin/ui 1.6.6 → 1.6.7

package/dist/index139.js

@@ -1,29 +1,31 @@
-import { defineComponent as $e, ref as u, computed as h, watch as P, onMounted as Ye, onUnmounted as ze } from "vue";
-import { useI18n as Xe } from "vue-i18n";
-import { DateTime as g } from "./index162.js";
+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 Ke from "./index2.js";
-import Ve from "./index3.js";
-import Ze from "./index13.js";
-import et from "./index21.js";
-import tt from "./index28.js";
-import at from "./index39.js";
-import ot from "./index186.js";
-import st from "./index46.js";
-import nt from "./index49.js";
-import Q from "./index187.js";
-const _t = $e({
+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 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({
   name: "QRoomDetailsPopover",
   components: {
-    QAccordion: Ke,
-    QActivityItem: Ve,
-    QCommentSection: Ze,
-    QDatePicker: ot,
-    QDivider: et,
-    QIcon: tt,
-    QPopover: at,
-    QTag: st,
-    QTooltip: nt
+    QAccordion: at,
+    QActivityItem: ot,
+    QCommentSection: st,
+    QDatePicker: ut,
+    QDivider: nt,
+    QIcon: rt,
+    QPopover: lt,
+    QTag: it,
+    QTextarea: ct,
+    QTooltip: dt
   },
   props: {
     id: {
@@ -124,8 +126,8 @@ const _t = $e({
     }
   },
   emits: ["create:callback", "create:todo", "refresh:pms", "toggle"],
-  setup(s, { emit: k }) {
-    const { t: v } = Xe(), i = u(null), J = u(!1), $ = u("left"), L = u([
+  setup(s, { emit: I }) {
+    const { t: v } = tt(), l = i(null), K = i(!1), V = i("left"), j = i([
       {
         id: 1,
         label: v("HC_DEPARTMENT")
@@ -141,7 +143,7 @@ const _t = $e({
         label: v("HC_ANYONE")
         // need to localize
       }
-    ]), b = u(""), p = u({
+    ]), T = i(""), p = i({
       checkInDate: /* @__PURE__ */ new Date(),
       checkOutDate: /* @__PURE__ */ new Date(),
       guestEmail: "",
@@ -149,19 +151,19 @@ const _t = $e({
       guestMood: null,
       guestName: "",
       guestPhone: "",
-      inHouse: !!i.value?.tokenId || !1,
+      inHouse: !!l.value?.tokenId || !1,
       problem: null,
       notes: "",
-      tokenId: i.value?.tokenId
-    }), N = u(250), M = u(290), I = u([]), ne = u([]), Y = u(!0), x = u(!0), O = u({
+      tokenId: l.value?.tokenId
+    }), H = i(250), P = i(290), C = i([]), de = i([]), Z = i(!0), U = i(!0), E = i({
       info: !0,
       tickets: !0,
       comments: !0
-    }), W = u(!0), he = u(s.guestDetails), w = u([]), T = u({
+    }), Q = i(!0), _e = i(s.guestDetails), w = i([]), b = i({
       pms: !1,
       roomNotices: !1,
       tickets: !1
-    }), le = u([]), z = u([]), X = u("bottom"), C = u(null), K = u([]), R = u(!1), l = u({
+    }), ee = i([]), te = i([]), ae = i("bottom"), M = i(null), oe = i([]), R = i(!1), S = i(!1), O = i(null), u = i({
       assignType: null,
       department: null,
       due: /* @__PURE__ */ new Date(),
@@ -171,7 +173,7 @@ const _t = $e({
       requestedBy: null,
       when: null,
       where: null
-    }), q = u([
+    }), B = i([
       {
         id: 0,
         label: v("HC_STAFF_MEMBER")
@@ -182,12 +184,12 @@ const _t = $e({
         label: v("HC_HOTEL_GUEST")
         // need to localize
       }
-    ]), ye = u(!1), _ = u(null), y = u({
+    ]), ke = i(!1), k = i(null), g = i({
       endDate: /* @__PURE__ */ new Date(),
       issue: null,
       notes: "",
       startDate: /* @__PURE__ */ new Date()
-    }), F = u([]), G = u(!1), D = u([]), H = u([]), ge = u([
+    }), $ = i([]), J = i(!1), D = i([]), L = i([]), De = i([
       {
         label: v("HC_COMPLAINT"),
         id: "complaint"
@@ -204,7 +206,7 @@ const _t = $e({
         label: v("HC_WORK_ORDER"),
         id: "work_order"
       }
-    ]), A = u(), U = u(null), c = u({
+    ]), x = i(), N = i(null), d = i({
       assignType: null,
       department: null,
       due: /* @__PURE__ */ new Date(),
@@ -213,8 +215,8 @@ const _t = $e({
       notes: "",
       person: null,
       requestedBy: null
-    }), V = u([]), E = u([]), S = u([]), Z = h(() => {
-      switch (i.value.cleaning?.name) {
+    }), se = i([]), q = i([]), A = i([]), ne = h(() => {
+      switch (l.value.cleaning?.name) {
         case "CLEAN":
         case "INSPECTED":
           return "CLEAN";
@@ -226,14 +228,14 @@ const _t = $e({
         default:
           return "";
       }
-    }), we = h(() => Z.value === "CLEAN" ? "blue-10" : Z.value === "DIRTY" ? "red-10" : "gray-30"), _e = h(() => v(`HC_${i.value.cleaning?.name}`) || ""), De = h(() => {
-      const e = b.value.toLowerCase();
-      return K.value.filter((a) => a.toLowerCase().match(e));
-    }), re = h(() => D.value.length ? !!D.value.find(
+    }), Ie = h(() => ne.value === "CLEAN" ? "blue-10" : ne.value === "DIRTY" ? "red-10" : "gray-30"), Te = h(() => v(`HC_${l.value.cleaning?.name}`) || ""), be = h(() => {
+      const e = T.value.toLowerCase();
+      return oe.value.filter((a) => a.toLowerCase().match(e));
+    }), me = h(() => D.value.length ? !!D.value.find(
       (a) => a.type === "complaint"
-    ) : !1), ke = h(() => D.value.length ? !!D.value.find(
+    ) : !1), Oe = h(() => D.value.length ? !!D.value.find(
       (a) => a.type === "callback"
-    ) : !1), be = h(() => {
+    ) : !1), Ce = h(() => {
       let e = [];
       return w.value[0] && w.value[0].options === void 0 ? w.value.forEach((a) => {
         e.push({
@@ -241,95 +243,109 @@ const _t = $e({
           label: a.display_name
         });
       }) : e = w.value, e;
-    }), ue = h(() => i.value.occupancy?.name === "OCCUPIED"), Te = h(() => ue.value && re.value ? "HK_ROOM_STATUS_Occupied_Complaint" : "HK_ROOM_STATUS_Occupied"), Ie = h(() => {
-      switch (_.value?.id) {
+    }), pe = h(() => l.value.occupancy?.name === "OCCUPIED"), Ee = h(() => pe.value && me.value ? "HK_ROOM_STATUS_Occupied_Complaint" : "HK_ROOM_STATUS_Occupied"), Me = h(() => {
+      switch (k.value?.id) {
         case "request":
         case "work_order":
-          return L.value[0];
+          return j.value[0];
         default:
           return null;
       }
-    }), Oe = h(() => {
-      if (I.value)
-        switch (_.value?.id) {
+    }), Re = h(() => {
+      if (C.value)
+        switch (k.value?.id) {
           case "request":
-            return I.value.find((e) => parseInt(e.id) === 4);
+            return C.value.find((e) => parseInt(e.id) === 4);
           case "work_order":
-            return I.value.find((e) => parseInt(e.id) === 2);
+            return C.value.find((e) => parseInt(e.id) === 2);
           default:
             return null;
         }
       return null;
-    }), Ce = h(() => {
-      switch (_.value?.id) {
+    }), Se = h(() => {
+      switch (k.value?.id) {
         case "request":
-          return q.value[1];
+          return B.value[1];
         case "work_order":
-          return q.value[0];
+          return B.value[0];
         default:
           return null;
       }
-    }), Re = h(() => {
+    }), Ne = h(() => {
       let e = "";
-      if (i.value && i.value.reservations[0]) {
-        const a = g.fromISO(
-          i.value.reservations[0].arrivalDate
-        ), t = a.toFormat("MMM"), o = a.day, n = a.year, r = g.fromISO(
-          i.value.reservations[0].departureDate
-        ), d = r.toFormat("MMM"), m = r.day, f = r.year;
-        e += t + " " + o, n !== f && (e += ", " + n), t === d ? e += "-" + m : e += " - " + d + " " + m, e += ", " + f;
+      if (l.value && l.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;
+        e += t + " " + o, n !== f && (e += ", " + n), t === c ? e += "-" + m : e += " - " + c + " " + m, e += ", " + f;
       }
       return e;
-    }), Ee = h(() => {
-      let e = F.value;
+    }), qe = h(() => {
+      let e = $.value;
       return e = [...new Set(e)], e;
-    }), Se = h(() => {
-      const e = _.value?.id;
+    }), Ae = h(() => {
+      const e = k.value?.id;
       if (!e)
         return !1;
       switch (e) {
         case "room_notice":
-          return y.value.issue && y.value.startDate && y.value.endDate;
+          return g.value.issue && g.value.startDate && g.value.endDate;
         case "complaint":
           return p.value.problem && p.value.guestName && p.value.guestMood;
         case "work_order":
-          return c.value.item && c.value.issue && c.value.requestedBy && c.value.due && (c.value.assignType && c.value.assignType.id === 0 || c.value.assignType && c.value.assignType.id === 1 && c.value.department || c.value.assignType && c.value.assignType.id === 2 && c.value.person);
+          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);
         case "request": {
-          const a = l.value.item && l.value.requestedBy && l.value.due && (l.value.assignType && l.value.assignType.id === 0 || l.value.assignType && l.value.assignType.id === 1 && l.value.department || l.value.assignType && l.value.assignType.id === 2 && l.value.person), t = s.allowWhenWhere ? l.value.when && l.value.where : !0;
+          const a = u.value.item && u.value.requestedBy && u.value.due && (u.value.assignType && u.value.assignType.id === 0 || u.value.assignType && u.value.assignType.id === 1 && u.value.department || u.value.assignType && u.value.assignType.id === 2 && u.value.person), t = s.allowWhenWhere ? u.value.when && u.value.where : !0;
           return a && t;
         }
         default:
           return !1;
       }
-    }), ie = () => {
-      G.value = !1, R.value = !1, J.value = !1, w.value = [], z.value = [], V.value = [], E.value = [], S.value = [], _.value = null, y.value.issue = null, y.value.startDate = /* @__PURE__ */ new Date(), y.value.endDate = /* @__PURE__ */ new Date(), y.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 = "", c.value.assignType = null, c.value.department = null, c.value.person = null, c.value.due = /* @__PURE__ */ new Date(), c.value.item = null, c.value.issue = null, c.value.notes = "", l.value.assignType = null, l.value.department = null, l.value.person = null, l.value.due = /* @__PURE__ */ new Date(), l.value.item = null, l.value.notes = "", l.value.when = null, l.value.where = null;
-    }, Ne = async () => {
-      k("create:callback", i.value), k("toggle", !1);
-    }, Me = (e) => {
+    }), 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);
+    }, Y = (e) => {
       const a = [];
-      Object.values(e).forEach((t) => {
-        let o = {
-          id: t.id,
-          isPropertyEmployee: t.sender_type === "user",
-          isSent: !!t.sent,
-          isSystemMessage: t.sender_type === "system",
-          message: t.content,
-          timestamp: t.sent || t.created,
+      (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(" ") || "";
+        let _ = {
+          id: o.id,
+          isPropertyEmployee: n === "user",
+          isSent: !!o.sent,
+          isSystemMessage: n === "system",
+          message: o.content,
+          timestamp: o.sent || o.created,
           user: {
-            firstName: "Auto-Reply",
+            firstName: X || "Auto-Reply",
             icon: "",
-            id: "system-message",
+            id: c || "system-message",
             initials: "",
-            lastName: "",
-            src: ""
+            lastName: Ke || "",
+            src: m || ""
           }
         };
-        t.sender_type === "user" && (o.user.firstName = t.user_first_name, o.user.lastName = t.user_last_name, o.user.initials = o.user.firstName[0] + o.user.lastName[0]), t.sender_type === "guest" && (o.user.firstName = t.guest_first_name, o.user.lastName = t.guest_last_name), o.user.initials = o.user.firstName[0] + o.user.lastName[0], o.user.src = "", o.isSystemMessage && (o.user.icon = "property-fill"), t.sender_id && (o.user.id = t.sender_id), a.push(o);
-      }), e.value = a;
-    }, ce = async () => {
-      s.showComments && i.value.tokenId;
-    }, qe = (e) => {
-      const a = g.utc(), t = g.fromFormat(e, "yyyy-MM-dd HH:mm:ss", { zone: "utc" }), o = a.diff(
+        _.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)
+        try {
+          let e = `/api/client/connect/getMessages.php?tokenId=${l.value.tokenId}`;
+          O.value !== null && (e += `&lastMsgId=${O.value}`);
+          const t = await (await fetch(e, {
+            method: "GET",
+            credentials: "include"
+          })).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 || []);
+        } catch (e) {
+          console.error("getChatMessages error:", e);
+        }
+    }, Pe = (e) => {
+      const a = y.utc(), t = y.fromFormat(e, "yyyy-MM-dd HH:mm:ss", { zone: "utc" }), o = a.diff(
         t,
         [
           "years",
@@ -338,26 +354,26 @@ const _t = $e({
           "hours",
           "minutes"
         ]
-      ), n = Math.floor(o.years), r = Math.floor(o.months), d = Math.floor(o.days), m = Math.floor(o.hours), f = Math.floor(o.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);
       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 (d)
-        return d === 1 ? v("HC_ONE_DAY_AGO") : v("HC_X_DAYS_AGO", { days: d });
+      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 });
       if (f)
         return f === 1 ? v("HC_ONE_MINUTE_AGO") : v("HC_X_MINUTES_AGO", { minutes: f });
       if (f === 0)
         return v("HC_A_MOMENT_AGO");
-    }, He = async () => {
-      s.showGuestDetails && ee(), j(), B(), k("refresh:pms", i.value);
-    }, ee = async () => {
+    }, Be = async () => {
+      s.showGuestDetails && re(), z(), W(), I("refresh:pms", l.value);
+    }, re = async () => {
       try {
-        T.value.pms = !0;
+        b.value.pms = !0;
         const e = new AbortController(), a = setTimeout(() => e.abort(), 45e3);
-        H.value.push(a);
+        L.value.push(a);
         const t = s.pmsBaseUrl;
         if (!t)
           throw new Error("PMS base URL is required");
@@ -375,30 +391,30 @@ const _t = $e({
             signal: e.signal
           }
         );
-        clearTimeout(a), n.ok || me(n);
+        clearTimeout(a), n.ok || ge(n);
         const r = await n.json();
-        C.value = r.data.pmsRooms, i.value = C.value.find(
-          (d) => d.qv2Rooms.qRoomId === s.room.id
-        ), i.value || (i.value = s.room), T.value.pms = !1;
+        M.value = r.data.pmsRooms, l.value = M.value.find(
+          (c) => c.qv2Rooms.qRoomId === s.room.id
+        ), l.value || (l.value = s.room), b.value.pms = !1;
       } catch (e) {
-        return T.value.pms = !1, e;
+        return b.value.pms = !1, e;
       }
-    }, j = async () => {
+    }, z = async () => {
       try {
-        T.value.roomNotices = !0;
+        b.value.roomNotices = !0;
         const e = await fetch(
           "/api/client/common/getRoomNotices.php?propertyId=" + s.propertyId + "&roomIds=[" + s.room.id + "]"
         );
         if (!e.ok)
           throw new Error(`HTTP error! status: ${e.status}`);
         const a = await e.json();
-        F.value = a.notices;
+        $.value = a.notices;
       } catch (e) {
-        console.error("Error getting room notices:", e), F.value = [];
+        console.error("Error getting room notices:", e), $.value = [];
       } finally {
-        T.value.roomNotices = !1;
+        b.value.roomNotices = !1;
       }
-    }, te = async () => {
+    }, le = async () => {
       const e = new FormData();
       e.append("property_id", s.propertyId), e.append("filter", "tasks_new");
       const [a, t] = await Promise.all([
@@ -412,35 +428,35 @@ const _t = $e({
       ]), o = await a.json(), n = await t.json();
       if (o.departments && (o.departments.forEach((r) => {
         r.label = r.display_name;
-      }), I.value = o.departments), n.users) {
+      }), C.value = o.departments), n.users) {
         const r = [];
-        let d = {
+        let c = {
           group: "",
           options: []
         };
         n.users.forEach((m) => {
-          m.translated_department !== d.group && (d.group && r.push({ ...d }), d.group = m.translated_department, d.options = []), d.options.push(m);
-        }), d.group && r.push({ ...d }), ne.value = r;
+          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;
       }
-    }, de = async () => {
+    }, he = async () => {
       try {
         const e = new FormData();
-        e.append("funcname", "get_stay_details"), e.append("token_id", i.value.tokenId);
-        const t = (await Q.post(
+        e.append("funcname", "get_stay_details"), e.append("token_id", l.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 = g.fromISO(
+        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 = g.fromISO(
+        ).toJSDate()), t && t.check_out && (p.value.checkOutDate = y.fromISO(
           t.check_out
         ).toJSDate());
       } catch (e) {
         console.log(e);
       }
-    }, Ae = (e) => {
+    }, Le = (e) => {
       switch (e) {
         case "complaint":
           return "red-30";
@@ -453,7 +469,7 @@ const _t = $e({
         case "task":
           return "green-20";
       }
-    }, Be = (e) => {
+    }, xe = (e) => {
       switch (e) {
         case "complaint":
           return "face-frown";
@@ -466,9 +482,9 @@ const _t = $e({
         case "task":
           return "check";
       }
-    }, B = async () => {
+    }, W = async () => {
       try {
-        T.value.tickets = !0;
+        b.value.tickets = !0;
         const e = await fetch(
           "/api/client/common/getAllToDos.php?propertyId=" + s.propertyId + "&roomIds=[" + s.room.id + "]"
         );
@@ -479,9 +495,9 @@ const _t = $e({
       } catch (e) {
         console.error("Error getting tickets:", e), D.value = [];
       } finally {
-        T.value.tickets = !1;
+        b.value.tickets = !1;
       }
-    }, me = async (e) => {
+    }, ge = async (e) => {
       const a = await e.text();
       let t;
       try {
@@ -490,10 +506,10 @@ const _t = $e({
         t = { code: e.status, message: a };
       }
       return t.code === 401 ? (window.location.href = "/logout.php?unauthorized=1", { error: t }) : t;
-    }, Pe = (e) => {
+    }, We = (e) => {
       const a = document.querySelectorAll(".pulse");
       if (a && a.length) {
-        const t = i.value?.qv2Rooms?.qRoomId || i.value?.id || s.room?.id, o = document.getElementById("room-" + t), n = o?.classList;
+        const t = l.value?.qv2Rooms?.qRoomId || l.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"));
@@ -509,15 +525,15 @@ const _t = $e({
             break;
         }
         const r = setTimeout(() => {
-          a.forEach((d) => {
-            d.classList.remove("pulse");
+          a.forEach((c) => {
+            c.classList.remove("pulse");
           });
         }, 4500);
-        H.value.push(r);
+        L.value.push(r);
       }
-    }, Le = () => {
+    }, Fe = () => {
       window.location.href = "/guest/overview.php";
-    }, xe = (e) => {
+    }, Ge = (e) => {
       let a = "";
       switch (e.type) {
         case "complaint":
@@ -539,53 +555,53 @@ const _t = $e({
           return "#";
       }
       window.open(a);
-    }, We = async () => {
-      const e = i.value?.qv2Rooms?.qRoomId || i.value?.id || s.room?.id, a = i.value?.qv2Rooms?.qRoomName || i.value?.name || s.room?.name, t = {
-        type: _.value?.id,
+    }, 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 = {
+        type: k.value?.id,
         propertyId: s.propertyId,
-        userId: U.value,
+        userId: N.value,
         areaId: e,
         areaName: a
       };
-      switch (_.value?.id) {
+      switch (k.value?.id) {
         case "complaint":
-          t.tokenId = i.value.tokenId, t.problem = 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 = g.fromJSDate(p.value.checkInDate).toFormat(
+          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(
             "yyyy-MM-dd"
-          ), t.notes = p.value.notes, t.inHouse = "2", t.source = "dashboard", k("create:todo", t);
+          ), t.notes = p.value.notes, t.inHouse = "2", t.source = "dashboard", I("create:todo", t);
           break;
         case "request":
-          t.itemId = l.value.item.id, t.assignType = l.value.assignType.id, t.occupied = l.value.requestedBy.id, t.notes = l.value.notes, t.dueDate = g.fromJSDate(l.value.due).toFormat("yyyy-MM-dd"), l.value.assignType.id === 1 && (t.department = l.value.department.id), l.value.assignType.id === 2 && (t.person = l.value.person.id), s.allowWhenWhere && (t.requestWhen = l.value.when ? l.value.when.id : "", t.requestWhere = l.value.where ? l.value.where.id : ""), k("create:todo", t);
+          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);
           break;
         case "room_notice":
-          t.issue = y.value.issue.id, t.startDate = g.fromJSDate(y.value.startDate).toFormat("yyyy-MM-dd"), t.endDate = g.fromJSDate(y.value.endDate).toFormat("yyyy-MM-dd"), t.notes = y.value.notes, t.sendPush = "1", k("create:todo", t);
+          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);
           break;
         case "work_order":
-          t.itemId = c.value.item.id, t.issueId = c.value.issue.id, t.assignType = c.value.assignType.id, t.occupied = c.value.requestedBy.id, t.notes = c.value.notes, t.dueDate = g.fromJSDate(c.value.due).toFormat("yyyy-MM-dd"), c.value.assignType.id === 1 && (t.department = c.value.department.id), c.value.assignType.id === 2 && (t.person = c.value.person.id), k("create:todo", t);
+          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;
       }
-    }, Fe = (e) => {
-      oe(), se(), s.hover && k("toggle", e);
-    }, Ge = (e) => {
-      ve(), b.value = e;
-    }, Ue = async (e) => {
-      if (console.log("selected:", e), _.value = e, w.value = [], y.value.issue = null, p.value.problem = null, c.value.item = null, c.value.issue = null, l.value.item = null, !_.value)
+    }, Ue = (e) => {
+      ie(), ce(), s.hover && I("toggle", e);
+    }, Qe = (e) => {
+      we(), T.value = e;
+    }, $e = 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 = i.value?.qv2Rooms?.qRoomId || i.value?.id || s.room?.id, t = new FormData();
+      const a = l.value?.qv2Rooms?.qRoomId || l.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 {
-            i.value.tokenId && await de();
+            l.value.tokenId && await he();
             const n = await (await fetch("/api/client/common/getComplaintProblemsByPropertyId.php", {
               method: "POST",
               body: t
             })).json();
             n.items && (w.value = n.items);
-            const r = await Q.post(
+            const r = await G.post(
               "/api/client/common/getComplaintMoods.php"
             );
-            r.data.items.forEach((d) => {
-              d.label = d.display_name;
-            }), z.value = r.data.items;
+            r.data.items.forEach((c) => {
+              c.label = c.display_name;
+            }), te.value = r.data.items;
           } catch (o) {
             console.log(o);
           }
@@ -603,12 +619,12 @@ const _t = $e({
           break;
         case "request":
           try {
-            l.value.requestedBy = q.value[1], l.value.assignType = L.value[0];
+            u.value.requestedBy = B.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 te(), l.value.department = I.value.find(
+            if (n.items && (w.value = n.items), await le(), u.value.department = C.value.find(
               (r) => parseInt(r.id) === 4
             ), s.allowWhenWhere)
               try {
@@ -621,17 +637,17 @@ const _t = $e({
                     body: r
                   }
                 )).json();
-                m.when && Array.isArray(m.when) ? E.value = m.when.map((f) => ({
+                m.when && Array.isArray(m.when) ? q.value = m.when.map((f) => ({
                   id: f.id,
                   label: f.name,
                   value: f.id
-                })) : E.value = [], m.where && Array.isArray(m.where) ? S.value = m.where.map((f) => ({
+                })) : q.value = [], m.where && Array.isArray(m.where) ? A.value = m.where.map((f) => ({
                   id: f.id,
                   label: f.name,
                   value: f.id
-                })) : S.value = [];
+                })) : A.value = [];
               } catch (r) {
-                console.log("Error loading When/Where options:", r), E.value = [], S.value = [];
+                console.log("Error loading When/Where options:", r), q.value = [], A.value = [];
               }
           } catch (o) {
             console.log(o);
@@ -639,28 +655,28 @@ const _t = $e({
           break;
         case "work_order":
           try {
-            c.value.requestedBy = q.value[0], c.value.assignType = L.value[0];
+            d.value.requestedBy = B.value[0], d.value.assignType = j.value[0];
             const n = await (await fetch("/api/client/common/getItemsByRoomId.php", {
               method: "POST",
               body: t
             })).json(), r = [];
-            let d = {
+            let c = {
               group: "",
               options: []
             };
             n.items && (n.items.forEach((m) => {
-              m.section_name !== d.group && (d.group && r.push({ ...d }), d.group = m.section_name, d.options = []), m.label && d.options.push(m);
-            }), d.group && r.push({ ...d })), w.value = r, await Promise.all([
-              Q.post(
+              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([
+              G.post(
                 "/api/client/common/getWorkOrderIssues.php"
               ),
-              te()
+              le()
             ]).then((m) => {
               const f = m[0];
-              f.data.issues.forEach((fe) => {
-                fe.label = fe.display_name;
-              }), V.value = f.data.issues;
-            }), c.value.department = I.value.find(
+              f.data.issues.forEach((X) => {
+                X.label = X.display_name;
+              }), se.value = f.data.issues;
+            }), d.value.department = C.value.find(
               (m) => parseInt(m.id) === 2
             );
           } catch (o) {
@@ -670,53 +686,65 @@ const _t = $e({
         default:
           return;
       }
-    }, je = () => {
-      G.value = !G.value, J.value = !1;
-    }, pe = () => {
+    }, Je = () => {
+      J.value = !J.value, K.value = !1;
+    }, ye = () => {
       const e = document.getElementById("comment-field"), a = document.getElementById("hidden-text");
       e.style.height = a?.offsetHeight + "px";
-    }, ae = () => {
+    }, ue = () => {
       const e = document.getElementById("comments-container");
       e?.scroll({
         top: e.scrollHeight,
         behavior: "smooth"
       });
-    }, Qe = async (e) => {
-      if (e && e.type === "keydown" && e.preventDefault(), i.value.tokenId && b.value && !R.value)
+    }, Ye = async (e) => {
+      if (e && e.type === "keydown" && e.preventDefault(), l.value.tokenId && T.value && !R.value)
         try {
           const a = new FormData();
-          a.append("funcname", "send_message_to_guest"), a.append("stay_id", i.value.tokenId), a.append("content", b.value), a.append("sender_id", U.value || "");
-          const t = await Q.post(
-            "/includes/chat_api.php",
+          a.append("tokenId", l.value.tokenId), a.append("content", T.value), a.append("senderId", N.value || "");
+          const t = await G.post(
+            "/api/client/connect/sendMessage.php",
             a
           );
-          if (t.data.result.error_message)
-            throw new Error(t.data.result.error_message);
-          b.value = "", await ce(), ae();
+          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();
         } catch (a) {
-          console.log(a);
+          console.error("sendChatMessage error:", a);
+        }
+    }, ze = async () => {
+      if (!(!l.value.tokenId || !N.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 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));
+        } catch (e) {
+          console.error("toggleMarkOpenClose error:", e);
         }
-    }, oe = () => {
+    }, ie = () => {
       if (s.align === "left" || s.align === "right") {
-        const e = A.value?.getBoundingClientRect().left, a = window.innerWidth;
-        $.value = a - e < M.value ? "right" : "left";
+        const e = x.value?.getBoundingClientRect().left, a = window.innerWidth;
+        V.value = a - e < P.value ? "right" : "left";
       } else {
-        const e = A.value?.getBoundingClientRect().top, a = window.innerHeight;
-        $.value = a - e < N.value ? "bottom" : "top";
+        const e = x.value?.getBoundingClientRect().top, a = window.innerHeight;
+        V.value = a - e < H.value ? "bottom" : "top";
       }
-    }, se = () => {
+    }, ce = () => {
       if (s.position === "top" || s.position === "bottom") {
-        const e = A.value?.getBoundingClientRect().top, a = window.innerHeight;
-        X.value = a - e < N.value ? "top" : "bottom";
+        const e = x.value?.getBoundingClientRect().top, a = window.innerHeight;
+        ae.value = a - e < H.value ? "top" : "bottom";
       } else {
-        const e = A.value?.getBoundingClientRect().left, a = window.innerWidth;
-        X.value = a - e < M.value ? "left" : "right";
+        const e = x.value?.getBoundingClientRect().left, a = window.innerWidth;
+        ae.value = a - e < P.value ? "left" : "right";
       }
-    }, ve = () => {
-      R.value = !R.value, R.value ? (b.value = "", O.value.info = x.value, O.value.tickets = W.value, O.value.comments = Y.value, x.value = !1, W.value = !1, document.getElementById("comment-field")?.focus()) : (x.value = O.value.info, W.value = O.value.tickets, Y.value = O.value.comments);
-    }, Je = async (e, a) => {
-      const t = i.value?.qv2Rooms?.qRoomId || i.value?.id || s.room?.id, o = new FormData();
-      if (o.append("property_id", s.propertyId), o.append("room_ids", JSON.stringify([t])), await B(), D.value) {
+    }, 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();
+      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({
@@ -726,130 +754,134 @@ const _t = $e({
             ...r,
             isNew: !1
           });
-        }), n.sort((r, d) => r.id === e ? -1 : d.id === e ? 1 : 0), D.value = [...n];
+        }), n.sort((r, c) => r.id === e ? -1 : c.id === e ? 1 : 0), D.value = [...n];
       }
     };
-    return P(() => s.open, () => {
-      if (s.open && s.showComments && le.value.length) {
-        const e = setTimeout(ae, 500);
-        H.value.push(e);
+    return F(() => s.open, () => {
+      if (s.open && s.showComments && ee.value.length) {
+        const e = setTimeout(ue, 500);
+        L.value.push(e);
       }
-      s.open || ie();
-    }), P(b, () => {
-      const e = setTimeout(pe, 100);
-      H.value.push(e);
-    }), P(() => s.allowWhenWhere, (e, a) => {
-      a === !0 && e === !1 && (l.value.when = null, l.value.where = null, E.value = [], S.value = []);
-    }), P(() => s.open, async (e, a) => {
-      e && !a && (s.showGuestDetails && !C.value ? await ee() : i.value || (i.value = s.room), B(), j());
-    }), P(
+      s.open || ve();
+    }), F(T, () => {
+      const e = setTimeout(ye, 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());
+    }), F(
       () => s.room.id,
       (e, a) => {
-        e !== a && (C.value ? (i.value = C.value.find((t) => t.qv2Rooms.qRoomId === s.room.id), i.value || (i.value = s.room)) : i.value = s.room, s.open && (B(), j()));
+        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()));
       }
-    ), Ye(async () => {
+    ), Ze(async () => {
       const e = JSON.parse(
         window.localStorage.getItem("authenticated")
       );
-      U.value = e?.user?.id || "", i.value = s.room, s.size === "sm" && (N.value = 140, M.value = 160), s.size === "lg" && (N.value = 250, M.value = 440), oe(), se();
+      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);
-      }), K.value = a;
-    }), ze(() => {
-      H.value.forEach((e) => {
+      }), oe.value = a;
+    }), et(() => {
+      L.value.forEach((e) => {
         clearTimeout(e);
       });
     }), {
-      DateTime: g,
+      DateTime: y,
       // Refs
-      actionMenuOpen: J,
-      alignment: $,
-      assignTypes: L,
-      comment: b,
+      actionMenuOpen: K,
+      alignment: V,
+      assignTypes: j,
+      comment: T,
       complaint: p,
-      componentHeight: N,
-      componentWidth: M,
-      departments: I,
-      departmentUsers: ne,
-      expandComments: Y,
-      expandGuestInfo: x,
-      expandedStates: O,
-      expandTickets: W,
-      guestDetailsData: he,
+      componentHeight: H,
+      componentWidth: P,
+      departments: C,
+      departmentUsers: de,
+      expandComments: Z,
+      expandGuestInfo: U,
+      expandedStates: E,
+      expandTickets: Q,
+      guestDetailsData: _e,
       itemOptions: w,
-      loading: T,
-      messages: le,
-      moodOptions: z,
-      pmsData: C,
-      positioning: X,
-      quickReplies: K,
+      loading: b,
+      messages: ee,
+      moodOptions: te,
+      pmsData: M,
+      positioning: ae,
+      quickReplies: oe,
       quickReplyOpen: R,
-      request: l,
-      requestedByOptions: q,
-      requestLoading: ye,
-      requestType: _,
-      roomDetailsData: i,
-      roomNotice: y,
-      roomNotices: F,
-      showCreateRequest: G,
+      request: u,
+      requestedByOptions: B,
+      requestLoading: ke,
+      requestType: k,
+      roomDetailsData: l,
+      roomNotice: g,
+      roomNotices: $,
+      showCreateRequest: J,
       ticketsList: D,
-      todoOptions: ge,
-      trigger: A,
-      userId: U,
-      workOrder: c,
-      workOrderIssues: V,
-      whenOptions: E,
-      whereOptions: S,
+      todoOptions: De,
+      trigger: x,
+      userId: N,
+      workOrder: d,
+      workOrderIssues: se,
+      whenOptions: q,
+      whereOptions: A,
+      // Guest Connect state
+      isConversationOpen: S,
+      lastMessageId: O,
       // Computed
-      cleanliness: Z,
-      cleanlinessColor: we,
-      cleanlinessTooltipContent: _e,
-      filteredReplies: De,
-      hasGuestCallback: ke,
-      hasComplaint: re,
-      itemOptionsList: be,
-      occupied: ue,
-      occupancyTooltipContent: Te,
-      selectedAssignType: Ie,
-      selectedDepartment: Oe,
-      selectedRequestedBy: Ce,
-      stayDetails: Re,
-      tagsList: Ee,
-      validateToDo: Se,
+      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,
       // Methods
-      closeRequest: ie,
-      createCallback: Ne,
-      createMessageList: Me,
-      getChatMessages: ce,
-      getHowLongAgo: qe,
-      getPMSData: ee,
-      getRoomNotices: j,
-      getSharedData: te,
-      getStayDetails: de,
-      getTicketColor: Ae,
-      getTicketIcon: Be,
-      getTickets: B,
-      handleFailedResponse: me,
-      handlePulse: Pe,
-      onClickEditConnectGuest: Le,
-      onClickTicket: xe,
-      onCreateRequestSubmit: We,
-      onHoverToggle: Fe,
-      onSelectQuickReply: Ge,
-      onSelectToDo: Ue,
-      openRequest: je,
-      refreshPMSData: He,
-      resizeTextarea: pe,
-      scrollToConnectBottom: ae,
-      sendChatMessage: Qe,
-      setAlignment: oe,
-      setPositioning: se,
-      toggleQuickReply: ve,
-      updateTickets: Je
+      closeRequest: ve,
+      createCallback: He,
+      createMessageList: Y,
+      getChatMessages: fe,
+      getHowLongAgo: Pe,
+      getPMSData: re,
+      getRoomNotices: z,
+      getSharedData: le,
+      getStayDetails: he,
+      getTicketColor: Le,
+      getTicketIcon: xe,
+      getTickets: W,
+      handleFailedResponse: ge,
+      handlePulse: We,
+      onClickEditConnectGuest: Fe,
+      onClickTicket: Ge,
+      onCreateRequestSubmit: je,
+      onHoverToggle: Ue,
+      onSelectQuickReply: Qe,
+      onSelectToDo: $e,
+      openRequest: Je,
+      refreshPMSData: Be,
+      resizeTextarea: ye,
+      scrollToConnectBottom: ue,
+      sendChatMessage: Ye,
+      setAlignment: ie,
+      setPositioning: ce,
+      toggleMarkOpenClose: ze,
+      toggleQuickReply: we,
+      updateTickets: Xe
     };
   }
 });
 export {
-  _t as default
+  Ct as default
 };