@revolugo/elements 5.5.1 → 5.5.2-beta.0

package/dist/revolugo.fullbookingflow.C_c9KQQR.min.js

@@ -0,0 +1,239 @@
+import { v as u, o as k, V as c } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { a as S, p as b, P as O } from "./revolugo.prebookform.C-UGopr1.min.js";
+import { a as F, h as P, H as y } from "./revolugo.hoteloffersview.CklEMw2R.min.js";
+import { a as C, C as v } from "./revolugo.creditcardpayment.DUk6kCnc.min.js";
+import { H as p, a as i } from "./revolugo.parsed-height.C9EDOdpc.min.js";
+import { a as T, b as R } from "./revolugo.hoteloffersmap.wLH_KGii.min.js";
+import { E as s } from "./revolugo.revolugo-config.CV2-KqZg.min.js";
+import { d as B } from "./revolugo.dialog-attach.GnnAYjIE.min.js";
+import { l as E, n as f, _ as r, a, W as L } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+import { _ as w } from "./revolugo.vdialog.BGaQYjRQ.min.js";
+import { _ as A } from "./revolugo.vcard.B9oLf8X7.min.js";
+import { V as $, a as x } from "./revolugo.index.CB0aeVeA.min.js";
+import { _ as U, s as D } from "./revolugo.common.C_rtPL-E.min.js";
+import { _ as l } from "./revolugo.vbtn.BnwFj80Q.min.js";
+import { p as M } from "./revolugo.parsed-props.DLM9lIFH.min.js";
+import { _ as N } from "./revolugo.index.FGCgdl6A.min.js";
+import { _ as d } from "./revolugo.bdaterangepicker.Bn7furEJ.min.js";
+function g(t) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const o = import.meta.url, e = o.slice(0, o.lastIndexOf("/") + 1) + t;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(e);
+      for (const n of REVOLUGO_ELEMENTS_STYLES.components)
+        n(e);
+      if (t.indexOf("fonts") >= 0) {
+        const n = document.createElement("link");
+        n.rel = "stylesheet", linK.href = e, document.head.appendChild(n);
+      }
+    }
+  } catch (o) {
+    console.error("[revolugo-elements] ", o);
+  }
+}
+const H = {
+  CreditCardPayment: C,
+  HotelOffersView: u(F, {
+    HotelOfferList: {
+      HotelOfferItem: {
+        ...p,
+        [i.HotelRoomOfferList]: !0,
+        [i.HotelRoomOffersViewDialog]: !0,
+        [i.RoomsDetails]: !0
+      }
+    },
+    HotelOffersMap: u(T, {
+      [R.FiltersMenu]: !1,
+      HotelOfferItem: {
+        ...p,
+        [i.HotelRoomOffersViewDialog]: !0,
+        [i.RoomsDetails]: !0
+      }
+    })
+  }),
+  PrebookForm: S
+}, h = {
+  ...P,
+  ...k(b, ["bookingId"]),
+  features: {
+    default: () => H,
+    type: [Object, String]
+  }
+}, V = c.extend({
+  mixins: [E("components/ui/BConfirmDialog"), B],
+  data: () => ({
+    dialog: !1,
+    options: {
+      color: "grey lighten-3",
+      width: 400,
+      zIndex: 200,
+      noconfirm: !1
+    }
+  }),
+  methods: {
+    open(t = {}) {
+      this.options = {
+        ...this.options,
+        ...t
+      }, this.dialog = !0;
+    },
+    agree() {
+      this.$emit("confirm"), this.close();
+    },
+    cancel() {
+      this.$emit("cancel"), this.close();
+    },
+    close() {
+      this.dialog = !1;
+    }
+  }
+});
+var I = function() {
+  var o = this, e = o._self._c;
+  return o._self._setupProxy, e(w, { style: { zIndex: o.options.zIndex }, attrs: { attach: o.$dialogAttach, "max-width": o.options.width }, on: { keydown: function(n) {
+    return !n.type.indexOf("key") && o._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : o.cancel.apply(null, arguments);
+  } }, model: { value: o.dialog, callback: function(n) {
+    o.dialog = n;
+  }, expression: "dialog" } }, [e(A, [e($, { staticClass: "pa-4 black--text" }, [o._t("default")], 2), e(x, { staticClass: "pt-2" }, [e(U), o.options.noconfirm ? o._e() : e(l, { staticClass: "body-2 font-weight-bold", attrs: { color: "grey", text: "" }, nativeOn: { click: function(n) {
+    return o.cancel.apply(null, arguments);
+  } } }, [o._t("labelCancel", function() {
+    return [o._v(" " + o._s(o.$t("BConfirmDialog.cancel")) + " ")];
+  })], 2), e(l, { staticClass: "body-2 font-weight-bold", attrs: { color: "primary" }, nativeOn: { click: function(n) {
+    return o.agree.apply(null, arguments);
+  } } }, [o._t("labelConfirm", function() {
+    return [o._v(" " + o._s(o.$t("BConfirmDialog.confirm")) + " ")];
+  })], 2)], 1)], 1)], 1);
+}, Y = [], K = /* @__PURE__ */ f(
+  V,
+  I,
+  Y,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const G = K.exports, W = c.extend({
+  components: {
+    CreditCardPayment: v,
+    BConfirmDialog: G,
+    HotelOffersView: y,
+    PrebookForm: O
+  },
+  mixins: [
+    E("components/RevolugoElements/FullBookingFlow"),
+    M({
+      fallbackValue: {},
+      propsName: "features"
+    })
+  ],
+  props: h,
+  data: () => ({
+    bookingPolicy: void 0,
+    booking: void 0,
+    bookingState: "PREBOOK",
+    formdata: {},
+    direction: 1
+  }),
+  computed: {
+    isPrebookState() {
+      return this.bookingState === "PREBOOK" && this.bookingPolicy !== void 0;
+    },
+    isPaymentState() {
+      return [
+        "PAYMENT_REQUESTED",
+        "PAYMENT_SUCCESSFUL"
+        /* PAYMENT_SUCCESSFUL */
+      ].includes(this.bookingState) && this.booking !== void 0;
+    },
+    isPaymentSuccessful() {
+      return this.bookingState === "PAYMENT_SUCCESSFUL";
+    },
+    backButtonLabel() {
+      let t = "";
+      return this.isPrebookState ? t = "cancel" : t = this.isPaymentSuccessful ? "makeNewBook" : "back", this.$t(`FullBookingFlow.${t}`);
+    },
+    transitionName() {
+      return this.direction > 0 ? "slide-in" : "slide-out";
+    }
+  },
+  created() {
+    this.$eventBus.$on(
+      s.BOOKING_POLICY_CREATED,
+      // eslint-disable-next-line @typescript-eslint/unbound-method
+      this.onBookingPolicyCreated
+    ), this.$eventBus.$on(s.BOOKING_CREATED, this.onBookingCreated), this.$eventBus.$on(s.PAYMENT_SUCCESS, this.onPaymentSuccess), this.$eventBus.$on(s.PREBOOK_FORM, (t) => {
+      this.formdata = t;
+    });
+  },
+  methods: {
+    cancelBooking() {
+      this.direction = -1, this.bookingState = "IDLE", this.bookingPolicy = void 0, this.booking = void 0, this.formdata = {};
+    },
+    cancelPayment() {
+      this.direction = -1, this.bookingState = "PREBOOK";
+    },
+    onBookingPolicyCreated(t) {
+      this.bookingPolicy = t, t && (this.direction = 1, this.bookingState = "PREBOOK");
+    },
+    onBookingCreated(t) {
+      this.booking = t, t && (D(), this.direction = 1, this.bookingState = "PAYMENT_REQUESTED");
+    },
+    onHotelRoomOfferChangeSelection() {
+      this.direction = -1, this.bookingState = "IDLE";
+    },
+    onPaymentSuccess() {
+      this.direction = -1, this.bookingState = "PAYMENT_SUCCESSFUL", this.formdata = {};
+    },
+    onBackButtonClick() {
+      this.isPrebookState ? this.$refs.cancelConfirmDialog.open() : this.isPaymentState && (this.isPaymentSuccessful ? this.cancelBooking() : this.cancelPayment());
+    },
+    onAfterLeave() {
+      this.direction = 1;
+    }
+  }
+});
+var z = function() {
+  var n, _, m;
+  var o = this, e = o._self._c;
+  return o._self._setupProxy, e("div", [e(r, { directives: [{ name: "show", rawName: "v-show", value: o.isPrebookState || o.isPaymentState, expression: "isPrebookState || isPaymentState" }] }, [e(a, [e(l, { attrs: { plain: "", "x-small": "" }, on: { click: o.onBackButtonClick } }, [e(N, { attrs: { left: "", "x-small": "" } }, [o._v(" fa-arrow-left ")]), o._v(" " + o._s(o.backButtonLabel) + " ")], 1)], 1)], 1), e("transition", { attrs: { name: o.transitionName }, on: { "after-leave": o.onAfterLeave } }, [o.isPrebookState ? e(d, { key: "prebook", attrs: { fluid: "" } }, [e(r, [e(a, [e("prebook-form", o._b({ attrs: { "booking-policy-id": (n = o.bookingPolicy) == null ? void 0 : n.id, features: o.parsedFeatures.PrebookForm, "hotel-room-offer": (_ = o.bookingPolicy) == null ? void 0 : _.hotelRoomOffer } }, "prebook-form", o.$props, !1))], 1)], 1), e("b-confirm-dialog", { ref: "cancelConfirmDialog", on: { confirm: o.cancelBooking } }, [o._v(" " + o._s(o.$t("FullBookingFlow.cancelConfirm")) + " ")])], 1) : o.isPaymentState ? e(d, { key: "payment", attrs: { fluid: "" } }, [e(r, [e(a, [e("credit-card-payment", { attrs: { features: o.parsedFeatures.CreditCardPayment, token: (m = o.booking) == null ? void 0 : m.token } })], 1)], 1)], 1) : e("hotel-offers-view", o._b({ attrs: { features: o.parsedFeatures.HotelOffersView } }, "hotel-offers-view", o.$props, !1))], 1)], 1);
+}, j = [], Q = /* @__PURE__ */ f(
+  W,
+  z,
+  j,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const q = Q.exports, J = c.extend({
+  components: {
+    FullBookingFlow: q,
+    WebComponentWrapper: L
+  },
+  props: h
+});
+var X = function() {
+  var o = this, e = o._self._c;
+  return o._self._setupProxy, e("web-component-wrapper", [e("full-booking-flow", o._b({}, "full-booking-flow", o.$props, !1))], 1);
+}, Z = [], oo = /* @__PURE__ */ f(
+  J,
+  X,
+  Z,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ko = oo.exports;
+g("css/revolugo.fullbookingflow.BHV7_MhK.css");
+export {
+  ko as default
+};
+//# sourceMappingURL=revolugo.fullbookingflow.C_c9KQQR.min.js.map