@revolugo/elements 5.5.1 → 5.5.2-beta.0

package/dist/revolugo.bookingdetailssidebar.Cyh9ESY5.min.js

@@ -0,0 +1,242 @@
+import { V as m, d as r } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { l as _, d as y } from "./revolugo.localizedformat.BmFJB2Ek.min.js";
+import { b as f } from "./revolugo.breakpoint-service.CligvfbR.min.js";
+import { n as b, _ as p, a as l, l as x } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+import { _ as o } from "./revolugo.vskeletonloader.By4xa0Dw.min.js";
+import { V as n, b as h, c as d } from "./revolugo.index.CB0aeVeA.min.js";
+import { _ as c, a as k } from "./revolugo.parsed-props.DLM9lIFH.min.js";
+import { _ as u } from "./revolugo.vcard.B9oLf8X7.min.js";
+import { C } from "./revolugo.cancellationpolicieslist.5yiBohSU.min.js";
+import { B as v } from "./revolugo.bbreakfastoptionbadge.Ce49dA49.min.js";
+import { B as S } from "./revolugo.bformattedamount.BFXskYwq.min.js";
+import { B as D } from "./revolugo.bhotelroomsdetails.CGzQEygX.min.js";
+import { B as w, a as O } from "./revolugo.bstarrating.EUallQbz.min.js";
+import { _ as B } from "./revolugo.vtooltip.D-CwTnZW.min.js";
+function g(a) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, e = t.slice(0, t.lastIndexOf("/") + 1) + a;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(e);
+      for (const i of REVOLUGO_ELEMENTS_STYLES.components)
+        i(e);
+      if (a.indexOf("fonts") >= 0) {
+        const i = document.createElement("link");
+        i.rel = "stylesheet", linK.href = e, document.head.appendChild(i);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const R = {
+  hotelRoomOffer: {
+    type: [String, Object]
+  },
+  checkInDate: {
+    type: String
+  },
+  checkOutDate: {
+    type: String
+  },
+  adultCount: {
+    type: Number
+  }
+}, T = m.extend({
+  name: "BookingDetailsSidebarLayout",
+  mixins: [f],
+  props: {
+    boilerplate: { type: Boolean }
+  }
+});
+var E = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", [e(u, { staticClass: "mb-1", attrs: { elevation: "0", outlined: "" } }, [e(n, { staticClass: "pb-5" }, [t._t("hotel", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "text", width: "100%" } })];
+  })], 2)], 1), e(u, { staticClass: "mb-1", attrs: { elevation: "0", outlined: "" } }, [e(h, { staticClass: "pb-2" }, [t._t("booking-heading", function() {
+    return [e(o, { attrs: { height: "20", tile: "", type: "heading", width: "150px" } })];
+  })], 2), e(c), e(n, { staticClass: "pb-2" }, [e(p, { staticClass: "w-100 ma-0" }, [e(l, { staticClass: "py-0 pl-0" }, [t._t("check-in-title", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "text", width: "100%" } })];
+  })], 2), e(l, { staticClass: "py-0 ml-1" }, [t._t("check-out-title", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "text", width: "100%" } })];
+  })], 2)], 1), e(p, { staticClass: "w-100 ma-0" }, [e(l, { staticClass: "pa-0" }, [t._t("check-in-date", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "heading", width: "100%" } })];
+  }), t._t("check-in-time", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "heading", width: "100%" } })];
+  })], 2), e(c, { staticClass: "mx-2", attrs: { vertical: "" } }), e(l, { staticClass: "pa-0" }, [t._t("check-out-date", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "heading", width: "100%" } })];
+  }), t._t("check-out-time", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "heading", width: "100%" } })];
+  })], 2)], 1)], 1), e(n, { staticClass: "pb-0" }, [t._t("length-of-stay-title", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "text", width: "100px" } })];
+  })], 2), e(n, { staticClass: "pt-0 pb-2" }, [t._t("length-of-stay-count", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "heading", width: "100px" } })];
+  })], 2), e(c, { staticClass: "mx-4" }), e(d, { staticClass: "pb-2" }, [t._t("room-selected-heading", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "heading", width: "150px" } })];
+  })], 2), e(n, { staticClass: "pb-7" }, [t._t("room-selected-list", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "text", width: "100%" } }), e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "text", width: "100%" } })];
+  })], 2)], 1), e(u, { staticClass: "mb-1", attrs: { elevation: "0", outlined: "" } }, [e(h, { staticClass: "pb-2" }, [t._t("price-heading", function() {
+    return [e(o, { attrs: { height: "20", tile: "", type: "heading", width: "150px" } })];
+  })], 2), e(c), e(d, [t._t("price-info-base", function() {
+    return [e(o, { attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "heading", width: "150px" } })];
+  })], 2), e(d, { staticClass: "py-0" }, [t._t("price-info-taxes", function() {
+    return [e(o, { staticClass: "mb-4", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "heading", width: "150px" } })];
+  })], 2), e(n, { staticClass: "py-3 grey lighten-3" }, [e("div", { staticClass: "d-flex justify-space-between" }, [t._t("total", function() {
+    return [e(o, { attrs: { height: "20", tile: "", type: "heading", width: "50px" } })];
+  }), e("div", { staticClass: "text-right" }, [t._t("total-count", function() {
+    return [e(o, { attrs: { height: "20", tile: "", type: "heading", width: "100px" } })];
+  }), t._t("taxes", function() {
+    return [e(o, { staticClass: "mt-2", attrs: { height: "20", tile: "", type: "text", width: "150px" } })];
+  })], 2)], 2)])], 1), e(u, { attrs: { elevation: "0", outlined: "" } }, [e(h, { staticClass: "pb-2" }, [t._t("cancellation-policies-heading", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "text", width: "100%" } })];
+  })], 2), e(c), e(n, { staticClass: "pb-5" }, [t._t("cancellation-policies-list", function() {
+    return [e(o, { staticClass: "my-1", attrs: { boilerplate: t.boilerplate, height: "20px", tile: "", type: "text", width: "100%" } })];
+  })], 2)], 1)], 1);
+}, $ = [], H = /* @__PURE__ */ b(
+  T,
+  E,
+  $,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const L = H.exports;
+r.extend(_);
+r.locale(y);
+const I = m.extend({
+  name: "BookingDetailsSidebar",
+  components: {
+    BBreakfastOptionBadge: v,
+    BFormattedAmount: S,
+    BHotelRoomsDetails: D,
+    BookingDetailsSidebarLayout: L,
+    BReviewRating: w,
+    BStarRating: O,
+    CancellationPoliciesList: C
+  },
+  mixins: [x("components/RevolugoElements/BookingDetailsSidebar"), f],
+  props: R,
+  data: () => ({
+    errorMessage: null,
+    hotel: void 0
+  }),
+  computed: {
+    parsedHotelRoomOffer() {
+      return k(this.hotelRoomOffer, null);
+    },
+    hasTaxes() {
+      var a, t;
+      return !!((t = (a = this.parsedHotelRoomOffer) == null ? void 0 : a.taxes) != null && t.length);
+    },
+    totalTaxesAmount() {
+      var a, t, e, i;
+      return this.hasTaxes && ((a = this.parsedHotelRoomOffer) != null && a.taxIncludedPrice) && ((t = this.parsedHotelRoomOffer) != null && t.price) ? ((e = this.parsedHotelRoomOffer) == null ? void 0 : e.taxIncludedPrice) - ((i = this.parsedHotelRoomOffer) == null ? void 0 : i.price) : null;
+    },
+    nightCount() {
+      const { checkInDate: a } = this, { checkOutDate: t } = this;
+      return !a || !t ? 0 : r(t).diff(r(a), "days");
+    },
+    roomCount() {
+      var a;
+      return ((a = this.parsedHotelRoomOffer) == null ? void 0 : a.hotelRooms.reduce(
+        (t, e) => t + e.count,
+        0
+      )) || 0;
+    }
+  },
+  async created() {
+    var a;
+    try {
+      this.hotel = await ((a = this.bookingApiClient) == null ? void 0 : a.hotels.retrieve({
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        id: this.parsedHotelRoomOffer.hotelId
+      }));
+    } catch (t) {
+      console.error(t);
+    }
+  },
+  methods: {
+    getFormattedDate(a) {
+      const t = this.config.lang || "en";
+      return a ? r(a).locale(t).format("ll") : null;
+    },
+    getFormattedTime(a) {
+      const t = r(`1/1/1 ${a}`, "h:mm A");
+      return a ? r(t).format("HH:mm") : null;
+    }
+  }
+});
+var F = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", [t.isBookingApiClientDefined ? [e("booking-details-sidebar-layout", { scopedSlots: t._u([{ key: "hotel", fn: function() {
+    return [t.hotel ? [e(p, { attrs: { "no-gutters": "" } }, [t.hotel.name ? e(l, [e("span", { staticClass: "text-h7 font-weight-bold grey--text text--darken-4 ma-0" }, [t._v(" " + t._s(t.hotel.name) + " ")]), e(B, { attrs: { attach: t.$el.parent, bottom: "" }, scopedSlots: t._u([{ key: "activator", fn: function({ on: i, attrs: s }) {
+      return [e("span", t._g(t._b({}, "span", s, !1), i), [e("b-star-rating", { attrs: { count: t.hotel.rating } })], 1)];
+    } }], null, !1, 861605338) }, [e("span", [t._v(t._s(t.$t("BookingDetailsSidebar.hotel.starRating")))])])], 1) : t._e()], 1), e(p, { attrs: { "no-gutters": "" } }, [e(l, [e("small", { staticClass: "text-h8 grey--text text--darken-2" }, [t._v(" " + t._s(t.$t("BookingDetailsSidebar.hotel.fullAddress", { address: t.hotel.address, postalCode: t.hotel.postalCode, city: t.hotel.city, countryCode: t.hotel.countryCode })) + " ")])])], 1), e(p, { attrs: { "no-gutters": "" } }, [e(l, [e("b-review-rating", { attrs: { features: {
+      ReviewRatingDetails: !1
+    }, hotel: t.hotel, reverse: "", "tooltip-position": "right" } })], 1)], 1)] : t._e()];
+  }, proxy: !0 }, { key: "booking-heading", fn: function() {
+    return [e("h5", [t._v(t._s(t.$t("BookingDetailsSidebar.bookingHeading")))])];
+  }, proxy: !0 }, { key: "check-in-title", fn: function() {
+    return [e("p", { staticClass: "mb-1 black--text text-body-2" }, [t._v(" " + t._s(t.$t("BookingDetailsSidebar.checkInTitle")) + " ")])];
+  }, proxy: !0 }, { key: "check-out-title", fn: function() {
+    return [e("p", { staticClass: "mb-1 black--text text-body-2" }, [t._v(" " + t._s(t.$t("BookingDetailsSidebar.checkOutTitle")) + " ")])];
+  }, proxy: !0 }, { key: "check-in-date", fn: function() {
+    return [e("p", { staticClass: "font-weight-bold mb-0 black--text text-body-2" }, [t._v(" " + t._s(t.getFormattedDate(t.checkInDate)) + " ")])];
+  }, proxy: !0 }, { key: "check-out-date", fn: function() {
+    return [e("p", { staticClass: "font-weight-bold mb-0 black--text text-body-2" }, [t._v(" " + t._s(t.getFormattedDate(t.checkOutDate)) + " ")])];
+  }, proxy: !0 }, { key: "check-in-time", fn: function() {
+    var i, s;
+    return [(i = t.hotel) != null && i.checkInTime ? [e("p", { staticClass: "mb-0 text-body-2" }, [t._v(" " + t._s(t.$t("BookingDetailsSidebar.checkInTime", { value: t.getFormattedTime((s = t.hotel) == null ? void 0 : s.checkInTime) })) + " ")])] : t._e(), [e("span")]];
+  }, proxy: !0 }, { key: "check-out-time", fn: function() {
+    var i, s;
+    return [(i = t.hotel) != null && i.checkOutTime ? [e("p", { staticClass: "mb-0 text-body-2" }, [t._v(" " + t._s(t.$t("BookingDetailsSidebar.checkOutTime", { value: t.getFormattedTime((s = t.hotel) == null ? void 0 : s.checkOutTime) })) + " ")])] : [e("span")]];
+  }, proxy: !0 }, { key: "length-of-stay-title", fn: function() {
+    return [e("p", { staticClass: "mb-1 black--text" }, [t._v(" " + t._s(t.$t("BookingDetailsSidebar.lengthOfStayTitle")) + " ")])];
+  }, proxy: !0 }, { key: "length-of-stay-count", fn: function() {
+    return [e("p", { staticClass: "font-weight-bold mb-0 black--text" }, [t._v(" " + t._s(t.$tc("BookingDetailsSidebar.lengthOfStayCount", t.nightCount, { value: t.nightCount })) + " ")])];
+  }, proxy: !0 }, { key: "room-selected-heading", fn: function() {
+    return [e("p", { staticClass: "font-weight-bold mb-0 black--text" }, [t._v(" " + t._s(t.$t("BookingDetailsSidebar.roomSelectedHeading")) + " ")])];
+  }, proxy: !0 }, { key: "room-selected-list", fn: function() {
+    var i;
+    return [e("b-hotel-rooms-details", { attrs: { "hotel-rooms": t.parsedHotelRoomOffer.hotelRooms } }), ((i = t.parsedHotelRoomOffer) == null ? void 0 : i.breakfastOption) === "INCLUDED" ? e("b-breakfast-option-badge", { staticClass: "mb-3", attrs: { "breakfast-option": "INCLUDED" } }) : t._e()];
+  }, proxy: !0 }, { key: "price-heading", fn: function() {
+    return [e("h5", [t._v(t._s(t.$t("BookingDetailsSidebar.priceHeading")))])];
+  }, proxy: !0 }, { key: "total", fn: function() {
+    return [e("div", [e("p", { staticClass: "font-weight-black text-h6 black--text mb-0" }, [t._v(" " + t._s(t.$t("BookingDetailsSidebar.total")) + " ")]), t.adultCount ? e("p", { staticClass: "mb-0 caption black--text" }, [t._v(" " + t._s(t.$tc("BookingDetailsSidebar.guestsCount", t.adultCount, { value: t.adultCount })) + " ")]) : t._e()])];
+  }, proxy: !0 }, { key: "total-count", fn: function() {
+    var i;
+    return [e("b-formatted-amount", { staticClass: "font-weight-black text-h6 black--text", attrs: { amount: (i = t.parsedHotelRoomOffer) == null ? void 0 : i.taxIncludedPrice } })];
+  }, proxy: !0 }, { key: "taxes", fn: function() {
+    return [e("p", { staticClass: "caption mb-0" }, [t._v(" " + t._s(t.$t("BookingDetailsSidebar.taxes")) + " ")])];
+  }, proxy: !0 }, { key: "price-info-base", fn: function() {
+    var i;
+    return [[e("span", { staticClass: "black--text" }, [t._v(" " + t._s(t.$tc("BookingDetailsSidebar.roomCount", t.roomCount, { value: t.roomCount })) + " x " + t._s(t.$tc("BookingDetailsSidebar.lengthOfStayCount", t.nightCount, { value: t.nightCount })) + " ")]), e("span", { staticClass: "black--text float-right" }, [e("b-formatted-amount", { attrs: { amount: (i = t.parsedHotelRoomOffer) == null ? void 0 : i.price } })], 1)]];
+  }, proxy: !0 }, { key: "price-info-taxes", fn: function() {
+    return [t.hasTaxes ? [e("div", { staticClass: "pb-4 pt-0" }, [e("span", { staticClass: "black--text" }, [t._v(" " + t._s(t.$t("BookingDetailsSidebar.taxesAmount")) + " ")]), e("span", { staticClass: "float-right black--text" }, [e("b-formatted-amount", { attrs: { amount: t.totalTaxesAmount } })], 1)])] : [e("span")]];
+  }, proxy: !0 }, { key: "cancellation-policies-heading", fn: function() {
+    return [e("h5", [t._v(t._s(t.$t("BookingDetailsSidebar.bookingPoliciesHeading")))])];
+  }, proxy: !0 }, { key: "cancellation-policies-list", fn: function() {
+    return [t.hotel ? [e("cancellation-policies-list", { staticClass: "text-body-2 black--text ml-n2", attrs: { "cancellation-policies": t.parsedHotelRoomOffer.cancellationPolicies, "check-in-date": t.checkInDate, timezone: t.hotel.timezone } })] : t._e()];
+  }, proxy: !0 }]) })] : void 0], 2);
+}, V = [], P = /* @__PURE__ */ b(
+  I,
+  F,
+  V,
+  !1,
+  null,
+  "90ec78cc",
+  null,
+  null
+);
+const Z = P.exports;
+g("css/revolugo.bookingdetailssidebar.tDtXpaIj.css");
+export {
+  Z as B,
+  R as b
+};
+//# sourceMappingURL=revolugo.bookingdetailssidebar.Cyh9ESY5.min.js.map

package/dist/revolugo.bookingdetailssidebar.CzJuxCyi.min.js

@@ -0,0 +1,28 @@
+import { V as r } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { B as n, b as s } from "./revolugo.bookingdetailssidebar.Cyh9ESY5.min.js";
+import { W as a, n as i } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+const t = r.extend({
+  components: {
+    BookingDetailsSidebar: n,
+    WebComponentWrapper: a
+  },
+  props: s
+});
+var l = function() {
+  var e = this, o = e._self._c;
+  return e._self._setupProxy, o("web-component-wrapper", [o("booking-details-sidebar", e._b({}, "booking-details-sidebar", e.$props, !1))], 1);
+}, p = [], _ = /* @__PURE__ */ i(
+  t,
+  l,
+  p,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const f = _.exports;
+export {
+  f as default
+};
+//# sourceMappingURL=revolugo.bookingdetailssidebar.CzJuxCyi.min.js.map