@quoreadmin/ui 1.7.19 → 1.8.0

package/dist/index43.js

@@ -1,1305 +1,44 @@
-import N from "./index140.js";
-import { resolveComponent as g, createElementBlock as i, createCommentVNode as t, openBlock as l, createVNode as r, withCtx as d, createElementVNode as n, normalizeClass as u, toDisplayString as a, createBlock as y, createTextVNode as k, Fragment as h, renderList as q, withKeys as H, withModifiers as E, mergeProps as U, toHandlerKey as V, renderSlot as R } from "vue";
+import o from "./index139.js";
+import { createElementBlock as d, openBlock as s, Fragment as u, renderList as m, normalizeClass as p, createElementVNode as r, renderSlot as n, createTextVNode as b, toDisplayString as f } from "vue";
 /* empty css         */
-import I from "./index62.js";
-const A = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
+import k from "./index63.js";
+const c = ["id"], v = ["id", "value", "disabled", "checked", "name"], y = {
   key: 0,
-  class: "animate-shimmer bg-gray-30 w-3/4 h-6 grow"
-}, P = {
-  key: 0,
-  class: "text-base text-inkwell-30"
-}, B = { key: 0 }, W = ["href"], K = { class: "flex items-start" }, j = { class: "list-unstyled text-sm w-full font-normal" }, F = { class: "grow" }, Z = { class: "grow" }, Q = { class: "grow" }, J = { class: "grow" }, X = { class: "position-relative icon-container ml-auto" }, _ = {
-  key: 0,
-  class: "animate-shimmer bg-gray-10 w-full h-4 my-4"
-}, x = {
-  key: 1,
-  class: "flex flex-wrap items-center mb-3 gap-2"
-}, ee = {
-  key: 2,
-  class: "animate-shimmer bg-gray-30 w-full h-4 my-4"
-}, oe = {
-  key: 3,
-  class: "flex flex-wrap items-center mb-4"
-}, se = ["href"], le = { class: "shrink-0 mr-2 text-sm font-normal" }, ie = {
-  key: 0,
-  class: "animate-shimmer bg-gray-10 w-full h-6"
-}, te = {
-  key: 1,
-  class: "guest-info-container"
-}, re = {
-  key: 0,
-  class: "text-base text-inkwell-30 mb-2"
-}, ne = {
-  key: 0,
-  class: "flex gap-1 text-xs mb-2 stay-details-row"
-}, ae = { class: "text-truncate text-inkwell-0" }, de = { class: "grow text-inkwell-30" }, ue = {
-  key: 1,
-  class: "flex gap-1 text-xs mb-2 stay-details-row"
-}, pe = { class: "text-truncate text-inkwell-0" }, me = { class: "grow text-inkwell-30" }, ge = { class: "shrink-0 mr-2 text-sm font-normal" }, ye = {
-  key: 0,
-  class: "animate-shimmer bg-gray-30 w-full h-6"
-}, ke = {
-  key: 1,
-  class: "open-tickets"
-}, he = ["id"], ve = {
-  key: 2,
-  class: "text-center mx-auto font-normal"
-}, we = { class: "shrink-0 mr-2 text-sm font-normal" }, fe = {
-  key: 0,
-  class: "quick-replies"
-}, qe = ["onClick"], be = {
+  class: "radio-text"
+}, $ = {
   key: 1,
-  class: "text-inkwell-0 text-xxs text-center"
-}, Te = { class: "chat-container" }, Ce = {
-  id: "comments-container",
-  class: "chat-messages"
-}, ce = {
-  key: 0,
-  class: "flex flex-col gap-3 p-2"
-}, Oe = {
-  key: 0,
-  class: "chat-separator"
-}, Ee = { class: "chat-separator-text" }, $e = {
-  key: 0,
-  class: "chat-message-avatar"
-}, De = { class: "chat-message-content" }, Se = { class: "chat-message-time" }, He = { class: "chat-message-bubble" }, Ve = {
-  key: 1,
-  class: "chat-message-avatar"
-}, Me = {
-  key: 2,
-  class: "chat-empty text-center py-4 text-inkwell-0 text-sm"
-}, Ne = {
-  key: 0,
-  class: "simulate-panel"
-}, Ue = { class: "simulate-panel-header" }, Re = { class: "simulate-panel-body" }, Ie = { class: "flex justify-end mt-2" }, Ae = { class: "chat-input-area" }, Ge = { class: "flex items-center gap-2" }, Le = {
-  key: 0,
-  class: "inline-block animate-pulse"
-}, ze = { class: "relative flex-1 min-w-0" }, Ye = ["innerHTML"], Pe = { class: "flex items-center add-ticket-divider" }, Be = { class: "grow flex items-center text-sm font-normal" }, We = {
-  key: 0,
-  class: "grow"
-}, Ke = { class: "grid grid-cols-2 gap-3" }, je = { class: "field" }, Fe = {
-  key: 0,
-  class: "field"
-}, Ze = {
-  key: 1,
-  class: "field"
-}, Qe = {
-  key: 2,
-  class: "field"
-}, Je = {
-  key: 3,
-  class: "field col-span-2"
-}, Xe = {
-  key: 4,
-  class: "field"
-}, _e = {
-  key: 5,
-  class: "field col-span-2"
-}, xe = {
-  key: 6,
-  class: "field"
-}, eo = {
-  key: 7,
-  class: "field"
-}, oo = {
-  key: 8,
-  class: "field"
-}, so = {
-  key: 9,
-  class: "field"
-}, lo = {
-  key: 10,
-  class: "field"
-}, io = {
-  key: 11,
-  class: "field"
-}, to = {
-  key: 12,
-  class: "field col-span-2"
-}, ro = {
-  key: 13,
-  class: "field"
-}, no = {
-  key: 14,
-  class: "field"
-}, ao = {
-  key: 15,
-  class: "field"
-}, uo = {
-  key: 16,
-  class: "field"
-}, po = {
-  key: 17,
-  class: "field"
-}, mo = {
-  key: 18,
-  class: "field"
-}, go = {
-  key: 19,
-  class: "field col-span-2"
-}, yo = {
-  key: 20,
-  class: "field"
-}, ko = {
-  key: 21,
-  class: "field"
-}, ho = {
-  key: 22,
-  class: "field"
-}, vo = {
-  key: 23,
-  class: "field"
-}, wo = {
-  key: 24,
-  class: "field"
-}, fo = {
-  key: 25,
-  class: "field"
-}, qo = {
-  key: 26,
-  class: "field"
-}, bo = {
-  key: 27,
-  class: "field col-span-2"
-}, To = {
-  class: /* @__PURE__ */ u([
-    "actions flex-shrink-0",
-    "flex items-center justify-between mt-4"
-  ])
-}, Co = {
-  key: 4,
-  class: "animate-shimmer bg-gray-30 w-full h-4 my-4"
-}, co = {
-  key: 5,
-  class: "flex items-center mt-0.5"
-}, Oo = { class: "text-xs text-inkwell-0 font-normal" };
-function Eo(e, s, $o, Do, So, Ho) {
-  const p = g("q-icon"), f = g("q-tooltip"), $ = g("q-tag"), D = g("q-popover"), b = g("q-divider"), O = g("q-accordion"), M = g("q-activity-item"), S = g("q-avatar"), v = g("q-textarea"), T = g("q-button"), m = g("q-select"), w = g("q-date-picker"), C = g("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: s[54] || (s[54] = (o) => e.onHoverToggle(!1))
+  class: "radio-text"
+};
+function h(e, a, C, g, S, B) {
+  return s(), d("div", {
+    id: e.id,
+    class: "control"
   }, [
-    r(D, {
-      "model-value": e.open,
-      align: e.alignment,
-      position: e.positioning,
-      size: (!e.showTickets || e.showTickets && (!e.ticketsList || !e.ticketsList.length)) && !e.showComments && !e.showActionMenu ? "sm" : e.size,
-      teleport: e.teleport,
-      "teleport-to": e.teleportTo,
-      "close-on-scroll-out-of-view": e.closeOnScrollOutOfView,
-      "scroll-into-view": e.scrollIntoView,
-      "scroll-into-view-padding": e.scrollIntoViewPadding,
-      onClose: s[52] || (s[52] = (o) => e.$emit("toggle", !1)),
-      "onUpdate:modelValue": s[53] || (s[53] = (o) => e.$emit("toggle", o))
-    }, {
-      trigger: d(() => [
-        n("div", U({
-          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))
-        }, {
-          [V(e.hover && "mouseover")]: s[1] || (s[1] = (o) => e.onHoverToggle(!0))
-        }), [
-          R(e.$slots, "trigger", {}, () => [
-            k(a(e.trigger), 1)
-          ])
-        ], 16, G)
-      ]),
-      content: d(() => [
-        n("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(), i("div", Y)) : (l(), i("div", {
-              key: 1,
-              class: u([
-                "flex grow items-center mb-4",
-                { "gap-3": e.showRoomName }
-              ])
-            }, [
-              e.showRoomName ? (l(), i("h2", P, [
-                n("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: u([
-                  "flex items-center flex-wrap gap-x-2",
-                  { "gap-y-3": !e.showRoomName }
-                ])
-              }, [
-                e.occupied ? (l(), y(f, {
-                  key: 0,
-                  class: "flex shrink-0 items-center"
-                }, {
-                  trigger: d(() => [
-                    r(p, {
-                      icon: "user",
-                      type: "fill",
-                      color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
-                      width: "18",
-                      height: "18",
-                      "custom-size": ""
-                    }, null, 8, ["color"])
-                  ]),
-                  content: d(() => [
-                    e.occupancyTooltipContent ? (l(), i("div", B, a(e.$t(e.occupancyTooltipContent)), 1)) : t("", !0)
-                  ]),
-                  _: 1
-                })) : t("", !0),
-                e.cleanliness === "DIRTY" ? (l(), y(f, {
-                  key: 1,
-                  class: "flex shrink-0 items-center"
-                }, {
-                  trigger: d(() => [
-                    r(p, {
-                      icon: "spray-bottle",
-                      type: "fill",
-                      color: "red-10",
-                      class: "mt-[0.0612rem]",
-                      width: "18",
-                      height: "18",
-                      "custom-size": ""
-                    })
-                  ]),
-                  content: d(() => [
-                    k(a(e.$t("HC_DIRTY")), 1)
-                  ]),
-                  _: 1
-                })) : t("", !0),
-                e.tagsList.length && !e.showRoomName ? (l(!0), i(h, { key: 2 }, q(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: u([
-                      "!text-xs !leading-4",
-                      "shrink-0 max-w-[100px] !h-auto",
-                      "!py-[0.1875rem] !px-[0.4375rem] border",
-                      "border-orange-10",
-                      { pulse: o.isNew }
-                    ]),
-                    "bg-color": "bg-yellow-0",
-                    "text-color": "text-inkwell-30"
-                  }, {
-                    default: d(() => [
-                      k(a(typeof o == "object" && o.id && o.name ? o.name : o), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["class"])
-                ], 8, W))), 128)) : t("", !0)
-              ], 2)) : t("", !0)
-            ], 2)),
-            n("div", K, [
-              e.showActionMenu && (e.showActionsLink || !e.hasGuestCallback && e.showGuestCallback || e.showComments || e.showGuestDetails) ? (l(), y(D, {
-                key: 0,
-                modelValue: e.actionMenuOpen,
-                "onUpdate:modelValue": s[7] || (s[7] = (o) => e.actionMenuOpen = o),
-                "has-caret": !1,
-                align: "right",
-                class: "action-menu mr-1",
-                size: "md",
-                onClose: s[8] || (s[8] = (o) => e.actionMenuOpen = !1)
-              }, {
-                trigger: d(() => [
-                  r(p, {
-                    class: "popover-action rounded-full cursor-pointer",
-                    icon: "ellipsis-h",
-                    size: "md",
-                    type: "fill",
-                    onClick: s[2] || (s[2] = (o) => e.actionMenuOpen = !e.actionMenuOpen)
-                  })
-                ]),
-                content: d(() => [
-                  n("ul", j, [
-                    e.showActionsLink ? (l(), i("li", {
-                      key: 0,
-                      class: u([
-                        "flex items-center",
-                        "icon-container cursor-pointer",
-                        "text-inkwell-30 px-2 py-1 mt-2",
-                        {
-                          "mb-2": !e.showGuestDetails && (e.hasGuestCallback || !e.showGuestCallback) && !e.showComments
-                        }
-                      ]),
-                      onClick: s[3] || (s[3] = (...o) => e.openRequest && e.openRequest(...o))
-                    }, [
-                      r(p, {
-                        class: "shrink-0 mr-1 p-1",
-                        color: "inkwell-10",
-                        icon: "plus",
-                        size: "md",
-                        type: ""
-                      }),
-                      n("div", F, a(e.$t("HC_ACTION")), 1)
-                    ], 2)) : t("", !0),
-                    !e.hasGuestCallback && e.showGuestCallback ? (l(), i("li", {
-                      key: 1,
-                      class: u([
-                        "flex items-center",
-                        "icon-container cursor-pointer",
-                        "text-inkwell-30 px-2 py-1",
-                        {
-                          "mb-2": !e.showGuestDetails && !e.showComments
-                        },
-                        { "mt-2": !e.showActionsLink }
-                      ]),
-                      onClick: s[4] || (s[4] = (...o) => e.createCallback && e.createCallback(...o))
-                    }, [
-                      r(p, {
-                        class: "shrink-0 mr-1 p-0.5",
-                        color: "inkwell-10",
-                        icon: "phone-plus",
-                        size: "md",
-                        type: "fill"
-                      }),
-                      n("div", Z, a(e.$t(
-                        "HC_GUEST_SATISFACTION_CALL"
-                      )), 1)
-                    ], 2)) : t("", !0),
-                    e.showComments ? (l(), i("li", {
-                      key: 2,
-                      class: u([
-                        "flex items-center",
-                        "icon-container cursor-pointer",
-                        "text-inkwell-30 px-2 py-1",
-                        { "mb-2": !e.showGuestDetails },
-                        {
-                          "mt-2": !e.showActionsLink && (e.hasGuestCallback || !e.showGuestCallback)
-                        }
-                      ]),
-                      onClick: s[5] || (s[5] = (...o) => e.onClickEditConnectGuest && e.onClickEditConnectGuest(...o))
-                    }, [
-                      r(p, {
-                        class: "shrink-0 mr-1 p-1",
-                        color: "inkwell-10",
-                        icon: "pencil",
-                        size: "md",
-                        type: "fill"
-                      }),
-                      n("div", Q, a(e.$t("HC_EDIT_INFORMATION")), 1)
-                    ], 2)) : t("", !0),
-                    e.showGuestDetails ? (l(), i("li", {
-                      key: 3,
-                      class: u([
-                        "flex items-center",
-                        "icon-container cursor-pointer",
-                        "text-inkwell-30 px-2 py-1 mb-2",
-                        {
-                          "mt-2": !e.showActionsLink && (e.hasGuestCallback || !e.showGuestCallback) && !e.showComments
-                        }
-                      ]),
-                      onClick: s[6] || (s[6] = (...o) => e.refreshPMSData && e.refreshPMSData(...o))
-                    }, [
-                      r(p, {
-                        class: "shrink-0 mr-1 p-1",
-                        color: "inkwell-10",
-                        icon: "refresh",
-                        size: "md",
-                        type: ""
-                      }),
-                      n("div", J, a(e.$t("HC_REFRESH_PMS_DATA")), 1)
-                    ], 2)) : t("", !0)
-                  ])
-                ]),
-                _: 1
-              }, 8, ["modelValue"])) : t("", !0),
-              n("div", X, [
-                r(f, null, {
-                  trigger: d(() => [
-                    r(p, {
-                      icon: "close",
-                      size: "md",
-                      type: "",
-                      class: "popover-action rounded-full cursor-pointer p-1",
-                      onClick: s[9] || (s[9] = (o) => e.$emit("toggle", !1))
-                    })
-                  ]),
-                  content: d(() => [
-                    k(a(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.occupied ? (l(), y(p, {
-              key: 0,
-              icon: "user",
-              type: "fill",
-              color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
-              width: "18",
-              height: "18",
-              "custom-size": ""
-            }, null, 8, ["color"])) : t("", !0),
-            e.cleanliness === "DIRTY" ? (l(), y(p, {
-              key: 1,
-              icon: "spray-bottle",
-              type: "fill",
-              color: "red-10",
-              width: "18",
-              height: "18",
-              "custom-size": ""
-            })) : 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(h, null, q(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(f, { position: "bottom" }, {
-                trigger: d(() => [
-                  r($, {
-                    class: u([
-                      "!text-tiny !leading-4",
-                      "shrink-0 max-w-[100px] !h-auto",
-                      "!py-0.5 !px-1.5 border",
-                      "border-orange-10",
-                      { pulse: o.isNew }
-                    ]),
-                    "bg-color": "bg-yellow-0",
-                    "text-color": "text-inkwell-30"
-                  }, {
-                    default: d(() => [
-                      k(a(typeof o == "object" && o.id && o.name ? o.name : o), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["class"])
-                ]),
-                content: d(() => [
-                  k(a(e.$t("HC_VIEW_DETAILS")), 1)
-                ]),
-                _: 2
-              }, 1024)
-            ], 8, se))), 128))
-          ])) : t("", !0),
-          n("div", {
-            class: u(["accordions", { closed: e.showCreateRequest }])
-          }, [
-            e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] ? (l(), y(O, {
-              key: 0,
-              modelValue: e.expandGuestInfo,
-              "onUpdate:modelValue": s[11] || (s[11] = (o) => e.expandGuestInfo = o),
-              class: "mb-3",
-              "content-class": "!px-0 !pt-3 !pb-0"
-            }, {
-              toggle: d(() => [
-                n("div", {
-                  class: "flex items-center cursor-pointer",
-                  onClick: s[10] || (s[10] = (o) => e.expandGuestInfo = !e.expandGuestInfo)
-                }, [
-                  n("div", le, a(e.$t("HC_GUEST_INFORMATION")), 1),
-                  r(b, { class: "grow" }),
-                  r(p, {
-                    class: u([
-                      "ml-2 transition-transform",
-                      { "rotate-90": e.expandGuestInfo }
-                    ]),
-                    color: "gray-20",
-                    icon: "chevron-right",
-                    type: ""
-                  }, null, 8, ["class"])
-                ])
-              ]),
-              content: d(() => [
-                e.loading.pms ? (l(), i("div", ie)) : (l(), i("div", te, [
-                  e.roomDetailsData.reservations[0].guestName ? (l(), i("p", re, [
-                    n("strong", null, a(e.roomDetailsData.reservations[0].guestName), 1)
-                  ])) : t("", !0),
-                  n("div", {
-                    class: u([
-                      "stay-details-container flex",
-                      e.size === "sm" ? "flex-col" : "flex-row gap-3"
-                    ])
-                  }, [
-                    e.roomDetailsData.reservations[0].confirmationNumber ? (l(), i("div", ne, [
-                      n("div", ae, a(e.$t("HC_RESERVATION")) + ": ", 1),
-                      n("div", de, a(e.roomDetailsData.reservations[0].confirmationNumber), 1)
-                    ])) : t("", !0),
-                    e.stayDetails ? (l(), i("div", ue, [
-                      n("div", pe, a(e.$t("HC_STAY")) + ": ", 1),
-                      n("div", me, a(e.stayDetails), 1)
-                    ])) : t("", !0)
-                  ], 2)
-                ]))
-              ]),
-              _: 1
-            }, 8, ["modelValue"])) : t("", !0),
-            e.showTickets ? (l(), y(O, {
-              key: 1,
-              modelValue: e.expandTickets,
-              "onUpdate:modelValue": s[13] || (s[13] = (o) => e.expandTickets = o),
-              class: "mb-3",
-              "content-class": "!px-0 !pt-3 !pb-0"
-            }, {
-              toggle: d(() => [
-                n("div", {
-                  class: "flex items-center cursor-pointer",
-                  onClick: s[12] || (s[12] = (o) => e.expandTickets = !e.expandTickets)
-                }, [
-                  n("div", ge, a(e.$t("HC_OPEN_TICKETS")), 1),
-                  r(b, { class: "grow" }),
-                  r(p, {
-                    class: u([
-                      "ml-2 transition-transform",
-                      { "rotate-90": e.expandTickets }
-                    ]),
-                    color: "gray-20",
-                    icon: "chevron-right",
-                    type: ""
-                  }, null, 8, ["class"])
-                ])
-              ]),
-              content: d(() => [
-                e.loading.tickets ? (l(), i("div", ye)) : e.ticketsList.length ? (l(), i("ul", ke, [
-                  (l(!0), i(h, null, q(e.ticketsList, (o, c) => (l(), i("li", {
-                    key: o.id,
-                    id: `open-ticket-${o.id}`
-                  }, [
-                    r(M, {
-                      class: u([
-                        {
-                          "mt-3": c > 0,
-                          pulse: o.isNew
-                        }
-                      ]),
-                      "is-clickable": !0,
-                      text: o.name,
-                      time: e.getHowLongAgo(
-                        o.started?.dateUtc
-                      ),
-                      type: o.type,
-                      onClick: (Vo) => e.onClickTicket(o)
-                    }, null, 8, ["class", "text", "time", "type", "onClick"])
-                  ], 8, he))), 128))
-                ])) : (l(), i("p", ve, a(e.$t("HC_THERE_ARE_NO_OPEN_TICKETS_YET")), 1))
-              ]),
-              _: 1
-            }, 8, ["modelValue"])) : t("", !0),
-            e.showComments ? (l(), y(O, {
-              key: 2,
-              modelValue: e.expandComments,
-              "onUpdate:modelValue": s[19] || (s[19] = (o) => e.expandComments = o),
-              class: "messages mb-3",
-              "content-class": "!px-0 !pt-3 !pb-0"
-            }, {
-              toggle: d(() => [
-                n("div", {
-                  class: "flex items-center cursor-pointer",
-                  onClick: s[14] || (s[14] = (o) => e.expandComments = !e.expandComments)
-                }, [
-                  n("div", we, a(e.$t("HC_GUEST_CONNECT")), 1),
-                  r(b, { class: "grow" }),
-                  r(p, {
-                    class: u([
-                      "ml-2 transition-transform",
-                      { "rotate-90": e.expandComments }
-                    ]),
-                    color: "gray-20",
-                    icon: "chevron-right",
-                    type: ""
-                  }, null, 8, ["class"])
-                ])
-              ]),
-              content: d(() => [
-                n("div", {
-                  class: u([
-                    "quick-replies-container",
-                    "flex flex-col",
-                    { show: e.quickReplyOpen },
-                    {
-                      "justify-end": !!e.filteredReplies.length
-                    },
-                    {
-                      "justify-center": !e.filteredReplies.length
-                    }
-                  ])
-                }, [
-                  e.filteredReplies.length ? (l(), i("div", fe, [
-                    (l(!0), i(h, null, q(e.filteredReplies, (o) => (l(), i("div", {
-                      key: o,
-                      class: u([
-                        "quick-reply",
-                        { active: e.comment }
-                      ]),
-                      onClick: (c) => e.onSelectQuickReply(o)
-                    }, [
-                      n("div", null, a(o), 1)
-                    ], 10, qe))), 128))
-                  ])) : (l(), i("div", be, a(e.$t("HC_NO_RESULTS_FOUND_FOR")) + ' "' + a(e.comment) + '". ', 1))
-                ], 2),
-                n("div", Te, [
-                  n("div", Ce, [
-                    e.loading.messages ? (l(), i("div", ce, [...s[55] || (s[55] = [
-                      n("div", { class: "flex gap-2 items-end" }, [
-                        n("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" }),
-                        n("div", { class: "animate-shimmer bg-gray-10 h-12 w-3/4 rounded-lg" })
-                      ], -1),
-                      n("div", { class: "flex gap-2 items-end justify-end" }, [
-                        n("div", { class: "animate-shimmer bg-gray-10 h-10 w-2/3 rounded-lg" }),
-                        n("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" })
-                      ], -1),
-                      n("div", { class: "flex gap-2 items-end" }, [
-                        n("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" }),
-                        n("div", { class: "animate-shimmer bg-gray-10 h-8 w-1/2 rounded-lg" })
-                      ], -1)
-                    ])])) : (l(!0), i(h, { key: 1 }, q(e.groupedMessages, (o, c) => (l(), i(h, { key: c }, [
-                      o.type === "separator" ? (l(), i("div", Oe, [
-                        n("span", Ee, a(o.label), 1)
-                      ])) : (l(), i("div", {
-                        key: 1,
-                        class: u([
-                          "chat-message",
-                          {
-                            "chat-message--staff": o.isStaffMessage,
-                            "chat-message--guest": o.isGuestMessage
-                          }
-                        ])
-                      }, [
-                        o.isGuestMessage ? (l(), i("div", $e, [
-                          r(f, { position: "top" }, {
-                            trigger: d(() => [
-                              r(S, {
-                                initials: o.user?.initials || "?",
-                                src: o.user?.src || "",
-                                size: "sm"
-                              }, null, 8, ["initials", "src"])
-                            ]),
-                            content: d(() => [
-                              k(a(o.user?.name || e.$t("HC_GUEST")), 1)
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ])) : t("", !0),
-                        n("div", De, [
-                          n("div", Se, a(o.formattedTime), 1),
-                          n("div", He, a(o.comment), 1)
-                        ]),
-                        o.isStaffMessage ? (l(), i("div", Ve, [
-                          r(S, { size: "sm" }, {
-                            default: d(() => [
-                              r(p, {
-                                icon: "building",
-                                size: "sm",
-                                color: "gray-30",
-                                type: "fill"
-                              })
-                            ]),
-                            _: 1
-                          })
-                        ])) : t("", !0)
-                      ], 2))
-                    ], 64))), 128)),
-                    !e.loading.messages && !e.groupedMessages.length ? (l(), i("div", Me, a(e.$t("HC_NO_MESSAGES_YET")), 1)) : t("", !0)
-                  ]),
-                  e.isTestEnvironment && e.simulateOpen ? (l(), i("div", Ne, [
-                    n("div", Ue, [
-                      s[56] || (s[56] = n("span", { class: "simulate-badge" }, "TEST", -1)),
-                      n("span", null, a(e.$t("HC_SIMULATE_GUEST_REPLY")), 1),
-                      r(p, {
-                        icon: "close",
-                        size: "sm",
-                        class: "cursor-pointer ml-auto",
-                        onClick: e.toggleSimulateOpen
-                      }, null, 8, ["onClick"])
-                    ]),
-                    n("div", Re, [
-                      r(v, {
-                        id: "simulate-content",
-                        modelValue: e.simulateContent,
-                        "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: H(E(e.simulateGuestReply, ["prevent"]), ["enter"])
-                      }, null, 8, ["modelValue", "placeholder", "onKeydown"]),
-                      n("div", Ie, [
-                        r(T, {
-                          disabled: !e.simulateContent.trim() || e.simulateLoading,
-                          loading: e.simulateLoading,
-                          size: "xsm",
-                          class: "simulate-send-btn",
-                          onClick: e.simulateGuestReply
-                        }, {
-                          default: d(() => [
-                            k(a(e.$t("HC_SEND")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["disabled", "loading", "onClick"])
-                      ])
-                    ])
-                  ])) : t("", !0),
-                  n("div", Ae, [
-                    n("div", Ge, [
-                      e.messages.length > 0 ? (l(), i("div", {
-                        key: 0,
-                        class: u([
-                          "text-xs px-2 py-1 rounded shrink-0",
-                          "border border-gray-12",
-                          e.loading.conversationToggle ? "opacity-50 cursor-wait" : "cursor-pointer hover:bg-gray-5",
-                          { hide: e.quickReplyOpen || e.simulateOpen }
-                        ]),
-                        onClick: s[16] || (s[16] = (o) => !e.loading.conversationToggle && e.toggleMarkOpenClose())
-                      }, [
-                        e.loading.conversationToggle ? (l(), i("span", Le, "...")) : (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: 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: s[17] || (s[17] = (...o) => e.toggleSimulateOpen && e.toggleSimulateOpen(...o))
-                      }, a(e.$t("HC_SIMULATE")), 3)) : t("", !0),
-                      n("div", ze, [
-                        r(v, {
-                          id: "comment-field",
-                          modelValue: e.comment,
-                          "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: H(e.sendChatMessage, ["enter"])
-                        }, null, 8, ["modelValue", "placeholder", "onKeydown"]),
-                        n("div", {
-                          id: "hidden-text",
-                          class: "text-sm",
-                          innerHTML: e.comment
-                        }, null, 8, Ye),
-                        r(p, {
-                          id: "quick-reply-trigger",
-                          icon: "comment-lines",
-                          class: "cursor-pointer !absolute top-1/2 -translate-y-1/2 mb-1",
-                          color: e.quickReplyOpen ? "blue-20" : "inkwell-0",
-                          size: "sm",
-                          type: e.quickReplyOpen ? "fill" : "outline",
-                          onClick: e.toggleQuickReply
-                        }, null, 8, ["color", "type", "onClick"]),
-                        r(T, {
-                          id: "send-comment",
-                          disabled: !e.comment || e.quickReplyOpen || e.loading.sendingMessage,
-                          loading: e.loading.sendingMessage,
-                          "use-loading-spinner": !0,
-                          class: "!absolute top-1/2 -translate-y-1/2 px-2 mr-2 !text-sm",
-                          size: "xsm",
-                          status: "link",
-                          onClick: e.sendChatMessage
-                        }, {
-                          default: d(() => [
-                            k(a(e.$t("HC_SEND")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["disabled", "loading", "onClick"])
-                      ])
-                    ])
-                  ])
-                ])
-              ]),
-              _: 1
-            }, 8, ["modelValue"])) : t("", !0)
-          ], 2),
-          n("div", {
-            id: "add-ticket",
-            class: u([
-              "add-ticket",
-              {
-                "overflow-hidden": !e.showCreateRequest,
-                open: e.showCreateRequest
-              }
-            ])
-          }, [
-            r(b, {
-              class: "text-base section-header mb-3",
-              align: "left",
-              color: "inkwell-30"
-            }, {
-              default: d(() => [
-                n("div", Pe, [
-                  n("div", Be, a(e.$t("HC_ACTION")), 1)
-                ])
-              ]),
-              _: 1
-            }),
-            n("form", {
-              class: "flex flex-col",
-              onSubmit: s[51] || (s[51] = E((...o) => e.onCreateRequestSubmit && e.onCreateRequestSubmit(...o), ["prevent"]))
-            }, [
-              e.showCreateRequest ? (l(), i("div", We, [
-                n("div", Ke, [
-                  n("div", je, [
-                    r(m, {
-                      id: "todo-type",
-                      "model-value": e.requestType,
-                      options: e.todoOptions,
-                      placeholder: e.$t("HC_ACTION_TYPE"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": s[20] || (s[20] = (o) => e.onSelectToDo(o))
-                    }, null, 8, ["model-value", "options", "placeholder"])
-                  ]),
-                  e.requestType && e.requestType.id === "room_notice" ? (l(), i("div", Fe, [
-                    r(m, {
-                      id: "todo-notice-issue",
-                      "model-value": e.roomNotice.issue,
-                      options: e.itemOptionsList,
-                      disabled: !e.itemOptionsList.length && !e.loading.actionItems,
-                      loading: e.loading.actionItems,
-                      placeholder: e.$t("HC_ITEM"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", Ze, [
-                    r(w, {
-                      id: "todo-notice-start-date",
-                      "model-value": e.roomNotice.startDate,
-                      "is-today-min": !0,
-                      "property-timezone": e.propertyTimeZone,
-                      locale: e.locale,
-                      placeholder: e.$t("HC_START_DATE"),
-                      format: "DD-MMM-YYYY",
-                      "calendar-classes": "mt-0",
-                      class: "icon-right",
-                      "input-classes": "datepicker-md text-inkwell-40",
-                      "wrapper-classes": "ui-overhaul",
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", Qe, [
-                    r(w, {
-                      id: "todo-notice-end-date",
-                      "model-value": e.roomNotice.endDate,
-                      "is-today-min": !0,
-                      "minimum-date": e.roomNotice.startDate,
-                      "property-timezone": e.propertyTimeZone,
-                      locale: e.locale,
-                      placeholder: e.$t("HC_END_DATE"),
-                      format: "DD-MMM-YYYY",
-                      "calendar-classes": "mt-0",
-                      class: "icon-right",
-                      "input-classes": "datepicker-md text-inkwell-40",
-                      "wrapper-classes": "ui-overhaul",
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", Je, [
-                    r(v, {
-                      id: "todo-notice-notes",
-                      modelValue: e.roomNotice.notes,
-                      "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,
-                      "floating-label": ""
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" ? (l(), i("div", Xe, [
-                    r(m, {
-                      id: "todo-complaint-problem",
-                      "model-value": e.complaint.problem,
-                      options: e.itemOptionsList,
-                      disabled: !e.itemOptionsList.length && !e.loading.actionItems,
-                      loading: e.loading.actionItems,
-                      multiple: !1,
-                      placeholder: e.$t("HC_PROBLEM"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", _e, [
-                    r(C, {
-                      id: "guest-name",
-                      modelValue: e.complaint.guestName,
-                      "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",
-                      "floating-label": "",
-                      required: ""
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", xe, [
-                    r(C, {
-                      id: "guest-phone",
-                      modelValue: e.complaint.guestPhone,
-                      "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",
-                      "floating-label": ""
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", eo, [
-                    r(C, {
-                      id: "guest-email",
-                      modelValue: e.complaint.guestEmail,
-                      "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",
-                      "floating-label": ""
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", oo, [
-                    r(C, {
-                      id: "guest-loyalty",
-                      modelValue: e.complaint.guestLoyalty,
-                      "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",
-                      "floating-label": ""
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", so, [
-                    r(m, {
-                      id: "todo-complaint-mood",
-                      "model-value": e.complaint.guestMood,
-                      options: e.moodOptions,
-                      disabled: !e.moodOptions.length,
-                      placeholder: e.$t("HC_GUEST_MOOD"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", lo, [
-                    r(w, {
-                      id: "todo-complaint-check-in",
-                      "model-value": e.complaint.checkInDate,
-                      "is-today-min": !1,
-                      "property-timezone": e.propertyTimeZone,
-                      locale: e.locale,
-                      placeholder: e.$t("HC_CHECK_IN_DATE"),
-                      format: "DD-MMM-YYYY",
-                      "calendar-classes": "mt-0",
-                      class: "icon-right",
-                      "input-classes": "datepicker-md text-inkwell-40",
-                      "wrapper-classes": "ui-overhaul",
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", io, [
-                    r(w, {
-                      id: "todo-complaint-check-out",
-                      "model-value": e.complaint.checkOutDate,
-                      "is-today-min": !1,
-                      "minimum-date": e.complaint.checkInDate,
-                      "property-timezone": e.propertyTimeZone,
-                      locale: e.locale,
-                      placeholder: e.$t("HC_CHECK_OUT_DATE"),
-                      format: "DD-MMM-YYYY",
-                      "calendar-classes": "mt-0",
-                      class: "icon-right",
-                      "input-classes": "datepicker-md text-inkwell-40",
-                      "wrapper-classes": "ui-overhaul",
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", to, [
-                    r(v, {
-                      id: "todo-complaint-notes",
-                      modelValue: e.complaint.notes,
-                      "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,
-                      "floating-label": ""
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" ? (l(), i("div", ro, [
-                    r(m, {
-                      id: "todo-work-order-item",
-                      "model-value": e.workOrder.item,
-                      options: e.itemOptionsList,
-                      disabled: !e.itemOptionsList.length && !e.loading.actionItems,
-                      loading: e.loading.actionItems,
-                      "group-selectable": !1,
-                      placeholder: e.$t("HC_ITEM"),
-                      "group-label": "group",
-                      "group-values": "options",
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", no, [
-                    r(m, {
-                      id: "todo-work-order-issue",
-                      "model-value": e.workOrder.issue,
-                      options: e.workOrderIssues,
-                      disabled: !e.workOrderIssues.length,
-                      placeholder: e.$t("HC_ISSUE"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", ao, [
-                    r(m, {
-                      id: "todo-work-order-requested-by",
-                      "model-value": e.workOrder.requestedBy,
-                      options: e.requestedByOptions,
-                      placeholder: e.$t("HC_REQUESTED_BY"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", uo, [
-                    r(m, {
-                      id: "todo-work-order-assign-type",
-                      "model-value": e.workOrder.assignType,
-                      options: e.assignTypes,
-                      placeholder: e.$t("HC_ASSIGN_TYPE"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", po, [
-                    e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 1 ? (l(), y(m, {
-                      key: 0,
-                      id: "todo-work-order-assign-to",
-                      "model-value": e.workOrder.department,
-                      options: e.departments,
-                      disabled: !e.departments.length,
-                      placeholder: e.$t("HC_ASSIGN_TO"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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(), y(m, {
-                      key: 1,
-                      id: "todo-work-order-assign-to",
-                      "model-value": e.workOrder.person,
-                      options: e.departmentUsers,
-                      disabled: !e.departmentUsers.length,
-                      "group-selectable": !1,
-                      placeholder: e.$t("HC_ASSIGN_TO"),
-                      "group-label": "group",
-                      "group-values": "options",
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", mo, [
-                    r(w, {
-                      id: "todo-work-order-due",
-                      "model-value": e.workOrder.due,
-                      "is-today-min": !0,
-                      "property-timezone": e.propertyTimeZone,
-                      locale: e.locale,
-                      placeholder: e.$t("HC_DUE_DATE"),
-                      format: "DD-MMM-YYYY",
-                      "calendar-classes": "mt-0",
-                      class: "icon-right",
-                      "input-classes": "datepicker-md text-inkwell-40",
-                      "wrapper-classes": "ui-overhaul",
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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, [
-                    r(v, {
-                      id: "todo-work-order-notes",
-                      modelValue: e.workOrder.notes,
-                      "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,
-                      "floating-label": ""
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" ? (l(), i("div", yo, [
-                    r(m, {
-                      id: "todo-request-item",
-                      "model-value": e.request.item,
-                      options: e.itemOptionsList,
-                      disabled: !e.itemOptionsList.length && !e.loading.actionItems,
-                      loading: e.loading.actionItems,
-                      placeholder: e.$t("HC_ITEM"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", ko, [
-                    r(m, {
-                      id: "todo-request-requested-by",
-                      "model-value": e.request.requestedBy,
-                      options: e.requestedByOptions,
-                      placeholder: e.$t("HC_REQUESTED_BY"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", ho, [
-                    r(w, {
-                      id: "todo-request-due",
-                      "model-value": e.request.due,
-                      "is-today-min": !0,
-                      "property-timezone": e.propertyTimeZone,
-                      locale: e.locale,
-                      placeholder: e.$t("HC_DUE_DATE"),
-                      format: "DD-MMM-YYYY",
-                      "calendar-classes": "mt-0",
-                      class: "icon-right",
-                      "input-classes": "datepicker-md text-inkwell-40",
-                      "wrapper-classes": "ui-overhaul",
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", vo, [
-                    r(m, {
-                      id: "todo-request-assign-type",
-                      "model-value": e.request.assignType,
-                      options: e.assignTypes,
-                      placeholder: e.$t("HC_ASSIGN_TYPE"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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", wo, [
-                    e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 1 ? (l(), y(m, {
-                      key: 0,
-                      id: "todo-request-assign-to",
-                      "model-value": e.request.department,
-                      options: e.departments,
-                      disabled: !e.departments.length,
-                      placeholder: e.$t("HC_ASSIGN_TO"),
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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(), y(m, {
-                      key: 1,
-                      id: "todo-request-assign-to",
-                      "model-value": e.request.person,
-                      options: e.departmentUsers,
-                      disabled: !e.departmentUsers.length,
-                      "group-selectable": !1,
-                      placeholder: e.$t("HC_ASSIGN_TO"),
-                      "group-label": "group",
-                      "group-values": "options",
-                      "floating-label": "",
-                      required: "",
-                      "onUpdate:modelValue": 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, [
-                    r(m, {
-                      id: "todo-request-when",
-                      "model-value": e.request.when,
-                      options: e.whenOptions,
-                      disabled: !e.whenOptions.length,
-                      placeholder: e.$t("HC_SELECT_WHEN"),
-                      "floating-label": "",
-                      "onUpdate:modelValue": 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", qo, [
-                    r(m, {
-                      id: "todo-request-where",
-                      "model-value": e.request.where,
-                      options: e.whereOptions,
-                      disabled: !e.whereOptions.length,
-                      placeholder: e.$t("HC_SELECT_WHERE"),
-                      "floating-label": "",
-                      "onUpdate:modelValue": 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", bo, [
-                    r(v, {
-                      id: "todo-request-notes",
-                      modelValue: e.request.notes,
-                      "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,
-                      "floating-label": ""
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])) : t("", !0)
-                ])
-              ])) : t("", !0),
-              n("div", To, [
-                r(T, {
-                  status: "secondary",
-                  onClick: E(e.closeRequest, ["prevent"])
-                }, {
-                  default: d(() => [
-                    k(a(e.$t("HC_BACK")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"]),
-                r(T, {
-                  disabled: !e.validateToDo,
-                  loading: e.requestLoading,
-                  "use-loading-spinner": !0,
-                  onClick: e.onCreateRequestSubmit
-                }, {
-                  default: d(() => [
-                    k(a(e.$t("HC_POST")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["disabled", "loading", "onClick"])
-              ])
-            ], 32)
-          ], 2),
-          e.loading.pms ? (l(), i("div", Co)) : !e.loading.pms && e.roomDetailsData.updatedAt ? (l(), i("div", co, [
-            r(p, {
-              class: "flex-shrink-1 mr-2",
-              size: "sm",
-              color: "inkwell-0",
-              icon: "clock-alarm",
-              type: "outline"
-            }),
-            n("p", Oo, a(e.$t("HC_PMS_UPDATED")) + " " + a(e.DateTime.fromISO(
-              e.roomDetailsData.updatedAt
-            ).toRelative({ locale: e.locale })), 1)
-          ])) : t("", !0)
-        ], 8, L)
-      ]),
-      _: 3
-    }, 8, ["model-value", "align", "position", "size", "teleport", "teleport-to", "close-on-scroll-out-of-view", "scroll-into-view", "scroll-into-view-padding"])
-  ], 40, A)) : t("", !0);
+    (s(!0), d(u, null, m(e.options, (l, i) => (s(), d("label", {
+      key: i,
+      class: p(["radio", { disabled: e.disabled }, { "is-inline": e.inline }, e.getLabelClasses(l, i)])
+    }, [
+      r("input", {
+        id: e.id + "-option-" + i,
+        value: l.value,
+        disabled: e.disabled,
+        checked: e.isSelected(l.value),
+        name: e.name,
+        type: "radio",
+        onClick: a[0] || (a[0] = (...t) => e.handleClick && e.handleClick(...t))
+      }, null, 8, v),
+      a[1] || (a[1] = r("span", { class: "radio-display" }, null, -1)),
+      l.value !== void 0 && (l.label || l.name) ? (s(), d("p", y, [
+        n(e.$slots, "label", { item: l }, () => [
+          b(f(e.getOptionText(l)), 1)
+        ], !0)
+      ])) : (s(), d("p", $, [
+        n(e.$slots, "default", {}, void 0, !0)
+      ]))
+    ], 2))), 128))
+  ], 8, c);
 }
-const Io = /* @__PURE__ */ I(N, [["render", Eo]]);
+const V = /* @__PURE__ */ k(o, [["render", h], ["__scopeId", "data-v-202db926"]]);
 export {
-  Io as default
+  V as default
 };