@revolugo/elements 6.8.2 → 6.8.3-beta.1

package/dist/{revolugo.bookingmanager.B5cM9Mi5.min.js → revolugo.bookingmanager.-BQEM4EN.min.js}

@@ -1,29 +1,29 @@
-import { d as S, b as W, u as E, i as k, a as e, w as i, j as r, e as n, o as c, c as w, f as l, t as a, E as z, k as P, s as at, l as ot, m as st, T as h, p as lt, g as v, q as rt, F as q, v as ct, r as g, x as ut, n as dt, h as bt } from "./revolugo.index.wc.7I5uexuc.min.js";
-import { k as gt, C as mt } from "./revolugo.case-transformers.Dr1oSJkZ.min.js";
-import { H as pt } from "./revolugo.hotelofferitemlayout.tBOOIdeT.min.js";
-import { _ as A, a as u, V as m, B as ht, W as kt } from "./revolugo.webcomponentwrapper.DFYGhYzz.min.js";
-import { V as B, a as $, b as Y, c as _ } from "./revolugo.vcard.DNU4i52n.min.js";
-import { V as y } from "./revolugo.vdivider.Cp9bHPnI.min.js";
-import { V as s } from "./revolugo.vskeletonloader.Dk0enVo6.min.js";
-import { C as ft } from "./revolugo.cancellationpolicieslist.D097ASNF.min.js";
-import { R as vt } from "./revolugo.roominglisteditor.Do-pe811.min.js";
-import { B as yt, a as Bt } from "./revolugo.bhotelroomsdetails.orWBBD_o.min.js";
-import { _ as wt } from "./revolugo.bformattedamount.vue_vue_type_script_setup_true_lang.D9Qs1dZa.min.js";
-import { B as Dt, a as Ct, m as Nt } from "./revolugo.bimagecarousel.DIPN99VA.min.js";
-import { d as It } from "./revolugo.dialog-attach.O2HXPGzj.min.js";
-import { a as M } from "./revolugo.vbtn.CQ9EDLRJ.min.js";
-import { V as J } from "./revolugo.vdialog.CjEajxIC.min.js";
-import { B as Mt } from "./revolugo.btag.DjjDRtQ7.min.js";
-import { V } from "./revolugo.index.gIPq0z7C.min.js";
-import { V as Pt } from "./revolugo.vtoolbar.CvbAGFXR.min.js";
-import { V as U } from "./revolugo.vsheet.8UeU7qQn.min.js";
+import { d as V, b as W, u as E, i as g, a as e, w as i, j as r, e as n, o as c, m as it, k as nt, l as at, p as S, f as l, t as a, E as R, q as P, s as ot, v as st, x as lt, y as m, z as rt, c as C, g as h, A as ct, F, B as ut, r as d, C as dt, n as bt, h as gt } from "./revolugo.index.wc.C1h_M397.min.js";
+import { k as mt, C as pt } from "./revolugo.case-transformers.DGnXS0Cp.min.js";
+import { _ as ht } from "./revolugo.hotelofferitemlayout.vue_vue_type_script_setup_true_lang.B7oYjB-Q.min.js";
+import { _ as j, a as u, V as b, B as kt, W as ft } from "./revolugo.webcomponentwrapper.BMVPGxCQ.min.js";
+import { V as v, a as z, b as Y, c as q } from "./revolugo.vcard.BkeYpsDj.min.js";
+import { V as k } from "./revolugo.vdivider.DjAkTZXY.min.js";
+import { V as s } from "./revolugo.vskeletonloader.CGHKwSZc.min.js";
+import { _ as vt } from "./revolugo.cancellationpolicieslist.EOsSrPjA.min.js";
+import { R as yt } from "./revolugo.roominglisteditor.8ernakg_.min.js";
+import { B as Bt, _ as wt } from "./revolugo.bhotelroomsdetails.DDHY2lbs.min.js";
+import { _ as Dt } from "./revolugo.bformattedamount.vue_vue_type_script_setup_true_lang.CPnoXVaZ.min.js";
+import { B as Ct, a as Nt, m as It } from "./revolugo.bimagecarousel.DpROkQNr.min.js";
+import { u as Mt } from "./revolugo.use-dialog-attach._Ffb31mm.min.js";
+import { V as J } from "./revolugo.vdialog.BtJzWlDm.min.js";
+import { a as N } from "./revolugo.vbtn.1GlaUjid.min.js";
+import { B as Pt } from "./revolugo.btag.yxmSLIpZ.min.js";
+import { V as _ } from "./revolugo.vicon.0J-whoPd.min.js";
+import { V as zt } from "./revolugo.vtoolbar.CvvYVWAF.min.js";
+import { V as U } from "./revolugo.vsheet.Bq0fXKd0.min.js";
 const K = {
   token: {
     type: String
   }
-}, $t = S({
+}, $t = V({
   components: {
-    HotelOfferItemLayout: pt
+    HotelOfferItemLayout: ht
   },
   mixins: [W],
   name: "BookingManagerLayout",
@@ -36,10 +36,10 @@ const K = {
       t
     };
   }
-}), zt = { class: "px-4 py-2" }, St = { class: "px-4 py-2" }, At = { class: "px-4 py-2" }, Rt = { class: "px-4 py-2" }, Vt = { class: "px-4 py-2" }, Et = { class: "px-4 py-2" }, jt = { class: "px-4 py-2" }, Lt = { class: "px-4 py-2" }, Ot = { class: "px-4 py-2" }, Tt = { class: "px-4 py-2 bg-grey-lighten-4" }, Ft = { class: "px-4 py-2 d-flex justify-center" }, qt = { class: "px-4 py-2" }, _t = { class: "text-center" }, Ut = { class: "d-flex justify-center align-center mt-3 mb-5" }, Ht = { class: "d-flex align-center flex-column" };
-function Gt(t, o, d, p, D, C) {
-  return c(), k("div", null, [
-    e(m, { class: "pt-2 px-2" }, {
+}), At = { class: "px-4 py-2" }, St = { class: "px-4 py-2" }, Rt = { class: "px-4 py-2" }, Vt = { class: "px-4 py-2" }, _t = { class: "px-4 py-2" }, Et = { class: "px-4 py-2" }, jt = { class: "px-4 py-2" }, Lt = { class: "px-4 py-2" }, Ot = { class: "px-4 py-2" }, Tt = { class: "px-4 py-2 bg-grey-lighten-4" }, Ft = { class: "px-4 py-2 d-flex justify-center" }, qt = { class: "px-4 py-2" }, Ut = { class: "text-center" }, Ht = { class: "d-flex justify-center align-center mt-3 mb-5" }, Gt = { class: "d-flex align-center flex-column" };
+function Wt(t, o, f, I, $, y) {
+  return c(), g("div", null, [
+    e(b, { class: "pt-2 px-2" }, {
       default: i(() => [
         e(u, {
           class: "order-2",
@@ -47,16 +47,16 @@ function Gt(t, o, d, p, D, C) {
           lg: "8"
         }, {
           default: i(() => [
-            e(m, null, {
+            e(b, null, {
               default: i(() => [
                 e(u, null, {
                   default: i(() => [
                     r(t.$slots, "hotel-resume", {}, () => [
-                      e(B, { border: "" }, {
+                      e(v, { border: "" }, {
                         default: i(() => [
-                          e($, { class: "pa-3" }, {
+                          e(z, { class: "pa-3" }, {
                             default: i(() => [
-                              e(m, null, {
+                              e(b, null, {
                                 default: i(() => [
                                   e(u, {
                                     class: "pa-0 mr-sm-n1 mb-n1 mb-sm-0",
@@ -78,7 +78,7 @@ function Gt(t, o, d, p, D, C) {
                                   }),
                                   e(u, { class: "d-flex flex-column" }, {
                                     default: i(() => [
-                                      e(m, null, {
+                                      e(b, null, {
                                         default: i(() => [
                                           e(u, null, {
                                             default: i(() => [
@@ -96,7 +96,7 @@ function Gt(t, o, d, p, D, C) {
                                         ]),
                                         _: 1
                                       }),
-                                      e(m, {
+                                      e(b, {
                                         class: "my-0",
                                         "no-gutters": ""
                                       }, {
@@ -149,13 +149,13 @@ function Gt(t, o, d, p, D, C) {
               ]),
               _: 3
             }),
-            e(m, null, {
+            e(b, null, {
               default: i(() => [
                 e(u, null, {
                   default: i(() => [
-                    e(B, { border: "" }, {
+                    e(v, { border: "" }, {
                       default: i(() => [
-                        n("div", zt, [
+                        n("div", At, [
                           r(t.$slots, "check-in-date", {}, () => [
                             e(s, {
                               boilerplate: t.boilerplate,
@@ -174,7 +174,7 @@ function Gt(t, o, d, p, D, C) {
                             }, null, 8, ["boilerplate"])
                           ])
                         ]),
-                        e(y),
+                        e(k),
                         n("div", St, [
                           r(t.$slots, "check-out-date", {}, () => [
                             e(s, {
@@ -194,8 +194,8 @@ function Gt(t, o, d, p, D, C) {
                             }, null, 8, ["boilerplate"])
                           ])
                         ]),
-                        e(y),
-                        n("div", At, [
+                        e(k),
+                        n("div", Rt, [
                           r(t.$slots, "room-details", {}, () => [
                             e(s, {
                               boilerplate: t.boilerplate,
@@ -214,8 +214,8 @@ function Gt(t, o, d, p, D, C) {
                             }, null, 8, ["boilerplate"])
                           ])
                         ]),
-                        e(y),
-                        n("div", Rt, [
+                        e(k),
+                        n("div", Vt, [
                           r(t.$slots, "breakfast", {}, () => [
                             e(s, {
                               boilerplate: t.boilerplate,
@@ -234,8 +234,8 @@ function Gt(t, o, d, p, D, C) {
                             }, null, 8, ["boilerplate"])
                           ])
                         ]),
-                        e(y),
-                        n("div", Vt, [
+                        e(k),
+                        n("div", _t, [
                           r(t.$slots, "cancellation-policy", {}, () => [
                             e(s, {
                               boilerplate: t.boilerplate,
@@ -271,7 +271,7 @@ function Gt(t, o, d, p, D, C) {
               ]),
               _: 3
             }),
-            e(m, null, {
+            e(b, null, {
               default: i(() => [
                 e(u, null, {
                   default: i(() => [
@@ -291,7 +291,7 @@ function Gt(t, o, d, p, D, C) {
           lg: "4"
         }, {
           default: i(() => [
-            e(m, { align: "center" }, {
+            e(b, { align: "center" }, {
               default: i(() => [
                 e(u, {
                   cols: "12",
@@ -299,7 +299,7 @@ function Gt(t, o, d, p, D, C) {
                   sm: "6"
                 }, {
                   default: i(() => [
-                    e(B, { border: "" }, {
+                    e(v, { border: "" }, {
                       default: i(() => [
                         n("div", Et, [
                           r(t.$slots, "customer-reference", {}, () => [
@@ -313,7 +313,7 @@ function Gt(t, o, d, p, D, C) {
                             }, null, 8, ["boilerplate"])
                           ])
                         ]),
-                        e(y),
+                        e(k),
                         n("div", jt, [
                           r(t.$slots, "customer-name", {}, () => [
                             e(s, {
@@ -326,7 +326,7 @@ function Gt(t, o, d, p, D, C) {
                             }, null, 8, ["boilerplate"])
                           ])
                         ]),
-                        e(y),
+                        e(k),
                         n("div", Lt, [
                           r(t.$slots, "booking-reference", {}, () => [
                             e(s, {
@@ -339,7 +339,7 @@ function Gt(t, o, d, p, D, C) {
                             }, null, 8, ["boilerplate"])
                           ])
                         ]),
-                        e(y),
+                        e(k),
                         n("div", Ot, [
                           r(t.$slots, "booking-datetime", {}, () => [
                             e(s, {
@@ -360,7 +360,7 @@ function Gt(t, o, d, p, D, C) {
                 }),
                 e(u, null, {
                   default: i(() => [
-                    e(B, { border: "" }, {
+                    e(v, { border: "" }, {
                       default: i(() => [
                         n("div", Tt, [
                           n("div", Ft, [
@@ -375,10 +375,10 @@ function Gt(t, o, d, p, D, C) {
                             ])
                           ])
                         ]),
-                        e(y),
+                        e(k),
                         n("div", qt, [
-                          n("div", _t, [
-                            n("div", Ut, [
+                          n("div", Ut, [
+                            n("div", Ht, [
                               r(t.$slots, "price", {}, () => [
                                 e(s, {
                                   boilerplate: t.boilerplate,
@@ -397,7 +397,7 @@ function Gt(t, o, d, p, D, C) {
                                 }, null, 8, ["boilerplate"])
                               ])
                             ]),
-                            n("div", Ht, [
+                            n("div", Gt, [
                               r(t.$slots, "booking-status", {}, () => [
                                 e(s, {
                                   boilerplate: t.boilerplate,
@@ -416,7 +416,7 @@ function Gt(t, o, d, p, D, C) {
                                 }, null, 8, ["boilerplate"])
                               ])
                             ]),
-                            e(m, {
+                            e(b, {
                               class: "mt-0",
                               justify: "center"
                             }, {
@@ -466,7 +466,7 @@ function Gt(t, o, d, p, D, C) {
               ]),
               _: 3
             }),
-            e(m, null, {
+            e(b, null, {
               default: i(() => [
                 e(u, { cols: "12" }, {
                   default: i(() => [
@@ -492,7 +492,7 @@ function Gt(t, o, d, p, D, C) {
       ]),
       _: 3
     }),
-    e(m, null, {
+    e(b, null, {
       default: i(() => [
         e(u, { cols: "12" }, {
           default: i(() => [
@@ -513,32 +513,74 @@ function Gt(t, o, d, p, D, C) {
     })
   ]);
 }
-const Wt = /* @__PURE__ */ A($t, [["render", Gt]]), Yt = {
-  modelValue: { type: Boolean }
-}, Z = S({
-  computed: {
-    isShowed: {
-      get() {
-        return this.modelValue;
-      },
-      set(t) {
-        this.$emit("update:modelValue", t);
-      }
-    }
+const Yt = /* @__PURE__ */ j($t, [["render", Wt]]), Jt = { class: "px-10 pt-10" }, Kt = ["innerHTML"], Z = /* @__PURE__ */ V({
+  __name: "BNewBookingDialog",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
   },
-  methods: {
-    handleConfirm() {
-      this.isShowed = !1, this.$emit("confirm");
+  emits: /* @__PURE__ */ it(["confirm"], ["update:modelValue"]),
+  setup(t, { emit: o }) {
+    const f = o, I = nt(null), { $dialogAttach: $ } = Mt(I), y = at(t, "modelValue"), { t: B } = E();
+    function M() {
+      f("confirm"), y.value = !1;
     }
-  },
-  mixins: [It],
-  name: "BNewBookingDialog",
-  props: Yt,
-  setup() {
-    const { t } = E();
-    return {
-      t
-    };
+    return (L, w) => (c(), g("div", {
+      ref_key: "root",
+      ref: I
+    }, [
+      e(J, {
+        modelValue: y.value,
+        "onUpdate:modelValue": w[1] || (w[1] = (A) => y.value = A),
+        "max-width": "600px",
+        attach: S($)
+      }, {
+        default: i(() => [
+          e(v, null, {
+            default: i(() => [
+              e(z, null, {
+                default: i(() => [
+                  n("div", Jt, [
+                    n("p", {
+                      class: "text-body-1 ma-0",
+                      innerHTML: S(B)("BNewBookingDialog.message")
+                    }, null, 8, Kt)
+                  ])
+                ]),
+                _: 1
+              }),
+              e(Y, { class: "justify-end" }, {
+                default: i(() => [
+                  e(N, {
+                    color: "primary",
+                    variant: "text",
+                    onClick: M
+                  }, {
+                    default: i(() => [
+                      l(a(S(B)("BNewBookingDialog.confirm")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  e(N, {
+                    color: "error",
+                    variant: "text",
+                    onClick: w[0] || (w[0] = (A) => y.value = !1)
+                  }, {
+                    default: i(() => [
+                      l(a(S(B)("BNewBookingDialog.cancel")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "attach"])
+    ], 512));
   }
 });
 function H(t) {
@@ -598,119 +640,57 @@ function H(t) {
     }
   });
 }
-const Jt = { class: "px-10 pt-10" }, Kt = ["innerHTML"];
-function Zt(t, o, d, p, D, C) {
-  return c(), w(J, {
-    modelValue: t.isShowed,
-    "onUpdate:modelValue": o[1] || (o[1] = (N) => t.isShowed = N),
-    attach: t.$dialogAttach,
-    "max-width": "600px",
-    persistent: ""
-  }, {
-    default: i(() => [
-      n("template", null, [
-        e(B, null, {
-          default: i(() => [
-            e($, null, {
-              default: i(() => [
-                n("div", Jt, [
-                  n("p", {
-                    class: "text-body-1 ma-0",
-                    innerHTML: t.t("BNewBookingDialog.message")
-                  }, null, 8, Kt)
-                ])
-              ]),
-              _: 1
-            }),
-            e(Y, { class: "justify-end" }, {
-              default: i(() => [
-                e(M, {
-                  color: "primary",
-                  variant: "text",
-                  onClick: t.handleConfirm
-                }, {
-                  default: i(() => [
-                    l(a(t.t("BNewBookingDialog.confirm")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"]),
-                e(M, {
-                  color: "error",
-                  variant: "text",
-                  onClick: o[0] || (o[0] = (N) => t.isShowed = !1)
-                }, {
-                  default: i(() => [
-                    l(a(t.t("BNewBookingDialog.cancel")), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ])
-    ]),
-    _: 1
-  }, 8, ["modelValue", "attach"]);
-}
 typeof H == "function" && H(Z);
-const Qt = /* @__PURE__ */ A(Z, [["render", Zt]]), Q = S({
+const Q = V({
   components: {
-    BBreakfastOptionBadge: Bt,
-    BErrorOverlay: ht,
-    BFormattedAmount: wt,
-    BGoogleMapIframe: Ct,
-    BHotelRoomsDetails: yt,
-    BImageCarousel: Dt,
-    BNewBookingDialog: Qt,
-    BTag: Mt,
-    BookingManagerLayout: Wt,
-    CancellationPoliciesList: ft,
-    RoomingListEditor: vt
+    BBreakfastOptionBadge: wt,
+    BErrorOverlay: kt,
+    BFormattedAmount: Dt,
+    BGoogleMapIframe: Nt,
+    BHotelRoomsDetails: Bt,
+    BImageCarousel: Ct,
+    BNewBookingDialog: Z,
+    BTag: Pt,
+    BookingManagerLayout: Yt,
+    CancellationPoliciesList: vt,
+    RoomingListEditor: yt
   },
   computed: {
     bookingStatusColor() {
-      var t;
-      switch ((t = this.booking) == null ? void 0 : t.status) {
-        case h.Cx:
-        case h.Af:
+      switch (this.booking?.status) {
+        case m.Cx:
+        case m.Af:
           return "error--text";
-        case h.Cf:
-        case h.Created:
+        case m.Cf:
+        case m.Created:
           return "success--text";
-        case h.Ip:
-        case h.Pp:
+        case m.Ip:
+        case m.Pp:
           return "warning--text";
-        case h.Pc:
-        case h.Qr:
+        case m.Pc:
+        case m.Qr:
         case void 0:
         default:
           return "";
       }
     },
     breakfastCount() {
-      var t, o;
-      return ((o = (t = this.booking) == null ? void 0 : t.hotelRoomOffer) == null ? void 0 : o.breakfastCount) || 0;
+      return this.booking?.hotelRoomOffer?.breakfastCount || 0;
     },
     customerName() {
-      var d, p, D, C;
-      if (!((p = (d = this.booking) == null ? void 0 : d.contactPerson) != null && p.firstName) || !((C = (D = this.booking) == null ? void 0 : D.contactPerson) != null && C.lastName))
+      if (!this.booking?.contactPerson?.firstName || !this.booking?.contactPerson?.lastName)
         return "";
-      const t = this.booking.contactPerson.lastName.toUpperCase(), o = lt(this.booking.contactPerson.firstName);
+      const t = this.booking.contactPerson.lastName.toUpperCase(), o = rt(this.booking.contactPerson.firstName);
       return `${t} ${o}`;
     },
     imageUrls() {
-      var t;
-      return Nt((t = this.hotel) == null ? void 0 : t.hotelImages);
+      return It(this.hotel?.hotelImages);
     },
     invoices() {
-      var t;
-      return ((t = this.booking) == null ? void 0 : t.invoices) || [];
+      return this.booking?.invoices || [];
     },
     isBookingAvailable() {
-      return !!this.booking && this.booking.status !== h.Af && this.booking.status !== h.Cx;
+      return !!this.booking && this.booking.status !== m.Af && this.booking.status !== m.Cx;
     },
     nightCount() {
       return this.booking ? P(this.booking.checkOutDate).startOf("day").diff(P(this.booking.checkInDate).startOf("day"), "day") : 0;
@@ -718,7 +698,7 @@ const Qt = /* @__PURE__ */ A(Z, [["render", Zt]]), Q = S({
     penaltyAmount() {
       if (!this.booking)
         return 0;
-      const t = st({
+      const t = lt({
         bookingDatetime: P(this.booking.createdAt).format(),
         cancellationPolicies: this.booking.cancellationPolicies,
         checkInDate: this.booking.checkInDate,
@@ -733,21 +713,20 @@ const Qt = /* @__PURE__ */ A(Z, [["render", Zt]]), Q = S({
       return this.booking.taxIncludedPrice - this.penaltyAmount;
     },
     roomCount() {
-      return ot(this.rooms, "count");
+      return st(this.rooms, "count");
     },
     rooms() {
       return this.booking ? this.booking.hotelRoomOffer.hotelRooms : [];
     },
     sanitizedCancellationPolicies() {
-      var t, o, d;
-      return !((t = this.booking) != null && t.cancellationPolicies) || !((o = this.hotel) != null && o.timezone) ? [] : gt(
-        at({
+      return !this.booking?.cancellationPolicies || !this.hotel?.timezone ? [] : mt(
+        ot({
           bookingDatetime: this.booking.createdAt,
           cancellationPolicies: this.booking.cancellationPolicies,
           checkInDate: this.booking.checkInDate,
-          timezone: (d = this.hotel) == null ? void 0 : d.timezone
+          timezone: this.hotel?.timezone
         }),
-        mt.Camel
+        pt.Camel
       );
     }
   },
@@ -778,16 +757,15 @@ const Qt = /* @__PURE__ */ A(Z, [["render", Zt]]), Q = S({
       }) : "";
     },
     newBooking() {
-      this.$eventBus.$emit(z.BookingManagerNewBooking);
+      this.$eventBus.$emit(R.BookingManagerNewBooking);
     },
     async onCancelConfirm() {
-      var t;
       if (this.booking) {
         this.booking = null, this.hasError = !1;
         try {
-          this.booking = await ((t = this.bookingApiClient) == null ? void 0 : t.bookings.delete({
+          this.booking = await this.bookingApiClient?.bookings.delete({
             token: this.token
-          }));
+          });
         } catch {
           this.hasError = !0;
         } finally {
@@ -799,26 +777,24 @@ const Qt = /* @__PURE__ */ A(Z, [["render", Zt]]), Q = S({
       this.token && (this.booking = null, this.hotel = null, this.booking = await this.retrieveBooking(this.token), this.booking && this.booking.hotelId && (this.hotel = await this.retrieveHotel(this.booking.hotelId)));
     },
     async retrieveBooking(t) {
-      var d;
       let o = null;
       this.hasError = !1;
       try {
-        o = await ((d = this.bookingApiClient) == null ? void 0 : d.bookings.retrievePublic({
+        o = await this.bookingApiClient?.bookings.retrievePublic({
           token: t
-        })), this.$eventBus.$emit(z.BookingManagerRetrieve, o);
-      } catch (p) {
-        this.hasError = !0, console.error(p), this.$eventBus.$emit(z.BookingManagerRetrieveFail);
+        }), this.$eventBus.$emit(R.BookingManagerRetrieve, o);
+      } catch (f) {
+        this.hasError = !0, console.error(f), this.$eventBus.$emit(R.BookingManagerRetrieveFail);
       }
       return o;
     },
     async retrieveHotel(t) {
-      var d;
       let o = null;
       this.hasError = !1;
       try {
-        o = await ((d = this.bookingApiClient) == null ? void 0 : d.hotels.retrieve({ id: t })), this.$eventBus.$emit(z.HotelRetrieved, o);
-      } catch (p) {
-        this.hasError = !0, console.error(p);
+        o = await this.bookingApiClient?.hotels.retrieve({ id: t }), this.$eventBus.$emit(R.HotelRetrieved, o);
+      } catch (f) {
+        this.hasError = !0, console.error(f);
       }
       return o;
     }
@@ -1268,40 +1244,39 @@ function G(t) {
     }
   });
 }
-const Xt = { class: "position-relative" }, xt = { class: "text-body-1" }, te = ["href"], ee = {
+const Zt = { class: "position-relative" }, Qt = { class: "text-body-1" }, Xt = ["href"], xt = {
   key: 0,
   class: "ma-0 text-center"
-}, ie = { class: "mb-0" }, ne = { class: "font-weight-bold" }, ae = { class: "mb-0" }, oe = { class: "font-weight-bold" }, se = { class: "mb-0" }, le = { class: "font-weight-bold" }, re = { class: "mb-0" }, ce = { class: "font-weight-bold" }, ue = { class: "font-weight-bold" }, de = { class: "font-weight-bold" }, be = { key: 0 }, ge = { class: "text-primary" }, me = { class: "text-primary" }, pe = { class: "text-primary" }, he = { key: 0 }, ke = { class: "text-primary" }, fe = { key: 1 }, ve = { class: "mr-2" }, ye = { class: "text-h5 font-weight-bold text-success" }, Be = { class: "text-error" }, we = { class: "text-success" }, De = { key: 0 }, Ce = { class: "ma-0" }, Ne = { class: "text-caption" };
-function Ie(t, o, d, p, D, C) {
-  var O;
-  const N = g("BImageCarousel"), R = g("BHotelRoomsDetails"), X = g("BBreakfastOptionBadge"), j = g("CancellationPoliciesList"), x = g("RoomingListEditor"), I = g("BFormattedAmount"), L = g("BTag"), tt = g("BNewBookingDialog"), et = g("BGoogleMapIframe"), it = g("BookingManagerLayout"), nt = g("BErrorOverlay");
-  return c(), k("div", Xt, [
-    e(it, null, rt({
+}, te = { class: "mb-0" }, ee = { class: "font-weight-bold" }, ie = { class: "mb-0" }, ne = { class: "font-weight-bold" }, ae = { class: "mb-0" }, oe = { class: "font-weight-bold" }, se = { class: "mb-0" }, le = { class: "font-weight-bold" }, re = { class: "font-weight-bold" }, ce = { class: "font-weight-bold" }, ue = { key: 0 }, de = { class: "text-primary" }, be = { class: "text-primary" }, ge = { class: "text-primary" }, me = { key: 0 }, pe = { class: "text-primary" }, he = { key: 1 }, ke = { class: "mr-2" }, fe = { class: "text-h5 font-weight-bold text-success" }, ve = { class: "text-error" }, ye = { class: "text-success" }, Be = { key: 0 }, we = { class: "ma-0" }, De = { class: "text-caption" };
+function Ce(t, o, f, I, $, y) {
+  const B = d("BImageCarousel"), M = d("BHotelRoomsDetails"), L = d("BBreakfastOptionBadge"), w = d("CancellationPoliciesList"), A = d("RoomingListEditor"), D = d("BFormattedAmount"), O = d("BTag"), X = d("BNewBookingDialog"), x = d("BGoogleMapIframe"), tt = d("BookingManagerLayout"), et = d("BErrorOverlay");
+  return c(), g("div", Zt, [
+    e(tt, null, ct({
       "booking-datetime": i(() => [
-        t.booking && t.booking.confirmedAt ? (c(), k("small", he, [
+        t.booking && t.booking.confirmedAt ? (c(), g("small", me, [
           l(a(t.t("BookingManager.bookingDatetime")) + " ", 1),
-          n("b", ke, a(t.formatDateHour(t.booking.confirmedAt)), 1)
-        ])) : (c(), k("span", fe))
+          n("b", pe, a(t.formatDateHour(t.booking.confirmedAt)), 1)
+        ])) : (c(), g("span", he))
       ]),
       map: i(() => [
-        t.hotel ? (c(), w(et, {
+        t.hotel ? (c(), C(x, {
           key: 0,
           address: t.hotel.address,
           city: t.hotel.city,
           height: "350px",
           width: "100%"
-        }, null, 8, ["address", "city"])) : v("", !0)
+        }, null, 8, ["address", "city"])) : h("", !0)
       ]),
       _: 2
     }, [
       t.booking ? {
         name: "invoices",
         fn: i(() => [
-          e(B, null, {
+          e(v, null, {
             default: i(() => [
-              e(_, { class: "d-flex justify-center pa-3 bg-grey-lighten-4" }, {
+              e(q, { class: "d-flex justify-center pa-3 bg-grey-lighten-4" }, {
                 default: i(() => [
-                  e(V, {
+                  e(_, {
                     color: "grey-darken-4",
                     start: "",
                     size: "x-small"
@@ -1312,24 +1287,24 @@ function Ie(t, o, d, p, D, C) {
                     _: 1,
                     __: [6]
                   }),
-                  n("span", xt, a(t.t("BookingManager.invoices")), 1)
+                  n("span", Qt, a(t.t("BookingManager.invoices")), 1)
                 ]),
                 _: 1
               }),
-              e(y),
-              e($, null, {
+              e(k),
+              e(z, null, {
                 default: i(() => [
-                  (c(!0), k(q, null, ct(t.invoices, (b, f) => (c(), k("p", {
-                    key: f,
+                  (c(!0), g(F, null, ut(t.invoices, (p, T) => (c(), g("p", {
+                    key: T,
                     class: "ma-0"
                   }, [
                     n("a", {
                       class: "text-grey-darken-4",
-                      href: b.url,
+                      href: p.url,
                       rel: "noopener",
                       target: "_blank"
                     }, [
-                      e(V, {
+                      e(_, {
                         class: "text-grey-darken-3",
                         start: "",
                         size: "small"
@@ -1340,10 +1315,10 @@ function Ie(t, o, d, p, D, C) {
                         _: 1,
                         __: [7]
                       }),
-                      l(" " + a(t.t("BookingManager.document")) + " " + a(f + 1), 1)
-                    ], 8, te)
+                      l(" " + a(t.t("BookingManager.document")) + " " + a(T + 1), 1)
+                    ], 8, Xt)
                   ]))), 128)),
-                  t.invoices.length === 0 ? (c(), k("p", ee, a(t.t("BookingManager.ppNoInvoices")), 1)) : v("", !0)
+                  t.invoices.length === 0 ? (c(), g("p", xt, a(t.t("BookingManager.ppNoInvoices")), 1)) : h("", !0)
                 ]),
                 _: 1
               })
@@ -1356,53 +1331,50 @@ function Ie(t, o, d, p, D, C) {
       t.hotel ? {
         name: "hotel-resume",
         fn: i(() => [
-          e(B, {
+          e(v, {
             class: "d-flex flex-column flex-sm-row justify-start",
             border: ""
           }, {
-            default: i(() => {
-              var b;
-              return [
-                n("div", null, [
-                  e(N, {
-                    height: t.$breakpointService.xs ? "180px" : "100%",
-                    "image-urls": (b = t.imageUrls) == null ? void 0 : b.lowres,
-                    lazy: 2,
-                    "thumbnails-height": "70px",
-                    width: t.$breakpointService.xs ? "" : "200px"
-                  }, null, 8, ["height", "image-urls", "width"])
-                ]),
-                n("div", null, [
-                  e(_, null, {
-                    default: i(() => [
-                      l(a(t.hotel.name), 1)
+            default: i(() => [
+              n("div", null, [
+                e(B, {
+                  height: t.$breakpointService.xs ? "180px" : "100%",
+                  "image-urls": t.imageUrls?.lowres,
+                  lazy: 2,
+                  "thumbnails-height": "70px",
+                  width: t.$breakpointService.xs ? "" : "200px"
+                }, null, 8, ["height", "image-urls", "width"])
+              ]),
+              n("div", null, [
+                e(q, null, {
+                  default: i(() => [
+                    l(a(t.hotel.name), 1)
+                  ]),
+                  _: 1
+                }),
+                e(z, null, {
+                  default: i(() => [
+                    n("p", te, [
+                      n("span", ee, a(t.t("BookingManager.hotel.city")) + " ", 1),
+                      l(" " + a(t.hotel.city), 1)
                     ]),
-                    _: 1
-                  }),
-                  e($, null, {
-                    default: i(() => [
-                      n("p", ie, [
-                        n("span", ne, a(t.t("BookingManager.hotel.city")) + " ", 1),
-                        l(" " + a(t.hotel.city), 1)
-                      ]),
-                      n("p", ae, [
-                        n("span", oe, a(t.t("BookingManager.hotel.address")) + " ", 1),
-                        l(" " + a(t.hotel.address), 1)
-                      ]),
-                      n("p", se, [
-                        n("span", le, a(t.t("BookingManager.hotel.phone")) + " ", 1),
-                        l(" " + a(t.hotel.phone), 1)
-                      ]),
-                      n("p", re, [
-                        n("span", ce, a(t.t("BookingManager.hotel.coordinates")) + " ", 1),
-                        l(" lat. " + a(t.hotel.latitude) + ", long. " + a(t.hotel.longitude), 1)
-                      ])
+                    n("p", ie, [
+                      n("span", ne, a(t.t("BookingManager.hotel.address")) + " ", 1),
+                      l(" " + a(t.hotel.address), 1)
                     ]),
-                    _: 1
-                  })
-                ])
-              ];
-            }),
+                    n("p", ae, [
+                      n("span", oe, a(t.t("BookingManager.hotel.phone")) + " ", 1),
+                      l(" " + a(t.hotel.phone), 1)
+                    ]),
+                    n("p", se, [
+                      n("span", le, a(t.t("BookingManager.hotel.coordinates")) + " ", 1),
+                      l(" lat. " + a(t.hotel.latitude) + ", long. " + a(t.hotel.longitude), 1)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
             _: 1
           })
         ]),
@@ -1412,7 +1384,7 @@ function Ie(t, o, d, p, D, C) {
         name: "check-in-date",
         fn: i(() => [
           l(a(t.t("BookingManager.checkIn")) + " ", 1),
-          n("div", ue, a(t.formatDate(t.booking.checkInDate)), 1)
+          n("div", re, a(t.formatDate(t.booking.checkInDate)), 1)
         ]),
         key: "2"
       } : void 0,
@@ -1420,14 +1392,14 @@ function Ie(t, o, d, p, D, C) {
         name: "check-out-date",
         fn: i(() => [
           l(a(t.t("BookingManager.checkOut")) + " ", 1),
-          n("div", de, a(t.formatDate(t.booking.checkOutDate)), 1)
+          n("div", ce, a(t.formatDate(t.booking.checkOutDate)), 1)
         ]),
         key: "3"
       } : void 0,
       t.booking ? {
         name: "room-details",
         fn: i(() => [
-          e(R, { "hotel-rooms": t.rooms }, null, 8, ["hotel-rooms"])
+          e(M, { "hotel-rooms": t.rooms }, null, 8, ["hotel-rooms"])
         ]),
         key: "4"
       } : void 0,
@@ -1435,7 +1407,7 @@ function Ie(t, o, d, p, D, C) {
         name: "breakfast",
         fn: i(() => [
           l(a(t.t("BookingManager.breakfast")) + " ", 1),
-          e(X, {
+          e(L, {
             "breakfast-count": t.breakfastCount,
             "breakfast-option": t.breakfastCount && t.breakfastCount > 0 ? "INCLUDED" : "NOT_INCLUDED",
             class: "mr-n1"
@@ -1445,27 +1417,24 @@ function Ie(t, o, d, p, D, C) {
       } : void 0,
       t.sanitizedCancellationPolicies.length > 0 ? {
         name: "cancellation-policy",
-        fn: i(() => {
-          var b, f, T, F;
-          return [
-            l(a(t.t("BookingManager.cancellationPolicy")) + " ", 1),
-            (b = t.hotel) != null && b.timezone ? (c(), k("div", be, [
-              e(j, {
-                class: "text-grey-darken-1",
-                "cancellation-policies": t.sanitizedCancellationPolicies,
-                "check-in-date": (f = t.booking) == null ? void 0 : f.checkInDate,
-                "initial-date": (T = t.booking) == null ? void 0 : T.createdAt,
-                timezone: (F = t.hotel) == null ? void 0 : F.timezone
-              }, null, 8, ["cancellation-policies", "check-in-date", "initial-date", "timezone"])
-            ])) : v("", !0)
-          ];
-        }),
+        fn: i(() => [
+          l(a(t.t("BookingManager.cancellationPolicy")) + " ", 1),
+          t.hotel?.timezone ? (c(), g("div", ue, [
+            e(w, {
+              class: "text-grey-darken-1",
+              "cancellation-policies": t.sanitizedCancellationPolicies,
+              "check-in-date": t.booking?.checkInDate,
+              "initial-date": t.booking?.createdAt,
+              timezone: t.hotel?.timezone
+            }, null, 8, ["cancellation-policies", "check-in-date", "initial-date", "timezone"])
+          ])) : h("", !0)
+        ]),
         key: "6"
       } : void 0,
-      t.booking && ((O = t.booking.hotelRoomingLists) != null && O.length) ? {
+      t.booking && t.booking.hotelRoomingLists?.length ? {
         name: "rooming-list",
         fn: i(() => [
-          e(x, { token: t.token }, null, 8, ["token"])
+          e(A, { token: t.token }, null, 8, ["token"])
         ]),
         key: "7"
       } : void 0,
@@ -1474,7 +1443,7 @@ function Ie(t, o, d, p, D, C) {
         fn: i(() => [
           n("small", null, [
             l(a(t.t("BookingManager.customerReference")) + " ", 1),
-            n("b", ge, a(t.booking.customerReference ? t.booking.customerReference : "N/A"), 1)
+            n("b", de, a(t.booking.customerReference ? t.booking.customerReference : "N/A"), 1)
           ])
         ]),
         key: "8"
@@ -1484,7 +1453,7 @@ function Ie(t, o, d, p, D, C) {
         fn: i(() => [
           n("small", null, [
             l(a(t.t("BookingManager.customerName")) + " ", 1),
-            n("b", me, a(t.customerName ? t.customerName : "N/A"), 1)
+            n("b", be, a(t.customerName ? t.customerName : "N/A"), 1)
           ])
         ]),
         key: "9"
@@ -1494,7 +1463,7 @@ function Ie(t, o, d, p, D, C) {
         fn: i(() => [
           n("small", null, [
             l(a(t.t("BookingManager.bookingReference")) + " ", 1),
-            n("b", pe, a(t.booking.reference), 1)
+            n("b", ge, a(t.booking.reference), 1)
           ])
         ]),
         key: "10"
@@ -1509,9 +1478,9 @@ function Ie(t, o, d, p, D, C) {
       t.booking ? {
         name: "price",
         fn: i(() => [
-          n("div", ve, a(t.t("BookingManager.price")), 1),
-          n("div", ye, [
-            e(I, {
+          n("div", ke, a(t.t("BookingManager.price")), 1),
+          n("div", fe, [
+            e(D, {
               amount: t.booking.taxIncludedPrice,
               currency: t.booking.currency
             }, null, 8, ["amount", "currency"])
@@ -1524,16 +1493,16 @@ function Ie(t, o, d, p, D, C) {
         fn: i(() => [
           l(a(t.t("BookingManager.status")) + " ", 1),
           n("div", {
-            class: ut(["text-h5 font-weight-bold", t.bookingStatusColor])
+            class: dt(["text-h5 font-weight-bold", t.bookingStatusColor])
           }, a(t.t("BookingManager.statuses." + t.booking.status)), 3),
-          t.booking.status === "bkg-cx" ? (c(), k(q, { key: 0 }, [
+          t.booking.status === "bkg-cx" ? (c(), g(F, { key: 0 }, [
             n("small", null, [
               l(a(t.t("BookingManager.cancellationDate")) + ": ", 1),
               n("b", null, a(t.formatDateHour(t.booking.canceledAt)), 1)
             ]),
-            n("small", Be, [
+            n("small", ve, [
               l(a(t.t("BookingManager.cancellationFee")) + ": ", 1),
-              e(I, {
+              e(D, {
                 amount: Math.ceil(
                   (t.booking.penaltyPercentage ?? 0) / 100 * t.booking.taxIncludedPrice
                 ),
@@ -1541,9 +1510,9 @@ function Ie(t, o, d, p, D, C) {
                 currency: t.booking.currency
               }, null, 8, ["amount", "currency"])
             ]),
-            n("small", we, [
+            n("small", ye, [
               l(a(t.t("BookingManager.refundAmount")) + ": ", 1),
-              e(I, {
+              e(D, {
                 amount: Math.floor(
                   (1 - (t.booking.penaltyPercentage ?? 0) / 100) * t.booking.taxIncludedPrice
                 ),
@@ -1551,184 +1520,181 @@ function Ie(t, o, d, p, D, C) {
                 currency: t.booking.currency
               }, null, 8, ["amount", "currency"])
             ])
-          ], 64)) : v("", !0)
+          ], 64)) : h("", !0)
         ]),
         key: "13"
       } : void 0,
       t.booking && t.hotel ? {
         name: "actions",
         fn: i(() => [
-          e(m, null, {
+          e(b, null, {
             default: i(() => [
-              t.isBookingAvailable ? (c(), w(u, {
+              t.isBookingAvailable ? (c(), C(u, {
                 key: 0,
                 cols: "12"
               }, {
-                default: i(() => {
-                  var b;
-                  return [
-                    e(M, {
-                      class: "text-none font-weight-bold",
-                      color: "error",
-                      onClick: o[0] || (o[0] = (f) => t.isCancelModalDisplayed = !0)
-                    }, {
-                      default: i(() => [
-                        l(a(t.t("BookingManager.actions.cancel")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    e(J, {
-                      modelValue: t.isCancelModalDisplayed,
-                      "onUpdate:modelValue": o[2] || (o[2] = (f) => t.isCancelModalDisplayed = f),
-                      attach: (b = t.$parent) == null ? void 0 : b.$el,
-                      "max-width": "600px"
-                    }, {
-                      default: i(() => [
-                        e(B, null, {
-                          default: i(() => [
-                            e(Pt, {
-                              color: "grey-lighten-3",
-                              elevation: "0",
-                              height: "100%"
-                            }, {
-                              default: i(() => [
-                                n("h3", null, a(t.t("BookingManager.cancelDialog.title", {
-                                  hotelName: t.hotel.name
-                                })), 1)
-                              ]),
-                              _: 1
-                            }),
-                            e($, { class: "mt-5" }, {
-                              default: i(() => [
-                                e(U, {
-                                  class: "pa-4",
-                                  border: "",
-                                  rounded: ""
-                                }, {
-                                  default: i(() => [
-                                    n("p", null, [
-                                      n("b", null, a(t.t("BookingManager.cancellationPolicy")), 1)
-                                    ]),
-                                    t.hotel.timezone ? (c(), k("div", De, [
-                                      e(j, {
-                                        class: "text-grey-darken-1",
-                                        "cancellation-policies": t.sanitizedCancellationPolicies,
-                                        "check-in-date": t.booking.checkInDate,
-                                        "initial-date": t.booking.createdAt,
-                                        timezone: t.hotel.timezone
-                                      }, null, 8, ["cancellation-policies", "check-in-date", "initial-date", "timezone"])
-                                    ])) : v("", !0)
-                                  ]),
-                                  _: 1
-                                }),
-                                e(U, {
-                                  class: "mt-2 pa-4",
-                                  border: "",
-                                  rounded: ""
-                                }, {
-                                  default: i(() => [
-                                    n("p", null, a(t.t("BookingManager.cancelDialog.cancelDetail")), 1),
-                                    n("p", null, [
-                                      n("b", null, a(t.t("BookingManager.cancelDialog.penaltyAmount")), 1),
-                                      e(L, {
-                                        color: "error",
-                                        regular: "",
-                                        style: { "vertical-align": "bottom" },
-                                        "text-color": "white"
-                                      }, {
-                                        default: i(() => [
-                                          e(I, {
-                                            amount: t.penaltyAmount,
-                                            class: "font-weight-bold",
-                                            currency: t.booking.currency
-                                          }, null, 8, ["amount", "currency"])
-                                        ]),
-                                        _: 1
-                                      })
-                                    ]),
-                                    n("p", Ce, [
-                                      n("b", null, a(t.t("BookingManager.cancelDialog.refundAmount")), 1),
-                                      e(L, {
-                                        color: "success",
-                                        regular: "",
-                                        style: { "vertical-align": "bottom" },
-                                        "text-color": "white"
-                                      }, {
-                                        default: i(() => [
-                                          e(I, {
-                                            amount: t.refundAmount,
-                                            class: "font-weight-bold",
-                                            currency: t.booking.currency
-                                          }, null, 8, ["amount", "currency"])
-                                        ]),
-                                        _: 1
-                                      })
-                                    ])
-                                  ]),
-                                  _: 1
-                                }),
-                                n("small", Ne, a(t.t("BookingManager.cancelDialog.details")), 1)
-                              ]),
-                              _: 1
-                            }),
-                            e(Y, { class: "justify-end" }, {
-                              default: i(() => [
-                                e(M, {
-                                  class: "text-none",
-                                  color: "error",
-                                  onClick: t.onCancelConfirm
-                                }, {
-                                  default: i(() => [
-                                    l(a(t.t("BookingManager.cancelDialog.confirm", {
-                                      n: t.penaltyAmount
-                                    })) + " ", 1),
-                                    o[8] || (o[8] = n("span", { class: "mx-1" }, null, -1)),
-                                    t.penaltyAmount ? (c(), w(I, {
-                                      key: 0,
-                                      amount: t.penaltyAmount,
-                                      class: "font-weight-bold",
-                                      currency: t.booking.currency
-                                    }, null, 8, ["amount", "currency"])) : v("", !0)
+                default: i(() => [
+                  e(N, {
+                    class: "text-none font-weight-bold",
+                    color: "error",
+                    onClick: o[0] || (o[0] = (p) => t.isCancelModalDisplayed = !0)
+                  }, {
+                    default: i(() => [
+                      l(a(t.t("BookingManager.actions.cancel")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  e(J, {
+                    modelValue: t.isCancelModalDisplayed,
+                    "onUpdate:modelValue": o[2] || (o[2] = (p) => t.isCancelModalDisplayed = p),
+                    attach: t.$parent?.$el,
+                    "max-width": "600px"
+                  }, {
+                    default: i(() => [
+                      e(v, null, {
+                        default: i(() => [
+                          e(zt, {
+                            color: "grey-lighten-3",
+                            elevation: "0",
+                            height: "100%"
+                          }, {
+                            default: i(() => [
+                              n("h3", null, a(t.t("BookingManager.cancelDialog.title", {
+                                hotelName: t.hotel.name
+                              })), 1)
+                            ]),
+                            _: 1
+                          }),
+                          e(z, { class: "mt-5" }, {
+                            default: i(() => [
+                              e(U, {
+                                class: "pa-4",
+                                border: "",
+                                rounded: ""
+                              }, {
+                                default: i(() => [
+                                  n("p", null, [
+                                    n("b", null, a(t.t("BookingManager.cancellationPolicy")), 1)
                                   ]),
-                                  _: 1,
-                                  __: [8]
-                                }, 8, ["onClick"]),
-                                e(M, {
-                                  color: "secondary",
-                                  variant: "text",
-                                  onClick: o[1] || (o[1] = (f) => t.isCancelModalDisplayed = !1)
-                                }, {
-                                  default: i(() => [
-                                    l(a(t.t("BookingManager.cancelDialog.cancel")), 1)
+                                  t.hotel.timezone ? (c(), g("div", Be, [
+                                    e(w, {
+                                      class: "text-grey-darken-1",
+                                      "cancellation-policies": t.sanitizedCancellationPolicies,
+                                      "check-in-date": t.booking.checkInDate,
+                                      "initial-date": t.booking.createdAt,
+                                      timezone: t.hotel.timezone
+                                    }, null, 8, ["cancellation-policies", "check-in-date", "initial-date", "timezone"])
+                                  ])) : h("", !0)
+                                ]),
+                                _: 1
+                              }),
+                              e(U, {
+                                class: "mt-2 pa-4",
+                                border: "",
+                                rounded: ""
+                              }, {
+                                default: i(() => [
+                                  n("p", null, a(t.t("BookingManager.cancelDialog.cancelDetail")), 1),
+                                  n("p", null, [
+                                    n("b", null, a(t.t("BookingManager.cancelDialog.penaltyAmount")), 1),
+                                    e(O, {
+                                      color: "error",
+                                      regular: "",
+                                      style: { "vertical-align": "bottom" },
+                                      "text-color": "white"
+                                    }, {
+                                      default: i(() => [
+                                        e(D, {
+                                          amount: t.penaltyAmount,
+                                          class: "font-weight-bold",
+                                          currency: t.booking.currency
+                                        }, null, 8, ["amount", "currency"])
+                                      ]),
+                                      _: 1
+                                    })
                                   ]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue", "attach"])
-                  ];
-                }),
+                                  n("p", we, [
+                                    n("b", null, a(t.t("BookingManager.cancelDialog.refundAmount")), 1),
+                                    e(O, {
+                                      color: "success",
+                                      regular: "",
+                                      style: { "vertical-align": "bottom" },
+                                      "text-color": "white"
+                                    }, {
+                                      default: i(() => [
+                                        e(D, {
+                                          amount: t.refundAmount,
+                                          class: "font-weight-bold",
+                                          currency: t.booking.currency
+                                        }, null, 8, ["amount", "currency"])
+                                      ]),
+                                      _: 1
+                                    })
+                                  ])
+                                ]),
+                                _: 1
+                              }),
+                              n("small", De, a(t.t("BookingManager.cancelDialog.details")), 1)
+                            ]),
+                            _: 1
+                          }),
+                          e(Y, { class: "justify-end" }, {
+                            default: i(() => [
+                              e(N, {
+                                class: "text-none",
+                                color: "error",
+                                onClick: t.onCancelConfirm
+                              }, {
+                                default: i(() => [
+                                  l(a(t.t("BookingManager.cancelDialog.confirm", {
+                                    n: t.penaltyAmount
+                                  })) + " ", 1),
+                                  o[8] || (o[8] = n("span", { class: "mx-1" }, null, -1)),
+                                  t.penaltyAmount ? (c(), C(D, {
+                                    key: 0,
+                                    amount: t.penaltyAmount,
+                                    class: "font-weight-bold",
+                                    currency: t.booking.currency
+                                  }, null, 8, ["amount", "currency"])) : h("", !0)
+                                ]),
+                                _: 1,
+                                __: [8]
+                              }, 8, ["onClick"]),
+                              e(N, {
+                                color: "secondary",
+                                variant: "text",
+                                onClick: o[1] || (o[1] = (p) => t.isCancelModalDisplayed = !1)
+                              }, {
+                                default: i(() => [
+                                  l(a(t.t("BookingManager.cancelDialog.cancel")), 1)
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "attach"])
+                ]),
                 _: 1
-              })) : v("", !0),
-              t.isBookingAvailable ? (c(), w(u, {
+              })) : h("", !0),
+              t.isBookingAvailable ? (c(), C(u, {
                 key: 1,
                 class: "py-0",
                 cols: "12"
               }, {
                 default: i(() => [
-                  e(M, {
+                  e(N, {
                     class: "text-none font-weight-bold",
                     variant: "text",
-                    onClick: o[3] || (o[3] = (b) => t.isNewModalDisplayed = !0)
+                    onClick: o[3] || (o[3] = (p) => t.isNewModalDisplayed = !0)
                   }, {
                     default: i(() => [
-                      e(V, { start: "" }, {
+                      e(_, { start: "" }, {
                         default: i(() => o[9] || (o[9] = [
                           l(" fas fa-edit ")
                         ])),
@@ -1739,14 +1705,14 @@ function Ie(t, o, d, p, D, C) {
                     ]),
                     _: 1
                   }),
-                  e(tt, {
+                  e(X, {
                     modelValue: t.isNewModalDisplayed,
-                    "onUpdate:modelValue": o[4] || (o[4] = (b) => t.isNewModalDisplayed = b),
-                    onConfirm: o[5] || (o[5] = (b) => t.isCancelModalDisplayed = !0)
+                    "onUpdate:modelValue": o[4] || (o[4] = (p) => t.isNewModalDisplayed = p),
+                    onConfirm: o[5] || (o[5] = (p) => t.isCancelModalDisplayed = !0)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              })) : v("", !0)
+              })) : h("", !0)
             ]),
             _: 1
           })
@@ -1754,7 +1720,7 @@ function Ie(t, o, d, p, D, C) {
         key: "14"
       } : void 0
     ]), 1024),
-    t.hasError ? (c(), w(nt, { key: 0 }, {
+    t.hasError ? (c(), C(et, { key: 0 }, {
       title: i(() => [
         l(a(t.t("BookingManager.error.title")), 1)
       ]),
@@ -1762,28 +1728,28 @@ function Ie(t, o, d, p, D, C) {
         l(a(t.t("BookingManager.error.description")), 1)
       ]),
       _: 1
-    })) : v("", !0)
+    })) : h("", !0)
   ]);
 }
 typeof G == "function" && G(Q);
-const Me = /* @__PURE__ */ A(Q, [["render", Ie]]), Pe = S({
+const Ne = /* @__PURE__ */ j(Q, [["render", Ce]]), Ie = V({
   components: {
-    BookingManager: Me,
-    WebComponentWrapper: kt
+    BookingManager: Ne,
+    WebComponentWrapper: ft
   },
   props: K
 });
-function $e(t, o, d, p, D, C) {
-  const N = g("BookingManager", !0), R = g("WebComponentWrapper");
-  return c(), w(R, null, {
+function Me(t, o, f, I, $, y) {
+  const B = d("BookingManager", !0), M = d("WebComponentWrapper");
+  return c(), C(M, null, {
     default: i(() => [
-      e(N, dt(bt(t.$props)), null, 16)
+      e(B, bt(gt(t.$props)), null, 16)
     ]),
     _: 1
   });
 }
-const Ke = /* @__PURE__ */ A(Pe, [["render", $e]]);
+const Ye = /* @__PURE__ */ j(Ie, [["render", Me]]);
 export {
-  Ke as default
+  Ye as default
 };
-//# sourceMappingURL=revolugo.bookingmanager.B5cM9Mi5.min.js.map
+//# sourceMappingURL=revolugo.bookingmanager.-BQEM4EN.min.js.map