@revolugo/elements 6.8.3-beta.10 → 6.8.3-beta.12

package/dist/{revolugo.bookingdetailssidebar.CQF8f2p5.min.js → revolugo.bookingdetailssidebar.vue_vue_type_script_setup_true_lang.CwREI2PG.min.js}

@@ -1,86 +1,74 @@
-import { d as O, b as D, u as R, i as c, a as e, w as i, j as n, e as o, o as r, q as k, c as m, F as y, g as d, r as u, t as s, n as N, h as U } from "./revolugo.index.wc.B-VISNof.min.js";
-import { _ as w, V as v, a as b } from "./revolugo.webcomponentwrapper.BZSwKZDU.min.js";
-import { a as h, V as C, c as H, d as T } from "./revolugo.vcard.k3F27b0_.min.js";
-import { V as f } from "./revolugo.vdivider.BU_Qpn1Y.min.js";
-import { V as a } from "./revolugo.vskeletonloader.nVyGxNEH.min.js";
-import { _ as j } from "./revolugo.cancellationpolicieslist.BYH8J8e1.min.js";
-import { B as G, _ as M } from "./revolugo.bhotelroomsdetails.ziCA0uqt.min.js";
-import { _ as Y } from "./revolugo.bformattedamount.vue_vue_type_script_setup_true_lang.1LgvMIpZ.min.js";
-import { _ as q, B as Q, a as W } from "./revolugo.bstarrating.vue_vue_type_script_setup_true_lang.BnT8lMCQ.min.js";
-import { V as Z } from "./revolugo.vtooltip.CvIhH6aP.min.js";
-function F(t) {
+import { d as _, j as z, u as V, k as p, a as t, w as e, l as r, b as l, o as u, H as R, q as S, c as y, g as k, t as n, f as c, F as $, n as U, h as N, U as G, r as j, X as M } from "./revolugo.index.wc.o68qmveS.min.js";
+import { p as F } from "./revolugo.use-parsed-props.D_LNGQFk.min.js";
+import { B as Y, _ as q } from "./revolugo.bhotelroomsdetails.DBJTpd0b.min.js";
+import { _ as w } from "./revolugo.bformattedamount.vue_vue_type_script_setup_true_lang.Dity0kPd.min.js";
+import { _ as Q, B as W } from "./revolugo.bstarrating.vue_vue_type_script_setup_true_lang.CjsWO7EJ.min.js";
+import { _ as A, V as O, a as f } from "./revolugo.webcomponentwrapper.CCH__9Lk.min.js";
+import { a as m, V as I, c as H, d as B } from "./revolugo.vcard.Bt-IXVVU.min.js";
+import { V as T } from "./revolugo.vdivider.jRBmb8tR.min.js";
+import { V as s } from "./revolugo.vskeletonloader.B0vp0U2x.min.js";
+import { _ as X } from "./revolugo.cancellationpolicieslist.CVVfgCCk.min.js";
+import { V as Z } from "./revolugo.vtooltip.BRcrLHcu.min.js";
+function L(i) {
   try {
     if (typeof document < "u") {
       window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
         sheets: [],
         components: []
       };
-      const l = import.meta.url, g = l.slice(0, l.lastIndexOf("/") + 1) + t;
-      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(g);
-      for (const p of REVOLUGO_ELEMENTS_STYLES.components)
-        p(g);
-      if (t.indexOf("fonts") >= 0) {
-        const p = document.createElement("link");
-        p.rel = "stylesheet", linK.href = g, document.head.appendChild(p);
+      const h = import.meta.url, a = h.slice(0, h.lastIndexOf("/") + 1) + i;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(a);
+      for (const d of REVOLUGO_ELEMENTS_STYLES.components)
+        d(a);
+      if (i.indexOf("fonts") >= 0) {
+        const d = document.createElement("link");
+        d.rel = "stylesheet", linK.href = a, document.head.appendChild(d);
       }
     }
-  } catch (l) {
-    console.error("[revolugo-elements] ", l);
+  } catch (h) {
+    console.error("[revolugo-elements] ", h);
   }
 }
-const J = {
-  adultCount: {
-    type: Number
-  },
-  checkInDate: {
-    type: String
-  },
-  checkOutDate: {
-    type: String
-  },
-  hotelRoomOffer: {
-    type: [Object]
-  }
-}, K = O({
-  mixins: [D],
+const J = _({
+  mixins: [z],
   name: "BookingDetailsSidebarLayout",
   props: {
     boilerplate: { type: Boolean }
   },
   setup() {
-    const { t } = R();
+    const { t: i } = V();
     return {
-      t
+      t: i
     };
   }
-}), X = { class: "d-flex justify-space-between" }, tt = { class: "text-right" };
-function et(t, l, g, p, $, _) {
-  return r(), c("div", null, [
-    e(C, {
+}), K = { class: "d-flex justify-space-between" }, tt = { class: "text-right" };
+function et(i, h, a, d, g, b) {
+  return u(), p("div", null, [
+    t(I, {
       class: "mb-1",
       elevation: "0",
       variant: "outlined"
     }, {
-      default: i(() => [
-        e(h, { class: "pb-5" }, {
-          default: i(() => [
-            n(t.$slots, "hotel", {}, () => [
-              e(a, {
-                boilerplate: t.boilerplate,
+      default: e(() => [
+        t(m, { class: "pb-5" }, {
+          default: e(() => [
+            r(i.$slots, "hotel", {}, () => [
+              t(s, {
+                boilerplate: i.boilerplate,
                 class: "my-2",
                 height: "20px",
                 type: "heading",
                 width: "320px"
               }, null, 8, ["boilerplate"]),
-              e(a, {
-                boilerplate: t.boilerplate,
+              t(s, {
+                boilerplate: i.boilerplate,
                 class: "my-2",
                 height: "15px",
                 type: "text",
                 width: "220px"
               }, null, 8, ["boilerplate"]),
-              e(a, {
-                boilerplate: t.boilerplate,
+              t(s, {
+                boilerplate: i.boilerplate,
                 class: "my-2",
                 height: "15px",
                 type: "text",
@@ -93,16 +81,16 @@ function et(t, l, g, p, $, _) {
       ]),
       _: 3
     }),
-    e(C, {
+    t(I, {
       class: "mb-1",
       elevation: "0",
       variant: "outlined"
     }, {
-      default: i(() => [
-        e(H, { class: "pb-2" }, {
-          default: i(() => [
-            n(t.$slots, "booking-heading", {}, () => [
-              e(a, {
+      default: e(() => [
+        t(H, { class: "pb-2" }, {
+          default: e(() => [
+            r(i.$slots, "booking-heading", {}, () => [
+              t(s, {
                 height: "20",
                 tile: "",
                 type: "heading",
@@ -112,16 +100,16 @@ function et(t, l, g, p, $, _) {
           ]),
           _: 3
         }),
-        e(f),
-        e(h, { class: "pb-2" }, {
-          default: i(() => [
-            e(v, { class: "w-100 ma-0" }, {
-              default: i(() => [
-                e(b, { class: "py-0 pl-0" }, {
-                  default: i(() => [
-                    n(t.$slots, "check-in-title", {}, () => [
-                      e(a, {
-                        boilerplate: t.boilerplate,
+        t(T),
+        t(m, { class: "pb-2" }, {
+          default: e(() => [
+            t(O, { class: "w-100 ma-0" }, {
+              default: e(() => [
+                t(f, { class: "py-0 pl-0" }, {
+                  default: e(() => [
+                    r(i.$slots, "check-in-title", {}, () => [
+                      t(s, {
+                        boilerplate: i.boilerplate,
                         class: "my-1",
                         height: "20px",
                         tile: "",
@@ -132,11 +120,11 @@ function et(t, l, g, p, $, _) {
                   ]),
                   _: 3
                 }),
-                e(b, { class: "py-0 ml-1" }, {
-                  default: i(() => [
-                    n(t.$slots, "check-out-title", {}, () => [
-                      e(a, {
-                        boilerplate: t.boilerplate,
+                t(f, { class: "py-0 ml-1" }, {
+                  default: e(() => [
+                    r(i.$slots, "check-out-title", {}, () => [
+                      t(s, {
+                        boilerplate: i.boilerplate,
                         class: "my-1",
                         height: "20px",
                         tile: "",
@@ -150,13 +138,13 @@ function et(t, l, g, p, $, _) {
               ]),
               _: 3
             }),
-            e(v, { class: "w-100 ma-0" }, {
-              default: i(() => [
-                e(b, { class: "pa-0" }, {
-                  default: i(() => [
-                    n(t.$slots, "check-in-date", {}, () => [
-                      e(a, {
-                        boilerplate: t.boilerplate,
+            t(O, { class: "w-100 ma-0" }, {
+              default: e(() => [
+                t(f, { class: "pa-0" }, {
+                  default: e(() => [
+                    r(i.$slots, "check-in-date", {}, () => [
+                      t(s, {
+                        boilerplate: i.boilerplate,
                         class: "my-1",
                         height: "20px",
                         tile: "",
@@ -164,9 +152,9 @@ function et(t, l, g, p, $, _) {
                         width: "100%"
                       }, null, 8, ["boilerplate"])
                     ]),
-                    n(t.$slots, "check-in-time", {}, () => [
-                      e(a, {
-                        boilerplate: t.boilerplate,
+                    r(i.$slots, "check-in-time", {}, () => [
+                      t(s, {
+                        boilerplate: i.boilerplate,
                         class: "my-1",
                         height: "20px",
                         tile: "",
@@ -177,15 +165,15 @@ function et(t, l, g, p, $, _) {
                   ]),
                   _: 3
                 }),
-                e(f, {
+                t(T, {
                   class: "mx-2",
                   vertical: ""
                 }),
-                e(b, { class: "pa-0" }, {
-                  default: i(() => [
-                    n(t.$slots, "check-out-date", {}, () => [
-                      e(a, {
-                        boilerplate: t.boilerplate,
+                t(f, { class: "pa-0" }, {
+                  default: e(() => [
+                    r(i.$slots, "check-out-date", {}, () => [
+                      t(s, {
+                        boilerplate: i.boilerplate,
                         class: "my-1",
                         height: "20px",
                         tile: "",
@@ -193,9 +181,9 @@ function et(t, l, g, p, $, _) {
                         width: "100%"
                       }, null, 8, ["boilerplate"])
                     ]),
-                    n(t.$slots, "check-out-time", {}, () => [
-                      e(a, {
-                        boilerplate: t.boilerplate,
+                    r(i.$slots, "check-out-time", {}, () => [
+                      t(s, {
+                        boilerplate: i.boilerplate,
                         class: "my-1",
                         height: "20px",
                         tile: "",
@@ -212,11 +200,11 @@ function et(t, l, g, p, $, _) {
           ]),
           _: 3
         }),
-        e(h, { class: "pb-0" }, {
-          default: i(() => [
-            n(t.$slots, "length-of-stay-title", {}, () => [
-              e(a, {
-                boilerplate: t.boilerplate,
+        t(m, { class: "pb-0" }, {
+          default: e(() => [
+            r(i.$slots, "length-of-stay-title", {}, () => [
+              t(s, {
+                boilerplate: i.boilerplate,
                 class: "my-1",
                 height: "20px",
                 tile: "",
@@ -227,11 +215,11 @@ function et(t, l, g, p, $, _) {
           ]),
           _: 3
         }),
-        e(h, { class: "pt-0 pb-2" }, {
-          default: i(() => [
-            n(t.$slots, "length-of-stay-count", {}, () => [
-              e(a, {
-                boilerplate: t.boilerplate,
+        t(m, { class: "pt-0 pb-2" }, {
+          default: e(() => [
+            r(i.$slots, "length-of-stay-count", {}, () => [
+              t(s, {
+                boilerplate: i.boilerplate,
                 class: "my-1",
                 height: "20px",
                 tile: "",
@@ -242,12 +230,12 @@ function et(t, l, g, p, $, _) {
           ]),
           _: 3
         }),
-        e(f, { class: "mx-4" }),
-        e(T, { class: "pb-2" }, {
-          default: i(() => [
-            n(t.$slots, "room-selected-heading", {}, () => [
-              e(a, {
-                boilerplate: t.boilerplate,
+        t(T, { class: "mx-4" }),
+        t(B, { class: "pb-2" }, {
+          default: e(() => [
+            r(i.$slots, "room-selected-heading", {}, () => [
+              t(s, {
+                boilerplate: i.boilerplate,
                 class: "my-1",
                 height: "20px",
                 tile: "",
@@ -258,19 +246,19 @@ function et(t, l, g, p, $, _) {
           ]),
           _: 3
         }),
-        e(h, { class: "pb-7" }, {
-          default: i(() => [
-            n(t.$slots, "room-selected-list", {}, () => [
-              e(a, {
-                boilerplate: t.boilerplate,
+        t(m, { class: "pb-7" }, {
+          default: e(() => [
+            r(i.$slots, "room-selected-list", {}, () => [
+              t(s, {
+                boilerplate: i.boilerplate,
                 class: "my-1",
                 height: "20px",
                 tile: "",
                 type: "text",
                 width: "100%"
               }, null, 8, ["boilerplate"]),
-              e(a, {
-                boilerplate: t.boilerplate,
+              t(s, {
+                boilerplate: i.boilerplate,
                 class: "my-1",
                 height: "20px",
                 tile: "",
@@ -284,16 +272,16 @@ function et(t, l, g, p, $, _) {
       ]),
       _: 3
     }),
-    e(C, {
+    t(I, {
       class: "mb-1",
       elevation: "0",
       variant: "outlined"
     }, {
-      default: i(() => [
-        e(H, { class: "pb-2" }, {
-          default: i(() => [
-            n(t.$slots, "price-heading", {}, () => [
-              e(a, {
+      default: e(() => [
+        t(H, { class: "pb-2" }, {
+          default: e(() => [
+            r(i.$slots, "price-heading", {}, () => [
+              t(s, {
                 height: "20",
                 tile: "",
                 type: "heading",
@@ -303,12 +291,12 @@ function et(t, l, g, p, $, _) {
           ]),
           _: 3
         }),
-        e(f),
-        e(T, null, {
-          default: i(() => [
-            n(t.$slots, "price-info-base", {}, () => [
-              e(a, {
-                boilerplate: t.boilerplate,
+        t(T),
+        t(B, null, {
+          default: e(() => [
+            r(i.$slots, "price-info-base", {}, () => [
+              t(s, {
+                boilerplate: i.boilerplate,
                 height: "20px",
                 tile: "",
                 type: "heading",
@@ -318,11 +306,11 @@ function et(t, l, g, p, $, _) {
           ]),
           _: 3
         }),
-        e(T, { class: "py-0" }, {
-          default: i(() => [
-            n(t.$slots, "price-info-taxes", {}, () => [
-              e(a, {
-                boilerplate: t.boilerplate,
+        t(B, { class: "py-0" }, {
+          default: e(() => [
+            r(i.$slots, "price-info-taxes", {}, () => [
+              t(s, {
+                boilerplate: i.boilerplate,
                 class: "mb-4",
                 height: "20px",
                 tile: "",
@@ -333,28 +321,28 @@ function et(t, l, g, p, $, _) {
           ]),
           _: 3
         }),
-        e(h, { class: "py-3 bg-grey-lighten-3" }, {
-          default: i(() => [
-            o("div", X, [
-              n(t.$slots, "total", {}, () => [
-                e(a, {
+        t(m, { class: "py-3 bg-grey-lighten-3" }, {
+          default: e(() => [
+            l("div", K, [
+              r(i.$slots, "total", {}, () => [
+                t(s, {
                   height: "20",
                   tile: "",
                   type: "heading",
                   width: "50px"
                 })
               ]),
-              o("div", tt, [
-                n(t.$slots, "total-count", {}, () => [
-                  e(a, {
+              l("div", tt, [
+                r(i.$slots, "total-count", {}, () => [
+                  t(s, {
                     height: "20",
                     tile: "",
                     type: "heading",
                     width: "100px"
                   })
                 ]),
-                n(t.$slots, "taxes", {}, () => [
-                  e(a, {
+                r(i.$slots, "taxes", {}, () => [
+                  t(s, {
                     class: "mt-2",
                     height: "20",
                     tile: "",
@@ -370,16 +358,16 @@ function et(t, l, g, p, $, _) {
       ]),
       _: 3
     }),
-    e(C, {
+    t(I, {
       elevation: "0",
       variant: "outlined"
     }, {
-      default: i(() => [
-        e(H, { class: "pb-2" }, {
-          default: i(() => [
-            n(t.$slots, "cancellation-policies-heading", {}, () => [
-              e(a, {
-                boilerplate: t.boilerplate,
+      default: e(() => [
+        t(H, { class: "pb-2" }, {
+          default: e(() => [
+            r(i.$slots, "cancellation-policies-heading", {}, () => [
+              t(s, {
+                boilerplate: i.boilerplate,
                 class: "my-1",
                 height: "20px",
                 tile: "",
@@ -390,12 +378,12 @@ function et(t, l, g, p, $, _) {
           ]),
           _: 3
         }),
-        e(f),
-        e(h, { class: "pb-5" }, {
-          default: i(() => [
-            n(t.$slots, "cancellation-policies-list", {}, () => [
-              e(a, {
-                boilerplate: t.boilerplate,
+        t(T),
+        t(m, { class: "pb-5" }, {
+          default: e(() => [
+            r(i.$slots, "cancellation-policies-list", {}, () => [
+              t(s, {
+                boilerplate: i.boilerplate,
                 class: "my-1",
                 height: "20px",
                 tile: "",
@@ -411,72 +399,229 @@ function et(t, l, g, p, $, _) {
     })
   ]);
 }
-const it = /* @__PURE__ */ w(K, [["render", et]]), I = O({
-  components: {
-    BBreakfastOptionBadge: M,
-    BFormattedAmount: Y,
-    BHotelRoomsDetails: G,
-    BReviewRating: Q,
-    BStarRating: q,
-    BookingDetailsSidebarLayout: it,
-    CancellationPoliciesList: j
-  },
-  computed: {
-    nightCount() {
-      const { checkInDate: t } = this, { checkOutDate: l } = this;
-      return !t || !l ? 0 : k(l).diff(k(t), "days");
-    },
-    parsedHotelRoomOffer() {
-      return W(this.hotelRoomOffer, null);
-    },
-    roomCount() {
-      return this.parsedHotelRoomOffer?.hotelRooms.reduce(
-        (t, l) => t + l.count,
-        0
-      ) || 0;
-    },
-    totalTaxesAmount() {
-      return this.parsedHotelRoomOffer ? this.parsedHotelRoomOffer.taxIncludedPrice - this.parsedHotelRoomOffer.price : null;
-    }
+const it = /* @__PURE__ */ A(J, [["render", et]]), ot = { class: "text-h7 font-weight-bold text-grey-darken-4 ma-0 mr-2" }, at = { class: "text-h8 text-grey-darken-2" }, lt = { class: "mb-1 text-black text-body-2" }, st = { class: "mb-1 text-black text-body-2" }, nt = { class: "font-weight-bold mb-0 text-black text-body-2" }, rt = { class: "font-weight-bold mb-0 text-black text-body-2" }, ct = {
+  key: 0,
+  class: "mb-0 text-body-2 text-grey-darken-1"
+}, ut = {
+  key: 0,
+  class: "mb-0 text-body-2 text-grey-darken-1"
+}, dt = { key: 1 }, ht = { class: "mb-1 text-black" }, bt = { class: "font-weight-bold mb-0 text-black" }, pt = { class: "font-weight-bold mb-0 text-black" }, kt = { class: "caption font-weight-bold text-black" }, gt = { class: "text-black float-right" }, mt = {
+  key: 0,
+  class: "pb-4 pt-0"
+}, ft = { class: "text-caption font-weight-bold text-black" }, vt = { class: "float-right text-black" }, yt = { key: 1 }, Ct = { class: "font-weight-black text-h6 text-black mb-0" }, St = {
+  key: 0,
+  class: "mb-0 text-caption text-black"
+}, Tt = { class: "text-caption mb-0" }, P = /* @__PURE__ */ _({
+  __name: "BookingDetailsSidebarUI",
+  props: {
+    adultCount: {},
+    checkInDate: {},
+    checkOutDate: {},
+    hotelRoomOffer: {},
+    hotel: {}
   },
-  created() {
-    try {
-      this.bookingApiClient?.hotels.retrieve({
-        id: this.parsedHotelRoomOffer.hotelId
-      }).then((t) => {
-        this.hotel = t;
-      });
-    } catch (t) {
-      console.error(t);
+  setup(i) {
+    const { locale: h, t: a } = V(), d = i;
+    function g(o) {
+      return o ? S(o).locale(h.value).format("ll") : null;
     }
-  },
-  data: () => ({
-    errorMessage: null,
-    hotel: void 0
-  }),
-  methods: {
-    getFormattedDate(t) {
-      const { locale: l } = this.$i18n;
-      return t ? k(t).locale(l).format("ll") : null;
-    },
-    getFormattedTime(t) {
-      const l = k(`1/1/1 ${t}`, "h:mm A");
-      return t ? k(l).format("HH:mm") : null;
+    function b(o) {
+      const v = S(`1/1/1 ${o}`, "h:mm A");
+      return o ? S(v).format("HH:mm") : null;
     }
-  },
-  mixins: [D],
-  name: "BookingDetailsSidebar",
-  props: J,
-  setup() {
-    const { t } = R();
-    return {
-      t
-    };
+    const C = R(() => !d.checkInDate || !d.checkOutDate ? 0 : S(d.checkOutDate).diff(S(d.checkInDate), "days")), x = R(
+      () => d.hotelRoomOffer.hotelRooms.reduce((o, v) => o + v.count, 0) || 0
+    );
+    return (o, v) => (u(), y(it, null, {
+      hotel: e(() => [
+        o.hotel ? (u(), p($, { key: 0 }, [
+          t(O, { "no-gutters": "" }, {
+            default: e(() => [
+              o.hotel.name ? (u(), y(f, { key: 0 }, {
+                default: e(() => [
+                  l("span", ot, n(o.hotel.name), 1),
+                  t(Z, {
+                    attach: o.$parent?.$el,
+                    location: "bottom"
+                  }, {
+                    activator: e(({ props: D }) => [
+                      l("span", U(N(D)), [
+                        t(Q, {
+                          count: o.hotel.rating
+                        }, null, 8, ["count"])
+                      ], 16)
+                    ]),
+                    default: e(() => [
+                      l("span", null, n(c(a)("BookingDetailsSidebar.hotel.starRating")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["attach"])
+                ]),
+                _: 1
+              })) : k("", !0)
+            ]),
+            _: 1
+          }),
+          t(O, { "no-gutters": "" }, {
+            default: e(() => [
+              t(f, null, {
+                default: e(() => [
+                  l("small", at, n(c(a)("BookingDetailsSidebar.hotel.fullAddress", {
+                    address: o.hotel.address,
+                    postalCode: o.hotel.postalCode,
+                    city: o.hotel.city,
+                    countryCode: o.hotel.countryCode
+                  })), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          t(O, { "no-gutters": "" }, {
+            default: e(() => [
+              t(f, null, {
+                default: e(() => [
+                  t(W, {
+                    features: {
+                      ReviewRatingDetails: !1
+                    },
+                    hotel: o.hotel,
+                    reverse: "",
+                    "tooltip-position": "right"
+                  }, null, 8, ["hotel"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ], 64)) : k("", !0)
+      ]),
+      "booking-heading": e(() => [
+        l("h5", null, n(c(a)("BookingDetailsSidebar.bookingHeading")), 1)
+      ]),
+      "check-in-title": e(() => [
+        l("p", lt, n(c(a)("BookingDetailsSidebar.checkInTitle")), 1)
+      ]),
+      "check-out-title": e(() => [
+        l("p", st, n(c(a)("BookingDetailsSidebar.checkOutTitle")), 1)
+      ]),
+      "check-in-date": e(() => [
+        l("p", nt, n(g(o.checkInDate)), 1)
+      ]),
+      "check-out-date": e(() => [
+        l("p", rt, n(g(o.checkOutDate)), 1)
+      ]),
+      "check-in-time": e(() => [
+        o.hotel?.checkInTime ? (u(), p("p", ct, n(c(a)("BookingDetailsSidebar.checkInTime", {
+          value: b(o.hotel?.checkInTime)
+        })), 1)) : k("", !0),
+        v[0] || (v[0] = l("template", null, [
+          l("span")
+        ], -1))
+      ]),
+      "check-out-time": e(() => [
+        o.hotel?.checkOutTime ? (u(), p("p", ut, n(c(a)("BookingDetailsSidebar.checkOutTime", {
+          value: b(o.hotel?.checkOutTime)
+        })), 1)) : (u(), p("span", dt))
+      ]),
+      "length-of-stay-title": e(() => [
+        l("p", ht, n(c(a)("BookingDetailsSidebar.lengthOfStayTitle")), 1)
+      ]),
+      "length-of-stay-count": e(() => [
+        l("p", bt, n(c(a)("BookingDetailsSidebar.nightCount", {
+          n: C.value,
+          value: C.value
+        })), 1)
+      ]),
+      "room-selected-heading": e(() => [
+        l("p", pt, n(c(a)("BookingDetailsSidebar.roomSelectedHeading")), 1)
+      ]),
+      "room-selected-list": e(() => [
+        t(Y, {
+          "hotel-rooms": o.hotelRoomOffer.hotelRooms.map((D) => ({
+            ...D,
+            id: D.id
+          }))
+        }, null, 8, ["hotel-rooms"]),
+        o.hotelRoomOffer?.breakfastCount && o.hotelRoomOffer.breakfastCount > 0 ? (u(), y(q, {
+          key: 0,
+          breakfastCount: o.hotelRoomOffer?.breakfastCount,
+          "breakfast-option": "INCLUDED",
+          class: "mb-3"
+        }, null, 8, ["breakfastCount"])) : k("", !0)
+      ]),
+      "price-heading": e(() => [
+        l("h5", null, n(c(a)("BookingDetailsSidebar.priceHeading")), 1)
+      ]),
+      "price-info-base": e(() => [
+        o.hotelRoomOffer ? (u(), p($, { key: 0 }, [
+          l("span", kt, n(c(a)("BookingDetailsSidebar.roomCount", {
+            n: x.value,
+            value: x.value
+          })) + " x " + n(c(a)("BookingDetailsSidebar.nightCount", {
+            n: C.value,
+            value: C.value
+          })), 1),
+          l("span", gt, [
+            t(w, {
+              amount: o.hotelRoomOffer.price,
+              currency: o.hotelRoomOffer.currency
+            }, null, 8, ["amount", "currency"])
+          ])
+        ], 64)) : k("", !0)
+      ]),
+      "price-info-taxes": e(() => [
+        o.hotelRoomOffer && o.hotelRoomOffer.taxIncludedPrice !== o.hotelRoomOffer.price ? (u(), p("div", mt, [
+          l("span", ft, n(c(a)("BookingDetailsSidebar.taxesAmount")), 1),
+          l("span", vt, [
+            t(w, {
+              amount: o.hotelRoomOffer.taxIncludedPrice - o.hotelRoomOffer.price,
+              currency: o.hotelRoomOffer.currency
+            }, null, 8, ["amount", "currency"])
+          ])
+        ])) : (u(), p("span", yt))
+      ]),
+      total: e(() => [
+        l("div", null, [
+          l("p", Ct, n(c(a)("BookingDetailsSidebar.total")), 1),
+          o.adultCount ? (u(), p("p", St, n(c(a)("BookingDetailsSidebar.guestsCount", {
+            n: o.adultCount,
+            value: o.adultCount
+          })), 1)) : k("", !0)
+        ])
+      ]),
+      "total-count": e(() => [
+        o.hotelRoomOffer ? (u(), y(w, {
+          key: 0,
+          amount: o.hotelRoomOffer.taxIncludedPrice,
+          currency: o.hotelRoomOffer.currency,
+          class: "font-weight-black text-h6 text-black"
+        }, null, 8, ["amount", "currency"])) : k("", !0)
+      ]),
+      taxes: e(() => [
+        l("p", Tt, n(c(a)("BookingDetailsSidebar.taxes")), 1)
+      ]),
+      "cancellation-policies-heading": e(() => [
+        l("h5", null, n(c(a)("BookingDetailsSidebar.bookingPoliciesHeading")), 1)
+      ]),
+      "cancellation-policies-list": e(() => [
+        o.hotel && o.hotelRoomOffer ? (u(), y(X, {
+          key: 0,
+          "cancellation-policies": o.hotelRoomOffer.cancellationPolicies,
+          "check-in-date": o.checkInDate,
+          class: "text-body-2 text-black ml-n2",
+          timezone: o.hotel.timezone
+        }, null, 8, ["cancellation-policies", "check-in-date", "timezone"])) : k("", !0)
+      ]),
+      _: 1
+    }));
   }
 });
-function B(t) {
-  const l = t;
-  l.__i18n = l.__i18n || [], l.__i18n.push({
+function E(i) {
+  const h = i;
+  h.__i18n = h.__i18n || [], h.__i18n.push({
     locale: "",
     resource: {
       "en-US": {
@@ -657,210 +802,40 @@ function B(t) {
     }
   });
 }
-const ot = { class: "text-h7 font-weight-bold text-grey-darken-4 ma-0 mr-2" }, at = { class: "text-h8 text-grey-darken-2" }, lt = { class: "mb-1 text-black text-body-2" }, st = { class: "mb-1 text-black text-body-2" }, nt = { class: "font-weight-bold mb-0 text-black text-body-2" }, rt = { class: "font-weight-bold mb-0 text-black text-body-2" }, ct = {
-  key: 0,
-  class: "mb-0 text-body-2 text-grey-darken-1"
-}, dt = {
-  key: 0,
-  class: "mb-0 text-body-2 text-grey-darken-1"
-}, ut = { key: 1 }, ht = { class: "mb-1 text-black" }, bt = { class: "font-weight-bold mb-0 text-black" }, pt = { class: "font-weight-bold mb-0 text-black" }, gt = { class: "font-weight-black text-h6 text-black mb-0" }, kt = {
-  key: 0,
-  class: "mb-0 text-caption text-black"
-}, mt = { class: "text-caption mb-0" }, ft = { class: "caption font-weight-bold text-black" }, vt = { class: "text-black float-right" }, yt = {
-  key: 0,
-  class: "pb-4 pt-0"
-}, Ct = { class: "text-caption font-weight-bold text-black" }, St = { class: "float-right text-black" }, Ht = { key: 1 };
-function Tt(t, l, g, p, $, _) {
-  const A = u("BStarRating"), P = u("BReviewRating"), E = u("BHotelRoomsDetails"), V = u("BBreakfastOptionBadge"), S = u("BFormattedAmount"), L = u("CancellationPoliciesList"), x = u("BookingDetailsSidebarLayout");
-  return r(), c("div", null, [
-    t.isBookingApiClientDefined ? (r(), m(x, { key: 1 }, {
-      hotel: i(() => [
-        t.hotel ? (r(), c(y, { key: 0 }, [
-          e(v, { "no-gutters": "" }, {
-            default: i(() => [
-              t.hotel.name ? (r(), m(b, { key: 0 }, {
-                default: i(() => [
-                  o("span", ot, s(t.hotel.name), 1),
-                  e(Z, {
-                    attach: t.$parent?.$el,
-                    location: "bottom"
-                  }, {
-                    activator: i(({ props: z }) => [
-                      o("span", N(U(z)), [
-                        e(A, {
-                          count: t.hotel.rating
-                        }, null, 8, ["count"])
-                      ], 16)
-                    ]),
-                    default: i(() => [
-                      o("span", null, s(t.t("BookingDetailsSidebar.hotel.starRating")), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["attach"])
-                ]),
-                _: 1
-              })) : d("", !0)
-            ]),
-            _: 1
-          }),
-          e(v, { "no-gutters": "" }, {
-            default: i(() => [
-              e(b, null, {
-                default: i(() => [
-                  o("small", at, s(t.t("BookingDetailsSidebar.hotel.fullAddress", {
-                    address: t.hotel.address,
-                    postalCode: t.hotel.postalCode,
-                    city: t.hotel.city,
-                    countryCode: t.hotel.countryCode
-                  })), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          e(v, { "no-gutters": "" }, {
-            default: i(() => [
-              e(b, null, {
-                default: i(() => [
-                  e(P, {
-                    features: {
-                      ReviewRatingDetails: !1
-                    },
-                    hotel: t.hotel,
-                    reverse: "",
-                    "tooltip-position": "right"
-                  }, null, 8, ["hotel"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ], 64)) : d("", !0)
-      ]),
-      "booking-heading": i(() => [
-        o("h5", null, s(t.t("BookingDetailsSidebar.bookingHeading")), 1)
-      ]),
-      "check-in-title": i(() => [
-        o("p", lt, s(t.t("BookingDetailsSidebar.checkInTitle")), 1)
-      ]),
-      "check-out-title": i(() => [
-        o("p", st, s(t.t("BookingDetailsSidebar.checkOutTitle")), 1)
-      ]),
-      "check-in-date": i(() => [
-        o("p", nt, s(t.getFormattedDate(t.checkInDate)), 1)
-      ]),
-      "check-out-date": i(() => [
-        o("p", rt, s(t.getFormattedDate(t.checkOutDate)), 1)
-      ]),
-      "check-in-time": i(() => [
-        t.hotel?.checkInTime ? (r(), c("p", ct, s(t.t("BookingDetailsSidebar.checkInTime", {
-          value: t.getFormattedTime(t.hotel?.checkInTime)
-        })), 1)) : d("", !0),
-        l[0] || (l[0] = o("template", null, [
-          o("span")
-        ], -1))
-      ]),
-      "check-out-time": i(() => [
-        t.hotel?.checkOutTime ? (r(), c("p", dt, s(t.t("BookingDetailsSidebar.checkOutTime", {
-          value: t.getFormattedTime(t.hotel?.checkOutTime)
-        })), 1)) : (r(), c("span", ut))
-      ]),
-      "length-of-stay-title": i(() => [
-        o("p", ht, s(t.t("BookingDetailsSidebar.lengthOfStayTitle")), 1)
-      ]),
-      "length-of-stay-count": i(() => [
-        o("p", bt, s(t.t("BookingDetailsSidebar.nightCount", {
-          n: t.nightCount,
-          value: t.nightCount
-        })), 1)
-      ]),
-      "room-selected-heading": i(() => [
-        o("p", pt, s(t.t("BookingDetailsSidebar.roomSelectedHeading")), 1)
-      ]),
-      "room-selected-list": i(() => [
-        t.parsedHotelRoomOffer ? (r(), c(y, { key: 0 }, [
-          e(E, {
-            "hotel-rooms": t.parsedHotelRoomOffer.hotelRooms
-          }, null, 8, ["hotel-rooms"]),
-          t.parsedHotelRoomOffer?.breakfastCount && t.parsedHotelRoomOffer.breakfastCount > 0 ? (r(), m(V, {
-            key: 0,
-            breakfastCount: t.parsedHotelRoomOffer?.breakfastCount,
-            "breakfast-option": "INCLUDED",
-            class: "mb-3"
-          }, null, 8, ["breakfastCount"])) : d("", !0)
-        ], 64)) : d("", !0)
-      ]),
-      "price-heading": i(() => [
-        o("h5", null, s(t.t("BookingDetailsSidebar.priceHeading")), 1)
-      ]),
-      total: i(() => [
-        o("div", null, [
-          o("p", gt, s(t.t("BookingDetailsSidebar.total")), 1),
-          t.adultCount ? (r(), c("p", kt, s(t.t("BookingDetailsSidebar.guestsCount", {
-            n: t.adultCount,
-            value: t.adultCount
-          })), 1)) : d("", !0)
-        ])
-      ]),
-      "total-count": i(() => [
-        t.parsedHotelRoomOffer ? (r(), m(S, {
-          key: 0,
-          amount: t.parsedHotelRoomOffer.taxIncludedPrice,
-          class: "font-weight-black text-h6 text-black"
-        }, null, 8, ["amount"])) : d("", !0)
-      ]),
-      taxes: i(() => [
-        o("p", mt, s(t.t("BookingDetailsSidebar.taxes")), 1)
-      ]),
-      "price-info-base": i(() => [
-        t.parsedHotelRoomOffer ? (r(), c(y, { key: 0 }, [
-          o("span", ft, s(t.t("BookingDetailsSidebar.roomCount", {
-            n: t.roomCount,
-            value: t.roomCount
-          })) + " x " + s(t.t("BookingDetailsSidebar.nightCount", {
-            n: t.nightCount,
-            value: t.nightCount
-          })), 1),
-          o("span", vt, [
-            e(S, {
-              amount: t.parsedHotelRoomOffer.price
-            }, null, 8, ["amount"])
-          ])
-        ], 64)) : d("", !0)
-      ]),
-      "price-info-taxes": i(() => [
-        t.parsedHotelRoomOffer && t.parsedHotelRoomOffer.taxIncludedPrice !== t.parsedHotelRoomOffer.price ? (r(), c("div", yt, [
-          o("span", Ct, s(t.t("BookingDetailsSidebar.taxesAmount")), 1),
-          o("span", St, [
-            e(S, {
-              amount: t.parsedHotelRoomOffer.taxIncludedPrice - t.parsedHotelRoomOffer.price
-            }, null, 8, ["amount"])
-          ])
-        ])) : (r(), c("span", Ht))
-      ]),
-      "cancellation-policies-heading": i(() => [
-        o("h5", null, s(t.t("BookingDetailsSidebar.bookingPoliciesHeading")), 1)
-      ]),
-      "cancellation-policies-list": i(() => [
-        t.hotel && t.parsedHotelRoomOffer ? (r(), m(L, {
-          key: 0,
-          "cancellation-policies": t.parsedHotelRoomOffer.cancellationPolicies,
-          "check-in-date": t.checkInDate,
-          class: "text-body-2 text-black ml-n2",
-          timezone: t.hotel.timezone
-        }, null, 8, ["cancellation-policies", "check-in-date", "timezone"])) : d("", !0)
-      ]),
-      _: 1
-    })) : (r(), c(y, { key: 0 }, [], 64))
-  ]);
-}
-typeof B == "function" && B(I);
-const Et = /* @__PURE__ */ w(I, [["render", Tt], ["__scopeId", "data-v-51281c9a"]]);
-F("css/revolugo.bookingdetailssidebar.CNP_D5F3.css");
+typeof E == "function" && E(P);
+const Ot = /* @__PURE__ */ A(P, [["__scopeId", "data-v-2291bc2a"]]), At = /* @__PURE__ */ _({
+  __name: "BookingDetailsSidebar",
+  props: {
+    adultCount: {},
+    checkInDate: {},
+    checkOutDate: {},
+    hotelRoomOffer: {}
+  },
+  setup(i) {
+    const h = i, { bookingApiClient: a } = G(), d = j(null), g = R(
+      () => F(h.hotelRoomOffer, null)
+    );
+    return M(() => {
+      try {
+        g.value && a.value.hotels.retrieve({
+          id: g.value.hotelId
+        }).then((b) => {
+          d.value = b;
+        });
+      } catch (b) {
+        console.error(b);
+      }
+    }), (b, C) => (u(), y(Ot, {
+      "adult-count": b.adultCount,
+      "check-in-date": b.checkInDate,
+      "check-out-date": b.checkOutDate,
+      "hotel-room-offer": g.value,
+      hotel: d.value
+    }, null, 8, ["adult-count", "check-in-date", "check-out-date", "hotel-room-offer", "hotel"]));
+  }
+});
+L("css/revolugo.bookingdetailssidebar.g_6Xwqnt.css");
 export {
-  Et as B,
-  J as b
+  At as _
 };
-//# sourceMappingURL=revolugo.bookingdetailssidebar.CQF8f2p5.min.js.map
+//# sourceMappingURL=revolugo.bookingdetailssidebar.vue_vue_type_script_setup_true_lang.CwREI2PG.min.js.map