@revolugo/elements 5.5.1-beta.1 → 5.5.1-beta.10

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

@@ -0,0 +1,679 @@
+import { o as T, V as B } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { a as $, h as x, H as L } from "./revolugo.hotelroomoffersview.217ygoUj.min.js";
+import { a as F, p as I, P as D } from "./revolugo.prebookform.QT7QI1LP.min.js";
+import { i as N, k as A, c as C, E as r } from "./revolugo.revolugo-config.B9n_CElG.min.js";
+import { H as U } from "./revolugo.hotelroomofferrequestcreator.Cqzw_aE0.min.js";
+import { C as V } from "./revolugo.creditcardpayment.80nyDUq9.min.js";
+import { m as O, C as H, l as Y, n as P, _ as c, a, W as K } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+import { p as q, _ as v } from "./revolugo.parsed-props.B6q7Ax-9.min.js";
+import { s as E } from "./revolugo.common.BavAKcPL.min.js";
+import { _ } from "./revolugo.vsheet.BWJwctvS.min.js";
+import { p as G, _ as u, i as W } from "./revolugo.index.CMpCToBI.min.js";
+import { P as j } from "./revolugo.index.B8RjdKfF.min.js";
+import { r as z } from "./revolugo.vuetify.BEdap6Ni.min.js";
+import { _ as S } from "./revolugo.vsnackbar.BGJVdHRT.min.js";
+import { _ as k } from "./revolugo.vbtn.BNPhP-XR.min.js";
+import { _ as Q } from "./revolugo.valert.tamLbGMZ.min.js";
+function R(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, s = t.slice(0, t.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(s);
+      for (const o of REVOLUGO_ELEMENTS_STYLES.components)
+        o(s);
+      if (e.indexOf("fonts") >= 0) {
+        const o = document.createElement("link");
+        o.rel = "stylesheet", linK.href = s, document.head.appendChild(o);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const J = O(_, G("stepper"), j), X = J.extend({
+  name: "v-stepper",
+  provide() {
+    return {
+      stepClick: this.stepClick,
+      isVertical: this.vertical
+    };
+  },
+  props: {
+    altLabels: Boolean,
+    nonLinear: Boolean,
+    flat: Boolean,
+    vertical: Boolean
+  },
+  data() {
+    const e = {
+      isBooted: !1,
+      steps: [],
+      content: [],
+      isReverse: !1
+    };
+    return e.internalLazyValue = this.value != null ? this.value : (e[0] || {}).step || 1, e;
+  },
+  computed: {
+    classes() {
+      return {
+        "v-stepper--flat": this.flat,
+        "v-stepper--is-booted": this.isBooted,
+        "v-stepper--vertical": this.vertical,
+        "v-stepper--alt-labels": this.altLabels,
+        "v-stepper--non-linear": this.nonLinear,
+        ..._.options.computed.classes.call(this)
+      };
+    },
+    styles() {
+      return {
+        ..._.options.computed.styles.call(this)
+      };
+    }
+  },
+  watch: {
+    internalValue(e, t) {
+      this.isReverse = Number(e) < Number(t), t && (this.isBooted = !0), this.updateView();
+    }
+  },
+  created() {
+    this.$listeners.input && N("@input", "@change", this);
+  },
+  mounted() {
+    this.updateView();
+  },
+  methods: {
+    register(e) {
+      e.$options.name === "v-stepper-step" ? this.steps.push(e) : e.$options.name === "v-stepper-content" && (e.isVertical = this.vertical, this.content.push(e));
+    },
+    unregister(e) {
+      e.$options.name === "v-stepper-step" ? this.steps = this.steps.filter((t) => t !== e) : e.$options.name === "v-stepper-content" && (e.isVertical = this.vertical, this.content = this.content.filter((t) => t !== e));
+    },
+    stepClick(e) {
+      this.$nextTick(() => this.internalValue = e);
+    },
+    updateView() {
+      for (let e = this.steps.length; --e >= 0; )
+        this.steps[e].toggle(this.internalValue);
+      for (let e = this.content.length; --e >= 0; )
+        this.content[e].toggle(this.internalValue, this.isReverse);
+    }
+  },
+  render(e) {
+    return e(this.tag, {
+      staticClass: "v-stepper",
+      class: this.classes,
+      style: this.styles
+    }, this.$slots.default);
+  }
+}), Z = O(H, W("stepper", "v-stepper-step", "v-stepper")), m = Z.extend().extend({
+  name: "v-stepper-step",
+  directives: {
+    ripple: z
+  },
+  inject: ["stepClick"],
+  props: {
+    color: {
+      type: String,
+      default: "primary"
+    },
+    complete: Boolean,
+    completeIcon: {
+      type: String,
+      default: "$complete"
+    },
+    editable: Boolean,
+    editIcon: {
+      type: String,
+      default: "$edit"
+    },
+    errorIcon: {
+      type: String,
+      default: "$error"
+    },
+    rules: {
+      type: Array,
+      default: () => []
+    },
+    step: [Number, String]
+  },
+  data() {
+    return {
+      isActive: !1,
+      isInactive: !0
+    };
+  },
+  computed: {
+    classes() {
+      return {
+        "v-stepper__step--active": this.isActive,
+        "v-stepper__step--editable": this.editable,
+        "v-stepper__step--inactive": this.isInactive,
+        "v-stepper__step--error error--text": this.hasError,
+        "v-stepper__step--complete": this.complete
+      };
+    },
+    hasError() {
+      return this.rules.some((e) => e() !== !0);
+    }
+  },
+  mounted() {
+    this.stepper && this.stepper.register(this);
+  },
+  beforeDestroy() {
+    this.stepper && this.stepper.unregister(this);
+  },
+  methods: {
+    click(e) {
+      e.stopPropagation(), this.$emit("click", e), this.editable && this.stepClick(this.step);
+    },
+    genIcon(e) {
+      return this.$createElement(u, e);
+    },
+    genLabel() {
+      return this.$createElement("div", {
+        staticClass: "v-stepper__label"
+      }, this.$slots.default);
+    },
+    genStep() {
+      const e = !this.hasError && (this.complete || this.isActive) ? this.color : !1;
+      return this.$createElement("span", this.setBackgroundColor(e, {
+        staticClass: "v-stepper__step__step"
+      }), this.genStepContent());
+    },
+    genStepContent() {
+      const e = [];
+      return this.hasError ? e.push(this.genIcon(this.errorIcon)) : this.complete ? this.editable ? e.push(this.genIcon(this.editIcon)) : e.push(this.genIcon(this.completeIcon)) : e.push(String(this.step)), e;
+    },
+    keyboardClick(e) {
+      e.keyCode === A.space && this.click(e);
+    },
+    toggle(e) {
+      this.isActive = e.toString() === this.step.toString(), this.isInactive = Number(e) < Number(this.step);
+    }
+  },
+  render(e) {
+    return e("div", {
+      attrs: {
+        tabindex: this.editable ? 0 : -1
+      },
+      staticClass: "v-stepper__step",
+      class: this.classes,
+      directives: [{
+        name: "ripple",
+        value: this.editable
+      }],
+      on: {
+        click: this.click,
+        keydown: this.keyboardClick
+      }
+    }, [this.genStep(), this.genLabel()]);
+  }
+}), tt = C("v-stepper__header");
+C("v-stepper__items");
+const et = {
+  HotelRoomOffersView: $,
+  PrebookForm: F
+}, w = {
+  ...x,
+  ...T(I, ["bookingId", "bookingPolicyId", "hotelRoomOffer"]),
+  features: {
+    default: () => et,
+    type: [Object, String]
+  }
+};
+/*!
+ * vue-countdown v1.1.5
+ * https://fengyuanchen.github.io/vue-countdown
+ *
+ * Copyright 2018-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2020-02-25T01:19:32.769Z
+ */
+var h = 1e3, d = 60 * h, f = 60 * d, b = 24 * f, y = "visibilitychange", st = {
+  name: "countdown",
+  data: function() {
+    return {
+      /**
+       * It is counting down.
+       * @type {boolean}
+       */
+      counting: !1,
+      /**
+       * The absolute end time.
+       * @type {number}
+       */
+      endTime: 0,
+      /**
+       * The remaining milliseconds.
+       * @type {number}
+       */
+      totalMilliseconds: 0
+    };
+  },
+  props: {
+    /**
+     * Starts the countdown automatically when initialized.
+     */
+    autoStart: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Emits the countdown events.
+     */
+    emitEvents: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * The interval time (in milliseconds) of the countdown progress.
+     */
+    interval: {
+      type: Number,
+      default: 1e3,
+      validator: function(t) {
+        return t >= 0;
+      }
+    },
+    /**
+     * Generate the current time of a specific time zone.
+     */
+    now: {
+      type: Function,
+      default: function() {
+        return Date.now();
+      }
+    },
+    /**
+     * The tag name of the component's root element.
+     */
+    tag: {
+      type: String,
+      default: "span"
+    },
+    /**
+     * The time (in milliseconds) to count down from.
+     */
+    time: {
+      type: Number,
+      default: 0,
+      validator: function(t) {
+        return t >= 0;
+      }
+    },
+    /**
+     * Transforms the output props before render.
+     */
+    transform: {
+      type: Function,
+      default: function(t) {
+        return t;
+      }
+    }
+  },
+  computed: {
+    /**
+     * Remaining days.
+     * @returns {number} The computed value.
+     */
+    days: function() {
+      return Math.floor(this.totalMilliseconds / b);
+    },
+    /**
+     * Remaining hours.
+     * @returns {number} The computed value.
+     */
+    hours: function() {
+      return Math.floor(this.totalMilliseconds % b / f);
+    },
+    /**
+     * Remaining minutes.
+     * @returns {number} The computed value.
+     */
+    minutes: function() {
+      return Math.floor(this.totalMilliseconds % f / d);
+    },
+    /**
+     * Remaining seconds.
+     * @returns {number} The computed value.
+     */
+    seconds: function() {
+      return Math.floor(this.totalMilliseconds % d / h);
+    },
+    /**
+     * Remaining milliseconds.
+     * @returns {number} The computed value.
+     */
+    milliseconds: function() {
+      return Math.floor(this.totalMilliseconds % h);
+    },
+    /**
+     * Total remaining days.
+     * @returns {number} The computed value.
+     */
+    totalDays: function() {
+      return this.days;
+    },
+    /**
+     * Total remaining hours.
+     * @returns {number} The computed value.
+     */
+    totalHours: function() {
+      return Math.floor(this.totalMilliseconds / f);
+    },
+    /**
+     * Total remaining minutes.
+     * @returns {number} The computed value.
+     */
+    totalMinutes: function() {
+      return Math.floor(this.totalMilliseconds / d);
+    },
+    /**
+     * Total remaining seconds.
+     * @returns {number} The computed value.
+     */
+    totalSeconds: function() {
+      return Math.floor(this.totalMilliseconds / h);
+    }
+  },
+  render: function(t) {
+    return t(this.tag, this.$scopedSlots.default ? [this.$scopedSlots.default(this.transform({
+      days: this.days,
+      hours: this.hours,
+      minutes: this.minutes,
+      seconds: this.seconds,
+      milliseconds: this.milliseconds,
+      totalDays: this.totalDays,
+      totalHours: this.totalHours,
+      totalMinutes: this.totalMinutes,
+      totalSeconds: this.totalSeconds,
+      totalMilliseconds: this.totalMilliseconds
+    }))] : this.$slots.default);
+  },
+  watch: {
+    $props: {
+      deep: !0,
+      immediate: !0,
+      /**
+       * Update the countdown when props changed.
+       */
+      handler: function() {
+        this.totalMilliseconds = this.time, this.endTime = this.now() + this.time, this.autoStart && this.start();
+      }
+    }
+  },
+  methods: {
+    /**
+     * Starts to countdown.
+     * @public
+     * @emits Countdown#start
+     */
+    start: function() {
+      this.counting || (this.counting = !0, this.emitEvents && this.$emit("start"), document.visibilityState === "visible" && this.continue());
+    },
+    /**
+     * Continues the countdown.
+     * @private
+     */
+    continue: function() {
+      var t = this;
+      if (this.counting) {
+        var s = Math.min(this.totalMilliseconds, this.interval);
+        if (s > 0)
+          if (window.requestAnimationFrame) {
+            var o, n, p = function i(l) {
+              o || (o = l), n || (n = l);
+              var g = l - o;
+              g >= s || g + (l - n) / 2 >= s ? t.progress() : t.requestId = requestAnimationFrame(i), n = l;
+            };
+            this.requestId = requestAnimationFrame(p);
+          } else
+            this.timeoutId = setTimeout(function() {
+              t.progress();
+            }, s);
+        else
+          this.end();
+      }
+    },
+    /**
+     * Pauses the countdown.
+     * @private
+     */
+    pause: function() {
+      window.requestAnimationFrame ? cancelAnimationFrame(this.requestId) : clearTimeout(this.timeoutId);
+    },
+    /**
+     * Progresses to countdown.
+     * @private
+     * @emits Countdown#progress
+     */
+    progress: function() {
+      this.counting && (this.totalMilliseconds -= this.interval, this.emitEvents && this.totalMilliseconds > 0 && this.$emit("progress", {
+        days: this.days,
+        hours: this.hours,
+        minutes: this.minutes,
+        seconds: this.seconds,
+        milliseconds: this.milliseconds,
+        totalDays: this.totalDays,
+        totalHours: this.totalHours,
+        totalMinutes: this.totalMinutes,
+        totalSeconds: this.totalSeconds,
+        totalMilliseconds: this.totalMilliseconds
+      }), this.continue());
+    },
+    /**
+     * Aborts the countdown.
+     * @public
+     * @emits Countdown#abort
+     */
+    abort: function() {
+      this.counting && (this.pause(), this.counting = !1, this.emitEvents && this.$emit("abort"));
+    },
+    /**
+     * Ends the countdown.
+     * @public
+     * @emits Countdown#end
+     */
+    end: function() {
+      this.counting && (this.pause(), this.totalMilliseconds = 0, this.counting = !1, this.emitEvents && this.$emit("end"));
+    },
+    /**
+     * Updates the count.
+     * @private
+     */
+    update: function() {
+      this.counting && (this.totalMilliseconds = Math.max(0, this.endTime - this.now()));
+    },
+    /**
+     * visibility change event handler.
+     * @private
+     */
+    handleVisibilityChange: function() {
+      switch (document.visibilityState) {
+        case "visible":
+          this.update(), this.continue();
+          break;
+        case "hidden":
+          this.pause();
+          break;
+      }
+    }
+  },
+  mounted: function() {
+    document.addEventListener(y, this.handleVisibilityChange);
+  },
+  beforeDestroy: function() {
+    document.removeEventListener(y, this.handleVisibilityChange), this.pause();
+  }
+}, M = /* @__PURE__ */ ((e) => (e[e.IDLE = 1] = "IDLE", e[e.PAYMENT = 3] = "PAYMENT", e[e.PAYMENT_REQUESTED = 4] = "PAYMENT_REQUESTED", e[e.PAYMENT_SUCCESSFUL = 5] = "PAYMENT_SUCCESSFUL", e[e.PRE_BOOK = 2] = "PRE_BOOK", e))(M || {});
+const ot = U.extend({
+  components: {
+    HotelRoomOffersView: L,
+    PrebookForm: D,
+    CreditCardPayment: V,
+    VueCountdown: st
+  },
+  mixins: [
+    Y("components/RevolugoElements/HotelRoomOffersBookingFlow"),
+    q({
+      fallbackValue: {},
+      propsName: "features"
+    })
+  ],
+  props: w,
+  data: () => ({
+    bookingPolicy: void 0,
+    booking: void 0,
+    countdownSnackbar: !1,
+    direction: 1,
+    formdata: void 0,
+    lastRequest: void 0,
+    step: 1,
+    STEPS: M,
+    isCPSnackbarDisplayed: !1
+  }),
+  computed: {
+    backButtonLabel() {
+      return [
+        2,
+        3
+        /* PAYMENT */
+      ].includes(this.step) ? this.$t("HotelRoomOffersBookingFlow.back") : this.$t("HotelRoomOffersBookingFlow.makeNewBooking");
+    },
+    transitionName() {
+      return this.direction > 0 ? "slide-in" : "slide-out";
+    },
+    prebookFormProps() {
+      const e = {
+        ...this.$props,
+        ...this.lastRequest,
+        ...this.formdata
+      };
+      return this.bookingPolicy && (e.adultCount = this.bookingPolicy.adultCount, e.children = this.bookingPolicy.children, e.checkInDate = this.bookingPolicy.checkInDate, e.checkOutDate = this.bookingPolicy.checkOutDate), e;
+    },
+    hotelRoomOffersViewProps() {
+      const e = {
+        ...this.lastRequest,
+        ...this.$props
+      };
+      return this.bookingPolicy && (e.adultCount = this.bookingPolicy.adultCount, e.children = this.bookingPolicy.children, e.checkInDate = this.bookingPolicy.checkInDate, e.checkOutDate = this.bookingPolicy.checkOutDate), e;
+    }
+  },
+  created() {
+    this.$eventBus.$on(
+      r.BOOKING_POLICY_CREATED,
+      // eslint-disable-next-line @typescript-eslint/unbound-method
+      this.onBookingPolicyCreated
+    ), this.$eventBus.$on(r.CANCELLATION_POLICIES_UPDATED, () => {
+      this.isCPSnackbarDisplayed = !0;
+    }), this.$eventBus.$on(
+      r.HOTEL_ROOM_OFFER_REQUEST_CREATED,
+      (e) => {
+        this.lastRequest = e;
+      }
+    ), this.$eventBus.$on(r.CURRENCY_UPDATED, () => this.cancelBooking()), this.$eventBus.$on(r.BOOKING_CREATED, this.onBookingCreated), this.$eventBus.$on(r.PAYMENT_SUCCESS, this.onPaymentSuccess), this.$eventBus.$on(r.PREBOOK_FORM, (e) => {
+      this.formdata = e;
+    });
+  },
+  methods: {
+    cancelBooking() {
+      this.direction = -1, this.step = 1, this.bookingPolicy = void 0, this.booking = void 0, this.isCPSnackbarDisplayed = !1;
+    },
+    cancelPayment() {
+      this.direction = -1, this.step = 2;
+    },
+    onBookingPolicyCreated(e) {
+      this.bookingPolicy = e, e && (E(), this.direction = 1, this.step = 2);
+    },
+    onBookingCreated(e) {
+      this.booking = e, e && (E(), this.direction = 1, this.step = 3);
+    },
+    onPaymentSuccess() {
+      this.$refs.countdown.pause(), this.direction = 1, this.step = 5;
+    },
+    onBackButtonClick() {
+      [
+        2,
+        5
+        /* PAYMENT_SUCCESSFUL */
+      ].includes(this.step) ? this.cancelBooking() : this.step === 3 && this.cancelPayment();
+    },
+    onAfterLeave() {
+      this.direction = 1;
+    },
+    onCountdownEnd() {
+      this.countdownSnackbar = !0, this.cancelBooking();
+    },
+    transformCountdownTimer(e) {
+      const t = {};
+      for (const [s, o] of Object.entries(e)) {
+        const n = o < 10 ? `0${o}` : o;
+        t[s] = `${n}`;
+      }
+      return t;
+    }
+  }
+});
+var it = function() {
+  var o, n, p;
+  var t = this, s = t._self._c;
+  return t._self._setupProxy, s(c, { attrs: { dense: "" } }, [s(S, { attrs: { color: "warning", "content-class": "text-center", elevation: "0", "max-width": "1000px", timeout: -1, top: "" }, scopedSlots: t._u([{ key: "action", fn: function({ attrs: i }) {
+    return [s(k, t._b({ attrs: { color: "white", text: "" }, on: { click: function(l) {
+      t.isCPSnackbarDisplayed = !1;
+    } } }, "v-btn", i, !1), [s(u, { attrs: { color: "white", size: "16" } }, [t._v(" fa-times ")])], 1)];
+  } }]), model: { value: t.isCPSnackbarDisplayed, callback: function(i) {
+    t.isCPSnackbarDisplayed = i;
+  }, expression: "isCPSnackbarDisplayed" } }, [s("span", { staticClass: "white--text" }, [s(u, { staticClass: "mr-3", attrs: { color: "white", size: "20" } }, [t._v(" fa-triangle-exclamation ")]), t._v(" " + t._s(t.$t("HotelRoomOffersBookingFlow.cancellationPoliciesWarning")) + " ")], 1)]), s(a, [[t.STEPS.PRE_BOOK, t.STEPS.PAYMENT, t.STEPS.PAYMENT_SUCCESSFUL].includes(
+    t.step
+  ) ? s(c, { attrs: { dense: "" } }, [s(a, { attrs: { "align-self": "center", cols: "12", sm: "3" } }, [s(k, { attrs: { text: "", "x-small": "" }, on: { click: t.onBackButtonClick } }, [s(u, { attrs: { left: "", "x-small": "" } }, [t._v(" fa-arrow-left ")]), t._v(" " + t._s(t.backButtonLabel) + " ")], 1)], 1), [t.STEPS.PRE_BOOK, t.STEPS.PAYMENT, t.STEPS.PAYMENT_SUCCESSFUL].includes(
+    t.step
+  ) ? s(a, { attrs: { cols: "12", sm: "9" } }, [s(X, { attrs: { color: "transparent", elevation: "0" }, model: { value: t.step, callback: function(i) {
+    t.step = i;
+  }, expression: "step" } }, [s(tt, [s(m, { attrs: { complete: "", step: t.STEPS.IDLE } }, [s("small", { staticClass: "grey--text text--darken-3 font-weight-bold" }, [t._v(t._s(t.$t("HotelRoomOffersBookingFlow.steps.yourSelection")))])]), s(v), s(m, { attrs: { complete: [t.STEPS.PAYMENT_SUCCESSFUL, t.STEPS.PAYMENT].includes(t.step), step: t.STEPS.PRE_BOOK } }, [s("small", { staticClass: "grey--text text--darken-3 font-weight-bold" }, [t._v(t._s(t.$t("HotelRoomOffersBookingFlow.steps.yourDetails")))])]), s(v), s(m, { attrs: { complete: t.step === t.STEPS.PAYMENT_SUCCESSFUL, step: t.STEPS.PAYMENT } }, [s("small", { staticClass: "grey--text text--darken-3 font-weight-bold" }, [t._v(t._s(t.$t("HotelRoomOffersBookingFlow.steps.finalStep")))])])], 1)], 1)], 1) : t._e()], 1) : t._e(), [t.STEPS.PRE_BOOK, t.STEPS.PAYMENT].includes(t.step) ? s(c, { attrs: { dense: "" } }, [s(a, [s(Q, { attrs: { color: "primary", outlined: "", prominent: "", text: "", type: "info" }, scopedSlots: t._u([{ key: "prepend", fn: function() {
+    return [s("b", { staticClass: "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" }, [s(u, { staticClass: "d-none d-md-inline-block pb-1", attrs: { color: "primary", size: "24px" } }, [t._v(" fa-stopwatch")]), s("vue-countdown", { ref: "countdown", attrs: { time: 15 * 60 * 1e3, transform: t.transformCountdownTimer }, on: { end: t.onCountdownEnd }, scopedSlots: t._u([{ key: "default", fn: function(i) {
+      return [t._v(" " + t._s(i.minutes) + ":" + t._s(i.seconds) + " ")];
+    } }], null, !1, 2342606768) })], 1)];
+  }, proxy: !0 }], null, !1, 3921365688) }, [s("p", { staticClass: "pl-5 ma-0" }, [s("span", { staticClass: "font-weight-bold" }, [t._v(" " + t._s(t.$t("HotelRoomOffersBookingFlow.timer1")) + " ")]), s("br"), s("span", { staticClass: "font-weight-bold" }, [t._v(" " + t._s(t.$t("HotelRoomOffersBookingFlow.timer2")) + " ")])])])], 1)], 1) : t._e(), s(S, { attrs: { color: "warning", elevation: "0", timeout: "10000", top: "" }, model: { value: t.countdownSnackbar, callback: function(i) {
+    t.countdownSnackbar = i;
+  }, expression: "countdownSnackbar" } }, [s(u, { staticClass: "px-4" }, [t._v(" fa-hourglass-end ")]), s("span", [t._v(t._s(t.$t("HotelRoomOffersBookingFlow.timerEnd")))])], 1), s("transition", { attrs: { name: t.transitionName }, on: { "after-leave": t.onAfterLeave } }, [s(c, { attrs: { "no-gutters": "" } }, [s(a, [t.step === t.STEPS.PRE_BOOK ? s(c, { attrs: { "no-gutters": "" } }, [s(a, [s("prebook-form", t._b({ attrs: { "booking-policy-id": (o = t.bookingPolicy) == null ? void 0 : o.id, features: t.parsedFeatures.PrebookForm, "hotel-room-offer": (n = t.bookingPolicy) == null ? void 0 : n.hotelRoomOffer } }, "prebook-form", t.prebookFormProps, !1))], 1)], 1) : t._e(), [t.STEPS.PAYMENT, t.STEPS.PAYMENT_SUCCESSFUL].includes(t.step) ? s(c, { attrs: { "no-gutters": "" } }, [s(a, [s("credit-card-payment", { attrs: { token: (p = t.booking) == null ? void 0 : p.token } })], 1)], 1) : t.step === t.STEPS.IDLE ? s("hotel-room-offers-view", t._b({ attrs: { features: t.parsedFeatures.HotelRoomOffersView } }, "hotel-room-offers-view", t.hotelRoomOffersViewProps, !1)) : t._e()], 1)], 1)], 1)], 1)], 1);
+}, nt = [], rt = /* @__PURE__ */ P(
+  ot,
+  it,
+  nt,
+  !1,
+  null,
+  "3f0a18e2",
+  null,
+  null
+);
+const at = rt.exports, lt = B.extend({
+  components: {
+    HotelRoomOffersBookingFlow: at,
+    WebComponentWrapper: K
+  },
+  props: w
+});
+var ct = function() {
+  var t = this, s = t._self._c;
+  return t._self._setupProxy, s("web-component-wrapper", [s("hotel-room-offers-booking-flow", t._b({}, "hotel-room-offers-booking-flow", t.$props, !1))], 1);
+}, ut = [], pt = /* @__PURE__ */ P(
+  lt,
+  ct,
+  ut,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Mt = pt.exports;
+R("css/revolugo.hotelroomoffersbookingflow.DGFt0C9n.css");
+export {
+  Mt as default
+};
+//# sourceMappingURL=revolugo.hotelroomoffersbookingflow.CMJgMAtO.min.js.map