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

package/dist/revolugo.roominglisteditor.BCpebY3B.min.js

@@ -0,0 +1,201 @@
+import { V as d, e as f, w as b } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { b as m } from "./revolugo.breakpoint-service.ulonvHwK.min.js";
+import { n as h, l as R } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+import { _ as y } from "./revolugo.vcard.ndQpNewl.min.js";
+import { _ as l } from "./revolugo.vskeletonloader.CCW1cQtD.min.js";
+import { _ } from "./revolugo.parsed-props.B6q7Ax-9.min.js";
+import { _ as L, a as x, b as k, c as G } from "./revolugo.vexpansionpanelheader.DJijrIj9.min.js";
+import { _ as C } from "./revolugo.vtextfield.D-kB2BBk.min.js";
+import { _ as w } from "./revolugo.vsnackbar.BGJVdHRT.min.js";
+const v = d.extend({
+  name: "RoomingListEditorLayout",
+  mixins: [m],
+  props: {
+    boilerplate: { type: Boolean }
+  }
+});
+var T = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e(y, { attrs: { outlined: "" } }, [e("div", { staticClass: "px-4 py-2 grey lighten-4" }, [e("div", { staticClass: "px-4 py-2 d-flex justify-center" }, [t._t("rooming-title", function() {
+    return [e(l, { attrs: { boilerplate: t.boilerplate, height: "22px", tile: "", type: "heading", width: "160px" } })];
+  })], 2)]), e(_), e("div", { staticClass: "px-4 py-2" }, [t._t("rooming-list", function() {
+    return [e(l, { staticClass: "mb-2", attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "120px" } }), e(l, { staticClass: "mb-2", attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "400px" } }), e(l, { attrs: { boilerplate: t.boilerplate, height: "18px", tile: "", type: "heading", width: "400px" } })];
+  })], 2)], 1);
+}, E = [], I = /* @__PURE__ */ h(
+  v,
+  T,
+  E,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const M = I.exports, $ = {
+  token: {
+    type: String,
+    required: !0
+  }
+}, H = d.extend({
+  name: "RoomingListEditor",
+  components: {
+    RoomingListEditorLayout: M
+  },
+  mixins: [R("components/RevolugoElements/RoomingListEditor"), m],
+  props: $,
+  data: () => ({
+    hotelRoomingLists: null,
+    hasError: !1,
+    showSnackbar: !1,
+    snackbarText: "",
+    snackbarColor: "",
+    mappedHotelRoomingLists: [],
+    listToGuests: {},
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    updateRoomingListDebounced: () => {
+    }
+  }),
+  watch: {
+    token: {
+      immediate: !0,
+      async handler(s) {
+        s && (this.listToGuests = {}, this.hotelRoomingLists = await this.retrieveHotelRoomingLists(s), this.mappedHotelRoomingLists = this.buildMappedLists());
+      }
+    }
+  },
+  created() {
+    this.updateRoomingListDebounced = f(
+      (s) => this.updateRoomingList(s),
+      1e3
+    );
+  },
+  methods: {
+    updateMappedGuest(s, t) {
+      const e = this.listToGuests[s].findIndex((i) => i.id === t.id);
+      e !== -1 && (this.listToGuests[s][e] = {
+        ...this.listToGuests[s][e],
+        ...t
+      });
+    },
+    initMappedGuests(s) {
+      var r;
+      const t = s.hotelRoom, e = (r = s.hotelRoomingListGuests) != null && r.length && (t != null && t.occupancy) ? t.occupancy - s.hotelRoomingListGuests.length : (t == null ? void 0 : t.occupancy) || 0, i = b(e, () => ({
+        fullname: "",
+        id: ""
+      })), n = s.hotelRoomingListGuests ?? [];
+      return n.push(...i), this.listToGuests[s.id] = n, n;
+    },
+    buildMappedLists() {
+      return this.hotelRoomingLists ? this.hotelRoomingLists.map((s) => {
+        if (this.listToGuests[s.id]) {
+          if (s.hotelRoomingListGuests)
+            for (const e of s.hotelRoomingListGuests)
+              this.updateMappedGuest(s.id, e);
+          return {
+            ...s,
+            hotelRoomingListGuests: this.listToGuests[s.id]
+          };
+        }
+        const t = this.initMappedGuests(s);
+        return {
+          ...s,
+          hotelRoomingListGuests: t
+        };
+      }) : [];
+    },
+    async retrieveHotelRoomingLists(s) {
+      var e;
+      let t = null;
+      this.hasError = !1;
+      try {
+        t = await ((e = this.bookingApiClient) == null ? void 0 : e.hotelRoomingLists.list(
+          {
+            token: s
+          }
+        ));
+      } catch (i) {
+        this.hasError = !0, console.error(i);
+      }
+      return t;
+    },
+    async updateRoomingList(s) {
+      var t, e, i, n, r;
+      this.showSnackbar = !1, this.snackbarText = "";
+      try {
+        if (s.guestId && s.fullName)
+          await ((t = this.bookingApiClient) == null ? void 0 : t.hotelRoomingListGuests.update({
+            token: this.token,
+            id: s.guestId,
+            body: { fullname: s.fullName }
+          }));
+        else if (!s.guestId && s.fullName) {
+          const o = await ((e = this.bookingApiClient) == null ? void 0 : e.hotelRoomingListGuests.create({
+            token: this.token,
+            body: {
+              fullname: s.fullName,
+              hotelRoomingListId: s.roomingListId
+            }
+          })), a = (i = this.listToGuests[s.roomingListId]) == null ? void 0 : i[s.index];
+          o && a && (a.id = o.id);
+        } else if (s.guestId && !s.fullName) {
+          await ((n = this.bookingApiClient) == null ? void 0 : n.hotelRoomingListGuests.delete({
+            token: this.token,
+            id: s.guestId
+          }));
+          const o = (r = this.listToGuests[s.roomingListId]) == null ? void 0 : r[s.index];
+          o && (o.id = "");
+        }
+        this.snackbarText = this.$t(
+          "RoomingListEditor.saveRoomingList.success"
+        ), this.snackbarColor = "success", this.hotelRoomingLists = await this.retrieveHotelRoomingLists(
+          this.token
+        ), this.mappedHotelRoomingLists = this.buildMappedLists();
+      } catch (o) {
+        this.snackbarColor = "error", this.snackbarText = o.message;
+      } finally {
+        this.showSnackbar = !0;
+      }
+    }
+  }
+});
+var S = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("rooming-list-editor-layout", { scopedSlots: t._u([t.hotelRoomingLists ? { key: "rooming-title", fn: function() {
+    return [t._v(" " + t._s(t.$t("RoomingListEditor.title")) + " ")];
+  }, proxy: !0 } : null, t.hotelRoomingLists ? { key: "rooming-list", fn: function() {
+    return [e(L, { attrs: { accordion: "", flat: "" } }, t._l(t.mappedHotelRoomingLists, function(i, n) {
+      var r, o, a, p;
+      return e(x, { key: i.id }, [e(k, [e("div", [(r = i.hotelRoom) != null && r.description ? e("div", { staticClass: "font-weight-bold mb-1" }, [t._v(" " + t._s((o = i.hotelRoom) == null ? void 0 : o.description) + " ")]) : t._e(), e("div", [t._v(" " + t._s((a = i.hotelRoom) == null ? void 0 : a.bedsPretty) + " "), e("span", { staticClass: "ml-2 caption text--secondary", domProps: { innerHTML: t._s(
+        t.$t("RoomingListEditor.occupancy", {
+          occupancy: (p = i.hotelRoom) == null ? void 0 : p.occupancy
+        })
+      ) } })])])]), e(G, t._l(i.hotelRoomingListGuests, function(c, u) {
+        return e("div", { key: u }, [e("span", { staticClass: "body-2" }, [t._v(t._s(t.$t("RoomingListEditor.guestCount", { guestCount: u + 1 })))]), e(C, { staticClass: "w-sm-50", attrs: { clearable: "", outlined: "", placeholder: t.$t("RoomingListEditor.fullName"), "prepend-inner-icon": "fa-user", value: c.fullname }, on: { input: function(g) {
+          return t.updateRoomingListDebounced({
+            roomingListId: i.id,
+            guestId: c.id,
+            fullName: g,
+            index: u
+          });
+        } } })], 1);
+      }), 0), n != t.mappedHotelRoomingLists.length - 1 ? e(_) : t._e()], 1);
+    }), 1), e(w, { attrs: { color: t.snackbarColor, elevation: "24", right: "", top: "" }, model: { value: t.showSnackbar, callback: function(i) {
+      t.showSnackbar = i;
+    }, expression: "showSnackbar" } }, [t._v(" " + t._s(t.snackbarText) + " ")])];
+  }, proxy: !0 } : null], null, !0) });
+}, N = [], A = /* @__PURE__ */ h(
+  H,
+  S,
+  N,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const K = A.exports;
+export {
+  K as R,
+  $ as r
+};
+//# sourceMappingURL=revolugo.roominglisteditor.BCpebY3B.min.js.map

package/dist/revolugo.roominglisteditor.C4AtDc7A.min.js

@@ -0,0 +1,28 @@
+import { V as n } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { R as t, r as e } from "./revolugo.roominglisteditor.BCpebY3B.min.js";
+import { W as s, n as i } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+const m = n.extend({
+  components: {
+    RoomingListEditor: t,
+    WebComponentWrapper: s
+  },
+  props: e
+});
+var p = function() {
+  var o = this, r = o._self._c;
+  return o._self._setupProxy, r("web-component-wrapper", [r("rooming-list-editor", o._b({}, "rooming-list-editor", o.$props, !1))], 1);
+}, a = [], _ = /* @__PURE__ */ i(
+  m,
+  p,
+  a,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const u = _.exports;
+export {
+  u as default
+};
+//# sourceMappingURL=revolugo.roominglisteditor.C4AtDc7A.min.js.map