@quoreadmin/ui 1.7.5 → 1.7.7

package/dist/index43.js

@@ -1,234 +1,240 @@
-import U from "./index140.js";
-import { resolveComponent as y, createElementBlock as t, createCommentVNode as i, openBlock as l, createVNode as r, withCtx as a, createElementVNode as n, normalizeClass as p, toDisplayString as d, createBlock as k, Fragment as q, renderList as v, createTextVNode as g, withKeys as V, withModifiers as E, mergeProps as A, toHandlerKey as D, renderSlot as R } from "vue";
+import N from "./index140.js";
+import { resolveComponent as y, createElementBlock as i, createCommentVNode as t, openBlock as l, createVNode as n, withCtx as d, createElementVNode as r, normalizeClass as u, toDisplayString as a, createBlock as g, Fragment as h, renderList as f, createTextVNode as k, withKeys as H, withModifiers as E, mergeProps as U, toHandlerKey as V, renderSlot as A } from "vue";
 /* empty css         */
-import G from "./index62.js";
-const L = ["id"], M = ["id"], I = ["id"], z = { class: "flex gap-3" }, P = {
+import R from "./index62.js";
+const I = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
   key: 0,
   class: "animate-shimmer bg-gray-30 w-3/4 h-6 grow"
-}, W = {
+}, P = {
   key: 0,
   class: "text-base text-inkwell-30"
-}, B = { key: 0 }, K = { key: 0 }, Y = ["href"], j = { class: "flex items-start" }, F = { class: "list-unstyled text-sm w-full font-normal" }, Z = { class: "grow" }, Q = { class: "grow" }, J = { class: "grow" }, X = { class: "grow" }, _ = { class: "position-relative icon-container ml-auto" }, x = {
+}, B = { key: 0 }, W = { key: 0 }, K = ["href"], j = { class: "flex items-start" }, F = { class: "list-unstyled text-sm w-full font-normal" }, Z = { class: "grow" }, Q = { class: "grow" }, J = { class: "grow" }, X = { class: "grow" }, _ = { class: "position-relative icon-container ml-auto" }, x = {
   key: 0,
   class: "animate-shimmer bg-gray-10 w-full h-4 my-4"
 }, ee = {
   key: 1,
   class: "flex flex-wrap items-center mb-3 gap-2"
-}, se = {
+}, oe = {
   key: 2,
   class: "animate-shimmer bg-gray-30 w-full h-4 my-4"
-}, oe = {
+}, se = {
   key: 3,
   class: "flex flex-wrap items-center mb-4"
-}, le = ["href"], te = { class: "shrink-0 mr-2 text-sm font-normal" }, ie = {
+}, le = ["href"], ie = { class: "shrink-0 mr-2 text-sm font-normal" }, te = {
   key: 0,
   class: "animate-shimmer bg-gray-10 w-full h-6"
-}, re = {
+}, ne = {
   key: 1,
   class: "guest-info-container"
-}, ne = {
+}, re = {
   key: 0,
   class: "text-base text-inkwell-30 mb-2"
-}, de = {
+}, ae = {
   key: 0,
   class: "flex gap-1 text-xs mb-2 stay-details-row"
-}, ae = { class: "text-truncate text-inkwell-0" }, pe = { class: "grow text-inkwell-30" }, ue = {
+}, de = { class: "text-truncate text-inkwell-0" }, ue = { class: "grow text-inkwell-30" }, pe = {
   key: 1,
   class: "flex gap-1 text-xs mb-2 stay-details-row"
-}, me = { class: "text-truncate text-inkwell-0" }, ye = { class: "grow text-inkwell-30" }, ke = { class: "shrink-0 mr-2 text-sm font-normal" }, ge = {
+}, me = { class: "text-truncate text-inkwell-0" }, ye = { class: "grow text-inkwell-30" }, ge = { class: "shrink-0 mr-2 text-sm font-normal" }, ke = {
   key: 0,
   class: "animate-shimmer bg-gray-30 w-full h-6"
 }, he = {
   key: 1,
   class: "open-tickets"
-}, we = ["id"], qe = {
+}, ve = ["id"], we = {
   key: 2,
   class: "text-center mx-auto font-normal"
-}, ce = { class: "shrink-0 mr-2 text-sm font-normal" }, ve = {
+}, qe = { class: "shrink-0 mr-2 text-sm font-normal" }, fe = {
   key: 0,
   class: "quick-replies"
-}, Te = ["onClick"], fe = {
+}, Te = ["onClick"], Ce = {
   key: 1,
   class: "text-inkwell-0 text-xxs text-center"
-}, Ce = { class: "chat-container" }, be = {
+}, ce = { class: "chat-container" }, be = {
   id: "comments-container",
   class: "chat-messages"
 }, Oe = {
+  key: 0,
+  class: "flex flex-col gap-3 p-2"
+}, Ee = {
   key: 0,
   class: "chat-separator"
-}, Ee = { class: "chat-separator-text" }, $e = {
+}, $e = { class: "chat-separator-text" }, Se = {
   key: 0,
   class: "chat-message-avatar"
-}, Se = { class: "chat-message-content" }, He = { class: "chat-message-time" }, Ve = { class: "chat-message-bubble" }, De = {
+}, De = { class: "chat-message-content" }, He = { class: "chat-message-time" }, Ve = { class: "chat-message-bubble" }, Me = {
   key: 1,
   class: "chat-message-avatar"
 }, Ne = {
-  key: 0,
+  key: 2,
   class: "chat-empty text-center py-4 text-inkwell-0 text-sm"
 }, Ue = {
   key: 0,
   class: "simulate-panel"
-}, Ae = { class: "simulate-panel-header" }, Re = { class: "simulate-panel-body" }, Ge = { class: "flex justify-end mt-2" }, Le = { class: "chat-input-area" }, Me = { class: "flex items-center gap-2" }, Ie = { class: "relative flex-1 min-w-0" }, ze = ["innerHTML"], Pe = { class: "flex items-center add-ticket-divider" }, We = { class: "grow flex items-center text-sm font-normal" }, Be = {
+}, Ae = { class: "simulate-panel-header" }, Re = { class: "simulate-panel-body" }, Ie = { class: "flex justify-end mt-2" }, Ge = { class: "chat-input-area" }, Le = { class: "flex items-center gap-2" }, ze = {
+  key: 0,
+  class: "inline-block animate-pulse"
+}, Ye = { class: "relative flex-1 min-w-0" }, Pe = ["innerHTML"], Be = { class: "flex items-center add-ticket-divider" }, We = { class: "grow flex items-center text-sm font-normal" }, Ke = {
   key: 0,
   class: "grow"
-}, Ke = { class: "grid grid-cols-2 gap-3" }, Ye = { class: "field" }, je = {
+}, je = { class: "grid grid-cols-2 gap-3" }, Fe = { class: "field" }, Ze = {
   key: 0,
   class: "field"
-}, Fe = {
+}, Qe = {
   key: 1,
   class: "field"
-}, Ze = {
+}, Je = {
   key: 2,
   class: "field"
-}, Qe = {
+}, Xe = {
   key: 3,
   class: "field col-span-2"
-}, Je = {
+}, _e = {
   key: 4,
   class: "field"
-}, Xe = {
+}, xe = {
   key: 5,
   class: "field col-span-2"
-}, _e = {
+}, eo = {
   key: 6,
   class: "field"
-}, xe = {
+}, oo = {
   key: 7,
   class: "field"
-}, es = {
+}, so = {
   key: 8,
   class: "field"
-}, ss = {
+}, lo = {
   key: 9,
   class: "field"
-}, os = {
+}, io = {
   key: 10,
   class: "field"
-}, ls = {
+}, to = {
   key: 11,
   class: "field"
-}, ts = {
+}, no = {
   key: 12,
   class: "field col-span-2"
-}, is = {
+}, ro = {
   key: 13,
   class: "field"
-}, rs = {
+}, ao = {
   key: 14,
   class: "field"
-}, ns = {
+}, uo = {
   key: 15,
   class: "field"
-}, ds = {
+}, po = {
   key: 16,
   class: "field"
-}, as = {
+}, mo = {
   key: 17,
   class: "field"
-}, ps = {
+}, yo = {
   key: 18,
   class: "field"
-}, us = {
+}, go = {
   key: 19,
   class: "field col-span-2"
-}, ms = {
+}, ko = {
   key: 20,
   class: "field"
-}, ys = {
+}, ho = {
   key: 21,
   class: "field"
-}, ks = {
+}, vo = {
   key: 22,
   class: "field"
-}, gs = {
+}, wo = {
   key: 23,
   class: "field"
-}, hs = {
+}, qo = {
   key: 24,
   class: "field"
-}, ws = {
+}, fo = {
   key: 25,
   class: "field"
-}, qs = {
+}, To = {
   key: 26,
   class: "field"
-}, cs = {
+}, Co = {
   key: 27,
   class: "field col-span-2"
-}, vs = {
-  class: /* @__PURE__ */ p([
+}, co = {
+  class: /* @__PURE__ */ u([
     "actions flex-shrink-0",
     "flex items-center justify-between mt-4"
   ])
-}, Ts = {
+}, bo = {
   key: 4,
   class: "animate-shimmer bg-gray-30 w-full h-4 my-4"
-}, fs = {
+}, Oo = {
   key: 5,
   class: "flex items-center mt-0.5"
-}, Cs = { class: "text-xs text-inkwell-0 font-normal" };
-function bs(e, o, Os, Es, $s, Ss) {
-  const u = y("q-icon"), c = y("q-tooltip"), $ = y("q-tag"), S = y("q-popover"), T = y("q-divider"), O = y("q-accordion"), N = y("q-activity-item"), H = y("q-avatar"), h = y("q-textarea"), f = y("q-button"), m = y("q-select"), w = y("q-date-picker"), C = y("q-input");
-  return e.showActionMenu || e.showComments || e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] || e.showTickets || e.tagsList.length ? (l(), t("div", {
+}, Eo = { class: "text-xs text-inkwell-0 font-normal" };
+function $o(e, s, So, Do, Ho, Vo) {
+  const p = y("q-icon"), q = y("q-tooltip"), $ = y("q-tag"), S = y("q-popover"), T = y("q-divider"), O = y("q-accordion"), M = y("q-activity-item"), D = y("q-avatar"), v = y("q-textarea"), C = y("q-button"), m = y("q-select"), w = y("q-date-picker"), c = y("q-input");
+  return e.showActionMenu || e.showComments || e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] || e.showTickets || e.tagsList.length ? (l(), i("div", {
     key: 0,
     id: e.id ? `rdp-${e.id}` : "",
     class: "room-detail component-container text-inkwell-30",
-    onMouseleave: o[54] || (o[54] = (s) => e.onHoverToggle(!1))
+    onMouseleave: s[54] || (s[54] = (o) => e.onHoverToggle(!1))
   }, [
-    r(S, {
+    n(S, {
       "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,
-      onClose: o[52] || (o[52] = (s) => e.$emit("toggle", !1)),
-      "onUpdate:modelValue": o[53] || (o[53] = (s) => e.$emit("toggle", s))
+      onClose: s[52] || (s[52] = (o) => e.$emit("toggle", !1)),
+      "onUpdate:modelValue": s[53] || (s[53] = (o) => e.$emit("toggle", o))
     }, {
-      trigger: a(() => [
-        n("div", A({
+      trigger: d(() => [
+        r("div", U({
           ref: "trigger",
           id: e.id ? `rdp-${e.id}-trigger` : "",
           class: "trigger-text"
         }, {
-          [D(!e.hover && "click")]: o[0] || (o[0] = (s) => e.$emit("toggle", !e.open))
+          [V(!e.hover && "click")]: s[0] || (s[0] = (o) => e.$emit("toggle", !e.open))
         }, {
-          [D(e.hover && "mouseover")]: o[1] || (o[1] = (s) => e.onHoverToggle(!0))
+          [V(e.hover && "mouseover")]: s[1] || (s[1] = (o) => e.onHoverToggle(!0))
         }), [
-          R(e.$slots, "trigger", {}, () => [
-            g(d(e.trigger), 1)
+          A(e.$slots, "trigger", {}, () => [
+            k(a(e.trigger), 1)
           ])
-        ], 16, M)
+        ], 16, G)
       ]),
-      content: a(() => [
-        n("div", {
+      content: d(() => [
+        r("div", {
           id: e.id ? `rdp-${e.id}-content` : "",
           class: "popover-content w-full font-weight-normal cursor-default"
         }, [
-          n("div", z, [
-            e.loading.pms || e.loading.roomNotices ? (l(), t("div", P)) : (l(), t("div", {
+          r("div", z, [
+            e.loading.pms || e.loading.roomNotices ? (l(), i("div", Y)) : (l(), i("div", {
               key: 1,
-              class: p([
+              class: u([
                 "flex grow items-center mb-4",
                 { "gap-3": e.showRoomName }
               ])
             }, [
-              e.showRoomName ? (l(), t("h2", W, [
-                n("strong", null, d(e.$t("HC_GUESTROOM")) + " " + d(e.room.name), 1)
-              ])) : i("", !0),
-              (e.occupied || e.cleanliness || e.tagsList.length && !e.showRoomName) && e.size !== "sm" ? (l(), t("div", {
+              e.showRoomName ? (l(), i("h2", P, [
+                r("strong", null, a(e.$t("HC_GUESTROOM")) + " " + a(e.room.name), 1)
+              ])) : t("", !0),
+              (e.occupied || e.cleanliness || e.tagsList.length && !e.showRoomName) && e.size !== "sm" ? (l(), i("div", {
                 key: 1,
-                class: p([
+                class: u([
                   "flex items-center flex-wrap gap-x-2",
                   { "gap-y-3": !e.showRoomName }
                 ])
               }, [
-                e.occupied ? (l(), k(c, {
+                e.occupied ? (l(), g(q, {
                   key: 0,
                   class: "flex shrink-0 items-center"
                 }, {
-                  trigger: a(() => [
-                    r(u, {
+                  trigger: d(() => [
+                    n(p, {
                       icon: "user",
                       type: "fill",
                       color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
@@ -236,17 +242,17 @@ function bs(e, o, Os, Es, $s, Ss) {
                       size: "md"
                     }, null, 8, ["color"])
                   ]),
-                  content: a(() => [
-                    e.occupancyTooltipContent ? (l(), t("div", B, d(e.$t(e.occupancyTooltipContent)), 1)) : i("", !0)
+                  content: d(() => [
+                    e.occupancyTooltipContent ? (l(), i("div", B, a(e.$t(e.occupancyTooltipContent)), 1)) : t("", !0)
                   ]),
                   _: 1
-                })) : i("", !0),
-                e.cleanliness ? (l(), k(c, {
+                })) : t("", !0),
+                e.cleanliness ? (l(), g(q, {
                   key: 1,
                   class: "flex shrink-0 items-center"
                 }, {
-                  trigger: a(() => [
-                    r(u, {
+                  trigger: d(() => [
+                    n(p, {
                       icon: "spray-bottle",
                       type: "fill",
                       color: e.cleanlinessColor,
@@ -254,61 +260,61 @@ function bs(e, o, Os, Es, $s, Ss) {
                       class: "mt-[0.0612rem]"
                     }, null, 8, ["color"])
                   ]),
-                  content: a(() => [
-                    e.cleanlinessTooltipContent ? (l(), t("div", K, d(e.cleanlinessTooltipContent), 1)) : i("", !0)
+                  content: d(() => [
+                    e.cleanlinessTooltipContent ? (l(), i("div", W, a(e.cleanlinessTooltipContent), 1)) : t("", !0)
                   ]),
                   _: 1
-                })) : i("", !0),
-                e.tagsList.length && !e.showRoomName ? (l(!0), t(q, { key: 2 }, v(e.tagsList, (s) => (l(), t("a", {
-                  key: s,
-                  href: typeof s == "object" && s.id && s.name ? `/roomsbook/notice.php?id=${s.id}` : "",
+                })) : t("", !0),
+                e.tagsList.length && !e.showRoomName ? (l(!0), i(h, { key: 2 }, f(e.tagsList, (o) => (l(), i("a", {
+                  key: o,
+                  href: typeof o == "object" && o.id && o.name ? `/roomsbook/notice.php?id=${o.id}` : "",
                   target: "_blank",
                   class: "capitalize"
                 }, [
-                  r($, {
-                    class: p([
+                  n($, {
+                    class: u([
                       "!text-xs !leading-4",
                       "shrink-0 max-w-[100px] !h-auto",
                       "!py-[0.1875rem] !px-[0.4375rem] border",
                       "border-orange-10",
-                      { pulse: s.isNew }
+                      { pulse: o.isNew }
                     ]),
                     "bg-color": "bg-yellow-0",
                     "text-color": "text-inkwell-30"
                   }, {
-                    default: a(() => [
-                      g(d(typeof s == "object" && s.id && s.name ? s.name : s), 1)
+                    default: d(() => [
+                      k(a(typeof o == "object" && o.id && o.name ? o.name : o), 1)
                     ]),
                     _: 2
                   }, 1032, ["class"])
-                ], 8, Y))), 128)) : i("", !0)
-              ], 2)) : i("", !0)
+                ], 8, K))), 128)) : t("", !0)
+              ], 2)) : t("", !0)
             ], 2)),
-            n("div", j, [
-              e.showActionMenu && (e.showActionsLink || !e.hasGuestCallback && e.showGuestCallback || e.showComments || e.showGuestDetails) ? (l(), k(S, {
+            r("div", j, [
+              e.showActionMenu && (e.showActionsLink || !e.hasGuestCallback && e.showGuestCallback || e.showComments || e.showGuestDetails) ? (l(), g(S, {
                 key: 0,
                 modelValue: e.actionMenuOpen,
-                "onUpdate:modelValue": o[7] || (o[7] = (s) => e.actionMenuOpen = s),
+                "onUpdate:modelValue": s[7] || (s[7] = (o) => e.actionMenuOpen = o),
                 "has-caret": !1,
                 align: "right",
                 class: "action-menu mr-1",
                 size: "md",
-                onClose: o[8] || (o[8] = (s) => e.actionMenuOpen = !1)
+                onClose: s[8] || (s[8] = (o) => e.actionMenuOpen = !1)
               }, {
-                trigger: a(() => [
-                  r(u, {
+                trigger: d(() => [
+                  n(p, {
                     class: "popover-action rounded-full cursor-pointer",
                     icon: "ellipsis-h",
                     size: "md",
                     type: "fill",
-                    onClick: o[2] || (o[2] = (s) => e.actionMenuOpen = !e.actionMenuOpen)
+                    onClick: s[2] || (s[2] = (o) => e.actionMenuOpen = !e.actionMenuOpen)
                   })
                 ]),
-                content: a(() => [
-                  n("ul", F, [
-                    e.showActionsLink ? (l(), t("li", {
+                content: d(() => [
+                  r("ul", F, [
+                    e.showActionsLink ? (l(), i("li", {
                       key: 0,
-                      class: p([
+                      class: u([
                         "flex items-center",
                         "icon-container cursor-pointer",
                         "text-inkwell-30 px-2 py-1 mt-2",
@@ -316,20 +322,20 @@ function bs(e, o, Os, Es, $s, Ss) {
                           "mb-2": !e.showGuestDetails && (e.hasGuestCallback || !e.showGuestCallback) && !e.showComments
                         }
                       ]),
-                      onClick: o[3] || (o[3] = (...s) => e.openRequest && e.openRequest(...s))
+                      onClick: s[3] || (s[3] = (...o) => e.openRequest && e.openRequest(...o))
                     }, [
-                      r(u, {
+                      n(p, {
                         class: "shrink-0 mr-1 p-1",
                         color: "inkwell-10",
                         icon: "plus",
                         size: "md",
                         type: ""
                       }),
-                      n("div", Z, d(e.$t("HC_ACTION")), 1)
-                    ], 2)) : i("", !0),
-                    !e.hasGuestCallback && e.showGuestCallback ? (l(), t("li", {
+                      r("div", Z, a(e.$t("HC_ACTION")), 1)
+                    ], 2)) : t("", !0),
+                    !e.hasGuestCallback && e.showGuestCallback ? (l(), i("li", {
                       key: 1,
-                      class: p([
+                      class: u([
                         "flex items-center",
                         "icon-container cursor-pointer",
                         "text-inkwell-30 px-2 py-1",
@@ -338,22 +344,22 @@ function bs(e, o, Os, Es, $s, Ss) {
                         },
                         { "mt-2": !e.showActionsLink }
                       ]),
-                      onClick: o[4] || (o[4] = (...s) => e.createCallback && e.createCallback(...s))
+                      onClick: s[4] || (s[4] = (...o) => e.createCallback && e.createCallback(...o))
                     }, [
-                      r(u, {
+                      n(p, {
                         class: "shrink-0 mr-1 p-0.5",
                         color: "inkwell-10",
                         icon: "phone-plus",
                         size: "md",
                         type: "fill"
                       }),
-                      n("div", Q, d(e.$t(
+                      r("div", Q, a(e.$t(
                         "HC_GUEST_SATISFACTION_CALL"
                       )), 1)
-                    ], 2)) : i("", !0),
-                    e.showComments ? (l(), t("li", {
+                    ], 2)) : t("", !0),
+                    e.showComments ? (l(), i("li", {
                       key: 2,
-                      class: p([
+                      class: u([
                         "flex items-center",
                         "icon-container cursor-pointer",
                         "text-inkwell-30 px-2 py-1",
@@ -362,20 +368,20 @@ function bs(e, o, Os, Es, $s, Ss) {
                           "mt-2": !e.showActionsLink && (e.hasGuestCallback || !e.showGuestCallback)
                         }
                       ]),
-                      onClick: o[5] || (o[5] = (...s) => e.onClickEditConnectGuest && e.onClickEditConnectGuest(...s))
+                      onClick: s[5] || (s[5] = (...o) => e.onClickEditConnectGuest && e.onClickEditConnectGuest(...o))
                     }, [
-                      r(u, {
+                      n(p, {
                         class: "shrink-0 mr-1 p-1",
                         color: "inkwell-10",
                         icon: "pencil",
                         size: "md",
                         type: "fill"
                       }),
-                      n("div", J, d(e.$t("HC_EDIT_INFORMATION")), 1)
-                    ], 2)) : i("", !0),
-                    e.showGuestDetails ? (l(), t("li", {
+                      r("div", J, a(e.$t("HC_EDIT_INFORMATION")), 1)
+                    ], 2)) : t("", !0),
+                    e.showGuestDetails ? (l(), i("li", {
                       key: 3,
-                      class: p([
+                      class: u([
                         "flex items-center",
                         "icon-container cursor-pointer",
                         "text-inkwell-30 px-2 py-1 mb-2",
@@ -383,108 +389,108 @@ function bs(e, o, Os, Es, $s, Ss) {
                           "mt-2": !e.showActionsLink && (e.hasGuestCallback || !e.showGuestCallback) && !e.showComments
                         }
                       ]),
-                      onClick: o[6] || (o[6] = (...s) => e.refreshPMSData && e.refreshPMSData(...s))
+                      onClick: s[6] || (s[6] = (...o) => e.refreshPMSData && e.refreshPMSData(...o))
                     }, [
-                      r(u, {
+                      n(p, {
                         class: "shrink-0 mr-1 p-1",
                         color: "inkwell-10",
                         icon: "refresh",
                         size: "md",
                         type: ""
                       }),
-                      n("div", X, d(e.$t("HC_REFRESH_PMS_DATA")), 1)
-                    ], 2)) : i("", !0)
+                      r("div", X, a(e.$t("HC_REFRESH_PMS_DATA")), 1)
+                    ], 2)) : t("", !0)
                   ])
                 ]),
                 _: 1
-              }, 8, ["modelValue"])) : i("", !0),
-              n("div", _, [
-                r(c, null, {
-                  trigger: a(() => [
-                    r(u, {
+              }, 8, ["modelValue"])) : t("", !0),
+              r("div", _, [
+                n(q, null, {
+                  trigger: d(() => [
+                    n(p, {
                       icon: "close",
                       size: "md",
                       type: "",
                       class: "popover-action rounded-full cursor-pointer p-1",
-                      onClick: o[9] || (o[9] = (s) => e.$emit("toggle", !1))
+                      onClick: s[9] || (s[9] = (o) => e.$emit("toggle", !1))
                     })
                   ]),
-                  content: a(() => [
-                    g(d(e.$t("HC_CLOSE")), 1)
+                  content: d(() => [
+                    k(a(e.$t("HC_CLOSE")), 1)
                   ]),
                   _: 1
                 })
               ])
             ])
           ]),
-          e.loading.pms && e.size === "sm" ? (l(), t("div", x)) : !e.loading.pms && (e.occupied || e.cleanliness) && e.size === "sm" ? (l(), t("div", ee, [
-            e.occupied ? (l(), k(u, {
+          e.loading.pms && e.size === "sm" ? (l(), i("div", x)) : !e.loading.pms && (e.occupied || e.cleanliness) && e.size === "sm" ? (l(), i("div", ee, [
+            e.occupied ? (l(), g(p, {
               key: 0,
               icon: "user",
               type: "fill",
               color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
               size: "sm"
-            }, null, 8, ["color"])) : i("", !0),
-            e.cleanliness ? (l(), k(u, {
+            }, null, 8, ["color"])) : t("", !0),
+            e.cleanliness ? (l(), g(p, {
               key: 1,
               icon: "spray-bottle",
               type: "fill",
               color: e.cleanlinessColor,
               size: "sm"
-            }, null, 8, ["color"])) : i("", !0)
-          ])) : i("", !0),
-          e.loading.roomNotices ? (l(), t("div", se)) : !e.loading.roomNotices && e.tagsList.length && e.showRoomName ? (l(), t("div", oe, [
-            (l(!0), t(q, null, v(e.tagsList, (s) => (l(), t("a", {
-              key: s,
-              href: typeof s == "object" && s.id && s.name ? `/roomsbook/notice.php?id=${s.id}` : "",
+            }, null, 8, ["color"])) : t("", !0)
+          ])) : t("", !0),
+          e.loading.roomNotices ? (l(), i("div", oe)) : !e.loading.roomNotices && e.tagsList.length && e.showRoomName ? (l(), i("div", se, [
+            (l(!0), i(h, null, f(e.tagsList, (o) => (l(), i("a", {
+              key: o,
+              href: typeof o == "object" && o.id && o.name ? `/roomsbook/notice.php?id=${o.id}` : "",
               target: "_blank",
               class: "mr-2 mb-1 capitalize"
             }, [
-              r(c, { position: "bottom" }, {
-                trigger: a(() => [
-                  r($, {
-                    class: p([
+              n(q, { position: "bottom" }, {
+                trigger: d(() => [
+                  n($, {
+                    class: u([
                       "!text-tiny !leading-4",
                       "shrink-0 max-w-[100px] !h-auto",
                       "!py-0.5 !px-1.5 border",
                       "border-orange-10",
-                      { pulse: s.isNew }
+                      { pulse: o.isNew }
                     ]),
                     "bg-color": "bg-yellow-0",
                     "text-color": "text-inkwell-30"
                   }, {
-                    default: a(() => [
-                      g(d(typeof s == "object" && s.id && s.name ? s.name : s), 1)
+                    default: d(() => [
+                      k(a(typeof o == "object" && o.id && o.name ? o.name : o), 1)
                     ]),
                     _: 2
                   }, 1032, ["class"])
                 ]),
-                content: a(() => [
-                  g(d(e.$t("HC_VIEW_DETAILS")), 1)
+                content: d(() => [
+                  k(a(e.$t("HC_VIEW_DETAILS")), 1)
                 ]),
                 _: 2
               }, 1024)
             ], 8, le))), 128))
-          ])) : i("", !0),
-          n("div", {
-            class: p(["accordions", { closed: e.showCreateRequest }])
+          ])) : t("", !0),
+          r("div", {
+            class: u(["accordions", { closed: e.showCreateRequest }])
           }, [
-            e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] ? (l(), k(O, {
+            e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] ? (l(), g(O, {
               key: 0,
               modelValue: e.expandGuestInfo,
-              "onUpdate:modelValue": o[11] || (o[11] = (s) => e.expandGuestInfo = s),
+              "onUpdate:modelValue": s[11] || (s[11] = (o) => e.expandGuestInfo = o),
               class: "mb-3",
               "content-class": "!px-0 !pt-3 !pb-0"
             }, {
-              toggle: a(() => [
-                n("div", {
+              toggle: d(() => [
+                r("div", {
                   class: "flex items-center cursor-pointer",
-                  onClick: o[10] || (o[10] = (s) => e.expandGuestInfo = !e.expandGuestInfo)
+                  onClick: s[10] || (s[10] = (o) => e.expandGuestInfo = !e.expandGuestInfo)
                 }, [
-                  n("div", te, d(e.$t("HC_GUEST_INFORMATION")), 1),
-                  r(T, { class: "grow" }),
-                  r(u, {
-                    class: p([
+                  r("div", ie, a(e.$t("HC_GUEST_INFORMATION")), 1),
+                  n(T, { class: "grow" }),
+                  n(p, {
+                    class: u([
                       "ml-2 transition-transform",
                       { "rotate-90": e.expandGuestInfo }
                     ]),
@@ -494,46 +500,46 @@ function bs(e, o, Os, Es, $s, Ss) {
                   }, null, 8, ["class"])
                 ])
               ]),
-              content: a(() => [
-                e.loading.pms ? (l(), t("div", ie)) : (l(), t("div", re, [
-                  e.roomDetailsData.reservations[0].guestName ? (l(), t("p", ne, [
-                    n("strong", null, d(e.roomDetailsData.reservations[0].guestName), 1)
-                  ])) : i("", !0),
-                  n("div", {
-                    class: p([
+              content: d(() => [
+                e.loading.pms ? (l(), i("div", te)) : (l(), i("div", ne, [
+                  e.roomDetailsData.reservations[0].guestName ? (l(), i("p", re, [
+                    r("strong", null, a(e.roomDetailsData.reservations[0].guestName), 1)
+                  ])) : t("", !0),
+                  r("div", {
+                    class: u([
                       "stay-details-container flex",
                       e.size === "sm" ? "flex-col" : "flex-row gap-3"
                     ])
                   }, [
-                    e.roomDetailsData.reservations[0].confirmationNumber ? (l(), t("div", de, [
-                      n("div", ae, d(e.$t("HC_RESERVATION")) + ": ", 1),
-                      n("div", pe, d(e.roomDetailsData.reservations[0].confirmationNumber), 1)
-                    ])) : i("", !0),
-                    e.stayDetails ? (l(), t("div", ue, [
-                      n("div", me, d(e.$t("HC_STAY")) + ": ", 1),
-                      n("div", ye, d(e.stayDetails), 1)
-                    ])) : i("", !0)
+                    e.roomDetailsData.reservations[0].confirmationNumber ? (l(), i("div", ae, [
+                      r("div", de, a(e.$t("HC_RESERVATION")) + ": ", 1),
+                      r("div", ue, a(e.roomDetailsData.reservations[0].confirmationNumber), 1)
+                    ])) : t("", !0),
+                    e.stayDetails ? (l(), i("div", pe, [
+                      r("div", me, a(e.$t("HC_STAY")) + ": ", 1),
+                      r("div", ye, a(e.stayDetails), 1)
+                    ])) : t("", !0)
                   ], 2)
                 ]))
               ]),
               _: 1
-            }, 8, ["modelValue"])) : i("", !0),
-            e.showTickets ? (l(), k(O, {
+            }, 8, ["modelValue"])) : t("", !0),
+            e.showTickets ? (l(), g(O, {
               key: 1,
               modelValue: e.expandTickets,
-              "onUpdate:modelValue": o[13] || (o[13] = (s) => e.expandTickets = s),
+              "onUpdate:modelValue": s[13] || (s[13] = (o) => e.expandTickets = o),
               class: "mb-3",
               "content-class": "!px-0 !pt-3 !pb-0"
             }, {
-              toggle: a(() => [
-                n("div", {
+              toggle: d(() => [
+                r("div", {
                   class: "flex items-center cursor-pointer",
-                  onClick: o[12] || (o[12] = (s) => e.expandTickets = !e.expandTickets)
+                  onClick: s[12] || (s[12] = (o) => e.expandTickets = !e.expandTickets)
                 }, [
-                  n("div", ke, d(e.$t("HC_OPEN_TICKETS")), 1),
-                  r(T, { class: "grow" }),
-                  r(u, {
-                    class: p([
+                  r("div", ge, a(e.$t("HC_OPEN_TICKETS")), 1),
+                  n(T, { class: "grow" }),
+                  n(p, {
+                    class: u([
                       "ml-2 transition-transform",
                       { "rotate-90": e.expandTickets }
                     ]),
@@ -543,48 +549,48 @@ function bs(e, o, Os, Es, $s, Ss) {
                   }, null, 8, ["class"])
                 ])
               ]),
-              content: a(() => [
-                e.loading.tickets ? (l(), t("div", ge)) : e.ticketsList.length ? (l(), t("ul", he, [
-                  (l(!0), t(q, null, v(e.ticketsList, (s, b) => (l(), t("li", {
-                    key: s.id,
-                    id: `open-ticket-${s.id}`
+              content: d(() => [
+                e.loading.tickets ? (l(), i("div", ke)) : e.ticketsList.length ? (l(), i("ul", he, [
+                  (l(!0), i(h, null, f(e.ticketsList, (o, b) => (l(), i("li", {
+                    key: o.id,
+                    id: `open-ticket-${o.id}`
                   }, [
-                    r(N, {
-                      class: p([
+                    n(M, {
+                      class: u([
                         {
                           "mt-3": b > 0,
-                          pulse: s.isNew
+                          pulse: o.isNew
                         }
                       ]),
                       "is-clickable": !0,
-                      text: s.name,
+                      text: o.name,
                       time: e.getHowLongAgo(
-                        s.started?.dateUtc
+                        o.started?.dateUtc
                       ),
-                      type: s.type,
-                      onClick: (Hs) => e.onClickTicket(s)
+                      type: o.type,
+                      onClick: (Mo) => e.onClickTicket(o)
                     }, null, 8, ["class", "text", "time", "type", "onClick"])
-                  ], 8, we))), 128))
-                ])) : (l(), t("p", qe, d(e.$t("HC_THERE_ARE_NO_OPEN_TICKETS_YET")), 1))
+                  ], 8, ve))), 128))
+                ])) : (l(), i("p", we, a(e.$t("HC_THERE_ARE_NO_OPEN_TICKETS_YET")), 1))
               ]),
               _: 1
-            }, 8, ["modelValue"])) : i("", !0),
-            e.showComments ? (l(), k(O, {
+            }, 8, ["modelValue"])) : t("", !0),
+            e.showComments ? (l(), g(O, {
               key: 2,
               modelValue: e.expandComments,
-              "onUpdate:modelValue": o[19] || (o[19] = (s) => e.expandComments = s),
+              "onUpdate:modelValue": s[19] || (s[19] = (o) => e.expandComments = o),
               class: "messages mb-3",
               "content-class": "!px-0 !pt-3 !pb-0"
             }, {
-              toggle: a(() => [
-                n("div", {
+              toggle: d(() => [
+                r("div", {
                   class: "flex items-center cursor-pointer",
-                  onClick: o[14] || (o[14] = (s) => e.expandComments = !e.expandComments)
+                  onClick: s[14] || (s[14] = (o) => e.expandComments = !e.expandComments)
                 }, [
-                  n("div", ce, d(e.$t("HC_GUEST_CONNECT")), 1),
-                  r(T, { class: "grow" }),
-                  r(u, {
-                    class: p([
+                  r("div", qe, a(e.$t("HC_GUEST_CONNECT")), 1),
+                  n(T, { class: "grow" }),
+                  n(p, {
+                    class: u([
                       "ml-2 transition-transform",
                       { "rotate-90": e.expandComments }
                     ]),
@@ -594,9 +600,9 @@ function bs(e, o, Os, Es, $s, Ss) {
                   }, null, 8, ["class"])
                 ])
               ]),
-              content: a(() => [
-                n("div", {
-                  class: p([
+              content: d(() => [
+                r("div", {
+                  class: u([
                     "quick-replies-container",
                     "flex flex-col",
                     { show: e.quickReplyOpen },
@@ -608,57 +614,70 @@ function bs(e, o, Os, Es, $s, Ss) {
                     }
                   ])
                 }, [
-                  e.filteredReplies.length ? (l(), t("div", ve, [
-                    (l(!0), t(q, null, v(e.filteredReplies, (s) => (l(), t("div", {
-                      key: s,
-                      class: p([
+                  e.filteredReplies.length ? (l(), i("div", fe, [
+                    (l(!0), i(h, null, f(e.filteredReplies, (o) => (l(), i("div", {
+                      key: o,
+                      class: u([
                         "quick-reply",
                         { active: e.comment }
                       ]),
-                      onClick: (b) => e.onSelectQuickReply(s)
+                      onClick: (b) => e.onSelectQuickReply(o)
                     }, [
-                      n("div", null, d(s), 1)
+                      r("div", null, a(o), 1)
                     ], 10, Te))), 128))
-                  ])) : (l(), t("div", fe, d(e.$t("HC_NO_RESULTS_FOUND_FOR")) + ' "' + d(e.comment) + '". ', 1))
+                  ])) : (l(), i("div", Ce, a(e.$t("HC_NO_RESULTS_FOUND_FOR")) + ' "' + a(e.comment) + '". ', 1))
                 ], 2),
-                n("div", Ce, [
-                  n("div", be, [
-                    (l(!0), t(q, null, v(e.groupedMessages, (s, b) => (l(), t(q, { key: b }, [
-                      s.type === "separator" ? (l(), t("div", Oe, [
-                        n("span", Ee, d(s.label), 1)
-                      ])) : (l(), t("div", {
+                r("div", ce, [
+                  r("div", be, [
+                    e.loading.messages ? (l(), i("div", Oe, [...s[55] || (s[55] = [
+                      r("div", { class: "flex gap-2 items-end" }, [
+                        r("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" }),
+                        r("div", { class: "animate-shimmer bg-gray-10 h-12 w-3/4 rounded-lg" })
+                      ], -1),
+                      r("div", { class: "flex gap-2 items-end justify-end" }, [
+                        r("div", { class: "animate-shimmer bg-gray-10 h-10 w-2/3 rounded-lg" }),
+                        r("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" })
+                      ], -1),
+                      r("div", { class: "flex gap-2 items-end" }, [
+                        r("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" }),
+                        r("div", { class: "animate-shimmer bg-gray-10 h-8 w-1/2 rounded-lg" })
+                      ], -1)
+                    ])])) : (l(!0), i(h, { key: 1 }, f(e.groupedMessages, (o, b) => (l(), i(h, { key: b }, [
+                      o.type === "separator" ? (l(), i("div", Ee, [
+                        r("span", $e, a(o.label), 1)
+                      ])) : (l(), i("div", {
                         key: 1,
-                        class: p([
+                        class: u([
                           "chat-message",
                           {
-                            "chat-message--staff": s.isStaffMessage,
-                            "chat-message--guest": s.isGuestMessage
+                            "chat-message--staff": o.isStaffMessage,
+                            "chat-message--guest": o.isGuestMessage
                           }
                         ])
                       }, [
-                        s.isGuestMessage ? (l(), t("div", $e, [
-                          r(c, { position: "top" }, {
-                            trigger: a(() => [
-                              r(H, {
-                                initials: s.user?.initials || "?",
-                                src: s.user?.src || "",
+                        o.isGuestMessage ? (l(), i("div", Se, [
+                          n(q, { position: "top" }, {
+                            trigger: d(() => [
+                              n(D, {
+                                initials: o.user?.initials || "?",
+                                src: o.user?.src || "",
                                 size: "sm"
                               }, null, 8, ["initials", "src"])
                             ]),
-                            content: a(() => [
-                              g(d(s.user?.name || e.$t("HC_GUEST")), 1)
+                            content: d(() => [
+                              k(a(o.user?.name || e.$t("HC_GUEST")), 1)
                             ]),
                             _: 2
                           }, 1024)
-                        ])) : i("", !0),
-                        n("div", Se, [
-                          n("div", He, d(s.formattedTime), 1),
-                          n("div", Ve, d(s.comment), 1)
+                        ])) : t("", !0),
+                        r("div", De, [
+                          r("div", He, a(o.formattedTime), 1),
+                          r("div", Ve, a(o.comment), 1)
                         ]),
-                        s.isStaffMessage ? (l(), t("div", De, [
-                          r(H, { size: "sm" }, {
-                            default: a(() => [
-                              r(u, {
+                        o.isStaffMessage ? (l(), i("div", Me, [
+                          n(D, { size: "sm" }, {
+                            default: d(() => [
+                              n(p, {
                                 icon: "building",
                                 size: "sm",
                                 color: "gray-30",
@@ -667,90 +686,95 @@ function bs(e, o, Os, Es, $s, Ss) {
                             ]),
                             _: 1
                           })
-                        ])) : i("", !0)
+                        ])) : t("", !0)
                       ], 2))
                     ], 64))), 128)),
-                    e.groupedMessages.length ? i("", !0) : (l(), t("div", Ne, d(e.$t("HC_NO_MESSAGES_YET")), 1))
+                    !e.loading.messages && !e.groupedMessages.length ? (l(), i("div", Ne, a(e.$t("HC_NO_MESSAGES_YET")), 1)) : t("", !0)
                   ]),
-                  e.isTestEnvironment && e.simulateOpen ? (l(), t("div", Ue, [
-                    n("div", Ae, [
-                      o[55] || (o[55] = n("span", { class: "simulate-badge" }, "TEST", -1)),
-                      n("span", null, d(e.$t("HC_SIMULATE_GUEST_REPLY")), 1),
-                      r(u, {
+                  e.isTestEnvironment && e.simulateOpen ? (l(), i("div", Ue, [
+                    r("div", Ae, [
+                      s[56] || (s[56] = r("span", { class: "simulate-badge" }, "TEST", -1)),
+                      r("span", null, a(e.$t("HC_SIMULATE_GUEST_REPLY")), 1),
+                      n(p, {
                         icon: "close",
                         size: "sm",
                         class: "cursor-pointer ml-auto",
                         onClick: e.toggleSimulateOpen
                       }, null, 8, ["onClick"])
                     ]),
-                    n("div", Re, [
-                      r(h, {
+                    r("div", Re, [
+                      n(v, {
                         id: "simulate-content",
                         modelValue: e.simulateContent,
-                        "onUpdate:modelValue": o[15] || (o[15] = (s) => e.simulateContent = s),
+                        "onUpdate:modelValue": s[15] || (s[15] = (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: V(E(e.simulateGuestReply, ["prevent"]), ["enter"])
+                        onKeydown: H(E(e.simulateGuestReply, ["prevent"]), ["enter"])
                       }, null, 8, ["modelValue", "placeholder", "onKeydown"]),
-                      n("div", Ge, [
-                        r(f, {
+                      r("div", Ie, [
+                        n(C, {
                           disabled: !e.simulateContent.trim() || e.simulateLoading,
                           loading: e.simulateLoading,
                           size: "xsm",
                           class: "simulate-send-btn",
                           onClick: e.simulateGuestReply
                         }, {
-                          default: a(() => [
-                            g(d(e.$t("HC_SEND")), 1)
+                          default: d(() => [
+                            k(a(e.$t("HC_SEND")), 1)
                           ]),
                           _: 1
                         }, 8, ["disabled", "loading", "onClick"])
                       ])
                     ])
-                  ])) : i("", !0),
-                  n("div", Le, [
-                    n("div", Me, [
-                      e.messages.length > 0 ? (l(), t("div", {
+                  ])) : t("", !0),
+                  r("div", Ge, [
+                    r("div", Le, [
+                      e.messages.length > 0 ? (l(), i("div", {
                         key: 0,
-                        class: p([
-                          "cursor-pointer text-xs px-2 py-1 rounded shrink-0",
-                          "border border-gray-12 hover:bg-gray-5",
+                        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: o[16] || (o[16] = (...s) => e.toggleMarkOpenClose && e.toggleMarkOpenClose(...s))
-                      }, d(e.$t(
-                        e.isConversationOpen ? "HC_CLOSE" : "HC_OPEN"
-                      )), 3)) : i("", !0),
-                      e.isTestEnvironment && e.roomDetailsData?.tokenId ? (l(), t("div", {
+                        onClick: s[16] || (s[16] = (o) => !e.loading.conversationToggle && e.toggleMarkOpenClose())
+                      }, [
+                        e.loading.conversationToggle ? (l(), i("span", ze, "...")) : (l(), i(h, { key: 1 }, [
+                          k(a(e.$t(
+                            e.isConversationOpen ? "HC_CLOSE" : "HC_OPEN"
+                          )), 1)
+                        ], 64))
+                      ], 2)) : t("", !0),
+                      e.isTestEnvironment && e.roomDetailsData?.tokenId ? (l(), i("div", {
                         key: 1,
-                        class: p([
+                        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: o[17] || (o[17] = (...s) => e.toggleSimulateOpen && e.toggleSimulateOpen(...s))
-                      }, d(e.$t("HC_SIMULATE")), 3)) : i("", !0),
-                      n("div", Ie, [
-                        r(h, {
+                        onClick: s[17] || (s[17] = (...o) => e.toggleSimulateOpen && e.toggleSimulateOpen(...o))
+                      }, a(e.$t("HC_SIMULATE")), 3)) : t("", !0),
+                      r("div", Ye, [
+                        n(v, {
                           id: "comment-field",
                           modelValue: e.comment,
-                          "onUpdate:modelValue": o[18] || (o[18] = (s) => e.comment = s),
+                          "onUpdate:modelValue": s[18] || (s[18] = (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: V(e.sendChatMessage, ["enter"])
+                          onKeydown: H(e.sendChatMessage, ["enter"])
                         }, null, 8, ["modelValue", "placeholder", "onKeydown"]),
-                        n("div", {
+                        r("div", {
                           id: "hidden-text",
                           class: "text-sm",
                           innerHTML: e.comment
-                        }, null, 8, ze),
-                        r(u, {
+                        }, null, 8, Pe),
+                        n(p, {
                           id: "quick-reply-trigger",
                           icon: "comment-lines",
                           class: "cursor-pointer !absolute top-1/2 -translate-y-1/2 mb-1",
@@ -759,30 +783,32 @@ function bs(e, o, Os, Es, $s, Ss) {
                           type: e.quickReplyOpen ? "fill" : "outline",
                           onClick: e.toggleQuickReply
                         }, null, 8, ["color", "type", "onClick"]),
-                        r(f, {
+                        n(C, {
                           id: "send-comment",
-                          disabled: !e.comment || e.quickReplyOpen,
+                          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: a(() => [
-                            g(d(e.$t("HC_SEND")), 1)
+                          default: d(() => [
+                            k(a(e.$t("HC_SEND")), 1)
                           ]),
                           _: 1
-                        }, 8, ["disabled", "onClick"])
+                        }, 8, ["disabled", "loading", "onClick"])
                       ])
                     ])
                   ])
                 ])
               ]),
               _: 1
-            }, 8, ["modelValue"])) : i("", !0)
+            }, 8, ["modelValue"])) : t("", !0)
           ], 2),
-          n("div", {
+          r("div", {
             id: "add-ticket",
-            class: p([
+            class: u([
               "add-ticket",
               {
                 "overflow-hidden": !e.showCreateRequest,
@@ -790,271 +816,278 @@ function bs(e, o, Os, Es, $s, Ss) {
               }
             ])
           }, [
-            r(T, {
+            n(T, {
               class: "text-base section-header mb-3",
               align: "left",
               color: "inkwell-30"
             }, {
-              default: a(() => [
-                n("div", Pe, [
-                  n("div", We, d(e.$t("HC_ACTION")), 1)
+              default: d(() => [
+                r("div", Be, [
+                  r("div", We, a(e.$t("HC_ACTION")), 1)
                 ])
               ]),
               _: 1
             }),
-            n("form", {
+            r("form", {
               class: "flex flex-col",
-              onSubmit: o[51] || (o[51] = E((...s) => e.onCreateRequestSubmit && e.onCreateRequestSubmit(...s), ["prevent"]))
+              onSubmit: s[51] || (s[51] = E((...o) => e.onCreateRequestSubmit && e.onCreateRequestSubmit(...o), ["prevent"]))
             }, [
-              e.showCreateRequest ? (l(), t("div", Be, [
-                n("div", Ke, [
-                  n("div", Ye, [
-                    r(m, {
+              e.showCreateRequest ? (l(), i("div", Ke, [
+                r("div", je, [
+                  r("div", Fe, [
+                    n(m, {
                       id: "todo-type",
-                      selected: e.requestType,
+                      "model-value": e.requestType,
                       options: e.todoOptions,
                       placeholder: e.$t("HC_ACTION_TYPE"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[20] || (o[20] = (s) => e.onSelectToDo(s))
-                    }, null, 8, ["selected", "options", "placeholder"])
+                      "onUpdate:modelValue": s[20] || (s[20] = (o) => e.onSelectToDo(o))
+                    }, null, 8, ["model-value", "options", "placeholder"])
                   ]),
-                  e.requestType && e.requestType.id === "room_notice" ? (l(), t("div", je, [
-                    r(m, {
+                  e.requestType && e.requestType.id === "room_notice" ? (l(), i("div", Ze, [
+                    n(m, {
                       id: "todo-notice-issue",
-                      selected: e.roomNotice.issue,
+                      "model-value": e.roomNotice.issue,
                       options: e.itemOptionsList,
-                      disabled: !e.itemOptionsList.length,
+                      disabled: !e.itemOptionsList.length && !e.loading.actionItems,
+                      loading: e.loading.actionItems,
                       placeholder: e.$t("HC_ITEM"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[21] || (o[21] = (s) => e.roomNotice.issue = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), t("div", Fe, [
-                    r(w, {
+                      "onUpdate:modelValue": s[21] || (s[21] = (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 ? (l(), i("div", Qe, [
+                    n(w, {
                       id: "todo-notice-start-date",
-                      value: e.roomNotice.startDate,
+                      "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",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[22] || (o[22] = (s) => e.roomNotice.startDate = s)
-                    }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), t("div", Ze, [
-                    r(w, {
+                      "onUpdate:modelValue": s[22] || (s[22] = (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 ? (l(), i("div", Je, [
+                    n(w, {
                       id: "todo-notice-end-date",
-                      value: e.roomNotice.endDate,
+                      "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",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[23] || (o[23] = (s) => e.roomNotice.endDate = s)
-                    }, null, 8, ["value", "minimum-date", "property-timezone", "locale", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), t("div", Qe, [
-                    r(h, {
+                      "onUpdate:modelValue": s[23] || (s[23] = (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 ? (l(), i("div", Xe, [
+                    n(v, {
                       id: "todo-notice-notes",
                       modelValue: e.roomNotice.notes,
-                      "onUpdate:modelValue": o[24] || (o[24] = (s) => e.roomNotice.notes = s),
+                      "onUpdate:modelValue": s[24] || (s[24] = (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
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "complaint" ? (l(), t("div", Je, [
-                    r(m, {
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" ? (l(), i("div", _e, [
+                    n(m, {
                       id: "todo-complaint-problem",
-                      selected: e.complaint.problem,
+                      "model-value": e.complaint.problem,
                       options: e.itemOptionsList,
-                      disabled: !e.itemOptionsList.length,
+                      disabled: !e.itemOptionsList.length && !e.loading.actionItems,
+                      loading: e.loading.actionItems,
                       multiple: !1,
                       placeholder: e.$t("HC_PROBLEM"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[25] || (o[25] = (s) => e.complaint.problem = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Xe, [
-                    r(C, {
+                      "onUpdate:modelValue": s[25] || (s[25] = (o) => e.complaint.problem = o)
+                    }, null, 8, ["model-value", "options", "disabled", "loading", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", xe, [
+                    n(c, {
                       id: "guest-name",
                       modelValue: e.complaint.guestName,
-                      "onUpdate:modelValue": o[26] || (o[26] = (s) => e.complaint.guestName = s),
+                      "onUpdate:modelValue": s[26] || (s[26] = (o) => e.complaint.guestName = o),
                       placeholder: e.$t("HC_GUEST_NAME"),
                       "control-class": "w-full",
                       classes: "text-inkwell-30 border-gray-12 ui-overhaul",
                       condensed: "",
                       required: ""
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", _e, [
-                    r(C, {
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", eo, [
+                    n(c, {
                       id: "guest-phone",
                       modelValue: e.complaint.guestPhone,
-                      "onUpdate:modelValue": o[27] || (o[27] = (s) => e.complaint.guestPhone = s),
+                      "onUpdate:modelValue": s[27] || (s[27] = (o) => e.complaint.guestPhone = o),
                       placeholder: e.$t("HC_GUEST_PHONE_NUMBER"),
                       classes: "text-inkwell-40 border-gray-12 ui-overhaul",
                       condensed: ""
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", xe, [
-                    r(C, {
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", oo, [
+                    n(c, {
                       id: "guest-email",
                       modelValue: e.complaint.guestEmail,
-                      "onUpdate:modelValue": o[28] || (o[28] = (s) => e.complaint.guestEmail = s),
+                      "onUpdate:modelValue": s[28] || (s[28] = (o) => e.complaint.guestEmail = o),
                       placeholder: e.$t("HC_GUEST_EMAIL"),
                       classes: "text-inkwell-40 border-gray-12 ui-overhaul",
                       condensed: ""
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", es, [
-                    r(C, {
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", so, [
+                    n(c, {
                       id: "guest-loyalty",
                       modelValue: e.complaint.guestLoyalty,
-                      "onUpdate:modelValue": o[29] || (o[29] = (s) => e.complaint.guestLoyalty = s),
+                      "onUpdate:modelValue": s[29] || (s[29] = (o) => e.complaint.guestLoyalty = o),
                       placeholder: e.$t("HC_GUEST_LOYALTY"),
                       classes: "text-inkwell-40 border-gray-12 ui-overhaul",
                       condensed: ""
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", ss, [
-                    r(m, {
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", lo, [
+                    n(m, {
                       id: "todo-complaint-mood",
-                      selected: e.complaint.guestMood,
+                      "model-value": e.complaint.guestMood,
                       options: e.moodOptions,
                       disabled: !e.moodOptions.length,
                       placeholder: e.$t("HC_GUEST_MOOD"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[30] || (o[30] = (s) => e.complaint.guestMood = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", os, [
-                    r(w, {
+                      "onUpdate:modelValue": s[30] || (s[30] = (o) => e.complaint.guestMood = o)
+                    }, null, 8, ["model-value", "options", "disabled", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", io, [
+                    n(w, {
                       id: "todo-complaint-check-in",
-                      value: e.complaint.checkInDate,
+                      "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",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[31] || (o[31] = (s) => e.complaint.checkInDate = s)
-                    }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", ls, [
-                    r(w, {
+                      "onUpdate:modelValue": s[31] || (s[31] = (o) => e.complaint.checkInDate = o)
+                    }, null, 8, ["model-value", "property-timezone", "locale", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", to, [
+                    n(w, {
                       id: "todo-complaint-check-out",
-                      value: e.complaint.checkOutDate,
+                      "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",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[32] || (o[32] = (s) => e.complaint.checkOutDate = s)
-                    }, null, 8, ["value", "minimum-date", "property-timezone", "locale", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", ts, [
-                    r(h, {
+                      "onUpdate:modelValue": s[32] || (s[32] = (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 ? (l(), i("div", no, [
+                    n(v, {
                       id: "todo-complaint-notes",
                       modelValue: e.complaint.notes,
-                      "onUpdate:modelValue": o[33] || (o[33] = (s) => e.complaint.notes = s),
+                      "onUpdate:modelValue": s[33] || (s[33] = (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
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "work_order" ? (l(), t("div", is, [
-                    r(m, {
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "work_order" ? (l(), i("div", ro, [
+                    n(m, {
                       id: "todo-work-order-item",
-                      selected: e.workOrder.item,
+                      "model-value": e.workOrder.item,
                       options: e.itemOptionsList,
-                      disabled: !e.itemOptionsList.length,
+                      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",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[34] || (o[34] = (s) => e.workOrder.item = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item ? (l(), t("div", rs, [
-                    r(m, {
+                      "onUpdate:modelValue": s[34] || (s[34] = (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 ? (l(), i("div", ao, [
+                    n(m, {
                       id: "todo-work-order-issue",
-                      selected: e.workOrder.issue,
+                      "model-value": e.workOrder.issue,
                       options: e.workOrderIssues,
                       disabled: !e.workOrderIssues.length,
                       placeholder: e.$t("HC_ISSUE"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[35] || (o[35] = (s) => e.workOrder.issue = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", ns, [
-                    r(m, {
+                      "onUpdate:modelValue": s[35] || (s[35] = (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 ? (l(), i("div", uo, [
+                    n(m, {
                       id: "todo-work-order-requested-by",
-                      selected: e.workOrder.requestedBy,
+                      "model-value": e.workOrder.requestedBy,
                       options: e.requestedByOptions,
                       placeholder: e.$t("HC_REQUESTED_BY"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[36] || (o[36] = (s) => e.workOrder.requestedBy = s)
-                    }, null, 8, ["selected", "options", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", ds, [
-                    r(m, {
+                      "onUpdate:modelValue": s[36] || (s[36] = (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 ? (l(), i("div", po, [
+                    n(m, {
                       id: "todo-work-order-assign-type",
-                      selected: e.workOrder.assignType,
+                      "model-value": e.workOrder.assignType,
                       options: e.assignTypes,
                       placeholder: e.$t("HC_ASSIGN_TYPE"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[37] || (o[37] = (s) => e.workOrder.assignType = s)
-                    }, null, 8, ["selected", "options", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", as, [
-                    e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 1 ? (l(), k(m, {
+                      "onUpdate:modelValue": s[37] || (s[37] = (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 ? (l(), i("div", mo, [
+                    e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 1 ? (l(), g(m, {
                       key: 0,
-                      id: "todo-work-order-assign-type",
-                      selected: e.workOrder.department,
+                      id: "todo-work-order-assign-to",
+                      "model-value": e.workOrder.department,
                       options: e.departments,
                       disabled: !e.departments.length,
                       placeholder: e.$t("HC_ASSIGN_TO"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[38] || (o[38] = (s) => e.workOrder.department = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])) : i("", !0),
-                    e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 2 ? (l(), k(m, {
+                      "onUpdate:modelValue": s[38] || (s[38] = (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 ? (l(), g(m, {
                       key: 1,
-                      id: "todo-work-order-assign-type",
-                      selected: e.workOrder.person,
+                      id: "todo-work-order-assign-to",
+                      "model-value": e.workOrder.person,
                       options: e.departmentUsers,
                       disabled: !e.departmentUsers.length,
                       "group-selectable": !1,
@@ -1063,104 +1096,107 @@ function bs(e, o, Os, Es, $s, Ss) {
                       "group-values": "options",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[39] || (o[39] = (s) => e.workOrder.person = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])) : i("", !0)
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", ps, [
-                    r(w, {
+                      "onUpdate:modelValue": s[39] || (s[39] = (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 ? (l(), i("div", yo, [
+                    n(w, {
                       id: "todo-work-order-due",
-                      value: e.workOrder.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",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[40] || (o[40] = (s) => e.workOrder.due = s)
-                    }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", us, [
-                    r(h, {
+                      "onUpdate:modelValue": s[40] || (s[40] = (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 ? (l(), i("div", go, [
+                    n(v, {
                       id: "todo-work-order-notes",
                       modelValue: e.workOrder.notes,
-                      "onUpdate:modelValue": o[41] || (o[41] = (s) => e.workOrder.notes = s),
+                      "onUpdate:modelValue": s[41] || (s[41] = (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
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "request" ? (l(), t("div", ms, [
-                    r(m, {
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" ? (l(), i("div", ko, [
+                    n(m, {
                       id: "todo-request-item",
-                      selected: e.request.item,
+                      "model-value": e.request.item,
                       options: e.itemOptionsList,
-                      disabled: !e.itemOptionsList.length,
+                      disabled: !e.itemOptionsList.length && !e.loading.actionItems,
+                      loading: e.loading.actionItems,
                       placeholder: e.$t("HC_ITEM"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[42] || (o[42] = (s) => e.request.item = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", ys, [
-                    r(m, {
+                      "onUpdate:modelValue": s[42] || (s[42] = (o) => e.request.item = o)
+                    }, null, 8, ["model-value", "options", "disabled", "loading", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", ho, [
+                    n(m, {
                       id: "todo-request-requested-by",
-                      selected: e.request.requestedBy,
+                      "model-value": e.request.requestedBy,
                       options: e.requestedByOptions,
                       placeholder: e.$t("HC_REQUESTED_BY"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[43] || (o[43] = (s) => e.request.requestedBy = s)
-                    }, null, 8, ["selected", "options", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", ks, [
-                    r(w, {
+                      "onUpdate:modelValue": s[43] || (s[43] = (o) => e.request.requestedBy = o)
+                    }, null, 8, ["model-value", "options", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", vo, [
+                    n(w, {
                       id: "todo-request-due",
-                      value: e.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",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[44] || (o[44] = (s) => e.request.due = s)
-                    }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", gs, [
-                    r(m, {
+                      "onUpdate:modelValue": s[44] || (s[44] = (o) => e.request.due = o)
+                    }, null, 8, ["model-value", "property-timezone", "locale", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", wo, [
+                    n(m, {
                       id: "todo-request-assign-type",
-                      selected: e.request.assignType,
+                      "model-value": e.request.assignType,
                       options: e.assignTypes,
                       placeholder: e.$t("HC_ASSIGN_TYPE"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[45] || (o[45] = (s) => e.request.assignType = s)
-                    }, null, 8, ["selected", "options", "placeholder"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", hs, [
-                    e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 1 ? (l(), k(m, {
+                      "onUpdate:modelValue": s[45] || (s[45] = (o) => e.request.assignType = o)
+                    }, null, 8, ["model-value", "options", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", qo, [
+                    e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 1 ? (l(), g(m, {
                       key: 0,
-                      id: "todo-request-assign-type",
-                      selected: e.request.department,
+                      id: "todo-request-assign-to",
+                      "model-value": e.request.department,
                       options: e.departments,
                       disabled: !e.departments.length,
                       placeholder: e.$t("HC_ASSIGN_TO"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[46] || (o[46] = (s) => e.request.department = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])) : i("", !0),
-                    e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 2 ? (l(), k(m, {
+                      "onUpdate:modelValue": s[46] || (s[46] = (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 ? (l(), g(m, {
                       key: 1,
-                      id: "todo-request-assign-type",
-                      selected: e.request.person,
+                      id: "todo-request-assign-to",
+                      "model-value": e.request.person,
                       options: e.departmentUsers,
                       disabled: !e.departmentUsers.length,
                       "group-selectable": !1,
@@ -1169,89 +1205,87 @@ function bs(e, o, Os, Es, $s, Ss) {
                       "group-values": "options",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": o[47] || (o[47] = (s) => e.request.person = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])) : i("", !0)
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), t("div", ws, [
-                    r(m, {
+                      "onUpdate:modelValue": s[47] || (s[47] = (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 ? (l(), i("div", fo, [
+                    n(m, {
                       id: "todo-request-when",
-                      selected: e.request.when,
+                      "model-value": e.request.when,
                       options: e.whenOptions,
                       disabled: !e.whenOptions.length,
                       placeholder: e.$t("HC_SELECT_WHEN"),
-                      required: e.allowWhenWhere,
                       condensed: "",
-                      "onUpdate:modelValue": o[48] || (o[48] = (s) => e.request.when = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder", "required"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), t("div", qs, [
-                    r(m, {
+                      "onUpdate:modelValue": s[48] || (s[48] = (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 ? (l(), i("div", To, [
+                    n(m, {
                       id: "todo-request-where",
-                      selected: e.request.where,
+                      "model-value": e.request.where,
                       options: e.whereOptions,
                       disabled: !e.whereOptions.length,
                       placeholder: e.$t("HC_SELECT_WHERE"),
-                      required: e.allowWhenWhere,
                       condensed: "",
-                      "onUpdate:modelValue": o[49] || (o[49] = (s) => e.request.where = s)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder", "required"])
-                  ])) : i("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", cs, [
-                    r(h, {
+                      "onUpdate:modelValue": s[49] || (s[49] = (o) => e.request.where = o)
+                    }, null, 8, ["model-value", "options", "disabled", "placeholder"])
+                  ])) : t("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", Co, [
+                    n(v, {
                       id: "todo-request-notes",
                       modelValue: e.request.notes,
-                      "onUpdate:modelValue": o[50] || (o[50] = (s) => e.request.notes = s),
+                      "onUpdate:modelValue": s[50] || (s[50] = (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
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : i("", !0)
+                  ])) : t("", !0)
                 ])
-              ])) : i("", !0),
-              n("div", vs, [
-                r(f, {
+              ])) : t("", !0),
+              r("div", co, [
+                n(C, {
                   status: "secondary",
                   onClick: E(e.closeRequest, ["prevent"])
                 }, {
-                  default: a(() => [
-                    g(d(e.$t("HC_BACK")), 1)
+                  default: d(() => [
+                    k(a(e.$t("HC_BACK")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"]),
-                r(f, {
+                n(C, {
                   disabled: !e.validateToDo,
                   loading: e.requestLoading,
                   "use-loading-spinner": !0,
                   onClick: e.onCreateRequestSubmit
                 }, {
-                  default: a(() => [
-                    g(d(e.$t("HC_POST")), 1)
+                  default: d(() => [
+                    k(a(e.$t("HC_POST")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled", "loading", "onClick"])
               ])
             ], 32)
           ], 2),
-          e.loading.pms ? (l(), t("div", Ts)) : !e.loading.pms && e.roomDetailsData.updatedAt ? (l(), t("div", fs, [
-            r(u, {
+          e.loading.pms ? (l(), i("div", bo)) : !e.loading.pms && e.roomDetailsData.updatedAt ? (l(), i("div", Oo, [
+            n(p, {
               class: "flex-shrink-1 mr-2",
               size: "sm",
               color: "inkwell-0",
               icon: "clock-alarm",
               type: "outline"
             }),
-            n("p", Cs, d(e.$t("HC_PMS_UPDATED")) + " " + d(e.DateTime.fromISO(
+            r("p", Eo, a(e.$t("HC_PMS_UPDATED")) + " " + a(e.DateTime.fromISO(
               e.roomDetailsData.updatedAt
             ).toRelative({ locale: e.locale })), 1)
-          ])) : i("", !0)
-        ], 8, I)
+          ])) : t("", !0)
+        ], 8, L)
       ]),
       _: 3
     }, 8, ["model-value", "align", "position", "size", "teleport", "teleport-to"])
-  ], 40, L)) : i("", !0);
+  ], 40, I)) : t("", !0);
 }
-const As = /* @__PURE__ */ G(U, [["render", bs]]);
+const Io = /* @__PURE__ */ R(N, [["render", $o]]);
 export {
-  As as default
+  Io as default
 };