@revolugo/elements 5.5.1 → 5.5.2-beta.0

package/dist/revolugo.creditcardform.LlbnFrMn.min.js

@@ -0,0 +1,28 @@
+import { V as o } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { C as n, c as t } from "./revolugo.creditcardform.C3fQHyxV.min.js";
+import { W as a, n as s } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+const m = o.extend({
+  components: {
+    CreditCardForm: n,
+    WebComponentWrapper: a
+  },
+  props: t
+});
+var p = function() {
+  var r = this, e = r._self._c;
+  return r._self._setupProxy, e("web-component-wrapper", [e("credit-card-form", r._b({}, "credit-card-form", r.$props, !1))], 1);
+}, c = [], d = /* @__PURE__ */ s(
+  m,
+  p,
+  c,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const C = d.exports;
+export {
+  C as default
+};
+//# sourceMappingURL=revolugo.creditcardform.LlbnFrMn.min.js.map

package/dist/revolugo.creditcardpayment.8C5f7CZ4.min.js

@@ -0,0 +1,28 @@
+import { V as n } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { C as t, c as a } from "./revolugo.creditcardpayment.DUk6kCnc.min.js";
+import { W as o, n as s } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+const p = n.extend({
+  components: {
+    CreditCardPayment: t,
+    WebComponentWrapper: o
+  },
+  props: a
+});
+var m = function() {
+  var e = this, r = e._self._c;
+  return e._self._setupProxy, r("web-component-wrapper", [r("credit-card-payment", e._b({}, "credit-card-payment", e.$props, !1))], 1);
+}, c = [], d = /* @__PURE__ */ s(
+  p,
+  m,
+  c,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const C = d.exports;
+export {
+  C as default
+};
+//# sourceMappingURL=revolugo.creditcardpayment.8C5f7CZ4.min.js.map

package/dist/revolugo.creditcardpayment.DUk6kCnc.min.js

@@ -0,0 +1,288 @@
+import { E as u } from "./revolugo.revolugo-config.CV2-KqZg.min.js";
+import { B as x, f as S } from "./revolugo.bformattedamount.BFXskYwq.min.js";
+import { E as h, b as n } from "./revolugo.booking-api-client.sLozEu8x.min.js";
+import { V as F, x as w } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { B as A } from "./revolugo.bookingdetailssidebar.Cyh9ESY5.min.js";
+import { C as $, _ as T } from "./revolugo.creditcardform.C3fQHyxV.min.js";
+import { B as I, l as B, n as U, _ as d, a as i, d as R } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+import { p as N } from "./revolugo.parsed-props.DLM9lIFH.min.js";
+import { w as D } from "./revolugo.watch-list.B0bwqcfr.min.js";
+import { _ as m } from "./revolugo.vcard.B9oLf8X7.min.js";
+import { V as y, a as O } from "./revolugo.index.CB0aeVeA.min.js";
+import { _ as c } from "./revolugo.index.FGCgdl6A.min.js";
+import { _ as V } from "./revolugo.vsnackbar.B-3BiuN_.min.js";
+import { _ as p, a as Y } from "./revolugo.vbtn.BnwFj80Q.min.js";
+import { _ as E, a as j } from "./revolugo.vtoolbar.C8u8AAF6.min.js";
+import { _ as G, a as z, b as H, c as K } from "./revolugo.vexpansionpanelheader.PUrYDsqZ.min.js";
+import { _ as Z } from "./revolugo.vtextfield.Bz_46CYU.min.js";
+function L(o) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, e = t.slice(0, t.lastIndexOf("/") + 1) + o;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(e);
+      for (const s of REVOLUGO_ELEMENTS_STYLES.components)
+        s(e);
+      if (o.indexOf("fonts") >= 0) {
+        const s = document.createElement("link");
+        s.rel = "stylesheet", linK.href = e, document.head.appendChild(s);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const q = {
+  BookingDetails: !0
+}, J = {
+  features: {
+    default: () => q,
+    type: [Object, String]
+  },
+  token: { type: String }
+}, Q = F.extend({
+  name: "CreditCardPayment",
+  components: {
+    BErrorOverlay: I,
+    BFormattedAmount: x,
+    BookingDetailsSidebar: A,
+    CreditCardForm: $
+  },
+  mixins: [
+    B("components/RevolugoElements/CreditCardPayment"),
+    N({
+      fallbackValue: {},
+      propsName: "features"
+    }),
+    D(["$i18n.locale", "bookingApiClient"], "retrieveBooking", {
+      immediate: !0
+    })
+  ],
+  props: J,
+  data: () => ({
+    booking: void 0,
+    couponSuccessMessage: "",
+    couponErrorMessage: "",
+    couponId: null,
+    error: "",
+    isFetchingBooking: !1,
+    isCreditCardFormMounted: !1,
+    isPaymentLoading: !1,
+    isPaymentSuccess: !1,
+    isTermsAccepted: !1,
+    isCreditCardFormCompleted: !1,
+    isUpdatingPaymentMethods: !1,
+    snackbar: !1,
+    termsError: !1
+  }),
+  computed: {
+    paymentMethods() {
+      var o;
+      return w(((o = this.booking) == null ? void 0 : o.paymentMethods) ?? [], "name");
+    },
+    payLaterAllowed() {
+      var o, t;
+      return ((o = this.booking) == null ? void 0 : o.payLater) && [
+        h.Enabled,
+        h.Forced
+      ].includes((t = this.booking) == null ? void 0 : t.payLater);
+    },
+    isPayLaterForced() {
+      var o;
+      return ((o = this.booking) == null ? void 0 : o.payLater) === h.Forced;
+    },
+    termsAndConditionsUrl() {
+      return this.$t("CreditCardPayment.termsURL");
+    }
+  },
+  watch: {
+    couponId() {
+      this.couponErrorMessage = "";
+    },
+    token: {
+      immediate: !0,
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      handler() {
+        return this.retrieveBooking();
+      }
+    }
+  },
+  methods: {
+    onCreditCardFormChange(o) {
+      this.isCreditCardFormCompleted = o, this.error = "";
+    },
+    onCreditCardFormSuccess() {
+      this.isPaymentLoading = !1, this.isPaymentSuccess = !0, this.$eventBus.$emit(u.PAYMENT_SUCCESS, this.booking);
+    },
+    onCreditCardFormError(o) {
+      this.error = o, this.isPaymentLoading = !1;
+    },
+    onCouponIdCleared() {
+      var o, t;
+      this.couponId = null, (t = (o = this.paymentMethods[n.Coupon]) == null ? void 0 : o.payload) != null && t.amount && this.updatePaymentMethods();
+    },
+    async payLater() {
+      var o, t;
+      try {
+        if (this.isPaymentLoading = !0, !this.isTermsAccepted) {
+          this.termsError = !0, this.isPaymentLoading = !1;
+          return;
+        }
+        if (!((o = this.booking) != null && o.id)) {
+          this.isPaymentLoading = !1;
+          return;
+        }
+        await ((t = this.bookingApiClient) == null ? void 0 : t.bookings.paylater({
+          id: this.booking.id
+        })), this.isPaymentSuccess = !0, this.$eventBus.$emit(u.PAYMENT_SUCCESS, this.booking);
+      } catch {
+        this.snackbar = !0;
+      } finally {
+        this.isPaymentLoading = !1;
+      }
+    },
+    async pay() {
+      var t, e, s, r;
+      if (((e = (t = this.paymentMethods[n.Coupon]) == null ? void 0 : t.payload) == null ? void 0 : e.amount) === ((s = this.booking) == null ? void 0 : s.taxIncludedPrice)) {
+        this.isPaymentLoading = !0, await ((r = this.bookingApiClient) == null ? void 0 : r.bookings.couponCharge({
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          id: this.booking.id,
+          couponId: (
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            this.paymentMethods[n.Coupon].payload.couponId
+          )
+        })), this.isPaymentSuccess = !0, this.$eventBus.$emit(u.PAYMENT_SUCCESS, this.booking);
+        return;
+      }
+      if (!this.$refs.payment)
+        return;
+      this.isPaymentLoading = !0, this.$refs.payment.pay();
+    },
+    async retrieveBooking() {
+      try {
+        if (!this.token) {
+          this.booking = void 0;
+          return;
+        }
+        this.isFetchingBooking = !0, this.toggleCreditCardForm(!1), this.booking = await this.bookingApiClient.bookings.retrievePublic({
+          token: this.token
+        }), (!this.booking.paymentMethods || !this.booking.paymentMethods.length || this.booking.paymentMethods.length > 1) && (this.booking = await this.bookingApiClient.bookings.updatePaymentMethods({
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          id: this.booking.id,
+          body: {
+            paymentMethods: [
+              {
+                name: n.CreditCard
+              }
+            ]
+          }
+        })), this.toggleCreditCardForm(!0), this.isFetchingBooking = !1;
+      } catch {
+        this.booking = void 0;
+      } finally {
+        this.isFetchingBooking = !1;
+      }
+    },
+    toggleCreditCardForm(o) {
+      this.error = "", this.isCreditCardFormMounted = o, this.isPaymentLoading = !o;
+    },
+    async updatePaymentMethods() {
+      var o, t, e, s, r;
+      try {
+        this.couponSuccessMessage = "", this.isUpdatingPaymentMethods = !0;
+        const l = [
+          {
+            name: n.CreditCard
+          }
+        ];
+        if (this.couponId && l.push({
+          name: n.Coupon,
+          payload: {
+            couponId: this.couponId
+          }
+        }), this.toggleCreditCardForm(!1), this.booking = await ((o = this.bookingApiClient) == null ? void 0 : o.bookings.updatePaymentMethods({
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          id: this.booking.id,
+          body: {
+            paymentMethods: l
+          }
+        })), this.toggleCreditCardForm(!0), !this.paymentMethods[n.Coupon] || !((t = this.paymentMethods[n.Coupon].payload) != null && t.amount)) {
+          if (!this.couponId)
+            return;
+          this.couponErrorMessage = this.$t(
+            "CreditCardPayment.paymentMethods.coupon.error"
+          );
+        } else
+          ((e = this.paymentMethods[n.Coupon].payload) == null ? void 0 : e.amount) === ((s = this.booking) == null ? void 0 : s.taxIncludedPrice) && (this.isCreditCardFormCompleted = !0), this.couponErrorMessage = "", this.couponSuccessMessage = this.$t(
+            "CreditCardPayment.paymentMethods.coupon.success",
+            {
+              price: S({
+                amount: (
+                  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                  this.paymentMethods[n.Coupon].payload.amount
+                ),
+                currency: (r = this.booking) == null ? void 0 : r.currency
+              })
+            }
+          );
+      } catch {
+        this.booking = void 0;
+      } finally {
+        this.isUpdatingPaymentMethods = !1;
+      }
+    }
+  }
+});
+var W = function() {
+  var s, r, l, g, C, _, f, k, b, P, M, v;
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, t.isPaymentSuccess ? e(m, { attrs: { elevation: "0" } }, [e(y, { staticClass: "py-6 d-flex flex-column justify-center align-center" }, [e(c, { staticClass: "mb-4", attrs: { color: "green", "x-large": "" } }, [t._v(" fa-check-circle ")]), e("h3", { staticClass: "green--text" }, [t._v(" " + t._s(t.$t("CreditCardPayment.paymentSuccess.subtitle")) + " ")])], 1)], 1) : t.booking && t.booking.id ? e("div", [e(V, { attrs: { color: "error", timeout: "-1", top: "" }, scopedSlots: t._u([{ key: "action", fn: function({ attrs: a }) {
+    return [e(p, t._b({ attrs: { color: "pink", text: "" }, on: { click: function(et) {
+      t.snackbar = !1;
+    } } }, "v-btn", a, !1), [e(c, [t._v(" fa-times ")])], 1)];
+  } }]), model: { value: t.snackbar, callback: function(a) {
+    t.snackbar = a;
+  }, expression: "snackbar" } }, [t._v(" " + t._s(t.$t("CreditCardPayment.error")) + " ")]), e(d, { attrs: { dense: "" } }, [t.parsedFeatures.BookingDetails ? e(i, { attrs: { cols: "12", lg: "4", sm: "4", xl: "4" } }, [e("booking-details-sidebar", t._b({}, "booking-details-sidebar", t.booking, !1))], 1) : t._e(), e(i, { class: t.parsedFeatures.BookingDetails ? "col-sm-8 col-12" : "w-100" }, [e(m, { attrs: { elevation: "0", outlined: "" } }, [t.parsedFeatures.BookingDetails ? t._e() : e(E, { attrs: { color: "primary", dark: "", dense: "", elevation: "0" } }, [e("h4", [t._v(" " + t._s(t.$t("CreditCardPayment.pay")) + ": "), e("b-formatted-amount", { staticClass: "font-weight-bold", attrs: { amount: t.booking.taxIncludedPrice, currency: t.booking.currency } })], 1)]), e(y, [t.isPayLaterForced ? e(m, { style: {
+    borderColor: "var(--v-primary-base)"
+  }, attrs: { elevation: "0", outlined: "" } }, [e(E, { staticClass: "white--text", attrs: { color: "primary", dense: "", elevation: "0" } }, [e("div", { staticClass: "w-100 d-flex justify-space-between items-center" }, [e("h4", [t._v(t._s(t.$t("CreditCardPayment.payLaterForced.title")))])])]), e(y, [e("h4", [t._v(t._s(t.$t("CreditCardPayment.payLaterForced.subtitle")))])])], 1) : [e("credit-card-form", { ref: "payment", attrs: { amount: ((r = (s = t.paymentMethods.CREDIT_CARD) == null ? void 0 : s.payload) == null ? void 0 : r.amount) || 0, currency: t.booking.currency, disabled: !((g = (l = t.paymentMethods.CREDIT_CARD) == null ? void 0 : l.payload) != null && g.amount) || !((_ = (C = t.paymentMethods.CREDIT_CARD) == null ? void 0 : C.payload) != null && _.token), loading: !t.isCreditCardFormMounted, token: (k = (f = t.paymentMethods.CREDIT_CARD) == null ? void 0 : f.payload) == null ? void 0 : k.token }, on: { change: t.onCreditCardFormChange, error: t.onCreditCardFormError, success: t.onCreditCardFormSuccess } }), e(d, [e(i, { attrs: { cols: 12 } }, [e(m, { staticClass: "mt-3 color-grey", attrs: { elevation: "0", outlined: "" } }, [e(G, { attrs: { accordion: "", readonly: !!(t.couponId && ((P = (b = t.paymentMethods.COUPON) == null ? void 0 : b.payload) != null && P.amount) || t.isUpdatingPaymentMethods) } }, [e(z, { on: { change: function(a) {
+    t.couponId = null;
+  } } }, [e(H, { attrs: { color: "grey lighten-4", dense: "", "hide-actions": !!(t.couponId && ((v = (M = t.paymentMethods.COUPON) == null ? void 0 : M.payload) != null && v.amount) || t.isUpdatingPaymentMethods) } }, [e("h4", [e(c, { attrs: { left: "" } }, [t._v(" fa-ticket ")]), t._v(" " + t._s(t.$t("CreditCardPayment.paymentMethods.coupon.title")) + " ")], 1)]), e(K, [e(d, { staticClass: "mt-6 mb-0", attrs: { "no-gutters": "" } }, [e(i, { attrs: { cols: "12", lg: "10" } }, [e(Z, { attrs: { clearable: "", dense: "", disabled: t.isUpdatingPaymentMethods, "error-messages": t.couponErrorMessage, label: t.$t(
+    "CreditCardPayment.paymentMethods.coupon.subtitle"
+  ), outlined: "", "success-messages": t.couponSuccessMessage }, on: { "click:clear": t.onCouponIdCleared }, model: { value: t.couponId, callback: function(a) {
+    t.couponId = a;
+  }, expression: "couponId" } })], 1), e(i, { staticClass: "text-right text-lg-left", attrs: { cols: "12", lg: "2" } }, [e(p, { staticClass: "ml-0 ml-md-2", attrs: { color: "primary", depressed: "", disabled: !t.couponId || t.couponId === t.booking, large: "", loading: t.isUpdatingPaymentMethods, plain: "", text: "" }, on: { click: t.updatePaymentMethods } }, [t._v(" " + t._s(t.$t("CreditCardPayment.paymentMethods.coupon.button")) + " ")])], 1)], 1)], 1)], 1)], 1)], 1)], 1)], 1), e(d, [e(i, [e(c, { attrs: { left: "" } }, [t._v(" fa-info-circle ")]), e("small", [t._v(t._s(t.$t("CreditCardPayment.subtitle")))])], 1)], 1)], e(d, { staticClass: "mt-2" }, [e(i, [e(T, { ref: "testing", staticClass: "mt-0", attrs: { error: t.termsError && !t.isTermsAccepted }, scopedSlots: t._u([{ key: "label", fn: function() {
+    return [e("span", { domProps: { innerHTML: t._s(
+      t.$t("CreditCardPayment.termsAndConditions", {
+        url: t.termsAndConditionsUrl
+      })
+    ) }, on: { click: function(a) {
+      a.stopPropagation();
+    } } })];
+  }, proxy: !0 }]), model: { value: t.isTermsAccepted, callback: function(a) {
+    t.isTermsAccepted = a;
+  }, expression: "isTermsAccepted" } })], 1)], 1)], 2), e(O, { staticClass: "mt-n6" }, [e(d, { staticClass: "flex-column flex-sm-row", attrs: { align: "end", "no-gutters": "" } }, [e(i, [e("small", { staticClass: "ml-1 text-caption" }, [t._v(t._s(t.$t("CreditCardPayment.acceptedPaymentMethods")))]), e(j, { staticClass: "mt-n1", attrs: { contain: "", height: "45", src: "https://revolugo.s3.eu-west-3.amazonaws.com/payment-methods.png", width: "240" } })], 1), e(i, { staticClass: "d-flex justify-end flex-column flex-sm-row mb-1 align-center mt-4 mt-sm-0" }, [t.isPayLaterForced ? [e(p, { staticClass: "w-100 w-sm-auto", attrs: { color: "success", depressed: "", disabled: t.isPaymentLoading || !t.isTermsAccepted, loading: t.isPaymentLoading, outlined: "" }, on: { click: t.payLater } }, [e("span", { staticClass: "mr-1" }, [t._v(" " + t._s(t.$t("CreditCardPayment.completeBookingNow")) + " ")])])] : t.payLaterAllowed ? [e(p, { staticClass: "w-100 w-sm-auto", attrs: { color: "primary", depressed: "", disabled: t.isPaymentLoading || !t.isTermsAccepted, loading: t.isPaymentLoading, outlined: "" }, on: { click: t.payLater } }, [e(c, { attrs: { left: "" } }, [t._v(" fa-clock ")]), e("span", { staticClass: "mr-1" }, [t._v(" " + t._s(t.$t("CreditCardPayment.completeBookingLater")) + " ")]), t.isPayLaterForced ? t._e() : e("b-formatted-amount", { staticClass: "font-weight-bold", attrs: { amount: t.booking.taxIncludedPrice, currency: t.booking.currency } })], 1), e("span", { staticClass: "mx-2" }, [t._v(" " + t._s(t.$t("CreditCardPayment.or")) + " ")])] : t._e(), t.isPayLaterForced ? t._e() : e(p, { staticClass: "w-100 w-sm-auto", attrs: { color: "primary", depressed: "", disabled: t.isPaymentLoading || !t.isTermsAccepted || !t.isCreditCardFormCompleted || t.isUpdatingPaymentMethods, loading: t.isPaymentLoading }, on: { click: t.pay } }, [e(c, { attrs: { left: "" } }, [t._v(" fa-lock ")]), e("span", { staticClass: "mr-1" }, [t._v(t._s(t.$t("CreditCardPayment.completeBookingNow")))])], 1)], 2)], 1)], 1)], 1)], 1)], 1)], 1) : t.isFetchingBooking ? e(m, { staticClass: "mx-auto", attrs: { elevation: "0", height: "350px", width: "100%" } }, [e(R, { staticClass: "align-center justify-center", attrs: { absolute: "", opacity: "0.1" } }, [e(Y, { attrs: { color: "primary", indeterminate: "", size: "64" } })], 1)], 1) : e("b-error-overlay", { attrs: { "min-height": "200px" }, scopedSlots: t._u([{ key: "title", fn: function() {
+    return [t._v(" " + t._s(t.$t("CreditCardPayment.bookingNotFound.title")) + " ")];
+  }, proxy: !0 }, { key: "description", fn: function() {
+    return [t._v(" " + t._s(t.$t("CreditCardPayment.bookingNotFound.description")) + " ")];
+  }, proxy: !0 }]) });
+}, X = [], tt = /* @__PURE__ */ U(
+  Q,
+  W,
+  X,
+  !1,
+  null,
+  "5355c38a",
+  null,
+  null
+);
+const ft = tt.exports;
+L("css/revolugo.creditcardpayment.0MNnDloZ.css");
+export {
+  ft as C,
+  q as a,
+  J as c
+};
+//# sourceMappingURL=revolugo.creditcardpayment.DUk6kCnc.min.js.map

package/dist/revolugo.currencypicker.wqREtJ__.min.js

@@ -0,0 +1,122 @@
+import { E as _ } from "./revolugo.revolugo-config.CV2-KqZg.min.js";
+import { V as m, C as p, A as i } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { b as d } from "./revolugo.breakpoint-service.CligvfbR.min.js";
+import { d as h } from "./revolugo.dialog-attach.GnnAYjIE.min.js";
+import { l as C, n as f, _ as r, a as o } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+import { _ as g, a as c } from "./revolugo.vlistitem.rGqVrGQv.min.js";
+import "./revolugo.index.CsWvarCO.min.js";
+import { _ as E } from "./revolugo.vtextfield.Bz_46CYU.min.js";
+function u(n) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, e = t.slice(0, t.lastIndexOf("/") + 1) + n;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(e);
+      for (const s of REVOLUGO_ELEMENTS_STYLES.components)
+        s(e);
+      if (n.indexOf("fonts") >= 0) {
+        const s = document.createElement("link");
+        s.rel = "stylesheet", linK.href = e, document.head.appendChild(s);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const L = [
+  "EUR",
+  "USD",
+  "GBP",
+  "CAD",
+  "AED",
+  "INR",
+  "AUD",
+  "JPY"
+], v = m.extend({
+  name: "CurrencyPicker",
+  mixins: [
+    C("components/RevolugoElements/CurrencyPicker"),
+    d,
+    h
+  ],
+  data() {
+    return {
+      searchInput: "",
+      dialog: !1
+    };
+  },
+  computed: {
+    countries() {
+      return Object.values(p);
+    },
+    currencies() {
+      return i;
+    },
+    filteredList() {
+      if (!this.searchInput)
+        return Object.values(this.currencies);
+      const n = this.countries.filter(
+        (e) => e.name.toLowerCase().includes(this.searchInput.toLowerCase()) || e.iso2.toLowerCase().includes(this.searchInput.toLowerCase())
+      ), t = new Set(
+        n.map((e) => e.currency)
+      );
+      return Object.values(this.currencies).filter(
+        (e) => e.code.toLowerCase().includes(this.searchInput.toLowerCase()) || e.name.toLowerCase().includes(this.searchInput.toLowerCase()) || e.symbol.toLowerCase().includes(this.searchInput.toLowerCase()) || t.has(e.code)
+      );
+    },
+    commonCurrencies() {
+      const n = new Set(L);
+      return Object.values(this.currencies).filter(
+        (t) => n.has(t.code)
+      );
+    },
+    selectedCurrency() {
+      return this.config.currency ?? i.EUR.code;
+    }
+  },
+  watch: {
+    dialog(n) {
+      n || (this.searchInput = "");
+    },
+    selectedCurrency() {
+      this.$eventBus.$emit(_.CURRENCY_UPDATED, this.config.currency);
+    }
+  },
+  methods: {
+    onItemClick(n) {
+      this.dialog = !1, this.updateCurrency(n.code), this.searchInput = "";
+    }
+  }
+});
+var w = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e(g, { staticClass: "pa-4" }, [e(r, { attrs: { "no-gutters": "" } }, [e(o, { attrs: { cols: "auto" } }, [e("p", { staticClass: "mb-2 font-weight-bold" }, [t._v(" " + t._s(t.$t("CurrencyPicker.preferred")) + " ")])]), e(o, { staticClass: "text-right" }, [t._t("toolbar-right")], 2)], 1), e(r, { attrs: { "no-gutters": "" } }, t._l(t.commonCurrencies, function(s, a) {
+    return e(o, { key: a, attrs: { cols: "12", md: "4", sm: "6" } }, [e(c, { staticClass: "text-caption", class: s.code === t.config.currency ? "grey lighten-4" : null, attrs: { link: "" }, on: { click: function(l) {
+      return t.onItemClick(s);
+    } } }, [e(r, { attrs: { "no-gutters": "" } }, [e(o, { attrs: { cols: "4", sm: "3" } }, [e("span", { staticClass: "font-weight-bold primary--text" }, [t._v(" " + t._s(s.code) + " "), s.code !== s.symbol ? [t._v(" - " + t._s(s.symbol) + " ")] : t._e()], 2)]), e(o, { staticClass: "currency-name" }, [e("span", {}, [t._v(" " + t._s(s.name) + " ")])])], 1)], 1)], 1);
+  }), 1), e(r, { staticClass: "mt-3", attrs: { align: "center", "no-gutters": "" } }, [e(o, { attrs: { cols: "12", lg: "4" } }, [e("span", { staticClass: "font-weight-bold" }, [t._v(" " + t._s(t.$t("CurrencyPicker.all")) + " ")])]), e(o, { attrs: { cols: "12", lg: "8" } }, [e(E, { staticClass: "mt-2", attrs: { dense: "", "error-messages": t.filteredList.length === 0 ? [t.$t("CurrencyPicker.notFound")] : [], label: "Search", outlined: "" }, model: { value: t.searchInput, callback: function(s) {
+    t.searchInput = s;
+  }, expression: "searchInput" } })], 1)], 1), e(r, { staticClass: "scrollable", attrs: { "no-gutters": "" } }, t._l(t.filteredList, function(s, a) {
+    return e(o, { key: a, attrs: { cols: "12", md: "4", sm: "6" } }, [e(c, { staticClass: "text-caption", class: s.code === t.config.currency ? "grey lighten-4" : null, attrs: { link: "" }, on: { click: function(l) {
+      return t.onItemClick(s);
+    } } }, [e(r, { attrs: { "no-gutters": "" } }, [e(o, { attrs: { cols: "4", sm: "3" } }, [e("span", { staticClass: "font-weight-bold primary--text" }, [t._v(" " + t._s(s.code) + " "), s.code !== s.symbol ? [t._v(" - " + t._s(s.symbol) + " ")] : t._e()], 2)]), e(o, { staticClass: "currency-name no-break ml-1" }, [t._v(" " + t._s(s.name) + " ")])], 1)], 1)], 1);
+  }), 1)], 1);
+}, b = [], S = /* @__PURE__ */ f(
+  v,
+  w,
+  b,
+  !1,
+  null,
+  "973f0bca",
+  null,
+  null
+);
+const N = S.exports;
+u("css/revolugo.currencypicker.BRYsKdMu.css");
+export {
+  N as C
+};
+//# sourceMappingURL=revolugo.currencypicker.wqREtJ__.min.js.map

package/dist/revolugo.currencypickerbtn.B2m0S_4y.min.js

@@ -0,0 +1,28 @@
+import { V as n } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { C as c, c as o } from "./revolugo.currencypickerbtn.DBD-dfnI.min.js";
+import { W as t, n as s } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+const p = n.extend({
+  components: {
+    CurrencyPickerBtn: c,
+    WebComponentWrapper: t
+  },
+  props: o
+});
+var a = function() {
+  var r = this, e = r._self._c;
+  return r._self._setupProxy, e("web-component-wrapper", [e("currency-picker-btn", r._b({}, "currency-picker-btn", r.$props, !1))], 1);
+}, _ = [], u = /* @__PURE__ */ s(
+  p,
+  a,
+  _,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const y = u.exports;
+export {
+  y as default
+};
+//# sourceMappingURL=revolugo.currencypickerbtn.B2m0S_4y.min.js.map

package/dist/revolugo.currencypickerbtn.DBD-dfnI.min.js

@@ -0,0 +1,121 @@
+import { V as t, A as l, j as u } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { C as _ } from "./revolugo.currencypicker.wqREtJ__.min.js";
+import { d as c } from "./revolugo.dialog-attach.GnnAYjIE.min.js";
+import { n as a } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+import { _ as p } from "./revolugo.common.C_rtPL-E.min.js";
+import { _ as m } from "./revolugo.vdialog.BGaQYjRQ.min.js";
+import { _ as i } from "./revolugo.vbtn.BnwFj80Q.min.js";
+import { _ as f } from "./revolugo.index.FGCgdl6A.min.js";
+const d = {
+  color: {
+    type: String,
+    default: "primary"
+  },
+  dialog: {
+    type: Boolean,
+    default: !1
+  },
+  elevation: {
+    type: [String, Number],
+    default: 0
+  },
+  size: {
+    type: [String, Number],
+    default: 0
+  }
+}, g = {
+  value: {
+    type: Boolean
+  }
+}, y = t.extend({
+  name: "CurrencyPickerDialog",
+  components: {
+    CurrencyPicker: _
+  },
+  mixins: [c],
+  props: g,
+  data() {
+    return {
+      open: this.value
+    };
+  },
+  watch: {
+    "config.currency"(n) {
+      n && (this.open = !1);
+    },
+    open(n) {
+      this.$emit("input", n);
+    },
+    value(n) {
+      this.open = n;
+    }
+  }
+});
+var k = function() {
+  var e = this, r = e._self._c;
+  return e._self._setupProxy, r(m, { attrs: { attach: e.$dialogAttach, "max-width": "850" }, model: { value: e.open, callback: function(o) {
+    e.open = o;
+  }, expression: "open" } }, [r("currency-picker", { scopedSlots: e._u([{ key: "toolbar-right", fn: function() {
+    return [r(p), r(i, { staticClass: "mx-1", attrs: { fab: "", icon: "", text: "", "x-small": "" }, on: { click: function(o) {
+      e.open = !1;
+    } } }, [r(f, { attrs: { color: "dark" } }, [e._v(" fa-times ")])], 1)];
+  }, proxy: !0 }]) })], 1);
+}, v = [], P = /* @__PURE__ */ a(
+  y,
+  k,
+  v,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const x = P.exports, h = t.extend({
+  name: "LangPickerBtn",
+  components: {
+    CurrencyPickerDialog: x
+  },
+  mixins: [c],
+  props: d,
+  data() {
+    return {
+      currencyPickerDialog: !1
+    };
+  },
+  computed: {
+    currencies() {
+      return l;
+    },
+    locales() {
+      return u;
+    }
+  },
+  methods: {
+    onClick() {
+      this.dialog && (this.currencyPickerDialog = !0);
+    }
+  }
+});
+var C = function() {
+  var o;
+  var e = this, r = e._self._c;
+  return e._self._setupProxy, r(i, { class: `elevation-${e.elevation}`, attrs: { color: e.color, dark: "", fab: "", "x-small": "" }, on: { click: e.onClick } }, [r("b", [e._v(e._s((o = e.currencies[e.config.currency]) == null ? void 0 : o.code))]), e.dialog ? r("currency-picker-dialog", { model: { value: e.currencyPickerDialog, callback: function(s) {
+    e.currencyPickerDialog = s;
+  }, expression: "currencyPickerDialog" } }) : e._e()], 1);
+}, D = [], b = /* @__PURE__ */ a(
+  h,
+  C,
+  D,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const T = b.exports;
+export {
+  T as C,
+  x as a,
+  d as c
+};
+//# sourceMappingURL=revolugo.currencypickerbtn.DBD-dfnI.min.js.map

package/dist/revolugo.dialog-attach.GnnAYjIE.min.js

@@ -0,0 +1,27 @@
+import { V as t } from "./revolugo.i18n.CyGKqo0B.min.js";
+const i = t.extend({
+  data() {
+    return {
+      dialogAttach: null
+    };
+  },
+  computed: {
+    $dialogAttach() {
+      return this.dialogAttach;
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.dialogAttachInit();
+    });
+  },
+  methods: {
+    dialogAttachInit() {
+      this.dialogAttach = this.$root.$el.querySelector(".v-application");
+    }
+  }
+});
+export {
+  i as d
+};
+//# sourceMappingURL=revolugo.dialog-attach.GnnAYjIE.min.js.map