@quoreadmin/ui 1.7.20 → 1.8.1

package/dist/index140.js

@@ -1,1137 +1,65 @@
-import { defineComponent as ct, ref as i, computed as _, watch as B, onMounted as dt, onUnmounted as mt } from "vue";
-import { useI18n as vt } from "vue-i18n";
-import { DateTime as w } from "./index164.js";
-import "./index187.js";
-import pt from "./index2.js";
-import ft from "./index3.js";
-import ht from "./index4.js";
-import yt from "./index21.js";
-import gt from "./index28.js";
-import _t from "./index39.js";
-import wt from "./index20.js";
-import It from "./index46.js";
-import Dt from "./index47.js";
-import Tt from "./index49.js";
-import K from "./index188.js";
-const Ft = ct({
-  name: "QRoomDetailsPopover",
-  components: {
-    QAccordion: pt,
-    QActivityItem: ft,
-    QAvatar: ht,
-    QDatePicker: wt,
-    QDivider: yt,
-    QIcon: gt,
-    QPopover: _t,
-    QTag: It,
-    QTextarea: Dt,
-    QTooltip: Tt
-  },
+import { defineComponent as y, computed as g } from "vue";
+const C = y({
+  name: "QRadio",
   props: {
     id: {
       type: String,
-      default: ""
-    },
-    roomDetails: {
-      type: Object,
-      default: () => {
-      }
+      default: "radio"
     },
-    guestDetails: {
-      type: Object,
-      default: () => {
-      }
-    },
-    propertyId: {
-      type: [Number, String],
-      default: ""
-    },
-    propertyTimeZone: {
+    name: {
       type: String,
-      default: "America/Chicago"
-    },
-    trigger: {
-      type: [Number, String],
       default: ""
     },
-    comments: {
-      type: Array,
-      default: () => []
-    },
-    room: {
-      type: Object,
-      default: () => {
-      }
-    },
-    showActionMenu: {
-      type: Boolean,
-      default: !0
-    },
-    showActionsLink: {
-      type: Boolean,
-      default: !0
-    },
-    showGuestDetails: {
-      type: Boolean,
-      default: !1
-    },
-    showComments: {
-      type: Boolean,
-      default: !1
-    },
-    showTickets: {
-      type: Boolean,
-      default: !0
-    },
-    showGuestCallback: {
-      type: Boolean,
-      default: !0
-    },
-    showRoomName: {
-      type: Boolean,
-      default: !1
-    },
-    hover: {
-      type: Boolean,
-      default: !1
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    open: {
-      type: Boolean,
-      default: !1
-    },
-    align: {
-      type: String,
-      default: "left"
-    },
-    position: {
-      type: String,
-      default: "bottom"
-    },
-    locale: {
-      type: String,
-      default: "en"
-    },
-    pmsBaseUrl: {
-      type: String,
-      default: "",
-      required: !0
-    },
-    allowWhenWhere: {
-      type: Boolean,
-      default: !1
-    },
-    quickReplies: {
+    options: {
       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
-    },
-    /** Target element for teleport */
-    teleportTo: {
-      type: String,
-      default: "body"
+    modelValue: {
+      type: [String, Number, Object, Array],
+      default: ""
     },
-    /** Whether to close the popover when the trigger scrolls out of its scrollable parent */
-    closeOnScrollOutOfView: {
+    disabled: {
       type: Boolean,
       default: !1
     },
-    /** Whether to scroll the page to bring the popover into view when it opens or content changes */
-    scrollIntoView: {
+    inline: {
       type: Boolean,
       default: !1
     },
-    /** Padding (in pixels) from viewport edge when scrolling popover into view */
-    scrollIntoViewPadding: {
-      type: Number,
-      default: 20
+    labelClasses: {
+      type: [String, Array, Object, Function],
+      default: ""
     }
   },
-  emits: ["create:callback", "create:todo", "refresh:pms", "show:toast", "toggle"],
-  setup(o, { emit: h }) {
-    const { t: c } = vt(), l = i(null), ie = i(!1), ue = i("left"), X = 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), M = i([]), we = i([]), Z = i(!0), ee = i(!0), N = i({
-      info: !0,
-      tickets: !0,
-      comments: !0
-    }), te = i(!0), be = i(o.guestDetails), O = i([]), y = i({
-      actionItems: !1,
-      conversationToggle: !1,
-      messages: !1,
-      pms: !1,
-      roomNotices: !1,
-      sendingMessage: !1,
-      tickets: !1
-    }), C = i([]), ce = i([]), de = i("bottom"), R = i(null), H = i(!1), W = i(!1), j = i(""), me = i(!1), A = i(!1), k = i(null), Q = i(null), Ce = 3e4, d = i({
-      assignType: null,
-      department: null,
-      due: /* @__PURE__ */ new Date(),
-      item: null,
-      notes: "",
-      person: null,
-      requestedBy: null,
-      when: null,
-      where: null
-    }), $ = i([
-      {
-        id: 0,
-        label: c("HC_STAFF_MEMBER")
-      },
-      {
-        id: 1,
-        label: c("HC_HOTEL_GUEST")
-      }
-    ]), ve = i(!1), E = i(null), I = i({
-      endDate: /* @__PURE__ */ new Date(),
-      issue: null,
-      notes: "",
-      startDate: /* @__PURE__ */ new Date()
-    }), ae = i([]), se = i(!1), S = i([]), L = i([]), Me = 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"
-      }
-    ]), J = i(), P = i(null), v = i({
-      assignType: null,
-      department: null,
-      due: /* @__PURE__ */ new Date(),
-      item: null,
-      issue: null,
-      notes: "",
-      person: null,
-      requestedBy: null
-    }), pe = i([]), q = i([]), x = i([]), Ne = _(() => {
-      switch (l.value.cleaning?.name || l.value.cleaningStatus) {
-        case "CLEAN":
-        case "INSPECTED":
-          return "CLEAN";
-        case "DIRTY":
-        case "PICKUP":
-        case "OUT OF ORDER":
-        case "OUT OF SERVICE":
-          return "DIRTY";
-        default:
-          return "";
-      }
-    }), Re = _(() => {
-      const e = b.value.toLowerCase();
-      return o.quickReplies.filter((t) => t.toLowerCase().match(e));
-    }), He = _(() => {
-      if (!C.value.length) return [];
-      const e = [];
-      let t = null;
-      return C.value.forEach((a) => {
-        const s = w.fromFormat(
-          a.dateUtc,
-          "yyyy-MM-dd HH:mm:ss",
-          { zone: "utc" }
-        ).setZone(o.propertyTimeZone), n = s.toFormat("yyyy-MM-dd-HH");
-        n !== t && (e.push({
-          type: "separator",
-          label: s.toFormat("ccc, LLL d 'at' h:mma").replace("AM", "am").replace("PM", "pm"),
-          hourKey: n
-        }), t = n), e.push({
-          type: "message",
-          ...a,
-          formattedTime: s.toFormat("h:mma").replace("AM", "am").replace("PM", "pm")
-        });
-      }), e;
-    }), Ie = _(() => S.value.length ? !!S.value.find(
-      (t) => t.type === "complaint"
-    ) : !1), Le = _(() => S.value.length ? !!S.value.find(
-      (t) => t.type === "callback"
-    ) : !1), Pe = _(() => {
-      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;
-    }), De = _(() => l.value.occupancy?.name === "OCCUPIED" || l.value.occupancyStatus === "OCCUPIED"), qe = _(() => De.value && Ie.value ? "HK_ROOM_STATUS_Occupied_Complaint" : "HK_ROOM_STATUS_Occupied"), xe = _(() => {
-      switch (E.value?.id) {
-        case "request":
-        case "work_order":
-          return X.value[0];
-        default:
-          return null;
-      }
-    }), Fe = _(() => {
-      if (M.value)
-        switch (E.value?.id) {
-          case "request":
-            return M.value.find((e) => parseInt(e.id) === 4);
-          case "work_order":
-            return M.value.find((e) => parseInt(e.id) === 2);
-          default:
-            return null;
-        }
-      return null;
-    }), Be = _(() => {
-      switch (E.value?.id) {
-        case "request":
-          return $.value[1];
-        case "work_order":
-          return $.value[0];
-        default:
-          return null;
-      }
-    }), Ge = _(() => {
-      let e = "";
-      if (l.value && l.value.reservations[0]) {
-        const t = w.fromISO(
-          l.value.reservations[0].arrivalDate
-        ), a = t.toFormat("MMM"), s = t.day, n = t.year, r = w.fromISO(
-          l.value.reservations[0].departureDate
-        ), u = r.toFormat("MMM"), m = r.day, f = r.year;
-        e += a + " " + s, n !== f && (e += ", " + n), a === u ? e += "-" + m : e += " - " + u + " " + m, e += ", " + f;
-      }
-      return e;
-    }), Ue = _(() => {
-      let e = ae.value;
-      return e = [...new Set(e)], e;
-    }), We = _(() => {
-      const e = E.value?.id;
-      if (!e)
-        return !1;
-      switch (e) {
-        case "room_notice":
-          return I.value.issue && I.value.startDate && I.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;
-      }
-    }), Te = () => {
-      se.value = !1, H.value = !1, ie.value = !1, ve.value = !1, O.value = [], ce.value = [], pe.value = [], q.value = [], x.value = [], E.value = null, I.value.issue = null, I.value.startDate = /* @__PURE__ */ new Date(), I.value.endDate = /* @__PURE__ */ new Date(), I.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;
-    }, je = async () => {
-      h("create:callback", l.value), h("toggle", !1);
-    }, F = (e) => {
-      const t = [];
-      (Array.isArray(e) ? e : Object.values(e)).forEach((s) => {
-        const n = s.senderType || s.sender_type, r = s.senderName || "", u = s.senderId || s.sender_id, m = s.profileImg || s.profile_img, f = r ? r.split(" ") : ["", ""], g = s.user_first_name || s.guest_first_name || f[0] || "", z = s.user_last_name || s.guest_last_name || f.slice(1).join(" ") || "", re = g && z ? `${g} ${z}` : g || "Auto-Reply", le = n === "system" || n === "user", D = n === "guest";
-        let T = {
-          id: s.id,
-          isPropertyEmployee: n === "user",
-          isSent: !!s.sent,
-          isSystemMessage: n === "system",
-          isStaffMessage: le,
-          isGuestMessage: D,
-          comment: s.content,
-          dateUtc: s.sent || s.created,
-          user: {
-            firstName: g || "Auto-Reply",
-            icon: "",
-            id: u || "system-message",
-            initials: "",
-            lastName: z || "",
-            name: re,
-            src: m || ""
-          }
-        };
-        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]), le && (T.user.icon = "property-fill"), t.push(T);
-      }), C.value = t;
-    }, Qe = (e) => {
-      if (!e || e.length === 0) return;
-      (Array.isArray(e) ? e : Object.values(e)).forEach((a) => {
-        if (C.value.some((T) => T.id === a.id))
+  emits: ["update:model-value", "change"],
+  setup(t, { emit: n }) {
+    const r = g(() => t.modelValue), f = (e) => {
+      const l = e.target;
+      if (l) {
+        const d = l.value, i = t.options.find(
+          (a) => String(a.value) === d
+        ), u = i ? i.value : d;
+        if (o(u)) {
+          let a;
+          Array.isArray(t.modelValue) ? a = [] : a = "", n("update:model-value", a), n("change", null);
           return;
-        const s = a.senderType || a.sender_type, n = a.senderName || "", r = a.senderId || a.sender_id, u = a.profileImg || a.profile_img, m = n ? n.split(" ") : ["", ""], f = a.user_first_name || a.guest_first_name || m[0] || "", g = a.user_last_name || a.guest_last_name || m.slice(1).join(" ") || "", z = f && g ? `${f} ${g}` : f || "Auto-Reply", re = s === "system" || s === "user", le = s === "guest";
-        let D = {
-          id: a.id,
-          isPropertyEmployee: s === "user",
-          isSent: !!a.sent,
-          isSystemMessage: s === "system",
-          isStaffMessage: re,
-          isGuestMessage: le,
-          comment: a.content,
-          dateUtc: a.sent || a.created,
-          user: {
-            firstName: f || "Auto-Reply",
-            icon: "",
-            id: r || "system-message",
-            initials: "",
-            lastName: g || "",
-            name: z,
-            src: u || ""
-          }
-        };
-        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]), re && (D.user.icon = "property-fill"), C.value.push(D);
-      });
-    }, fe = async (e = !1) => {
-      if (o.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 s = await (await fetch(t, {
-            method: "GET",
-            credentials: "include"
-          })).json();
-          if (s.status === "error")
-            throw new Error(s.message || "Failed to get messages");
-          if (A.value = !s.closed, s.messages && s.messages.length > 0) {
-            k.value = s.messages[s.messages.length - 1].id, e ? Qe(s.messages) : F(s.messages);
-            const n = setTimeout(Y, 100);
-            L.value.push(n);
-          } else e || F(s.messages || []);
-        } catch (t) {
-          console.error("getChatMessages error:", t);
-        } finally {
-          e || (y.value.messages = !1);
-        }
-      }
-    }, $e = (e) => {
-      const t = w.utc(), a = w.fromFormat(e, "yyyy-MM-dd HH:mm:ss", { zone: "utc" }), s = t.diff(
-        a,
-        [
-          "years",
-          "months",
-          "days",
-          "hours",
-          "minutes"
-        ]
-      ), n = Math.floor(s.years), r = Math.floor(s.months), u = Math.floor(s.days), m = Math.floor(s.hours), f = Math.floor(s.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 (f)
-        return f === 1 ? c("HC_ONE_MINUTE_AGO") : c("HC_X_MINUTES_AGO", { minutes: f });
-      if (f === 0)
-        return c("HC_A_MOMENT_AGO");
-    }, Je = async () => {
-      o.showGuestDetails && oe(), ne(), V(), h("refresh:pms", l.value);
-    }, oe = async () => {
-      try {
-        y.value.pms = !0;
-        const e = new AbortController(), t = setTimeout(() => e.abort(), 45e3);
-        L.value.push(t);
-        const a = o.pmsBaseUrl;
-        if (!a)
-          throw new Error("PMS base URL is required");
-        const s = {
-          Authorization: "Bearer " + (() => {
-            const g = `; ${document.cookie}`.split("; QV2Auth=");
-            return g.length === 2 && g.pop()?.split(";").shift() || "";
-          })(),
-          "Content-Type": "application/json"
-        }, n = l.value?.qv2Rooms?.qRoomId || l.value?.id || o.room.id, r = await fetch(
-          `${a}/vendors/properties/statuses/${o.propertyId}/rooms`,
-          {
-            method: "POST",
-            headers: s,
-            signal: e.signal,
-            body: JSON.stringify({ roomsIds: [n] })
-          }
-        );
-        clearTimeout(t), r.ok || ke(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 || o.room.tokenId
-        } : l.value = o.room, y.value.pms = !1;
-      } catch (e) {
-        return y.value.pms = !1, h("show:toast", {
-          show: !0,
-          message: c("HC_FAILED_TO_LOAD_PMS_DATA"),
-          variant: "error",
-          icon: "exclamation-circle"
-        }), e;
-      }
-    }, ne = async () => {
-      try {
-        y.value.roomNotices = !0;
-        const e = await fetch(
-          "/api/client/common/getRoomNotices.php?propertyId=" + o.propertyId + "&roomIds=[" + o.room.id + "]"
-        );
-        if (!e.ok)
-          throw new Error(`HTTP error! status: ${e.status}`);
-        const t = await e.json();
-        ae.value = t.notices;
-      } catch (e) {
-        console.error("Error getting room notices:", e), ae.value = [], h("show:toast", {
-          show: !0,
-          message: c("HC_FAILED_TO_LOAD_ROOM_NOTICES"),
-          variant: "error",
-          icon: "exclamation-circle"
-        });
-      } finally {
-        y.value.roomNotices = !1;
-      }
-    }, he = async () => {
-      try {
-        const e = new FormData();
-        e.append("property_id", o.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
-          })
-        ]), s = await t.json(), n = await a.json();
-        if (s.departments && (s.departments.forEach((r) => {
-          r.label = r.display_name;
-        }), M.value = s.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 }), we.value = r;
         }
-      } catch (e) {
-        console.error("Error getting shared data:", e), h("show:toast", {
-          show: !0,
-          message: c("HC_FAILED_TO_LOAD_SHARED_DATA"),
-          variant: "error",
-          icon: "exclamation-circle"
-        });
-      }
-    }, Oe = 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 = w.fromISO(
-          t.checkIn
-        ).toJSDate()), t.checkOut && (p.value.checkOutDate = w.fromISO(
-          t.checkOut
-        ).toJSDate());
-      } catch (e) {
-        console.error("getStayDetails error:", e), h("show:toast", {
-          show: !0,
-          message: c("HC_FAILED_TO_LOAD_STAY_DETAILS"),
-          variant: "error",
-          icon: "exclamation-circle"
-        });
-      }
-    }, Ve = (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";
-      }
-    }, Ye = (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";
-      }
-    }, V = async () => {
-      try {
-        y.value.tickets = !0;
-        const e = await fetch(
-          "/api/client/common/getAllToDos.php?propertyId=" + o.propertyId + "&roomIds=[" + o.room.id + "]"
+        const c = t.options.find(
+          (a) => a.value === u
         );
-        if (!e.ok)
-          throw new Error(`HTTP error! status: ${e.status}`);
-        const t = await e.json();
-        S.value = t.tickets;
-      } catch (e) {
-        console.error("Error getting tickets:", e), S.value = [], h("show:toast", {
-          show: !0,
-          message: c("HC_FAILED_TO_LOAD_TICKETS"),
-          variant: "error",
-          icon: "exclamation-circle"
-        });
-      } finally {
-        y.value.tickets = !1;
-      }
-    }, ke = 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;
-    }, ze = (e) => {
-      const t = document.querySelectorAll(".pulse");
-      if (t && t.length) {
-        const a = l.value?.qv2Rooms?.qRoomId || l.value?.id || o.room?.id, s = document.getElementById("room-" + a), n = s?.classList;
-        switch (e) {
-          case "room_notice":
-            (n?.contains("roombox_unsel") || n?.contains("roombox_unsel_active")) && (s?.classList.remove(), s?.classList.add("roomnoticeroombox_sel"));
-            break;
-          case "complaint":
-            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && (s?.classList.remove(), s?.classList.add("complaintsroombox_sel"));
-            break;
-          case "request":
-            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && !n?.contains("complaintsroombox_sel") && (s?.classList.remove(), s?.classList.add("guestrequestroombox_sel"));
-            break;
-          case "work_order":
-            !n?.contains("smsroombox_sel") && !n?.contains("callbackroombox_sel") && !n?.contains("complaintsroombox_sel") && !n?.contains("guestrequestroombox_sel") && (s?.classList.remove(), s?.classList.add("workordersroombox_sel"));
-            break;
-        }
-        const r = setTimeout(() => {
-          t.forEach((u) => {
-            u.classList.remove("pulse");
-          });
-        }, 4500);
-        L.value.push(r);
-      }
-    }, Ke = () => {
-      window.open("/guest/overview.php", "_blank");
-    }, Xe = (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");
-    }, Ze = async () => {
-      ve.value = !0;
-      const e = l.value?.qv2Rooms?.qRoomId || l.value?.id || o.room?.id, t = l.value?.qv2Rooms?.qRoomName || l.value?.name || o.room?.name, a = {
-        type: E.value?.id,
-        propertyId: o.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 = w.fromJSDate(p.value.checkInDate).toFormat(
-            "yyyy-MM-dd"
-          ), a.checkOutDate = w.fromJSDate(p.value.checkOutDate).toFormat(
-            "yyyy-MM-dd"
-          ), a.notes = p.value.notes, a.inHouse = 2, a.source = "dashboard", h("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 = w.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), o.allowWhenWhere && (a.requestWhen = d.value.when ? d.value.when.id : "", a.requestWhere = d.value.where ? d.value.where.id : ""), h("create:todo", a);
-          break;
-        case "room_notice":
-          a.issueId = I.value.issue.id, a.startDate = w.fromJSDate(I.value.startDate).toFormat("yyyy-MM-dd"), a.endDate = w.fromJSDate(I.value.endDate).toFormat("yyyy-MM-dd"), a.notes = I.value.notes, a.sendPush = "1", h("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 = w.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), h("create:todo", a);
-          break;
-      }
-    }, et = (e) => {
-      ge(), _e(), o.hover && h("toggle", e);
-    }, tt = (e) => {
-      Se(), b.value = e;
-    }, at = async (e) => {
-      if (console.log("selected:", e), E.value = e, O.value = [], I.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 || o.room?.id, a = new FormData();
-      switch (a.append("property_id", o.propertyId), a.append("area_id", t), e.id) {
-        case "complaint":
-          try {
-            l.value.tokenId && await Oe();
-            const n = await (await fetch("/api/client/common/getComplaintProblemsByPropertyId.php", {
-              method: "POST",
-              body: a
-            })).json();
-            n.items && (O.value = n.items);
-            const r = await K.post(
-              "/api/client/common/getComplaintMoods.php"
-            );
-            r.data.items.forEach((u) => {
-              u.label = u.display_name;
-            }), ce.value = r.data.items;
-          } catch (s) {
-            console.error("Error loading complaint options:", s), h("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 (s) {
-            console.error("Error loading room notice options:", s), h("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 = $.value[1], d.value.assignType = X.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 he(), d.value.department = M.value.find(
-              (r) => parseInt(r.id) === 4
-            ), o.allowWhenWhere)
-              try {
-                const r = new FormData();
-                r.append("property_id", o.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((f) => ({
-                  id: f.id,
-                  label: f.name,
-                  value: f.id
-                })) : q.value = [], m.where && Array.isArray(m.where) ? x.value = m.where.map((f) => ({
-                  id: f.id,
-                  label: f.name,
-                  value: f.id
-                })) : x.value = [];
-              } catch (r) {
-                console.error("Error loading When/Where options:", r), q.value = [], x.value = [], h("show:toast", {
-                  show: !0,
-                  message: c("HC_FAILED_TO_LOAD_WHEN_WHERE_OPTIONS"),
-                  variant: "error",
-                  icon: "exclamation-circle"
-                });
-              }
-          } catch (s) {
-            console.error("Error loading request options:", s), h("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 = $.value[0], v.value.assignType = X.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([
-              K.post(
-                "/api/client/common/getWorkOrderIssues.php"
-              ),
-              he()
-            ]).then((m) => {
-              const f = m[0];
-              f.data.issues.forEach((g) => {
-                g.label = g.display_name;
-              }), pe.value = f.data.issues;
-            }), v.value.department = M.value.find(
-              (m) => parseInt(m.id) === 2
-            );
-          } catch (s) {
-            console.error("Error loading work order options:", s), h("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;
-      }
-    }, st = () => {
-      se.value = !se.value, ie.value = !1;
-    }, Ee = () => {
-      const e = document.getElementById("comment-field"), t = document.getElementById("hidden-text");
-      e.style.height = t?.offsetHeight + "px";
-    }, Y = () => {
-      const e = document.getElementById("comments-container");
-      e?.scroll({
-        top: e.scrollHeight,
-        behavior: "smooth"
-      });
-    }, ot = 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 K.post(
-            "/api/client/connect/sendMessage.php",
-            t
-          );
-          if (a.data.status === "error") {
-            h("show:toast", {
-              show: !0,
-              message: c("HC_FAILED_TO_SEND_MESSAGE"),
-              variant: "error",
-              icon: "exclamation-circle"
-            });
-            return;
-          }
-          b.value = "", A.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)), Y();
-        } catch (t) {
-          console.error("sendChatMessage error:", t), h("show:toast", {
-            show: !0,
-            message: c("HC_FAILED_TO_SEND_MESSAGE"),
-            variant: "error",
-            icon: "exclamation-circle"
-          });
-        } finally {
-          y.value.sendingMessage = !1;
-        }
-      }
-    }, nt = async () => {
-      if (!(!l.value.tokenId || !P.value)) {
-        y.value.conversationToggle = !0;
-        try {
-          const e = A.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), A.value && k.value !== null && t.append("lastMsgId", k.value.toString());
-          const a = await K.post(e, t);
-          if (a.data.status === "error") {
-            h("show:toast", {
-              show: !0,
-              message: c("HC_FAILED_TO_UPDATE_CONVERSATION"),
-              variant: "error",
-              icon: "exclamation-circle"
-            });
-            return;
-          }
-          A.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)), h("show:toast", {
-            show: !0,
-            message: A.value ? c("HC_CONVERSATION_REOPENED") : c("HC_CONVERSATION_CLOSED"),
-            variant: "success",
-            icon: "check-circle"
-          });
-        } catch (e) {
-          console.error("toggleMarkOpenClose error:", e), h("show:toast", {
-            show: !0,
-            message: c("HC_FAILED_TO_UPDATE_CONVERSATION"),
-            variant: "error",
-            icon: "exclamation-circle"
-          });
-        } finally {
-          y.value.conversationToggle = !1;
-        }
-      }
-    }, rt = async () => {
-      if (o.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 K.post(
-            "/api/client/connect/simulateInbound.php",
-            e
-          );
-          if (t.data.status === "error") {
-            h("show:toast", {
-              show: !0,
-              message: c("HC_FAILED_TO_SIMULATE_MESSAGE"),
-              variant: "error",
-              icon: "exclamation-circle"
-            });
-            return;
-          }
-          t.data.messages && (F(t.data.messages), A.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, Y(), h("show:toast", {
-            show: !0,
-            message: c("HC_SIMULATED_GUEST_REPLY"),
-            variant: "success",
-            icon: "check-circle"
-          });
-        } catch (e) {
-          console.error("simulateGuestReply error:", e), h("show:toast", {
-            show: !0,
-            message: c("HC_FAILED_TO_SIMULATE_MESSAGE"),
-            variant: "error",
-            icon: "exclamation-circle"
-          });
-        } finally {
-          me.value = !1;
-        }
-      }
-    }, lt = () => {
-      W.value = !W.value, W.value || (j.value = "");
-    }, it = () => {
-      Q.value || (Q.value = setInterval(() => {
-        document.visibilityState === "visible" && fe(!0);
-      }, Ce));
-    }, ye = () => {
-      Q.value && (clearInterval(Q.value), Q.value = null);
-    }, ge = () => {
-      if (o.align === "left" || o.align === "right") {
-        const e = J.value?.getBoundingClientRect().left, t = window.innerWidth;
-        ue.value = t - e < U.value ? "right" : "left";
-      } else {
-        const e = J.value?.getBoundingClientRect().top, t = window.innerHeight;
-        ue.value = t - e < G.value ? "bottom" : "top";
-      }
-    }, _e = () => {
-      if (o.position === "top" || o.position === "bottom") {
-        const e = J.value?.getBoundingClientRect().top, t = window.innerHeight;
-        de.value = t - e < G.value ? "top" : "bottom";
-      } else {
-        const e = J.value?.getBoundingClientRect().left, t = window.innerWidth;
-        de.value = t - e < U.value ? "left" : "right";
-      }
-    }, Se = () => {
-      H.value = !H.value, H.value ? (b.value = "", N.value.info = ee.value, N.value.tickets = te.value, N.value.comments = Z.value, ee.value = !1, te.value = !1, document.getElementById("comment-field")?.focus()) : (ee.value = N.value.info, te.value = N.value.tickets, Z.value = N.value.comments);
-    }, ut = async (e, t) => {
-      const a = l.value?.qv2Rooms?.qRoomId || l.value?.id || o.room?.id, s = new FormData();
-      if (s.append("property_id", o.propertyId), s.append("room_ids", JSON.stringify([a])), await V(), S.value) {
-        const n = [];
-        S.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), S.value = [...n];
-      }
-    };
-    B(() => o.open, () => {
-      if (o.open && o.showComments && C.value.length) {
-        const e = setTimeout(Y, 500);
-        L.value.push(e);
-      }
-      o.open || (Te(), ye(), k.value = null, C.value = [], A.value = !1);
-    }), B(
-      () => [o.open, o.showComments, Z.value, l.value?.tokenId],
-      ([e, t, a, s]) => {
-        e && t && a && s ? it() : ye();
-      }
-    ), B(b, () => {
-      const e = setTimeout(Ee, 100);
-      L.value.push(e);
-    }), B(() => o.allowWhenWhere, (e, t) => {
-      t === !0 && e === !1 && (d.value.when = null, d.value.where = null, q.value = [], x.value = []);
-    });
-    const Ae = () => !!(o.room.reservations || o.room.cleaning || o.room.occupancy);
-    return B(() => o.open, async (e, t) => {
-      e && !t && (Ae() ? (l.value = o.room, R.value = [o.room]) : o.showGuestDetails && !R.value ? await oe() : l.value || (l.value = o.room), V(), ne(), o.showComments && fe());
-    }), B(
-      () => o.room.id,
-      (e, t) => {
-        e !== t && (l.value = o.room, R.value = null, o.open && (Ae() ? R.value = [o.room] : o.showGuestDetails && oe(), V(), ne()));
-      }
-    ), dt(async () => {
-      const e = JSON.parse(
-        window.localStorage.getItem("authenticated")
-      );
-      P.value = e?.user?.id || window.userId || "", l.value = o.room, o.size === "sm" && (G.value = 140, U.value = 160), o.size === "lg" && (G.value = 250, U.value = 440), ge(), _e();
-    }), mt(() => {
-      L.value.forEach((e) => {
-        clearTimeout(e);
-      }), ye();
-    }), {
-      DateTime: w,
-      // Refs
-      actionMenuOpen: ie,
-      alignment: ue,
-      assignTypes: X,
-      comment: b,
-      complaint: p,
-      componentHeight: G,
-      componentWidth: U,
-      departments: M,
-      departmentUsers: we,
-      expandComments: Z,
-      expandGuestInfo: ee,
-      expandedStates: N,
-      expandTickets: te,
-      guestDetailsData: be,
-      itemOptions: O,
-      loading: y,
-      messages: C,
-      moodOptions: ce,
-      pmsData: R,
-      positioning: de,
-      quickReplyOpen: H,
-      request: d,
-      requestedByOptions: $,
-      requestLoading: ve,
-      requestType: E,
-      roomDetailsData: l,
-      roomNotice: I,
-      roomNotices: ae,
-      showCreateRequest: se,
-      ticketsList: S,
-      todoOptions: Me,
-      trigger: J,
-      userId: P,
-      workOrder: v,
-      workOrderIssues: pe,
-      whenOptions: q,
-      whereOptions: x,
-      // Guest Connect state
-      isConversationOpen: A,
-      lastMessageId: k,
-      // Simulate Guest Reply state (test environments only)
-      simulateOpen: W,
-      simulateContent: j,
-      simulateLoading: me,
-      // Computed
-      cleanliness: Ne,
-      filteredReplies: Re,
-      groupedMessages: He,
-      hasGuestCallback: Le,
-      hasComplaint: Ie,
-      itemOptionsList: Pe,
-      occupied: De,
-      occupancyTooltipContent: qe,
-      selectedAssignType: xe,
-      selectedDepartment: Fe,
-      selectedRequestedBy: Be,
-      stayDetails: Ge,
-      tagsList: Ue,
-      validateToDo: We,
-      // Methods
-      closeRequest: Te,
-      createCallback: je,
-      createMessageList: F,
-      getChatMessages: fe,
-      getHowLongAgo: $e,
-      getPMSData: oe,
-      getRoomNotices: ne,
-      getSharedData: he,
-      getStayDetails: Oe,
-      getTicketColor: Ve,
-      getTicketIcon: Ye,
-      getTickets: V,
-      handleFailedResponse: ke,
-      handlePulse: ze,
-      onClickEditConnectGuest: Ke,
-      onClickTicket: Xe,
-      onCreateRequestSubmit: Ze,
-      onHoverToggle: et,
-      onSelectQuickReply: tt,
-      onSelectToDo: at,
-      openRequest: st,
-      refreshPMSData: Je,
-      resizeTextarea: Ee,
-      scrollToConnectBottom: Y,
-      sendChatMessage: ot,
-      setAlignment: ge,
-      setPositioning: _e,
-      toggleMarkOpenClose: nt,
-      toggleQuickReply: Se,
-      updateTickets: ut,
-      // Simulate Guest Reply methods (test environments only)
-      simulateGuestReply: rt,
-      toggleSimulateOpen: lt
+        let s;
+        Array.isArray(t.modelValue) ? s = c ? [c] : [] : s = u, n("update:model-value", s), n("change", u);
+      }
+    }, o = (e) => Array.isArray(r.value) ? r.value.some((l) => typeof l == "object" && l !== null ? l.value === e : l === e) : r.value === e;
+    return {
+      selectedValue: r,
+      handleClick: f,
+      isSelected: o,
+      getOptionText: (e) => e.label || e.name || "",
+      getLabelClasses: (e, l) => typeof t.labelClasses == "function" ? t.labelClasses(e, l) : t.labelClasses
     };
   }
 });
 export {
-  Ft as default
+  C as default
 };