@quoreadmin/ui 1.9.3 → 1.10.1

package/dist/index147.js

@@ -1,350 +1,1189 @@
-import { defineComponent as te, ref as n, computed as w, onMounted as le, onUnmounted as oe, h as D, render as H } from "vue";
-import se from "./index197.js";
-import re from "./index198.js";
-import ae from "./index199.js";
-import ne from "./index200.js";
-import ce from "./index6.js";
-import ie from "./index51.js";
-import N from "./index28.js";
-import ue from "./index181.js";
-import de from "./index56.js";
-import fe from "./index57.js";
-import { filterData as ve } from "./index55.js";
-import { useDebounceFn as he } from "./index180.js";
-const ke = te({
-  name: "QTable",
+import { defineComponent as It, ref as i, computed as _, watch as B, onMounted as Tt, onUnmounted as Dt } from "vue";
+import { useI18n as Ot } from "vue-i18n";
+import { DateTime as I } from "./index174.js";
+import "./index197.js";
+import kt from "./index2.js";
+import Et from "./index3.js";
+import At from "./index4.js";
+import St from "./index21.js";
+import bt from "./index28.js";
+import Mt from "./index41.js";
+import Nt from "./index20.js";
+import Ct from "./index48.js";
+import Rt from "./index50.js";
+import Ht from "./index49.js";
+import Lt from "./index52.js";
+import X from "./index198.js";
+const Pt = 996, Zt = It({
+  name: "QRoomDetailsPopover",
   components: {
-    Column: re,
-    ColumnGroup: ae,
-    DataTable: se,
-    Row: ne,
-    QBadge: ce,
-    QTooltip: ie
+    QAccordion: kt,
+    QActivityItem: Et,
+    QAvatar: At,
+    QDatePicker: Nt,
+    QDivider: St,
+    QIcon: bt,
+    QPopover: Mt,
+    QTag: Ct,
+    QTextarea: Ht,
+    QTimePicker: Rt,
+    QTooltip: Lt
   },
   props: {
-    // Pass in an ID unique to the table.
     id: {
       type: String,
       default: ""
     },
-    // Pass in data for the table using v-model - this replaces tableData.
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    // Pass in the columns for the table.
-    columns: {
-      type: Array,
-      default: () => []
+    roomDetails: {
+      type: Object,
+      default: () => {
+      }
     },
-    // Pass in whether to show the search field.
-    hasSearch: {
-      type: Boolean,
-      default: !0
+    guestDetails: {
+      type: Object,
+      default: () => {
+      }
     },
-    // Pass in a default sort.
-    // TODO: This is not set up with PrimeVue DataTable yet. No default sort.
-    sortBy: {
-      type: String,
+    propertyId: {
+      type: [Number, String],
       default: ""
     },
-    // Pass in the items per page to display.
-    // TODO: This is for pagination and/or infinite scroll, to be implemented later.
-    itemsPerPage: {
-      type: Number,
-      default: 20
-    },
-    // Pass in the currently displayed page.
-    // TODO: This is for pagination and/or infinite scroll, to be implemented later.
-    currentPage: {
-      type: Number,
-      default: 1
-    },
-    // Pass in a search field placeholder. Fallback is localized "Search" in template.
-    searchPlaceholder: {
+    propertyTimeZone: {
       type: String,
+      default: "America/Chicago"
+    },
+    trigger: {
+      type: [Number, String],
       default: ""
     },
-    // Pass in the filters for the table.
-    filters: {
-      type: Object,
-      default: () => ({})
+    comments: {
+      type: Array,
+      default: () => []
     },
-    // Pass in a function for when filters icon is clicked.
-    filtersAction: {
-      type: Function,
+    room: {
+      type: Object,
       default: () => {
       }
     },
-    // Pass in a count of active filters.
-    filtersCount: {
-      type: Number,
-      default: 0
+    showActionMenu: {
+      type: Boolean,
+      default: !0
     },
-    // Pass in an array of attribute names to globally search.
-    globalFilters: {
-      type: Array,
-      default: () => []
+    showActionsLink: {
+      type: Boolean,
+      default: !0
     },
-    // Pass in a loading state.
-    loading: {
+    showGuestDetails: {
       type: Boolean,
       default: !1
     },
-    // Pass in if table is multi-sort. We won't use this initially.
-    isMultiSort: {
+    showComments: {
       type: Boolean,
       default: !1
     },
-    // Pass in if table is multi-select.
-    isMultiSelect: {
+    showTickets: {
+      type: Boolean,
+      default: !0
+    },
+    showActivity: {
       type: Boolean,
       default: !1
     },
-    // Pass in a function to handle when a row is selected.
-    rowSelect: {
-      type: Function,
-      default: () => {
-      }
+    showGuestCallback: {
+      type: Boolean,
+      default: !0
     },
-    // Pass in a function to handle when a row is unselected.
-    rowUnselect: {
-      type: Function,
-      default: () => {
-      }
+    showRoomName: {
+      type: Boolean,
+      default: !1
     },
-    // Pass in the height of combined fixed elements while vertical scrolling.
-    fixedTopOffset: {
-      type: Number,
-      default: 0
+    hover: {
+      type: Boolean,
+      default: !1
     },
-    // Pass in the number of skeleton rows that should show while loading.
-    skeletonRows: {
-      type: Number,
-      default: 6
+    size: {
+      type: String,
+      default: "md"
     },
-    // Pass in the scroll amount for the left scroll button.
-    leftScrollAmount: {
-      type: Number,
-      default: 200
+    open: {
+      type: Boolean,
+      default: !1
     },
-    // Pass in the scroll amount for the right scroll button.
-    rightScrollAmount: {
-      type: Number,
-      default: 200
+    align: {
+      type: String,
+      default: "left"
+    },
+    position: {
+      type: String,
+      default: "bottom"
+    },
+    locale: {
+      type: String,
+      default: "en"
+    },
+    pmsBaseUrl: {
+      type: String,
+      default: "",
+      required: !0
+    },
+    /** Property-level clean initiative (e.g. Greener Stay) from Hub; passed by PM app when room data does not include it */
+    cleanInitiativeInfo: {
+      type: Object,
+      default: null
+    },
+    allowWhenWhere: {
+      type: Boolean,
+      default: !1
+    },
+    quickReplies: {
+      type: Array,
+      default: () => []
+    },
+    /** Whether this is a test environment (enables simulation features) */
+    isTestEnvironment: {
+      type: Boolean,
+      default: !1
+    },
+    /** Set if the popover is teleported to the body (escapes overflow clipping) */
+    teleport: {
+      type: Boolean,
+      default: !1
     },
-    // If set to true we do not use the built in frozen prop for primevue table
-    // instead we set our own sticky columns. Initially only supporting first and last
-    overrideFrozen: {
+    /** Target element for teleport */
+    teleportTo: {
+      type: String,
+      default: "body"
+    },
+    /** Whether to close the popover when the trigger scrolls out of its scrollable parent */
+    closeOnScrollOutOfView: {
+      type: Boolean,
+      default: !1
+    },
+    /** Whether to scroll the page to bring the popover into view when it opens or content changes */
+    scrollIntoView: {
       type: Boolean,
       default: !1
     },
-    // Pass in the debounce time for the search field.
-    searchDelay: {
+    /** Padding (in pixels) from viewport edge when scrolling popover into view */
+    scrollIntoViewPadding: {
       type: Number,
-      default: 300
+      default: 20
     }
   },
-  emits: ["is-empty"],
-  setup(s, { emit: P }) {
-    const { deviceType: T } = fe(), k = n(), c = n(!1), d = n(!1), h = n(!1), L = n(!1), m = n(!1), y = n(!0), F = n(ue), t = n(), A = n(""), O = n([]), a = n(), Q = n(0), U = w(() => ve(
-      s.modelValue,
-      A.value,
-      s.filters,
-      void 0,
-      // sortBy handled by PrimeVue
-      void 0,
-      // orderBy handled by PrimeVue
-      []
-    )), q = w(() => T.value === "desktop"), I = w(() => {
-      const e = !s.loading && k.value?.empty;
-      return P("is-empty", e), e;
-    }), V = w(() => {
-      const e = [], l = {};
-      let o = 0;
-      return s.columns.forEach((r) => {
-        l[r.key] = "";
-      }), [...Array(s.skeletonRows)].forEach(() => {
-        e.push({
-          ...l,
-          shimmer: o % 2 ? "bg-gray-10" : "bg-gray-30"
-        }), o++;
+  emits: ["create:callback", "create:todo", "refresh:pms", "show:toast", "toggle"],
+  setup(s, { emit: f }) {
+    const { t: c } = Ot(), Te = () => {
+      const e = /* @__PURE__ */ new Date(), t = e.getHours() * 60 + e.getMinutes(), a = Math.round(t / 15) * 15, o = Math.floor(a / 60) % 24, n = a % 60, r = o >= 12 ? "PM" : "AM";
+      return `${o % 12 || 12}:${String(n).padStart(2, "0")} ${r}`;
+    }, De = "11:59 PM", l = i(null), ie = i(!1), ue = i("left"), Z = i([
+      {
+        id: 1,
+        label: c("HC_DEPARTMENT")
+      },
+      {
+        id: 2,
+        label: c("HC_PERSON")
+      },
+      {
+        id: 0,
+        label: c("HC_ANYONE")
+      }
+    ]), b = i(""), p = i({
+      checkInDate: /* @__PURE__ */ new Date(),
+      checkOutDate: /* @__PURE__ */ new Date(),
+      guestEmail: "",
+      guestLoyalty: "",
+      guestMood: null,
+      guestName: "",
+      guestPhone: "",
+      inHouse: !!l.value?.tokenId || !1,
+      problem: null,
+      notes: "",
+      tokenId: l.value?.tokenId
+    }), G = i(250), U = i(290), N = i([]), Oe = i([]), ee = i(!0), te = i(!0), C = i({
+      info: !0,
+      tickets: !0,
+      comments: !0
+    }), ae = i(!0), He = i(s.guestDetails), O = i([]), y = i({
+      actionItems: !1,
+      activity: !1,
+      conversationToggle: !1,
+      messages: !1,
+      pms: !1,
+      roomNotices: !1,
+      sendingMessage: !1,
+      tickets: !1
+    }), M = i([]), ce = i([]), de = i("bottom"), R = i(null), H = i(!1), W = i(!1), j = i(""), me = i(!1), S = i(!1), k = i(null), $ = i(null), Le = 3e4, d = i({
+      assignType: null,
+      department: null,
+      due: /* @__PURE__ */ new Date(),
+      item: null,
+      notes: "",
+      person: null,
+      requestedBy: null,
+      when: null,
+      where: null
+    }), Q = i([
+      {
+        id: 0,
+        label: c("HC_STAFF_MEMBER")
+      },
+      {
+        id: 1,
+        label: c("HC_HOTEL_GUEST")
+      }
+    ]), ve = i(!1), E = i(null), g = i({
+      endDate: /* @__PURE__ */ new Date(),
+      issue: null,
+      notes: "",
+      startDate: /* @__PURE__ */ new Date(),
+      startTime: Te(),
+      endTime: De
+    }), Y = i([]), oe = i(!1), pe = i([]), Pe = i(!0), A = i([]), L = i([]), qe = i([
+      {
+        label: c("HC_COMPLAINT"),
+        id: "complaint"
+      },
+      {
+        label: c("HC_REQUEST"),
+        id: "request"
+      },
+      {
+        label: c("HC_ROOM_NOTICE"),
+        id: "room_notice"
+      },
+      {
+        label: c("HC_WORK_ORDER"),
+        id: "work_order"
+      }
+    ]), V = i(), P = i(null), v = i({
+      assignType: null,
+      department: null,
+      due: /* @__PURE__ */ new Date(),
+      item: null,
+      issue: null,
+      notes: "",
+      person: null,
+      requestedBy: null
+    }), fe = i([]), q = i([]), x = i([]), xe = _(() => {
+      switch (l.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 "";
+      }
+    }), Fe = _(() => {
+      const e = l.value?.hkTaskTypeId || s.room?.hkTaskTypeId;
+      return Number(e) === Pt;
+    }), Be = _(() => s.cleanInitiativeInfo?.cleanInitiativeName ?? l.value?.cleanInitiativeInfo?.cleanInitiativeName ?? "Greener Stay"), Ge = _(() => s.cleanInitiativeInfo?.imgUrl ?? l.value?.cleanInitiativeInfo?.imgUrl ?? ""), Ue = _(() => {
+      const e = b.value.toLowerCase();
+      return s.quickReplies.filter((t) => t.toLowerCase().match(e));
+    }), We = _(() => {
+      if (!M.value.length) return [];
+      const e = [];
+      let t = null;
+      return M.value.forEach((a) => {
+        const o = I.fromFormat(
+          a.dateUtc,
+          "yyyy-MM-dd HH:mm:ss",
+          { zone: "utc" }
+        ).setZone(s.propertyTimeZone), n = o.toFormat("yyyy-MM-dd-HH");
+        n !== t && (e.push({
+          type: "separator",
+          label: o.toFormat("ccc, LLL d 'at' h:mma").replace("AM", "am").replace("PM", "pm"),
+          hourKey: n
+        }), t = n), e.push({
+          type: "message",
+          ...a,
+          formattedTime: o.toFormat("h:mma").replace("AM", "am").replace("PM", "pm")
+        });
       }), e;
-    }), p = () => {
-      x(), R(), B(), b(), v();
-    }, j = (e) => {
-      s.rowSelect(e);
-    }, G = (e) => {
-      s.rowUnselect(e);
-    }, B = () => {
-      const e = a.value.offsetTop - s.fixedTopOffset, l = document.querySelector('div[data-pc-section="header"]'), o = t.value?.querySelector("thead");
-      if (d.value = !!s.fixedTopOffset && a.value && window.scrollY >= e, d.value)
-        if (l.style.top = s.fixedTopOffset + "px", c.value)
-          o.style.top = "";
-        else {
-          const r = s.fixedTopOffset + l.clientHeight + 1;
-          o.style.top = r + "px";
+    }), ke = _(() => A.value.length ? !!A.value.find(
+      (t) => t.type === "complaint"
+    ) : !1), je = _(() => A.value.length ? !!A.value.find(
+      (t) => t.type === "callback"
+    ) : !1), $e = _(() => {
+      let e = [];
+      return O.value[0] && O.value[0].options === void 0 ? O.value.forEach((t) => {
+        e.push({
+          id: parseInt(t.id),
+          label: t.display_name
+        });
+      }) : e = O.value, e;
+    }), Ee = _(() => l.value.occupancy?.name === "OCCUPIED"), Qe = _(() => Ee.value && ke.value ? "HK_ROOM_STATUS_Occupied_Complaint" : "HK_ROOM_STATUS_Occupied"), Ye = _(() => {
+      switch (E.value?.id) {
+        case "request":
+        case "work_order":
+          return Z.value[0];
+        default:
+          return null;
+      }
+    }), Ve = _(() => {
+      if (N.value)
+        switch (E.value?.id) {
+          case "request":
+            return N.value.find((e) => parseInt(e.id) === 4);
+          case "work_order":
+            return N.value.find((e) => parseInt(e.id) === 2);
+          default:
+            return null;
         }
-      else
-        l.style.top = "", o.style.top = "";
-      if (d.value && c.value) {
-        const r = document.querySelector(
-          'div[data-pc-section="header"] > div[data-pc-section="wrapper"]'
-        );
-        r?.querySelectorAll("th")?.forEach((u, i) => {
-          const f = t.value?.querySelector(
-            `th:nth-child(${i + 1})`
-          ), S = f?.getAttribute("aria-sort");
-          u?.setAttribute("aria-sort", S), u.classList.contains("actions") && (u.style.minWidth = f?.clientWidth + "px");
-        }), r && (r.scrollLeft = t.value.scrollLeft);
-      }
-      R(), b(), v();
-    }, b = () => {
-      const l = t.value.scrollWidth - t.value.clientWidth;
-      y.value = Math.abs(t.value.scrollLeft) <= 1, m.value = Math.abs(t.value.scrollLeft - l) <= 1;
-    }, Y = () => {
-      x(), h.value = !1, L.value = !1, s.columns.forEach((e, l) => {
-        e.frozen && (h.value || (h.value = !0), a.value.querySelectorAll(`th:nth-child(${l + 1}), td:nth-child(${l + 1})`).forEach(
-          (o) => {
-            o.classList.add("sticky"), l === 0 ? o.classList.add("left-0") : l === s.columns.length - 1 && e.frozen && (o.classList.add("right-0"), L.value = !0);
+      return null;
+    }), Je = _(() => {
+      switch (E.value?.id) {
+        case "request":
+          return Q.value[1];
+        case "work_order":
+          return Q.value[0];
+        default:
+          return null;
+      }
+    }), Ke = _(() => {
+      let e = "";
+      if (l.value && l.value.reservations[0]) {
+        const t = I.fromISO(
+          l.value.reservations[0].arrivalDate
+        ), a = t.toFormat("MMM"), o = t.day, n = t.year, r = I.fromISO(
+          l.value.reservations[0].departureDate
+        ), u = r.toFormat("MMM"), m = r.day, h = r.year;
+        e += a + " " + o, n !== h && (e += ", " + n), a === u ? e += "-" + m : e += " - " + u + " " + m, e += ", " + h;
+      }
+      return e;
+    }), ze = _(() => {
+      let e = Y.value;
+      return e = [...new Set(e)], e;
+    }), Xe = _(() => {
+      const e = E.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 v.value.item && v.value.issue && v.value.requestedBy && v.value.due && (v.value.assignType && v.value.assignType.id === 0 || v.value.assignType && v.value.assignType.id === 1 && v.value.department || v.value.assignType && v.value.assignType.id === 2 && v.value.person);
+        case "request":
+          return d.value.item && 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);
+        default:
+          return !1;
+      }
+    }), Ae = () => {
+      oe.value = !1, H.value = !1, ie.value = !1, ve.value = !1, O.value = [], ce.value = [], fe.value = [], q.value = [], x.value = [], E.value = null, g.value.issue = null, g.value.startDate = /* @__PURE__ */ new Date(), g.value.endDate = /* @__PURE__ */ new Date(), g.value.startTime = Te(), g.value.endTime = De, 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 = "", v.value.assignType = null, v.value.department = null, v.value.person = null, v.value.due = /* @__PURE__ */ new Date(), v.value.item = null, v.value.issue = null, v.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.notes = "", d.value.when = null, d.value.where = null;
+    }, Ze = async () => {
+      f("create:callback", l.value), f("toggle", !1);
+    }, F = (e) => {
+      const t = [];
+      (Array.isArray(e) ? e : Object.values(e)).forEach((o) => {
+        const n = o.senderType || o.sender_type, r = o.senderName || "", u = o.senderId || o.sender_id, m = o.profileImg || o.profile_img, h = r ? r.split(" ") : ["", ""], w = o.user_first_name || o.guest_first_name || h[0] || "", z = o.user_last_name || o.guest_last_name || h.slice(1).join(" ") || "", re = w && z ? `${w} ${z}` : w || "Auto-Reply", le = n === "system" || n === "user", T = n === "guest";
+        let D = {
+          id: o.id,
+          isPropertyEmployee: n === "user",
+          isSent: !!o.sent,
+          isSystemMessage: n === "system",
+          isStaffMessage: le,
+          isGuestMessage: T,
+          comment: o.content,
+          dateUtc: o.sent || o.created,
+          user: {
+            firstName: w || "Auto-Reply",
+            icon: "",
+            id: u || "system-message",
+            initials: "",
+            lastName: z || "",
+            name: re,
+            src: m || ""
+          }
+        };
+        D.user.firstName && D.user.lastName ? D.user.initials = D.user.firstName[0] + D.user.lastName[0] : D.user.firstName && (D.user.initials = D.user.firstName[0]), le && (D.user.icon = "property-fill"), t.push(D);
+      }), M.value = t;
+    }, et = (e) => {
+      if (!e || e.length === 0) return;
+      (Array.isArray(e) ? e : Object.values(e)).forEach((a) => {
+        if (M.value.some((D) => D.id === a.id))
+          return;
+        const o = a.senderType || a.sender_type, n = a.senderName || "", r = a.senderId || a.sender_id, u = a.profileImg || a.profile_img, m = n ? n.split(" ") : ["", ""], h = a.user_first_name || a.guest_first_name || m[0] || "", w = a.user_last_name || a.guest_last_name || m.slice(1).join(" ") || "", z = h && w ? `${h} ${w}` : h || "Auto-Reply", re = o === "system" || o === "user", le = o === "guest";
+        let T = {
+          id: a.id,
+          isPropertyEmployee: o === "user",
+          isSent: !!a.sent,
+          isSystemMessage: o === "system",
+          isStaffMessage: re,
+          isGuestMessage: le,
+          comment: a.content,
+          dateUtc: a.sent || a.created,
+          user: {
+            firstName: h || "Auto-Reply",
+            icon: "",
+            id: r || "system-message",
+            initials: "",
+            lastName: w || "",
+            name: z,
+            src: u || ""
           }
-        ));
+        };
+        T.user.firstName && T.user.lastName ? T.user.initials = T.user.firstName[0] + T.user.lastName[0] : T.user.firstName && (T.user.initials = T.user.firstName[0]), re && (T.user.icon = "property-fill"), M.value.push(T);
       });
-    }, J = () => {
-      const e = t.value?.cloneNode(!0);
-      if (e) {
-        const l = document.querySelector('div[data-pc-section="header"]');
-        l?.append(e);
-        const o = l?.querySelector('div[data-pc-section="wrapper"]');
-        o?.querySelector("tbody")?.remove(), o?.addEventListener("scroll", () => {
-          t.value.scrollLeft = o.scrollLeft, b(), v();
-        }), t.value?.addEventListener("scroll", () => {
-          o.scrollLeft = t.value.scrollLeft, b(), t.value?.setAttribute("data-scroll", t.value.scrollLeft.toString()), v();
-        }), o?.querySelectorAll("th")?.forEach((r, u) => {
-          r?.addEventListener("click", async () => {
-            if (d.value && c.value) {
-              const i = t.value?.querySelector(`th:nth-child(${u + 1})`);
-              await i?.click();
-              const f = i?.getAttribute("aria-sort");
-              r?.setAttribute("aria-sort", f);
-            }
-          });
+    }, he = async (e = !1) => {
+      if (s.showComments && l.value.tokenId) {
+        e || (y.value.messages = !0);
+        try {
+          let t = `/api/client/connect/getMessages.php?tokenId=${l.value.tokenId}`;
+          e && k.value !== null && (t += `&lastMsgId=${k.value}`);
+          const o = await (await fetch(t, {
+            method: "GET",
+            credentials: "include"
+          })).json();
+          if (o.status === "error")
+            throw new Error(o.message || "Failed to get messages");
+          if (S.value = !o.closed, o.messages && o.messages.length > 0) {
+            k.value = o.messages[o.messages.length - 1].id, e ? et(o.messages) : F(o.messages);
+            const n = setTimeout(K, 100);
+            L.value.push(n);
+          } else e || F(o.messages || []);
+        } catch (t) {
+          console.error("getChatMessages error:", t);
+        } finally {
+          e || (y.value.messages = !1);
+        }
+      }
+    }, tt = (e) => {
+      const t = I.utc(), a = I.fromFormat(e, "yyyy-MM-dd HH:mm:ss", { zone: "utc" }), o = t.diff(
+        a,
+        [
+          "years",
+          "months",
+          "days",
+          "hours",
+          "minutes"
+        ]
+      ), n = Math.floor(o.years), r = Math.floor(o.months), u = Math.floor(o.days), m = Math.floor(o.hours), h = Math.floor(o.minutes);
+      if (n)
+        return n === 1 ? c("HC_ONE_YEAR_AGO") : c("HC_X_YEARS_AGO", { years: n });
+      if (r)
+        return r === 1 ? c("HC_ONE_MONTH_AGO") : c("HC_X_MONTHS_AGO", { months: r });
+      if (u)
+        return u === 1 ? c("HC_ONE_DAY_AGO") : c("HC_X_DAYS_AGO", { days: u });
+      if (m)
+        return m === 1 ? c("HC_ONE_HOUR_AGO") : c("HC_X_HOURS_AGO", { hours: m });
+      if (h)
+        return h === 1 ? c("HC_ONE_MINUTE_AGO") : c("HC_X_MINUTES_AGO", { minutes: h });
+      if (h === 0)
+        return c("HC_A_MOMENT_AGO");
+    }, at = async () => {
+      s.showGuestDetails && se(), ye(), J(), ne(), f("refresh:pms", l.value);
+    }, se = async () => {
+      try {
+        y.value.pms = !0;
+        const e = new AbortController(), t = setTimeout(() => e.abort(), 45e3);
+        L.value.push(t);
+        const a = s.pmsBaseUrl;
+        if (!a)
+          throw new Error("PMS base URL is required");
+        const o = {
+          Authorization: "Bearer " + (() => {
+            const w = `; ${document.cookie}`.split("; QV2Auth=");
+            return w.length === 2 && w.pop()?.split(";").shift() || "";
+          })(),
+          "Content-Type": "application/json"
+        }, n = l.value?.qv2Rooms?.qRoomId || l.value?.id || s.room.id, r = await fetch(
+          `${a}/vendors/properties/statuses/${s.propertyId}/rooms`,
+          {
+            method: "POST",
+            headers: o,
+            signal: e.signal,
+            body: JSON.stringify({ roomsIds: [n] })
+          }
+        );
+        clearTimeout(t), r.ok || be(r);
+        const u = await r.json(), m = u.data?.pmsRooms || u.data?.rooms || u.rooms || [];
+        R.value = m, m.length > 0 ? l.value = {
+          ...m[0],
+          tokenId: m[0].tokenId || s.room.tokenId
+        } : l.value = s.room, y.value.pms = !1;
+      } catch (e) {
+        return y.value.pms = !1, f("show:toast", {
+          show: !0,
+          message: c("HC_FAILED_TO_LOAD_PMS_DATA"),
+          variant: "error",
+          icon: "exclamation-circle"
+        }), e;
+      }
+    }, ye = async () => {
+      try {
+        y.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 t = await e.json();
+        Y.value = t.notices;
+      } catch (e) {
+        console.error("Error getting room notices:", e), Y.value = [], f("show:toast", {
+          show: !0,
+          message: c("HC_FAILED_TO_LOAD_ROOM_NOTICES"),
+          variant: "error",
+          icon: "exclamation-circle"
         });
+      } finally {
+        y.value.roomNotices = !1;
       }
-    }, x = () => {
-      t.value.scrollWidth > t.value.clientWidth ? (c.value = !0, t.value?.classList.add("is-scrolled")) : (c.value = !1, t.value?.classList.remove("is-scrolled")), t.value && t.value.setAttribute("data-scroll", t.value.scrollLeft.toString());
-    }, R = () => {
-      const e = t.value.clientWidth + "px", l = document.querySelector('div[data-pc-section="header"]'), o = l.querySelector('div[data-pc-section="wrapper"] thead');
-      l.style.width = e, t.value.querySelector("thead").style.width = e, o && (o.style.width = e);
-    }, C = () => {
-      if (t.value) {
-        const e = -Math.min(
-          s.leftScrollAmount,
-          t.value.scrollLeft
-        ), l = d.value ? "instant" : "smooth";
-        t.value.scrollBy({
-          left: e,
-          behavior: l
+    }, ge = async () => {
+      try {
+        const e = new FormData();
+        e.append("property_id", s.propertyId), e.append("filter", "tasks_new");
+        const [t, a] = await Promise.all([
+          fetch("/api/client/common/getDepartments.php", {
+            method: "POST"
+          }),
+          fetch("/api/client/common/getDepartmentUsersByPropertyId.php", {
+            method: "POST",
+            body: e
+          })
+        ]), o = await t.json(), n = await a.json();
+        if (o.departments && (o.departments.forEach((r) => {
+          r.label = r.display_name;
+        }), N.value = o.departments), n.users) {
+          const r = [];
+          let u = {
+            group: "",
+            options: []
+          };
+          n.users.forEach((m) => {
+            m.translated_department !== u.group && (u.group && r.push({ ...u }), u.group = m.translated_department, u.options = []), u.options.push(m);
+          }), u.group && r.push({ ...u }), Oe.value = r;
+        }
+      } catch (e) {
+        console.error("Error getting shared data:", e), f("show:toast", {
+          show: !0,
+          message: c("HC_FAILED_TO_LOAD_SHARED_DATA"),
+          variant: "error",
+          icon: "exclamation-circle"
         });
       }
-    }, W = () => {
-      if (t.value) {
-        const e = t.value.scrollWidth - t.value.clientWidth, l = Math.min(
-          s.rightScrollAmount,
-          e - t.value.scrollLeft
-        ), o = d.value ? "instant" : "smooth";
-        t.value.scrollBy({
-          left: l,
-          behavior: o
+    }, Se = async () => {
+      try {
+        const t = await (await fetch(
+          `/api/client/connect/getStayDetails.php?tokenId=${l.value.tokenId}`,
+          {
+            method: "GET",
+            credentials: "include"
+          }
+        )).json();
+        if (t.status === "error")
+          throw new Error(t.message || "Failed to get stay details");
+        t.userName && (p.value.guestName = t.userName), t.cellPhone && (p.value.guestPhone = t.cellPhone), t.email && (p.value.guestEmail = t.email), t.checkIn && (p.value.checkInDate = I.fromISO(
+          t.checkIn
+        ).toJSDate()), t.checkOut && (p.value.checkOutDate = I.fromISO(
+          t.checkOut
+        ).toJSDate());
+      } catch (e) {
+        console.error("getStayDetails error:", e), f("show:toast", {
+          show: !0,
+          message: c("HC_FAILED_TO_LOAD_STAY_DETAILS"),
+          variant: "error",
+          icon: "exclamation-circle"
         });
       }
-    }, $ = () => {
-      if (c.value || !q.value) {
-        const e = y.value ? "hidden" : "", l = m.value ? "hidden" : "";
-        a.value?.insertAdjacentHTML(
-          "beforeend",
-          `<button type="button" class="q-table-scroll-button scroll-button scroll-left ${e}"></button>
-                    <button type="button" class="q-table-scroll-button scroll-button scroll-right ${l}"></button>`
+    }, ot = (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";
+      }
+    }, st = (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";
+      }
+    }, J = async () => {
+      try {
+        y.value.tickets = !0;
+        const e = await fetch(
+          "/api/client/common/getAllToDos.php?propertyId=" + s.propertyId + "&roomIds=[" + s.room.id + "]"
         );
-        const o = D(N, {
-          icon: "chevron-left",
-          type: "",
-          size: "md",
-          class: "p-[0.1875rem]"
-        }), r = D(N, {
-          icon: "chevron-right",
-          type: "",
-          size: "md",
-          class: "p-[0.1875rem]"
-        }), u = a.value?.querySelector(".scroll-button.scroll-left"), i = a.value?.querySelector(".scroll-button.scroll-right");
-        H(o, u), H(r, i), u?.addEventListener("click", C), i?.addEventListener("click", W), v();
+        if (!e.ok)
+          throw new Error(`HTTP error! status: ${e.status}`);
+        const t = await e.json();
+        A.value = t.tickets;
+      } catch (e) {
+        console.error("Error getting tickets:", e), A.value = [], f("show:toast", {
+          show: !0,
+          message: c("HC_FAILED_TO_LOAD_TICKETS"),
+          variant: "error",
+          icon: "exclamation-circle"
+        });
+      } finally {
+        y.value.tickets = !1;
+      }
+    }, ne = async () => {
+      if (s.showActivity)
+        try {
+          y.value.activity = !0;
+          const e = l.value?.qv2Rooms?.qRoomId || l.value?.id || s.room?.id, t = await fetch(
+            "/api/client/common/getCleaningsInspections.php?propertyId=" + s.propertyId + "&areaId=" + e
+          );
+          if (!t.ok)
+            throw new Error(`HTTP error! status: ${t.status}`);
+          const a = await t.json();
+          pe.value = a.inspections || [];
+        } catch (e) {
+          console.error("Error getting activity:", e), pe.value = [], f("show:toast", {
+            show: !0,
+            message: c("HC_FAILED_TO_LOAD_ACTIVITY"),
+            variant: "error",
+            icon: "exclamation-circle"
+          });
+        } finally {
+          y.value.activity = !1;
+        }
+    }, be = async (e) => {
+      const t = await e.text();
+      let a;
+      try {
+        a = JSON.parse(t).response;
+      } catch {
+        a = { code: e.status, message: t };
+      }
+      return a.code === 401 ? (window.location.href = "/logout.php?unauthorized=1", { error: a }) : a;
+    }, nt = (e) => {
+      const t = document.querySelectorAll(".pulse");
+      if (t && t.length) {
+        const a = l.value?.qv2Rooms?.qRoomId || l.value?.id || s.room?.id, o = document.getElementById("room-" + a), 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 r = setTimeout(() => {
+          t.forEach((u) => {
+            u.classList.remove("pulse");
+          });
+        }, 4500);
+        L.value.push(r);
+      }
+    }, rt = () => {
+      window.open("/guest/overview.php", "_blank");
+    }, lt = (e) => {
+      let t = "";
+      switch (e.type) {
+        case "complaint":
+          t = `/complaints/complaints_view.php?id=${e.id}`;
+          break;
+        case "request":
+          t = `/tasks/hk_request.php?id=${e.id}`;
+          break;
+        case "satisfaction-call":
+          t = `/tasks/task_callback.php?id=${e.id}`;
+          break;
+        case "work-order":
+          t = `/tasks/workorder.php?id=${e.id}`;
+          break;
+        case "task":
+          t = `/tasks/task.php?id=${e.id}`;
+          break;
+        default:
+          return "#";
+      }
+      window.open(t, "_blank");
+    }, it = (e) => {
+      e.link && window.open(e.link, "_blank");
+    }, ut = async () => {
+      ve.value = !0;
+      const e = l.value?.qv2Rooms?.qRoomId || l.value?.id || s.room?.id, t = l.value?.qv2Rooms?.qRoomName || l.value?.name || s.room?.name, a = {
+        type: E.value?.id,
+        propertyId: s.propertyId,
+        userId: P.value,
+        areaId: e,
+        areaName: t
+      };
+      switch (E.value?.id) {
+        case "complaint":
+          a.tokenId = l.value.tokenId, a.problemId = p.value.problem.id, a.guestName = p.value.guestName, a.guestPhone = p.value.guestPhone, a.guestEmail = p.value.guestEmail, a.guestLoyalty = p.value.guestLoyalty, a.guestMood = p.value.guestMood.id, a.checkInDate = I.fromJSDate(p.value.checkInDate).toFormat(
+            "yyyy-MM-dd"
+          ), a.checkOutDate = I.fromJSDate(p.value.checkOutDate).toFormat(
+            "yyyy-MM-dd"
+          ), a.notes = p.value.notes, a.inHouse = 2, a.source = "dashboard", f("create:todo", a);
+          break;
+        case "request":
+          a.itemId = d.value.item.id, a.assignType = d.value.assignType.id, a.occupied = d.value.requestedBy.id, a.notes = d.value.notes, a.dueDate = I.fromJSDate(d.value.due).toFormat("yyyy-MM-dd"), d.value.assignType.id === 1 && (a.department = d.value.department.id), d.value.assignType.id === 2 && (a.person = d.value.person.id), s.allowWhenWhere && (a.requestWhen = d.value.when ? d.value.when.id : "", a.requestWhere = d.value.where ? d.value.where.id : ""), f("create:todo", a);
+          break;
+        case "room_notice":
+          a.issueId = g.value.issue.id, a.startDate = I.fromJSDate(g.value.startDate).toFormat("yyyy-MM-dd"), a.endDate = I.fromJSDate(g.value.endDate).toFormat("yyyy-MM-dd"), a.startTime = g.value.startTime || "", a.endTime = g.value.endTime || "", a.notes = g.value.notes, f("create:todo", a);
+          break;
+        case "work_order":
+          a.itemId = v.value.item.id, a.issueId = v.value.issue.id, a.assignType = v.value.assignType.id, a.occupied = v.value.requestedBy.id, a.notes = v.value.notes, a.dueDate = I.fromJSDate(v.value.due).toFormat("yyyy-MM-dd"), v.value.assignType.id === 1 && (a.department = v.value.department.id), v.value.assignType.id === 2 && (a.person = v.value.person.id), f("create:todo", a);
+          break;
+      }
+    }, ct = (e) => {
+      we(), Ie(), s.hover && f("toggle", e);
+    }, dt = (e) => {
+      Ne(), b.value = e;
+    }, mt = async (e) => {
+      if (console.log("selected:", e), E.value = e, O.value = [], g.value.issue = null, p.value.problem = null, v.value.item = null, v.value.issue = null, d.value.item = null, !E.value) {
+        y.value.actionItems = !1;
+        return;
+      }
+      y.value.actionItems = !0;
+      const t = l.value?.qv2Rooms?.qRoomId || l.value?.id || s.room?.id, a = new FormData();
+      switch (a.append("property_id", s.propertyId), a.append("area_id", t), e.id) {
+        case "complaint":
+          try {
+            l.value.tokenId && await Se();
+            const n = await (await fetch("/api/client/common/getComplaintProblemsByPropertyId.php", {
+              method: "POST",
+              body: a
+            })).json();
+            n.items && (O.value = n.items);
+            const r = await X.post(
+              "/api/client/common/getComplaintMoods.php"
+            );
+            r.data.items.forEach((u) => {
+              u.label = u.display_name;
+            }), ce.value = r.data.items;
+          } catch (o) {
+            console.error("Error loading complaint options:", o), f("show:toast", {
+              show: !0,
+              message: c("HC_FAILED_TO_LOAD_COMPLAINT_OPTIONS"),
+              variant: "error",
+              icon: "exclamation-circle"
+            });
+          } finally {
+            y.value.actionItems = !1;
+          }
+          break;
+        case "room_notice":
+          try {
+            const n = await (await fetch("/api/client/common/getRoomNoticeIssuesByPropertyId.php", {
+              method: "POST",
+              body: a
+            })).json();
+            n.items && (O.value = n.items);
+          } catch (o) {
+            console.error("Error loading room notice options:", o), f("show:toast", {
+              show: !0,
+              message: c("HC_FAILED_TO_LOAD_ROOM_NOTICE_OPTIONS"),
+              variant: "error",
+              icon: "exclamation-circle"
+            });
+          } finally {
+            y.value.actionItems = !1;
+          }
+          break;
+        case "request":
+          try {
+            d.value.requestedBy = Q.value[1], d.value.assignType = Z.value[0];
+            const n = await (await fetch("/api/client/common/getHousekeepingItemsByPropertyId.php", {
+              method: "POST",
+              body: a
+            })).json();
+            if (n.items && (O.value = n.items), await ge(), d.value.department = N.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) ? q.value = m.when.map((h) => ({
+                  id: h.id,
+                  label: h.name,
+                  value: h.id
+                })) : q.value = [], m.where && Array.isArray(m.where) ? x.value = m.where.map((h) => ({
+                  id: h.id,
+                  label: h.name,
+                  value: h.id
+                })) : x.value = [];
+              } catch (r) {
+                console.error("Error loading When/Where options:", r), q.value = [], x.value = [], f("show:toast", {
+                  show: !0,
+                  message: c("HC_FAILED_TO_LOAD_WHEN_WHERE_OPTIONS"),
+                  variant: "error",
+                  icon: "exclamation-circle"
+                });
+              }
+          } catch (o) {
+            console.error("Error loading request options:", o), f("show:toast", {
+              show: !0,
+              message: c("HC_FAILED_TO_LOAD_REQUEST_OPTIONS"),
+              variant: "error",
+              icon: "exclamation-circle"
+            });
+          } finally {
+            y.value.actionItems = !1;
+          }
+          break;
+        case "work_order":
+          try {
+            v.value.requestedBy = Q.value[0], v.value.assignType = Z.value[0];
+            const n = await (await fetch("/api/client/common/getItemsByRoomId.php", {
+              method: "POST",
+              body: a
+            })).json(), r = [];
+            let u = {
+              group: "",
+              options: []
+            };
+            n.items && (n.items.forEach((m) => {
+              m.section_name !== u.group && (u.group && r.push({ ...u }), u.group = m.section_name, u.options = []), m.label && u.options.push(m);
+            }), u.group && r.push({ ...u })), O.value = r, await Promise.all([
+              X.post(
+                "/api/client/common/getWorkOrderIssues.php"
+              ),
+              ge()
+            ]).then((m) => {
+              const h = m[0];
+              h.data.issues.forEach((w) => {
+                w.label = w.display_name;
+              }), fe.value = h.data.issues;
+            }), v.value.department = N.value.find(
+              (m) => parseInt(m.id) === 2
+            );
+          } catch (o) {
+            console.error("Error loading work order options:", o), f("show:toast", {
+              show: !0,
+              message: c("HC_FAILED_TO_LOAD_WORK_ORDER_OPTIONS"),
+              variant: "error",
+              icon: "exclamation-circle"
+            });
+          } finally {
+            y.value.actionItems = !1;
+          }
+          break;
+        default:
+          y.value.actionItems = !1;
+          return;
       }
+    }, vt = () => {
+      oe.value = !oe.value, ie.value = !1;
+    }, Me = () => {
+      const e = document.getElementById("comment-field"), t = document.getElementById("hidden-text");
+      e.style.height = t?.offsetHeight + "px";
     }, K = () => {
-      a.value?.querySelectorAll(".scroll-button")?.forEach((e) => {
-        e.remove();
+      const e = document.getElementById("comments-container");
+      e?.scroll({
+        top: e.scrollHeight,
+        behavior: "smooth"
       });
-    }, v = () => {
-      const e = a.value?.querySelector(".scroll-button.scroll-left"), l = a.value?.querySelector(".scroll-button.scroll-right"), o = t.value?.querySelector("td.sticky:first-child"), r = a.value?.getBoundingClientRect(), i = document.querySelector('div[data-pc-section="header"]')?.getBoundingClientRect().height || 0, f = t.value;
-      if (a.value && r && f) {
-        const S = o?.getBoundingClientRect().width || 0;
-        a.value.style.setProperty("--first-sticky-width", `${S}px`);
-        const M = f.getBoundingClientRect(), g = Math.max(M.top, i), E = Math.min(M.bottom, window.innerHeight), Z = g < window.innerHeight && E > i, _ = E - g, ee = g + _ / 2;
-        if (e && l)
-          if (Z && c.value) {
-            e.classList.remove("hidden"), l.classList.remove("hidden");
-            const z = Math.max(
-              g,
-              Math.min(ee, E - e.offsetHeight)
-            );
-            e.style.top = `${z}px`, l.style.top = `${z}px`, e.style.left = `${r.left + S + 8}px`, l.style.right = `${window.innerWidth - r.right + 8}px`;
-          } else
-            e.classList.add("hidden"), l.classList.add("hidden");
-        e && (y.value || !c.value ? e.classList.add("hidden") : e.classList.remove("hidden")), l && (m.value || !c.value ? l.classList.add("hidden") : l.classList.remove("hidden"));
-      }
-    }, X = he((e) => {
-      A.value = e;
-    }, s.searchDelay);
-    return le(() => {
-      t.value = document.querySelector('div[data-pc-section="wrapper"]'), p(), window.addEventListener("resize", p), window.addEventListener("scroll", B), J(), q.value || $();
-    }), oe(() => {
-      window.removeEventListener("resize", p), window.removeEventListener("scroll", B);
+    }, pt = async (e) => {
+      if (e && e.type === "keydown" && e.preventDefault(), l.value.tokenId && b.value && !H.value) {
+        y.value.sendingMessage = !0;
+        try {
+          const t = new FormData();
+          t.append("tokenId", l.value.tokenId), t.append("content", b.value), t.append("senderId", P.value || "");
+          const a = await X.post(
+            "/api/client/connect/sendMessage.php",
+            t
+          );
+          if (a.data.status === "error") {
+            f("show:toast", {
+              show: !0,
+              message: c("HC_FAILED_TO_SEND_MESSAGE"),
+              variant: "error",
+              icon: "exclamation-circle"
+            });
+            return;
+          }
+          b.value = "", S.value = !a.data.closed, a.data.messages && (F(a.data.messages), a.data.messages.length > 0 && (k.value = a.data.messages[a.data.messages.length - 1].id)), K();
+        } catch (t) {
+          console.error("sendChatMessage error:", t), f("show:toast", {
+            show: !0,
+            message: c("HC_FAILED_TO_SEND_MESSAGE"),
+            variant: "error",
+            icon: "exclamation-circle"
+          });
+        } finally {
+          y.value.sendingMessage = !1;
+        }
+      }
+    }, ft = async () => {
+      if (!(!l.value.tokenId || !P.value)) {
+        y.value.conversationToggle = !0;
+        try {
+          const e = S.value ? "/api/client/connect/closeConversation.php" : "/api/client/connect/openConversation.php", t = new FormData();
+          t.append("tokenId", l.value.tokenId), t.append("userId", P.value), S.value && k.value !== null && t.append("lastMsgId", k.value.toString());
+          const a = await X.post(e, t);
+          if (a.data.status === "error") {
+            f("show:toast", {
+              show: !0,
+              message: c("HC_FAILED_TO_UPDATE_CONVERSATION"),
+              variant: "error",
+              icon: "exclamation-circle"
+            });
+            return;
+          }
+          S.value = !a.data.closed, a.data.messages && (F(a.data.messages), a.data.messages.length > 0 && (k.value = a.data.messages[a.data.messages.length - 1].id)), f("show:toast", {
+            show: !0,
+            message: S.value ? c("HC_CONVERSATION_REOPENED") : c("HC_CONVERSATION_CLOSED"),
+            variant: "success",
+            icon: "check-circle"
+          });
+        } catch (e) {
+          console.error("toggleMarkOpenClose error:", e), f("show:toast", {
+            show: !0,
+            message: c("HC_FAILED_TO_UPDATE_CONVERSATION"),
+            variant: "error",
+            icon: "exclamation-circle"
+          });
+        } finally {
+          y.value.conversationToggle = !1;
+        }
+      }
+    }, ht = async () => {
+      if (s.isTestEnvironment && !(!l.value?.tokenId || !j.value.trim())) {
+        me.value = !0;
+        try {
+          const e = new FormData();
+          e.append("tokenId", l.value.tokenId), e.append("content", j.value.trim());
+          const t = await X.post(
+            "/api/client/connect/simulateInbound.php",
+            e
+          );
+          if (t.data.status === "error") {
+            f("show:toast", {
+              show: !0,
+              message: c("HC_FAILED_TO_SIMULATE_MESSAGE"),
+              variant: "error",
+              icon: "exclamation-circle"
+            });
+            return;
+          }
+          t.data.messages && (F(t.data.messages), S.value = !t.data.closed, t.data.messages.length > 0 && (k.value = t.data.messages[t.data.messages.length - 1].id)), j.value = "", W.value = !1, K(), f("show:toast", {
+            show: !0,
+            message: c("HC_SIMULATED_GUEST_REPLY"),
+            variant: "success",
+            icon: "check-circle"
+          });
+        } catch (e) {
+          console.error("simulateGuestReply error:", e), f("show:toast", {
+            show: !0,
+            message: c("HC_FAILED_TO_SIMULATE_MESSAGE"),
+            variant: "error",
+            icon: "exclamation-circle"
+          });
+        } finally {
+          me.value = !1;
+        }
+      }
+    }, yt = () => {
+      W.value = !W.value, W.value || (j.value = "");
+    }, gt = () => {
+      $.value || ($.value = setInterval(() => {
+        document.visibilityState === "visible" && he(!0);
+      }, Le));
+    }, _e = () => {
+      $.value && (clearInterval($.value), $.value = null);
+    }, we = () => {
+      if (s.align === "left" || s.align === "right") {
+        const e = V.value?.getBoundingClientRect().left, t = window.innerWidth;
+        ue.value = t - e < U.value ? "right" : "left";
+      } else {
+        const e = V.value?.getBoundingClientRect().top, t = window.innerHeight;
+        ue.value = t - e < G.value ? "bottom" : "top";
+      }
+    }, Ie = () => {
+      if (s.position === "top" || s.position === "bottom") {
+        const e = V.value?.getBoundingClientRect().top, t = window.innerHeight;
+        de.value = t - e < G.value ? "top" : "bottom";
+      } else {
+        const e = V.value?.getBoundingClientRect().left, t = window.innerWidth;
+        de.value = t - e < U.value ? "left" : "right";
+      }
+    }, Ne = () => {
+      H.value = !H.value, H.value ? (b.value = "", C.value.info = te.value, C.value.tickets = ae.value, C.value.comments = ee.value, te.value = !1, ae.value = !1, document.getElementById("comment-field")?.focus()) : (te.value = C.value.info, ae.value = C.value.tickets, ee.value = C.value.comments);
+    }, _t = async (e, t) => {
+      const a = l.value?.qv2Rooms?.qRoomId || l.value?.id || s.room?.id, o = new FormData();
+      if (o.append("property_id", s.propertyId), o.append("room_ids", JSON.stringify([a])), await J(), A.value) {
+        const n = [];
+        A.value.forEach((r) => {
+          r.id === e && r.type === t ? n.unshift({
+            ...r,
+            isNew: !0
+          }) : n.push({
+            ...r,
+            isNew: !1
+          });
+        }), n.sort((r, u) => r.id === e ? -1 : u.id === e ? 1 : 0), A.value = [...n];
+      }
+    };
+    B(() => s.open, () => {
+      if (s.open && s.showComments && M.value.length) {
+        const e = setTimeout(K, 500);
+        L.value.push(e);
+      }
+      s.open || (Ae(), _e(), k.value = null, M.value = [], S.value = !1);
+    }), B(
+      () => [s.open, s.showComments, ee.value, l.value?.tokenId],
+      ([e, t, a, o]) => {
+        e && t && a && o ? gt() : _e();
+      }
+    ), B(b, () => {
+      const e = setTimeout(Me, 100);
+      L.value.push(e);
+    }), B(() => s.allowWhenWhere, (e, t) => {
+      t === !0 && e === !1 && (d.value.when = null, d.value.where = null, q.value = [], x.value = []);
+    });
+    const Ce = () => !!(s.room.reservations || s.room.cleaning || s.room.occupancy || s.room.hkTaskTypeId != null), wt = () => Array.isArray(s.room.roomNoticeIssues) && s.room.roomNoticeIssues.length > 0, Re = () => {
+      wt() ? Y.value = s.room.roomNoticeIssues : ye();
+    };
+    return B(() => s.open, async (e, t) => {
+      e && !t && (Ce() ? (l.value = s.room, R.value = [s.room]) : s.showGuestDetails && !R.value ? await se() : l.value || (l.value = s.room), J(), Re(), ne(), s.showComments && he());
+    }), B(
+      () => s.room.id,
+      (e, t) => {
+        e !== t && (l.value = s.room, R.value = null, s.open && (Ce() ? R.value = [s.room] : s.showGuestDetails && se(), J(), Re(), ne()));
+      }
+    ), Tt(async () => {
+      const e = JSON.parse(
+        window.localStorage.getItem("authenticated")
+      );
+      P.value = e?.user?.id || window.userId || "", l.value = s.room, s.size === "sm" && (G.value = 140, U.value = 160), s.size === "lg" && (G.value = 250, U.value = 440), we(), Ie();
+    }), Dt(() => {
+      L.value.forEach((e) => {
+        clearTimeout(e);
+      }), _e();
     }), {
+      DateTime: I,
       // Refs
-      dataTableRef: k,
-      horizontalScroll: c,
-      isFixed: d,
-      isSticky: h,
-      isLastCellSticky: L,
-      isScrolledToEnd: m,
-      isScrolledToStart: y,
-      noResultsPath: F,
-      scrollableElement: t,
-      scrollLeft: C,
-      scrollRight: W,
-      search: A,
-      selectedRows: O,
-      tableContainer: a,
-      tableHeight: Q,
+      activityList: pe,
+      actionMenuOpen: ie,
+      alignment: ue,
+      assignTypes: Z,
+      comment: b,
+      complaint: p,
+      componentHeight: G,
+      componentWidth: U,
+      departments: N,
+      departmentUsers: Oe,
+      expandActivity: Pe,
+      expandComments: ee,
+      expandGuestInfo: te,
+      expandedStates: C,
+      expandTickets: ae,
+      guestDetailsData: He,
+      itemOptions: O,
+      loading: y,
+      messages: M,
+      moodOptions: ce,
+      pmsData: R,
+      positioning: de,
+      quickReplyOpen: H,
+      request: d,
+      requestedByOptions: Q,
+      requestLoading: ve,
+      requestType: E,
+      roomDetailsData: l,
+      roomNotice: g,
+      roomNotices: Y,
+      showCreateRequest: oe,
+      ticketsList: A,
+      todoOptions: qe,
+      trigger: V,
+      userId: P,
+      workOrder: v,
+      workOrderIssues: fe,
+      whenOptions: q,
+      whereOptions: x,
+      // Guest Connect state
+      isConversationOpen: S,
+      lastMessageId: k,
+      // Simulate Guest Reply state (test environments only)
+      simulateOpen: W,
+      simulateContent: j,
+      simulateLoading: me,
       // Computed
-      isDesktop: q,
-      isEmpty: I,
-      skeletonData: V,
-      filteredData: U,
+      cleanliness: xe,
+      greenerStayIconUrl: Ge,
+      greenerStayTooltipContent: Be,
+      isGreenerStay: Fe,
+      filteredReplies: Ue,
+      groupedMessages: We,
+      hasGuestCallback: je,
+      hasComplaint: ke,
+      itemOptionsList: $e,
+      occupied: Ee,
+      occupancyTooltipContent: Qe,
+      selectedAssignType: Ye,
+      selectedDepartment: Ve,
+      selectedRequestedBy: Je,
+      stayDetails: Ke,
+      tagsList: ze,
+      validateToDo: Xe,
       // Methods
-      // determineFixed,
-      addScrollButtons: $,
-      onPageResizeOrLoad: p,
-      onSelectRow: j,
-      onUnselectRow: G,
-      removeScrollButtons: K,
-      setSticky: Y,
-      // Composable
-      mq: de,
-      deviceType: T,
-      debouncedSearch: X
+      closeRequest: Ae,
+      createCallback: Ze,
+      getActivity: ne,
+      createMessageList: F,
+      getChatMessages: he,
+      getHowLongAgo: tt,
+      getPMSData: se,
+      getRoomNotices: ye,
+      getSharedData: ge,
+      getStayDetails: Se,
+      getTicketColor: ot,
+      getTicketIcon: st,
+      getTickets: J,
+      handleFailedResponse: be,
+      handlePulse: nt,
+      onClickActivity: it,
+      onClickEditConnectGuest: rt,
+      onClickTicket: lt,
+      onCreateRequestSubmit: ut,
+      onHoverToggle: ct,
+      onSelectQuickReply: dt,
+      onSelectToDo: mt,
+      openRequest: vt,
+      refreshPMSData: at,
+      resizeTextarea: Me,
+      scrollToConnectBottom: K,
+      sendChatMessage: pt,
+      setAlignment: we,
+      setPositioning: Ie,
+      toggleMarkOpenClose: ft,
+      toggleQuickReply: Ne,
+      updateTickets: _t,
+      // Simulate Guest Reply methods (test environments only)
+      simulateGuestReply: ht,
+      toggleSimulateOpen: yt
     };
   }
 });
 export {
-  ke as default
+  Zt as default
 };