@quoreadmin/ui 1.4.2 → 1.4.3

package/dist/index133.js

@@ -0,0 +1,815 @@
+import { defineComponent as Fe, ref as s, computed as p, watch as ae, onMounted as je, onUnmounted as $e } from "vue";
+import { useI18n as ze } from "vue-i18n";
+import { DateTime as h } from "./index156.js";
+import "./index179.js";
+import We from "./index2.js";
+import Xe from "./index3.js";
+import Je from "./index12.js";
+import Ke from "./index20.js";
+import Ve from "./index26.js";
+import Ze from "./index37.js";
+import et from "./index180.js";
+import tt from "./index44.js";
+import at from "./index47.js";
+import U from "./index181.js";
+const ht = Fe({
+  name: "QRoomDetailsPopover",
+  components: {
+    QAccordion: We,
+    QActivityItem: Xe,
+    QCommentSection: Je,
+    QDatePicker: et,
+    QDivider: Ke,
+    QIcon: Ve,
+    QPopover: Ze,
+    QTag: tt,
+    QTooltip: at
+  },
+  props: {
+    id: {
+      type: String,
+      default: ""
+    },
+    roomDetails: {
+      type: Object,
+      default: () => {
+      }
+    },
+    guestDetails: {
+      type: Object,
+      default: () => {
+      }
+    },
+    propertyId: {
+      type: [Number, String],
+      default: ""
+    },
+    propertyTimeZone: {
+      type: String,
+      default: "America/Chicago"
+    },
+    trigger: {
+      type: [Number, String],
+      default: ""
+    },
+    comments: {
+      type: Array,
+      default: () => []
+    },
+    room: {
+      type: Object,
+      default: () => {
+      }
+    },
+    showActionMenu: {
+      type: Boolean,
+      default: !0
+    },
+    showActionsLink: {
+      type: Boolean,
+      default: !0
+    },
+    showGuestDetails: {
+      type: Boolean,
+      default: !1
+    },
+    showComments: {
+      type: Boolean,
+      default: !1
+    },
+    showTickets: {
+      type: Boolean,
+      default: !0
+    },
+    showGuestCallback: {
+      type: Boolean,
+      default: !0
+    },
+    showRoomName: {
+      type: Boolean,
+      default: !1
+    },
+    hover: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    align: {
+      type: String,
+      default: "left"
+    },
+    position: {
+      type: String,
+      default: "bottom"
+    },
+    locale: {
+      type: String,
+      default: "en"
+    },
+    pmsBaseUrl: {
+      type: String,
+      default: "",
+      required: !0
+    }
+  },
+  emits: ["create:callback", "create:todo", "refresh:pms", "toggle"],
+  setup(l, { emit: w }) {
+    const { t: d } = ze(), r = s(null), G = s(!1), Q = s("left"), H = s([
+      {
+        id: 1,
+        label: d("HC_DEPARTMENT")
+        // need to localize
+      },
+      {
+        id: 2,
+        label: d("HC_PERSON")
+        // need to localize
+      },
+      {
+        id: 0,
+        label: d("HC_ANYONE")
+        // need to localize
+      }
+    ]), k = s(""), i = s({
+      checkInDate: /* @__PURE__ */ new Date(),
+      checkOutDate: /* @__PURE__ */ new Date(),
+      guestEmail: "",
+      guestLoyalty: "",
+      guestMood: null,
+      guestName: "",
+      guestPhone: "",
+      inHouse: !!r.value?.tokenId || !1,
+      problem: null,
+      notes: "",
+      tokenId: r.value?.tokenId
+    }), R = s(250), E = s(290), O = s([]), me = s([]), F = s(!0), A = s(!0), b = s({
+      info: !0,
+      tickets: !0,
+      comments: !0
+    }), B = s(!0), pe = s(l.guestDetails), D = s([]), T = s({
+      pms: !1,
+      roomNotices: !1,
+      tickets: !1
+    }), oe = s([]), j = s([]), $ = s("bottom"), M = s(null), z = s([]), C = s(!1), u = s({
+      assignType: null,
+      department: null,
+      due: /* @__PURE__ */ new Date(),
+      item: null,
+      notes: "",
+      person: null,
+      requestedBy: null
+    }), N = s([
+      {
+        id: 0,
+        label: d("HC_STAFF_MEMBER")
+        // need to localize
+      },
+      {
+        id: 1,
+        label: d("HC_HOTEL_GUEST")
+        // need to localize
+      }
+    ]), ve = s(!1), g = s(null), v = s({
+      endDate: /* @__PURE__ */ new Date(),
+      issue: null,
+      notes: "",
+      startDate: /* @__PURE__ */ new Date()
+    }), P = s([]), L = s(!1), _ = s([]), S = s([]), fe = s([
+      {
+        label: d("HC_COMPLAINT"),
+        id: "complaint"
+      },
+      {
+        label: d("HC_REQUEST"),
+        id: "request"
+      },
+      {
+        label: d("HC_ROOM_NOTICE"),
+        id: "room_notice"
+      },
+      {
+        label: d("HC_WORK_ORDER"),
+        id: "work_order"
+      }
+    ]), q = s(), x = s(null), n = s({
+      assignType: null,
+      department: null,
+      due: /* @__PURE__ */ new Date(),
+      item: null,
+      issue: null,
+      notes: "",
+      person: null,
+      requestedBy: null
+    }), W = s([]), X = p(() => {
+      switch (r.value.cleaning?.name) {
+        case "CLEAN":
+        case "INSPECTED":
+          return "CLEAN";
+        case "DIRTY":
+        case "PICKUP":
+        case "OUT OF ORDER":
+        case "OUT OF SERVICE":
+          return "DIRTY";
+        default:
+          return "";
+      }
+    }), ye = p(() => X.value === "CLEAN" ? "blue-10" : X.value === "DIRTY" ? "red-10" : "gray-30"), he = p(() => d(`HC_${r.value.cleaning?.name}`) || ""), ge = p(() => {
+      const e = k.value.toLowerCase();
+      return z.value.filter((a) => a.toLowerCase().match(e));
+    }), se = p(() => _.value.length ? !!_.value.find(
+      (a) => a.type === "complaint"
+    ) : !1), _e = p(() => _.value.length ? !!_.value.find(
+      (a) => a.type === "callback"
+    ) : !1), we = p(() => {
+      let e = [];
+      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 = D.value, e;
+    }), ne = p(() => r.value.occupancy?.name === "OCCUPIED"), ke = p(() => ne.value && se.value ? "HK_ROOM_STATUS_Occupied_Complaint" : "HK_ROOM_STATUS_Occupied"), De = p(() => {
+      switch (g.value?.id) {
+        case "request":
+        case "work_order":
+          return H.value[0];
+        default:
+          return null;
+      }
+    }), Te = p(() => {
+      if (O.value)
+        switch (g.value?.id) {
+          case "request":
+            return O.value.find((e) => parseInt(e.id) === 4);
+          case "work_order":
+            return O.value.find((e) => parseInt(e.id) === 2);
+          default:
+            return null;
+        }
+      return null;
+    }), be = p(() => {
+      switch (g.value?.id) {
+        case "request":
+          return N.value[1];
+        case "work_order":
+          return N.value[0];
+        default:
+          return null;
+      }
+    }), Ie = p(() => {
+      let e = "";
+      if (r.value && r.value.reservations[0]) {
+        const a = h.fromISO(
+          r.value.reservations[0].arrivalDate
+        ), t = a.toFormat("MMM"), o = a.day, c = a.year, m = h.fromISO(
+          r.value.reservations[0].departureDate
+        ), f = m.toFormat("MMM"), y = m.day, I = m.year;
+        e += t + " " + o, c !== I && (e += ", " + c), t === f ? e += "-" + y : e += " - " + f + " " + y, e += ", " + I;
+      }
+      return e;
+    }), Oe = p(() => {
+      let e = P.value;
+      return e = [...new Set(e)], e;
+    }), Ce = p(() => {
+      const e = g.value?.id;
+      if (!e)
+        return !1;
+      switch (e.value) {
+        case "room_notice":
+          return v.value.issue && v.value.startDate && v.value.endDate;
+        case "complaint":
+          return i.value.problem && i.value.guestName && i.value.guestMood;
+        case "work_order":
+          return n.value.item && n.value.issue && n.value.requestedBy && n.value.due && (n.value.assignType && n.value.assignType.id === 0 || n.value.assignType && n.value.assignType.id === 1 && n.value.department || n.value.assignType && n.value.assignType.id === 2 && n.value.person);
+        case "request":
+          return u.value.item && u.value.requestedBy && u.value.due && (u.value.assignType && u.value.assignType.id === 0 || u.value.assignType && u.value.assignType.id === 1 && u.value.department || u.value.assignType && u.value.assignType.id === 2 && u.value.person);
+        default:
+          return !1;
+      }
+    }), le = () => {
+      L.value = !1, C.value = !1, G.value = !1, D.value = [], j.value = [], W.value = [], g.value = null, v.value.issue = null, v.value.startDate = /* @__PURE__ */ new Date(), v.value.endDate = /* @__PURE__ */ new Date(), v.value.notes = "", i.value.guestName = "", i.value.guestEmail = "", i.value.guestPhone = "", i.value.guestMood = null, i.value.guestLoyalty = "", i.value.problem = null, i.value.checkInDate = /* @__PURE__ */ new Date(), i.value.checkOutDate = /* @__PURE__ */ new Date(), i.value.notes = "", n.value.assignType = null, n.value.department = null, n.value.person = null, n.value.due = /* @__PURE__ */ new Date(), n.value.item = null, n.value.issue = null, n.value.notes = "", u.value.assignType = null, u.value.department = null, u.value.person = null, u.value.due = /* @__PURE__ */ new Date(), u.value.item = null, u.value.notes = "";
+    }, Re = async () => {
+      w("create:callback", r.value), w("toggle", !1);
+    }, Ee = (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,
+          user: {
+            firstName: "Auto-Reply",
+            icon: "",
+            id: "system-message",
+            initials: "",
+            lastName: "",
+            src: ""
+          }
+        };
+        t.sender_type === "user" && (o.user.firstName = t.user_first_name, o.user.lastName = t.user_last_name, o.user.initials = o.user.firstName[0] + o.user.lastName[0]), t.sender_type === "guest" && (o.user.firstName = t.guest_first_name, o.user.lastName = t.guest_last_name), o.user.initials = o.user.firstName[0] + o.user.lastName[0], o.user.src = "", o.isSystemMessage && (o.user.icon = "property-fill"), t.sender_id && (o.user.id = t.sender_id), a.push(o);
+      }), e.value = a;
+    }, re = async () => {
+      l.showComments && r.value.tokenId;
+    }, Me = (e) => {
+      const a = h.utc(), t = h.fromFormat(e, "yyyy-MM-dd HH:mm:ss", { zone: "utc" }), o = a.diff(
+        t,
+        [
+          "years",
+          "months",
+          "days",
+          "hours",
+          "minutes"
+        ]
+      ), c = Math.floor(o.years), m = Math.floor(o.months), f = Math.floor(o.days), y = Math.floor(o.hours), I = Math.floor(o.minutes);
+      if (c)
+        return c === 1 ? d("HC_ONE_YEAR_AGO") : d("HC_X_YEARS_AGO", { years: c });
+      if (m)
+        return m === 1 ? d("HC_ONE_MONTH_AGO") : d("HC_X_MONTHS_AGO", { months: m });
+      if (f)
+        return f === 1 ? d("HC_ONE_DAY_AGO") : d("HC_X_DAYS_AGO", { days: f });
+      if (y)
+        return y === 1 ? d("HC_ONE_HOUR_AGO") : d("HC_X_HOURS_AGO", { hours: y });
+      if (I)
+        return I === 1 ? d("HC_ONE_MINUTE_AGO") : d("HC_X_MINUTES_AGO", { minutes: I });
+      if (I === 0)
+        return d("HC_A_MOMENT_AGO");
+    }, Ne = async () => {
+      l.showGuestDetails && J(), K(), Y(), w("refresh:pms", r.value);
+    }, J = async () => {
+      try {
+        T.value.pms = !0;
+        const e = new AbortController(), a = setTimeout(() => e.abort(), 45e3);
+        S.value.push(a);
+        const t = l.pmsBaseUrl;
+        if (!t)
+          throw new Error("PMS base URL is required");
+        const o = {
+          Authorization: "Bearer " + (() => {
+            const y = `; ${document.cookie}`.split("; QV2Auth=");
+            return y.length === 2 && y.pop()?.split(";").shift() || "";
+          })(),
+          "Content-Type": "application/json"
+        }, c = await fetch(
+          `${t}/vendors/properties/statuses/${l.propertyId}/rooms`,
+          {
+            method: "GET",
+            headers: o,
+            signal: e.signal
+          }
+        );
+        clearTimeout(a), c.ok || ie(c);
+        const m = await c.json();
+        M.value = m.data.pmsRooms, r.value = M.value.find(
+          (f) => f.qv2Rooms.qRoomId === l.room.id
+        ), r.value || (r.value = l.room), T.value.pms = !1;
+      } catch (e) {
+        return T.value.pms = !1, e;
+      }
+    }, K = async () => {
+      try {
+        T.value.roomNotices = !0;
+        const e = await fetch(
+          "/api/client/common/getRoomNotices.php?propertyId=" + l.propertyId + "&roomIds=[" + l.room.id + "]"
+        );
+        if (!e.ok)
+          throw new Error(`HTTP error! status: ${e.status}`);
+        const a = await e.json();
+        P.value = a.notices;
+      } catch (e) {
+        console.error("Error getting room notices:", e), P.value = [];
+      } finally {
+        T.value.roomNotices = !1;
+      }
+    }, V = async () => {
+      const e = new FormData();
+      e.append("property_id", l.propertyId), e.append("filter", "tasks_new"), await Promise.all([
+        fetch("/api/client/common/getDepartments.php", {
+          method: "POST"
+        }),
+        fetch("/api/client/common/getDepartmentUsersByPropertyId.php", {
+          method: "POST",
+          body: e
+        })
+      ]).then((a) => {
+        const t = a[0], o = a[1];
+        console.log("departmentList:", t), console.log("departmentUsersList:", o);
+      });
+    }, ue = async () => {
+      try {
+        const e = new FormData();
+        e.append("funcname", "get_stay_details"), e.append("token_id", r.value.tokenId);
+        const t = (await U.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 && (i.value.guestName = t.user_name), t && t.cell_phone && (i.value.guestPhone = t.cell_phone), t && t.email && (i.value.guestEmail = t.email), t && t.check_in && (i.value.checkInDate = h(
+          t.check_in
+        ).toDate()), t && t.check_out && (i.value.checkOutDate = h(
+          t.check_out
+        ).toDate());
+      } catch (e) {
+        console.log(e);
+      }
+    }, Se = (e) => {
+      switch (e) {
+        case "complaint":
+          return "red-30";
+        case "hk_request":
+          return "maroon-30";
+        case "callback":
+          return "teal-10";
+        case "workorder":
+          return "orange-20";
+        case "task":
+          return "green-20";
+      }
+    }, qe = (e) => {
+      switch (e) {
+        case "complaint":
+          return "face-frown";
+        case "hk_request":
+          return "concierge-bell";
+        case "callback":
+          return "phone";
+        case "workorder":
+          return "hammer";
+        case "task":
+          return "check";
+      }
+    }, Y = async () => {
+      try {
+        T.value.tickets = !0;
+        const e = await fetch(
+          "/api/client/common/getAllToDos.php?propertyId=" + l.propertyId + "&roomIds=[" + l.room.id + "]"
+        );
+        if (!e.ok)
+          throw new Error(`HTTP error! status: ${e.status}`);
+        const a = await e.json();
+        _.value = a.tickets;
+      } catch (e) {
+        console.error("Error getting tickets:", e), _.value = [];
+      } finally {
+        T.value.tickets = !1;
+      }
+    }, ie = async (e) => {
+      const a = await e.text();
+      let t;
+      try {
+        t = JSON.parse(a).response;
+      } catch {
+        t = { code: e.status, message: a };
+      }
+      return t.code === 401 ? (window.location.href = "/logout.php?unauthorized=1", { error: t }) : t;
+    }, He = (e) => {
+      const a = document.querySelectorAll(".pulse");
+      if (a && a.length) {
+        const t = document.getElementById(
+          "room-" + r.value.qv2Rooms.qRoomId
+        ), o = t?.classList;
+        switch (e) {
+          case "room_notice":
+            (o?.contains("roombox_unsel") || o?.contains("roombox_unsel_active")) && (t?.classList.remove(), t?.classList.add("roomnoticeroombox_sel"));
+            break;
+          case "complaint":
+            !o?.contains("smsroombox_sel") && !o?.contains("callbackroombox_sel") && (t?.classList.remove(), t?.classList.add("complaintsroombox_sel"));
+            break;
+          case "request":
+            !o?.contains("smsroombox_sel") && !o?.contains("callbackroombox_sel") && !o?.contains("complaintsroombox_sel") && (t?.classList.remove(), t?.classList.add("guestrequestroombox_sel"));
+            break;
+          case "work_order":
+            !o?.contains("smsroombox_sel") && !o?.contains("callbackroombox_sel") && !o?.contains("complaintsroombox_sel") && !o?.contains("guestrequestroombox_sel") && (t?.classList.remove(), t?.classList.add("workordersroombox_sel"));
+            break;
+        }
+        const c = setTimeout(() => {
+          a.forEach((m) => {
+            m.classList.remove("pulse");
+          });
+        }, 4500);
+        S.value.push(c);
+      }
+    }, Ae = () => {
+      window.location.href = "/guest/overview.php";
+    }, Be = (e) => {
+      let a = "";
+      switch (e.type) {
+        case "complaint":
+          a = `/complaints/complaints_view.php?id=${e.id}`;
+          break;
+        case "request":
+          a = `/tasks/hk_request.php?id=${e.id}`;
+          break;
+        case "satisfaction-call":
+          a = `/tasks/task_callback.php?id=${e.id}`;
+          break;
+        case "work-order":
+          a = `/tasks/workorder.php?id=${e.id}`;
+          break;
+        case "task":
+          a = `/tasks/task.php?id=${e.id}`;
+          break;
+        default:
+          return "#";
+      }
+      window.open(a);
+    }, Pe = async () => {
+      const e = {
+        type: g.value?.id,
+        propertyId: l.propertyId,
+        userId: x.value,
+        areaId: r.value.qv2Rooms.qRoomId,
+        areaName: r.value.qv2Rooms.qRoomName
+      };
+      switch (g.value?.id) {
+        case "complaint":
+          e.tokenId = r.value.tokenId, e.problem = i.value.problem.id, e.guestName = i.value.guestName, e.guestPhone = i.value.guestPhone, e.guestEmail = i.value.guestEmail, e.guestLoyalty = i.value.guestLoyalty, e.guestMood = i.value.guestMood.id, e.checkInDate = h(i.value.checkInDate).format(
+            "YYYY-MM-DD"
+          ), e.notes = i.value.notes, e.inHouse = "2", e.source = "dashboard", w("create:todo", e);
+          break;
+        case "request":
+          e.itemId = u.value.item.id, e.assignType = u.value.assignType.id, e.occupied = u.value.requestedBy.id, e.notes = u.value.notes, e.dueDate = h(u.value.due).format("YYYY-MM-DD"), u.value.assignType.id === 1 && (e.department = u.value.department.id), u.value.assignType.id === 2 && (e.person = u.value.person.id), w("create:todo", e);
+          break;
+        case "room_notice":
+          e.issue = v.value.issue.id, e.startDate = h(v.value.startDate).format("YYYY-MM-DD"), e.endDate = h(v.value.endDate).format("YYYY-MM-DD"), e.notes = v.value.notes, e.sendPush = "1", w("create:todo", e);
+          break;
+        case "work_order":
+          e.itemId = n.value.item.id, e.issueId = n.value.issue.id, e.assignType = n.value.assignType.id, e.occupied = n.value.requestedBy.id, e.notes = n.value.notes, e.dueDate = h(n.value.due).format("YYYY-MM-DD"), n.value.assignType.id === 1 && (e.department = n.value.department.id), n.value.assignType.id === 2 && (e.person = n.value.person.id), w("create:todo", e);
+          break;
+      }
+    }, Le = (e) => {
+      ee(), te(), l.hover && w("toggle", e);
+    }, xe = (e) => {
+      de(), k.value = e;
+    }, Ye = async (e) => {
+      if (console.log("selected:", e), g.value = e, D.value = [], v.value.issue = null, i.value.problem = null, n.value.item = null, n.value.issue = null, u.value.item = null, !g.value)
+        return;
+      const a = new FormData();
+      switch (a.append("property_id", l.propertyId), a.append("area_id", r.value.qv2Rooms.qRoomId), e.id) {
+        case "complaint":
+          try {
+            r.value.tokenId && await ue();
+            const t = await fetch("/api/client/common/getComplaintProblemsByPropertyId.php", {
+              method: "POST",
+              body: a
+            });
+            console.log("complaints:", t);
+            const o = await U.post(
+              "/api/client/common/getComplaintMoods.php"
+            );
+            o.data.items.forEach((c) => {
+              c.label = c.display_name;
+            }), j.value = o.data.items;
+          } catch (t) {
+            console.log(t);
+          }
+          break;
+        case "room_notice":
+          try {
+            const t = await fetch("/api/client/common/getRoomNoticeListByPropertyId.php", {
+              method: "POST",
+              body: a
+            });
+            console.log("room notices:", t);
+          } catch (t) {
+            console.log(t);
+          }
+          break;
+        case "request":
+          try {
+            u.value.requestedBy = N.value[1], u.value.assignType = H.value[0];
+            const t = await fetch("/api/client/common/getHousekeepingItemsByPropertyId.php", {
+              method: "POST",
+              body: a
+            });
+            console.log("requests:", t), await V(), u.value.department = O.value.find(
+              (o) => parseInt(o.id) === 4
+            );
+          } catch (t) {
+            console.log(t);
+          }
+          break;
+        case "work_order":
+          try {
+            n.value.requestedBy = N.value[0], n.value.assignType = H.value[0];
+            const t = await fetch("/api/client/common/getItemsByRoomId.php", {
+              method: "POST",
+              body: a
+            });
+            console.log("work orders:", t);
+            const o = [];
+            let c = {
+              group: "",
+              options: []
+            };
+            o.push({ ...c }), D.value = o, await Promise.all([
+              U.post(
+                "/api/client/common/getWorkOrderIssues.php"
+              ),
+              V()
+            ]).then((m) => {
+              const f = m[0];
+              f.data.issues.forEach((y) => {
+                y.label = y.display_name;
+              }), W.value = f.data.issues;
+            }), n.value.department = O.value.find(
+              (m) => parseInt(m.id) === 2
+            );
+          } catch (t) {
+            console.log(t);
+          }
+          break;
+        default:
+          return;
+      }
+    }, Ue = () => {
+      L.value = !L.value, G.value = !1;
+    }, ce = () => {
+      const e = document.getElementById("comment-field"), a = document.getElementById("hidden-text");
+      e.style.height = a?.offsetHeight + "px";
+    }, Z = () => {
+      const e = document.getElementById("comments-container");
+      e?.scroll({
+        top: e.scrollHeight,
+        behavior: "smooth"
+      });
+    }, Ge = async (e) => {
+      if (e && e.type === "keydown" && e.preventDefault(), r.value.tokenId && k.value && !C.value)
+        try {
+          const a = new FormData();
+          a.append("funcname", "send_message_to_guest"), a.append("stay_id", r.value.tokenId), a.append("content", k.value), a.append("sender_id", x.value || "");
+          const t = await U.post(
+            "/includes/chat_api.php",
+            a
+          );
+          if (t.data.result.error_message)
+            throw new Error(t.data.result.error_message);
+          k.value = "", await re(), Z();
+        } catch (a) {
+          console.log(a);
+        }
+    }, ee = () => {
+      if (l.align === "left" || l.align === "right") {
+        const e = q.value?.getBoundingClientRect().left, a = window.innerWidth;
+        Q.value = a - e < E.value ? "right" : "left";
+      } else {
+        const e = q.value?.getBoundingClientRect().top, a = window.innerHeight;
+        Q.value = a - e < R.value ? "bottom" : "top";
+      }
+    }, te = () => {
+      if (l.position === "top" || l.position === "bottom") {
+        const e = q.value?.getBoundingClientRect().top, a = window.innerHeight;
+        $.value = a - e < R.value ? "top" : "bottom";
+      } else {
+        const e = q.value?.getBoundingClientRect().left, a = window.innerWidth;
+        $.value = a - e < E.value ? "left" : "right";
+      }
+    }, de = () => {
+      C.value = !C.value, C.value ? (k.value = "", b.value.info = A.value, b.value.tickets = B.value, b.value.comments = F.value, A.value = !1, B.value = !1, document.getElementById("comment-field")?.focus()) : (A.value = b.value.info, B.value = b.value.tickets, F.value = b.value.comments);
+    }, Qe = async (e, a) => {
+      const t = new FormData();
+      if (t.append("property_id", l.propertyId), t.append(
+        "room_ids",
+        JSON.stringify([r.value.qv2Rooms.qRoomId])
+      ), await Y(), _.value) {
+        const o = [];
+        _.value.forEach((c) => {
+          c.id === e && c.type === a ? o.unshift({
+            ...c,
+            isNew: !0
+          }) : o.push({
+            ...c,
+            isNew: !1
+          });
+        }), o.sort((c, m) => c.id === e ? -1 : m.id === e ? 1 : 0), _.value = [...o];
+      }
+    };
+    return ae(() => l.open, () => {
+      if (l.open && l.showComments && oe.value.length) {
+        const e = setTimeout(Z, 500);
+        S.value.push(e);
+      }
+      l.open || le();
+    }), ae(k, () => {
+      const e = setTimeout(ce, 100);
+      S.value.push(e);
+    }), ae(
+      () => l.room.id,
+      (e, a) => {
+        e !== a && (M.value ? (r.value = M.value.find((t) => t.qv2Rooms.qRoomId === l.room.id), r.value || (r.value = l.room)) : r.value = l.room, Y(), K());
+      },
+      { immediate: !0 }
+    ), je(async () => {
+      const e = JSON.parse(
+        window.localStorage.getItem("authenticated")
+      );
+      x.value = e?.user?.id || "", l.showGuestDetails ? await J() : r.value = l.room, l.size === "sm" && (R.value = 140, E.value = 160), l.size === "lg" && (R.value = 250, E.value = 440), ee(), te();
+      const a = [], t = window.localStorage.getItem("quick-replies");
+      t && JSON.parse(t).forEach((o) => {
+        a.push(o.message);
+      }), z.value = a;
+    }), $e(() => {
+      S.value.forEach((e) => {
+        clearTimeout(e);
+      });
+    }), {
+      DateTime: h,
+      // Refs
+      actionMenuOpen: G,
+      alignment: Q,
+      assignTypes: H,
+      comment: k,
+      complaint: i,
+      componentHeight: R,
+      componentWidth: E,
+      departments: O,
+      departmentUsers: me,
+      expandComments: F,
+      expandGuestInfo: A,
+      expandedStates: b,
+      expandTickets: B,
+      guestDetailsData: pe,
+      itemOptions: D,
+      loading: T,
+      messages: oe,
+      moodOptions: j,
+      pmsData: M,
+      positioning: $,
+      quickReplies: z,
+      quickReplyOpen: C,
+      request: u,
+      requestedByOptions: N,
+      requestLoading: ve,
+      requestType: g,
+      roomDetailsData: r,
+      roomNotice: v,
+      roomNotices: P,
+      showCreateRequest: L,
+      ticketsList: _,
+      todoOptions: fe,
+      trigger: q,
+      userId: x,
+      workOrder: n,
+      workOrderIssues: W,
+      // Computed
+      cleanliness: X,
+      cleanlinessColor: ye,
+      cleanlinessTooltipContent: he,
+      filteredReplies: ge,
+      hasGuestCallback: _e,
+      hasComplaint: se,
+      itemOptionsList: we,
+      occupied: ne,
+      occupancyTooltipContent: ke,
+      selectedAssignType: De,
+      selectedDepartment: Te,
+      selectedRequestedBy: be,
+      stayDetails: Ie,
+      tagsList: Oe,
+      validateToDo: Ce,
+      // Methods
+      closeRequest: le,
+      createCallback: Re,
+      createMessageList: Ee,
+      getChatMessages: re,
+      getHowLongAgo: Me,
+      getPMSData: J,
+      getRoomNotices: K,
+      getSharedData: V,
+      getStayDetails: ue,
+      getTicketColor: Se,
+      getTicketIcon: qe,
+      getTickets: Y,
+      handleFailedResponse: ie,
+      handlePulse: He,
+      onClickEditConnectGuest: Ae,
+      onClickTicket: Be,
+      onCreateRequestSubmit: Pe,
+      onHoverToggle: Le,
+      onSelectQuickReply: xe,
+      onSelectToDo: Ye,
+      openRequest: Ue,
+      refreshPMSData: Ne,
+      resizeTextarea: ce,
+      scrollToConnectBottom: Z,
+      sendChatMessage: Ge,
+      setAlignment: ee,
+      setPositioning: te,
+      toggleQuickReply: de,
+      updateTickets: Qe
+    };
+  }
+});
+export {
+  ht as default
+};