@revolugo/elements 6.8.3 → 6.9.0-rc.0

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

@@ -0,0 +1,429 @@
+import { P as ne, p as le, a as re } from "./revolugo.prebookform.DJtQZk4h.min.js";
+import { H as se, h as ie, a as ue } from "./revolugo.hoteloffersview.DR-NQds9.min.js";
+import { a as ce, C as fe } from "./revolugo.creditcardpayment.-uEi7Rky.min.js";
+import { H as A, a as S } from "./revolugo.bhoteloffersfilterbar.JyThxTJT.min.js";
+import { H as me } from "./revolugo.hoteloffersmap.DFUv89P-.min.js";
+import { m as I } from "./revolugo.hoteldescriptionview.BaN6Jn_K.min.js";
+import { G as de, d as N, m as pe, u as Y, l as ke, k as f, i as G, a as n, p as b, w as a, j as T, o as k, f as w, t as V, H as E, I as be, E as F, J as ve, c as B, K as _e, D as H, g as Ce, n as Ee, h as Fe, r as $ } from "./revolugo.index.wc.B-VISNof.min.js";
+import { u as ge } from "./revolugo.use-dialog-attach.CQ3SJvi2.min.js";
+import { V as Se } from "./revolugo.vdialog.I9viR6u_.min.js";
+import { V as Be, a as we, b as Pe } from "./revolugo.vcard.k3F27b0_.min.js";
+import { V as Ve } from "./revolugo.vspacer.0M0DbPqW.min.js";
+import { a as L } from "./revolugo.vbtn.ikEGbF2M.min.js";
+import { s as Oe } from "./revolugo.common.D-l8b0V5.min.js";
+import { u as ye } from "./revolugo.hotelroomofferlist.BDmmTZzY.min.js";
+import { V as D, a as h, W as Re, _ as Te } from "./revolugo.webcomponentwrapper.BZSwKZDU.min.js";
+import { V as M } from "./revolugo.bdaterangepicker.CuXt5m8k.min.js";
+import { V as De } from "./revolugo.vicon.0oYbTzMR.min.js";
+function ae(o) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, u = t.slice(0, t.lastIndexOf("/") + 1) + o;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(u);
+      for (const r of REVOLUGO_ELEMENTS_STYLES.components)
+        r(u);
+      if (o.indexOf("fonts") >= 0) {
+        const r = document.createElement("link");
+        r.rel = "stylesheet", linK.href = u, document.head.appendChild(r);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const z = {
+  CreditCardPayment: ce,
+  HotelOffersView: I(se, {
+    HotelOfferList: {
+      HotelOfferItem: {
+        ...A,
+        [S.HotelRoomOfferList]: !0,
+        [S.HotelRoomOffersViewDialog]: !0,
+        [S.RoomsDetails]: !0
+      }
+    },
+    HotelOffersMap: I(me, {
+      HotelOfferItem: {
+        ...A,
+        [S.HotelRoomOffersViewDialog]: !0,
+        [S.RoomsDetails]: !0
+      }
+    })
+  }),
+  PrebookForm: ne
+}, q = {
+  ...ie,
+  ...de(le, ["bookingId"]),
+  features: {
+    default: () => z,
+    type: [Object, String]
+  }
+};
+var s = /* @__PURE__ */ ((o) => (o.Idle = "IDLE", o.PaymentRequested = "PAYMENT_REQUESTED", o.PaymentSuccessful = "PAYMENT_SUCCESSFUL", o.Prebook = "PREBOOK", o))(s || {});
+const K = /* @__PURE__ */ N({
+  __name: "BConfirmDialog",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ pe(["confirm"], ["update:modelValue"]),
+  setup(o, { expose: t, emit: u }) {
+    const r = u, { t: l } = Y(), i = ke(o, "modelValue"), m = f(null), { $dialogAttach: c } = ge(m);
+    function d() {
+      i.value = !1, r("confirm");
+    }
+    function v() {
+      i.value = !1;
+    }
+    return t({
+      close: v,
+      open
+    }), (_, p) => (k(), G("div", {
+      ref_key: "root",
+      ref: m
+    }, [
+      n(Se, {
+        modelValue: i.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (O) => i.value = O),
+        attach: b(c),
+        "max-width": "400"
+      }, {
+        default: a(() => [
+          n(Be, null, {
+            default: a(() => [
+              n(we, { class: "pa-4 text-black" }, {
+                default: a(() => [
+                  T(_.$slots, "default")
+                ]),
+                _: 3
+              }),
+              n(Pe, { class: "pt-2" }, {
+                default: a(() => [
+                  n(Ve),
+                  n(L, {
+                    class: "text-body-2 font-weight-bold",
+                    color: "grey",
+                    variant: "text",
+                    onClick: v
+                  }, {
+                    default: a(() => [
+                      T(_.$slots, "labelCancel", {}, () => [
+                        w(V(b(l)("BConfirmDialog.cancel")), 1)
+                      ])
+                    ]),
+                    _: 3
+                  }),
+                  n(L, {
+                    class: "text-body-2 font-weight-bold",
+                    color: "primary",
+                    onClick: d
+                  }, {
+                    default: a(() => [
+                      T(_.$slots, "labelConfirm", {}, () => [
+                        w(V(b(l)("BConfirmDialog.confirm")), 1)
+                      ])
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue", "attach"])
+    ], 512));
+  }
+});
+function x(o) {
+  const t = o;
+  t.__i18n = t.__i18n || [], t.__i18n.push({
+    locale: "",
+    resource: {
+      "en-US": {
+        BConfirmDialog: {
+          confirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Yes" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "No" } }
+        }
+      },
+      "fr-FR": {
+        BConfirmDialog: {
+          confirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Oui" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Non" } }
+        }
+      },
+      "de-DE": {
+        BConfirmDialog: {
+          confirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ja" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Nein" } }
+        }
+      },
+      "es-ES": {
+        BConfirmDialog: {
+          confirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sí" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "No" } }
+        }
+      },
+      "it-IT": {
+        BConfirmDialog: {
+          confirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sì" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "No" } }
+        }
+      },
+      "nl-NL": {
+        BConfirmDialog: {
+          confirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ja" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Nee" } }
+        }
+      },
+      "pt-PT": {
+        BConfirmDialog: {
+          confirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sim" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Não" } }
+        }
+      }
+    }
+  });
+}
+typeof x == "function" && x(K);
+const J = /* @__PURE__ */ N({
+  __name: "FullBookingFlow",
+  props: q,
+  setup(o) {
+    const t = o, { t: u } = Y(), r = f(void 0), l = f(void 0), i = f({}), m = f(void 0), c = f(s.Idle), d = f(1), v = f(), _ = E(
+      () => c.value === s.PaymentSuccessful
+    ), p = E(
+      () => c.value === s.Prebook && l.value !== void 0
+    ), O = E(() => {
+      let e = "";
+      return p.value ? e = "cancel" : e = _.value ? "makeNewBook" : "back", u(`FullBookingFlow.${e}`);
+    }), y = E(
+      () => [s.PaymentRequested, s.PaymentSuccessful].includes(
+        c.value
+      ) && r.value !== void 0
+    ), j = E(() => {
+      const e = {
+        ...t,
+        ...m.value,
+        ...i.value
+      };
+      return l.value && (e.adultCount = l.value.adultCount, e.children = l.value.children ?? null, e.checkInDate = l.value.checkInDate, e.checkOutDate = l.value.checkOutDate), e;
+    }), { eventBus: C } = be();
+    function g(e) {
+      c.value = e, C.$emit(F.BookingFlowStepUpdated, e);
+    }
+    function Q(e) {
+      r.value = e, e && (Oe(), d.value = 1, g(s.PaymentRequested));
+    }
+    function Z(e) {
+      l.value = e, l.value && (d.value = 1, g(s.Prebook));
+    }
+    function X() {
+      d.value = -1, g(s.PaymentSuccessful), i.value = {};
+    }
+    C.$on(F.BookingPolicyCreated, Z), C.$on(F.BookingCreated, Q), C.$on(F.PaymentSuccess, X), C.$on(F.PrebookForm, (e) => {
+      i.value = e;
+    }), C.$on(
+      F.HotelRoomOfferRequestCreated,
+      (e) => {
+        m.value = e;
+      }
+    );
+    function U() {
+      d.value = -1, g(s.Idle), l.value = void 0, r.value = void 0, i.value = {};
+    }
+    function ee() {
+      d.value = -1, g(s.Prebook);
+    }
+    function oe() {
+      p.value ? v.value = !0 : y.value && (_.value ? U() : ee());
+    }
+    const R = ye({
+      fallbackValue: z,
+      prop: E(() => t.features)
+    });
+    return (e, P) => (k(), G("div", null, [
+      ve(n(D, null, {
+        default: a(() => [
+          n(h, null, {
+            default: a(() => [
+              n(L, {
+                variant: "plain",
+                size: "x-small",
+                onClick: oe
+              }, {
+                default: a(() => [
+                  n(De, {
+                    start: "",
+                    size: "x-small"
+                  }, {
+                    default: a(() => P[1] || (P[1] = [
+                      w(" fas fa-arrow-left ")
+                    ])),
+                    _: 1,
+                    __: [1]
+                  }),
+                  w(" " + V(O.value), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 512), [
+        [_e, p.value || y.value]
+      ]),
+      p.value ? (k(), B(M, {
+        key: "prebook",
+        fluid: ""
+      }, {
+        default: a(() => [
+          n(D, null, {
+            default: a(() => [
+              n(h, null, {
+                default: a(() => [
+                  l.value?.id ? (k(), B(re, H({ key: 0 }, j.value, {
+                    "booking-policy-id": l.value?.id,
+                    features: b(R).PrebookForm,
+                    "hotel-room-offer": l.value?.hotelRoomOffer
+                  }), null, 16, ["booking-policy-id", "features", "hotel-room-offer"])) : Ce("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          n(K, {
+            modelValue: v.value,
+            "onUpdate:modelValue": P[0] || (P[0] = (te) => v.value = te),
+            onConfirm: U
+          }, {
+            default: a(() => [
+              w(V(b(u)("FullBookingFlow.cancelConfirm")), 1)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      })) : y.value ? (k(), B(M, {
+        key: "payment",
+        fluid: ""
+      }, {
+        default: a(() => [
+          n(D, null, {
+            default: a(() => [
+              n(h, null, {
+                default: a(() => [
+                  n(fe, {
+                    features: b(R).CreditCardPayment,
+                    token: r.value?.token
+                  }, null, 8, ["features", "token"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })) : (k(), B(ue, H({ key: 2 }, e.$props, {
+        features: b(R).HotelOffersView
+      }), null, 16, ["features"]))
+    ]));
+  }
+});
+function W(o) {
+  const t = o;
+  t.__i18n = t.__i18n || [], t.__i18n.push({
+    locale: "",
+    resource: {
+      "en-US": {
+        FullBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Go back" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Cancel" } },
+          makeNewBook: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Make a new reservation" } },
+          cancelConfirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Confirm cancelation of reservation ?" } }
+        }
+      },
+      "fr-FR": {
+        FullBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Revenir en arrière" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Annuler" } },
+          makeNewBook: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Effectuer une nouvelle reservation" } },
+          cancelConfirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Confirmer l'annulation de cette pré-réservation ?" } }
+        }
+      },
+      "de-DE": {
+        FullBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Zurück" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Abbrechen" } },
+          makeNewBook: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Neue Reservierung erstellen" } },
+          cancelConfirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Stornierung der Reservierung bestätigen?" } }
+        }
+      },
+      "es-ES": {
+        FullBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Volver" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Cancelar" } },
+          makeNewBook: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Hacer una nueva reserva" } },
+          cancelConfirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "¿Confirmar la cancelación de la reserva?" } }
+        }
+      },
+      "it-IT": {
+        FullBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Indietro" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Annulla" } },
+          makeNewBook: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Effettua una nuova prenotazione" } },
+          cancelConfirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Confermare l'annullamento della prenotazione?" } }
+        }
+      },
+      "nl-NL": {
+        FullBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Terug" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Annuleren" } },
+          makeNewBook: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Maak een nieuwe reservering" } },
+          cancelConfirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Bevestig annulering van de reservering?" } }
+        }
+      },
+      "pt-PT": {
+        FullBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Voltar" } },
+          cancel: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Cancelar" } },
+          makeNewBook: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Fazer uma nova reserva" } },
+          cancelConfirm: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Confirmar o cancelamento da reserva?" } }
+        }
+      }
+    }
+  });
+}
+typeof W == "function" && W(J);
+const he = N({
+  components: {
+    FullBookingFlow: J,
+    WebComponentWrapper: Re
+  },
+  props: q
+});
+function Le(o, t, u, r, l, i) {
+  const m = $("FullBookingFlow", !0), c = $("WebComponentWrapper");
+  return k(), B(c, null, {
+    default: a(() => [
+      n(m, Ee(Fe(o.$props)), null, 16)
+    ]),
+    _: 1
+  });
+}
+const Ze = /* @__PURE__ */ Te(he, [["render", Le]]);
+ae("css/revolugo.fullbookingflow.Bm8JAQF7.css");
+export {
+  Ze as default
+};
+//# sourceMappingURL=revolugo.fullbookingflow.CzofWe_h.min.js.map

package/dist/revolugo.hotel-offer-request.BrgYCPvB.min.js

@@ -0,0 +1,98 @@
+import { L as o, cx as h, q as s, M as u, E as c } from "./revolugo.index.wc.B-VISNof.min.js";
+const a = o("hotelOfferRequest", {
+  actions: {
+    // eslint-disable-next-line max-statements
+    async createHotelOfferRequest(e) {
+      const i = u();
+      if (i)
+        try {
+          const { eventMetadata: t } = window.RevolugoElements.config, n = {
+            hotelOfferRequestCreateApi: {
+              address: e.address,
+              adultCount: e.adultCount,
+              checkInDate: e.checkInDate,
+              checkOutDate: e.checkOutDate,
+              children: e.children || void 0,
+              eventMetadata: t,
+              latitude: e.latitude,
+              longitude: e.longitude,
+              roomCount: e.roomCount,
+              sourceMarket: e.sourceMarket
+            }
+          };
+          if (this.id && this.adultCount === e.adultCount && this.checkInDate === e.checkInDate && this.checkOutDate === e.checkOutDate && this.children === e.children && this.sourceMarket === e.sourceMarket && this.address === e.address && this.latitude === e.latitude && this.longitude === e.longitude && this.roomCount === e.roomCount)
+            return;
+          this.hasError = !1, this.id = void 0, this.isFetching = !0, this.address = e.address, this.adultCount = e.adultCount, this.checkOutDate = e.checkOutDate, this.checkInDate = e.checkInDate, this.children = e.children, this.latitude = e.latitude, this.longitude = e.longitude, this.roomCount = e.roomCount, this.sourceMarket = e.sourceMarket;
+          const r = await i?.hotelOfferRequests.create(
+            n
+          );
+          (r.adultCount !== e.adultCount || r.checkInDate !== e.checkInDate || r.checkOutDate !== e.checkOutDate || r.children !== e.children || r.sourceMarket !== e.sourceMarket) && console.warn(
+            `Hotel offer request params mismatch: adultCount: ${r.adultCount} : ${e.adultCount}, checkInDate: ${r.checkInDate} : ${e.checkInDate}, checkOutDate: ${r.checkOutDate} : ${e.checkOutDate}, children: ${r.children} : ${e.children}, roomCount: ${r.roomCount} : ${e.roomCount}, sourceMarket: ${r.sourceMarket} : ${e.sourceMarket}`
+          ), this.id = r.id, window.RevolugoElements.eventBus.$emit(
+            c.HotelOfferRequestCreated,
+            r
+          );
+        } catch (t) {
+          this.hasError = !0, console.error("Cannot create hotel offer request:", t);
+        } finally {
+          setTimeout(() => {
+            this.isFetching = !1;
+          }, 500);
+        }
+    },
+    resetId() {
+      this.id = void 0;
+    },
+    async retrieveHotelOfferRequest(e) {
+      try {
+        const i = u();
+        if (!i)
+          return;
+        this.hasError = !1, this.id = void 0, this.isFetching = !0;
+        const t = await i?.hotelOfferRequests.retrieve({
+          id: e
+        });
+        if (t.id !== e)
+          throw new Error(
+            `Hotel offer request id mismatch: requested: ${e}, retrieved: ${t.id}`
+          );
+        this.address = t.address, this.adultCount = t.adultCount, this.checkOutDate = t.checkOutDate, this.checkInDate = t.checkInDate, this.children = t.children, this.id = t.id, this.latitude = t.latitude, this.longitude = t.longitude, this.roomCount = t.roomCount, this.sourceMarket = t.sourceMarket, window.RevolugoElements.eventBus.$emit(
+          c.HotelOfferRequestRetrieved,
+          t
+        );
+      } catch (i) {
+        this.hasError = !0, this.id = void 0, console.error("Cannot retrieve hotel offer request:", i);
+      } finally {
+        setTimeout(() => {
+          this.isFetching = !1;
+        }, 500);
+      }
+    }
+  },
+  getters: {
+    nightCount(e) {
+      return s(e.checkOutDate, "YYYY-MM-DD").diff(
+        s(e.checkInDate, "YYYY-MM-DD"),
+        "day"
+      );
+    }
+  },
+  state: () => ({
+    address: void 0,
+    adultCount: 0,
+    checkInDate: "",
+    checkOutDate: "",
+    children: null,
+    hasError: !1,
+    id: void 0,
+    isFetching: !1,
+    latitude: void 0,
+    longitude: void 0,
+    roomCount: 0,
+    sourceMarket: h.Fr
+  })
+});
+export {
+  a as u
+};
+//# sourceMappingURL=revolugo.hotel-offer-request.BrgYCPvB.min.js.map