@revolugo/elements 5.5.1 → 5.5.2-beta.0

package/dist/revolugo.bookingmanager.DFOGB8oH.min.js

@@ -0,0 +1,405 @@
+import { V as _, D, d as h, F as A } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { E as d } from "./revolugo.revolugo-config.CV2-KqZg.min.js";
+import { X as g } from "./revolugo.booking-api-client.sLozEu8x.min.js";
+import { o as I, a as N } from "./revolugo.store.CrqNkSlz.min.js";
+import { C as P, a as E } from "./revolugo.cancellationpolicieslist.5yiBohSU.min.js";
+import { H as R } from "./revolugo.hotelofferitemlayout.Tqhfw-aC.min.js";
+import { b as C } from "./revolugo.breakpoint-service.CligvfbR.min.js";
+import { n as b, _ as l, a as n, l as B, B as S, W as z } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+import { _ as p } from "./revolugo.vcard.B9oLf8X7.min.js";
+import { V as m, a as w, b as x } from "./revolugo.index.CB0aeVeA.min.js";
+import { _ as i } from "./revolugo.vskeletonloader.By4xa0Dw.min.js";
+import { _ as c } from "./revolugo.parsed-props.DLM9lIFH.min.js";
+import { R as O } from "./revolugo.roominglisteditor.BraACVch.min.js";
+import { B as L } from "./revolugo.bformattedamount.BFXskYwq.min.js";
+import { B as V, a as H, m as T } from "./revolugo.hotel-offer.BUVwH9VX.min.js";
+import { B as j } from "./revolugo.bhotelroomsdetails.CGzQEygX.min.js";
+import { d as F } from "./revolugo.dialog-attach.GnnAYjIE.min.js";
+import { _ as $ } from "./revolugo.vdialog.BGaQYjRQ.min.js";
+import { _ as u } from "./revolugo.vbtn.BnwFj80Q.min.js";
+import { B as G } from "./revolugo.btag.BFCVF0Me.min.js";
+import { _ as v } from "./revolugo.vsheet.g-wezcj4.min.js";
+import { _ as f } from "./revolugo.index.FGCgdl6A.min.js";
+import { _ as K } from "./revolugo.vtoolbar.C8u8AAF6.min.js";
+const M = {
+  token: {
+    type: String
+  }
+}, U = _.extend({
+  name: "BookingManagerLayout",
+  components: {
+    HotelOfferItemLayout: R
+  },
+  mixins: [C],
+  props: {
+    boilerplate: { type: Boolean }
+  }
+});
+var W = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", [e(l, { staticClass: "pt-2 px-2" }, [e(n, { staticClass: "order-2", attrs: { cols: "12", lg: "8" } }, [e(l, [e(n, [t._t("hotel-resume", function() {
+    return [e(p, { attrs: { outlined: "" } }, [e(m, { staticClass: "pa-3" }, [e(l, [e(n, { staticClass: "pa-0 mr-sm-n1 mb-n1 mb-sm-0", attrs: { cols: "12", sm: "auto" } }, [t._t("carousel", function() {
+      return [e(i, { attrs: { boilerplate: t.boilerplate, height: t.$breakpointService.xs ? "180px" : "100%", tile: "", type: "image", width: t.$breakpointService.xs ? "100%" : "200px" } })];
+    })], 2), e(n, { staticClass: "d-flex flex-column" }, [e(l, [e(n, [e(i, { staticClass: "d-inline-block ml-2 mb-6 mt-2", attrs: { boilerplate: t.boilerplate, height: "20", tile: "", type: "heading", width: "250px" } })], 1)], 1), e(l, { staticClass: "my-0", attrs: { "no-gutters": "" } }, [e(n, [e(i, { staticClass: "ml-2", attrs: { boilerplate: t.boilerplate, tile: "", type: "text", width: "340px" } }), e(i, { staticClass: "ml-2", attrs: { boilerplate: t.boilerplate, tile: "", type: "text", width: "240px" } }), e(i, { staticClass: "ml-2", attrs: { boilerplate: t.boilerplate, tile: "", type: "text", width: "340px" } })], 1)], 1)], 1)], 1)], 1)], 1)];
+  })], 2)], 1), e(l, [e(n, [e(p, { attrs: { outlined: "" } }, [e("div", { staticClass: "px-4 py-2" }, [t._t("check-in-date", function() {
+    return [e(i, { staticClass: "mb-2", attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "120px" } }), e(i, { attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "160px" } })];
+  })], 2), e(c), e("div", { staticClass: "px-4 py-2" }, [t._t("check-out-date", function() {
+    return [e(i, { staticClass: "mb-2", attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "120px" } }), e(i, { attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "160px" } })];
+  })], 2), e(c), e("div", { staticClass: "px-4 py-2" }, [t._t("room-details", function() {
+    return [e(i, { staticClass: "mb-2", attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "300px" } }), e(i, { attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "250px" } })];
+  })], 2), e(c), e("div", { staticClass: "px-4 py-2" }, [t._t("breakfast", function() {
+    return [e(i, { staticClass: "mb-2", attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "120px" } }), e(i, { attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "120px" } })];
+  })], 2), e(c), e("div", { staticClass: "px-4 py-2" }, [t._t("cancellation-policy", function() {
+    return [e(i, { staticClass: "mb-2", attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "120px" } }), e(i, { staticClass: "mb-2", attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "400px" } }), e(i, { attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "400px" } })];
+  })], 2)], 1)], 1)], 1), e(l, [e(n, [t._t("rooming-list")], 2)], 1)], 1), e(n, { staticClass: "order-lg-2 order-1", attrs: { cols: "12", lg: "4" } }, [e(l, { attrs: { align: "center" } }, [e(n, { attrs: { cols: "12", lg: "12", sm: "6" } }, [e(p, { attrs: { outlined: "" } }, [e("div", { staticClass: "px-4 py-2" }, [t._t("customer-reference", function() {
+    return [e(i, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "16px", tile: "", type: "heading", width: "75%" } })];
+  })], 2), e(c), e("div", { staticClass: "px-4 py-2" }, [t._t("customer-name", function() {
+    return [e(i, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "16px", tile: "", type: "heading", width: "75%" } })];
+  })], 2), e(c), e("div", { staticClass: "px-4 py-2" }, [t._t("booking-reference", function() {
+    return [e(i, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "16px", tile: "", type: "heading", width: "75%" } })];
+  })], 2), e(c), e("div", { staticClass: "px-4 py-2" }, [t._t("booking-datetime", function() {
+    return [e(i, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "16px", tile: "", type: "heading", width: "75%" } })];
+  })], 2)], 1)], 1), e(n, [e(p, { attrs: { outlined: "" } }, [e("div", { staticClass: "px-4 py-2 grey lighten-4" }, [e("div", { staticClass: "px-4 py-2 d-flex justify-center" }, [t._t("booking-title", function() {
+    return [e(i, { attrs: { boilerplate: t.boilerplate, height: "22px", tile: "", type: "heading", width: "160px" } })];
+  })], 2)]), e(c), e("div", { staticClass: "px-4 py-2" }, [e("div", { staticClass: "text-center" }, [e("div", { staticClass: "d-flex justify-center align-center mt-3 mb-5" }, [t._t("price", function() {
+    return [e(i, { staticClass: "mr-5", attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "80px" } }), e(i, { attrs: { boilerplate: t.boilerplate, height: "30px", tile: "", type: "heading", width: "60px" } })];
+  })], 2), e("div", { staticClass: "d-flex align-center flex-column" }, [t._t("booking-status", function() {
+    return [e(i, { staticClass: "mt-3 mb-2", attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "130px" } }), e(i, { attrs: { boilerplate: t.boilerplate, height: "30px", tile: "", type: "heading", width: "160px" } })];
+  })], 2), e(l, { staticClass: "mt-0", attrs: { justify: "center" } }, [e(n, { attrs: { cols: "auto text-center" } }, [t._t("actions", function() {
+    return [e(i, { staticClass: "mt-6 mb-4 mx-auto", attrs: { boilerplate: t.boilerplate, height: "36px", tile: "", type: "heading", width: "180px" } }), e(i, { staticClass: "my-3 mx-auto", attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "200px" } }), e(i, { staticClass: "my-5 mx-auto", attrs: { boilerplate: t.boilerplate, height: "36px", tile: "", type: "heading", width: "140px" } })];
+  })], 2)], 1)], 1)])], 1)], 1)], 1), e(l, [e(n, { attrs: { cols: "12" } }, [t._t("invoices", function() {
+    return [e(i, { staticClass: "my-5 mx-auto", attrs: { boilerplate: t.boilerplate, height: "36px", tile: "", type: "heading", width: "100%" } })];
+  })], 2)], 1)], 1)], 1), e(l, [e(n, { attrs: { cols: "12" } }, [t._t("map", function() {
+    return [e(i, { attrs: { boilerplate: t.boilerplate, height: "350px", tile: "", type: "image", width: "100%" } })];
+  })], 2)], 1)], 1);
+}, X = [], q = /* @__PURE__ */ b(
+  U,
+  W,
+  X,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const J = q.exports, Q = {
+  value: { type: Boolean }
+}, Y = _.extend({
+  name: "BNewBookingDialog",
+  mixins: [F, B("components/ui/BNewBookingDialog")],
+  props: Q,
+  computed: {
+    isShowed: {
+      get() {
+        return this.value;
+      },
+      set(o) {
+        this.$emit("input", o);
+      }
+    }
+  },
+  methods: {
+    handleConfirm() {
+      this.isShowed = !1, this.$emit("confirm");
+    }
+  }
+});
+var Z = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e($, { attrs: { attach: t.$dialogAttach, "max-width": "600px", persistent: "" }, model: { value: t.isShowed, callback: function(r) {
+    t.isShowed = r;
+  }, expression: "isShowed" } }, [[e(p, [e(m, [e("div", { staticClass: "px-10 pt-10" }, [e("p", { staticClass: "text-body-1 ma-0", domProps: { innerHTML: t._s(t.$t("BNewBookingDialog.message")) } })])]), e(w, { staticClass: "justify-end" }, [e(u, { attrs: { color: "primary", text: "" }, on: { click: t.handleConfirm } }, [t._v(" " + t._s(t.$t("BNewBookingDialog.confirm")) + " ")]), e(u, { attrs: { color: "error", text: "" }, on: { click: function(r) {
+    t.isShowed = !1;
+  } } }, [t._v(" " + t._s(t.$t("BNewBookingDialog.cancel")) + " ")])], 1)], 1)]], 2);
+}, tt = [], et = /* @__PURE__ */ b(
+  Y,
+  Z,
+  tt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ot = et.exports, it = _.extend({
+  name: "BookingManager",
+  components: {
+    CancellationPoliciesList: P,
+    BErrorOverlay: S,
+    BFormattedAmount: L,
+    BGoogleMapIframe: V,
+    BImageCarousel: H,
+    BNewBookingDialog: ot,
+    BHotelRoomsDetails: j,
+    BTag: G,
+    BookingManagerLayout: J,
+    RoomingListEditor: O
+  },
+  mixins: [B("components/RevolugoElements/BookingManager"), C],
+  props: M,
+  data: () => ({
+    booking: null,
+    hasError: !1,
+    hotel: null,
+    isCancelModalDisplayed: !1,
+    isNewModalDisplayed: !1
+  }),
+  computed: {
+    bookingStatusColor() {
+      var o;
+      switch ((o = this.booking) == null ? void 0 : o.status) {
+        case g.Cx:
+        case g.Af:
+          return "error--text";
+        case g.Cf:
+        case g.Created:
+          return "success--text";
+        case g.Ip:
+        case g.Pp:
+          return "warning--text";
+        default:
+          return "";
+      }
+    },
+    customerName() {
+      var e, r, s, a;
+      if (!((r = (e = this.booking) == null ? void 0 : e.contactPerson) != null && r.firstName) || !((a = (s = this.booking) == null ? void 0 : s.contactPerson) != null && a.lastName))
+        return "";
+      const o = this.booking.contactPerson.lastName.toUpperCase(), t = D(this.booking.contactPerson.firstName);
+      return `${o} ${t}`;
+    },
+    invoices() {
+      var o;
+      return ((o = this.booking) == null ? void 0 : o.invoices) || [];
+    },
+    imageUrls() {
+      var o, t;
+      return T({
+        images: (o = this.hotel) == null ? void 0 : o.images,
+        hotelImages: (t = this.hotel) == null ? void 0 : t.hotelImages
+      });
+    },
+    isBookingAvailable() {
+      return !!this.booking && this.booking.status !== g.Af && this.booking.status !== g.Cx;
+    },
+    nightCount() {
+      return this.booking ? h(this.booking.checkOutDate).startOf("day").diff(h(this.booking.checkInDate).startOf("day"), "day") : 0;
+    },
+    penaltyAmount() {
+      if (!this.booking)
+        return 0;
+      const o = I({
+        bookingDatetime: h(this.booking.createdAt).format(),
+        cancellationPolicies: this.booking.cancellationPolicies,
+        checkInDate: this.booking.checkInDate,
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        timezone: this.hotel.timezone
+      });
+      return Math.min(
+        Math.ceil(o / 100 * this.booking.taxIncludedPrice),
+        this.booking.taxIncludedPrice
+      );
+    },
+    refundAmount() {
+      return this.booking.taxIncludedPrice - this.penaltyAmount;
+    },
+    roomCount() {
+      return A(this.rooms, "count");
+    },
+    rooms() {
+      return this.booking ? this.booking.hotelRoomOffer.hotelRooms : [];
+    },
+    sanitizedCancellationPolicies() {
+      var o, t, e;
+      return !((o = this.booking) != null && o.cancellationPolicies) || !((t = this.hotel) != null && t.timezone) ? [] : E(
+        N({
+          bookingDatetime: this.booking.createdAt,
+          cancellationPolicies: this.booking.cancellationPolicies,
+          checkInDate: this.booking.checkInDate,
+          timezone: (e = this.hotel) == null ? void 0 : e.timezone
+        })
+      );
+    },
+    breakfastCount() {
+      var o, t;
+      return ((t = (o = this.booking) == null ? void 0 : o.hotelRoomOffer) == null ? void 0 : t.breakfastCount) || 0;
+    }
+  },
+  watch: {
+    config: {
+      immediate: !0,
+      handler() {
+        this.booking && this.onChangeBookingId();
+      }
+    },
+    token: {
+      immediate: !0,
+      async handler() {
+        await this.onChangeBookingId();
+      }
+    }
+  },
+  methods: {
+    async onCancelConfirm() {
+      var o;
+      if (this.booking) {
+        this.booking = null, this.hasError = !1;
+        try {
+          this.booking = await ((o = this.bookingApiClient) == null ? void 0 : o.bookings.delete({
+            token: this.token
+          }));
+        } catch {
+          this.hasError = !0;
+        } finally {
+          this.isCancelModalDisplayed = !1;
+        }
+      }
+    },
+    formatDate(o) {
+      return o ? h(o).toDate().toLocaleString(this.$i18n.locale, {
+        day: "2-digit",
+        month: "long",
+        weekday: "long",
+        year: "numeric"
+      }) : "";
+    },
+    formatDateHour(o) {
+      return o ? h(o).toDate().toLocaleString(this.$i18n.locale, {
+        day: "2-digit",
+        month: "long",
+        weekday: "long",
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      }) : "";
+    },
+    newBooking() {
+      this.$eventBus.$emit(d.BOOKING_MANAGER_NEW_BOOKING);
+    },
+    async onChangeBookingId() {
+      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(o) {
+      var e;
+      let t = null;
+      this.hasError = !1;
+      try {
+        t = await ((e = this.bookingApiClient) == null ? void 0 : e.bookings.retrievePublic({
+          token: o
+        })), this.$eventBus.$emit(d.BOOKING_MANAGER_RETRIEVE, t);
+      } catch (r) {
+        this.hasError = !0, console.error(r), this.$eventBus.$emit(d.BOOKING_MANAGER_RETRIEVE_FAIL);
+      }
+      return t;
+    },
+    async retrieveHotel(o) {
+      var e;
+      let t = null;
+      this.hasError = !1;
+      try {
+        t = await ((e = this.bookingApiClient) == null ? void 0 : e.hotels.retrieve({ id: o })), this.$eventBus.$emit(d.HOTEL_RETRIEVED, t);
+      } catch (r) {
+        this.hasError = !0, console.error(r);
+      }
+      return t;
+    }
+  }
+});
+var at = function() {
+  var r;
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", { staticClass: "position-relative" }, [e("booking-manager-layout", { scopedSlots: t._u([t.booking ? { key: "invoices", fn: function() {
+    return [e(p, [e(x, { staticClass: "d-flex justify-center pa-3 grey lighten-4" }, [e(f, { attrs: { color: "grey darken-4", left: "" } }, [t._v(" fa-file-invoice ")]), e("span", { staticClass: "text-body-1" }, [t._v(" " + t._s(t.$t("BookingManager.invoices")))])], 1), e(c), e(m, [t._l(t.invoices, function(s, a) {
+      return [e("p", { key: a, staticClass: "ma-0" }, [e("a", { staticClass: "grey--text text--darken-4", attrs: { href: s.url, rel: "noopener", target: "_blank" } }, [e(f, { staticClass: "grey--text text--darken-3", attrs: { left: "" } }, [t._v("fa-download")]), t._v(" " + t._s(t.$t("BookingManager.document")) + " " + t._s(a + 1))], 1)])];
+    }), t.invoices.length === 0 ? [e("p", { staticClass: "ma-0 text-center" }, [t._v(" " + t._s(t.$t("BookingManager.ppNoInvoices")) + " ")])] : t._e()], 2)], 1)];
+  }, proxy: !0 } : null, t.hotel ? { key: "hotel-resume", fn: function() {
+    var s;
+    return [e(p, { staticClass: "d-flex flex-column flex-sm-row justify-start", attrs: { outlined: "" } }, [e("div", [e("b-image-carousel", { attrs: { height: t.$breakpointService.xs ? "180px" : "100%", "image-urls": (s = t.imageUrls) == null ? void 0 : s.lowres, lazy: 2, "thumbnails-height": "70px", width: t.$breakpointService.xs ? "" : "200px" } })], 1), e("div", [e(x, [t._v(" " + t._s(t.hotel.name) + " ")]), e(m, [e("p", { staticClass: "mb-0" }, [e("span", { staticClass: "font-weight-bold" }, [t._v(t._s(t.$t("BookingManager.hotel.city")) + " ")]), t._v(" " + t._s(t.hotel.city) + " ")]), e("p", { staticClass: "mb-0" }, [e("span", { staticClass: "font-weight-bold" }, [t._v(t._s(t.$t("BookingManager.hotel.address")) + " ")]), t._v(" " + t._s(t.hotel.address) + " ")]), e("p", { staticClass: "mb-0" }, [e("span", { staticClass: "font-weight-bold" }, [t._v(t._s(t.$t("BookingManager.hotel.phone")) + " ")]), t._v(" " + t._s(t.hotel.phone) + " ")]), e("p", { staticClass: "mb-0" }, [e("span", { staticClass: "font-weight-bold" }, [t._v(t._s(t.$t("BookingManager.hotel.coordinates")) + " ")]), t._v(" lat. " + t._s(t.hotel.latitude) + ", long. " + t._s(t.hotel.longitude) + " ")])])], 1)])];
+  }, proxy: !0 } : null, t.booking ? { key: "check-in-date", fn: function() {
+    return [t._v(" " + t._s(t.$t("BookingManager.checkIn")) + " "), e("div", { staticClass: "font-weight-bold" }, [t._v(" " + t._s(t.formatDate(t.booking.checkInDate)) + " ")])];
+  }, proxy: !0 } : null, t.booking ? { key: "check-out-date", fn: function() {
+    return [t._v(" " + t._s(t.$t("BookingManager.checkOut")) + " "), e("div", { staticClass: "font-weight-bold" }, [t._v(" " + t._s(t.formatDate(t.booking.checkOutDate)) + " ")])];
+  }, proxy: !0 } : null, t.booking ? { key: "room-details", fn: function() {
+    return [e("b-hotel-rooms-details", { attrs: { "hotel-rooms": t.rooms } })];
+  }, proxy: !0 } : null, t.booking ? { key: "breakfast", fn: function() {
+    return [t._v(" " + t._s(t.$t("BookingManager.breakfast")) + " "), e("div", { staticClass: "font-weight-bold" }, [t.breakfastCount ? e("span", { staticClass: "success--text" }, [t._v(" " + t._s(t.$tc("BookingManager.breakfastIncluded", t.breakfastCount)) + " "), e("i", { staticClass: "fa fa-user" })]) : e("span", [t._v(t._s(t.$t("BookingManager.breakfastNotIncluded")))])])];
+  }, proxy: !0 } : null, t.sanitizedCancellationPolicies.length > 0 ? { key: "cancellation-policy", fn: function() {
+    var s, a, k, y;
+    return [t._v(" " + t._s(t.$t("BookingManager.cancellationPolicy")) + " "), (s = t.hotel) != null && s.timezone ? e("div", [e("cancellation-policies-list", { attrs: { "cancellation-policies": t.sanitizedCancellationPolicies, "check-in-date": (a = t.booking) == null ? void 0 : a.checkInDate, "inital-date": (k = t.booking) == null ? void 0 : k.createdAt, timezone: (y = t.hotel) == null ? void 0 : y.timezone } })], 1) : t._e()];
+  }, proxy: !0 } : null, t.booking && ((r = t.booking.hotelRoomingLists) != null && r.length) ? { key: "rooming-list", fn: function() {
+    return [e("rooming-list-editor", { attrs: { token: t.token } })];
+  }, proxy: !0 } : null, t.booking ? { key: "customer-reference", fn: function() {
+    return [e("small", [t._v(" " + t._s(t.$t("BookingManager.customerReference")) + " "), e("b", { staticClass: "primary--text" }, [t._v(" " + t._s(t.booking.customerReference ? t.booking.customerReference : "N/A") + " ")])])];
+  }, proxy: !0 } : null, t.booking ? { key: "customer-name", fn: function() {
+    return [e("small", [t._v(" " + t._s(t.$t("BookingManager.customerName")) + " "), e("b", { staticClass: "primary--text" }, [t._v(" " + t._s(t.customerName ? t.customerName : "N/A") + " ")])])];
+  }, proxy: !0 } : null, t.booking ? { key: "booking-reference", fn: function() {
+    return [e("small", [t._v(" " + t._s(t.$t("BookingManager.bookingReference")) + " "), e("b", { staticClass: "primary--text" }, [t._v(" " + t._s(t.booking.reference) + " ")])])];
+  }, proxy: !0 } : null, { key: "booking-datetime", fn: function() {
+    return [t.booking && t.booking.confirmedAt ? e("small", [t._v(" " + t._s(t.$t("BookingManager.bookingDatetime")) + " "), e("b", { staticClass: "primary--text" }, [t._v(" " + t._s(t.formatDateHour(t.booking.confirmedAt)) + " ")])]) : e("span")];
+  }, proxy: !0 }, t.booking ? { key: "booking-title", fn: function() {
+    return [t._v(" " + t._s(t.$tc("BookingManager.adults", t.booking.adultCount)) + ", " + t._s(t.$tc("BookingManager.rooms", t.roomCount)) + ", " + t._s(t.$tc("BookingManager.nights", t.nightCount)) + " ")];
+  }, proxy: !0 } : null, t.booking ? { key: "price", fn: function() {
+    return [e("div", { staticClass: "mr-2" }, [t._v(" " + t._s(t.$t("BookingManager.price")) + " ")]), e("div", { staticClass: "text-h5 font-weight-bold success--text" }, [e("b-formatted-amount", { attrs: { amount: t.booking.taxIncludedPrice, currency: t.booking.currency } })], 1)];
+  }, proxy: !0 } : null, t.booking ? { key: "booking-status", fn: function() {
+    return [t._v(" " + t._s(t.$t("BookingManager.status")) + " "), e("div", { staticClass: "text-h5 font-weight-bold", class: t.bookingStatusColor }, [t._v(" " + t._s(t.$t("BookingManager.statuses." + t.booking.status)) + " ")]), t.booking.status === "bkg-cx" ? [e("small", [t._v(t._s(t.$t("BookingManager.cancellationDate")) + ": "), e("b", [t._v(t._s(t.booking.canceledAt))])]), e("small", { staticClass: "error--text" }, [t._v(" " + t._s(t.$t("BookingManager.cancellationFee")) + ": "), e("b-formatted-amount", { staticClass: "font-weight-bold", attrs: { amount: Math.ceil(
+      t.booking.penaltyPercentage / 100 * t.booking.taxIncludedPrice
+    ), currency: t.booking.currency } })], 1), e("small", { staticClass: "success--text" }, [t._v(" " + t._s(t.$t("BookingManager.refundAmount")) + ": "), e("b-formatted-amount", { staticClass: "font-weight-bold", attrs: { amount: Math.floor(
+      (1 - t.booking.penaltyPercentage / 100) * t.booking.taxIncludedPrice
+    ), currency: t.booking.currency } })], 1)] : t._e()];
+  }, proxy: !0 } : null, t.booking && t.hotel ? { key: "actions", fn: function() {
+    var s;
+    return [e(l, [t.isBookingAvailable ? e(n, { attrs: { cols: "12" } }, [e(u, { staticClass: "text-none font-weight-bold", attrs: { color: "error" }, on: { click: function(a) {
+      t.isCancelModalDisplayed = !0;
+    } } }, [t._v(" " + t._s(t.$t("BookingManager.actions.cancel")) + " ")]), e($, { attrs: { attach: (s = t.$parent) == null ? void 0 : s.$el, "max-width": "600px" }, model: { value: t.isCancelModalDisplayed, callback: function(a) {
+      t.isCancelModalDisplayed = a;
+    }, expression: "isCancelModalDisplayed" } }, [e(p, [e(K, { attrs: { color: "grey lighten-3", elevation: "0", height: "100%" } }, [e("h3", [t._v(" " + t._s(t.$t("BookingManager.cancelDialog.title", { hotelName: t.hotel.name })) + " ")])]), e(m, { staticClass: "mt-5" }, [e(v, { staticClass: "pa-4", attrs: { outlined: "", rounded: "" } }, [e("p", [e("b", [t._v(t._s(t.$t("BookingManager.cancellationPolicy")))])]), t.hotel.timezone ? e("div", [e("cancellation-policies-list", { attrs: { "cancellation-policies": t.sanitizedCancellationPolicies, "check-in-date": t.booking.checkInDate, "inital-date": t.booking.createdAt, timezone: t.hotel.timezone } })], 1) : t._e()]), e(v, { staticClass: "mt-2 pa-4", attrs: { outlined: "", rounded: "" } }, [e("p", [t._v(" " + t._s(t.$t("BookingManager.cancelDialog.cancelDetail")) + " ")]), e("p", [e("b", [t._v(t._s(t.$t("BookingManager.cancelDialog.penaltyAmount")) + " ")]), e("b-tag", { staticStyle: { "vertical-align": "bottom" }, attrs: { color: "error", regular: "", "text-color": "white" } }, [e("b-formatted-amount", { staticClass: "font-weight-bold", attrs: { amount: t.penaltyAmount, currency: t.booking.currency } })], 1)], 1), e("p", { staticClass: "ma-0" }, [e("b", [t._v(t._s(t.$t("BookingManager.cancelDialog.refundAmount")) + " ")]), e("b-tag", { staticStyle: { "vertical-align": "bottom" }, attrs: { color: "success", regular: "", "text-color": "white" } }, [e("b-formatted-amount", { staticClass: "font-weight-bold", attrs: { amount: t.refundAmount, currency: t.booking.currency } })], 1)], 1)]), e("small", { staticClass: "text-caption" }, [t._v(" " + t._s(t.$t("BookingManager.cancelDialog.details")) + " ")])], 1), e(w, { staticClass: "justify-end" }, [e(u, { staticClass: "text-none", attrs: { color: "error" }, on: { click: t.onCancelConfirm } }, [t._v(" " + t._s(t.$tc("BookingManager.cancelDialog.confirm", t.penaltyAmount)) + " "), e("span", { staticClass: "mx-1" }), t.penaltyAmount ? e("b-formatted-amount", { staticClass: "font-weight-bold", attrs: { amount: t.penaltyAmount, currency: t.booking.currency } }) : t._e()], 1), e(u, { attrs: { color: "secondary", text: "" }, on: { click: function(a) {
+      t.isCancelModalDisplayed = !1;
+    } } }, [t._v(" " + t._s(t.$t("BookingManager.cancelDialog.cancel")) + " ")])], 1)], 1)], 1)], 1) : t._e(), t.isBookingAvailable ? e(n, { staticClass: "py-0", attrs: { cols: "12" } }, [e(u, { staticClass: "text-none font-weight-bold", attrs: { text: "" }, on: { click: function(a) {
+      t.isNewModalDisplayed = !0;
+    } } }, [e(f, { attrs: { left: "" } }, [t._v(" fa-edit ")]), t._v(" " + t._s(t.$t("BookingManager.actions.edit")) + " ")], 1), e("b-new-booking-dialog", { on: { confirm: function(a) {
+      t.isCancelModalDisplayed = !0;
+    } }, model: { value: t.isNewModalDisplayed, callback: function(a) {
+      t.isNewModalDisplayed = a;
+    }, expression: "isNewModalDisplayed" } })], 1) : t._e()], 1)];
+  }, proxy: !0 } : null, { key: "map", fn: function() {
+    return [t.hotel ? e("b-google-map-iframe", { attrs: { address: t.hotel.address, city: t.hotel.city, height: "350px", width: "100%" } }) : t._e()];
+  }, proxy: !0 }], null, !0) }), t.hasError ? e("b-error-overlay", { scopedSlots: t._u([{ key: "title", fn: function() {
+    return [t._v(" " + t._s(t.$t("BookingManager.error.title")) + " ")];
+  }, proxy: !0 }, { key: "description", fn: function() {
+    return [t._v(" " + t._s(t.$t("BookingManager.error.description")) + " ")];
+  }, proxy: !0 }], null, !1, 2008218121) }) : t._e()], 1);
+}, nt = [], st = /* @__PURE__ */ b(
+  it,
+  at,
+  nt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const rt = st.exports, lt = _.extend({
+  components: {
+    BookingManager: rt,
+    WebComponentWrapper: z
+  },
+  props: M
+});
+var ct = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("web-component-wrapper", [e("booking-manager", t._b({}, "booking-manager", t.$props, !1))], 1);
+}, gt = [], pt = /* @__PURE__ */ b(
+  lt,
+  ct,
+  gt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const St = pt.exports;
+export {
+  St as default
+};
+//# sourceMappingURL=revolugo.bookingmanager.DFOGB8oH.min.js.map