@revolugo/elements 5.5.4 → 5.5.5-beta.0

package/dist/revolugo.hotelofferrequestcreator.CiNpCqiH.min.js

@@ -0,0 +1,225 @@
+import { V as s, x as o, e as n, a as u } from "./revolugo.i18n.DF3U6VhD.min.js";
+import { d as r } from "./revolugo.store.DPvvq0Rz.min.js";
+import { w as a } from "./revolugo.watch-list.cR2ZEwBA.min.js";
+const h = {
+  address: {
+    type: String
+  },
+  adultCount: {
+    type: Number
+  },
+  checkInDate: {
+    required: !0,
+    type: String
+  },
+  checkOutDate: {
+    required: !0,
+    type: String
+  },
+  children: {
+    default: null,
+    type: String
+  },
+  hotelOfferRequestId: {
+    type: String
+  },
+  latitude: {
+    required: !0,
+    type: Number
+  },
+  longitude: {
+    required: !0,
+    type: Number
+  },
+  roomCount: {
+    required: !0,
+    type: Number
+  },
+  sourceMarket: {
+    required: !0,
+    type: String
+  }
+};
+function l(e, t) {
+  return e.adultCount === t.adultCount && e.checkInDate === t.checkInDate && e.checkOutDate === t.checkOutDate && e.children === t.children && e.latitude === t.latitude && e.longitude === t.longitude && e.roomCount === t.roomCount && e.sourceMarket === t.sourceMarket && u(e.eventMetadata, t.eventMetadata);
+}
+const O = s.extend({
+  name: "HotelOfferRequestCreator",
+  mixins: [
+    a(["bookingApiClient"], "onBookingApiClientChange", {
+      immediate: !0,
+      nextTick: !0
+    })
+  ],
+  props: h,
+  data() {
+    const e = o(
+      this.checkInDate,
+      this.checkOutDate
+    );
+    return {
+      hotelOfferRequestInternal: {
+        address: this.address,
+        adultCount: this.adultCount,
+        checkInDate: e[0],
+        checkOutDate: e[1],
+        children: this.children,
+        hotelOfferRequestId: this.hotelOfferRequestId,
+        latitude: this.latitude,
+        longitude: this.longitude,
+        roomCount: this.roomCount,
+        sourceMarket: this.sourceMarket
+      },
+      inputAddress: this.address
+    };
+  },
+  watch: {
+    hotelOfferRequestInternal: {
+      async handler() {
+        await this.onHotelOfferRequestInternalChange();
+      },
+      immediate: !0,
+      deep: !0
+    },
+    "config.eventMetadata": {
+      handler(e) {
+        this.hotelOfferRequestInternal = {
+          ...this.hotelOfferRequestInternal,
+          eventMetadata: e,
+          hotelOfferRequestId: void 0
+        };
+      },
+      deep: !0
+    },
+    address(e) {
+      this.hotelOfferRequestInternal = {
+        ...this.hotelOfferRequestInternal,
+        address: e,
+        hotelOfferRequestId: void 0
+      };
+    },
+    adultCount(e) {
+      this.hotelOfferRequestInternal = {
+        ...this.hotelOfferRequestInternal,
+        adultCount: e,
+        hotelOfferRequestId: void 0
+      };
+    },
+    checkInDate(e) {
+      this.hotelOfferRequestInternal = {
+        ...this.hotelOfferRequestInternal,
+        checkInDate: e,
+        hotelOfferRequestId: void 0
+      };
+    },
+    checkOutDate(e) {
+      this.hotelOfferRequestInternal = {
+        ...this.hotelOfferRequestInternal,
+        checkOutDate: e,
+        hotelOfferRequestId: void 0
+      };
+    },
+    children(e) {
+      this.hotelOfferRequestInternal = {
+        ...this.hotelOfferRequestInternal,
+        children: e,
+        hotelOfferRequestId: void 0
+      };
+    },
+    hotelOfferRequestId(e) {
+      e && (this.hotelOfferRequestInternal = {
+        ...this.hotelOfferRequestInternal,
+        hotelOfferRequestId: e
+      });
+    },
+    latitude(e) {
+      this.hotelOfferRequestInternal = {
+        ...this.hotelOfferRequestInternal,
+        latitude: e,
+        hotelOfferRequestId: void 0
+      };
+    },
+    longitude(e) {
+      this.hotelOfferRequestInternal = {
+        ...this.hotelOfferRequestInternal,
+        longitude: e,
+        hotelOfferRequestId: void 0
+      };
+    },
+    roomCount(e) {
+      this.hotelOfferRequestInternal = {
+        ...this.hotelOfferRequestInternal,
+        roomCount: e,
+        hotelOfferRequestId: void 0
+      };
+    },
+    sourceMarket(e) {
+      this.hotelOfferRequestInternal = {
+        ...this.hotelOfferRequestInternal,
+        sourceMarket: e,
+        hotelOfferRequestId: void 0
+      };
+    }
+  },
+  created() {
+    this.$watch(
+      () => {
+        const e = this.$store.get("hotelOfferRequest");
+        return [
+          e.adultCount,
+          e.checkInDate,
+          e.checkOutDate,
+          e.children,
+          e.latitude,
+          e.longitude,
+          e.roomCount,
+          e.sourceMarket,
+          e.eventMetadata
+        ].join(",");
+      },
+      () => {
+        const e = this.$store.get("hotelOfferRequest");
+        this.hotelOfferRequestInternal = {
+          address: this.inputAddress,
+          adultCount: e.adultCount,
+          checkInDate: e.checkInDate,
+          checkOutDate: e.checkOutDate,
+          children: e.children,
+          latitude: e.latitude,
+          longitude: e.longitude,
+          roomCount: e.roomCount,
+          sourceMarket: e.sourceMarket
+        };
+      }
+    );
+  },
+  methods: {
+    async onBookingApiClientChange() {
+      await r("hotelOfferRequest/resetId"), await this.onHotelOfferRequestInternalChange();
+    },
+    // When used in conjunction with HotelOfferSearchMenu, its children (BDateRangePickerMenu or BGuestInputMenu) are able to update the hotelOfferRequestInternal then trigger multiple call to this watcher while we want to trigger the handler only once.
+    onHotelOfferRequestInternalChange: n(
+      async function() {
+        this.hotelOfferRequestInternal.hotelOfferRequestId && this.hotelOfferRequestInternal.hotelOfferRequestId !== this.$store.get("hotelOfferRequest/id") ? (await r(
+          "hotelOfferRequest/retrieveHotelOfferRequest",
+          this.hotelOfferRequestInternal.hotelOfferRequestId
+        ), this.$store.get("hotelOfferRequest/hasError") && await r(
+          "hotelOfferRequest/createHotelOfferRequest",
+          this.hotelOfferRequestInternal
+        )) : (!l(
+          this.hotelOfferRequestInternal,
+          this.$store.get("hotelOfferRequest")
+        ) || this.inputAddress !== this.hotelOfferRequestInternal.address || !this.$store.get("hotelOfferRequest/id")) && await r(
+          "hotelOfferRequest/createHotelOfferRequest",
+          this.hotelOfferRequestInternal
+        );
+      },
+      300
+    )
+  }
+});
+export {
+  O as H,
+  h
+};
+//# sourceMappingURL=revolugo.hotelofferrequestcreator.CiNpCqiH.min.js.map

package/dist/revolugo.hoteloffersearchmenu.CnVV4htq.min.js

@@ -0,0 +1,54 @@
+import { V as s } from "./revolugo.i18n.DF3U6VhD.min.js";
+import { H as f, h as a } from "./revolugo.hotelofferrequestcreator.CiNpCqiH.min.js";
+import { g as l } from "./revolugo.store.DPvvq0Rz.min.js";
+import { B as c } from "./revolugo.bhotelsearchbar.Dm84Zzn5.min.js";
+import { n, W as _ } from "./revolugo.webcomponentwrapper.-wnE6sKX.min.js";
+const u = f.extend({
+  name: "HotelOfferSearchMenu",
+  components: {
+    BHotelSearchBar: c
+  },
+  computed: {
+    isFetching: l("hotelOfferRequest/isFetching")
+  }
+});
+var i = function() {
+  var e = this, r = e._self._c;
+  return e._self._setupProxy, e.isBookingApiClientDefined ? r("b-hotel-search-bar", { attrs: { "is-fetching": e.isFetching }, model: { value: e.hotelOfferRequestInternal, callback: function(o) {
+    e.hotelOfferRequestInternal = o;
+  }, expression: "hotelOfferRequestInternal" } }) : e._e();
+}, p = [], m = /* @__PURE__ */ n(
+  u,
+  i,
+  p,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const h = m.exports, d = s.extend({
+  components: {
+    HotelOfferSearchMenu: h,
+    WebComponentWrapper: _
+  },
+  props: a
+});
+var v = function() {
+  var e = this, r = e._self._c;
+  return e._self._setupProxy, r("web-component-wrapper", [r("hotel-offer-search-menu", e._b({}, "hotel-offer-search-menu", e.$props, !1))], 1);
+}, O = [], x = /* @__PURE__ */ n(
+  d,
+  v,
+  O,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const $ = x.exports;
+export {
+  $ as default
+};
+//# sourceMappingURL=revolugo.hoteloffersearchmenu.CnVV4htq.min.js.map

package/dist/revolugo.hoteloffersmap.C1N5EZ0d.min.js

@@ -0,0 +1,28 @@
+import { V as r } from "./revolugo.i18n.DF3U6VhD.min.js";
+import { H as s, h as n } from "./revolugo.hoteloffersmap.gHrmWy8H.min.js";
+import { W as p, n as t } from "./revolugo.webcomponentwrapper.-wnE6sKX.min.js";
+const a = r.extend({
+  components: {
+    HotelOffersMap: s,
+    WebComponentWrapper: p
+  },
+  props: n
+});
+var f = function() {
+  var e = this, o = e._self._c;
+  return e._self._setupProxy, o("web-component-wrapper", [o("hotel-offers-map", e._b({}, "hotel-offers-map", e.$props, !1))], 1);
+}, l = [], _ = /* @__PURE__ */ t(
+  a,
+  f,
+  l,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const d = _.exports;
+export {
+  d as default
+};
+//# sourceMappingURL=revolugo.hoteloffersmap.C1N5EZ0d.min.js.map