@revolugo/elements 6.8.2-beta.3 → 6.8.2-beta.31

package/dist/{revolugo.fullbookingflow.B3R9Mi6f.min.js → revolugo.fullbookingflow.BLumv8em.min.js}

@@ -1,21 +1,21 @@
-import { P as re, p as se, a as ce } from "./revolugo.prebookform.DhCYUQX2.min.js";
-import { H as ue, h as fe, a as me } from "./revolugo.hoteloffersview.DyWUZJ-a.min.js";
-import { a as de, C as pe } from "./revolugo.creditcardpayment.B3gGpWtL.min.js";
-import { H as U, a as E } from "./revolugo.bhoteloffersfilterbar.C677v5nL.min.js";
-import { H as ke } from "./revolugo.hoteloffersmap.BjjBIhE9.min.js";
-import { m as H } from "./revolugo.hoteldescriptionview.mr1BBzFi.min.js";
-import { z as be, d as T, u as x, c as f, o as c, w as n, a, j as P, g as K, f as F, t as B, A as ve, B as _e, C as u, D as b, G as Ce, E as v, i as ge, H as Ee, I as Fe, y as M, J as S, n as we, h as Se, r as z } from "./revolugo.index.wc.CNPB8R3P.min.js";
-import { d as Be } from "./revolugo.dialog-attach.t7JTHXax.min.js";
-import { _ as q, V as O, a as R, W as he } from "./revolugo.webcomponentwrapper.Ci87Oown.min.js";
-import { V as ye, a as Pe, b as Oe } from "./revolugo.vcard.D1VwO30r.min.js";
-import { V as Re } from "./revolugo.vspacer.Dv72HR_2.min.js";
-import { a as D } from "./revolugo.vbtn.DsvUpshD.min.js";
-import { V as De } from "./revolugo.vdialog.rsw4VlQE.min.js";
-import { s as Te } from "./revolugo.common.D-l8b0V5.min.js";
-import { u as Ve } from "./revolugo.hotelroomofferlist.Dr11epuR.min.js";
-import { V as W } from "./revolugo.bdaterangepicker.CTD21Xkh.min.js";
-import { V as Le } from "./revolugo.index.CDltx0TU.min.js";
-function ie(e) {
+import { P as ae, p as le, a as ie } from "./revolugo.prebookform.fhOF5rTL.min.js";
+import { H as re, h as se, a as ce } from "./revolugo.hoteloffersview.Bih_7gfI.min.js";
+import { a as ue, C as fe } from "./revolugo.creditcardpayment.eNRvC7VG.min.js";
+import { H as A, a as g } from "./revolugo.bhoteloffersfilterbar.gHx-XQIq.min.js";
+import { H as me } from "./revolugo.hoteloffersmap.BnqHPNt1.min.js";
+import { m as I } from "./revolugo.hoteldescriptionview.BCrpDoH8.min.js";
+import { A as de, d as D, u as W, c as f, o as c, w as n, a, j as y, g as G, f as E, t as S, B as pe, C as ke, D as u, G as b, H as be, E as v, i as ve, I as _e, J as Ce, z as $, K as w, n as ge, h as Ee, r as U } from "./revolugo.index.wc.CVg-U7Gx.min.js";
+import { d as Fe } from "./revolugo.dialog-attach.Kn52rX5V.min.js";
+import { _ as K, V as P, a as O, W as we } from "./revolugo.webcomponentwrapper.DY-mO-0c.min.js";
+import { V as Se, a as Be, b as he } from "./revolugo.vcard.DfYEYCIx.min.js";
+import { V as ye } from "./revolugo.vspacer.CP17be9N.min.js";
+import { a as R } from "./revolugo.vbtn.X3RP4Z34.min.js";
+import { V as Pe } from "./revolugo.vdialog.A3glfkAC.min.js";
+import { s as Oe } from "./revolugo.common.D-l8b0V5.min.js";
+import { u as Re } from "./revolugo.hotelroomofferlist.O0tRAgZS.min.js";
+import { V as H } from "./revolugo.bdaterangepicker.Bs2pH95_.min.js";
+import { V as De } from "./revolugo.vicon.DGbfBJIw.min.js";
+function ne(e) {
   try {
     if (typeof document < "u") {
       window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
@@ -35,36 +35,36 @@ function ie(e) {
     console.error("[revolugo-elements] ", t);
   }
 }
-const J = {
-  CreditCardPayment: de,
-  HotelOffersView: H(ue, {
+const Y = {
+  CreditCardPayment: ue,
+  HotelOffersView: I(re, {
     HotelOfferList: {
       HotelOfferItem: {
-        ...U,
-        [E.HotelRoomOfferList]: !0,
-        [E.HotelRoomOffersViewDialog]: !0,
-        [E.RoomsDetails]: !0
+        ...A,
+        [g.HotelRoomOfferList]: !0,
+        [g.HotelRoomOffersViewDialog]: !0,
+        [g.RoomsDetails]: !0
       }
     },
-    HotelOffersMap: H(ke, {
+    HotelOffersMap: I(me, {
       HotelOfferItem: {
-        ...U,
-        [E.HotelRoomOffersViewDialog]: !0,
-        [E.RoomsDetails]: !0
+        ...A,
+        [g.HotelRoomOffersViewDialog]: !0,
+        [g.RoomsDetails]: !0
       }
     })
   }),
-  PrebookForm: re
-}, j = {
-  ...fe,
-  ...be(se, ["bookingId"]),
+  PrebookForm: ae
+}, x = {
+  ...se,
+  ...de(le, ["bookingId"]),
   features: {
-    default: () => J,
+    default: () => Y,
     type: [Object, String]
   }
 };
 var r = /* @__PURE__ */ ((e) => (e.Idle = "IDLE", e.PaymentRequested = "PAYMENT_REQUESTED", e.PaymentSuccessful = "PAYMENT_SUCCESSFUL", e.Prebook = "PREBOOK", e))(r || {});
-const Q = T({
+const q = D({
   data: () => ({
     dialog: !1,
     options: {
@@ -91,15 +91,15 @@ const Q = T({
       }, this.dialog = !0;
     }
   },
-  mixins: [Be],
+  mixins: [Fe],
   setup() {
-    const { t: e } = x();
+    const { t: e } = W();
     return {
       t: e
     };
   }
 });
-function G(e) {
+function M(e) {
   const t = e;
   t.__i18n = t.__i18n || [], t.__i18n.push({
     locale: "",
@@ -149,28 +149,28 @@ function G(e) {
     }
   });
 }
-function Ne(e, t, s, i, l, m) {
-  return c(), f(De, {
+function Te(e, t, s, i, l, m) {
+  return c(), f(Pe, {
     modelValue: e.dialog,
     "onUpdate:modelValue": t[0] || (t[0] = (d) => e.dialog = d),
     attach: e.$dialogAttach,
     "max-width": e.options.width,
-    style: ve({ zIndex: e.options.zIndex }),
-    onKeydown: _e(e.cancel, ["esc"])
+    style: pe({ zIndex: e.options.zIndex }),
+    onKeydown: ke(e.cancel, ["esc"])
   }, {
     default: n(() => [
-      a(ye, null, {
+      a(Se, null, {
         default: n(() => [
-          a(Pe, { class: "pa-4 text-black" }, {
+          a(Be, { class: "pa-4 text-black" }, {
             default: n(() => [
-              P(e.$slots, "default")
+              y(e.$slots, "default")
             ]),
             _: 3
           }),
-          a(Oe, { class: "pt-2" }, {
+          a(he, { class: "pt-2" }, {
             default: n(() => [
-              a(Re),
-              e.options.noconfirm ? K("", !0) : (c(), f(D, {
+              a(ye),
+              e.options.noconfirm ? G("", !0) : (c(), f(R, {
                 key: 0,
                 class: "text-body-2 font-weight-bold",
                 color: "grey",
@@ -178,20 +178,20 @@ function Ne(e, t, s, i, l, m) {
                 onClick: e.cancel
               }, {
                 default: n(() => [
-                  P(e.$slots, "labelCancel", {}, () => [
-                    F(B(e.t("BConfirmDialog.cancel")), 1)
+                  y(e.$slots, "labelCancel", {}, () => [
+                    E(S(e.t("BConfirmDialog.cancel")), 1)
                   ])
                 ]),
                 _: 3
               }, 8, ["onClick"])),
-              a(D, {
+              a(R, {
                 class: "text-body-2 font-weight-bold",
                 color: "primary",
                 onClick: e.agree
               }, {
                 default: n(() => [
-                  P(e.$slots, "labelConfirm", {}, () => [
-                    F(B(e.t("BConfirmDialog.confirm")), 1)
+                  y(e.$slots, "labelConfirm", {}, () => [
+                    E(S(e.t("BConfirmDialog.confirm")), 1)
                   ])
                 ]),
                 _: 3
@@ -206,43 +206,43 @@ function Ne(e, t, s, i, l, m) {
     _: 3
   }, 8, ["modelValue", "attach", "max-width", "style", "onKeydown"]);
 }
-typeof G == "function" && G(Q);
-const Ae = /* @__PURE__ */ q(Q, [["render", Ne]]), Z = /* @__PURE__ */ T({
+typeof M == "function" && M(q);
+const Ve = /* @__PURE__ */ K(q, [["render", Te]]), J = /* @__PURE__ */ D({
   __name: "FullBookingFlow",
-  props: j,
+  props: x,
   setup(e) {
-    const t = e, { t: s } = x(), i = u(void 0), l = u(void 0), m = u({}), d = u(void 0), p = u(r.Idle), _ = u(1), V = u(void 0), L = b(
+    const t = e, { t: s } = W(), i = u(void 0), l = u(void 0), m = u({}), d = u(void 0), p = u(r.Idle), _ = u(1), T = u(void 0), V = b(
       () => p.value === r.PaymentSuccessful
-    ), w = b(
+    ), F = b(
       () => p.value === r.Prebook && l.value !== void 0
-    ), X = b(() => {
+    ), j = b(() => {
       let o = "";
-      return w.value ? o = "cancel" : o = L.value ? "makeNewBook" : "back", s(`FullBookingFlow.${o}`);
-    }), h = b(
+      return F.value ? o = "cancel" : o = V.value ? "makeNewBook" : "back", s(`FullBookingFlow.${o}`);
+    }), B = b(
       () => [r.PaymentRequested, r.PaymentSuccessful].includes(
         p.value
       ) && i.value !== void 0
-    ), ee = b(() => {
+    ), Q = b(() => {
       const o = {
         ...t,
         ...d.value,
         ...m.value
       };
       return l.value && (o.adultCount = l.value.adultCount, o.children = l.value.children ?? null, o.checkInDate = l.value.checkInDate, o.checkOutDate = l.value.checkOutDate), o;
-    }), { eventBus: k } = Ce();
+    }), { eventBus: k } = be();
     function C(o) {
       p.value = o, k.$emit(v.BookingFlowStepUpdated, o);
     }
-    function oe(o) {
-      i.value = o, o && (Te(), _.value = 1, C(r.PaymentRequested));
+    function Z(o) {
+      i.value = o, o && (Oe(), _.value = 1, C(r.PaymentRequested));
     }
-    function te(o) {
+    function X(o) {
       l.value = o, l.value && (_.value = 1, C(r.Prebook));
     }
-    function ne() {
+    function ee() {
       _.value = -1, C(r.PaymentSuccessful), m.value = {};
     }
-    k.$on(v.BookingPolicyCreated, te), k.$on(v.BookingCreated, oe), k.$on(v.PaymentSuccess, ne), k.$on(v.PrebookForm, (o) => {
+    k.$on(v.BookingPolicyCreated, X), k.$on(v.BookingCreated, Z), k.$on(v.PaymentSuccess, ee), k.$on(v.PrebookForm, (o) => {
       m.value = o;
     }), k.$on(
       v.HotelRoomOfferRequestCreated,
@@ -250,41 +250,41 @@ const Ae = /* @__PURE__ */ q(Q, [["render", Ne]]), Z = /* @__PURE__ */ T({
         d.value = o;
       }
     );
-    function N() {
+    function L() {
       _.value = -1, C(r.Idle), l.value = void 0, i.value = void 0, m.value = {};
     }
-    function ae() {
+    function oe() {
       _.value = -1, C(r.Prebook);
     }
-    function le() {
-      w.value ? V.value.open() : h.value && (L.value ? N() : ae());
+    function te() {
+      F.value ? T.value.open() : B.value && (V.value ? L() : oe());
     }
-    const y = Ve({
-      fallbackValue: J,
+    const h = Re({
+      fallbackValue: Y,
       prop: b(() => t.features)
     });
-    return (o, A) => (c(), ge("div", null, [
-      Ee(a(O, null, {
+    return (o, N) => (c(), ve("div", null, [
+      _e(a(P, null, {
         default: n(() => [
-          a(R, null, {
+          a(O, null, {
             default: n(() => [
-              a(D, {
+              a(R, {
                 variant: "plain",
                 size: "x-small",
-                onClick: le
+                onClick: te
               }, {
                 default: n(() => [
-                  a(Le, {
+                  a(De, {
                     start: "",
                     size: "x-small"
                   }, {
-                    default: n(() => A[0] || (A[0] = [
-                      F(" fas fa-arrow-left ")
+                    default: n(() => N[0] || (N[0] = [
+                      E(" fas fa-arrow-left ")
                     ])),
                     _: 1,
                     __: [0]
                   }),
-                  F(" " + B(X.value), 1)
+                  E(" " + S(j.value), 1)
                 ]),
                 _: 1
               })
@@ -294,60 +294,54 @@ const Ae = /* @__PURE__ */ q(Q, [["render", Ne]]), Z = /* @__PURE__ */ T({
         ]),
         _: 1
       }, 512), [
-        [Fe, w.value || h.value]
+        [Ce, F.value || B.value]
       ]),
-      w.value ? (c(), f(W, {
+      F.value ? (c(), f(H, {
         key: "prebook",
         fluid: ""
       }, {
         default: n(() => [
-          a(O, null, {
+          a(P, null, {
             default: n(() => [
-              a(R, null, {
-                default: n(() => {
-                  var g, I, $;
-                  return [
-                    (g = l.value) != null && g.id ? (c(), f(ce, M({ key: 0 }, ee.value, {
-                      "booking-policy-id": (I = l.value) == null ? void 0 : I.id,
-                      features: S(y).PrebookForm,
-                      "hotel-room-offer": ($ = l.value) == null ? void 0 : $.hotelRoomOffer
-                    }), null, 16, ["booking-policy-id", "features", "hotel-room-offer"])) : K("", !0)
-                  ];
-                }),
+              a(O, null, {
+                default: n(() => [
+                  l.value?.id ? (c(), f(ie, $({ key: 0 }, Q.value, {
+                    "booking-policy-id": l.value?.id,
+                    features: w(h).PrebookForm,
+                    "hotel-room-offer": l.value?.hotelRoomOffer
+                  }), null, 16, ["booking-policy-id", "features", "hotel-room-offer"])) : G("", !0)
+                ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          a(Ae, {
+          a(Ve, {
             ref_key: "cancelConfirmDialog",
-            ref: V,
-            onConfirm: N
+            ref: T,
+            onConfirm: L
           }, {
             default: n(() => [
-              F(B(S(s)("FullBookingFlow.cancelConfirm")), 1)
+              E(S(w(s)("FullBookingFlow.cancelConfirm")), 1)
             ]),
             _: 1
           }, 512)
         ]),
         _: 1
-      })) : h.value ? (c(), f(W, {
+      })) : B.value ? (c(), f(H, {
         key: "payment",
         fluid: ""
       }, {
         default: n(() => [
-          a(O, null, {
+          a(P, null, {
             default: n(() => [
-              a(R, null, {
-                default: n(() => {
-                  var g;
-                  return [
-                    a(pe, {
-                      features: S(y).CreditCardPayment,
-                      token: (g = i.value) == null ? void 0 : g.token
-                    }, null, 8, ["features", "token"])
-                  ];
-                }),
+              a(O, null, {
+                default: n(() => [
+                  a(fe, {
+                    features: w(h).CreditCardPayment,
+                    token: i.value?.token
+                  }, null, 8, ["features", "token"])
+                ]),
                 _: 1
               })
             ]),
@@ -355,13 +349,13 @@ const Ae = /* @__PURE__ */ q(Q, [["render", Ne]]), Z = /* @__PURE__ */ T({
           })
         ]),
         _: 1
-      })) : (c(), f(me, M({ key: 2 }, o.$props, {
-        features: S(y).HotelOffersView
+      })) : (c(), f(ce, $({ key: 2 }, o.$props, {
+        features: w(h).HotelOffersView
       }), null, 16, ["features"]))
     ]));
   }
 });
-function Y(e) {
+function z(e) {
   const t = e;
   t.__i18n = t.__i18n || [], t.__i18n.push({
     locale: "",
@@ -425,26 +419,26 @@ function Y(e) {
     }
   });
 }
-typeof Y == "function" && Y(Z);
-const Ie = T({
+typeof z == "function" && z(J);
+const Le = D({
   components: {
-    FullBookingFlow: Z,
-    WebComponentWrapper: he
+    FullBookingFlow: J,
+    WebComponentWrapper: we
   },
-  props: j
+  props: x
 });
-function $e(e, t, s, i, l, m) {
-  const d = z("FullBookingFlow", !0), p = z("WebComponentWrapper");
+function Ne(e, t, s, i, l, m) {
+  const d = U("FullBookingFlow", !0), p = U("WebComponentWrapper");
   return c(), f(p, null, {
     default: n(() => [
-      a(d, we(Se(e.$props)), null, 16)
+      a(d, ge(Ee(e.$props)), null, 16)
     ]),
     _: 1
   });
 }
-const to = /* @__PURE__ */ q(Ie, [["render", $e]]);
-ie("css/revolugo.fullbookingflow.Bm8JAQF7.css");
+const Xe = /* @__PURE__ */ K(Le, [["render", Ne]]);
+ne("css/revolugo.fullbookingflow.Bm8JAQF7.css");
 export {
-  to as default
+  Xe as default
 };
-//# sourceMappingURL=revolugo.fullbookingflow.B3R9Mi6f.min.js.map
+//# sourceMappingURL=revolugo.fullbookingflow.BLumv8em.min.js.map

package/dist/revolugo.hotel-offer-request.08Q8GaoF.min.js

@@ -0,0 +1,98 @@
+import { ap as o, cj as h, k as s, aq as u, E as c } from "./revolugo.index.wc.CVg-U7Gx.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.08Q8GaoF.min.js.map