@quoreadmin/ui 1.9.3 → 1.10.1

package/dist/index45.js

@@ -1,378 +1,1396 @@
-import $ from "./index145.js";
-import { resolveComponent as b, openBlock as s, createElementBlock as a, normalizeClass as i, createVNode as h, createSlots as V, withCtx as r, createElementVNode as t, createBlock as g, createCommentVNode as n, renderSlot as f, normalizeProps as C, mergeProps as v, toDisplayString as o, withModifiers as k, Fragment as L, renderList as E, createTextVNode as c } from "vue";
+import M from "./index147.js";
+import { resolveComponent as g, openBlock as s, createElementBlock as i, createVNode as r, withCtx as d, createElementVNode as n, normalizeClass as u, toDisplayString as a, createCommentVNode as t, createBlock as y, Fragment as h, renderList as T, createTextVNode as k, withKeys as U, withModifiers as E, mergeProps as A, toHandlerKey as N, renderSlot as R } from "vue";
 /* empty css         */
-import q from "./index64.js";
-const O = ["id"], R = ["onMousedown"], z = {
+import G from "./index65.js";
+const L = ["id"], z = ["id"], Y = ["id"], P = { class: "flex gap-3" }, B = {
+  key: 0,
+  class: "animate-shimmer bg-gray-30 w-3/4 h-6 grow"
+}, K = {
+  key: 0,
+  class: "text-base text-inkwell-30"
+}, W = { key: 0 }, j = ["src", "alt"], F = { key: 0 }, Z = { key: 1 }, Q = ["href"], J = { class: "flex items-start" }, X = { class: "list-unstyled text-sm w-full font-normal" }, _ = { class: "grow" }, x = { class: "grow" }, ee = { class: "grow" }, oe = { class: "grow" }, le = { class: "position-relative icon-container ml-auto" }, se = {
+  key: 0,
+  class: "animate-shimmer bg-gray-10 w-full h-4 my-4"
+}, ie = {
   key: 1,
-  class: "searchable-placeholder"
-}, A = {
+  class: "flex flex-wrap items-center mb-3 gap-2"
+}, te = ["src", "alt"], re = {
+  key: 2,
+  class: "animate-shimmer bg-gray-30 w-full h-4 my-4"
+}, ne = {
+  key: 3,
+  class: "flex flex-wrap items-center mb-4"
+}, ae = ["href"], de = { class: "shrink-0 mr-2 text-sm font-normal" }, ue = {
   key: 0,
-  class: "required-indicator"
-}, D = { class: "flex gap-2 px-4 py-3" }, j = { class: "required-indicator" }, H = {
+  class: "animate-shimmer bg-gray-10 w-full h-6"
+}, pe = {
+  key: 1,
+  class: "guest-info-container"
+}, me = {
   key: 0,
-  class: "tag-container"
-}, P = { key: 0 }, F = {
-  class: /* @__PURE__ */ i([
-    "tag-name text-sm leading-normal pr-2 capitalize"
-  ])
-}, I = { key: 1 }, M = ["onClick"], Q = {
+  class: "text-base text-inkwell-30 mb-2"
+}, ge = {
   key: 0,
-  class: "text-blue-20 text-xs count"
-}, U = {
+  class: "flex gap-1 text-xs mb-2 stay-details-row"
+}, ye = { class: "text-truncate text-inkwell-0" }, ke = { class: "grow text-inkwell-30" }, he = {
+  key: 1,
+  class: "flex gap-1 text-xs mb-2 stay-details-row"
+}, ve = { class: "text-truncate text-inkwell-0" }, we = { class: "grow text-inkwell-30" }, fe = { class: "shrink-0 mr-2 text-sm font-normal" }, Te = {
   key: 0,
-  class: "text-inkwell-10 text-right truncate font-normal"
-}, B = {
+  class: "animate-shimmer bg-gray-30 w-full h-6"
+}, qe = {
   key: 1,
-  class: "text-blue-20 text-xs shrink-0 text-nowrap"
-}, N = { class: "text-inkwell-40" }, G = { class: "text-inkwell-10 text-right truncate" }, K = {
+  class: "open-tickets"
+}, be = ["id"], Ce = {
+  key: 2,
+  class: "text-center mx-auto font-normal"
+}, ce = { class: "shrink-0 mr-2 text-sm font-normal" }, Oe = {
+  key: 0,
+  class: "animate-shimmer bg-gray-30 w-full h-6"
+}, Ee = {
   key: 1,
-  class: "option-selected text-gray-40 truncate"
-}, X = {
-  key: 3,
-  class: "flex w-full justify-between"
-}, J = { class: "text-inkwell-40 pl-1 text-base font-medium" }, W = ["title"], Y = {
+  class: "activity-list"
+}, Se = { class: "shrink-0 mr-2 text-sm font-normal" }, $e = {
+  key: 0,
+  class: "quick-replies"
+}, De = ["onClick"], Ve = {
+  key: 1,
+  class: "text-inkwell-0 text-xxs text-center"
+}, He = { class: "chat-container" }, Ue = {
+  id: "comments-container",
+  class: "chat-messages"
+}, Ne = {
+  key: 0,
+  class: "flex flex-col gap-3 p-2"
+}, Ie = {
+  key: 0,
+  class: "chat-separator"
+}, Me = { class: "chat-separator-text" }, Ae = {
+  key: 0,
+  class: "chat-message-avatar"
+}, Re = { class: "chat-message-content" }, Ge = { class: "chat-message-time" }, Le = { class: "chat-message-bubble" }, ze = {
+  key: 1,
+  class: "chat-message-avatar"
+}, Ye = {
   key: 2,
-  class: "option-description text-xs pt-0.5 truncate"
-}, Z = {
+  class: "chat-empty text-center py-4 text-inkwell-0 text-sm"
+}, Pe = {
   key: 0,
-  class: "floating-label"
-}, _ = { class: "label-text" }, x = {
+  class: "simulate-panel"
+}, Be = { class: "simulate-panel-header" }, Ke = { class: "simulate-panel-body" }, We = { class: "flex justify-end mt-2" }, je = { class: "chat-input-area" }, Fe = { class: "flex items-center gap-2" }, Ze = {
   key: 0,
-  class: "required-indicator"
-};
-function ee(e, u, le, se, oe, ne) {
-  const p = b("q-icon"), y = b("q-button"), T = b("q-badge"), S = b("vue-multiselect");
-  return s(), a("div", {
-    id: e.id + "-containers",
-    class: i([
-      "control custom-select",
-      { "has-floating-label": e.floatingLabel },
-      { "label-floated": e.isLabelFloated },
-      { "dropdown-open": e.isOpened }
-    ]),
-    ref: "currentContainer"
+  class: "inline-block animate-pulse"
+}, Qe = { class: "relative flex-1 min-w-0" }, Je = ["innerHTML"], Xe = { class: "flex items-center add-ticket-divider" }, _e = { class: "grow flex items-center text-sm font-normal" }, xe = {
+  key: 0,
+  class: "grow"
+}, eo = { class: "grid grid-cols-2 gap-3" }, oo = { class: "field" }, lo = {
+  key: 0,
+  class: "field"
+}, so = {
+  key: 1,
+  class: "field"
+}, io = {
+  key: 2,
+  class: "field"
+}, to = {
+  key: 3,
+  class: "field"
+}, ro = {
+  key: 4,
+  class: "field"
+}, no = {
+  key: 5,
+  class: "field col-span-2"
+}, ao = {
+  key: 6,
+  class: "field"
+}, uo = {
+  key: 7,
+  class: "field col-span-2"
+}, po = {
+  key: 8,
+  class: "field"
+}, mo = {
+  key: 9,
+  class: "field"
+}, go = {
+  key: 10,
+  class: "field"
+}, yo = {
+  key: 11,
+  class: "field"
+}, ko = {
+  key: 12,
+  class: "field"
+}, ho = {
+  key: 13,
+  class: "field"
+}, vo = {
+  key: 14,
+  class: "field col-span-2"
+}, wo = {
+  key: 15,
+  class: "field"
+}, fo = {
+  key: 16,
+  class: "field"
+}, To = {
+  key: 17,
+  class: "field"
+}, qo = {
+  key: 18,
+  class: "field"
+}, bo = {
+  key: 19,
+  class: "field"
+}, Co = {
+  key: 20,
+  class: "field"
+}, co = {
+  key: 21,
+  class: "field col-span-2"
+}, Oo = {
+  key: 22,
+  class: "field"
+}, Eo = {
+  key: 23,
+  class: "field"
+}, So = {
+  key: 24,
+  class: "field"
+}, $o = {
+  key: 25,
+  class: "field"
+}, Do = {
+  key: 26,
+  class: "field"
+}, Vo = {
+  key: 27,
+  class: "field"
+}, Ho = {
+  key: 28,
+  class: "field"
+}, Uo = {
+  key: 29,
+  class: "field col-span-2"
+}, No = {
+  class: /* @__PURE__ */ u([
+    "actions flex-shrink-0",
+    "flex items-center justify-between mt-4"
+  ])
+}, Io = {
+  key: 4,
+  class: "animate-shimmer bg-gray-30 w-full h-4 my-4"
+}, Mo = {
+  key: 5,
+  class: "flex items-center mt-0.5"
+}, Ao = { class: "text-xs text-inkwell-0 font-normal" };
+function Ro(e, l, Go, Lo, zo, Yo) {
+  const p = g("q-icon"), q = g("q-tooltip"), S = g("q-tag"), $ = g("q-popover"), b = g("q-divider"), C = g("q-accordion"), D = g("q-activity-item"), V = g("q-avatar"), v = g("q-textarea"), c = g("q-button"), m = g("q-select"), w = g("q-date-picker"), H = g("q-time-picker"), O = g("q-input");
+  return e.showActionMenu || e.showComments || e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] || e.showTickets || e.tagsList.length ? (s(), i("div", {
+    key: 0,
+    id: e.id ? `rdp-${e.id}` : "",
+    class: "room-detail component-container text-inkwell-30",
+    onMouseleave: l[58] || (l[58] = (o) => e.onHoverToggle(!1))
   }, [
-    h(S, {
-      id: e.id,
-      ref: "currentSelect",
-      modelValue: e.selected,
-      "onUpdate:modelValue": [
-        u[1] || (u[1] = (l) => e.selected = l),
-        u[4] || (u[4] = (l) => e.onUpdateValue(l))
-      ],
-      "filtering-sort-func": e.filterSortFunction,
-      options: e.internalOptions,
-      searchable: e.searchable,
-      multiple: e.multiple,
-      taggable: e.taggable || e.useAddTagsOnly,
-      label: e.label,
-      "track-by": e.trackBy,
-      "group-values": e.groupValues,
-      "group-label": e.groupLabel,
-      "group-select": e.enableGroupSelect,
-      "block-keys": e.blockKeys,
-      class: i([
-        { "has-checkboxes": e.hasCheckboxes },
-        { "selection-control": e.selectionControl },
-        { "select-multiple": !!e.multiple },
-        { "select-taggable": !!e.taggable || !!e.showTags || !!e.useAddTagsOnly },
-        { "select-expand": e.expand },
-        { "select-show-count": !!e.showSelectedCount },
-        { "select-search": !!e.search },
-        { "select-searchable": e.searchable },
-        e.searchable ? "cursor-text" : "cursor-default",
-        "q-select rounded",
-        // added q-select because of all the styling on style
-        "select-" + e.size
-      ]),
-      disabled: e.disabled || e.loading,
-      loading: e.loading,
-      "allow-empty": e.allowEmpty,
-      "clear-on-select": e.clearOnSelect,
-      "close-on-select": e.closeOnSelect || !e.hasCheckboxes && !e.multiple,
-      "show-tags": e.showTags,
-      "tag-placeholder": e.noTagFound,
-      placeholder: e.floatingLabel ? "" : e.placeholder,
-      "preserve-search": !0,
-      "reset-after": !1,
-      "max-height": 280,
-      "open-direction": e.openDirection,
-      "select-label": "",
-      "deselect-label": "",
-      "selected-label": "",
-      "select-group-label": "",
-      "deselect-group-label": "",
-      onOpen: e.onOpen,
-      onClose: e.onClose,
-      onRemove: u[2] || (u[2] = (l) => e.onRemove(l)),
-      onTag: e.addTag,
-      onSearchChange: u[3] || (u[3] = (l) => e.searchChange(l))
-    }, V({
-      caret: r(({ toggle: l }) => [
-        t("div", {
-          class: i([
-            "h-full w-full",
-            "absolute left-0 top-0",
-            "z-[1] cursor-pointer",
-            "flex justify-end"
-          ]),
-          onMousedown: k(l, ["prevent"])
-        }, [
-          e.loading ? n("", !0) : (s(), g(p, {
-            key: 0,
-            icon: "chevron-down",
-            type: "line"
-          }))
-        ], 40, R),
-        e.searchable ? (s(), g(p, {
-          key: 0,
-          class: "search-icon",
-          color: e.selectionControl ? "inkwell-0" : "gray-40",
-          icon: "search",
-          type: ""
-        }, null, 8, ["color"])) : n("", !0),
-        e.searchable && (e.multiple && !e.selected.length || !e.multiple && !e.selected) && !e.selectionControl && !e.floatingLabel ? (s(), a("div", z, [
-          c(o(e.placeholder), 1),
-          e.required ? (s(), a("span", A, " *" + o(e.$t("HC_REQUIRED")), 1)) : n("", !0)
-        ])) : n("", !0)
-      ]),
-      noResult: r(() => [
-        c(o(e.noResultsText), 1)
-      ]),
-      noOptions: r(() => [
-        c(o(e.noOptionsText), 1)
-      ]),
-      singleLabel: r(({ option: l }) => [
-        l.icon ? (s(), g(p, {
-          key: 0,
-          icon: l.icon
-        }, null, 8, ["icon"])) : n("", !0),
-        l && e.showPlaceholderImage ? f(e.$slots, "optionPrefix", C(v({ key: 1 }, l)), void 0, !0) : n("", !0),
-        e.selectionControl ? f(e.$slots, "controlPlaceholder", { key: 2 }, () => [
-          c(o(e.placeholder), 1)
-        ], !0) : n("", !0),
-        t("span", {
-          class: i([
-            "option-name",
-            {
-              "text-inkwell-10 text-right truncate": e.selectionControl
-            }
+    r($, {
+      "model-value": e.open,
+      align: e.alignment,
+      position: e.positioning,
+      size: (!e.showTickets || e.showTickets && (!e.ticketsList || !e.ticketsList.length)) && !e.showComments && !e.showActionMenu ? "sm" : e.size,
+      teleport: e.teleport,
+      "teleport-to": e.teleportTo,
+      "close-on-scroll-out-of-view": e.closeOnScrollOutOfView,
+      "scroll-into-view": e.scrollIntoView,
+      "scroll-into-view-padding": e.scrollIntoViewPadding,
+      onClose: l[56] || (l[56] = (o) => e.$emit("toggle", !1)),
+      "onUpdate:modelValue": l[57] || (l[57] = (o) => e.$emit("toggle", o))
+    }, {
+      trigger: d(() => [
+        n("div", A({
+          ref: "trigger",
+          id: e.id ? `rdp-${e.id}-trigger` : "",
+          class: "trigger-text"
+        }, {
+          [N(!e.hover && "click")]: l[0] || (l[0] = (o) => e.$emit("toggle", !e.open))
+        }, {
+          [N(e.hover && "mouseover")]: l[1] || (l[1] = (o) => e.onHoverToggle(!0))
+        }), [
+          R(e.$slots, "trigger", {}, () => [
+            k(a(e.trigger), 1)
           ])
-        }, o(l.label || l.name || l), 3)
+        ], 16, z)
       ]),
-      selection: r(({ values: l, isOpen: m }) => [
-        e.useTags ? (s(), a("div", H, [
-          e.groupValues && e.options[0][e.groupValues].length === l.length ? (s(), a("div", P, [
-            t("div", {
-              class: i([
-                "multiselect__tag inline-flex items-center justify-center rounded me-2 z-[1]",
-                { "tag-gray": !!e.showTags }
+      content: d(() => [
+        n("div", {
+          id: e.id ? `rdp-${e.id}-content` : "",
+          class: "popover-content w-full font-weight-normal cursor-default"
+        }, [
+          n("div", P, [
+            e.loading.pms || e.loading.roomNotices ? (s(), i("div", B)) : (s(), i("div", {
+              key: 1,
+              class: u([
+                "flex grow items-center mb-4",
+                { "gap-3": e.showRoomName }
               ])
             }, [
-              t("span", F, o(e.groupLabel), 1),
-              t("span", {
-                class: "tag-remove cursor-pointer shrink",
-                tabindex: "1",
-                onMousedown: u[0] || (u[0] = k((d) => e.removeElement(e.options[0][e.groupValues]), ["prevent", "stop"]))
+              e.showRoomName ? (s(), i("h2", K, [
+                n("strong", null, a(e.$t("HC_GUESTROOM")) + " " + a(e.room.name), 1)
+              ])) : t("", !0),
+              (e.occupied || e.cleanliness || e.isGreenerStay || e.tagsList.length && !e.showRoomName) && e.size !== "sm" ? (s(), i("div", {
+                key: 1,
+                class: u([
+                  "flex items-center flex-wrap gap-x-2",
+                  { "gap-y-3": !e.showRoomName }
+                ])
               }, [
-                h(p, {
-                  icon: "close",
-                  color: "white",
-                  class: i([
-                    "tag-close flex rounded-full p-1",
-                    e.showTags ? "bg-inkwell-30" : "bg-blue-40"
+                e.occupied ? (s(), y(q, {
+                  key: 0,
+                  class: "flex shrink-0 items-center"
+                }, {
+                  trigger: d(() => [
+                    r(p, {
+                      icon: "user",
+                      type: "fill",
+                      color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
+                      width: "18",
+                      height: "18",
+                      "custom-size": ""
+                    }, null, 8, ["color"])
                   ]),
-                  type: "line"
-                }, null, 8, ["class"])
-              ], 32)
-            ], 2)
-          ])) : (s(), a("div", I, [
-            (s(!0), a(L, null, E(!e.expand && e.limitShown ? l.slice(0, e.limitShown) : l, (d, w) => (s(), a("div", {
-              key: w,
-              class: i([
-                "multiselect__tag !inline-flex items-center justify-center rounded mr-2 z-[1]",
-                { "tag-added": d.added },
-                { "tag-gray": !!e.showTags },
-                d.tagClass ? d.tagClass : ""
-              ])
-            }, [
-              d.icon ? (s(), g(p, {
+                  content: d(() => [
+                    e.occupancyTooltipContent ? (s(), i("div", W, a(e.$t(e.occupancyTooltipContent)), 1)) : t("", !0)
+                  ]),
+                  _: 1
+                })) : t("", !0),
+                e.cleanliness === "DIRTY" || e.isGreenerStay && e.greenerStayIconUrl ? (s(), y(q, {
+                  key: 1,
+                  class: "flex shrink-0 items-center"
+                }, {
+                  trigger: d(() => [
+                    e.isGreenerStay && e.greenerStayIconUrl ? (s(), i("img", {
+                      key: 0,
+                      src: e.greenerStayIconUrl,
+                      alt: e.greenerStayTooltipContent,
+                      class: "mt-[0.0612rem] h-[18px] w-[18px]"
+                    }, null, 8, j)) : e.cleanliness ? (s(), y(p, {
+                      key: 1,
+                      icon: "spray-bottle",
+                      type: "fill",
+                      color: "red-10",
+                      class: "mt-[0.0612rem]",
+                      width: "18",
+                      height: "18",
+                      "custom-size": ""
+                    })) : t("", !0)
+                  ]),
+                  content: d(() => [
+                    e.isGreenerStay ? (s(), i("div", F, a(e.greenerStayTooltipContent), 1)) : e.cleanliness === "DIRTY" ? (s(), i("div", Z, a(e.$t("HC_DIRTY")), 1)) : t("", !0)
+                  ]),
+                  _: 1
+                })) : t("", !0),
+                e.tagsList.length && !e.showRoomName ? (s(!0), i(h, { key: 2 }, T(e.tagsList, (o) => (s(), i("a", {
+                  key: o,
+                  href: typeof o == "object" && o.id && o.name ? `/rooms-book/room-notices?id=${o.id}` : "",
+                  target: "_blank",
+                  class: "capitalize"
+                }, [
+                  r(S, {
+                    class: u([
+                      "!text-xs !leading-4",
+                      "shrink-0 max-w-[100px] !h-auto",
+                      "!py-[0.1875rem] !px-[0.4375rem] border",
+                      "border-orange-10",
+                      { pulse: o.isNew }
+                    ]),
+                    "bg-color": "bg-yellow-0",
+                    "text-color": "text-inkwell-30"
+                  }, {
+                    default: d(() => [
+                      k(a(typeof o == "object" && o.id && o.name ? o.name : o), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])
+                ], 8, Q))), 128)) : t("", !0)
+              ], 2)) : t("", !0)
+            ], 2)),
+            n("div", J, [
+              e.showActionMenu && (e.showActionsLink || !e.hasGuestCallback && e.showGuestCallback || e.showComments || e.showGuestDetails) ? (s(), y($, {
                 key: 0,
-                icon: d.icon,
-                class: "tag-icon"
-              }, null, 8, ["icon"])) : n("", !0),
-              t("span", {
-                class: i([
-                  "tag-name text-sm leading-normal pr-2",
-                  { "tag-truncate": e.truncateTag }
-                ])
-              }, o(d.label || d.name), 3),
-              t("span", {
-                class: "tag-remove cursor-pointer shrink",
-                tabindex: "1",
-                onClick: (ae) => e.removeElement(w)
-              }, [
-                h(p, {
-                  icon: "close-thick",
-                  color: "white",
-                  size: "sm",
-                  class: i([
-                    "!p-[0.3rem] tag-close flex rounded-full p-1",
-                    d.closeTagClass ? d.closeTagClass : e.showTags ? "bg-inkwell-30" : e.taggable && d.added ? "bg-green-40" : "bg-blue-40"
+                modelValue: e.actionMenuOpen,
+                "onUpdate:modelValue": l[7] || (l[7] = (o) => e.actionMenuOpen = o),
+                "has-caret": !1,
+                align: "right",
+                class: "action-menu mr-1",
+                size: "md",
+                onClose: l[8] || (l[8] = (o) => e.actionMenuOpen = !1)
+              }, {
+                trigger: d(() => [
+                  r(p, {
+                    class: "popover-action rounded-full cursor-pointer",
+                    icon: "ellipsis-h",
+                    size: "md",
+                    type: "fill",
+                    color: "inkwell-10",
+                    onClick: l[2] || (l[2] = (o) => e.actionMenuOpen = !e.actionMenuOpen)
+                  })
+                ]),
+                content: d(() => [
+                  n("ul", X, [
+                    e.showActionsLink ? (s(), i("li", {
+                      key: 0,
+                      class: u([
+                        "flex items-center",
+                        "icon-container cursor-pointer",
+                        "text-inkwell-30 px-2 py-1 mt-2",
+                        {
+                          "mb-2": !e.showGuestDetails && (e.hasGuestCallback || !e.showGuestCallback) && !e.showComments
+                        }
+                      ]),
+                      onClick: l[3] || (l[3] = (...o) => e.openRequest && e.openRequest(...o))
+                    }, [
+                      r(p, {
+                        class: "shrink-0 mr-1 p-1",
+                        color: "inkwell-10",
+                        icon: "plus",
+                        size: "md",
+                        type: ""
+                      }),
+                      n("div", _, a(e.$t("HC_ACTION")), 1)
+                    ], 2)) : t("", !0),
+                    !e.hasGuestCallback && e.showGuestCallback ? (s(), i("li", {
+                      key: 1,
+                      class: u([
+                        "flex items-center",
+                        "icon-container cursor-pointer",
+                        "text-inkwell-30 px-2 py-1",
+                        {
+                          "mb-2": !e.showGuestDetails && !e.showComments
+                        },
+                        { "mt-2": !e.showActionsLink }
+                      ]),
+                      onClick: l[4] || (l[4] = (...o) => e.createCallback && e.createCallback(...o))
+                    }, [
+                      r(p, {
+                        class: "shrink-0 mr-1 p-0.5",
+                        color: "inkwell-10",
+                        icon: "phone-plus",
+                        size: "md",
+                        type: "fill"
+                      }),
+                      n("div", x, a(e.$t(
+                        "HC_GUEST_CALLBACK"
+                      )), 1)
+                    ], 2)) : t("", !0),
+                    e.showComments ? (s(), i("li", {
+                      key: 2,
+                      class: u([
+                        "flex items-center",
+                        "icon-container cursor-pointer",
+                        "text-inkwell-30 px-2 py-1",
+                        { "mb-2": !e.showGuestDetails },
+                        {
+                          "mt-2": !e.showActionsLink && (e.hasGuestCallback || !e.showGuestCallback)
+                        }
+                      ]),
+                      onClick: l[5] || (l[5] = (...o) => e.onClickEditConnectGuest && e.onClickEditConnectGuest(...o))
+                    }, [
+                      r(p, {
+                        class: "shrink-0 mr-1 p-1",
+                        color: "inkwell-10",
+                        icon: "pencil",
+                        size: "md",
+                        type: "fill"
+                      }),
+                      n("div", ee, a(e.$t("HC_EDIT_INFORMATION")), 1)
+                    ], 2)) : t("", !0),
+                    e.showGuestDetails ? (s(), i("li", {
+                      key: 3,
+                      class: u([
+                        "flex items-center",
+                        "icon-container cursor-pointer",
+                        "text-inkwell-30 px-2 py-1 mb-2",
+                        {
+                          "mt-2": !e.showActionsLink && (e.hasGuestCallback || !e.showGuestCallback) && !e.showComments
+                        }
+                      ]),
+                      onClick: l[6] || (l[6] = (...o) => e.refreshPMSData && e.refreshPMSData(...o))
+                    }, [
+                      r(p, {
+                        class: "shrink-0 mr-1 p-1",
+                        color: "inkwell-10",
+                        icon: "refresh",
+                        size: "md",
+                        type: ""
+                      }),
+                      n("div", oe, a(e.$t("HC_REFRESH_PMS_DATA")), 1)
+                    ], 2)) : t("", !0)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])) : t("", !0),
+              n("div", le, [
+                r(q, null, {
+                  trigger: d(() => [
+                    r(p, {
+                      icon: "close",
+                      color: "inkwell-10",
+                      size: "md",
+                      type: "",
+                      class: "popover-action rounded-full cursor-pointer p-1",
+                      onClick: l[9] || (l[9] = (o) => e.$emit("toggle", !1))
+                    })
                   ]),
-                  type: "line"
-                }, null, 8, ["class"])
-              ], 8, M)
-            ], 2))), 128)),
-            !e.expand && e.showSelectedCount && e.multiple && l.length > e.limitShown ? (s(), a("span", Q, o(e.$t("HC_X_MORE", { num: l.length - e.limitShown })), 1)) : n("", !0)
-          ]))
-        ])) : n("", !0),
-        !e.showTags && !e.taggable && e.multiple && l.length ? (s(), a("div", {
-          key: 1,
-          class: i([
-            "multiselect__single flex w-full",
-            e.selectionControl ? "whitespace-nowrap justify-between" : "items-center"
-          ])
-        }, [
-          t("span", {
-            class: i([
-              "option-selected",
-              {
-                capitalize: e.groupValues && e.options[0][e.groupValues].length === l.length
-              }
+                  content: d(() => [
+                    k(a(e.$t("HC_CLOSE")), 1)
+                  ]),
+                  _: 1
+                })
+              ])
             ])
-          }, o(e.selectionControl ? e.placeholder : e.groupValues && e.options[0][e.groupValues].length === l.length ? e.options[0][e.groupLabel] || e.groupLabel : l[0][e.label]), 3),
-          e.selectionControl ? (s(), a("span", U, o(e.selectedText), 1)) : n("", !0),
-          e.limitShown && e.limitShown < l.length && (!e.groupValues && l.length !== e.limitShown || e.groupValues && e.options[0][e.groupValues].length !== l.length) ? (s(), a("span", B, " + " + o(l.length - e.limitShown) + " more... ", 1)) : n("", !0)
-        ], 2)) : m && !e.useTags && !e.multiple ? (s(), a("div", {
-          key: 2,
-          class: i([
-            "multiselect__single flex w-full",
-            e.selectionControl ? "justify-between" : "items-center"
-          ])
-        }, [
-          e.selectionControl ? (s(), a(L, { key: 0 }, [
-            t("span", N, o(e.placeholder || ""), 1),
-            t("span", G, o(e.selected?.label || e.selected?.name || ""), 1)
-          ], 64)) : (s(), a("span", K, o(e.selected?.label || e.selected?.name || e.placeholder || ""), 1))
-        ], 2)) : m && !e.useTags && e.multiple && e.selectionControl ? (s(), a("div", X, [
-          t("span", J, o(e.placeholder || ""), 1)
-        ])) : n("", !0)
-      ]),
-      option: r(({ option: l, search: m }) => [
-        t("div", {
-          class: i([
-            "flex items-center w-full",
-            { "option-search": l.label === m },
-            { "option-disabled": l.$isDisabled }
           ]),
-          title: l.label ? l.label : ""
-        }, [
-          e.multiple && e.hasCheckboxes ? (s(), g(T, {
-            key: 0,
-            "has-icon": !0,
-            class: "selected-checkbox mr-2",
-            shape: "square"
-          }, {
-            icon: r(() => [
-              h(p, {
-                icon: "check",
-                color: "white",
-                type: "line"
-              })
-            ]),
-            _: 1
-          })) : n("", !0),
-          t("div", {
-            class: i([
-              "option-icon-name flex items-center",
-              !l.$groupLabel && e.groupLabel ? "pl-0" : ""
-            ])
+          e.loading.pms && e.size === "sm" ? (s(), i("div", se)) : !e.loading.pms && (e.occupied || e.cleanliness) && e.size === "sm" ? (s(), i("div", ie, [
+            e.occupied ? (s(), y(p, {
+              key: 0,
+              icon: "user",
+              type: "fill",
+              color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
+              width: "18",
+              height: "18",
+              "custom-size": ""
+            }, null, 8, ["color"])) : t("", !0),
+            e.isGreenerStay && e.greenerStayIconUrl ? (s(), i("img", {
+              key: 1,
+              src: e.greenerStayIconUrl,
+              alt: e.greenerStayTooltipContent,
+              class: "h-[18px] w-[18px]"
+            }, null, 8, te)) : e.cleanliness === "DIRTY" ? (s(), y(p, {
+              key: 2,
+              icon: "spray-bottle",
+              type: "fill",
+              color: "red-10",
+              width: "18",
+              height: "18",
+              "custom-size": ""
+            })) : t("", !0)
+          ])) : t("", !0),
+          e.loading.roomNotices ? (s(), i("div", re)) : !e.loading.roomNotices && e.tagsList.length && e.showRoomName ? (s(), i("div", ne, [
+            (s(!0), i(h, null, T(e.tagsList, (o) => (s(), i("a", {
+              key: o,
+              href: typeof o == "object" && o.id && o.name ? `/rooms-book/room-notices?id=${o.id}` : "",
+              target: "_blank",
+              class: "mr-2 mb-1 capitalize"
+            }, [
+              r(q, { position: "bottom" }, {
+                trigger: d(() => [
+                  r(S, {
+                    class: u([
+                      "!text-tiny !leading-4",
+                      "shrink-0 max-w-[100px] !h-auto",
+                      "!py-0.5 !px-1.5 border",
+                      "border-orange-10",
+                      { pulse: o.isNew }
+                    ]),
+                    "bg-color": "bg-yellow-0",
+                    "text-color": "text-inkwell-30"
+                  }, {
+                    default: d(() => [
+                      k(a(typeof o == "object" && o.id && o.name ? o.name : o), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])
+                ]),
+                content: d(() => [
+                  k(a(e.$t("HC_VIEW_DETAILS")), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ], 8, ae))), 128))
+          ])) : t("", !0),
+          n("div", {
+            class: u(["accordions", { closed: e.showCreateRequest }])
           }, [
-            l.icon ? (s(), g(p, {
+            e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] ? (s(), y(C, {
               key: 0,
-              icon: l.icon,
-              class: "mr-1"
-            }, null, 8, ["icon"])) : n("", !0),
-            l ? f(e.$slots, "optionPrefix", C(v({ key: 1 }, l)), void 0, !0) : n("", !0),
-            t("div", {
-              class: i(["option-name", [
-                l.optionClass ? l.optionClass : ""
-              ]])
-            }, o(l.$groupLabel || l.label || l.name || l), 3),
-            l.description && e.showOptionDescription ? (s(), a("div", Y, o(l.description), 1)) : n("", !0),
-            e.multiple && e.hasCheckboxes ? n("", !0) : (s(), g(p, {
+              modelValue: e.expandGuestInfo,
+              "onUpdate:modelValue": l[11] || (l[11] = (o) => e.expandGuestInfo = o),
+              class: "mb-3",
+              "content-class": "!px-0 !pt-3 !pb-0"
+            }, {
+              toggle: d(() => [
+                n("div", {
+                  class: "flex items-center cursor-pointer",
+                  onClick: l[10] || (l[10] = (o) => e.expandGuestInfo = !e.expandGuestInfo)
+                }, [
+                  n("div", de, a(e.$t("HC_GUEST_INFORMATION")), 1),
+                  r(b, { class: "grow" }),
+                  r(p, {
+                    class: u([
+                      "ml-2 transition-transform",
+                      { "rotate-90": e.expandGuestInfo }
+                    ]),
+                    color: e.expandGuestInfo ? "inkwell-30" : "gray-30",
+                    icon: "chevron-right",
+                    type: ""
+                  }, null, 8, ["class", "color"])
+                ])
+              ]),
+              content: d(() => [
+                e.loading.pms ? (s(), i("div", ue)) : (s(), i("div", pe, [
+                  e.roomDetailsData.reservations[0].guestName ? (s(), i("p", me, [
+                    n("strong", null, a(e.roomDetailsData.reservations[0].guestName), 1)
+                  ])) : t("", !0),
+                  n("div", {
+                    class: u([
+                      "stay-details-container flex",
+                      e.size === "sm" ? "flex-col" : "flex-row gap-3"
+                    ])
+                  }, [
+                    e.roomDetailsData.reservations[0].confirmationNumber ? (s(), i("div", ge, [
+                      n("div", ye, a(e.$t("HC_RESERVATION")) + ": ", 1),
+                      n("div", ke, a(e.roomDetailsData.reservations[0].confirmationNumber), 1)
+                    ])) : t("", !0),
+                    e.stayDetails ? (s(), i("div", he, [
+                      n("div", ve, a(e.$t("HC_STAY")) + ": ", 1),
+                      n("div", we, a(e.stayDetails), 1)
+                    ])) : t("", !0)
+                  ], 2)
+                ]))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : t("", !0),
+            e.showTickets ? (s(), y(C, {
+              key: 1,
+              modelValue: e.expandTickets,
+              "onUpdate:modelValue": l[13] || (l[13] = (o) => e.expandTickets = o),
+              class: "mb-3",
+              "content-class": "!px-0 !pt-3 !pb-0"
+            }, {
+              toggle: d(() => [
+                n("div", {
+                  class: "flex items-center cursor-pointer",
+                  onClick: l[12] || (l[12] = (o) => e.expandTickets = !e.expandTickets)
+                }, [
+                  n("div", fe, a(e.$t("HC_OPEN_TICKETS")), 1),
+                  r(b, { class: "grow" }),
+                  r(p, {
+                    class: u([
+                      "ml-2 transition-transform",
+                      { "rotate-90": e.expandTickets }
+                    ]),
+                    color: e.expandTickets ? "inkwell-30" : "gray-30",
+                    icon: "chevron-right",
+                    type: ""
+                  }, null, 8, ["class", "color"])
+                ])
+              ]),
+              content: d(() => [
+                e.loading.tickets ? (s(), i("div", Te)) : e.ticketsList.length ? (s(), i("ul", qe, [
+                  (s(!0), i(h, null, T(e.ticketsList, (o, f) => (s(), i("li", {
+                    key: o.id,
+                    id: `open-ticket-${o.id}`
+                  }, [
+                    r(D, {
+                      class: u([
+                        {
+                          "mt-3": f > 0,
+                          pulse: o.isNew
+                        }
+                      ]),
+                      "is-clickable": !0,
+                      text: o.name,
+                      time: e.getHowLongAgo(
+                        o.started?.dateUtc
+                      ),
+                      type: o.type,
+                      onClick: (I) => e.onClickTicket(o)
+                    }, null, 8, ["class", "text", "time", "type", "onClick"])
+                  ], 8, be))), 128))
+                ])) : (s(), i("p", Ce, a(e.$t("HC_THERE_ARE_NO_OPEN_TICKETS_YET")), 1))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : t("", !0),
+            e.showActivity && (e.loading.activity || e.activityList.length) ? (s(), y(C, {
+              key: 2,
+              modelValue: e.expandActivity,
+              "onUpdate:modelValue": l[15] || (l[15] = (o) => e.expandActivity = o),
+              class: "mb-3",
+              "content-class": "!px-0 !pt-3 !pb-0"
+            }, {
+              toggle: d(() => [
+                n("div", {
+                  class: "flex items-center cursor-pointer",
+                  onClick: l[14] || (l[14] = (o) => e.expandActivity = !e.expandActivity)
+                }, [
+                  n("div", ce, a(e.$t("HC_ACTIVITY")), 1),
+                  r(b, { class: "grow" }),
+                  r(p, {
+                    class: u([
+                      "ml-2 transition-transform",
+                      { "rotate-90": e.expandActivity }
+                    ]),
+                    color: e.expandActivity ? "inkwell-30" : "gray-30",
+                    icon: "chevron-right",
+                    type: ""
+                  }, null, 8, ["class", "color"])
+                ])
+              ]),
+              content: d(() => [
+                e.loading.activity ? (s(), i("div", Oe)) : e.activityList.length ? (s(), i("ul", Ee, [
+                  (s(!0), i(h, null, T(e.activityList, (o, f) => (s(), i("li", {
+                    key: o.id
+                  }, [
+                    r(D, {
+                      class: u({ "mt-3": f > 0 }),
+                      "is-clickable": !0,
+                      text: o.statusName + " by " + o.inspector.name,
+                      time: e.getHowLongAgo(
+                        o.completed?.dateUtc
+                      ),
+                      type: "cleaning",
+                      onClick: (I) => e.onClickActivity(o)
+                    }, null, 8, ["class", "text", "time", "onClick"])
+                  ]))), 128))
+                ])) : t("", !0)
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : t("", !0),
+            e.showComments ? (s(), y(C, {
               key: 3,
-              icon: "check",
-              size: "sm",
-              type: "line",
-              color: "inkwell-30",
-              class: "selected-icon"
-            }))
-          ], 2)
-        ], 10, W)
-      ]),
-      _: 2
-    }, [
-      e.showSelectAll ? {
-        name: "beforeList",
-        fn: r(() => [
-          t("div", D, [
-            h(y, {
-              type: "button",
-              disabled: e.selectedCount === e.selected.length,
-              "no-min-width": !0,
-              class: "!text-sm !font-normal !leading-4",
-              status: "link",
-              onClick: k(e.selectAll, ["prevent"])
+              modelValue: e.expandComments,
+              "onUpdate:modelValue": l[21] || (l[21] = (o) => e.expandComments = o),
+              class: "messages mb-3",
+              "content-class": "!px-0 !pt-3 !pb-0"
             }, {
-              default: r(() => [
-                c(o(e.$t("HC_SELECT_ALL")), 1)
+              toggle: d(() => [
+                n("div", {
+                  class: "flex items-center cursor-pointer",
+                  onClick: l[16] || (l[16] = (o) => e.expandComments = !e.expandComments)
+                }, [
+                  n("div", Se, a(e.$t("HC_GUEST_CONNECT")), 1),
+                  r(b, { class: "grow" }),
+                  r(p, {
+                    class: u([
+                      "ml-2 transition-transform",
+                      { "rotate-90": e.expandComments }
+                    ]),
+                    color: e.expandComments ? "inkwell-30" : "gray-30",
+                    icon: "chevron-right",
+                    type: ""
+                  }, null, 8, ["class", "color"])
+                ])
+              ]),
+              content: d(() => [
+                n("div", {
+                  class: u([
+                    "quick-replies-container",
+                    "flex flex-col",
+                    { show: e.quickReplyOpen },
+                    {
+                      "justify-end": !!e.filteredReplies.length
+                    },
+                    {
+                      "justify-center": !e.filteredReplies.length
+                    }
+                  ])
+                }, [
+                  e.filteredReplies.length ? (s(), i("div", $e, [
+                    (s(!0), i(h, null, T(e.filteredReplies, (o) => (s(), i("div", {
+                      key: o,
+                      class: u([
+                        "quick-reply",
+                        { active: e.comment }
+                      ]),
+                      onClick: (f) => e.onSelectQuickReply(o)
+                    }, [
+                      n("div", null, a(o), 1)
+                    ], 10, De))), 128))
+                  ])) : (s(), i("div", Ve, a(e.$t("HC_NO_RESULTS_FOUND_FOR")) + ' "' + a(e.comment) + '". ', 1))
+                ], 2),
+                n("div", He, [
+                  n("div", Ue, [
+                    e.loading.messages ? (s(), i("div", Ne, [...l[59] || (l[59] = [
+                      n("div", { class: "flex gap-2 items-end" }, [
+                        n("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" }),
+                        n("div", { class: "animate-shimmer bg-gray-10 h-12 w-3/4 rounded-lg" })
+                      ], -1),
+                      n("div", { class: "flex gap-2 items-end justify-end" }, [
+                        n("div", { class: "animate-shimmer bg-gray-10 h-10 w-2/3 rounded-lg" }),
+                        n("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" })
+                      ], -1),
+                      n("div", { class: "flex gap-2 items-end" }, [
+                        n("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" }),
+                        n("div", { class: "animate-shimmer bg-gray-10 h-8 w-1/2 rounded-lg" })
+                      ], -1)
+                    ])])) : (s(!0), i(h, { key: 1 }, T(e.groupedMessages, (o, f) => (s(), i(h, { key: f }, [
+                      o.type === "separator" ? (s(), i("div", Ie, [
+                        n("span", Me, a(o.label), 1)
+                      ])) : (s(), i("div", {
+                        key: 1,
+                        class: u([
+                          "chat-message",
+                          {
+                            "chat-message--staff": o.isStaffMessage,
+                            "chat-message--guest": o.isGuestMessage
+                          }
+                        ])
+                      }, [
+                        o.isGuestMessage ? (s(), i("div", Ae, [
+                          r(q, { position: "top" }, {
+                            trigger: d(() => [
+                              r(V, {
+                                initials: o.user?.initials || "?",
+                                src: o.user?.src || "",
+                                size: "sm"
+                              }, null, 8, ["initials", "src"])
+                            ]),
+                            content: d(() => [
+                              k(a(o.user?.name || e.$t("HC_GUEST")), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ])) : t("", !0),
+                        n("div", Re, [
+                          n("div", Ge, a(o.formattedTime), 1),
+                          n("div", Le, a(o.comment), 1)
+                        ]),
+                        o.isStaffMessage ? (s(), i("div", ze, [
+                          r(V, { size: "sm" }, {
+                            default: d(() => [
+                              r(p, {
+                                icon: "building",
+                                size: "sm",
+                                color: "gray-30",
+                                type: "fill"
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ])) : t("", !0)
+                      ], 2))
+                    ], 64))), 128)),
+                    !e.loading.messages && !e.groupedMessages.length ? (s(), i("div", Ye, a(e.$t("HC_NO_MESSAGES_YET")), 1)) : t("", !0)
+                  ]),
+                  e.isTestEnvironment && e.simulateOpen ? (s(), i("div", Pe, [
+                    n("div", Be, [
+                      l[60] || (l[60] = n("span", { class: "simulate-badge" }, "TEST", -1)),
+                      n("span", null, a(e.$t("HC_SIMULATE_GUEST_REPLY")), 1),
+                      r(p, {
+                        icon: "close",
+                        size: "sm",
+                        class: "cursor-pointer ml-auto",
+                        onClick: e.toggleSimulateOpen
+                      }, null, 8, ["onClick"])
+                    ]),
+                    n("div", Ke, [
+                      r(v, {
+                        id: "simulate-content",
+                        modelValue: e.simulateContent,
+                        "onUpdate:modelValue": l[17] || (l[17] = (o) => e.simulateContent = o),
+                        placeholder: e.$t("HC_ENTER_SIMULATED_MESSAGE"),
+                        "textarea-class": "text-sm border-gray-12 w-full",
+                        "control-class": "w-full",
+                        rows: 2,
+                        onKeydown: U(E(e.simulateGuestReply, ["prevent"]), ["enter"])
+                      }, null, 8, ["modelValue", "placeholder", "onKeydown"]),
+                      n("div", We, [
+                        r(c, {
+                          disabled: !e.simulateContent.trim() || e.simulateLoading,
+                          loading: e.simulateLoading,
+                          size: "xsm",
+                          class: "simulate-send-btn",
+                          onClick: e.simulateGuestReply
+                        }, {
+                          default: d(() => [
+                            k(a(e.$t("HC_SEND")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled", "loading", "onClick"])
+                      ])
+                    ])
+                  ])) : t("", !0),
+                  n("div", je, [
+                    n("div", Fe, [
+                      e.messages.length > 0 ? (s(), i("div", {
+                        key: 0,
+                        class: u([
+                          "text-xs px-2 py-1 rounded shrink-0",
+                          "border border-gray-12",
+                          e.loading.conversationToggle ? "opacity-50 cursor-wait" : "cursor-pointer hover:bg-gray-5",
+                          { hide: e.quickReplyOpen || e.simulateOpen }
+                        ]),
+                        onClick: l[18] || (l[18] = (o) => !e.loading.conversationToggle && e.toggleMarkOpenClose())
+                      }, [
+                        e.loading.conversationToggle ? (s(), i("span", Ze, "...")) : (s(), i(h, { key: 1 }, [
+                          k(a(e.$t(
+                            e.isConversationOpen ? "HC_CLOSE" : "HC_OPEN"
+                          )), 1)
+                        ], 64))
+                      ], 2)) : t("", !0),
+                      e.isTestEnvironment && e.roomDetailsData?.tokenId ? (s(), i("div", {
+                        key: 1,
+                        class: u([
+                          "cursor-pointer text-xs px-2 py-1 rounded shrink-0",
+                          "border hover:bg-orange-5",
+                          e.simulateOpen ? "border-orange-20 bg-orange-5" : "border-orange-10",
+                          { hide: e.quickReplyOpen }
+                        ]),
+                        style: { color: "#e67e22" },
+                        onClick: l[19] || (l[19] = (...o) => e.toggleSimulateOpen && e.toggleSimulateOpen(...o))
+                      }, a(e.$t("HC_SIMULATE")), 3)) : t("", !0),
+                      n("div", Qe, [
+                        r(v, {
+                          id: "comment-field",
+                          modelValue: e.comment,
+                          "onUpdate:modelValue": l[20] || (l[20] = (o) => e.comment = o),
+                          "textarea-class": "text-sm pr-5 border-gray-12 w-full",
+                          placeholder: e.quickReplyOpen ? e.$t("HC_SEARCH_REPLIES") : e.$t("HC_WRITE_A_MESSAGE"),
+                          rows: 1,
+                          "control-class": "w-full",
+                          onKeydown: U(e.sendChatMessage, ["enter"])
+                        }, null, 8, ["modelValue", "placeholder", "onKeydown"]),
+                        n("div", {
+                          id: "hidden-text",
+                          class: "text-sm",
+                          innerHTML: e.comment
+                        }, null, 8, Je),
+                        r(p, {
+                          id: "quick-reply-trigger",
+                          icon: "comment-lines",
+                          class: "cursor-pointer !absolute top-1/2 -translate-y-1/2 mb-1",
+                          color: e.quickReplyOpen ? "blue-20" : "inkwell-0",
+                          size: "sm",
+                          type: e.quickReplyOpen ? "fill" : "outline",
+                          onClick: e.toggleQuickReply
+                        }, null, 8, ["color", "type", "onClick"]),
+                        r(c, {
+                          id: "send-comment",
+                          disabled: !e.comment || e.quickReplyOpen || e.loading.sendingMessage,
+                          loading: e.loading.sendingMessage,
+                          "use-loading-spinner": !0,
+                          class: "!absolute top-1/2 -translate-y-1/2 px-2 mr-2 !text-sm",
+                          size: "xsm",
+                          status: "link",
+                          onClick: e.sendChatMessage
+                        }, {
+                          default: d(() => [
+                            k(a(e.$t("HC_SEND")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled", "loading", "onClick"])
+                      ])
+                    ])
+                  ])
+                ])
               ]),
               _: 1
-            }, 8, ["disabled", "onClick"]),
-            h(y, {
-              type: "button",
-              disabled: !e.selected.length,
-              "no-min-width": !0,
-              class: "!text-sm !font-normal !leading-4",
-              status: "link",
-              onClick: k(e.clearAll, ["prevent"])
+            }, 8, ["modelValue"])) : t("", !0)
+          ], 2),
+          n("div", {
+            id: "add-ticket",
+            class: u([
+              "add-ticket",
+              {
+                "overflow-hidden": !e.showCreateRequest,
+                open: e.showCreateRequest
+              }
+            ])
+          }, [
+            r(b, {
+              class: "text-base section-header mb-3",
+              align: "left",
+              color: "inkwell-30"
             }, {
-              default: r(() => [
-                c(o(e.$t("HC_CLEAR_ALL")), 1)
+              default: d(() => [
+                n("div", Xe, [
+                  n("div", _e, a(e.$t("HC_ACTION")), 1)
+                ])
               ]),
               _: 1
-            }, 8, ["disabled", "onClick"])
-          ])
-        ]),
-        key: "0"
-      } : void 0,
-      e.required && !e.floatingLabel ? {
-        name: "placeholder",
-        fn: r(() => [
-          t("span", null, [
-            c(o(e.placeholder), 1),
-            t("span", j, " *" + o(e.$t("HC_REQUIRED")), 1)
-          ])
-        ]),
-        key: "1"
-      } : void 0,
-      e.$slots.afterList ? {
-        name: "afterList",
-        fn: r(() => [
-          f(e.$slots, "afterList", { search: e.search }, void 0, !0)
-        ]),
-        key: "2"
-      } : void 0
-    ]), 1032, ["id", "modelValue", "filtering-sort-func", "options", "searchable", "multiple", "taggable", "label", "track-by", "group-values", "group-label", "group-select", "block-keys", "class", "disabled", "loading", "allow-empty", "clear-on-select", "close-on-select", "show-tags", "tag-placeholder", "placeholder", "open-direction", "onOpen", "onClose", "onTag"]),
-    e.showFloatingLabel ? (s(), a("div", Z, [
-      t("span", _, o(e.placeholder), 1),
-      e.required ? (s(), a("span", x, "*" + o(e.$t("HC_REQUIRED")), 1)) : n("", !0)
-    ])) : n("", !0)
-  ], 10, O);
+            }),
+            n("form", {
+              class: "flex flex-col",
+              onSubmit: l[55] || (l[55] = E((...o) => e.onCreateRequestSubmit && e.onCreateRequestSubmit(...o), ["prevent"]))
+            }, [
+              e.showCreateRequest ? (s(), i("div", xe, [
+                n("div", eo, [
+                  n("div", oo, [
+                    r(m, {
+                      id: "todo-type",
+                      "model-value": e.requestType,
+                      options: e.todoOptions,
+                      placeholder: e.$t("HC_ACTION_TYPE"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[22] || (l[22] = (o) => e.onSelectToDo(o))
+                    }, null, 8, ["model-value", "options", "placeholder"])
+                  ]),
+                  e.requestType && e.requestType.id === "room_notice" ? (s(), i("div", lo, [
+                    r(m, {
+                      id: "todo-notice-issue",
+                      "model-value": e.roomNotice.issue,
+                      options: e.itemOptionsList,
+                      disabled: !e.itemOptionsList.length && !e.loading.actionItems,
+                      loading: e.loading.actionItems,
+                      placeholder: e.$t("HC_ITEM"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[23] || (l[23] = (o) => e.roomNotice.issue = o)
+                    }, null, 8, ["model-value", "options", "disabled", "loading", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (s(), i("div", so, [
+                    r(w, {
+                      id: "todo-notice-start-date",
+                      "model-value": e.roomNotice.startDate,
+                      "is-today-min": !0,
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_START_DATE"),
+                      format: "DD-MMM-YYYY",
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[24] || (l[24] = (o) => e.roomNotice.startDate = o)
+                    }, null, 8, ["model-value", "property-timezone", "locale", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (s(), i("div", io, [
+                    r(w, {
+                      id: "todo-notice-end-date",
+                      "model-value": e.roomNotice.endDate,
+                      "is-today-min": !0,
+                      "minimum-date": e.roomNotice.startDate,
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_END_DATE"),
+                      format: "DD-MMM-YYYY",
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[25] || (l[25] = (o) => e.roomNotice.endDate = o)
+                    }, null, 8, ["model-value", "minimum-date", "property-timezone", "locale", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (s(), i("div", to, [
+                    r(H, {
+                      id: "todo-notice-start-time",
+                      "model-value": e.roomNotice.startTime,
+                      placeholder: e.$t("HC_START_TIME"),
+                      step: 15,
+                      clearable: "",
+                      "show-now": "",
+                      "onUpdate:modelValue": l[26] || (l[26] = (o) => e.roomNotice.startTime = o)
+                    }, null, 8, ["model-value", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (s(), i("div", ro, [
+                    r(H, {
+                      id: "todo-notice-end-time",
+                      "model-value": e.roomNotice.endTime,
+                      placeholder: e.$t("HC_END_TIME"),
+                      step: 15,
+                      clearable: "",
+                      "onUpdate:modelValue": l[27] || (l[27] = (o) => e.roomNotice.endTime = o)
+                    }, null, 8, ["model-value", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (s(), i("div", no, [
+                    r(v, {
+                      id: "todo-notice-notes",
+                      modelValue: e.roomNotice.notes,
+                      "onUpdate:modelValue": l[28] || (l[28] = (o) => e.roomNotice.notes = o),
+                      placeholder: e.$t("HC_WRITE_A_MESSAGE"),
+                      "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
+                      "control-class": "w-full",
+                      rows: 2,
+                      "floating-label": ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" ? (s(), i("div", ao, [
+                    r(m, {
+                      id: "todo-complaint-problem",
+                      "model-value": e.complaint.problem,
+                      options: e.itemOptionsList,
+                      disabled: !e.itemOptionsList.length && !e.loading.actionItems,
+                      loading: e.loading.actionItems,
+                      multiple: !1,
+                      placeholder: e.$t("HC_PROBLEM"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[29] || (l[29] = (o) => e.complaint.problem = o)
+                    }, null, 8, ["model-value", "options", "disabled", "loading", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (s(), i("div", uo, [
+                    r(O, {
+                      id: "guest-name",
+                      modelValue: e.complaint.guestName,
+                      "onUpdate:modelValue": l[30] || (l[30] = (o) => e.complaint.guestName = o),
+                      placeholder: e.$t("HC_GUEST_NAME"),
+                      "control-class": "w-full",
+                      classes: "text-inkwell-30 border-gray-12 ui-overhaul",
+                      "floating-label": "",
+                      required: ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (s(), i("div", po, [
+                    r(O, {
+                      id: "guest-phone",
+                      modelValue: e.complaint.guestPhone,
+                      "onUpdate:modelValue": l[31] || (l[31] = (o) => e.complaint.guestPhone = o),
+                      placeholder: e.$t("HC_GUEST_PHONE_NUMBER"),
+                      classes: "text-inkwell-40 border-gray-12 ui-overhaul",
+                      "floating-label": ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (s(), i("div", mo, [
+                    r(O, {
+                      id: "guest-email",
+                      modelValue: e.complaint.guestEmail,
+                      "onUpdate:modelValue": l[32] || (l[32] = (o) => e.complaint.guestEmail = o),
+                      placeholder: e.$t("HC_GUEST_EMAIL"),
+                      classes: "text-inkwell-40 border-gray-12 ui-overhaul",
+                      "floating-label": ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (s(), i("div", go, [
+                    r(O, {
+                      id: "guest-loyalty",
+                      modelValue: e.complaint.guestLoyalty,
+                      "onUpdate:modelValue": l[33] || (l[33] = (o) => e.complaint.guestLoyalty = o),
+                      placeholder: e.$t("HC_GUEST_LOYALTY"),
+                      classes: "text-inkwell-40 border-gray-12 ui-overhaul",
+                      "floating-label": ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (s(), i("div", yo, [
+                    r(m, {
+                      id: "todo-complaint-mood",
+                      "model-value": e.complaint.guestMood,
+                      options: e.moodOptions,
+                      disabled: !e.moodOptions.length,
+                      placeholder: e.$t("HC_GUEST_MOOD"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[34] || (l[34] = (o) => e.complaint.guestMood = o)
+                    }, null, 8, ["model-value", "options", "disabled", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (s(), i("div", ko, [
+                    r(w, {
+                      id: "todo-complaint-check-in",
+                      "model-value": e.complaint.checkInDate,
+                      "is-today-min": !1,
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_CHECK_IN_DATE"),
+                      format: "DD-MMM-YYYY",
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[35] || (l[35] = (o) => e.complaint.checkInDate = o)
+                    }, null, 8, ["model-value", "property-timezone", "locale", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (s(), i("div", ho, [
+                    r(w, {
+                      id: "todo-complaint-check-out",
+                      "model-value": e.complaint.checkOutDate,
+                      "is-today-min": !1,
+                      "minimum-date": e.complaint.checkInDate,
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_CHECK_OUT_DATE"),
+                      format: "DD-MMM-YYYY",
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[36] || (l[36] = (o) => e.complaint.checkOutDate = o)
+                    }, null, 8, ["model-value", "minimum-date", "property-timezone", "locale", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (s(), i("div", vo, [
+                    r(v, {
+                      id: "todo-complaint-notes",
+                      modelValue: e.complaint.notes,
+                      "onUpdate:modelValue": l[37] || (l[37] = (o) => e.complaint.notes = o),
+                      placeholder: e.$t("HC_WRITE_A_MESSAGE"),
+                      "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
+                      "control-class": "w-full",
+                      rows: 2,
+                      "floating-label": ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "work_order" ? (s(), i("div", wo, [
+                    r(m, {
+                      id: "todo-work-order-item",
+                      "model-value": e.workOrder.item,
+                      options: e.itemOptionsList,
+                      disabled: !e.itemOptionsList.length && !e.loading.actionItems,
+                      loading: e.loading.actionItems,
+                      "group-selectable": !1,
+                      placeholder: e.$t("HC_ITEM"),
+                      "group-label": "group",
+                      "group-values": "options",
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[38] || (l[38] = (o) => e.workOrder.item = o)
+                    }, null, 8, ["model-value", "options", "disabled", "loading", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item ? (s(), i("div", fo, [
+                    r(m, {
+                      id: "todo-work-order-issue",
+                      "model-value": e.workOrder.issue,
+                      options: e.workOrderIssues,
+                      disabled: !e.workOrderIssues.length,
+                      placeholder: e.$t("HC_ISSUE"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[39] || (l[39] = (o) => e.workOrder.issue = o)
+                    }, null, 8, ["model-value", "options", "disabled", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (s(), i("div", To, [
+                    r(m, {
+                      id: "todo-work-order-requested-by",
+                      "model-value": e.workOrder.requestedBy,
+                      options: e.requestedByOptions,
+                      placeholder: e.$t("HC_REQUESTED_BY"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[40] || (l[40] = (o) => e.workOrder.requestedBy = o)
+                    }, null, 8, ["model-value", "options", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (s(), i("div", qo, [
+                    r(m, {
+                      id: "todo-work-order-assign-type",
+                      "model-value": e.workOrder.assignType,
+                      options: e.assignTypes,
+                      placeholder: e.$t("HC_ASSIGN_TYPE"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[41] || (l[41] = (o) => e.workOrder.assignType = o)
+                    }, null, 8, ["model-value", "options", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (s(), i("div", bo, [
+                    e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 1 ? (s(), y(m, {
+                      key: 0,
+                      id: "todo-work-order-assign-to",
+                      "model-value": e.workOrder.department,
+                      options: e.departments,
+                      disabled: !e.departments.length,
+                      placeholder: e.$t("HC_ASSIGN_TO"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[42] || (l[42] = (o) => e.workOrder.department = o)
+                    }, null, 8, ["model-value", "options", "disabled", "placeholder"])) : t("", !0),
+                    e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 2 ? (s(), y(m, {
+                      key: 1,
+                      id: "todo-work-order-assign-to",
+                      "model-value": e.workOrder.person,
+                      options: e.departmentUsers,
+                      disabled: !e.departmentUsers.length,
+                      "group-selectable": !1,
+                      placeholder: e.$t("HC_ASSIGN_TO"),
+                      "group-label": "group",
+                      "group-values": "options",
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[43] || (l[43] = (o) => e.workOrder.person = o)
+                    }, null, 8, ["model-value", "options", "disabled", "placeholder"])) : t("", !0)
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (s(), i("div", Co, [
+                    r(w, {
+                      id: "todo-work-order-due",
+                      "model-value": e.workOrder.due,
+                      "is-today-min": !0,
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_DUE_DATE"),
+                      format: "DD-MMM-YYYY",
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[44] || (l[44] = (o) => e.workOrder.due = o)
+                    }, null, 8, ["model-value", "property-timezone", "locale", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (s(), i("div", co, [
+                    r(v, {
+                      id: "todo-work-order-notes",
+                      modelValue: e.workOrder.notes,
+                      "onUpdate:modelValue": l[45] || (l[45] = (o) => e.workOrder.notes = o),
+                      placeholder: e.$t("HC_WRITE_A_MESSAGE"),
+                      "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
+                      "control-class": "w-full",
+                      rows: 2,
+                      "floating-label": ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" ? (s(), i("div", Oo, [
+                    r(m, {
+                      id: "todo-request-item",
+                      "model-value": e.request.item,
+                      options: e.itemOptionsList,
+                      disabled: !e.itemOptionsList.length && !e.loading.actionItems,
+                      loading: e.loading.actionItems,
+                      placeholder: e.$t("HC_ITEM"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[46] || (l[46] = (o) => e.request.item = o)
+                    }, null, 8, ["model-value", "options", "disabled", "loading", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (s(), i("div", Eo, [
+                    r(m, {
+                      id: "todo-request-requested-by",
+                      "model-value": e.request.requestedBy,
+                      options: e.requestedByOptions,
+                      placeholder: e.$t("HC_REQUESTED_BY"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[47] || (l[47] = (o) => e.request.requestedBy = o)
+                    }, null, 8, ["model-value", "options", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (s(), i("div", So, [
+                    r(w, {
+                      id: "todo-request-due",
+                      "model-value": e.request.due,
+                      "is-today-min": !0,
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_DUE_DATE"),
+                      format: "DD-MMM-YYYY",
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[48] || (l[48] = (o) => e.request.due = o)
+                    }, null, 8, ["model-value", "property-timezone", "locale", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (s(), i("div", $o, [
+                    r(m, {
+                      id: "todo-request-assign-type",
+                      "model-value": e.request.assignType,
+                      options: e.assignTypes,
+                      placeholder: e.$t("HC_ASSIGN_TYPE"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[49] || (l[49] = (o) => e.request.assignType = o)
+                    }, null, 8, ["model-value", "options", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (s(), i("div", Do, [
+                    e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 1 ? (s(), y(m, {
+                      key: 0,
+                      id: "todo-request-assign-to",
+                      "model-value": e.request.department,
+                      options: e.departments,
+                      disabled: !e.departments.length,
+                      placeholder: e.$t("HC_ASSIGN_TO"),
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[50] || (l[50] = (o) => e.request.department = o)
+                    }, null, 8, ["model-value", "options", "disabled", "placeholder"])) : t("", !0),
+                    e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 2 ? (s(), y(m, {
+                      key: 1,
+                      id: "todo-request-assign-to",
+                      "model-value": e.request.person,
+                      options: e.departmentUsers,
+                      disabled: !e.departmentUsers.length,
+                      "group-selectable": !1,
+                      placeholder: e.$t("HC_ASSIGN_TO"),
+                      "group-label": "group",
+                      "group-values": "options",
+                      "floating-label": "",
+                      required: "",
+                      "onUpdate:modelValue": l[51] || (l[51] = (o) => e.request.person = o)
+                    }, null, 8, ["model-value", "options", "disabled", "placeholder"])) : t("", !0)
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (s(), i("div", Vo, [
+                    r(m, {
+                      id: "todo-request-when",
+                      "model-value": e.request.when,
+                      options: e.whenOptions,
+                      disabled: !e.whenOptions.length,
+                      placeholder: e.$t("HC_SELECT_WHEN"),
+                      "floating-label": "",
+                      "onUpdate:modelValue": l[52] || (l[52] = (o) => e.request.when = o)
+                    }, null, 8, ["model-value", "options", "disabled", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (s(), i("div", Ho, [
+                    r(m, {
+                      id: "todo-request-where",
+                      "model-value": e.request.where,
+                      options: e.whereOptions,
+                      disabled: !e.whereOptions.length,
+                      placeholder: e.$t("HC_SELECT_WHERE"),
+                      "floating-label": "",
+                      "onUpdate:modelValue": l[53] || (l[53] = (o) => e.request.where = o)
+                    }, null, 8, ["model-value", "options", "disabled", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (s(), i("div", Uo, [
+                    r(v, {
+                      id: "todo-request-notes",
+                      modelValue: e.request.notes,
+                      "onUpdate:modelValue": l[54] || (l[54] = (o) => e.request.notes = o),
+                      placeholder: e.$t("HC_WRITE_A_MESSAGE"),
+                      "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
+                      "control-class": "w-full",
+                      rows: 2,
+                      "floating-label": ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : t("", !0)
+                ])
+              ])) : t("", !0),
+              n("div", No, [
+                r(c, {
+                  status: "secondary",
+                  onClick: E(e.closeRequest, ["prevent"])
+                }, {
+                  default: d(() => [
+                    k(a(e.$t("HC_BACK")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"]),
+                r(c, {
+                  disabled: !e.validateToDo,
+                  loading: e.requestLoading,
+                  "use-loading-spinner": !0,
+                  onClick: e.onCreateRequestSubmit
+                }, {
+                  default: d(() => [
+                    k(a(e.$t("HC_POST")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "loading", "onClick"])
+              ])
+            ], 32)
+          ], 2),
+          e.loading.pms ? (s(), i("div", Io)) : !e.loading.pms && e.roomDetailsData.updatedAt ? (s(), i("div", Mo, [
+            r(p, {
+              class: "flex-shrink-1 mr-2",
+              size: "sm",
+              color: "inkwell-0",
+              icon: "clock-alarm",
+              type: "outline"
+            }),
+            n("p", Ao, a(e.$t("HC_PMS_UPDATED")) + " " + a(e.DateTime.fromISO(
+              e.roomDetailsData.updatedAt
+            ).toRelative({ locale: e.locale })), 1)
+          ])) : t("", !0)
+        ], 8, Y)
+      ]),
+      _: 3
+    }, 8, ["model-value", "align", "position", "size", "teleport", "teleport-to", "close-on-scroll-out-of-view", "scroll-into-view", "scroll-into-view-padding"])
+  ], 40, L)) : t("", !0);
 }
-const ue = /* @__PURE__ */ q($, [["render", ee], ["__scopeId", "data-v-ab376358"]]);
+const jo = /* @__PURE__ */ G(M, [["render", Ro]]);
 export {
-  ue as default
+  jo as default
 };