@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/index41.js

@@ -0,0 +1,1075 @@
+import S from "./index133.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 T, renderList as v, createTextVNode as h, withKeys as H, withModifiers as E, mergeProps as U, toHandlerKey as D, renderSlot as A } from "vue";
+/* empty css         */
+import R from "./index60.js";
+const G = ["id"], I = ["id"], L = ["id"], z = { class: "flex gap-3" }, M = {
+  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 }, K = { key: 0 }, Y = ["href"], j = { class: "flex items-start" }, F = { class: "list-unstyled text-xs w-full" }, Z = { class: "grow" }, Q = { class: "grow" }, W = { 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-xs" }, te = {
+  key: 0,
+  class: "animate-shimmer bg-gray-10 w-full h-6"
+}, ie = {
+  key: 1,
+  class: "guest-info-container"
+}, re = {
+  key: 0,
+  class: "text-base text-inkwell-30 mb-2"
+}, ne = {
+  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 = {
+  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 = {
+  key: 0,
+  class: "animate-shimmer bg-gray-30 w-full h-6"
+}, ge = {
+  key: 1,
+  class: "open-tickets"
+}, he = ["id"], we = {
+  key: 2,
+  class: "text-center mx-auto"
+}, qe = { class: "shrink-0 mr-2 text-xs" }, Te = {
+  key: 0,
+  class: "quick-replies row"
+}, ve = ["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" }, $e = {
+  key: 0,
+  class: "grow"
+}, Ee = { class: "flex justify-between flex-wrap" }, De = { class: "field" }, Ve = {
+  key: 0,
+  class: "field"
+}, Ne = {
+  key: 1,
+  class: "field"
+}, Se = {
+  key: 2,
+  class: "field"
+}, He = {
+  key: 3,
+  class: "field w-100"
+}, Ue = {
+  key: 4,
+  class: "field"
+}, Ae = {
+  key: 5,
+  class: "field w-100"
+}, Re = {
+  key: 6,
+  class: "field"
+}, Ge = {
+  key: 7,
+  class: "field"
+}, Ie = {
+  key: 8,
+  class: "field"
+}, Le = {
+  key: 9,
+  class: "field"
+}, ze = {
+  key: 10,
+  class: "field"
+}, Me = {
+  key: 11,
+  class: "field"
+}, Pe = {
+  key: 12,
+  class: "field w-100"
+}, Be = {
+  key: 13,
+  class: "field"
+}, Ke = {
+  key: 14,
+  class: "field"
+}, Ye = {
+  key: 15,
+  class: "field"
+}, je = {
+  key: 16,
+  class: "field"
+}, Fe = {
+  key: 17,
+  class: "field"
+}, Ze = {
+  key: 18,
+  class: "field"
+}, Qe = {
+  key: 19,
+  class: "field w-100"
+}, We = {
+  key: 20,
+  class: "field"
+}, Je = {
+  key: 21,
+  class: "field"
+}, Xe = {
+  key: 22,
+  class: "field"
+}, _e = {
+  key: 23,
+  class: "field"
+}, xe = {
+  key: 24,
+  class: "field"
+}, eo = {
+  key: 25,
+  class: "field w-100"
+}, oo = {
+  class: /* @__PURE__ */ p([
+    "actions flex-shrink-0",
+    "flex items-center justify-between"
+  ])
+}, so = {
+  key: 4,
+  class: "animate-shimmer bg-gray-30 w-full h-4 my-4"
+}, lo = {
+  key: 5,
+  class: "flex items-center mt-0.5"
+}, to = { class: "text-xs text-inkwell-0" };
+function io(e, s, ro, no, ao, po) {
+  const u = y("q-icon"), c = y("q-tooltip"), b = y("q-tag"), O = y("q-popover"), q = y("q-divider"), f = y("q-accordion"), V = y("q-activity-item"), g = y("q-input"), C = y("q-button"), N = y("q-comment-section"), m = y("q-select"), w = y("q-date-picker");
+  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[49] || (s[49] = (o) => e.onHoverToggle(!1))
+  }, [
+    r(O, {
+      "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[47] || (s[47] = (o) => e.$emit("toggle", !1)),
+      "onUpdate:modelValue": s[48] || (s[48] = (o) => e.$emit("toggle", o))
+    }, {
+      trigger: a(() => [
+        n("div", U({
+          ref: "trigger",
+          id: e.id ? `rdp-${e.id}-trigger` : "",
+          class: "trigger-text"
+        }, {
+          [D(!e.hover && "click")]: s[0] || (s[0] = (o) => e.$emit("toggle", !e.open))
+        }, {
+          [D(e.hover && "mouseover")]: s[1] || (s[1] = (o) => e.onHoverToggle(!0))
+        }), [
+          A(e.$slots, "trigger", {}, () => [
+            h(d(e.trigger), 1)
+          ], !0)
+        ], 16, I)
+      ]),
+      content: a(() => [
+        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(), t("div", M)) : (l(), t("div", {
+              key: 1,
+              class: p([
+                "flex grow items-center mb-4",
+                { "gap-3": e.showRoomName }
+              ])
+            }, [
+              e.showRoomName ? (l(), t("h2", P, [
+                n("strong", null, d(e.$t("HC_GUESTROOM")) + " " + d(e.room.name), 1)
+              ])) : i("", !0),
+              (e.occupied || e.cleanliness || e.tagsList.length && !e.showRoomName) && e.size !== "sm" ? (l(), t("div", {
+                key: 1,
+                class: p([
+                  "flex items-center flex-wrap gap-x-2",
+                  { "gap-y-3": !e.showRoomName }
+                ])
+              }, [
+                e.occupied ? (l(), k(c, {
+                  key: 0,
+                  class: "flex shrink-0 items-center"
+                }, {
+                  trigger: a(() => [
+                    r(u, {
+                      icon: "user",
+                      type: "fill",
+                      color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
+                      class: "!h-[1.625rem] !w-[1.625rem]",
+                      size: "md"
+                    }, null, 8, ["color"])
+                  ]),
+                  content: a(() => [
+                    e.occupancyTooltipContent ? (l(), t("div", B, d(e.$t(e.occupancyTooltipContent)), 1)) : i("", !0)
+                  ]),
+                  _: 1
+                })) : i("", !0),
+                e.cleanliness ? (l(), k(c, {
+                  key: 1,
+                  class: "flex shrink-0 items-center"
+                }, {
+                  trigger: a(() => [
+                    r(u, {
+                      icon: "spray-bottle",
+                      type: "fill",
+                      color: e.cleanlinessColor,
+                      size: "md",
+                      class: "mt-[0.0612rem]"
+                    }, null, 8, ["color"])
+                  ]),
+                  content: a(() => [
+                    e.cleanlinessTooltipContent ? (l(), t("div", K, d(e.cleanlinessTooltipContent), 1)) : i("", !0)
+                  ]),
+                  _: 1
+                })) : i("", !0),
+                e.tagsList.length && !e.showRoomName ? (l(!0), t(T, { key: 2 }, v(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, {
+                    class: p([
+                      "!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: a(() => [
+                      h(d(typeof o == "object" && o.id && o.name ? o.name : o), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])
+                ], 8, Y))), 128)) : i("", !0)
+              ], 2)) : i("", !0)
+            ], 2)),
+            n("div", j, [
+              e.showActionMenu && (e.showActionsLink || !e.hasGuestCallback && e.showGuestCallback || e.showComments || e.showGuestDetails) ? (l(), k(O, {
+                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: a(() => [
+                  r(u, {
+                    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: a(() => [
+                  n("ul", F, [
+                    e.showActionsLink ? (l(), t("li", {
+                      key: 0,
+                      class: p([
+                        "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(u, {
+                        class: "shrink-0 mr-1 p-1",
+                        color: "gray-25",
+                        icon: "plus",
+                        size: "md",
+                        type: ""
+                      }),
+                      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 },
+                        { "mt-2": !e.showActionsLink }
+                      ]),
+                      onClick: s[4] || (s[4] = (...o) => e.createCallback && e.createCallback(...o))
+                    }, [
+                      r(u, {
+                        class: "shrink-0 mr-1 p-0.5",
+                        color: "gray-25",
+                        icon: "phone-plus",
+                        size: "md",
+                        type: "outline"
+                      }),
+                      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) }
+                      ]),
+                      onClick: s[5] || (s[5] = (...o) => e.onClickEditConnectGuest && e.onClickEditConnectGuest(...o))
+                    }, [
+                      r(u, {
+                        class: "shrink-0 mr-1 p-1",
+                        color: "gray-25",
+                        icon: "pencil",
+                        size: "md",
+                        type: "outline"
+                      }),
+                      n("div", W, 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 }
+                      ]),
+                      onClick: s[6] || (s[6] = (...o) => e.refreshPMSData && e.refreshPMSData(...o))
+                    }, [
+                      r(u, {
+                        class: "shrink-0 mr-1 p-1",
+                        color: "gray-25",
+                        icon: "refresh",
+                        size: "md",
+                        type: ""
+                      }),
+                      n("div", J, d(e.$t("HC_REFRESH_PMS_DATA")), 1)
+                    ], 2)) : i("", !0)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])) : i("", !0),
+              n("div", X, [
+                r(c, null, {
+                  trigger: a(() => [
+                    r(u, {
+                      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: a(() => [
+                    h(d(e.$t("HC_CLOSE")), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          e.loading.pms && e.size === "sm" ? (l(), t("div", _)) : !e.loading.pms && (e.occupied || e.cleanliness) && e.size === "sm" ? (l(), t("div", x, [
+            e.occupied ? (l(), k(u, {
+              key: 0,
+              icon: "user",
+              type: "fill",
+              color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
+              size: "sm"
+            }, null, 8, ["color"])) : i("", !0),
+            e.cleanliness ? (l(), k(u, {
+              key: 1,
+              icon: "spray-bottle",
+              type: "fill",
+              color: e.cleanlinessColor,
+              size: "sm"
+            }, null, 8, ["color"])) : i("", !0)
+          ])) : i("", !0),
+          e.loading.roomNotices ? (l(), t("div", ee)) : !e.loading.roomNotices && e.tagsList.length && e.showRoomName ? (l(), t("div", oe, [
+            (l(!0), t(T, null, v(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, {
+                class: p([
+                  "!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: a(() => [
+                  h(d(typeof o == "object" && o.id && o.name ? o.name : o), 1)
+                ]),
+                _: 2
+              }, 1032, ["class"])
+            ], 8, se))), 128))
+          ])) : i("", !0),
+          n("div", {
+            class: p(["accordions", { closed: e.showCreateRequest }])
+          }, [
+            e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] ? (l(), k(f, {
+              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: a(() => [
+                n("div", {
+                  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),
+                  r(q, { class: "grow" }),
+                  r(u, {
+                    class: p([
+                      "ml-2 transition-transform",
+                      { "rotate-90": e.expandGuestInfo }
+                    ]),
+                    color: "gray-20",
+                    icon: "chevron-right",
+                    type: ""
+                  }, null, 8, ["class"])
+                ])
+              ]),
+              content: a(() => [
+                e.loading.pms ? (l(), t("div", te)) : (l(), t("div", ie, [
+                  e.roomDetailsData.reservations[0].guestName ? (l(), t("p", re, [
+                    n("strong", null, d(e.roomDetailsData.reservations[0].guestName), 1)
+                  ])) : 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(), t("div", ne, [
+                      n("div", de, d(e.$t("HC_RESERVATION")) + ": ", 1),
+                      n("div", ae, d(e.roomDetailsData.reservations[0].confirmationNumber), 1)
+                    ])) : i("", !0),
+                    e.stayDetails ? (l(), t("div", pe, [
+                      n("div", ue, d(e.$t("HC_STAY")) + ": ", 1),
+                      n("div", me, d(e.stayDetails), 1)
+                    ])) : i("", !0)
+                  ], 2)
+                ]))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : i("", !0),
+            e.showTickets ? (l(), k(f, {
+              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: a(() => [
+                n("div", {
+                  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),
+                  r(q, { class: "grow" }),
+                  r(u, {
+                    class: p([
+                      "ml-2 transition-transform",
+                      { "rotate-90": e.expandTickets }
+                    ]),
+                    color: "gray-20",
+                    icon: "chevron-right",
+                    type: ""
+                  }, null, 8, ["class"])
+                ])
+              ]),
+              content: a(() => [
+                e.loading.tickets ? (l(), t("div", ke)) : e.ticketsList.length ? (l(), t("ul", ge, [
+                  (l(!0), t(T, null, v(e.ticketsList, (o, $) => (l(), t("li", {
+                    key: o.id,
+                    id: `open-ticket-${o.id}`
+                  }, [
+                    r(V, {
+                      class: p([
+                        {
+                          "mt-3": $ > 0,
+                          pulse: o.isNew
+                        }
+                      ]),
+                      "is-clickable": !0,
+                      text: o.name,
+                      time: e.getHowLongAgo(o.started?.dateUtc),
+                      type: o.type,
+                      onClick: (uo) => e.onClickTicket(o)
+                    }, null, 8, ["class", "text", "time", "type", "onClick"])
+                  ], 8, he))), 128))
+                ])) : (l(), t("p", we, d(e.$t("HC_THERE_ARE_NO_OPEN_TICKETS_YET")), 1))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : i("", !0),
+            e.showComments ? (l(), k(f, {
+              key: 2,
+              modelValue: e.expandComments,
+              "onUpdate:modelValue": s[16] || (s[16] = (o) => e.expandComments = o),
+              class: "messages mb-3",
+              "content-class": "!px-0 !pt-3 !pb-0"
+            }, {
+              toggle: a(() => [
+                n("div", {
+                  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),
+                  r(q, { class: "grow" }),
+                  r(u, {
+                    class: p([
+                      "ml-2 transition-transform",
+                      { "rotate-90": e.expandComments }
+                    ]),
+                    color: "gray-20",
+                    icon: "chevron-right",
+                    type: ""
+                  }, null, 8, ["class"])
+                ])
+              ]),
+              content: a(() => [
+                n("div", {
+                  class: p([
+                    "quick-replies-container",
+                    "flex flex-col",
+                    { show: e.quickReplyOpen },
+                    {
+                      "justify-end": !!e.filteredReplies.length
+                    },
+                    {
+                      "justify-center": !e.filteredReplies.length
+                    }
+                  ])
+                }, [
+                  e.filteredReplies.length ? (l(), t("div", Te, [
+                    (l(!0), t(T, null, v(e.filteredReplies, (o) => (l(), t("div", {
+                      key: o,
+                      class: p([
+                        "quick-reply text-sm text-inkwell-20",
+                        { active: e.comment }
+                      ]),
+                      onClick: ($) => e.onSelectQuickReply(o)
+                    }, [
+                      n("div", null, d(o), 1)
+                    ], 10, ve))), 128))
+                  ])) : (l(), t("div", ce, d(e.$t("HC_NO_RESULTS_FOUND_FOR")) + ' "' + d(e.comment) + '". ', 1))
+                ], 2),
+                r(N, {
+                  comments: e.messages,
+                  "show-heading": !1,
+                  "show-no-comments": !1
+                }, {
+                  default: a(() => [
+                    n("div", fe, [
+                      r(g, {
+                        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" : "",
+                        placeholder: e.quickReplyOpen ? e.$t("HC_SEARCH_REPLIES") : e.$t("HC_WRITE_A_MESSAGE"),
+                        class: "w-100 mr-2",
+                        size: "sm",
+                        type: "textarea",
+                        onKeydown: H(e.sendChatMessage, ["enter"])
+                      }, null, 8, ["modelValue", "classes", "icon", "placeholder", "onKeydown"]),
+                      n("div", {
+                        id: "hidden-text",
+                        class: "text-sm",
+                        innerHTML: e.comment
+                      }, null, 8, Ce),
+                      r(u, {
+                        id: "quick-reply-trigger",
+                        icon: (e.quickReplyOpen, "comment-lines"),
+                        class: "cursor-pointer !absolute mb-1",
+                        color: "blue-sky",
+                        size: "sm",
+                        type: e.quickReplyOpen ? "fill" : "outline",
+                        onClick: e.toggleQuickReply
+                      }, null, 8, ["icon", "type", "onClick"]),
+                      r(C, {
+                        id: "send-comment",
+                        disabled: !e.comment || e.quickReplyOpen,
+                        class: "!absolute btn-subtle px-2 mr-1 text-sm",
+                        size: "sm",
+                        onClick: e.sendChatMessage
+                      }, {
+                        default: a(() => [
+                          h(d(e.$t("HC_SEND")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "onClick"])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["comments"])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : i("", !0)
+          ], 2),
+          n("div", {
+            id: "add-ticket",
+            class: p(["add-ticket overflow-hidden", { open: e.showCreateRequest }])
+          }, [
+            r(q, {
+              class: "text-base section-header mb-3",
+              align: "left",
+              color: "inkwell-30"
+            }, {
+              default: a(() => [
+                n("div", be, [
+                  n("div", Oe, d(e.$t("HC_ACTION")), 1)
+                ])
+              ]),
+              _: 1
+            }),
+            n("form", {
+              class: "flex flex-col",
+              onSubmit: s[46] || (s[46] = E((...o) => e.onCreateRequestSubmit && e.onCreateRequestSubmit(...o), ["prevent"]))
+            }, [
+              e.showCreateRequest ? (l(), t("div", $e, [
+                n("div", Ee, [
+                  n("div", De, [
+                    r(m, {
+                      id: "todo-type",
+                      selected: e.requestType,
+                      options: e.todoOptions,
+                      placeholder: e.$t("HC_ACTION_TYPE"),
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[17] || (s[17] = (o) => e.onSelectToDo(o))
+                    }, null, 8, ["selected", "options", "placeholder"])
+                  ]),
+                  e.requestType && e.requestType.id === "room_notice" ? (l(), t("div", Ve, [
+                    r(m, {
+                      id: "todo-notice-issue",
+                      selected: e.roomNotice.issue,
+                      options: e.itemOptionsList,
+                      disabled: !e.itemOptionsList.length,
+                      placeholder: e.$t("HC_ITEM"),
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[18] || (s[18] = (o) => e.roomNotice.issue = o)
+                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), t("div", Ne, [
+                    r(w, {
+                      id: "todo-notice-start-date",
+                      value: e.roomNotice.startDate,
+                      "is-today-min": !0,
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_START_DATE"),
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[19] || (s[19] = (o) => e.roomNotice.startDate = o)
+                    }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), t("div", Se, [
+                    r(w, {
+                      id: "todo-notice-end-date",
+                      value: e.roomNotice.endDate,
+                      "is-today-min": !0,
+                      "minimum-date": e.$datetime(e.roomNotice.startDate).toDate(),
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_END_DATE"),
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[20] || (s[20] = (o) => e.roomNotice.endDate = o)
+                    }, null, 8, ["value", "minimum-date", "property-timezone", "locale", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), t("div", He, [
+                    r(g, {
+                      id: "todo-notice-notes",
+                      modelValue: e.roomNotice.notes,
+                      "onUpdate:modelValue": s[21] || (s[21] = (o) => e.roomNotice.notes = o),
+                      placeholder: e.$t("HC_WRITE_A_MESSAGE"),
+                      classes: "text-inkwell-40 border-gray-12 mb-2",
+                      type: "textarea",
+                      condensed: ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" ? (l(), t("div", Ue, [
+                    r(m, {
+                      id: "todo-complaint-problem",
+                      selected: e.complaint.problem,
+                      options: e.itemOptionsList,
+                      disabled: !e.itemOptionsList.length,
+                      multiple: !1,
+                      placeholder: e.$t("HC_PROBLEM"),
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[22] || (s[22] = (o) => e.complaint.problem = o)
+                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Ae, [
+                    r(g, {
+                      id: "guest-name",
+                      modelValue: e.complaint.guestName,
+                      "onUpdate:modelValue": s[23] || (s[23] = (o) => e.complaint.guestName = o),
+                      placeholder: e.$t("HC_GUEST_NAME"),
+                      classes: "text-inkwell-40 border-gray-12 ui-overhaul",
+                      condensed: "",
+                      required: ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Re, [
+                    r(g, {
+                      id: "guest-phone",
+                      modelValue: e.complaint.guestPhone,
+                      "onUpdate:modelValue": s[24] || (s[24] = (o) => e.complaint.guestPhone = o),
+                      placeholder: e.$t("HC_GUEST_PHONE_NUMBER"),
+                      classes: "text-inkwell-40 border-gray-12 ui-overhaul",
+                      condensed: ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Ge, [
+                    r(g, {
+                      id: "guest-email",
+                      modelValue: e.complaint.guestEmail,
+                      "onUpdate:modelValue": s[25] || (s[25] = (o) => e.complaint.guestEmail = o),
+                      placeholder: e.$t("HC_GUEST_EMAIL"),
+                      classes: "text-inkwell-40 border-gray-12 ui-overhaul",
+                      condensed: ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Ie, [
+                    r(g, {
+                      id: "guest-loyalty",
+                      modelValue: e.complaint.guestLoyalty,
+                      "onUpdate:modelValue": s[26] || (s[26] = (o) => e.complaint.guestLoyalty = o),
+                      placeholder: e.$t("HC_GUEST_LOYALTY"),
+                      classes: "text-inkwell-40 border-gray-12 ui-overhaul",
+                      condensed: ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Le, [
+                    r(m, {
+                      id: "todo-complaint-mood",
+                      selected: e.complaint.guestMood,
+                      options: e.moodOptions,
+                      disabled: !e.moodOptions.length,
+                      placeholder: e.$t("HC_GUEST_MOOD"),
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[27] || (s[27] = (o) => e.complaint.guestMood = o)
+                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", ze, [
+                    r(w, {
+                      id: "todo-complaint-check-in",
+                      value: e.$datetime(e.complaint.checkInDate).toDate(),
+                      "is-today-min": !1,
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_CHECK_IN_DATE"),
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[28] || (s[28] = (o) => e.complaint.checkInDate = o)
+                    }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Me, [
+                    r(w, {
+                      id: "todo-complaint-check-out",
+                      value: e.$datetime(e.complaint.checkOutDate).toDate(),
+                      "is-today-min": !1,
+                      "minimum-date": e.$datetime(e.complaint.checkInDate).toDate(),
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_CHECK_OUT_DATE"),
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[29] || (s[29] = (o) => e.complaint.checkOutDate = o)
+                    }, null, 8, ["value", "minimum-date", "property-timezone", "locale", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), t("div", Pe, [
+                    r(g, {
+                      id: "todo-complaint-notes",
+                      modelValue: e.complaint.notes,
+                      "onUpdate:modelValue": s[30] || (s[30] = (o) => e.complaint.notes = o),
+                      placeholder: e.$t("HC_WRITE_A_MESSAGE"),
+                      classes: "text-inkwell-40 border-gray-12 mb-2",
+                      type: "textarea",
+                      condensed: ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" ? (l(), t("div", Be, [
+                    r(m, {
+                      id: "todo-work-order-item",
+                      selected: e.workOrder.item,
+                      options: e.itemOptionsList,
+                      disabled: !e.itemOptionsList.length,
+                      "group-selectable": !1,
+                      placeholder: e.$t("HC_ITEM"),
+                      "group-label": "group",
+                      "group-values": "options",
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[31] || (s[31] = (o) => e.workOrder.item = o)
+                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item ? (l(), t("div", Ke, [
+                    r(m, {
+                      id: "todo-work-order-issue",
+                      selected: e.workOrder.issue,
+                      options: e.workOrderIssues,
+                      disabled: !e.workOrderIssues.length,
+                      placeholder: e.$t("HC_ISSUE"),
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[32] || (s[32] = (o) => e.workOrder.issue = o)
+                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", Ye, [
+                    r(m, {
+                      id: "todo-work-order-requested-by",
+                      selected: e.workOrder.requestedBy,
+                      options: e.requestedByOptions,
+                      placeholder: e.$t("HC_REQUESTED_BY"),
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[33] || (s[33] = (o) => e.workOrder.requestedBy = o)
+                    }, null, 8, ["selected", "options", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", je, [
+                    r(m, {
+                      id: "todo-work-order-assign-type",
+                      selected: e.workOrder.assignType,
+                      options: e.assignTypes,
+                      placeholder: e.$t("HC_ASSIGN_TYPE"),
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[34] || (s[34] = (o) => e.workOrder.assignType = o)
+                    }, null, 8, ["selected", "options", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", Fe, [
+                    e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 1 ? (l(), k(m, {
+                      key: 0,
+                      id: "todo-work-order-assign-type",
+                      selected: e.workOrder.department,
+                      options: e.departments,
+                      disabled: !e.departments.length,
+                      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"])) : i("", !0),
+                    e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 2 ? (l(), k(m, {
+                      key: 1,
+                      id: "todo-work-order-assign-type",
+                      selected: 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",
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[36] || (s[36] = (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", Ze, [
+                    r(w, {
+                      id: "todo-work-order-due",
+                      value: e.$datetime(e.workOrder.due).toDate(),
+                      "is-today-min": !0,
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_DUE_DATE"),
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[37] || (s[37] = (o) => e.workOrder.due = o)
+                    }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), t("div", Qe, [
+                    r(g, {
+                      id: "todo-work-order-notes",
+                      modelValue: e.workOrder.notes,
+                      "onUpdate:modelValue": s[38] || (s[38] = (o) => e.workOrder.notes = o),
+                      placeholder: e.$t("HC_WRITE_A_MESSAGE"),
+                      classes: "text-inkwell-40 border-gray-12 mb-2",
+                      type: "textarea",
+                      condensed: ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" ? (l(), t("div", We, [
+                    r(m, {
+                      id: "todo-request-item",
+                      selected: e.request.item,
+                      options: e.itemOptionsList,
+                      disabled: !e.itemOptionsList.length,
+                      placeholder: e.$t("HC_ITEM"),
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[39] || (s[39] = (o) => e.request.item = o)
+                    }, null, 8, ["selected", "options", "disabled", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", Je, [
+                    r(m, {
+                      id: "todo-request-requested-by",
+                      selected: e.request.requestedBy,
+                      options: e.requestedByOptions,
+                      placeholder: e.$t("HC_REQUESTED_BY"),
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[40] || (s[40] = (o) => e.request.requestedBy = o)
+                    }, null, 8, ["selected", "options", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", Xe, [
+                    r(w, {
+                      id: "todo-request-due",
+                      value: e.$datetime(e.request.due).toDate(),
+                      "is-today-min": !0,
+                      "property-timezone": e.propertyTimeZone,
+                      locale: e.locale,
+                      placeholder: e.$t("HC_DUE_DATE"),
+                      "calendar-classes": "mt-0",
+                      class: "icon-right",
+                      "input-classes": "datepicker-md text-inkwell-40",
+                      "wrapper-classes": "ui-overhaul",
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[41] || (s[41] = (o) => e.request.due = o)
+                    }, null, 8, ["value", "property-timezone", "locale", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", _e, [
+                    r(m, {
+                      id: "todo-request-assign-type",
+                      selected: e.request.assignType,
+                      options: e.assignTypes,
+                      placeholder: e.$t("HC_ASSIGN_TYPE"),
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[42] || (s[42] = (o) => e.request.assignType = o)
+                    }, null, 8, ["selected", "options", "placeholder"])
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", xe, [
+                    e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 1 ? (l(), k(m, {
+                      key: 0,
+                      id: "todo-request-assign-type",
+                      selected: e.request.department,
+                      options: e.departments,
+                      disabled: !e.departments.length,
+                      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"])) : i("", !0),
+                    e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 2 ? (l(), k(m, {
+                      key: 1,
+                      id: "todo-request-assign-type",
+                      selected: 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",
+                      condensed: "",
+                      required: "",
+                      "onUpdate:modelValue": s[44] || (s[44] = (o) => e.request.person = o)
+                    }, null, 8, ["selected", "options", "disabled", "placeholder"])) : i("", !0)
+                  ])) : i("", !0),
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), t("div", eo, [
+                    r(g, {
+                      id: "todo-request-notes",
+                      modelValue: e.request.notes,
+                      "onUpdate:modelValue": s[45] || (s[45] = (o) => e.request.notes = o),
+                      placeholder: e.$t("HC_WRITE_A_MESSAGE"),
+                      classes: "text-inkwell-40 border-gray-12 mb-2",
+                      type: "textarea",
+                      condensed: ""
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])) : i("", !0)
+                ])
+              ])) : i("", !0),
+              n("div", oo, [
+                r(C, {
+                  status: "secondary",
+                  onClick: E(e.closeRequest, ["prevent"])
+                }, {
+                  default: a(() => [
+                    h(d(e.$t("HC_BACK")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"]),
+                r(C, {
+                  disabled: !e.validateToDo,
+                  loading: e.requestLoading,
+                  "use-loading-spinner": !0
+                }, {
+                  default: a(() => [
+                    h(d(e.$t("HC_POST")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "loading"])
+              ])
+            ], 32)
+          ], 2),
+          e.loading.pms ? (l(), t("div", so)) : !e.loading.pms && e.roomDetailsData.updatedAt ? (l(), t("div", lo, [
+            r(u, {
+              class: "flex-shrink-1 mr-2",
+              size: "sm",
+              color: "inkwell-0",
+              icon: "clock-alarm",
+              type: "outline"
+            }),
+            n("p", to, d(e.$t("HC_PMS_UPDATED")) + " " + d(e.DateTime.fromISO(e.roomDetailsData.updatedAt).toRelative({ locale: e.locale })), 1)
+          ])) : i("", !0)
+        ], 8, L)
+      ]),
+      _: 3
+    }, 8, ["model-value", "align", "position", "size"])
+  ], 40, G)) : i("", !0);
+}
+const ho = /* @__PURE__ */ R(S, [["render", io], ["__scopeId", "data-v-ba64436a"]]);
+export {
+  ho as default
+};