@revolugo/elements 5.5.1-beta.4 → 5.5.1-beta.5

package/dist/revolugo.storybooktoolbar.DZnWfHfa.min.js

@@ -0,0 +1,300 @@
+import { V as s, b as S, d as m, t as _ } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { y as $ } from "./revolugo.booking-api-client.X4zQkiOB.min.js";
+import { B as g } from "./revolugo.btag.CIEhEBjO.min.js";
+import { d as v } from "./revolugo.dialog-attach.BQO5FkC9.min.js";
+import { l as h, n as r, _ as o, a as y, W as V } from "./revolugo.webcomponentwrapper.B_LKAOR9.min.js";
+import { w as A } from "./revolugo.watch-list.CU-vo_n9.min.js";
+import { _ as E } from "./revolugo.vdialog.CCHO0Kwj.min.js";
+import { _ as n } from "./revolugo.vbtn.D9xoQSTX.min.js";
+import { _ as f } from "./revolugo.index.xbcOdM2R.min.js";
+import { _ as k } from "./revolugo.vcard.DHZXDqHw.min.js";
+import { V as b, a as x } from "./revolugo.index.Ce9_ljIe.min.js";
+import { _ as c, B as L } from "./revolugo.bdaterangepicker.7NUNlis2.min.js";
+import { _ as M } from "./revolugo.vform.CrSmhAkR.min.js";
+import { _ as d } from "./revolugo.vtextfield.CH3y216m.min.js";
+import { _ as K } from "./revolugo.common.BJWUn2e4.min.js";
+function R(i) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const e = import.meta.url, t = e.slice(0, e.lastIndexOf("/") + 1) + i;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(t);
+      for (const a of REVOLUGO_ELEMENTS_STYLES.components)
+        a(t);
+      if (i.indexOf("fonts") >= 0) {
+        const a = document.createElement("link");
+        a.rel = "stylesheet", linK.href = t, document.head.appendChild(a);
+      }
+    }
+  } catch (e) {
+    console.error("[revolugo-elements] ", e);
+  }
+}
+const C = s.extend({
+  name: "ApiKeyEditor",
+  components: {
+    BTag: g
+  },
+  mixins: [
+    h("components/storybook/ApiKeyEditor"),
+    A(["config.apiEnvironment"], "updateApiKey", {
+      immediate: !0,
+      deep: !0
+    }),
+    v
+  ],
+  data() {
+    return {
+      // Read cookie to init component
+      apiKey: this.$cookies.get("apiKey"),
+      apiKeyRules: [
+        (i) => !!i || // eslint-disable-next-line @typescript-eslint/no-base-to-string
+        `A valid API Key is required. ${this.$t("ApiKeyEditor.hint", {
+          environment: this.config.apiEnvironment
+        })}`
+      ],
+      dialog: !1,
+      isFormValid: !1,
+      isLoading: !1
+    };
+  },
+  methods: {
+    closeDialog() {
+      this.dialog = !1, this.apiKey = this.$cookies.get("apiKey");
+    },
+    async isValidApiKey() {
+      if (!this.apiKey)
+        return !1;
+      const i = {
+        apiKey: this.apiKey,
+        apiVersion: S.V1,
+        apiEnvironment: window.RevolugoElements.config.apiEnvironment,
+        optionalHeaders: window.RevolugoElements.config.optionalHeaders
+      }, e = new $(i);
+      try {
+        return !!await e.hotels.retrieve({
+          id: "67xX"
+        });
+      } catch (t) {
+        return console.error(t), !1;
+      }
+    },
+    async onSubmit() {
+      this.validate(), await this.updateApiKey(), this.apiKey && this.closeDialog();
+    },
+    async updateApiKey() {
+      try {
+        if (this.isLoading = !0, await this.isValidApiKey())
+          this.config.apiKey !== this.apiKey && this.updateConfig({
+            ...this.config,
+            apiKey: this.apiKey
+          }), this.$cookies.set("apiKey", this.apiKey);
+        else
+          throw new Error("Invalid API Key");
+      } catch {
+        this.apiKey = void 0, this.$cookies.remove("apiKey"), this.updateConfig({
+          ...this.config,
+          apiKey: void 0
+        });
+      } finally {
+        this.isLoading = !1;
+      }
+    },
+    validate() {
+      this.$refs.apiKeyEditorForm.validate();
+    }
+  }
+});
+var w = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("div", [t(E, { attrs: { attach: e.$dialogAttach, "max-width": "600px" }, scopedSlots: e._u([{ key: "activator", fn: function({ on: a, attrs: l }) {
+    return [t(n, e._g(e._b({ attrs: { color: e.$cookies.get("apiKey") ? "success" : "warning", elevation: "0", "x-small": "" } }, "v-btn", l, !1), a), [e.$cookies.get("apiKey") ? [t(f, { staticClass: "mr-2" }, [e._v(" fa-check ")]), e._v(" Valid API key ")] : [t(f, { staticClass: "mr-2" }, [e._v(" fa-exclamation ")]), e._v(" No API key provided ")]], 2)];
+  } }]), model: { value: e.dialog, callback: function(a) {
+    e.dialog = a;
+  }, expression: "dialog" } }, [t(k, [t(b, { staticClass: "pa-4" }, [t(c, { staticClass: "pa-0" }, [t(o, { attrs: { "no-gutters": "" } }, [t(y, [t(M, { ref: "apiKeyEditorForm", staticClass: "m-0", attrs: { "lazy-validation": "" }, on: { submit: function(a) {
+    return a.preventDefault(), e.onSubmit.apply(null, arguments);
+  } }, model: { value: e.isFormValid, callback: function(a) {
+    e.isFormValid = a;
+  }, expression: "isFormValid" } }, [t(d, { attrs: { dense: "", hint: e.$t("ApiKeyEditor.hint", {
+    environment: e.config.apiEnvironment
+  }), label: "API Key", outlined: "", "persistent-hint": "", required: "", rules: e.apiKeyRules }, on: { keyup: function(a) {
+    return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.onSubmit.apply(null, arguments);
+  } }, model: { value: e.apiKey, callback: function(a) {
+    e.apiKey = a;
+  }, expression: "apiKey" } })], 1)], 1)], 1)], 1)], 1), t(x, [t(K), t(n, { attrs: { color: "blue darken-1", small: "", text: "" }, on: { click: e.closeDialog } }, [e._v(" Close ")]), t(n, { staticClass: "text-right", attrs: { color: "primary", disabled: e.isLoading, elevation: "0", loading: e.isLoading, small: "" }, on: { click: e.onSubmit } }, [e._v(" Save ")])], 1)], 1)], 1)], 1);
+}, F = [], D = /* @__PURE__ */ r(
+  C,
+  w,
+  F,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const T = D.exports, O = s.extend({
+  name: "EventMetadataEditor",
+  components: {
+    BTag: g,
+    BDateRangePicker: L
+  },
+  mixins: [v, h("components/storybook/EventMetadataEditor")],
+  data() {
+    return {
+      name: "",
+      eventMetadata: this.$cookies.get("eventMetadata") || {
+        name: "",
+        dateEnd: m().add(1, "day").format("YYYY-MM-DD").toString(),
+        dateStart: m().format("YYYY-MM-DD").toString()
+      },
+      imageURLRules: [
+        (i) => {
+          if (!i)
+            return !0;
+          try {
+            return (
+              // eslint-disable-next-line no-constant-binary-expression
+              !!new URL(i) || this.$t("EventMetadataEditor.validation.imageURL")
+            );
+          } catch {
+            return this.$t("EventMetadataEditor.validation.imageURL");
+          }
+        }
+      ],
+      nameRules: [
+        (i) => !!i || this.$t("EventMetadataEditor.validation.name")
+      ],
+      dialog: !1,
+      isFormValid: !1,
+      isLoading: !1
+    };
+  },
+  computed: {
+    dateRange: {
+      get() {
+        return _(
+          this.eventMetadata.dateStart,
+          this.eventMetadata.dateEnd
+        );
+      },
+      set(i) {
+        [this.eventMetadata.dateStart, this.eventMetadata.dateEnd] = _(...i);
+      }
+    },
+    isFetching: {
+      get() {
+        return this.$store.get("hotelOfferRequest/isFetching");
+      }
+    }
+  },
+  created() {
+    this.$cookies.get("eventMetadata") && this.updateConfig({
+      ...this.config,
+      eventMetadata: this.$cookies.get("eventMetadata")
+    });
+  },
+  methods: {
+    onReset() {
+      this.$cookies.remove("eventMetadata"), this.eventMetadata = {}, this.updateConfig({
+        ...this.config,
+        eventMetadata: {}
+      }), this.closeDialog();
+    },
+    closeDialog() {
+      this.dialog = !1;
+    },
+    isValidEventMetadata() {
+      var i;
+      return !(!((i = this.eventMetadata) != null && i.name.length) || !this.dateRange[0] || !this.dateRange[1]);
+    },
+    onSubmit() {
+      this.updateEventMetadata(), this.closeDialog();
+    },
+    updateEventMetadata() {
+      this.isValidEventMetadata() && (this.updateConfig({
+        ...this.config,
+        eventMetadata: this.eventMetadata
+      }), this.$cookies.set("eventMetadata", JSON.stringify(this.eventMetadata)), this.closeDialog());
+    }
+  }
+});
+var U = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("div", [t(E, { attrs: { attach: e.$dialogAttach, height: "600px", "max-width": "600px" }, scopedSlots: e._u([{ key: "activator", fn: function({ on: a, attrs: l }) {
+    var u, p;
+    return [t(n, e._g(e._b({ attrs: { color: e.$cookies.get("eventMetadata") ? "success" : "warning", elevation: "0", "x-small": "" } }, "v-btn", l, !1), a), [e._v(" " + e._s((u = e.eventMetadata) != null && u.name ? `EVENT : ${(p = e.eventMetadata) == null ? void 0 : p.name}` : "ADD EVENT METADATA") + " ")])];
+  } }]), model: { value: e.dialog, callback: function(a) {
+    e.dialog = a;
+  }, expression: "dialog" } }, [t(k, [t(b, { staticClass: "pa-4" }, [t(c, { staticClass: "pa-0" }, [t(o, { attrs: { "no-gutters": "" } }, [t(y, [t(M, { ref: "eventMetadataEditorForm", staticClass: "m-0", attrs: { "lazy-validation": "" }, on: { submit: function(a) {
+    return a.preventDefault(), e.onSubmit.apply(null, arguments);
+  } }, model: { value: e.isFormValid, callback: function(a) {
+    e.isFormValid = a;
+  }, expression: "isFormValid" } }, [t(d, { attrs: { dense: "", label: "Name of the event", outlined: "", "persistent-hint": "", required: "", rules: e.nameRules }, on: { keyup: function(a) {
+    return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.onSubmit.apply(null, arguments);
+  } }, model: { value: e.eventMetadata.name, callback: function(a) {
+    e.$set(e.eventMetadata, "name", a);
+  }, expression: "eventMetadata.name" } }), t(d, { attrs: { dense: "", label: "Image URL", outlined: "", "persistent-hint": "", rules: e.imageURLRules }, on: { keyup: function(a) {
+    return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.onSubmit.apply(null, arguments);
+  } }, model: { value: e.eventMetadata.imageURL, callback: function(a) {
+    e.$set(e.eventMetadata, "imageURL", a);
+  }, expression: "eventMetadata.imageURL" } }), t(o, [t("b-date-range-picker", { model: { value: e.dateRange, callback: function(a) {
+    e.dateRange = a;
+  }, expression: "dateRange" } })], 1)], 1)], 1)], 1)], 1)], 1), t(x, [t(K), t(n, { attrs: { color: "blue darken-1", small: "", text: "" }, on: { click: e.closeDialog } }, [e._v(" Close ")]), t(n, { attrs: { color: "error", disabled: e.isFetching, loading: e.isFetching, small: "", text: "" }, on: { click: e.onReset } }, [e._v(" Reset ")]), t(n, { attrs: { color: "primary", disabled: e.isFetching, loading: e.isFetching, small: "" }, on: { click: e.onSubmit } }, [e._v(" Save ")])], 1)], 1)], 1)], 1);
+}, Y = [], P = /* @__PURE__ */ r(
+  O,
+  U,
+  Y,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const N = P.exports, I = s.extend({
+  name: "StorybookExtraToolbar",
+  components: {
+    ApiKeyEditor: T,
+    EventMetadataEditor: N
+  }
+});
+var B = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t(c, { staticClass: "pa-0 mb-3", attrs: { fluid: "" } }, [t(o, { attrs: { "no-gutters": "" } }, [t("div", { staticClass: "flex gap-1 px-3" }, [t("api-key-editor"), t("event-metadata-editor")], 1)])], 1);
+}, q = [], z = /* @__PURE__ */ r(
+  I,
+  B,
+  q,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const G = z.exports, W = s.extend({
+  components: {
+    StorybookExtraToolbar: G,
+    WebComponentWrapper: V
+  }
+});
+var j = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("web-component-wrapper", { attrs: { "error-overlay-disabled": "" } }, [t("storybook-extra-toolbar")], 1);
+}, H = [], J = /* @__PURE__ */ r(
+  W,
+  j,
+  H,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const pe = J.exports;
+R("css/revolugo.storybooktoolbar.CVnww0dZ.css");
+export {
+  pe as default
+};
+//# sourceMappingURL=revolugo.storybooktoolbar.DZnWfHfa.min.js.map