@quoreadmin/ui 1.6.6 → 1.6.8

package/dist/index43.js

@@ -1,184 +1,186 @@
-import S from "./index139.js";
-import { resolveComponent as y, createElementBlock as i, createCommentVNode as t, openBlock as l, createVNode as r, withCtx as a, createElementVNode as n, normalizeClass as p, toDisplayString as d, createBlock as k, Fragment as T, renderList as v, createTextVNode as w, withKeys as N, withModifiers as $, mergeProps as U, toHandlerKey as V, renderSlot as R } from "vue";
+import N 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 v, renderList as f, createTextVNode as h, withKeys as U, withModifiers as V, mergeProps as R, toHandlerKey as H, renderSlot as A } from "vue";
 /* empty css         */
-import A from "./index62.js";
-const G = ["id"], I = ["id"], L = ["id"], z = { class: "flex gap-3" }, M = {
+import G from "./index62.js";
+const I = ["id"], L = ["id"], M = ["id"], z = { class: "flex gap-3" }, P = {
   key: 0,
   class: "animate-shimmer bg-gray-30 w-3/4 h-6 grow"
-}, P = {
+}, W = {
   key: 0,
   class: "text-base text-inkwell-30"
-}, W = { key: 0 }, B = { key: 0 }, K = ["href"], Y = { class: "flex items-start" }, j = { class: "list-unstyled text-xs w-full" }, F = { class: "grow" }, Z = { class: "grow" }, Q = { class: "grow" }, J = { class: "grow" }, X = { class: "position-relative icon-container ml-auto" }, _ = {
+}, 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 = {
   key: 0,
   class: "animate-shimmer bg-gray-10 w-full h-4 my-4"
-}, x = {
+}, ee = {
   key: 1,
   class: "flex flex-wrap items-center mb-3 gap-2"
-}, ee = {
+}, 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"
-}, se = ["href"], le = { class: "shrink-0 mr-2 text-xs" }, ie = {
+}, le = ["href"], te = { class: "shrink-0 mr-2 text-sm font-normal" }, ie = {
   key: 0,
   class: "animate-shimmer bg-gray-10 w-full h-6"
-}, te = {
+}, re = {
   key: 1,
   class: "guest-info-container"
-}, re = {
+}, ne = {
   key: 0,
   class: "text-base text-inkwell-30 mb-2"
-}, ne = {
+}, de = {
   key: 0,
   class: "flex text-xs mb-2 stay-details-row"
-}, de = { class: "text-truncate text-inkwell-0" }, ae = { class: "grow text-inkwell-30" }, pe = {
+}, ae = { class: "text-truncate text-inkwell-0" }, pe = { class: "grow text-inkwell-30" }, ue = {
   key: 1,
   class: "flex text-xs mb-2 stay-details-row"
-}, ue = { class: "text-truncate text-inkwell-0" }, me = { class: "grow text-inkwell-30" }, ye = { class: "shrink-0 mr-2 text-xs" }, ke = {
+}, me = { class: "text-truncate text-inkwell-0" }, ye = { class: "grow text-inkwell-30" }, ke = { class: "shrink-0 mr-2 text-sm font-normal" }, he = {
   key: 0,
   class: "animate-shimmer bg-gray-30 w-full h-6"
-}, he = {
+}, ge = {
   key: 1,
   class: "open-tickets"
-}, we = ["id"], ge = {
+}, we = ["id"], qe = {
   key: 2,
-  class: "text-center mx-auto"
-}, qe = { class: "shrink-0 mr-2 text-xs" }, Te = {
+  class: "text-center mx-auto font-normal"
+}, Te = { class: "shrink-0 mr-2 text-sm font-normal" }, ve = {
   key: 0,
-  class: "quick-replies row"
-}, ve = ["onClick"], ce = {
+  class: "quick-replies"
+}, fe = ["onClick"], ce = {
   key: 1,
   class: "text-inkwell-0 text-xxs text-center"
-}, fe = { class: "relative" }, Ce = ["innerHTML"], be = { class: "flex items-center add-ticket-divider" }, Oe = { class: "grow flex items-center text-sm" }, Ee = {
+}, Ce = { class: "flex items-center gap-2 mb-2" }, be = { class: "relative" }, Oe = ["innerHTML"], Ee = { class: "flex items-center add-ticket-divider" }, $e = { class: "grow flex items-center text-sm font-normal" }, Ve = {
   key: 0,
   class: "grow"
-}, $e = { class: "flex justify-between flex-wrap" }, Ve = { class: "field" }, De = {
+}, He = { class: "grid grid-cols-2 gap-3" }, Se = { class: "field" }, De = {
   key: 0,
   class: "field"
-}, He = {
+}, Ne = {
   key: 1,
   class: "field"
-}, Se = {
+}, Ue = {
   key: 2,
   class: "field"
-}, Ne = {
+}, Re = {
   key: 3,
-  class: "field w-100"
-}, Ue = {
+  class: "field col-span-2"
+}, Ae = {
   key: 4,
   class: "field"
-}, Re = {
+}, Ge = {
   key: 5,
-  class: "field w-100"
-}, Ae = {
+  class: "field col-span-2"
+}, Ie = {
   key: 6,
   class: "field"
-}, Ge = {
+}, Le = {
   key: 7,
   class: "field"
-}, Ie = {
+}, Me = {
   key: 8,
   class: "field"
-}, Le = {
+}, ze = {
   key: 9,
   class: "field"
-}, ze = {
+}, Pe = {
   key: 10,
   class: "field"
-}, Me = {
+}, We = {
   key: 11,
   class: "field"
-}, Pe = {
+}, Be = {
   key: 12,
-  class: "field w-100"
-}, We = {
+  class: "field col-span-2"
+}, Ke = {
   key: 13,
   class: "field"
-}, Be = {
+}, Ye = {
   key: 14,
   class: "field"
-}, Ke = {
+}, je = {
   key: 15,
   class: "field"
-}, Ye = {
+}, Fe = {
   key: 16,
   class: "field"
-}, je = {
+}, Ze = {
   key: 17,
   class: "field"
-}, Fe = {
+}, Qe = {
   key: 18,
   class: "field"
-}, Ze = {
+}, Je = {
   key: 19,
-  class: "field w-100"
-}, Qe = {
+  class: "field col-span-2"
+}, Xe = {
   key: 20,
   class: "field"
-}, Je = {
+}, _e = {
   key: 21,
   class: "field"
-}, Xe = {
+}, xe = {
   key: 22,
   class: "field"
-}, _e = {
+}, eo = {
   key: 23,
   class: "field"
-}, xe = {
+}, oo = {
   key: 24,
   class: "field"
-}, eo = {
+}, so = {
   key: 25,
   class: "field"
-}, oo = {
+}, lo = {
   key: 26,
   class: "field"
-}, so = {
+}, to = {
   key: 27,
-  class: "field w-100"
-}, lo = {
+  class: "field col-span-2"
+}, io = {
   class: /* @__PURE__ */ p([
     "actions flex-shrink-0",
-    "flex items-center justify-between"
+    "flex items-center justify-between mt-4"
   ])
-}, io = {
+}, ro = {
   key: 4,
   class: "animate-shimmer bg-gray-30 w-full h-4 my-4"
-}, to = {
+}, no = {
   key: 5,
   class: "flex items-center mt-0.5"
-}, ro = { class: "text-xs text-inkwell-0" };
-function no(e, s, ao, po, uo, mo) {
-  const m = y("q-icon"), c = y("q-tooltip"), b = y("q-tag"), O = y("q-popover"), q = y("q-divider"), f = y("q-accordion"), D = y("q-activity-item"), h = y("q-input"), C = y("q-button"), H = y("q-comment-section"), u = y("q-select"), g = y("q-date-picker");
-  return e.showActionMenu || e.showComments || e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] || e.showTickets || e.tagsList.length ? (l(), i("div", {
+}, ao = { class: "text-xs text-inkwell-0" };
+function po(e, s, uo, mo, yo, ko) {
+  const m = y("q-icon"), c = y("q-tooltip"), O = y("q-tag"), E = y("q-popover"), q = y("q-divider"), C = y("q-accordion"), S = y("q-activity-item"), w = y("q-textarea"), b = y("q-button"), D = y("q-comment-section"), u = y("q-select"), g = y("q-date-picker"), T = 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", {
     key: 0,
     id: e.id ? `rdp-${e.id}` : "",
     class: "room-detail component-container text-inkwell-30",
-    onMouseleave: s[51] || (s[51] = (o) => e.onHoverToggle(!1))
+    onMouseleave: s[52] || (s[52] = (o) => e.onHoverToggle(!1))
   }, [
-    r(O, {
+    r(E, {
       "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,
-      onClose: s[49] || (s[49] = (o) => e.$emit("toggle", !1)),
-      "onUpdate:modelValue": s[50] || (s[50] = (o) => e.$emit("toggle", o))
+      teleport: e.teleport,
+      "teleport-to": e.teleportTo,
+      onClose: s[50] || (s[50] = (o) => e.$emit("toggle", !1)),
+      "onUpdate:modelValue": s[51] || (s[51] = (o) => e.$emit("toggle", o))
     }, {
       trigger: a(() => [
-        n("div", U({
+        n("div", R({
           ref: "trigger",
           id: e.id ? `rdp-${e.id}-trigger` : "",
           class: "trigger-text"
         }, {
-          [V(!e.hover && "click")]: s[0] || (s[0] = (o) => e.$emit("toggle", !e.open))
+          [H(!e.hover && "click")]: s[0] || (s[0] = (o) => e.$emit("toggle", !e.open))
         }, {
-          [V(e.hover && "mouseover")]: s[1] || (s[1] = (o) => e.onHoverToggle(!0))
+          [H(e.hover && "mouseover")]: s[1] || (s[1] = (o) => e.onHoverToggle(!0))
         }), [
-          R(e.$slots, "trigger", {}, () => [
-            w(d(e.trigger), 1)
-          ], !0)
-        ], 16, I)
+          A(e.$slots, "trigger", {}, () => [
+            h(d(e.trigger), 1)
+          ])
+        ], 16, L)
       ]),
       content: a(() => [
         n("div", {
@@ -186,17 +188,17 @@ function no(e, s, ao, po, uo, mo) {
           class: "popover-content w-full font-weight-normal cursor-default"
         }, [
           n("div", z, [
-            e.loading.pms || e.loading.roomNotices ? (l(), i("div", M)) : (l(), i("div", {
+            e.loading.pms || e.loading.roomNotices ? (l(), t("div", P)) : (l(), t("div", {
               key: 1,
               class: p([
                 "flex grow items-center mb-4",
                 { "gap-3": e.showRoomName }
               ])
             }, [
-              e.showRoomName ? (l(), i("h2", P, [
+              e.showRoomName ? (l(), t("h2", W, [
                 n("strong", null, d(e.$t("HC_GUESTROOM")) + " " + d(e.room.name), 1)
-              ])) : t("", !0),
-              (e.occupied || e.cleanliness || e.tagsList.length && !e.showRoomName) && e.size !== "sm" ? (l(), i("div", {
+              ])) : i("", !0),
+              (e.occupied || e.cleanliness || e.tagsList.length && !e.showRoomName) && e.size !== "sm" ? (l(), t("div", {
                 key: 1,
                 class: p([
                   "flex items-center flex-wrap gap-x-2",
@@ -217,10 +219,10 @@ function no(e, s, ao, po, uo, mo) {
                     }, null, 8, ["color"])
                   ]),
                   content: a(() => [
-                    e.occupancyTooltipContent ? (l(), i("div", W, d(e.$t(e.occupancyTooltipContent)), 1)) : t("", !0)
+                    e.occupancyTooltipContent ? (l(), t("div", B, d(e.$t(e.occupancyTooltipContent)), 1)) : i("", !0)
                   ]),
                   _: 1
-                })) : t("", !0),
+                })) : i("", !0),
                 e.cleanliness ? (l(), k(c, {
                   key: 1,
                   class: "flex shrink-0 items-center"
@@ -235,16 +237,16 @@ function no(e, s, ao, po, uo, mo) {
                     }, null, 8, ["color"])
                   ]),
                   content: a(() => [
-                    e.cleanlinessTooltipContent ? (l(), i("div", B, d(e.cleanlinessTooltipContent), 1)) : t("", !0)
+                    e.cleanlinessTooltipContent ? (l(), t("div", K, d(e.cleanlinessTooltipContent), 1)) : i("", !0)
                   ]),
                   _: 1
-                })) : t("", !0),
-                e.tagsList.length && !e.showRoomName ? (l(!0), i(T, { key: 2 }, v(e.tagsList, (o) => (l(), i("a", {
+                })) : i("", !0),
+                e.tagsList.length && !e.showRoomName ? (l(!0), t(v, { key: 2 }, f(e.tagsList, (o) => (l(), t("a", {
                   key: o,
                   href: typeof o == "object" && o.id && o.name ? `/roomsbook/notice.php?id=${o.id}` : "",
                   class: "capitalize"
                 }, [
-                  r(b, {
+                  r(O, {
                     class: p([
                       "!text-xs !leading-4",
                       "shrink-0 max-w-[100px] !h-auto",
@@ -256,15 +258,15 @@ function no(e, s, ao, po, uo, mo) {
                     "text-color": "text-inkwell-30"
                   }, {
                     default: a(() => [
-                      w(d(typeof o == "object" && o.id && o.name ? o.name : o), 1)
+                      h(d(typeof o == "object" && o.id && o.name ? o.name : o), 1)
                     ]),
                     _: 2
                   }, 1032, ["class"])
-                ], 8, K))), 128)) : t("", !0)
-              ], 2)) : t("", !0)
+                ], 8, Y))), 128)) : i("", !0)
+              ], 2)) : i("", !0)
             ], 2)),
-            n("div", Y, [
-              e.showActionMenu && (e.showActionsLink || !e.hasGuestCallback && e.showGuestCallback || e.showComments || e.showGuestDetails) ? (l(), k(O, {
+            n("div", j, [
+              e.showActionMenu && (e.showActionsLink || !e.hasGuestCallback && e.showGuestCallback || e.showComments || e.showGuestDetails) ? (l(), k(E, {
                 key: 0,
                 modelValue: e.actionMenuOpen,
                 "onUpdate:modelValue": s[7] || (s[7] = (o) => e.actionMenuOpen = o),
@@ -284,8 +286,8 @@ function no(e, s, ao, po, uo, mo) {
                   })
                 ]),
                 content: a(() => [
-                  n("ul", j, [
-                    e.showActionsLink ? (l(), i("li", {
+                  n("ul", F, [
+                    e.showActionsLink ? (l(), t("li", {
                       key: 0,
                       class: p([
                         "flex items-center",
@@ -299,77 +301,85 @@ function no(e, s, ao, po, uo, mo) {
                     }, [
                       r(m, {
                         class: "shrink-0 mr-1 p-1",
-                        color: "gray-25",
+                        color: "inkwell-10",
                         icon: "plus",
                         size: "md",
                         type: ""
                       }),
-                      n("div", F, d(e.$t("HC_ACTION")), 1)
-                    ], 2)) : t("", !0),
-                    !e.hasGuestCallback && e.showGuestCallback ? (l(), i("li", {
+                      n("div", Z, d(e.$t("HC_ACTION")), 1)
+                    ], 2)) : i("", !0),
+                    !e.hasGuestCallback && e.showGuestCallback ? (l(), t("li", {
                       key: 1,
                       class: p([
                         "flex items-center",
                         "icon-container cursor-pointer",
                         "text-inkwell-30 px-2 py-1",
-                        { "mb-2": !e.showGuestDetails && !e.showComments },
+                        {
+                          "mb-2": !e.showGuestDetails && !e.showComments
+                        },
                         { "mt-2": !e.showActionsLink }
                       ]),
                       onClick: s[4] || (s[4] = (...o) => e.createCallback && e.createCallback(...o))
                     }, [
                       r(m, {
                         class: "shrink-0 mr-1 p-0.5",
-                        color: "gray-25",
+                        color: "inkwell-10",
                         icon: "phone-plus",
                         size: "md",
-                        type: "outline"
+                        type: "fill"
                       }),
-                      n("div", Z, d(e.$t("HC_GUEST_SATISFACTION_CALL")), 1)
-                    ], 2)) : t("", !0),
-                    e.showComments ? (l(), i("li", {
+                      n("div", Q, d(e.$t(
+                        "HC_GUEST_SATISFACTION_CALL"
+                      )), 1)
+                    ], 2)) : i("", !0),
+                    e.showComments ? (l(), t("li", {
                       key: 2,
                       class: p([
                         "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) }
+                        {
+                          "mt-2": !e.showActionsLink && (e.hasGuestCallback || !e.showGuestCallback)
+                        }
                       ]),
                       onClick: s[5] || (s[5] = (...o) => e.onClickEditConnectGuest && e.onClickEditConnectGuest(...o))
                     }, [
                       r(m, {
                         class: "shrink-0 mr-1 p-1",
-                        color: "gray-25",
+                        color: "inkwell-10",
                         icon: "pencil",
                         size: "md",
-                        type: "outline"
+                        type: "fill"
                       }),
-                      n("div", Q, d(e.$t("HC_EDIT_INFORMATION")), 1)
-                    ], 2)) : t("", !0),
-                    e.showGuestDetails ? (l(), i("li", {
+                      n("div", J, d(e.$t("HC_EDIT_INFORMATION")), 1)
+                    ], 2)) : i("", !0),
+                    e.showGuestDetails ? (l(), t("li", {
                       key: 3,
                       class: p([
                         "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 }
+                        {
+                          "mt-2": !e.showActionsLink && (e.hasGuestCallback || !e.showGuestCallback) && !e.showComments
+                        }
                       ]),
                       onClick: s[6] || (s[6] = (...o) => e.refreshPMSData && e.refreshPMSData(...o))
                     }, [
                       r(m, {
                         class: "shrink-0 mr-1 p-1",
-                        color: "gray-25",
+                        color: "inkwell-10",
                         icon: "refresh",
                         size: "md",
                         type: ""
                       }),
-                      n("div", J, d(e.$t("HC_REFRESH_PMS_DATA")), 1)
-                    ], 2)) : t("", !0)
+                      n("div", X, d(e.$t("HC_REFRESH_PMS_DATA")), 1)
+                    ], 2)) : i("", !0)
                   ])
                 ]),
                 _: 1
-              }, 8, ["modelValue"])) : t("", !0),
-              n("div", X, [
+              }, 8, ["modelValue"])) : i("", !0),
+              n("div", _, [
                 r(c, null, {
                   trigger: a(() => [
                     r(m, {
@@ -381,36 +391,36 @@ function no(e, s, ao, po, uo, mo) {
                     })
                   ]),
                   content: a(() => [
-                    w(d(e.$t("HC_CLOSE")), 1)
+                    h(d(e.$t("HC_CLOSE")), 1)
                   ]),
                   _: 1
                 })
               ])
             ])
           ]),
-          e.loading.pms && e.size === "sm" ? (l(), i("div", _)) : !e.loading.pms && (e.occupied || e.cleanliness) && e.size === "sm" ? (l(), i("div", x, [
+          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(m, {
               key: 0,
               icon: "user",
               type: "fill",
               color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
               size: "sm"
-            }, null, 8, ["color"])) : t("", !0),
+            }, null, 8, ["color"])) : i("", !0),
             e.cleanliness ? (l(), k(m, {
               key: 1,
               icon: "spray-bottle",
               type: "fill",
               color: e.cleanlinessColor,
               size: "sm"
-            }, null, 8, ["color"])) : t("", !0)
-          ])) : t("", !0),
-          e.loading.roomNotices ? (l(), i("div", ee)) : !e.loading.roomNotices && e.tagsList.length && e.showRoomName ? (l(), i("div", oe, [
-            (l(!0), i(T, null, v(e.tagsList, (o) => (l(), i("a", {
+            }, null, 8, ["color"])) : i("", !0)
+          ])) : i("", !0),
+          e.loading.roomNotices ? (l(), t("div", oe)) : !e.loading.roomNotices && e.tagsList.length && e.showRoomName ? (l(), t("div", se, [
+            (l(!0), t(v, null, f(e.tagsList, (o) => (l(), t("a", {
               key: o,
               href: typeof o == "object" && o.id && o.name ? `/roomsbook/notice.php?id=${o.id}` : "",
               class: "mr-2 mb-1 capitalize"
             }, [
-              r(b, {
+              r(O, {
                 class: p([
                   "!text-tiny !leading-4",
                   "shrink-0 max-w-[100px] !h-auto",
@@ -422,16 +432,16 @@ function no(e, s, ao, po, uo, mo) {
                 "text-color": "text-inkwell-30"
               }, {
                 default: a(() => [
-                  w(d(typeof o == "object" && o.id && o.name ? o.name : o), 1)
+                  h(d(typeof o == "object" && o.id && o.name ? o.name : o), 1)
                 ]),
                 _: 2
               }, 1032, ["class"])
-            ], 8, se))), 128))
-          ])) : t("", !0),
+            ], 8, le))), 128))
+          ])) : i("", !0),
           n("div", {
             class: p(["accordions", { closed: e.showCreateRequest }])
           }, [
-            e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] ? (l(), k(f, {
+            e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] ? (l(), k(C, {
               key: 0,
               modelValue: e.expandGuestInfo,
               "onUpdate:modelValue": s[11] || (s[11] = (o) => e.expandGuestInfo = o),
@@ -443,7 +453,7 @@ function no(e, s, ao, po, uo, mo) {
                   class: "flex items-center cursor-pointer",
                   onClick: s[10] || (s[10] = (o) => e.expandGuestInfo = !e.expandGuestInfo)
                 }, [
-                  n("div", le, d(e.$t("HC_GUEST_INFORMATION")), 1),
+                  n("div", te, d(e.$t("HC_GUEST_INFORMATION")), 1),
                   r(q, { class: "grow" }),
                   r(m, {
                     class: p([
@@ -457,30 +467,30 @@ function no(e, s, ao, po, uo, mo) {
                 ])
               ]),
               content: a(() => [
-                e.loading.pms ? (l(), i("div", ie)) : (l(), i("div", te, [
-                  e.roomDetailsData.reservations[0].guestName ? (l(), i("p", re, [
+                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)
-                  ])) : t("", !0),
+                  ])) : i("", !0),
                   n("div", {
                     class: p([
                       "stay-details-container flex",
                       e.size === "sm" ? "flex-col" : "flex-row gap-3"
                     ])
                   }, [
-                    e.roomDetailsData.reservations[0].confirmationNumber ? (l(), i("div", ne, [
-                      n("div", de, d(e.$t("HC_RESERVATION")) + ": ", 1),
-                      n("div", ae, d(e.roomDetailsData.reservations[0].confirmationNumber), 1)
-                    ])) : t("", !0),
-                    e.stayDetails ? (l(), i("div", pe, [
-                      n("div", ue, d(e.$t("HC_STAY")) + ": ", 1),
-                      n("div", me, d(e.stayDetails), 1)
-                    ])) : t("", !0)
+                    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)
                   ], 2)
                 ]))
               ]),
               _: 1
-            }, 8, ["modelValue"])) : t("", !0),
-            e.showTickets ? (l(), k(f, {
+            }, 8, ["modelValue"])) : i("", !0),
+            e.showTickets ? (l(), k(C, {
               key: 1,
               modelValue: e.expandTickets,
               "onUpdate:modelValue": s[13] || (s[13] = (o) => e.expandTickets = o),
@@ -492,7 +502,7 @@ function no(e, s, ao, po, uo, mo) {
                   class: "flex items-center cursor-pointer",
                   onClick: s[12] || (s[12] = (o) => e.expandTickets = !e.expandTickets)
                 }, [
-                  n("div", ye, d(e.$t("HC_OPEN_TICKETS")), 1),
+                  n("div", ke, d(e.$t("HC_OPEN_TICKETS")), 1),
                   r(q, { class: "grow" }),
                   r(m, {
                     class: p([
@@ -506,33 +516,35 @@ function no(e, s, ao, po, uo, mo) {
                 ])
               ]),
               content: a(() => [
-                e.loading.tickets ? (l(), i("div", ke)) : e.ticketsList.length ? (l(), i("ul", he, [
-                  (l(!0), i(T, null, v(e.ticketsList, (o, E) => (l(), i("li", {
+                e.loading.tickets ? (l(), t("div", he)) : e.ticketsList.length ? (l(), t("ul", ge, [
+                  (l(!0), t(v, null, f(e.ticketsList, (o, $) => (l(), t("li", {
                     key: o.id,
                     id: `open-ticket-${o.id}`
                   }, [
-                    r(D, {
+                    r(S, {
                       class: p([
                         {
-                          "mt-3": E > 0,
+                          "mt-3": $ > 0,
                           pulse: o.isNew
                         }
                       ]),
                       "is-clickable": !0,
                       text: o.name,
-                      time: e.getHowLongAgo(o.started?.dateUtc),
+                      time: e.getHowLongAgo(
+                        o.started?.dateUtc
+                      ),
                       type: o.type,
-                      onClick: (yo) => e.onClickTicket(o)
+                      onClick: (ho) => e.onClickTicket(o)
                     }, null, 8, ["class", "text", "time", "type", "onClick"])
                   ], 8, we))), 128))
-                ])) : (l(), i("p", ge, d(e.$t("HC_THERE_ARE_NO_OPEN_TICKETS_YET")), 1))
+                ])) : (l(), t("p", qe, d(e.$t("HC_THERE_ARE_NO_OPEN_TICKETS_YET")), 1))
               ]),
               _: 1
-            }, 8, ["modelValue"])) : t("", !0),
-            e.showComments ? (l(), k(f, {
+            }, 8, ["modelValue"])) : i("", !0),
+            e.showComments ? (l(), k(C, {
               key: 2,
               modelValue: e.expandComments,
-              "onUpdate:modelValue": s[16] || (s[16] = (o) => e.expandComments = o),
+              "onUpdate:modelValue": s[17] || (s[17] = (o) => e.expandComments = o),
               class: "messages mb-3",
               "content-class": "!px-0 !pt-3 !pb-0"
             }, {
@@ -541,7 +553,7 @@ function no(e, s, ao, po, uo, mo) {
                   class: "flex items-center cursor-pointer",
                   onClick: s[14] || (s[14] = (o) => e.expandComments = !e.expandComments)
                 }, [
-                  n("div", qe, d(e.$t("HC_GUEST_CONNECT")), 1),
+                  n("div", Te, d(e.$t("HC_GUEST_CONNECT")), 1),
                   r(q, { class: "grow" }),
                   r(m, {
                     class: p([
@@ -568,65 +580,73 @@ function no(e, s, ao, po, uo, mo) {
                     }
                   ])
                 }, [
-                  e.filteredReplies.length ? (l(), i("div", Te, [
-                    (l(!0), i(T, null, v(e.filteredReplies, (o) => (l(), i("div", {
+                  e.filteredReplies.length ? (l(), t("div", ve, [
+                    (l(!0), t(v, null, f(e.filteredReplies, (o) => (l(), t("div", {
                       key: o,
                       class: p([
-                        "quick-reply text-sm text-inkwell-20",
+                        "quick-reply",
                         { active: e.comment }
                       ]),
-                      onClick: (E) => e.onSelectQuickReply(o)
+                      onClick: ($) => e.onSelectQuickReply(o)
                     }, [
                       n("div", null, d(o), 1)
-                    ], 10, ve))), 128))
-                  ])) : (l(), i("div", ce, d(e.$t("HC_NO_RESULTS_FOUND_FOR")) + ' "' + d(e.comment) + '". ', 1))
+                    ], 10, fe))), 128))
+                  ])) : (l(), t("div", ce, d(e.$t("HC_NO_RESULTS_FOUND_FOR")) + ' "' + d(e.comment) + '". ', 1))
                 ], 2),
-                r(H, {
+                r(D, {
                   comments: e.messages,
                   "show-heading": !1,
                   "show-no-comments": !1
                 }, {
                   default: a(() => [
-                    n("div", fe, [
-                      r(h, {
+                    n("div", Ce, [
+                      e.messages.length > 0 ? (l(), t("div", {
+                        key: 0,
+                        class: p([
+                          "cursor-pointer text-xs px-2 py-1 rounded",
+                          "border border-gray-12 hover:bg-gray-5",
+                          { hide: e.quickReplyOpen }
+                        ]),
+                        onClick: s[15] || (s[15] = (...o) => e.toggleMarkOpenClose && e.toggleMarkOpenClose(...o))
+                      }, d(e.$t(
+                        e.isConversationOpen ? "HC_CLOSE" : "HC_OPEN"
+                      )), 3)) : i("", !0)
+                    ]),
+                    n("div", be, [
+                      r(w, {
                         id: "comment-field",
                         modelValue: e.comment,
-                        "onUpdate:modelValue": s[15] || (s[15] = (o) => e.comment = o),
-                        classes: [
-                          "text-sm pr-5 py-1",
-                          { "border-gray-12": !e.quickReplyOpen },
-                          { "border-blue-sky text-blue-sky": e.quickReplyOpen }
-                        ],
-                        icon: e.quickReplyOpen ? "search" : "",
+                        "onUpdate:modelValue": s[16] || (s[16] = (o) => e.comment = o),
+                        "textarea-class": "text-sm pr-5 border-gray-12",
                         placeholder: e.quickReplyOpen ? e.$t("HC_SEARCH_REPLIES") : e.$t("HC_WRITE_A_MESSAGE"),
-                        class: "w-100 mr-2",
-                        size: "sm",
-                        type: "textarea",
-                        onKeydown: N(e.sendChatMessage, ["enter"])
-                      }, null, 8, ["modelValue", "classes", "icon", "placeholder", "onKeydown"]),
+                        rows: 1,
+                        "control-class": "w-100 mr-2",
+                        onKeydown: U(e.sendChatMessage, ["enter"])
+                      }, null, 8, ["modelValue", "placeholder", "onKeydown"]),
                       n("div", {
                         id: "hidden-text",
                         class: "text-sm",
                         innerHTML: e.comment
-                      }, null, 8, Ce),
+                      }, null, 8, Oe),
                       r(m, {
                         id: "quick-reply-trigger",
-                        icon: (e.quickReplyOpen, "comment-lines"),
-                        class: "cursor-pointer !absolute mb-1",
-                        color: "blue-sky",
+                        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, ["icon", "type", "onClick"]),
-                      r(C, {
+                      }, null, 8, ["color", "type", "onClick"]),
+                      r(b, {
                         id: "send-comment",
                         disabled: !e.comment || e.quickReplyOpen,
-                        class: "!absolute btn-subtle px-2 mr-1 text-sm",
-                        size: "sm",
+                        class: "!absolute top-1/2 -translate-y-1/2 px-2 mr-2 !text-sm",
+                        size: "xsm",
+                        status: "link",
                         onClick: e.sendChatMessage
                       }, {
                         default: a(() => [
-                          w(d(e.$t("HC_SEND")), 1)
+                          h(d(e.$t("HC_SEND")), 1)
                         ]),
                         _: 1
                       }, 8, ["disabled", "onClick"])
@@ -636,11 +656,17 @@ function no(e, s, ao, po, uo, mo) {
                 }, 8, ["comments"])
               ]),
               _: 1
-            }, 8, ["modelValue"])) : t("", !0)
+            }, 8, ["modelValue"])) : i("", !0)
           ], 2),
           n("div", {
             id: "add-ticket",
-            class: p(["add-ticket overflow-hidden", { open: e.showCreateRequest }])
+            class: p([
+              "add-ticket",
+              {
+                "overflow-hidden": !e.showCreateRequest,
+                open: e.showCreateRequest
+              }
+            ])
           }, [
             r(q, {
               class: "text-base section-header mb-3",
@@ -648,19 +674,19 @@ function no(e, s, ao, po, uo, mo) {
               color: "inkwell-30"
             }, {
               default: a(() => [
-                n("div", be, [
-                  n("div", Oe, d(e.$t("HC_ACTION")), 1)
+                n("div", Ee, [
+                  n("div", $e, d(e.$t("HC_ACTION")), 1)
                 ])
               ]),
               _: 1
             }),
             n("form", {
               class: "flex flex-col",
-              onSubmit: s[48] || (s[48] = $((...o) => e.onCreateRequestSubmit && e.onCreateRequestSubmit(...o), ["prevent"]))
+              onSubmit: s[49] || (s[49] = V((...o) => e.onCreateRequestSubmit && e.onCreateRequestSubmit(...o), ["prevent"]))
             }, [
-              e.showCreateRequest ? (l(), i("div", Ee, [
-                n("div", $e, [
-                  n("div", Ve, [
+              e.showCreateRequest ? (l(), t("div", Ve, [
+                n("div", He, [
+                  n("div", Se, [
                     r(u, {
                       id: "todo-type",
                       selected: e.requestType,
@@ -668,10 +694,10 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_ACTION_TYPE"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[17] || (s[17] = (o) => e.onSelectToDo(o))
+                      "onUpdate:modelValue": s[18] || (s[18] = (o) => e.onSelectToDo(o))
                     }, null, 8, ["selected", "options", "placeholder"])
                   ]),
-                  e.requestType && e.requestType.id === "room_notice" ? (l(), i("div", De, [
+                  e.requestType && e.requestType.id === "room_notice" ? (l(), t("div", De, [
                     r(u, {
                       id: "todo-notice-issue",
                       selected: e.roomNotice.issue,
@@ -680,10 +706,10 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_ITEM"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[18] || (s[18] = (o) => e.roomNotice.issue = o)
+                      "onUpdate:modelValue": s[19] || (s[19] = (o) => e.roomNotice.issue = o)
                     }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), i("div", He, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), t("div", Ne, [
                     r(g, {
                       id: "todo-notice-start-date",
                       value: e.roomNotice.startDate,
@@ -697,10 +723,10 @@ function no(e, s, ao, po, uo, mo) {
                       "wrapper-classes": "ui-overhaul",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[19] || (s[19] = (o) => e.roomNotice.startDate = o)
+                      "onUpdate:modelValue": s[20] || (s[20] = (o) => e.roomNotice.startDate = o)
                     }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), i("div", Se, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), t("div", Ue, [
                     r(g, {
                       id: "todo-notice-end-date",
                       value: e.roomNotice.endDate,
@@ -715,21 +741,21 @@ function no(e, s, ao, po, uo, mo) {
                       "wrapper-classes": "ui-overhaul",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[20] || (s[20] = (o) => e.roomNotice.endDate = o)
+                      "onUpdate:modelValue": s[21] || (s[21] = (o) => e.roomNotice.endDate = o)
                     }, null, 8, ["value", "minimum-date", "property-timezone", "locale", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), i("div", Ne, [
-                    r(h, {
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), t("div", Re, [
+                    r(w, {
                       id: "todo-notice-notes",
                       modelValue: e.roomNotice.notes,
-                      "onUpdate:modelValue": s[21] || (s[21] = (o) => e.roomNotice.notes = o),
+                      "onUpdate:modelValue": s[22] || (s[22] = (o) => e.roomNotice.notes = o),
                       placeholder: e.$t("HC_WRITE_A_MESSAGE"),
-                      classes: "text-inkwell-40 border-gray-12 mb-2",
-                      type: "textarea",
-                      condensed: ""
+                      "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
+                      "control-class": "w-full",
+                      rows: 2
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" ? (l(), i("div", Ue, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" ? (l(), t("div", Ae, [
                     r(u, {
                       id: "todo-complaint-problem",
                       selected: e.complaint.problem,
@@ -739,51 +765,52 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_PROBLEM"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[22] || (s[22] = (o) => e.complaint.problem = o)
+                      "onUpdate:modelValue": s[23] || (s[23] = (o) => e.complaint.problem = o)
                     }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", Re, [
-                    r(h, {
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Ge, [
+                    r(T, {
                       id: "guest-name",
                       modelValue: e.complaint.guestName,
-                      "onUpdate:modelValue": s[23] || (s[23] = (o) => e.complaint.guestName = o),
+                      "onUpdate:modelValue": s[24] || (s[24] = (o) => e.complaint.guestName = o),
                       placeholder: e.$t("HC_GUEST_NAME"),
-                      classes: "text-inkwell-40 border-gray-12 ui-overhaul",
+                      "control-class": "w-full",
+                      classes: "text-inkwell-30 border-gray-12 ui-overhaul",
                       condensed: "",
                       required: ""
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", Ae, [
-                    r(h, {
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Ie, [
+                    r(T, {
                       id: "guest-phone",
                       modelValue: e.complaint.guestPhone,
-                      "onUpdate:modelValue": s[24] || (s[24] = (o) => e.complaint.guestPhone = o),
+                      "onUpdate:modelValue": s[25] || (s[25] = (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"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", Ge, [
-                    r(h, {
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Le, [
+                    r(T, {
                       id: "guest-email",
                       modelValue: e.complaint.guestEmail,
-                      "onUpdate:modelValue": s[25] || (s[25] = (o) => e.complaint.guestEmail = o),
+                      "onUpdate:modelValue": s[26] || (s[26] = (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"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", Ie, [
-                    r(h, {
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Me, [
+                    r(T, {
                       id: "guest-loyalty",
                       modelValue: e.complaint.guestLoyalty,
-                      "onUpdate:modelValue": s[26] || (s[26] = (o) => e.complaint.guestLoyalty = o),
+                      "onUpdate:modelValue": s[27] || (s[27] = (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"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", Le, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", ze, [
                     r(u, {
                       id: "todo-complaint-mood",
                       selected: e.complaint.guestMood,
@@ -792,10 +819,10 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_GUEST_MOOD"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[27] || (s[27] = (o) => e.complaint.guestMood = o)
+                      "onUpdate:modelValue": s[28] || (s[28] = (o) => e.complaint.guestMood = o)
                     }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", ze, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Pe, [
                     r(g, {
                       id: "todo-complaint-check-in",
                       value: e.complaint.checkInDate,
@@ -809,10 +836,10 @@ function no(e, s, ao, po, uo, mo) {
                       "wrapper-classes": "ui-overhaul",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[28] || (s[28] = (o) => e.complaint.checkInDate = o)
+                      "onUpdate:modelValue": s[29] || (s[29] = (o) => e.complaint.checkInDate = o)
                     }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", Me, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", We, [
                     r(g, {
                       id: "todo-complaint-check-out",
                       value: e.complaint.checkOutDate,
@@ -827,21 +854,21 @@ function no(e, s, ao, po, uo, mo) {
                       "wrapper-classes": "ui-overhaul",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[29] || (s[29] = (o) => e.complaint.checkOutDate = o)
+                      "onUpdate:modelValue": s[30] || (s[30] = (o) => e.complaint.checkOutDate = o)
                     }, null, 8, ["value", "minimum-date", "property-timezone", "locale", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", Pe, [
-                    r(h, {
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Be, [
+                    r(w, {
                       id: "todo-complaint-notes",
                       modelValue: e.complaint.notes,
-                      "onUpdate:modelValue": s[30] || (s[30] = (o) => e.complaint.notes = o),
+                      "onUpdate:modelValue": s[31] || (s[31] = (o) => e.complaint.notes = o),
                       placeholder: e.$t("HC_WRITE_A_MESSAGE"),
-                      classes: "text-inkwell-40 border-gray-12 mb-2",
-                      type: "textarea",
-                      condensed: ""
+                      "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
+                      "control-class": "w-full",
+                      rows: 2
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" ? (l(), i("div", We, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" ? (l(), t("div", Ke, [
                     r(u, {
                       id: "todo-work-order-item",
                       selected: e.workOrder.item,
@@ -853,10 +880,10 @@ function no(e, s, ao, po, uo, mo) {
                       "group-values": "options",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[31] || (s[31] = (o) => e.workOrder.item = o)
+                      "onUpdate:modelValue": s[32] || (s[32] = (o) => e.workOrder.item = o)
                     }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item ? (l(), i("div", Be, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item ? (l(), t("div", Ye, [
                     r(u, {
                       id: "todo-work-order-issue",
                       selected: e.workOrder.issue,
@@ -865,10 +892,10 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_ISSUE"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[32] || (s[32] = (o) => e.workOrder.issue = o)
+                      "onUpdate:modelValue": s[33] || (s[33] = (o) => e.workOrder.issue = o)
                     }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", Ke, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", je, [
                     r(u, {
                       id: "todo-work-order-requested-by",
                       selected: e.workOrder.requestedBy,
@@ -876,10 +903,10 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_REQUESTED_BY"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[33] || (s[33] = (o) => e.workOrder.requestedBy = o)
+                      "onUpdate:modelValue": s[34] || (s[34] = (o) => e.workOrder.requestedBy = o)
                     }, null, 8, ["selected", "options", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", Ye, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", Fe, [
                     r(u, {
                       id: "todo-work-order-assign-type",
                       selected: e.workOrder.assignType,
@@ -887,10 +914,10 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_ASSIGN_TYPE"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[34] || (s[34] = (o) => e.workOrder.assignType = o)
+                      "onUpdate:modelValue": s[35] || (s[35] = (o) => e.workOrder.assignType = o)
                     }, null, 8, ["selected", "options", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", je, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", Ze, [
                     e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 1 ? (l(), k(u, {
                       key: 0,
                       id: "todo-work-order-assign-type",
@@ -900,8 +927,8 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_ASSIGN_TO"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[35] || (s[35] = (o) => e.workOrder.department = o)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])) : t("", !0),
+                      "onUpdate:modelValue": s[36] || (s[36] = (o) => e.workOrder.department = o)
+                    }, 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(u, {
                       key: 1,
                       id: "todo-work-order-assign-type",
@@ -914,10 +941,10 @@ function no(e, s, ao, po, uo, mo) {
                       "group-values": "options",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[36] || (s[36] = (o) => e.workOrder.person = o)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])) : t("", !0)
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", Fe, [
+                      "onUpdate:modelValue": s[37] || (s[37] = (o) => e.workOrder.person = o)
+                    }, 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", Qe, [
                     r(g, {
                       id: "todo-work-order-due",
                       value: e.workOrder.due,
@@ -931,21 +958,21 @@ function no(e, s, ao, po, uo, mo) {
                       "wrapper-classes": "ui-overhaul",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[37] || (s[37] = (o) => e.workOrder.due = o)
+                      "onUpdate:modelValue": s[38] || (s[38] = (o) => e.workOrder.due = o)
                     }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", Ze, [
-                    r(h, {
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", Je, [
+                    r(w, {
                       id: "todo-work-order-notes",
                       modelValue: e.workOrder.notes,
-                      "onUpdate:modelValue": s[38] || (s[38] = (o) => e.workOrder.notes = o),
+                      "onUpdate:modelValue": s[39] || (s[39] = (o) => e.workOrder.notes = o),
                       placeholder: e.$t("HC_WRITE_A_MESSAGE"),
-                      classes: "text-inkwell-40 border-gray-12 mb-2",
-                      type: "textarea",
-                      condensed: ""
+                      "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
+                      "control-class": "w-full",
+                      rows: 2
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" ? (l(), i("div", Qe, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" ? (l(), t("div", Xe, [
                     r(u, {
                       id: "todo-request-item",
                       selected: e.request.item,
@@ -954,10 +981,10 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_ITEM"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[39] || (s[39] = (o) => e.request.item = o)
+                      "onUpdate:modelValue": s[40] || (s[40] = (o) => e.request.item = o)
                     }, null, 8, ["selected", "options", "disabled", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", Je, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", _e, [
                     r(u, {
                       id: "todo-request-requested-by",
                       selected: e.request.requestedBy,
@@ -965,10 +992,10 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_REQUESTED_BY"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[40] || (s[40] = (o) => e.request.requestedBy = o)
+                      "onUpdate:modelValue": s[41] || (s[41] = (o) => e.request.requestedBy = o)
                     }, null, 8, ["selected", "options", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", Xe, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", xe, [
                     r(g, {
                       id: "todo-request-due",
                       value: e.request.due,
@@ -982,10 +1009,10 @@ function no(e, s, ao, po, uo, mo) {
                       "wrapper-classes": "ui-overhaul",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[41] || (s[41] = (o) => e.request.due = o)
+                      "onUpdate:modelValue": s[42] || (s[42] = (o) => e.request.due = o)
                     }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", _e, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", eo, [
                     r(u, {
                       id: "todo-request-assign-type",
                       selected: e.request.assignType,
@@ -993,10 +1020,10 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_ASSIGN_TYPE"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[42] || (s[42] = (o) => e.request.assignType = o)
+                      "onUpdate:modelValue": s[43] || (s[43] = (o) => e.request.assignType = o)
                     }, null, 8, ["selected", "options", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", xe, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", oo, [
                     e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 1 ? (l(), k(u, {
                       key: 0,
                       id: "todo-request-assign-type",
@@ -1006,8 +1033,8 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_ASSIGN_TO"),
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[43] || (s[43] = (o) => e.request.department = o)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])) : t("", !0),
+                      "onUpdate:modelValue": s[44] || (s[44] = (o) => e.request.department = o)
+                    }, 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(u, {
                       key: 1,
                       id: "todo-request-assign-type",
@@ -1020,10 +1047,10 @@ function no(e, s, ao, po, uo, mo) {
                       "group-values": "options",
                       condensed: "",
                       required: "",
-                      "onUpdate:modelValue": s[44] || (s[44] = (o) => e.request.person = o)
-                    }, null, 8, ["selected", "options", "disabled", "placeholder"])) : t("", !0)
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), i("div", eo, [
+                      "onUpdate:modelValue": s[45] || (s[45] = (o) => e.request.person = o)
+                    }, null, 8, ["selected", "options", "disabled", "placeholder"])) : i("", !0)
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), t("div", so, [
                     r(u, {
                       id: "todo-request-when",
                       selected: e.request.when,
@@ -1032,10 +1059,10 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_SELECT_WHEN"),
                       required: e.allowWhenWhere,
                       condensed: "",
-                      "onUpdate:modelValue": s[45] || (s[45] = (o) => e.request.when = o)
+                      "onUpdate:modelValue": s[46] || (s[46] = (o) => e.request.when = o)
                     }, null, 8, ["selected", "options", "disabled", "placeholder", "required"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), i("div", oo, [
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), t("div", lo, [
                     r(u, {
                       id: "todo-request-where",
                       selected: e.request.where,
@@ -1044,46 +1071,47 @@ function no(e, s, ao, po, uo, mo) {
                       placeholder: e.$t("HC_SELECT_WHERE"),
                       required: e.allowWhenWhere,
                       condensed: "",
-                      "onUpdate:modelValue": s[46] || (s[46] = (o) => e.request.where = o)
+                      "onUpdate:modelValue": s[47] || (s[47] = (o) => e.request.where = o)
                     }, null, 8, ["selected", "options", "disabled", "placeholder", "required"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", so, [
-                    r(h, {
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", to, [
+                    r(w, {
                       id: "todo-request-notes",
                       modelValue: e.request.notes,
-                      "onUpdate:modelValue": s[47] || (s[47] = (o) => e.request.notes = o),
+                      "onUpdate:modelValue": s[48] || (s[48] = (o) => e.request.notes = o),
                       placeholder: e.$t("HC_WRITE_A_MESSAGE"),
-                      classes: "text-inkwell-40 border-gray-12 mb-2",
-                      type: "textarea",
-                      condensed: ""
+                      "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
+                      "control-class": "w-full",
+                      rows: 2
                     }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0)
+                  ])) : i("", !0)
                 ])
-              ])) : t("", !0),
-              n("div", lo, [
-                r(C, {
+              ])) : i("", !0),
+              n("div", io, [
+                r(b, {
                   status: "secondary",
-                  onClick: $(e.closeRequest, ["prevent"])
+                  onClick: V(e.closeRequest, ["prevent"])
                 }, {
                   default: a(() => [
-                    w(d(e.$t("HC_BACK")), 1)
+                    h(d(e.$t("HC_BACK")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"]),
-                r(C, {
+                r(b, {
                   disabled: !e.validateToDo,
                   loading: e.requestLoading,
-                  "use-loading-spinner": !0
+                  "use-loading-spinner": !0,
+                  onClick: e.onCreateRequestSubmit
                 }, {
                   default: a(() => [
-                    w(d(e.$t("HC_POST")), 1)
+                    h(d(e.$t("HC_POST")), 1)
                   ]),
                   _: 1
-                }, 8, ["disabled", "loading"])
+                }, 8, ["disabled", "loading", "onClick"])
               ])
             ], 32)
           ], 2),
-          e.loading.pms ? (l(), i("div", io)) : !e.loading.pms && e.roomDetailsData.updatedAt ? (l(), i("div", to, [
+          e.loading.pms ? (l(), t("div", ro)) : !e.loading.pms && e.roomDetailsData.updatedAt ? (l(), t("div", no, [
             r(m, {
               class: "flex-shrink-1 mr-2",
               size: "sm",
@@ -1091,15 +1119,17 @@ function no(e, s, ao, po, uo, mo) {
               icon: "clock-alarm",
               type: "outline"
             }),
-            n("p", ro, d(e.$t("HC_PMS_UPDATED")) + " " + d(e.DateTime.fromISO(e.roomDetailsData.updatedAt).toRelative({ locale: e.locale })), 1)
-          ])) : t("", !0)
-        ], 8, L)
+            n("p", ao, d(e.$t("HC_PMS_UPDATED")) + " " + d(e.DateTime.fromISO(
+              e.roomDetailsData.updatedAt
+            ).toRelative({ locale: e.locale })), 1)
+          ])) : i("", !0)
+        ], 8, M)
       ]),
       _: 3
-    }, 8, ["model-value", "align", "position", "size"])
-  ], 40, G)) : t("", !0);
+    }, 8, ["model-value", "align", "position", "size", "teleport", "teleport-to"])
+  ], 40, I)) : i("", !0);
 }
-const qo = /* @__PURE__ */ A(S, [["render", no], ["__scopeId", "data-v-fb40ce38"]]);
+const vo = /* @__PURE__ */ G(N, [["render", po]]);
 export {
-  qo as default
+  vo as default
 };