@revolugo/elements 6.9.3-beta.9 → 6.9.4-rc.0

package/dist/revolugo.hotelroomoffersbookingflow.BS4Fa2EH.min.js

@@ -0,0 +1,1281 @@
+import { a as Ve, h as Ee, H as Be } from "./revolugo.hotelroomoffersview.BzmRXy0a.min.js";
+import { P as Oe, p as Ie, a as Te } from "./revolugo.prebookform.BMEaruyl.min.js";
+import { G as Re, d as x, al as Ce, u as _e, E as S, a2 as V, a1 as _, ag as Fe, a as t, H as d, J as Me, aH as De, a3 as P, an as He, a6 as Le, D as C, aa as $e, aU as Ae, aY as Ne, aZ as J, aV as ze, a_ as We, aW as qe, F as pe, c as g, w as i, i as X, B as Ue, g as B, e as f, f as y, t as h, r as T, aX as Ge, o as p, n as xe, h as Ye } from "./revolugo.index.wc.DLkeXtka.min.js";
+import { a as je } from "./revolugo.hotelroomoffersearchmenu.x_--4RXV.min.js";
+import { C as Ke } from "./revolugo.creditcardpayment.CkfC2xTo.min.js";
+import { p as Ze } from "./revolugo.parsed-props.B5g9_9k5.min.js";
+import { s as Q } from "./revolugo.common.D-l8b0V5.min.js";
+import { a as ee } from "./revolugo.bformattedamount.vue_vue_type_script_setup_true_lang.WRP6nh8U.min.js";
+import { u as F, _ as fe, V as O, a as w, W as Je } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { V as I } from "./revolugo.vicon.mrg8OisO.min.js";
+import { a as z } from "./revolugo.vbtn.B-LYC8rJ.min.js";
+import { V as te } from "./revolugo.vsnackbar.DFnMGJQg.min.js";
+import { a as oe, c as Xe, R as Qe, u as et, g as tt, h as ot, i as st, j as it, k as nt } from "./revolugo.index.DZEISB0K.min.js";
+import { V as se, m as at, a as ie, b as rt } from "./revolugo.vwindowitem.BHzrfo73.min.js";
+import { V as ne, m as lt } from "./revolugo.vsheet.CDgBUxHk.min.js";
+import { V as G } from "./revolugo.vdivider.D1ITKKuu.min.js";
+import { V as ut } from "./revolugo.vcheckboxbtn.BGpOwRWV.min.js";
+function Pe(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const o = import.meta.url, s = o.slice(0, o.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(s);
+      for (const n of REVOLUGO_ELEMENTS_STYLES.components)
+        n(s);
+      if (e.indexOf("fonts") >= 0) {
+        const n = document.createElement("link");
+        n.rel = "stylesheet", linK.href = s, document.head.appendChild(n);
+      }
+    }
+  } catch (o) {
+    console.error("[revolugo-elements] ", o);
+  }
+}
+const he = {
+  HotelRoomOffersView: Ve,
+  PrebookForm: Oe
+}, ve = {
+  ...Ee,
+  ...Re(Ie, ["bookingId", "bookingPolicyId", "hotelRoomOffer"]),
+  features: {
+    default: () => he,
+    type: [Object, String]
+  }
+}, L = 1e3, $ = 60 * L, A = 60 * $, ae = 24 * A, re = "abort", le = "end", ue = "progress", ce = "start", de = "visibilitychange", ct = x({
+  beforeUnmount() {
+    document.removeEventListener(
+      de,
+      this.handleVisibilityChange
+    ), this.pause();
+  },
+  computed: {
+    /**
+     * Remaining days.
+     * @returns {number} The computed value.
+     */
+    days() {
+      return Math.floor(this.totalMilliseconds / ae);
+    },
+    /**
+     * Remaining hours.
+     * @returns {number} The computed value.
+     */
+    hours() {
+      return Math.floor(
+        this.totalMilliseconds % ae / A
+      );
+    },
+    /**
+     * Remaining milliseconds.
+     * @returns {number} The computed value.
+     */
+    milliseconds() {
+      return Math.floor(this.totalMilliseconds % L);
+    },
+    /**
+     * Remaining minutes.
+     * @returns {number} The computed value.
+     */
+    minutes() {
+      return Math.floor(
+        this.totalMilliseconds % A / $
+      );
+    },
+    /**
+     * Remaining seconds.
+     * @returns {number} The computed value.
+     */
+    seconds() {
+      return Math.floor(
+        this.totalMilliseconds % $ / L
+      );
+    },
+    /**
+     * Total remaining days.
+     * @returns {number} The computed value.
+     */
+    totalDays() {
+      return this.days;
+    },
+    /**
+     * Total remaining hours.
+     * @returns {number} The computed value.
+     */
+    totalHours() {
+      return Math.floor(this.totalMilliseconds / A);
+    },
+    /**
+     * Total remaining minutes.
+     * @returns {number} The computed value.
+     */
+    totalMinutes() {
+      return Math.floor(this.totalMilliseconds / $);
+    },
+    /**
+     * Total remaining seconds.
+     * @returns {number} The computed value.
+     */
+    totalSeconds() {
+      return Math.floor(this.totalMilliseconds / L);
+    }
+  },
+  data() {
+    return {
+      /**
+       * Automatically pause the countdown when the document is hidden.
+       * @type {boolean}
+       */
+      autoPauseOnHide: !1,
+      /**
+       * It is counting down.
+       * @type {boolean}
+       */
+      counting: !1,
+      /**
+       * The absolute end time.
+       * @type {number}
+       */
+      endTime: 0,
+      /**
+       * The request ID of the requestAnimationFrame.
+       * @type {number}
+       */
+      requestId: 0,
+      /**
+       * The remaining milliseconds.
+       * @type {number}
+       */
+      totalMilliseconds: 0
+    };
+  },
+  emits: [re, le, ue, ce],
+  methods: {
+    /**
+     * Aborts the countdown.
+     * @public
+     * @emits Countdown#abort
+     */
+    abort() {
+      this.counting && (this.pause(), this.counting = !1, this.emitEvents && this.$emit(re));
+    },
+    /**
+     * Continues the countdown.
+     * @private
+     */
+    continue() {
+      if (!this.counting)
+        return;
+      const e = Math.min(this.totalMilliseconds, this.interval);
+      if (e > 0) {
+        let o, s;
+        const n = (a) => {
+          o || (o = a), s || (s = a);
+          const r = a - o;
+          r >= e || // Avoid losing time about one second per minute (now - prev ≈ 16ms) (#43)
+          r + (a - s) / 2 >= e ? this.progress() : this.requestId = requestAnimationFrame(n), s = a;
+        };
+        this.requestId = requestAnimationFrame(n);
+      } else
+        this.end();
+    },
+    /**
+     * Ends the countdown.
+     * @public
+     * @emits Countdown#end
+     */
+    end() {
+      this.counting && (this.pause(), this.totalMilliseconds = 0, this.counting = !1, this.emitEvents && this.$emit(le));
+    },
+    /**
+     * visibility change event handler.
+     * @private
+     */
+    handleVisibilityChange() {
+      switch (document.visibilityState) {
+        case "visible":
+          this.requestId === 0 && this.autoPauseOnHide && (this.update(), this.continue()), this.autoPauseOnHide = !1;
+          break;
+        case "hidden":
+          this.requestId > 0 && (this.autoPauseOnHide = !0, this.pause());
+          break;
+      }
+    },
+    /**
+     * Pauses the countdown.
+     * @private
+     */
+    pause() {
+      cancelAnimationFrame(this.requestId), this.requestId = 0;
+    },
+    /**
+     * Progresses to countdown.
+     * @private
+     * @emits Countdown#progress
+     */
+    progress() {
+      this.counting && (this.update(), this.emitEvents && this.totalMilliseconds > 0 && this.$emit(ue, {
+        days: this.days,
+        hours: this.hours,
+        milliseconds: this.milliseconds,
+        minutes: this.minutes,
+        seconds: this.seconds,
+        totalDays: this.totalDays,
+        totalHours: this.totalHours,
+        totalMilliseconds: this.totalMilliseconds,
+        totalMinutes: this.totalMinutes,
+        totalSeconds: this.totalSeconds
+      }), this.continue());
+    },
+    /**
+     * Restarts the count.
+     * @public
+     */
+    restart() {
+      this.pause(), this.totalMilliseconds = this.time, this.endTime = this.now() + this.time, this.counting = !1, this.start();
+    },
+    /**
+     * Starts to countdown.
+     * @public
+     * @emits Countdown#start
+     */
+    start() {
+      this.counting || (this.counting = !0, this.autoStart || (this.totalMilliseconds = this.time, this.endTime = this.now() + this.time), this.emitEvents && this.$emit(ce), document.visibilityState === "visible" && this.continue());
+    },
+    /**
+     * Updates the count.
+     * @private
+     */
+    update() {
+      this.counting && (this.totalMilliseconds = Math.max(0, this.endTime - this.now()));
+    }
+  },
+  mounted() {
+    document.addEventListener(
+      de,
+      this.handleVisibilityChange
+    );
+  },
+  name: "VueCountdown",
+  props: {
+    /**
+     * Starts the countdown automatically when initialized.
+     */
+    autoStart: {
+      default: !0,
+      type: Boolean
+    },
+    /**
+     * Emits the countdown events.
+     */
+    emitEvents: {
+      default: !0,
+      type: Boolean
+    },
+    /**
+     * The interval time (in milliseconds) of the countdown progress.
+     */
+    interval: {
+      default: 1e3,
+      type: Number,
+      validator: (e) => e >= 0
+    },
+    /**
+     * Generate the current time of a specific time zone.
+     */
+    now: {
+      default: () => Date.now(),
+      type: Function
+    },
+    /**
+     * The tag name of the component's root element.
+     */
+    tag: {
+      default: "span",
+      type: String
+    },
+    /**
+     * The time (in milliseconds) to count down from.
+     */
+    time: {
+      default: 0,
+      type: Number,
+      validator: (e) => e >= 0
+    },
+    /**
+     * Transforms the output props before rendering.
+     */
+    transform: {
+      default: (e) => e,
+      type: Function
+    }
+  },
+  render() {
+    return Ce(
+      this.tag,
+      this.$slots.default ? [
+        this.$slots.default(
+          this.transform({
+            days: this.days,
+            hours: this.hours,
+            milliseconds: this.milliseconds,
+            minutes: this.minutes,
+            seconds: this.seconds,
+            totalDays: this.totalDays,
+            totalHours: this.totalHours,
+            totalMilliseconds: this.totalMilliseconds,
+            totalMinutes: this.totalMinutes,
+            totalSeconds: this.totalSeconds
+          })
+        )
+      ] : void 0
+    );
+  },
+  watch: {
+    $props: {
+      deep: !0,
+      /**
+       * Update the countdown when props changed.
+       */
+      handler() {
+        this.totalMilliseconds = this.time, this.endTime = this.now() + this.time, this.autoStart && this.start();
+      },
+      immediate: !0
+    }
+  }
+});
+var ge = /* @__PURE__ */ ((e) => (e[e.Idle = 1] = "Idle", e[e.Payment = 3] = "Payment", e[e.PaymentRequested = 4] = "PaymentRequested", e[e.PaymentSuccessful = 5] = "PaymentSuccessful", e[e.PreBook = 2] = "PreBook", e))(ge || {});
+const be = x({
+  components: {
+    CreditCardPayment: Ke,
+    HotelRoomOffersView: Be,
+    PrebookForm: Te,
+    VueCountdown: ct
+  },
+  computed: {
+    backButtonLabel() {
+      return [
+        2,
+        3
+        /* Payment */
+      ].includes(this.step) ? this.t("HotelRoomOffersBookingFlow.back") : this.t("HotelRoomOffersBookingFlow.makeNewBooking");
+    },
+    hotelRoomOffersViewProps() {
+      const e = {
+        ...this.lastRequest,
+        ...this.$props,
+        features: this.$props.features?.HotelRoomOffersView
+      };
+      return this.bookingPolicy && (e.adultCount = this.bookingPolicy.adultCount, e.children = this.bookingPolicy.children ?? null, e.checkInDate = this.bookingPolicy.checkInDate, e.checkOutDate = this.bookingPolicy.checkOutDate), e;
+    },
+    isWarningSnackarDisplayed() {
+      return this.warningSnackbarMessages.length > 0;
+    },
+    prebookFormProps() {
+      const e = {
+        ...this.$props,
+        ...this.lastRequest,
+        ...this.formdata,
+        features: this.$props.features?.PrebookForm
+      };
+      return this.bookingPolicy && (e.adultCount = this.bookingPolicy.adultCount, e.children = this.bookingPolicy.children ?? null, e.checkInDate = this.bookingPolicy.checkInDate, e.checkOutDate = this.bookingPolicy.checkOutDate), e;
+    },
+    transitionName() {
+      return this.direction > 0 ? "slide-in" : "slide-out";
+    }
+  },
+  created() {
+    this.$eventBus.$on(
+      S.BookingPolicyCreated,
+      this.onBookingPolicyCreated
+    ), this.$eventBus.$on(
+      S.HotelRoomOffersPriceIncreased,
+      ([e, o]) => {
+        this.warningSnackbarMessages.push(
+          this.t("HotelRoomOffersBookingFlow.warnings.price", {
+            from: ee({
+              amount: o.taxIncludedPrice,
+              currency: this.config.currency,
+              locale: this.$i18n.locale
+            }),
+            to: ee({
+              amount: e.taxIncludedPrice,
+              currency: this.config.currency,
+              locale: this.$i18n.locale
+            })
+          }).toString()
+        );
+      }
+    ), this.$eventBus.$on(S.CancellationPoliciesUpdated, () => {
+      this.warningSnackbarMessages.push(
+        this.t(
+          "HotelRoomOffersBookingFlow.warnings.cancellationPolicies"
+        ).toString()
+      );
+    }), this.$eventBus.$on(
+      S.HotelRoomOfferRequestCreated,
+      (e) => {
+        this.lastRequest = e;
+      }
+    ), this.$eventBus.$on(S.CurrencyUpdated, () => this.cancelBooking()), this.$eventBus.$on(S.BookingCreated, this.onBookingCreated), this.$eventBus.$on(S.PaymentSuccess, this.onPaymentSuccess), this.$eventBus.$on(S.PrebookForm, (e) => {
+      this.formdata = e;
+    });
+  },
+  data: () => ({
+    STEPS: ge,
+    booking: void 0,
+    bookingPolicy: void 0,
+    countdownSnackbar: !1,
+    direction: 1,
+    formdata: void 0,
+    lastRequest: void 0,
+    step: 1,
+    warningSnackbarMessages: []
+  }),
+  methods: {
+    cancelBooking() {
+      this.direction = -1, this.step = 1, this.bookingPolicy = void 0, this.booking = void 0, this.warningSnackbarMessages = [];
+    },
+    cancelPayment() {
+      this.direction = -1, this.step = 2;
+    },
+    onAfterLeave() {
+      this.direction = 1;
+    },
+    onBackButtonClick() {
+      [
+        2,
+        5
+        /* PaymentSuccessful */
+      ].includes(this.step) ? this.cancelBooking() : this.step === 3 && this.cancelPayment();
+    },
+    onBookingCreated(e) {
+      this.booking = e, e && (Q(), this.direction = 1, this.step = 3);
+    },
+    onBookingPolicyCreated(e) {
+      this.bookingPolicy = e, e && (Q(), this.direction = 1, this.step = 2);
+    },
+    onCountdownEnd() {
+      this.countdownSnackbar = !0, this.cancelBooking();
+    },
+    onPaymentSuccess() {
+      this.direction = 1, this.step = 5;
+    },
+    transformCountdownTimer(e) {
+      const o = {};
+      for (const [s, n] of Object.entries(e)) {
+        const a = n < 10 ? `0${n}` : n;
+        o[s] = `${a}`;
+      }
+      return o;
+    }
+  },
+  mixins: [
+    je,
+    Ze({
+      fallbackValue: he,
+      propsName: "features"
+    })
+  ],
+  props: ve,
+  setup() {
+    const { t: e } = _e();
+    return {
+      t: e
+    };
+  }
+});
+function me(e) {
+  const o = e;
+  o.__i18n = o.__i18n || [], o.__i18n.push({
+    locale: "",
+    resource: {
+      "en-US": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Go back" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Make a new reservation" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Your Selection" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Your Details" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Final Step" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Please complete registration and payment within 15 minutes." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "After 15 minutes, the reservation we're holding will be released to others." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sorry, you took too long to complete your reservation. You can still choose an offer." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "The selected rate's cancellation policies have changed and are more restrictive than previously stated." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "The selected rate's increased compared to the previous step from " }, { t: 4, k: "from" }, { t: 3, v: " to " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      },
+      "fr-FR": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Revenir en arrière" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Effectuer une nouvelle reservation" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Votre Sélection" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Vos Informations" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Dernière Étape" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Veuillez terminer votre réservation dans les 15 prochaines minutes." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Au-delà de 15 minutes, la réservation que nous retenons sera à nouveau disponible pour les autres." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Désolé, vous avez dépassé le délai pour finaliser votre réservation. Veuillez sélectionner de nouveau une offre." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Les conditions d'annulation de l'offre sélectionnée ont changées et sont plus contraignantes que celles de l'offre initialement sélectionnée." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "Le prix de l'offre sélectionnée a augmenté par rapport à l'étape précédente de " }, { t: 4, k: "from" }, { t: 3, v: " à " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      },
+      "de-DE": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Zurück" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Neue Reservierung erstellen" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ihre Auswahl" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ihre Angaben" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Letzter Schritt" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Bitte schließen Sie die Registrierung und Zahlung innerhalb von 15 Minuten ab." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Nach 15 Minuten wird die Reservierung, die wir halten, für andere freigegeben." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Es tut uns leid, Sie haben zu lange gebraucht, um Ihre Reservierung abzuschließen. Sie können trotzdem noch ein Angebot auswählen." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Die Stornierungsbedingungen des ausgewählten Tarifs haben sich geändert und sind restriktiver als zuvor angegeben." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "Der Preis des ausgewählten Tarifs hat sich im Vergleich zum vorherigen Schritt von " }, { t: 4, k: "from" }, { t: 3, v: " auf " }, { t: 4, k: "to" }, { t: 3, v: " erhöht." }] } }
+          }
+        }
+      },
+      "es-ES": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Volver atrás" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Hacer una nueva reserva" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Tu Selección" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Tus Datos" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Paso Final" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, complete el registro y el pago en 15 minutos." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Después de 15 minutos, la reserva que estamos reteniendo se liberará para otros." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Lo sentimos, tardaste demasiado en completar tu reserva. Aún puedes elegir una oferta." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Las políticas de cancelación de la tarifa seleccionada han cambiado y son más restrictivas de lo que se indicó anteriormente." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "El precio de la tarifa seleccionada ha aumentado en comparación con el paso anterior de " }, { t: 4, k: "from" }, { t: 3, v: " a " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      },
+      "it-IT": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Torna indietro" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Effettua una nuova prenotazione" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "La Tua Selezione" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "I Tuoi Dettagli" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Passaggio Finale" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Si prega di completare la registrazione e il pagamento entro 15 minuti." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Dopo 15 minuti, la prenotazione che stiamo trattenendo verrà rilasciata ad altri clienti." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Siamo spiacenti, hai impiegato troppo tempo per completare la prenotazione. Puoi comunque scegliere un'offerta." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Le politiche di cancellazione della tariffa selezionata sono cambiate e sono più restrittive di quanto dichiarato in precedenza." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "Il prezzo della tariffa selezionata è aumentato rispetto al passaggio precedente da " }, { t: 4, k: "from" }, { t: 3, v: " a " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      },
+      "nl-NL": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ga terug" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Maak een nieuwe reservering" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Uw Selectie" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Uw Gegevens" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Laatste Stap" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Voltooi de registratie en betaling binnen 15 minuten." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Na 15 minuten wordt de reservering die we vasthouden vrijgegeven aan anderen." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sorry, u hebt er te lang over gedaan om uw reservering te voltooien. U kunt nog steeds een aanbieding kiezen." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Het annuleringsbeleid van het geselecteerde tarief is gewijzigd en is restrictiever dan eerder vermeld." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "De prijs van het geselecteerde tarief is verhoogd ten opzichte van de vorige stap van " }, { t: 4, k: "from" }, { t: 3, v: " naar " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      },
+      "pt-PT": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Voltar" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Fazer uma nova reserva" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "A Sua Seleção" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Os Seus Dados" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Passo Final" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, complete o registo e o pagamento dentro de 15 minutos." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Após 15 minutos, a reserva que estamos a guardar será libertada para outros." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Desculpe, demorou demasiado tempo a concluir a sua reserva. Ainda pode escolher uma oferta." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "As políticas de cancelamento da tarifa selecionada foram alteradas e são mais restritivas do que o indicado anteriormente." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "O preço da tarifa selecionada aumentou em comparação com o passo anterior de " }, { t: 4, k: "from" }, { t: 3, v: " para " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      }
+    }
+  });
+}
+const Y = Symbol.for("vuetify:v-stepper"), ke = V({
+  color: String,
+  disabled: {
+    type: [Boolean, String],
+    default: !1
+  },
+  prevText: {
+    type: String,
+    default: "$vuetify.stepper.prev"
+  },
+  nextText: {
+    type: String,
+    default: "$vuetify.stepper.next"
+  }
+}, "VStepperActions"), dt = _()({
+  name: "VStepperActions",
+  props: ke(),
+  emits: {
+    "click:prev": () => !0,
+    "click:next": () => !0
+  },
+  setup(e, o) {
+    let {
+      emit: s,
+      slots: n
+    } = o;
+    const {
+      t: a
+    } = Fe();
+    function r() {
+      s("click:prev");
+    }
+    function u() {
+      s("click:next");
+    }
+    return F(() => {
+      const c = {
+        onClick: r
+      }, m = {
+        onClick: u
+      };
+      return t("div", {
+        class: "v-stepper-actions"
+      }, [t(oe, {
+        defaults: {
+          VBtn: {
+            disabled: ["prev", !0].includes(e.disabled),
+            text: a(e.prevText),
+            variant: "text"
+          }
+        }
+      }, {
+        default: () => [n.prev?.({
+          props: c
+        }) ?? t(z, c, null)]
+      }), t(oe, {
+        defaults: {
+          VBtn: {
+            color: e.color,
+            disabled: ["next", !0].includes(e.disabled),
+            text: a(e.nextText),
+            variant: "tonal"
+          }
+        }
+      }, {
+        default: () => [n.next?.({
+          props: m
+        }) ?? t(z, m, null)]
+      })]);
+    }), {};
+  }
+}), Se = Xe("v-stepper-header"), mt = V({
+  color: String,
+  title: String,
+  subtitle: String,
+  complete: Boolean,
+  completeIcon: {
+    type: P,
+    default: "$complete"
+  },
+  editable: Boolean,
+  editIcon: {
+    type: P,
+    default: "$edit"
+  },
+  error: Boolean,
+  errorIcon: {
+    type: P,
+    default: "$error"
+  },
+  icon: P,
+  ripple: {
+    type: [Boolean, Object],
+    default: !0
+  },
+  rules: {
+    type: Array,
+    default: () => []
+  }
+}, "StepperItem"), pt = V({
+  ...mt(),
+  ...st()
+}, "VStepperItem"), N = _()({
+  name: "VStepperItem",
+  directives: {
+    Ripple: Qe
+  },
+  props: pt(),
+  emits: {
+    "group:selected": (e) => !0
+  },
+  setup(e, o) {
+    let {
+      slots: s
+    } = o;
+    const n = et(e, Y, !0), a = d(() => n?.value.value ?? e.value), r = d(() => e.rules.every((R) => R() === !0)), u = d(() => !e.disabled && e.editable), c = d(() => !e.disabled && e.editable), m = d(() => e.error || !r.value), b = d(() => e.complete || e.rules.length > 0 && r.value), l = d(() => m.value ? e.errorIcon : b.value ? e.completeIcon : n.isSelected.value && e.editable ? e.editIcon : e.icon), v = d(() => ({
+      canEdit: c.value,
+      hasError: m.value,
+      hasCompleted: b.value,
+      title: e.title,
+      subtitle: e.subtitle,
+      step: a.value,
+      value: e.value
+    }));
+    return F(() => {
+      const R = (!n || n.isSelected.value || b.value || c.value) && !m.value && !e.disabled, W = !!(e.title != null || s.title), M = !!(e.subtitle != null || s.subtitle);
+      function D() {
+        n?.toggle();
+      }
+      return Me(t("button", {
+        class: ["v-stepper-item", {
+          "v-stepper-item--complete": b.value,
+          "v-stepper-item--disabled": e.disabled,
+          "v-stepper-item--error": m.value
+        }, n?.selectedClass.value],
+        disabled: !e.editable,
+        type: "button",
+        onClick: D
+      }, [u.value && tt(!0, "v-stepper-item"), t(ot, {
+        key: "stepper-avatar",
+        class: "v-stepper-item__avatar",
+        color: R ? e.color : void 0,
+        size: 24
+      }, {
+        default: () => [s.icon?.(v.value) ?? (l.value ? t(I, {
+          icon: l.value
+        }, null) : a.value)]
+      }), t("div", {
+        class: "v-stepper-item__content"
+      }, [W && t("div", {
+        key: "title",
+        class: "v-stepper-item__title"
+      }, [s.title?.(v.value) ?? e.title]), M && t("div", {
+        key: "subtitle",
+        class: "v-stepper-item__subtitle"
+      }, [s.subtitle?.(v.value) ?? e.subtitle]), s.default?.(v.value)])]), [[De("ripple"), e.ripple && e.editable, null]]);
+    }), {};
+  }
+}), ft = V({
+  ...$e(at(), ["continuous", "nextIcon", "prevIcon", "showArrows", "touch", "mandatory"])
+}, "VStepperWindow"), ht = _()({
+  name: "VStepperWindow",
+  props: ft(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, o) {
+    let {
+      slots: s
+    } = o;
+    const n = He(Y, null), a = Le(e, "modelValue"), r = d({
+      get() {
+        return a.value != null || !n ? a.value : n.items.value.find((u) => n.selected.value.includes(u.id))?.value;
+      },
+      set(u) {
+        a.value = u;
+      }
+    });
+    return F(() => {
+      const u = se.filterProps(e);
+      return t(se, C({
+        _as: "VStepperWindow"
+      }, u, {
+        modelValue: r.value,
+        "onUpdate:modelValue": (c) => r.value = c,
+        class: ["v-stepper-window", e.class],
+        style: e.style,
+        mandatory: !1,
+        touch: !1
+      }), s);
+    }), {};
+  }
+}), vt = V({
+  ...rt()
+}, "VStepperWindowItem"), gt = _()({
+  name: "VStepperWindowItem",
+  props: vt(),
+  setup(e, o) {
+    let {
+      slots: s
+    } = o;
+    return F(() => {
+      const n = ie.filterProps(e);
+      return t(ie, C({
+        _as: "VStepperWindowItem"
+      }, n, {
+        class: ["v-stepper-window-item", e.class],
+        style: e.style
+      }), s);
+    }), {};
+  }
+}), bt = V({
+  altLabels: Boolean,
+  bgColor: String,
+  completeIcon: P,
+  editIcon: P,
+  editable: Boolean,
+  errorIcon: P,
+  hideActions: Boolean,
+  items: {
+    type: Array,
+    default: () => []
+  },
+  itemTitle: {
+    type: String,
+    default: "title"
+  },
+  itemValue: {
+    type: String,
+    default: "value"
+  },
+  nonLinear: Boolean,
+  flat: Boolean,
+  ...qe()
+}, "Stepper"), kt = V({
+  ...bt(),
+  ...nt({
+    mandatory: "force",
+    selectedClass: "v-stepper-item--selected"
+  }),
+  ...lt(),
+  ...We(ke(), ["prevText", "nextText"])
+}, "VStepper"), St = _()({
+  name: "VStepper",
+  props: kt(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, o) {
+    let {
+      slots: s
+    } = o;
+    const {
+      items: n,
+      next: a,
+      prev: r,
+      selected: u
+    } = it(e, Y), {
+      displayClasses: c,
+      mobile: m
+    } = Ae(e), {
+      completeIcon: b,
+      editIcon: l,
+      errorIcon: v,
+      color: R,
+      editable: W,
+      prevText: M,
+      nextText: D
+    } = Ne(e), j = d(() => e.items.map((k, q) => {
+      const H = J(k, e.itemTitle, k), U = J(k, e.itemValue, q + 1);
+      return {
+        title: H,
+        value: U,
+        raw: k
+      };
+    })), K = d(() => n.value.findIndex((k) => u.value.includes(k.id))), ye = d(() => e.disabled ? e.disabled : K.value === 0 ? "prev" : K.value === n.value.length - 1 ? "next" : !1);
+    return ze({
+      VStepperItem: {
+        editable: W,
+        errorIcon: v,
+        completeIcon: b,
+        editIcon: l,
+        prevText: M,
+        nextText: D
+      },
+      VStepperActions: {
+        color: R,
+        disabled: ye,
+        prevText: M,
+        nextText: D
+      }
+    }), F(() => {
+      const k = ne.filterProps(e), q = !!(s.header || e.items.length), H = e.items.length > 0, U = !e.hideActions && !!(H || s.actions);
+      return t(ne, C(k, {
+        color: e.bgColor,
+        class: ["v-stepper", {
+          "v-stepper--alt-labels": e.altLabels,
+          "v-stepper--flat": e.flat,
+          "v-stepper--non-linear": e.nonLinear,
+          "v-stepper--mobile": m.value
+        }, c.value, e.class],
+        style: e.style
+      }), {
+        default: () => [q && t(Se, {
+          key: "stepper-header"
+        }, {
+          default: () => [j.value.map((E, we) => {
+            let {
+              raw: Ft,
+              ...Z
+            } = E;
+            return t(pe, null, [!!we && t(G, null, null), t(N, Z, {
+              default: s[`header-item.${Z.value}`] ?? s.header,
+              icon: s.icon,
+              title: s.title,
+              subtitle: s.subtitle
+            })]);
+          })]
+        }), H && t(ht, {
+          key: "stepper-window"
+        }, {
+          default: () => [j.value.map((E) => t(gt, {
+            value: E.value
+          }, {
+            default: () => s[`item.${E.value}`]?.(E) ?? s.item?.(E)
+          }))]
+        }), s.default?.({
+          prev: r,
+          next: a
+        }), U && (s.actions?.({
+          next: a,
+          prev: r
+        }) ?? t(dt, {
+          key: "stepper-actions",
+          "onClick:prev": r,
+          "onClick:next": a
+        }, s))]
+      });
+    }), {
+      prev: r,
+      next: a
+    };
+  }
+}), yt = { class: "pl-3" }, wt = { class: "text-grey-darken-3 font-weight-bold" }, Pt = { class: "text-grey-darken-3 font-weight-bold" }, Vt = { class: "text-grey-darken-3 font-weight-bold" }, Et = { class: "text-h5 mx-sm-2 px-sm-2 mx-md-6 px-md-6 mx-lg-10 px-lg-10 mx-xl-16 px-xl-16" }, Bt = { class: "pl-5 ma-0" }, Ot = { class: "font-weight-bold" }, It = { class: "font-weight-bold" };
+function Tt(e, o, s, n, a, r) {
+  const u = T("VueCountdown"), c = T("PrebookForm"), m = T("CreditCardPayment"), b = T("HotelRoomOffersView");
+  return p(), g(O, { dense: "" }, {
+    default: i(() => [
+      t(te, {
+        modelValue: e.isWarningSnackarDisplayed,
+        "onUpdate:modelValue": o[0] || (o[0] = (l) => e.isWarningSnackarDisplayed = l),
+        color: "warning",
+        class: "elevation-0",
+        "max-width": "1000px",
+        timeout: -1,
+        location: "top"
+      }, {
+        actions: i(({ isActive: l }) => [
+          t(z, {
+            color: "white",
+            variant: "text",
+            onClick: () => {
+              l.value = !1, e.warningSnackbarMessages = [];
+            }
+          }, {
+            default: i(() => [
+              t(I, {
+                color: "white",
+                size: "16"
+              }, {
+                default: i(() => o[4] || (o[4] = [
+                  y(" fas fa-times ")
+                ])),
+                _: 1,
+                __: [4]
+              })
+            ]),
+            _: 2
+          }, 1032, ["onClick"])
+        ]),
+        default: i(() => [
+          (p(!0), X(pe, null, Ue(e.warningSnackbarMessages, (l, v) => (p(), X("p", {
+            key: v,
+            class: "text-white ma-0"
+          }, [
+            v === 0 ? (p(), g(I, {
+              key: 0,
+              color: "white",
+              size: "20"
+            }, {
+              default: i(() => o[3] || (o[3] = [
+                y(" fas fa-triangle-exclamation ")
+              ])),
+              _: 1,
+              __: [3]
+            })) : B("", !0),
+            f("span", yt, h(l), 1)
+          ]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(w, null, {
+        default: i(() => [
+          [e.STEPS.PreBook, e.STEPS.Payment, e.STEPS.PaymentSuccessful].includes(e.step) ? (p(), g(O, {
+            key: 0,
+            dense: ""
+          }, {
+            default: i(() => [
+              t(w, {
+                "align-self": "center",
+                cols: "12",
+                sm: "3"
+              }, {
+                default: i(() => [
+                  t(z, {
+                    variant: "text",
+                    size: "x-small",
+                    onClick: e.onBackButtonClick
+                  }, {
+                    default: i(() => [
+                      t(I, {
+                        start: "",
+                        size: "x-small"
+                      }, {
+                        default: i(() => o[5] || (o[5] = [
+                          y(" fas fa-arrow-left ")
+                        ])),
+                        _: 1,
+                        __: [5]
+                      }),
+                      y(" " + h(e.backButtonLabel), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              }),
+              [e.STEPS.PreBook, e.STEPS.Payment, e.STEPS.PaymentSuccessful].includes(
+                e.step
+              ) ? (p(), g(w, {
+                key: 0,
+                cols: "12",
+                sm: "9"
+              }, {
+                default: i(() => [
+                  t(St, {
+                    class: "bg-transparent",
+                    modelValue: e.step,
+                    "onUpdate:modelValue": o[1] || (o[1] = (l) => e.step = l),
+                    elevation: "0"
+                  }, {
+                    default: i(() => [
+                      t(Se, { color: "primary" }, {
+                        default: i(() => [
+                          t(N, {
+                            color: "primary",
+                            complete: "",
+                            value: e.STEPS.Idle
+                          }, {
+                            default: i(() => [
+                              f("small", wt, h(e.t("HotelRoomOffersBookingFlow.steps.yourSelection")), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["value"]),
+                          t(G),
+                          t(N, {
+                            color: "primary",
+                            complete: [e.STEPS.PaymentSuccessful, e.STEPS.Payment].includes(e.step),
+                            value: e.STEPS.PreBook
+                          }, {
+                            default: i(() => [
+                              f("small", Pt, h(e.t("HotelRoomOffersBookingFlow.steps.yourDetails")), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["complete", "value"]),
+                          t(G),
+                          t(N, {
+                            color: "primary",
+                            complete: e.step === e.STEPS.PaymentSuccessful,
+                            value: e.STEPS.Payment
+                          }, {
+                            default: i(() => [
+                              f("small", Vt, h(e.t("HotelRoomOffersBookingFlow.steps.finalStep")), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["complete", "value"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : B("", !0)
+            ]),
+            _: 1
+          })) : B("", !0),
+          [e.STEPS.PreBook, e.STEPS.Payment].includes(e.step) ? (p(), g(O, {
+            key: 1,
+            dense: ""
+          }, {
+            default: i(() => [
+              t(w, null, {
+                default: i(() => [
+                  t(ut, {
+                    color: "primary",
+                    border: "start",
+                    "border-color": "primary",
+                    variant: "tonal",
+                    prominent: "",
+                    type: "info"
+                  }, {
+                    prepend: i(() => [
+                      f("b", Et, [
+                        t(I, {
+                          class: "d-none d-md-inline-block mr-2 mb-1",
+                          color: "primary",
+                          size: "24px"
+                        }, {
+                          default: i(() => o[6] || (o[6] = [
+                            y(" fas fa-stopwatch")
+                          ])),
+                          _: 1,
+                          __: [6]
+                        }),
+                        t(u, {
+                          time: 900 * 1e3,
+                          transform: e.transformCountdownTimer,
+                          onEnd: e.onCountdownEnd
+                        }, {
+                          default: i((l) => [
+                            y(h(l.minutes) + ":" + h(l.seconds), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["transform", "onEnd"])
+                      ])
+                    ]),
+                    default: i(() => [
+                      f("p", Bt, [
+                        f("span", Ot, h(e.t("HotelRoomOffersBookingFlow.timer1")), 1),
+                        o[7] || (o[7] = f("br", null, null, -1)),
+                        f("span", It, h(e.t("HotelRoomOffersBookingFlow.timer2")), 1)
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : B("", !0),
+          t(te, {
+            modelValue: e.countdownSnackbar,
+            "onUpdate:modelValue": o[2] || (o[2] = (l) => e.countdownSnackbar = l),
+            color: "warning",
+            class: "elevation-0",
+            timeout: "10000",
+            location: "top"
+          }, {
+            default: i(() => [
+              t(I, { class: "px-4" }, {
+                default: i(() => o[8] || (o[8] = [
+                  y(" fas fa-hourglass-end ")
+                ])),
+                _: 1,
+                __: [8]
+              }),
+              f("span", null, h(e.t("HotelRoomOffersBookingFlow.timerEnd")), 1)
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          t(Ge, {
+            name: e.transitionName,
+            onAfterLeave: e.onAfterLeave
+          }, {
+            default: i(() => [
+              t(O, { "no-gutters": "" }, {
+                default: i(() => [
+                  t(w, null, {
+                    default: i(() => [
+                      e.step === e.STEPS.PreBook ? (p(), g(O, {
+                        key: 0,
+                        "no-gutters": ""
+                      }, {
+                        default: i(() => [
+                          t(w, null, {
+                            default: i(() => [
+                              t(c, C(e.prebookFormProps, {
+                                "booking-policy-id": e.bookingPolicy?.id,
+                                features: e.parsedFeatures.PrebookForm,
+                                "hotel-room-offer": e.bookingPolicy?.hotelRoomOffer
+                              }), null, 16, ["booking-policy-id", "features", "hotel-room-offer"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })) : B("", !0),
+                      [e.STEPS.Payment, e.STEPS.PaymentSuccessful].includes(e.step) ? (p(), g(O, {
+                        key: 1,
+                        "no-gutters": ""
+                      }, {
+                        default: i(() => [
+                          t(w, null, {
+                            default: i(() => [
+                              t(m, {
+                                token: e.booking?.token
+                              }, null, 8, ["token"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })) : e.step === e.STEPS.Idle ? (p(), g(b, C({ key: 2 }, e.hotelRoomOffersViewProps, {
+                        features: e.parsedFeatures.HotelRoomOffersView
+                      }), null, 16, ["features"])) : B("", !0)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["name", "onAfterLeave"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+typeof me == "function" && me(be);
+const Rt = /* @__PURE__ */ fe(be, [["render", Tt], ["__scopeId", "data-v-17bd38d1"]]), Ct = x({
+  components: {
+    HotelRoomOffersBookingFlow: Rt,
+    WebComponentWrapper: Je
+  },
+  props: ve
+});
+function _t(e, o, s, n, a, r) {
+  const u = T("HotelRoomOffersBookingFlow", !0), c = T("WebComponentWrapper");
+  return p(), g(c, null, {
+    default: i(() => [
+      t(u, xe(Ye(e.$props)), null, 16)
+    ]),
+    _: 1
+  });
+}
+const Jt = /* @__PURE__ */ fe(Ct, [["render", _t]]);
+Pe("css/revolugo.hotelroomoffersbookingflow.LHa5iHB7.css");
+export {
+  Jt as default
+};
+//# sourceMappingURL=revolugo.hotelroomoffersbookingflow.BS4Fa2EH.min.js.map