@quoreadmin/ui 1.6.6 → 1.6.8

package/dist/index140.js

@@ -0,0 +1,896 @@
+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 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: tt,
+    QActivityItem: at,
+    QCommentSection: ot,
+    QDatePicker: rt,
+    QDivider: st,
+    QIcon: nt,
+    QPopover: lt,
+    QTag: ut,
+    QTextarea: it,
+    QTooltip: ct
+  },
+  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
+    },
+    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 } = et(), r = i(null), K = i(!1), V = i("left"), j = i([
+      {
+        id: 1,
+        label: v("HC_DEPARTMENT")
+        // need to localize
+      },
+      {
+        id: 2,
+        label: v("HC_PERSON")
+        // need to localize
+      },
+      {
+        id: 0,
+        label: v("HC_ANYONE")
+        // need to localize
+      }
+    ]), T = i(""), p = i({
+      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
+    }), 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), we = i(s.guestDetails), w = i([]), b = i({
+      pms: !1,
+      roomNotices: !1,
+      tickets: !1
+    }), ee = i([]), te = i([]), ae = i("bottom"), R = i(null), S = i(!1), N = i(!1), O = i(null), u = i({
+      assignType: null,
+      department: null,
+      due: /* @__PURE__ */ new Date(),
+      item: null,
+      notes: "",
+      person: null,
+      requestedBy: null,
+      when: null,
+      where: null
+    }), P = i([
+      {
+        id: 0,
+        label: v("HC_STAFF_MEMBER")
+        // need to localize
+      },
+      {
+        id: 1,
+        label: v("HC_HOTEL_GUEST")
+        // need to localize
+      }
+    ]), _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([]), ke = i([
+      {
+        label: v("HC_COMPLAINT"),
+        id: "complaint"
+      },
+      {
+        label: v("HC_REQUEST"),
+        id: "request"
+      },
+      {
+        label: v("HC_ROOM_NOTICE"),
+        id: "room_notice"
+      },
+      {
+        label: v("HC_WORK_ORDER"),
+        id: "work_order"
+      }
+    ]), x = i(), M = i(null), d = i({
+      assignType: null,
+      department: null,
+      due: /* @__PURE__ */ new Date(),
+      item: null,
+      issue: null,
+      notes: "",
+      person: null,
+      requestedBy: null
+    }), oe = i([]), q = i([]), A = i([]), se = h(() => {
+      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 "";
+      }
+    }), De = h(() => se.value === "CLEAN" ? "blue-10" : se.value === "DIRTY" ? "red-10" : "gray-30"), Ie = h(() => v(`HC_${r.value.cleaning?.name}`) || ""), Te = h(() => {
+      const e = T.value.toLowerCase();
+      return s.quickReplies.filter((a) => a.toLowerCase().match(e));
+    }), de = h(() => D.value.length ? !!D.value.find(
+      (a) => a.type === "complaint"
+    ) : !1), be = h(() => D.value.length ? !!D.value.find(
+      (a) => a.type === "callback"
+    ) : !1), Oe = h(() => {
+      let e = [];
+      return w.value[0] && w.value[0].options === void 0 ? w.value.forEach((a) => {
+        e.push({
+          id: parseInt(a.id),
+          label: a.display_name
+        });
+      }) : e = w.value, e;
+    }), me = h(() => r.value.occupancy?.name === "OCCUPIED"), Ce = h(() => me.value && de.value ? "HK_ROOM_STATUS_Occupied_Complaint" : "HK_ROOM_STATUS_Occupied"), Ee = h(() => {
+      switch (k.value?.id) {
+        case "request":
+        case "work_order":
+          return j.value[0];
+        default:
+          return null;
+      }
+    }), Me = h(() => {
+      if (C.value)
+        switch (k.value?.id) {
+          case "request":
+            return C.value.find((e) => parseInt(e.id) === 4);
+          case "work_order":
+            return C.value.find((e) => parseInt(e.id) === 2);
+          default:
+            return null;
+        }
+      return null;
+    }), Re = h(() => {
+      switch (k.value?.id) {
+        case "request":
+          return P.value[1];
+        case "work_order":
+          return P.value[0];
+        default:
+          return null;
+      }
+    }), Se = h(() => {
+      let e = "";
+      if (r.value && r.value.reservations[0]) {
+        const a = y.fromISO(
+          r.value.reservations[0].arrivalDate
+        ), t = a.toFormat("MMM"), o = a.day, n = a.year, l = y.fromISO(
+          r.value.reservations[0].departureDate
+        ), c = l.toFormat("MMM"), m = l.day, f = l.year;
+        e += t + " " + o, n !== f && (e += ", " + n), t === c ? e += "-" + m : e += " - " + c + " " + m, e += ", " + f;
+      }
+      return e;
+    }), Ne = h(() => {
+      let e = $.value;
+      return e = [...new Set(e)], e;
+    }), qe = h(() => {
+      const e = k.value?.id;
+      if (!e)
+        return !1;
+      switch (e) {
+        case "room_notice":
+          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 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 = 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;
+      }
+    }), 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, l = o.senderName || "", c = o.senderId || o.sender_id, m = o.profileImg || o.profile_img, f = l ? l.split(" ") : ["", ""], X = o.user_first_name || o.guest_first_name || f[0] || "", Xe = o.user_last_name || o.guest_last_name || f.slice(1).join(" ") || "";
+        let _ = {
+          id: o.id,
+          isPropertyEmployee: n === "user",
+          isSent: !!o.sent,
+          isSystemMessage: n === "system",
+          message: o.content,
+          timestamp: o.sent || o.created,
+          user: {
+            firstName: X || "Auto-Reply",
+            icon: "",
+            id: c || "system-message",
+            initials: "",
+            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;
+    }, ve = async () => {
+      if (s.showComments && r.value.tokenId)
+        try {
+          let e = `/api/client/connect/getMessages.php?tokenId=${r.value.tokenId}`;
+          O.value !== null && (e += `&lastMsgId=${O.value}`);
+          const t = await (await fetch(e, {
+            method: "GET",
+            credentials: "include"
+          })).json();
+          if (t.status === "error")
+            throw new Error(t.message || "Failed to get messages");
+          N.value = !t.closed, t.messages && t.messages.length > 0 && (O.value = t.messages[t.messages.length - 1].id), Y(t.messages || []);
+        } catch (e) {
+          console.error("getChatMessages error:", e);
+        }
+    }, He = (e) => {
+      const a = y.utc(), t = y.fromFormat(e, "yyyy-MM-dd HH:mm:ss", { zone: "utc" }), o = a.diff(
+        t,
+        [
+          "years",
+          "months",
+          "days",
+          "hours",
+          "minutes"
+        ]
+      ), n = Math.floor(o.years), l = Math.floor(o.months), c = Math.floor(o.days), m = Math.floor(o.hours), f = Math.floor(o.minutes);
+      if (n)
+        return n === 1 ? v("HC_ONE_YEAR_AGO") : v("HC_X_YEARS_AGO", { years: n });
+      if (l)
+        return l === 1 ? v("HC_ONE_MONTH_AGO") : v("HC_X_MONTHS_AGO", { months: l });
+      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");
+    }, Be = 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);
+        L.value.push(a);
+        const t = s.pmsBaseUrl;
+        if (!t)
+          throw new Error("PMS base URL is required");
+        const o = {
+          Authorization: "Bearer " + (() => {
+            const m = `; ${document.cookie}`.split("; QV2Auth=");
+            return m.length === 2 && m.pop()?.split(";").shift() || "";
+          })(),
+          "Content-Type": "application/json"
+        }, n = await fetch(
+          `${t}/vendors/properties/statuses/${s.propertyId}/rooms`,
+          {
+            method: "GET",
+            headers: o,
+            signal: e.signal
+          }
+        );
+        clearTimeout(a), n.ok || he(n);
+        const l = await n.json();
+        R.value = l.data.pmsRooms, r.value = R.value.find(
+          (c) => c.qv2Rooms.qRoomId === s.room.id
+        ), r.value || (r.value = s.room), b.value.pms = !1;
+      } catch (e) {
+        return b.value.pms = !1, e;
+      }
+    }, z = async () => {
+      try {
+        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();
+        $.value = a.notices;
+      } catch (e) {
+        console.error("Error getting room notices:", e), $.value = [];
+      } finally {
+        b.value.roomNotices = !1;
+      }
+    }, le = async () => {
+      const e = new FormData();
+      e.append("property_id", s.propertyId), e.append("filter", "tasks_new");
+      const [a, t] = await Promise.all([
+        fetch("/api/client/common/getDepartments.php", {
+          method: "POST"
+        }),
+        fetch("/api/client/common/getDepartmentUsersByPropertyId.php", {
+          method: "POST",
+          body: e
+        })
+      ]), o = await a.json(), n = await t.json();
+      if (o.departments && (o.departments.forEach((l) => {
+        l.label = l.display_name;
+      }), C.value = o.departments), n.users) {
+        const l = [];
+        let c = {
+          group: "",
+          options: []
+        };
+        n.users.forEach((m) => {
+          m.translated_department !== c.group && (c.group && l.push({ ...c }), c.group = m.translated_department, c.options = []), c.options.push(m);
+        }), c.group && l.push({ ...c }), ce.value = l;
+      }
+    }, fe = async () => {
+      try {
+        const e = new FormData();
+        e.append("funcname", "get_stay_details"), e.append("token_id", r.value.tokenId);
+        const t = (await G.post(
+          "/includes/chat_api.php",
+          e
+        )).data.result;
+        if (t !== void 0 && t.error_message)
+          throw new Error(t.error_message);
+        t && t.user_name && (p.value.guestName = t.user_name), t && t.cell_phone && (p.value.guestPhone = t.cell_phone), t && t.email && (p.value.guestEmail = t.email), t && t.check_in && (p.value.checkInDate = y.fromISO(
+          t.check_in
+        ).toJSDate()), t && t.check_out && (p.value.checkOutDate = y.fromISO(
+          t.check_out
+        ).toJSDate());
+      } catch (e) {
+        console.log(e);
+      }
+    }, Pe = (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";
+      }
+    }, Le = (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";
+      }
+    }, W = async () => {
+      try {
+        b.value.tickets = !0;
+        const e = await fetch(
+          "/api/client/common/getAllToDos.php?propertyId=" + s.propertyId + "&roomIds=[" + s.room.id + "]"
+        );
+        if (!e.ok)
+          throw new Error(`HTTP error! status: ${e.status}`);
+        const a = await e.json();
+        D.value = a.tickets;
+      } catch (e) {
+        console.error("Error getting tickets:", e), D.value = [];
+      } finally {
+        b.value.tickets = !1;
+      }
+    }, he = 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;
+    }, xe = (e) => {
+      const a = document.querySelectorAll(".pulse");
+      if (a && a.length) {
+        const t = r.value?.qv2Rooms?.qRoomId || r.value?.id || s.room?.id, o = document.getElementById("room-" + t), n = o?.classList;
+        switch (e) {
+          case "room_notice":
+            (n?.contains("roombox_unsel") || n?.contains("roombox_unsel_active")) && (o?.classList.remove(), o?.classList.add("roomnoticeroombox_sel"));
+            break;
+          case "complaint":
+            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && (o?.classList.remove(), o?.classList.add("complaintsroombox_sel"));
+            break;
+          case "request":
+            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && !n?.contains("complaintsroombox_sel") && (o?.classList.remove(), o?.classList.add("guestrequestroombox_sel"));
+            break;
+          case "work_order":
+            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && !n?.contains("complaintsroombox_sel") && !n?.contains("guestrequestroombox_sel") && (o?.classList.remove(), o?.classList.add("workordersroombox_sel"));
+            break;
+        }
+        const l = setTimeout(() => {
+          a.forEach((c) => {
+            c.classList.remove("pulse");
+          });
+        }, 4500);
+        L.value.push(l);
+      }
+    }, We = () => {
+      window.open("/guest/overview.php", "_blank");
+    }, Fe = (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, "_blank");
+    }, Ge = async () => {
+      const e = r.value?.qv2Rooms?.qRoomId || r.value?.id || s.room?.id, a = r.value?.qv2Rooms?.qRoomName || r.value?.name || s.room?.name, t = {
+        type: k.value?.id,
+        propertyId: s.propertyId,
+        userId: M.value,
+        areaId: e,
+        areaName: a
+      };
+      switch (k.value?.id) {
+        case "complaint":
+          t.tokenId = r.value.tokenId, t.problemId = p.value.problem.id, t.guestName = p.value.guestName, t.guestPhone = p.value.guestPhone, t.guestEmail = p.value.guestEmail, t.guestLoyalty = p.value.guestLoyalty, t.guestMood = p.value.guestMood.id, t.checkInDate = y.fromJSDate(p.value.checkInDate).toFormat(
+            "yyyy-MM-dd"
+          ), t.notes = p.value.notes, t.inHouse = "2", t.source = "dashboard", I("create:todo", t);
+          break;
+        case "request":
+          t.itemId = u.value.item.id, t.assignType = u.value.assignType.id, t.occupied = u.value.requestedBy.id, t.notes = u.value.notes, t.dueDate = y.fromJSDate(u.value.due).toFormat("yyyy-MM-dd"), u.value.assignType.id === 1 && (t.department = u.value.department.id), u.value.assignType.id === 2 && (t.person = u.value.person.id), s.allowWhenWhere && (t.requestWhen = u.value.when ? u.value.when.id : "", t.requestWhere = u.value.where ? u.value.where.id : ""), I("create:todo", t);
+          break;
+        case "room_notice":
+          t.issueId = g.value.issue.id, t.startDate = y.fromJSDate(g.value.startDate).toFormat("yyyy-MM-dd"), t.endDate = y.fromJSDate(g.value.endDate).toFormat("yyyy-MM-dd"), t.notes = g.value.notes, t.sendPush = "1", I("create:todo", t);
+          break;
+        case "work_order":
+          t.itemId = d.value.item.id, t.issueId = d.value.issue.id, t.assignType = d.value.assignType.id, t.occupied = d.value.requestedBy.id, t.notes = d.value.notes, t.dueDate = y.fromJSDate(d.value.due).toFormat("yyyy-MM-dd"), d.value.assignType.id === 1 && (t.department = d.value.department.id), d.value.assignType.id === 2 && (t.person = d.value.person.id), I("create:todo", t);
+          break;
+      }
+    }, je = (e) => {
+      ue(), ie(), s.hover && I("toggle", e);
+    }, Ue = (e) => {
+      ye(), T.value = e;
+    }, Qe = async (e) => {
+      if (console.log("selected:", e), k.value = e, w.value = [], g.value.issue = null, p.value.problem = null, d.value.item = null, d.value.issue = null, u.value.item = null, !k.value)
+        return;
+      const a = r.value?.qv2Rooms?.qRoomId || r.value?.id || s.room?.id, t = new FormData();
+      switch (t.append("property_id", s.propertyId), t.append("area_id", a), e.id) {
+        case "complaint":
+          try {
+            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 l = await G.post(
+              "/api/client/common/getComplaintMoods.php"
+            );
+            l.data.items.forEach((c) => {
+              c.label = c.display_name;
+            }), te.value = l.data.items;
+          } catch (o) {
+            console.log(o);
+          }
+          break;
+        case "room_notice":
+          try {
+            const n = await (await fetch("/api/client/common/getRoomNoticeIssuesByPropertyId.php", {
+              method: "POST",
+              body: t
+            })).json();
+            n.items && (w.value = n.items);
+          } catch (o) {
+            console.log(o);
+          }
+          break;
+        case "request":
+          try {
+            u.value.requestedBy = P.value[1], u.value.assignType = j.value[0];
+            const n = await (await fetch("/api/client/common/getHousekeepingItemsByPropertyId.php", {
+              method: "POST",
+              body: t
+            })).json();
+            if (n.items && (w.value = n.items), await le(), u.value.department = C.value.find(
+              (l) => parseInt(l.id) === 4
+            ), s.allowWhenWhere)
+              try {
+                const l = new FormData();
+                l.append("property_id", s.propertyId);
+                const m = await (await fetch(
+                  "/api/client/common/getWhenWhereOptions.php",
+                  {
+                    method: "POST",
+                    body: l
+                  }
+                )).json();
+                m.when && Array.isArray(m.when) ? q.value = m.when.map((f) => ({
+                  id: f.id,
+                  label: f.name,
+                  value: f.id
+                })) : q.value = [], m.where && Array.isArray(m.where) ? A.value = m.where.map((f) => ({
+                  id: f.id,
+                  label: f.name,
+                  value: f.id
+                })) : A.value = [];
+              } catch (l) {
+                console.log("Error loading When/Where options:", l), q.value = [], A.value = [];
+              }
+          } catch (o) {
+            console.log(o);
+          }
+          break;
+        case "work_order":
+          try {
+            d.value.requestedBy = P.value[0], d.value.assignType = j.value[0];
+            const n = await (await fetch("/api/client/common/getItemsByRoomId.php", {
+              method: "POST",
+              body: t
+            })).json(), l = [];
+            let c = {
+              group: "",
+              options: []
+            };
+            n.items && (n.items.forEach((m) => {
+              m.section_name !== c.group && (c.group && l.push({ ...c }), c.group = m.section_name, c.options = []), m.label && c.options.push(m);
+            }), c.group && l.push({ ...c })), w.value = l, await Promise.all([
+              G.post(
+                "/api/client/common/getWorkOrderIssues.php"
+              ),
+              le()
+            ]).then((m) => {
+              const f = m[0];
+              f.data.issues.forEach((X) => {
+                X.label = X.display_name;
+              }), oe.value = f.data.issues;
+            }), d.value.department = C.value.find(
+              (m) => parseInt(m.id) === 2
+            );
+          } catch (o) {
+            console.log(o);
+          }
+          break;
+        default:
+          return;
+      }
+    }, $e = () => {
+      J.value = !J.value, K.value = !1;
+    }, ge = () => {
+      const e = document.getElementById("comment-field"), a = document.getElementById("hidden-text");
+      e.style.height = a?.offsetHeight + "px";
+    }, re = () => {
+      const e = document.getElementById("comments-container");
+      e?.scroll({
+        top: e.scrollHeight,
+        behavior: "smooth"
+      });
+    }, Je = async (e) => {
+      if (e && e.type === "keydown" && e.preventDefault(), r.value.tokenId && T.value && !S.value)
+        try {
+          const a = new FormData();
+          a.append("tokenId", r.value.tokenId), a.append("content", T.value), a.append("senderId", M.value || "");
+          const t = await G.post(
+            "/api/client/connect/sendMessage.php",
+            a
+          );
+          if (t.data.status === "error")
+            throw new Error(t.data.message || "Failed to send message");
+          T.value = "", N.value = !t.data.closed, t.data.messages && (Y(t.data.messages), t.data.messages.length > 0 && (O.value = t.data.messages[t.data.messages.length - 1].id)), re();
+        } catch (a) {
+          console.error("sendChatMessage error:", a);
+        }
+    }, Ye = async () => {
+      if (!(!r.value.tokenId || !M.value))
+        try {
+          const e = N.value ? "/api/client/connect/closeConversation.php" : "/api/client/connect/openConversation.php", a = new FormData();
+          a.append("tokenId", r.value.tokenId), a.append("userId", M.value), N.value && O.value !== null && a.append("lastMsgId", O.value.toString());
+          const t = await G.post(e, a);
+          if (t.data.status === "error")
+            throw new Error(t.data.message || "Failed to update conversation status");
+          N.value = !t.data.closed, t.data.messages && (Y(t.data.messages), t.data.messages.length > 0 && (O.value = t.data.messages[t.data.messages.length - 1].id));
+        } catch (e) {
+          console.error("toggleMarkOpenClose error:", e);
+        }
+    }, ue = () => {
+      if (s.align === "left" || s.align === "right") {
+        const e = x.value?.getBoundingClientRect().left, a = window.innerWidth;
+        V.value = a - e < B.value ? "right" : "left";
+      } else {
+        const e = x.value?.getBoundingClientRect().top, a = window.innerHeight;
+        V.value = a - e < H.value ? "bottom" : "top";
+      }
+    }, ie = () => {
+      if (s.position === "top" || s.position === "bottom") {
+        const e = x.value?.getBoundingClientRect().top, a = window.innerHeight;
+        ae.value = a - e < H.value ? "top" : "bottom";
+      } else {
+        const e = x.value?.getBoundingClientRect().left, a = window.innerWidth;
+        ae.value = a - e < B.value ? "left" : "right";
+      }
+    }, ye = () => {
+      S.value = !S.value, S.value ? (T.value = "", E.value.info = U.value, E.value.tickets = Q.value, E.value.comments = Z.value, U.value = !1, Q.value = !1, document.getElementById("comment-field")?.focus()) : (U.value = E.value.info, Q.value = E.value.tickets, Z.value = E.value.comments);
+    }, ze = async (e, a) => {
+      const t = r.value?.qv2Rooms?.qRoomId || r.value?.id || s.room?.id, o = new FormData();
+      if (o.append("property_id", s.propertyId), o.append("room_ids", JSON.stringify([t])), await W(), D.value) {
+        const n = [];
+        D.value.forEach((l) => {
+          l.id === e && l.type === a ? n.unshift({
+            ...l,
+            isNew: !0
+          }) : n.push({
+            ...l,
+            isNew: !1
+          });
+        }), 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(re, 500);
+        L.value.push(e);
+      }
+      s.open || pe();
+    }), F(T, () => {
+      const e = setTimeout(ge, 100);
+      L.value.push(e);
+    }), F(() => s.allowWhenWhere, (e, a) => {
+      a === !0 && e === !1 && (u.value.when = null, u.value.where = null, q.value = [], A.value = []);
+    }), F(() => s.open, async (e, a) => {
+      e && !a && (s.showGuestDetails && !R.value ? await ne() : r.value || (r.value = s.room), W(), z(), s.showComments && ve());
+    }), F(
+      () => s.room.id,
+      (e, a) => {
+        e !== a && (R.value ? (r.value = R.value.find((t) => t.qv2Rooms.qRoomId === s.room.id), r.value || (r.value = s.room)) : r.value = s.room, s.open && (W(), z()));
+      }
+    ), Ve(async () => {
+      const e = JSON.parse(
+        window.localStorage.getItem("authenticated")
+      );
+      M.value = e?.user?.id || "", console.log("userId:", M.value), r.value = s.room, s.size === "sm" && (H.value = 140, B.value = 160), s.size === "lg" && (H.value = 250, B.value = 440), ue(), ie();
+    }), Ze(() => {
+      L.value.forEach((e) => {
+        clearTimeout(e);
+      });
+    }), {
+      DateTime: y,
+      // Refs
+      actionMenuOpen: K,
+      alignment: V,
+      assignTypes: j,
+      comment: T,
+      complaint: p,
+      componentHeight: H,
+      componentWidth: B,
+      departments: C,
+      departmentUsers: ce,
+      expandComments: Z,
+      expandGuestInfo: U,
+      expandedStates: E,
+      expandTickets: Q,
+      guestDetailsData: we,
+      itemOptions: w,
+      loading: b,
+      messages: ee,
+      moodOptions: te,
+      pmsData: R,
+      positioning: ae,
+      quickReplyOpen: S,
+      request: u,
+      requestedByOptions: P,
+      requestLoading: _e,
+      requestType: k,
+      roomDetailsData: r,
+      roomNotice: g,
+      roomNotices: $,
+      showCreateRequest: J,
+      ticketsList: D,
+      todoOptions: ke,
+      trigger: x,
+      userId: M,
+      workOrder: d,
+      workOrderIssues: oe,
+      whenOptions: q,
+      whereOptions: A,
+      // Guest Connect state
+      isConversationOpen: N,
+      lastMessageId: O,
+      // Computed
+      cleanliness: se,
+      cleanlinessColor: De,
+      cleanlinessTooltipContent: Ie,
+      filteredReplies: Te,
+      hasGuestCallback: be,
+      hasComplaint: de,
+      itemOptionsList: Oe,
+      occupied: me,
+      occupancyTooltipContent: Ce,
+      selectedAssignType: Ee,
+      selectedDepartment: Me,
+      selectedRequestedBy: Re,
+      stayDetails: Se,
+      tagsList: Ne,
+      validateToDo: qe,
+      // Methods
+      closeRequest: pe,
+      createCallback: Ae,
+      createMessageList: Y,
+      getChatMessages: ve,
+      getHowLongAgo: He,
+      getPMSData: ne,
+      getRoomNotices: z,
+      getSharedData: le,
+      getStayDetails: fe,
+      getTicketColor: Pe,
+      getTicketIcon: Le,
+      getTickets: W,
+      handleFailedResponse: he,
+      handlePulse: xe,
+      onClickEditConnectGuest: We,
+      onClickTicket: Fe,
+      onCreateRequestSubmit: Ge,
+      onHoverToggle: je,
+      onSelectQuickReply: Ue,
+      onSelectToDo: Qe,
+      openRequest: $e,
+      refreshPMSData: Be,
+      resizeTextarea: ge,
+      scrollToConnectBottom: re,
+      sendChatMessage: Je,
+      setAlignment: ue,
+      setPositioning: ie,
+      toggleMarkOpenClose: Ye,
+      toggleQuickReply: ye,
+      updateTickets: ze
+    };
+  }
+});
+export {
+  Ot as default
+};