@revolugo/elements 5.5.1 → 5.5.2-beta.0

package/dist/revolugo.hotelroomofferrequestcreator.CBVXmo6p.min.js

@@ -0,0 +1,225 @@
+import { V as h, t as s, e as f } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { d as o } from "./revolugo.store.CrqNkSlz.min.js";
+import { w as u } from "./revolugo.watch-list.B0bwqcfr.min.js";
+const l = {
+  adultCount: {
+    type: Number
+  },
+  checkInDate: {
+    required: !0,
+    type: String
+  },
+  checkOutDate: {
+    required: !0,
+    type: String
+  },
+  children: {
+    default: null,
+    type: String
+  },
+  hotelId: {
+    required: !0,
+    type: String
+  },
+  hotelRoomOfferRequestId: {
+    type: String
+  },
+  roomCount: {
+    required: !0,
+    type: Number
+  },
+  sourceMarket: {
+    required: !0,
+    type: String
+  }
+};
+function n(e, t) {
+  return t ? e.adultCount === t.adultCount && e.checkInDate === t.checkInDate && e.checkOutDate === t.checkOutDate && e.children === t.children && e.hotelId === t.hotelId && e.roomCount === t.roomCount && e.sourceMarket === t.sourceMarket : !1;
+}
+const m = h.extend({
+  name: "HotelRoomOfferRequestCreator",
+  mixins: [
+    u(["bookingApiClient"], "onBookingApiClientChange", {
+      immediate: !0,
+      nextTick: !0
+    })
+  ],
+  props: l,
+  data() {
+    const e = s(
+      this.checkInDate,
+      this.checkOutDate
+    );
+    return {
+      hotelRoomOfferRequestInternal: {
+        adultCount: this.adultCount,
+        checkInDate: e[0],
+        checkOutDate: e[1],
+        children: this.children,
+        hotelId: this.hotelId,
+        hotelRoomOfferRequestId: this.hotelRoomOfferRequestId,
+        roomCount: this.roomCount,
+        sourceMarket: this.sourceMarket
+      }
+    };
+  },
+  watch: {
+    hotelRoomOfferRequestInternal: {
+      async handler() {
+        await this.onHotelRoomOfferRequestInternalChange();
+      },
+      immediate: !0,
+      deep: !0
+    },
+    adultCount(e) {
+      this.hotelRoomOfferRequestInternal = {
+        ...this.hotelRoomOfferRequestInternal,
+        adultCount: e,
+        hotelRoomOfferRequestId: void 0
+      };
+    },
+    checkInDate(e) {
+      this.hotelRoomOfferRequestInternal = {
+        ...this.hotelRoomOfferRequestInternal,
+        checkInDate: e,
+        // checkOutDate: sanitizedDates[1],
+        hotelRoomOfferRequestId: void 0
+      };
+    },
+    checkOutDate(e) {
+      this.hotelRoomOfferRequestInternal = {
+        ...this.hotelRoomOfferRequestInternal,
+        // checkInDate: sanitizedDates[0],
+        checkOutDate: e,
+        hotelRoomOfferRequestId: void 0
+      };
+    },
+    children(e) {
+      this.hotelRoomOfferRequestInternal = {
+        ...this.hotelRoomOfferRequestInternal,
+        children: e,
+        hotelRoomOfferRequestId: void 0
+      };
+    },
+    async hotelId(e, t) {
+      await o(
+        "hotelRoomOfferRequest/deleteHotelRoomOfferRequest",
+        t
+      ), this.hotelRoomOfferRequestInternal = {
+        ...this.hotelRoomOfferRequestInternal,
+        hotelId: e,
+        hotelRoomOfferRequestId: void 0
+      };
+    },
+    hotelRoomOfferRequestId(e) {
+      e && (this.hotelRoomOfferRequestInternal = {
+        ...this.hotelRoomOfferRequestInternal,
+        hotelRoomOfferRequestId: e
+      });
+    },
+    roomCount(e) {
+      this.hotelRoomOfferRequestInternal = {
+        ...this.hotelRoomOfferRequestInternal,
+        roomCount: e,
+        hotelRoomOfferRequestId: void 0
+      };
+    },
+    sourceMarket(e) {
+      this.hotelRoomOfferRequestInternal = {
+        ...this.hotelRoomOfferRequestInternal,
+        sourceMarket: e,
+        hotelRoomOfferRequestId: void 0
+      };
+    }
+  },
+  created() {
+    this.$watch(
+      () => {
+        const e = this.$store.get(
+          "hotelRoomOfferRequest/hotelRoomOfferRequest",
+          this.hotelId
+        );
+        return e ? [
+          e.adultCount,
+          e.checkInDate,
+          e.checkOutDate,
+          e.children,
+          e.roomCount,
+          e.sourceMarket
+        ].join(",") : "";
+      },
+      () => {
+        const e = this.$store.get(
+          "hotelRoomOfferRequest/hotelRoomOfferRequest",
+          this.hotelId
+        );
+        !e || !e.adultCount || !e.checkInDate || !e.checkOutDate || !e.roomCount || !e.sourceMarket || (this.hotelRoomOfferRequestInternal = {
+          adultCount: e.adultCount,
+          checkInDate: e.checkInDate,
+          checkOutDate: e.checkOutDate,
+          children: e.children,
+          hotelId: e.hotelId,
+          roomCount: e.roomCount,
+          sourceMarket: e.sourceMarket
+        });
+      }
+    );
+  },
+  methods: {
+    async onBookingApiClientChange() {
+      await o(
+        "hotelRoomOfferRequest/resetHotelRoomOfferRequest",
+        this.hotelId
+      ), await this.onHotelRoomOfferRequestInternalChange();
+    },
+    // When used in conjunction with HotelRoomOfferSearchMenu, its children (BDateRangePickerMenu or BGuestInputMenu) are able to update the hotelRoomOfferRequestInternal then trigger multiple call to this watcher while we want to trigger the handler only once.
+    onHotelRoomOfferRequestInternalChange: f(
+      async function() {
+        var t, r;
+        this.hotelRoomOfferRequestInternal.hotelRoomOfferRequestId && this.hotelRoomOfferRequestInternal.hotelRoomOfferRequestId !== ((t = this.$store.get(
+          "hotelRoomOfferRequest/hotelRoomOfferRequest",
+          this.hotelId
+        )) == null ? void 0 : t.id) ? (await o(
+          "hotelRoomOfferRequest/retrieveHotelRoomOfferRequest",
+          {
+            hotelId: this.hotelRoomOfferRequestInternal.hotelId,
+            hotelRoomOfferRequestId: this.hotelRoomOfferRequestInternal.hotelRoomOfferRequestId
+          }
+        ), (!this.$store.get(
+          "hotelRoomOfferRequest/hotelRoomOfferRequest",
+          this.hotelId
+        ) || (r = this.$store.get(
+          "hotelRoomOfferRequest/hotelRoomOfferRequest",
+          this.hotelId
+        )) != null && r.hasError) && await o(
+          "hotelRoomOfferRequest/createHotelRoomOfferRequest",
+          this.hotelRoomOfferRequestInternal
+        )) : (!this.$store.get(
+          "hotelRoomOfferRequest/hotelRoomOfferRequest",
+          this.hotelId
+        ) || !this.$store.get(
+          "hotelRoomOfferRequest/hotelRoomOfferRequest",
+          this.hotelId
+        ).id || this.$store.get(
+          "hotelRoomOfferRequest/hotelRoomOfferRequest",
+          this.hotelId
+        ).hasError || !n(
+          this.hotelRoomOfferRequestInternal,
+          this.$store.get(
+            "hotelRoomOfferRequest/hotelRoomOfferRequest",
+            this.hotelId
+          )
+        )) && await o(
+          "hotelRoomOfferRequest/createHotelRoomOfferRequest",
+          this.hotelRoomOfferRequestInternal
+        );
+      },
+      300
+    )
+  }
+});
+export {
+  m as H,
+  l as h
+};
+//# sourceMappingURL=revolugo.hotelroomofferrequestcreator.CBVXmo6p.min.js.map