@quoreadmin/ui 1.6.4 → 1.6.6

package/dist/index139.js

@@ -1,29 +1,29 @@
-import { defineComponent as Fe, ref as s, computed as p, watch as G, onMounted as je, onUnmounted as $e } from "vue";
-import { useI18n as ze } from "vue-i18n";
-import { DateTime as h } from "./index162.js";
+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 "./index185.js";
-import We from "./index2.js";
-import Xe from "./index3.js";
-import Je from "./index13.js";
-import Ke from "./index21.js";
-import Ve from "./index28.js";
-import Ze from "./index39.js";
-import et from "./index186.js";
-import tt from "./index46.js";
-import at from "./index49.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 ht = Fe({
+const _t = $e({
   name: "QRoomDetailsPopover",
   components: {
-    QAccordion: We,
-    QActivityItem: Xe,
-    QCommentSection: Je,
-    QDatePicker: et,
-    QDivider: Ke,
-    QIcon: Ve,
-    QPopover: Ze,
-    QTag: tt,
-    QTooltip: at
+    QAccordion: Ke,
+    QActivityItem: Ve,
+    QCommentSection: Ze,
+    QDatePicker: ot,
+    QDivider: et,
+    QIcon: tt,
+    QPopover: at,
+    QTag: st,
+    QTooltip: nt
   },
   props: {
     id: {
@@ -117,27 +117,31 @@ const ht = Fe({
       type: String,
       default: "",
       required: !0
+    },
+    allowWhenWhere: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["create:callback", "create:todo", "refresh:pms", "toggle"],
-  setup(n, { emit: w }) {
-    const { t: d } = ze(), r = s(null), F = s(!1), j = s("left"), A = s([
+  setup(s, { emit: k }) {
+    const { t: v } = Xe(), i = u(null), J = u(!1), $ = u("left"), L = u([
       {
         id: 1,
-        label: d("HC_DEPARTMENT")
+        label: v("HC_DEPARTMENT")
         // need to localize
       },
       {
         id: 2,
-        label: d("HC_PERSON")
+        label: v("HC_PERSON")
         // need to localize
       },
       {
         id: 0,
-        label: d("HC_ANYONE")
+        label: v("HC_ANYONE")
         // need to localize
       }
-    ]), k = s(""), i = s({
+    ]), b = u(""), p = u({
       checkInDate: /* @__PURE__ */ new Date(),
       checkOutDate: /* @__PURE__ */ new Date(),
       guestEmail: "",
@@ -145,60 +149,62 @@ const ht = Fe({
       guestMood: null,
       guestName: "",
       guestPhone: "",
-      inHouse: !!r.value?.tokenId || !1,
+      inHouse: !!i.value?.tokenId || !1,
       problem: null,
       notes: "",
-      tokenId: r.value?.tokenId
-    }), E = s(250), M = s(290), O = s([]), me = s([]), $ = s(!0), B = s(!0), b = s({
+      tokenId: i.value?.tokenId
+    }), N = u(250), M = u(290), I = u([]), ne = u([]), Y = u(!0), x = u(!0), O = u({
       info: !0,
       tickets: !0,
       comments: !0
-    }), P = s(!0), pe = s(n.guestDetails), D = s([]), T = s({
+    }), W = u(!0), he = u(s.guestDetails), w = u([]), T = u({
       pms: !1,
       roomNotices: !1,
       tickets: !1
-    }), oe = s([]), z = s([]), W = s("bottom"), C = s(null), X = s([]), R = s(!1), u = s({
+    }), le = u([]), z = u([]), X = u("bottom"), C = u(null), K = u([]), R = u(!1), l = u({
       assignType: null,
       department: null,
       due: /* @__PURE__ */ new Date(),
       item: null,
       notes: "",
       person: null,
-      requestedBy: null
-    }), N = s([
+      requestedBy: null,
+      when: null,
+      where: null
+    }), q = u([
       {
         id: 0,
-        label: d("HC_STAFF_MEMBER")
+        label: v("HC_STAFF_MEMBER")
         // need to localize
       },
       {
         id: 1,
-        label: d("HC_HOTEL_GUEST")
+        label: v("HC_HOTEL_GUEST")
         // need to localize
       }
-    ]), ve = s(!1), g = s(null), v = s({
+    ]), ye = u(!1), _ = u(null), y = u({
       endDate: /* @__PURE__ */ new Date(),
       issue: null,
       notes: "",
       startDate: /* @__PURE__ */ new Date()
-    }), L = s([]), x = s(!1), _ = s([]), S = s([]), fe = s([
+    }), F = u([]), G = u(!1), D = u([]), H = u([]), ge = u([
       {
-        label: d("HC_COMPLAINT"),
+        label: v("HC_COMPLAINT"),
         id: "complaint"
       },
       {
-        label: d("HC_REQUEST"),
+        label: v("HC_REQUEST"),
         id: "request"
       },
       {
-        label: d("HC_ROOM_NOTICE"),
+        label: v("HC_ROOM_NOTICE"),
         id: "room_notice"
       },
       {
-        label: d("HC_WORK_ORDER"),
+        label: v("HC_WORK_ORDER"),
         id: "work_order"
       }
-    ]), q = s(), Y = s(null), l = s({
+    ]), A = u(), U = u(null), c = u({
       assignType: null,
       department: null,
       due: /* @__PURE__ */ new Date(),
@@ -207,8 +213,8 @@ const ht = Fe({
       notes: "",
       person: null,
       requestedBy: null
-    }), J = s([]), K = p(() => {
-      switch (r.value.cleaning?.name) {
+    }), V = u([]), E = u([]), S = u([]), Z = h(() => {
+      switch (i.value.cleaning?.name) {
         case "CLEAN":
         case "INSPECTED":
           return "CLEAN";
@@ -220,84 +226,86 @@ const ht = Fe({
         default:
           return "";
       }
-    }), ye = p(() => K.value === "CLEAN" ? "blue-10" : K.value === "DIRTY" ? "red-10" : "gray-30"), he = p(() => d(`HC_${r.value.cleaning?.name}`) || ""), ge = p(() => {
-      const e = k.value.toLowerCase();
-      return X.value.filter((a) => a.toLowerCase().match(e));
-    }), se = p(() => _.value.length ? !!_.value.find(
+    }), 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(
       (a) => a.type === "complaint"
-    ) : !1), _e = p(() => _.value.length ? !!_.value.find(
+    ) : !1), ke = h(() => D.value.length ? !!D.value.find(
       (a) => a.type === "callback"
-    ) : !1), we = p(() => {
+    ) : !1), be = h(() => {
       let e = [];
-      return D.value[0] && D.value[0].options === void 0 ? D.value.forEach((a) => {
+      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 = 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) {
+      }) : 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) {
         case "request":
         case "work_order":
-          return A.value[0];
+          return L.value[0];
         default:
           return null;
       }
-    }), Te = p(() => {
-      if (O.value)
-        switch (g.value?.id) {
+    }), Oe = h(() => {
+      if (I.value)
+        switch (_.value?.id) {
           case "request":
-            return O.value.find((e) => parseInt(e.id) === 4);
+            return I.value.find((e) => parseInt(e.id) === 4);
           case "work_order":
-            return O.value.find((e) => parseInt(e.id) === 2);
+            return I.value.find((e) => parseInt(e.id) === 2);
           default:
             return null;
         }
       return null;
-    }), be = p(() => {
-      switch (g.value?.id) {
+    }), Ce = h(() => {
+      switch (_.value?.id) {
         case "request":
-          return N.value[1];
+          return q.value[1];
         case "work_order":
-          return N.value[0];
+          return q.value[0];
         default:
           return null;
       }
-    }), Ie = p(() => {
+    }), Re = h(() => {
       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;
+      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;
       }
       return e;
-    }), Oe = p(() => {
-      let e = L.value;
+    }), Ee = h(() => {
+      let e = F.value;
       return e = [...new Set(e)], e;
-    }), Ce = p(() => {
-      const e = g.value?.id;
+    }), Se = h(() => {
+      const e = _.value?.id;
       if (!e)
         return !1;
-      switch (e.value) {
+      switch (e) {
         case "room_notice":
-          return v.value.issue && v.value.startDate && v.value.endDate;
+          return y.value.issue && y.value.startDate && y.value.endDate;
         case "complaint":
-          return i.value.problem && i.value.guestName && i.value.guestMood;
+          return p.value.problem && p.value.guestName && p.value.guestMood;
         case "work_order":
-          return l.value.item && l.value.issue && 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);
-        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);
+          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);
+        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;
+          return a && t;
+        }
         default:
           return !1;
       }
-    }), le = () => {
-      x.value = !1, R.value = !1, F.value = !1, D.value = [], z.value = [], J.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 = "", l.value.assignType = null, l.value.department = null, l.value.person = null, l.value.due = /* @__PURE__ */ new Date(), l.value.item = null, l.value.issue = null, l.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) => {
+    }), 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) => {
       const a = [];
       Object.values(e).forEach((t) => {
         let o = {
@@ -318,10 +326,10 @@ const ht = Fe({
         };
         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 () => {
-      n.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(
+    }, 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(
         t,
         [
           "years",
@@ -330,69 +338,70 @@ const ht = Fe({
           "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 });
+      ), 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);
+      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 (m)
-        return m === 1 ? d("HC_ONE_MONTH_AGO") : d("HC_X_MONTHS_AGO", { months: m });
+        return m === 1 ? v("HC_ONE_HOUR_AGO") : v("HC_X_HOURS_AGO", { hours: 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 () => {
-      n.showGuestDetails && V(), U(), H(), w("refresh:pms", r.value);
-    }, V = async () => {
+        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 () => {
       try {
         T.value.pms = !0;
         const e = new AbortController(), a = setTimeout(() => e.abort(), 45e3);
-        S.value.push(a);
-        const t = n.pmsBaseUrl;
+        H.value.push(a);
+        const t = s.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() || "";
+            const m = `; ${document.cookie}`.split("; QV2Auth=");
+            return m.length === 2 && m.pop()?.split(";").shift() || "";
           })(),
           "Content-Type": "application/json"
-        }, c = await fetch(
-          `${t}/vendors/properties/statuses/${n.propertyId}/rooms`,
+        }, n = await fetch(
+          `${t}/vendors/properties/statuses/${s.propertyId}/rooms`,
           {
             method: "GET",
             headers: o,
             signal: e.signal
           }
         );
-        clearTimeout(a), c.ok || ie(c);
-        const m = await c.json();
-        C.value = m.data.pmsRooms, r.value = C.value.find(
-          (f) => f.qv2Rooms.qRoomId === n.room.id
-        ), r.value || (r.value = n.room), T.value.pms = !1;
+        clearTimeout(a), n.ok || me(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;
       } catch (e) {
         return T.value.pms = !1, e;
       }
-    }, U = async () => {
+    }, j = async () => {
       try {
         T.value.roomNotices = !0;
         const e = await fetch(
-          "/api/client/common/getRoomNotices.php?propertyId=" + n.propertyId + "&roomIds=[" + n.room.id + "]"
+          "/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();
-        L.value = a.notices;
+        F.value = a.notices;
       } catch (e) {
-        console.error("Error getting room notices:", e), L.value = [];
+        console.error("Error getting room notices:", e), F.value = [];
       } finally {
         T.value.roomNotices = !1;
       }
-    }, Z = async () => {
+    }, te = async () => {
       const e = new FormData();
-      e.append("property_id", n.propertyId), e.append("filter", "tasks_new"), await Promise.all([
+      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"
         }),
@@ -400,29 +409,38 @@ const ht = Fe({
           method: "POST",
           body: e
         })
-      ]).then((a) => {
-        const t = a[0], o = a[1];
-        console.log("departmentList:", t), console.log("departmentUsersList:", o);
-      });
-    }, ue = async () => {
+      ]), 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) {
+        const r = [];
+        let d = {
+          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;
+      }
+    }, de = async () => {
       try {
         const e = new FormData();
-        e.append("funcname", "get_stay_details"), e.append("token_id", r.value.tokenId);
+        e.append("funcname", "get_stay_details"), e.append("token_id", i.value.tokenId);
         const t = (await Q.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 && 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.check_in
-        ).toDate()), t && t.check_out && (i.value.checkOutDate = h(
+        ).toJSDate()), t && t.check_out && (p.value.checkOutDate = g.fromISO(
           t.check_out
-        ).toDate());
+        ).toJSDate());
       } catch (e) {
         console.log(e);
       }
-    }, Se = (e) => {
+    }, Ae = (e) => {
       switch (e) {
         case "complaint":
           return "red-30";
@@ -435,7 +453,7 @@ const ht = Fe({
         case "task":
           return "green-20";
       }
-    }, qe = (e) => {
+    }, Be = (e) => {
       switch (e) {
         case "complaint":
           return "face-frown";
@@ -448,22 +466,22 @@ const ht = Fe({
         case "task":
           return "check";
       }
-    }, H = async () => {
+    }, B = async () => {
       try {
         T.value.tickets = !0;
         const e = await fetch(
-          "/api/client/common/getAllToDos.php?propertyId=" + n.propertyId + "&roomIds=[" + n.room.id + "]"
+          "/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();
-        _.value = a.tickets;
+        D.value = a.tickets;
       } catch (e) {
-        console.error("Error getting tickets:", e), _.value = [];
+        console.error("Error getting tickets:", e), D.value = [];
       } finally {
         T.value.tickets = !1;
       }
-    }, ie = async (e) => {
+    }, me = async (e) => {
       const a = await e.text();
       let t;
       try {
@@ -472,36 +490,34 @@ const ht = Fe({
         t = { code: e.status, message: a };
       }
       return t.code === 401 ? (window.location.href = "/logout.php?unauthorized=1", { error: t }) : t;
-    }, He = (e) => {
+    }, Pe = (e) => {
       const a = document.querySelectorAll(".pulse");
       if (a && a.length) {
-        const t = document.getElementById(
-          "room-" + r.value.qv2Rooms.qRoomId
-        ), o = t?.classList;
+        const t = i.value?.qv2Rooms?.qRoomId || i.value?.id || s.room?.id, o = document.getElementById("room-" + t), n = o?.classList;
         switch (e) {
           case "room_notice":
-            (o?.contains("roombox_unsel") || o?.contains("roombox_unsel_active")) && (t?.classList.remove(), t?.classList.add("roomnoticeroombox_sel"));
+            (n?.contains("roombox_unsel") || n?.contains("roombox_unsel_active")) && (o?.classList.remove(), o?.classList.add("roomnoticeroombox_sel"));
             break;
           case "complaint":
-            !o?.contains("smsroombox_sel") && !o?.contains("callbackroombox_sel") && (t?.classList.remove(), t?.classList.add("complaintsroombox_sel"));
+            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && (o?.classList.remove(), o?.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"));
+            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && !n?.contains("complaintsroombox_sel") && (o?.classList.remove(), o?.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"));
+            !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 c = setTimeout(() => {
-          a.forEach((m) => {
-            m.classList.remove("pulse");
+        const r = setTimeout(() => {
+          a.forEach((d) => {
+            d.classList.remove("pulse");
           });
         }, 4500);
-        S.value.push(c);
+        H.value.push(r);
       }
-    }, Ae = () => {
+    }, Le = () => {
       window.location.href = "/guest/overview.php";
-    }, Be = (e) => {
+    }, xe = (e) => {
       let a = "";
       switch (e.type) {
         case "complaint":
@@ -523,294 +539,317 @@ const ht = Fe({
           return "#";
       }
       window.open(a);
-    }, Pe = async () => {
-      const e = {
-        type: g.value?.id,
-        propertyId: n.propertyId,
-        userId: Y.value,
-        areaId: r.value.qv2Rooms.qRoomId,
-        areaName: r.value.qv2Rooms.qRoomName
+    }, 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,
+        propertyId: s.propertyId,
+        userId: U.value,
+        areaId: e,
+        areaName: a
       };
-      switch (g.value?.id) {
+      switch (_.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);
+          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(
+            "yyyy-MM-dd"
+          ), t.notes = p.value.notes, t.inHouse = "2", t.source = "dashboard", k("create:todo", t);
           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);
+          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);
           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);
+          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);
           break;
         case "work_order":
-          e.itemId = l.value.item.id, e.issueId = l.value.issue.id, e.assignType = l.value.assignType.id, e.occupied = l.value.requestedBy.id, e.notes = l.value.notes, e.dueDate = h(l.value.due).format("YYYY-MM-DD"), l.value.assignType.id === 1 && (e.department = l.value.department.id), l.value.assignType.id === 2 && (e.person = l.value.person.id), w("create:todo", e);
+          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);
           break;
       }
-    }, Le = (e) => {
-      te(), ae(), n.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, l.value.item = null, l.value.issue = null, u.value.item = null, !g.value)
+    }, 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)
         return;
-      const a = new FormData();
-      switch (a.append("property_id", n.propertyId), a.append("area_id", r.value.qv2Rooms.qRoomId), e.id) {
+      const a = i.value?.qv2Rooms?.qRoomId || i.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 ue();
-            const t = await fetch("/api/client/common/getComplaintProblemsByPropertyId.php", {
+            i.value.tokenId && await de();
+            const n = await (await fetch("/api/client/common/getComplaintProblemsByPropertyId.php", {
               method: "POST",
-              body: a
-            });
-            console.log("complaints:", t);
-            const o = await Q.post(
+              body: t
+            })).json();
+            n.items && (w.value = n.items);
+            const r = await Q.post(
               "/api/client/common/getComplaintMoods.php"
             );
-            o.data.items.forEach((c) => {
-              c.label = c.display_name;
-            }), z.value = o.data.items;
-          } catch (t) {
-            console.log(t);
+            r.data.items.forEach((d) => {
+              d.label = d.display_name;
+            }), z.value = r.data.items;
+          } catch (o) {
+            console.log(o);
           }
           break;
         case "room_notice":
           try {
-            const t = await fetch("/api/client/common/getRoomNoticeListByPropertyId.php", {
+            const n = await (await fetch("/api/client/common/getRoomNoticeIssuesByPropertyId.php", {
               method: "POST",
-              body: a
-            });
-            console.log("room notices:", t);
-          } catch (t) {
-            console.log(t);
+              body: t
+            })).json();
+            n.items && (w.value = n.items);
+          } catch (o) {
+            console.log(o);
           }
           break;
         case "request":
           try {
-            u.value.requestedBy = N.value[1], u.value.assignType = A.value[0];
-            const t = await fetch("/api/client/common/getHousekeepingItemsByPropertyId.php", {
+            l.value.requestedBy = q.value[1], l.value.assignType = L.value[0];
+            const n = await (await fetch("/api/client/common/getHousekeepingItemsByPropertyId.php", {
               method: "POST",
-              body: a
-            });
-            console.log("requests:", t), await Z(), u.value.department = O.value.find(
-              (o) => parseInt(o.id) === 4
-            );
-          } catch (t) {
-            console.log(t);
+              body: t
+            })).json();
+            if (n.items && (w.value = n.items), await te(), l.value.department = I.value.find(
+              (r) => parseInt(r.id) === 4
+            ), s.allowWhenWhere)
+              try {
+                const r = new FormData();
+                r.append("property_id", s.propertyId);
+                const m = await (await fetch(
+                  "/api/client/common/getWhenWhereOptions.php",
+                  {
+                    method: "POST",
+                    body: r
+                  }
+                )).json();
+                m.when && Array.isArray(m.when) ? E.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) => ({
+                  id: f.id,
+                  label: f.name,
+                  value: f.id
+                })) : S.value = [];
+              } catch (r) {
+                console.log("Error loading When/Where options:", r), E.value = [], S.value = [];
+              }
+          } catch (o) {
+            console.log(o);
           }
           break;
         case "work_order":
           try {
-            l.value.requestedBy = N.value[0], l.value.assignType = A.value[0];
-            const t = await fetch("/api/client/common/getItemsByRoomId.php", {
+            c.value.requestedBy = q.value[0], c.value.assignType = L.value[0];
+            const n = await (await fetch("/api/client/common/getItemsByRoomId.php", {
               method: "POST",
-              body: a
-            });
-            console.log("work orders:", t);
-            const o = [];
-            let c = {
+              body: t
+            })).json(), r = [];
+            let d = {
               group: "",
               options: []
             };
-            o.push({ ...c }), D.value = o, await Promise.all([
+            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(
                 "/api/client/common/getWorkOrderIssues.php"
               ),
-              Z()
+              te()
             ]).then((m) => {
               const f = m[0];
-              f.data.issues.forEach((y) => {
-                y.label = y.display_name;
-              }), J.value = f.data.issues;
-            }), l.value.department = O.value.find(
+              f.data.issues.forEach((fe) => {
+                fe.label = fe.display_name;
+              }), V.value = f.data.issues;
+            }), c.value.department = I.value.find(
               (m) => parseInt(m.id) === 2
             );
-          } catch (t) {
-            console.log(t);
+          } catch (o) {
+            console.log(o);
           }
           break;
         default:
           return;
       }
-    }, Ue = () => {
-      x.value = !x.value, F.value = !1;
-    }, ce = () => {
+    }, je = () => {
+      G.value = !G.value, J.value = !1;
+    }, pe = () => {
       const e = document.getElementById("comment-field"), a = document.getElementById("hidden-text");
       e.style.height = a?.offsetHeight + "px";
-    }, ee = () => {
+    }, ae = () => {
       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 && !R.value)
+    }, Qe = async (e) => {
+      if (e && e.type === "keydown" && e.preventDefault(), i.value.tokenId && b.value && !R.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", Y.value || "");
+          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
           );
           if (t.data.result.error_message)
             throw new Error(t.data.result.error_message);
-          k.value = "", await re(), ee();
+          b.value = "", await ce(), ae();
         } catch (a) {
           console.log(a);
         }
-    }, te = () => {
-      if (n.align === "left" || n.align === "right") {
-        const e = q.value?.getBoundingClientRect().left, a = window.innerWidth;
-        j.value = a - e < M.value ? "right" : "left";
+    }, oe = () => {
+      if (s.align === "left" || s.align === "right") {
+        const e = A.value?.getBoundingClientRect().left, a = window.innerWidth;
+        $.value = a - e < M.value ? "right" : "left";
       } else {
-        const e = q.value?.getBoundingClientRect().top, a = window.innerHeight;
-        j.value = a - e < E.value ? "bottom" : "top";
+        const e = A.value?.getBoundingClientRect().top, a = window.innerHeight;
+        $.value = a - e < N.value ? "bottom" : "top";
       }
-    }, ae = () => {
-      if (n.position === "top" || n.position === "bottom") {
-        const e = q.value?.getBoundingClientRect().top, a = window.innerHeight;
-        W.value = a - e < E.value ? "top" : "bottom";
+    }, se = () => {
+      if (s.position === "top" || s.position === "bottom") {
+        const e = A.value?.getBoundingClientRect().top, a = window.innerHeight;
+        X.value = a - e < N.value ? "top" : "bottom";
       } else {
-        const e = q.value?.getBoundingClientRect().left, a = window.innerWidth;
-        W.value = a - e < M.value ? "left" : "right";
+        const e = A.value?.getBoundingClientRect().left, a = window.innerWidth;
+        X.value = a - e < M.value ? "left" : "right";
       }
-    }, de = () => {
-      R.value = !R.value, R.value ? (k.value = "", b.value.info = B.value, b.value.tickets = P.value, b.value.comments = $.value, B.value = !1, P.value = !1, document.getElementById("comment-field")?.focus()) : (B.value = b.value.info, P.value = b.value.tickets, $.value = b.value.comments);
-    }, Qe = async (e, a) => {
-      const t = new FormData();
-      if (t.append("property_id", n.propertyId), t.append(
-        "room_ids",
-        JSON.stringify([r.value.qv2Rooms.qRoomId])
-      ), await H(), _.value) {
-        const o = [];
-        _.value.forEach((c) => {
-          c.id === e && c.type === a ? o.unshift({
-            ...c,
+    }, 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) {
+        const n = [];
+        D.value.forEach((r) => {
+          r.id === e && r.type === a ? n.unshift({
+            ...r,
             isNew: !0
-          }) : o.push({
-            ...c,
+          }) : n.push({
+            ...r,
             isNew: !1
           });
-        }), o.sort((c, m) => c.id === e ? -1 : m.id === e ? 1 : 0), _.value = [...o];
+        }), n.sort((r, d) => r.id === e ? -1 : d.id === e ? 1 : 0), D.value = [...n];
       }
     };
-    return G(() => n.open, () => {
-      if (n.open && n.showComments && oe.value.length) {
-        const e = setTimeout(ee, 500);
-        S.value.push(e);
+    return P(() => s.open, () => {
+      if (s.open && s.showComments && le.value.length) {
+        const e = setTimeout(ae, 500);
+        H.value.push(e);
       }
-      n.open || le();
-    }), G(k, () => {
-      const e = setTimeout(ce, 100);
-      S.value.push(e);
-    }), G(() => n.open, async (e, a) => {
-      e && !a && (n.showGuestDetails && !C.value ? await V() : r.value || (r.value = n.room), H(), U());
-    }), G(
-      () => n.room.id,
+      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.room.id,
       (e, a) => {
-        e !== a && (C.value ? (r.value = C.value.find((t) => t.qv2Rooms.qRoomId === n.room.id), r.value || (r.value = n.room)) : r.value = n.room, n.open && (H(), U()));
+        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()));
       }
-    ), je(async () => {
+    ), Ye(async () => {
       const e = JSON.parse(
         window.localStorage.getItem("authenticated")
       );
-      Y.value = e?.user?.id || "", r.value = n.room, n.size === "sm" && (E.value = 140, M.value = 160), n.size === "lg" && (E.value = 250, M.value = 440), te(), ae();
+      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();
       const a = [], t = window.localStorage.getItem("quick-replies");
       t && JSON.parse(t).forEach((o) => {
         a.push(o.message);
-      }), X.value = a;
-    }), $e(() => {
-      S.value.forEach((e) => {
+      }), K.value = a;
+    }), ze(() => {
+      H.value.forEach((e) => {
         clearTimeout(e);
       });
     }), {
-      DateTime: h,
+      DateTime: g,
       // Refs
-      actionMenuOpen: F,
-      alignment: j,
-      assignTypes: A,
-      comment: k,
-      complaint: i,
-      componentHeight: E,
+      actionMenuOpen: J,
+      alignment: $,
+      assignTypes: L,
+      comment: b,
+      complaint: p,
+      componentHeight: N,
       componentWidth: M,
-      departments: O,
-      departmentUsers: me,
-      expandComments: $,
-      expandGuestInfo: B,
-      expandedStates: b,
-      expandTickets: P,
-      guestDetailsData: pe,
-      itemOptions: D,
+      departments: I,
+      departmentUsers: ne,
+      expandComments: Y,
+      expandGuestInfo: x,
+      expandedStates: O,
+      expandTickets: W,
+      guestDetailsData: he,
+      itemOptions: w,
       loading: T,
-      messages: oe,
+      messages: le,
       moodOptions: z,
       pmsData: C,
-      positioning: W,
-      quickReplies: X,
+      positioning: X,
+      quickReplies: K,
       quickReplyOpen: R,
-      request: u,
-      requestedByOptions: N,
-      requestLoading: ve,
-      requestType: g,
-      roomDetailsData: r,
-      roomNotice: v,
-      roomNotices: L,
-      showCreateRequest: x,
-      ticketsList: _,
-      todoOptions: fe,
-      trigger: q,
-      userId: Y,
-      workOrder: l,
-      workOrderIssues: J,
+      request: l,
+      requestedByOptions: q,
+      requestLoading: ye,
+      requestType: _,
+      roomDetailsData: i,
+      roomNotice: y,
+      roomNotices: F,
+      showCreateRequest: G,
+      ticketsList: D,
+      todoOptions: ge,
+      trigger: A,
+      userId: U,
+      workOrder: c,
+      workOrderIssues: V,
+      whenOptions: E,
+      whereOptions: S,
       // Computed
-      cleanliness: K,
-      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,
+      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,
       // Methods
-      closeRequest: le,
-      createCallback: Re,
-      createMessageList: Ee,
-      getChatMessages: re,
-      getHowLongAgo: Me,
-      getPMSData: V,
-      getRoomNotices: U,
-      getSharedData: Z,
-      getStayDetails: ue,
-      getTicketColor: Se,
-      getTicketIcon: qe,
-      getTickets: H,
-      handleFailedResponse: ie,
-      handlePulse: He,
-      onClickEditConnectGuest: Ae,
-      onClickTicket: Be,
-      onCreateRequestSubmit: Pe,
-      onHoverToggle: Le,
-      onSelectQuickReply: xe,
-      onSelectToDo: Ye,
-      openRequest: Ue,
-      refreshPMSData: Ne,
-      resizeTextarea: ce,
-      scrollToConnectBottom: ee,
-      sendChatMessage: Ge,
-      setAlignment: te,
-      setPositioning: ae,
-      toggleQuickReply: de,
-      updateTickets: Qe
+      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
     };
   }
 });
 export {
-  ht as default
+  _t as default
 };