@cling-se/widget 0.9.23 → 0.9.24

package/dist/{Index-96725e56.js → Index-fd6da129.js}

@@ -1,8 +1,8 @@
-import { m as o } from "./mapFormMixin-4446a1bd.js";
-import { f as r } from "./focusDrawerMixin-0d406532.js";
-import { g as n } from "./utils-36338df7.js";
-import { n as a } from "./main-8d566a02.js";
-import "./formDrawerState-6c57d51e.js";
+import { m as o } from "./mapFormMixin-e0c45bbd.js";
+import { f as r } from "./focusDrawerMixin-0d00dfeb.js";
+import { g as n } from "./utils-066c47a5.js";
+import { n as a } from "./main-b5eb6366.js";
+import "./formDrawerState-68670778.js";
 const d = {
   name: "VideoPlayer",
   i18nOptions: {
@@ -10,8 +10,8 @@ const d = {
     keyPrefix: "document.videoPlayer"
   },
   components: {
-    VideoPlayerSettings: () => import("./VideoPlayerSettings-ff82938f.js"),
-    VideoPlayerInput: () => import("./VideoPlayerInput-fa0774c1.js")
+    VideoPlayerSettings: () => import("./VideoPlayerSettings-4dcca863.js"),
+    VideoPlayerInput: () => import("./VideoPlayerInput-1b402e91.js")
   },
   mixins: [o(["videoPlayer"]), r],
   data() {

package/dist/{Index-64236029.js → Index-fdb53118.js}

@@ -1,7 +1,7 @@
-import { m as r } from "./mapFormMixin-4446a1bd.js";
-import { I as n } from "./InputToggleRow-40b7b57e.js";
-import { B as l } from "./BaseDatePicker-d04f761f.js";
-import { n as s } from "./main-8d566a02.js";
+import { m as r } from "./mapFormMixin-e0c45bbd.js";
+import { I as n } from "./InputToggleRow-79bbd6c6.js";
+import { B as l } from "./BaseDatePicker-e1efcf48.js";
+import { n as s } from "./main-b5eb6366.js";
 const c = {
   i18nOptions: {
     namespaces: "estimatedTimeStartEnd",
@@ -29,10 +29,7 @@ const c = {
     InputToggleRow: n,
     BaseDatePicker: l
   },
-  mixins: [r([
-    "startAt",
-    "endAt"
-  ])]
+  mixins: [r(["startAt", "endAt"])]
 };
 var i = function() {
   var t = this, a = t._self._c;
@@ -42,7 +39,7 @@ var i = function() {
     e.preventDefault();
   } }, model: { value: t.startAt, callback: function(e) {
     t.startAt = e;
-  }, expression: "startAt" } }), a("div", { staticStyle: { "line-height": "calc(3 * var(--rem))", margin: "0 calc(0.5 * var(--rem))", "font-size": "calc(calc(1 * var(--rem)) + 2px)" } }, [t._v("→")]), a("BaseDatePicker", { staticClass: "datepicker-simple", staticStyle: { width: "calc(8 * var(--rem))" }, attrs: { static: !0, placeholder: t.$t("placeholders.end") }, on: { click: function(e) {
+  }, expression: "startAt" } }), a("div", { staticStyle: { "line-height": "calc(3 * var(--rem))", margin: "0 calc(0.5 * var(--rem))", "font-size": "calc(calc(1 * var(--rem)) + 2px)" } }, [t._v(" → ")]), a("BaseDatePicker", { staticClass: "datepicker-simple", staticStyle: { width: "calc(8 * var(--rem))" }, attrs: { static: !0, placeholder: t.$t("placeholders.end") }, on: { click: function(e) {
     e.preventDefault();
   } }, model: { value: t.endAt, callback: function(e) {
     t.endAt = e;

package/dist/{InputToggleRow-40b7b57e.js → InputToggleRow-79bbd6c6.js}

@@ -1,4 +1,4 @@
-import { n as s } from "./main-8d566a02.js";
+import { n as s } from "./main-b5eb6366.js";
 const n = {
   name: "InputCompactRow",
   props: {
@@ -37,19 +37,19 @@ var l = function() {
   return e("div", { staticClass: "input-row" }, [e("div", { staticClass: "flex justify-between w-full" }, [e("div", { staticClass: "input-label" }, [t._t("label", function() {
     return [t._v(t._s(t.label))];
   })], 2), e("div", { staticClass: "flex justify-end w-full", staticStyle: { width: "initial" } }, [t._t("toggle", function() {
-    return [t.showClear ? e("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("remove"), expression: "$t('remove')" }], staticClass: "clear-input-button", attrs: { size: "small", icon: "x" }, on: { click: function(r) {
+    return [t.showClear ? e("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("remove"), expression: "$t('remove')" }], staticClass: "clear-input-button", attrs: { size: "small", icon: "x" }, on: { click: function(c) {
       return t.$emit("remove");
     } } }) : t._e(), t.isEditing ? t.$scopedSlots.bottom ? t._e() : e("div", { directives: [{ name: "click-outside", rawName: "v-click-outside", value: t.closeEdit, expression: "closeEdit" }], ref: "inputContainer" }, [t._t("default")], 2) : e("CButton", { staticClass: "input-toggle-button", class: { "is-edit": t.isEditing }, attrs: { type: "none", pattern: "secondary", size: "small" }, on: { click: t.openEdit } }, [t._t("displayValue", function() {
       return [t._v(t._s(t.displayValue))];
     })], 2)];
-  })], 2)]), t.$scopedSlots.bottom ? e("div", [e("div", { directives: [{ name: "click-outside", rawName: "v-click-outside", value: () => t.isEditing ? t.closeEdit : null, expression: "() => isEditing ? closeEdit : null" }] }, [t._t("bottom", null, { isEditing: t.isEditing, closeEdit: t.closeEdit })], 2)]) : t._e()]);
+  })], 2)]), t.$scopedSlots.bottom ? e("div", [e("div", { directives: [{ name: "click-outside", rawName: "v-click-outside", value: () => t.isEditing ? t.closeEdit : null, expression: "() => (isEditing ? closeEdit : null)" }] }, [t._t("bottom", null, { isEditing: t.isEditing, closeEdit: t.closeEdit })], 2)]) : t._e()]);
 }, o = [], a = /* @__PURE__ */ s(
   n,
   l,
   o,
   !1,
   null,
-  "567090b7",
+  "9cac2cce",
   null,
   null
 );

package/dist/{IsPremiumPreStep-d2ceb183.js → IsPremiumPreStep-f0524e76.js}

@@ -1,8 +1,8 @@
-import { c as h, X as L, ay as B, b as C, az as M, aA as Z, aB as K, aC as Y, aD as W, V as F, aE as X, aF as Q, n as d, u as P, E as J, T as y, aG as ee, g as m, aH as _, aI as te, aJ as ne, aK as ae, aL as H, p as re, h as D, I as E, aM as U, J as ie, aN as se, ao as oe } from "./main-8d566a02.js";
+import { c as h, X as L, ay as B, b as C, az as M, aA as Z, aB as K, aC as Y, aD as W, V as F, aE as X, aF as Q, n as d, u as P, E as J, T as y, aG as ee, g as m, aH as _, aI as te, aJ as ne, aK as ae, aL as H, p as re, h as D, I as E, aM as U, J as ie, aN as se, ao as oe } from "./main-b5eb6366.js";
 import { m as v, a as T, b as le } from "./vuex.esm-4a0fff7c.js";
 import { a as u } from "./anime.es-e284c852.js";
-import { g as k } from "./image-58c45661.js";
-import "./index-4afc771b.js";
+import { g as k } from "./image-456aa00c.js";
+import "./index-b8207e2a.js";
 import { g as ce } from "./dom-962579a6.js";
 import { v as b } from "./index-805c56e4.js";
 const x = {
@@ -1760,7 +1760,7 @@ var be = function() {
   Pe,
   !1,
   null,
-  "1254a889",
+  "ebe417f7",
   null,
   null
 );
@@ -1838,16 +1838,15 @@ const xe = {
       if (typeof e > "u" || typeof t > "u")
         return "";
       const a = e / (this.interval === "month" ? 1 : 12);
-      return `${P(a, { currency: t })}/${this.$t("_common:month")}`;
+      return `${P(a, { currency: t })}/${this.$t(
+        "_common:month"
+      )}`;
     }
   }
 };
 var we = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex flex-col items-center w-full animating", staticStyle: { "padding-top": "30px" } }, [t("div", { staticClass: "flex flex-col items-center w-full text-center anim-block", staticStyle: { "margin-bottom": "50px" } }, [t("div", { staticStyle: { "font-size": "22px", "font-weight": "600", "margin-bottom": "20px", "max-width": "20ch" }, domProps: { innerHTML: e._s(e.$t("title", { brand: e.$t("_common:brand.name") })) } }), t("div", { staticStyle: { position: "relative" } }, [t("div", { staticClass: "tgl-btn-group" }, e._l([
-    "month",
-    "year"
-  ], function(a) {
+  return t("div", { staticClass: "flex flex-col items-center w-full animating", staticStyle: { "padding-top": "30px" } }, [t("div", { staticClass: "flex flex-col items-center w-full text-center anim-block", staticStyle: { "margin-bottom": "50px" } }, [t("div", { staticStyle: { "font-size": "22px", "font-weight": "600", "margin-bottom": "20px", "max-width": "20ch" }, domProps: { innerHTML: e._s(e.$t("title", { brand: e.$t("_common:brand.name") })) } }), t("div", { staticStyle: { position: "relative" } }, [t("div", { staticClass: "tgl-btn-group" }, e._l(["month", "year"], function(a) {
     return t("div", { key: a, staticClass: "tgl-btn", class: {
       selected: e.interval === a
     }, domProps: { textContent: e._s(e.$t(`_common:paymentInterval.${a}`).capitalize()) }, on: { click: function(r) {
@@ -1858,7 +1857,7 @@ var we = function() {
       selected: e.plan === a.accountType
     }, on: { click: function(i) {
       return e.$emit("update:plan", a.accountType);
-    } } }, [t("div", [t("img", { staticStyle: { "box-shadow": "0 4px 6px rgba(240, 147, 234, 0.34)", "border-radius": "50%" }, attrs: { src: a.img, alt: a.name, width: "50", height: "50" } })]), t("div", { staticClass: "PriceItem__title" }, [t("span", { domProps: { textContent: e._s(a.name) } }), e._v("   ")]), e.currentAccountType === a.accountType ? t("svg", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("currentPlan"), expression: "$t('currentPlan')" }], staticClass: "absolute right-0 top-0 rounded-tr-lg text-gray-400 [.selected_&]:text-primary-500", attrs: { width: "50", height: "50", viewBox: "0 0 70 70", fill: "none", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M0 0H70V70L0 0Z", fill: "currentColor" } }), t("path", { attrs: { d: "M39.4203 23.5667L45 29.1464L57.0732 17.0732", stroke: "white", "stroke-width": "4" } })]) : e._e(), t("div", { staticClass: "PriceItem__cost" }, [t("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: e._s(e.getPriceFormatted(a)) } }), e._v("   ")]), t("div", { staticStyle: { "font-size": "14px", "margin-bottom": "20px", color: "hsl(240, 8%, 45%)", "min-height": "2em" } }, [t("transition", { attrs: { name: "vertical-fader" } }, [e.interval === "year" && a.accountType !== "free" ? t("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: e._s(e.$t("billedYearly")) } }) : e._e()])], 1), t("ul", { staticClass: "PriceItem__text" }, e._l(a.features, function(i) {
+    } } }, [t("div", [t("img", { staticStyle: { "box-shadow": "0 4px 6px rgba(240, 147, 234, 0.34)", "border-radius": "50%" }, attrs: { src: a.img, alt: a.name, width: "50", height: "50" } })]), t("div", { staticClass: "PriceItem__title" }, [t("span", { domProps: { textContent: e._s(a.name) } }), e._v("  ")]), e.currentAccountType === a.accountType ? t("svg", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("currentPlan"), expression: "$t('currentPlan')" }], staticClass: "absolute right-0 top-0 rounded-tr-lg text-gray-400 [.selected_&]:text-primary-500", attrs: { width: "50", height: "50", viewBox: "0 0 70 70", fill: "none", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M0 0H70V70L0 0Z", fill: "currentColor" } }), t("path", { attrs: { d: "M39.4203 23.5667L45 29.1464L57.0732 17.0732", stroke: "white", "stroke-width": "4" } })]) : e._e(), t("div", { staticClass: "PriceItem__cost" }, [t("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: e._s(e.getPriceFormatted(a)) } }), e._v("   ")]), t("div", { staticStyle: { "font-size": "14px", "margin-bottom": "20px", color: "hsl(240, 8%, 45%)", "min-height": "2em" } }, [t("transition", { attrs: { name: "vertical-fader" } }, [e.interval === "year" && a.accountType !== "free" ? t("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: e._s(e.$t("billedYearly")) } }) : e._e()])], 1), t("ul", { staticClass: "PriceItem__text" }, e._l(a.features, function(i) {
       return t("li", { key: i }, [t("span", { domProps: { textContent: e._s(i) } })]);
     }), 0)]);
   }), 0), t("CButton", { staticClass: "anim-block sticky-btn", attrs: { disabled: e.currentAccountType === e.plan && e.currentInterval === e.interval || e.plan === "free", type: "secondary", "icon-right": "arrow-right" }, on: { click: function(a) {
@@ -1870,7 +1869,7 @@ var we = function() {
   Te,
   !1,
   null,
-  "8473061a",
+  "8640a593",
   null,
   null
 );
@@ -2384,7 +2383,11 @@ const He = {
       return (n = this.customer) == null ? void 0 : n.paymentMethodLast4;
     },
     sortedRegions() {
-      return (Object.keys(x) || []).map((n) => ({ key: n, title: `${x[n].name} (${n})`, callingCode: x[n].callingCode })).sort((n, e) => n.title.localeCompare(e.title));
+      return (Object.keys(x) || []).map((n) => ({
+        key: n,
+        title: `${x[n].name} (${n})`,
+        callingCode: x[n].callingCode
+      })).sort((n, e) => n.title.localeCompare(e.title));
     },
     currency() {
       return this.formPrices.currency;
@@ -2412,10 +2415,12 @@ const He = {
         const l = this.getMeteredProduct(s);
         if (!l)
           return;
-        const o = l.prices.find((p) => {
-          var g;
-          return p.active && ((g = p == null ? void 0 : p.metadata) == null ? void 0 : g.visible) === !0;
-        });
+        const o = l.prices.find(
+          (p) => {
+            var g;
+            return p.active && ((g = p == null ? void 0 : p.metadata) == null ? void 0 : g.visible) === !0;
+          }
+        );
         if (!o)
           return;
         const c = P(o.amount, {
@@ -2446,7 +2451,10 @@ const He = {
     }), this.customer) {
       const n = !!this.customer.paymentMethodId;
       this.useExistingCard = n, this.useExistingCustomer = n, ["name", "region", "email"].forEach((t) => {
-        this.customer[t] && this.$emit("input", { key: `customer.${t}`, value: this.customer[t] });
+        this.customer[t] && this.$emit("input", {
+          key: `customer.${t}`,
+          value: this.customer[t]
+        });
       });
       const { data: e } = await ee();
       this.setPromotion({ promotionDetails: e });
@@ -2470,7 +2478,9 @@ const He = {
         this.elementsError = this.$t("missingCard");
         return;
       }
-      await this.submitPlan({ ...!this.useExistingCard && { cardElement: this.card } }) && this.$emit("success");
+      await this.submitPlan({
+        ...!this.useExistingCard && { cardElement: this.card }
+      }) && this.$emit("success");
     },
     async verifyPromotionCode(n) {
       if (!n) {
@@ -2484,14 +2494,17 @@ const He = {
 var Ue = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "root font-inter anime-payment-modal" }, [t("div", { staticClass: "flex w-full", staticStyle: { overflow: "hidden" } }, [t("div", { staticClass: "anim-block p-aside" }, [t("div", { staticClass: "p-callout", class: e.uiPlan.accountType }, [t("div", { staticStyle: { "font-size": "11px", position: "absolute", right: "calc(0.5 * var(--rem))", top: "calc(1.5 * var(--rem))", display: "flex", "line-height": "1.2" } }, [t("div", { staticStyle: { "text-align": "right", "padding-right": "0.5em" } }, [t("div", { staticStyle: { opacity: "0.7" }, domProps: { textContent: e._s(e.$t("payYearly")) } }), t("div", { staticClass: "font-medium text-primary-500", domProps: { textContent: e._s(e.$t("saveAmount")) } })]), t("CSwitch", { attrs: { value: e.formPlan.interval === "year", size: "small", type: "secondary" }, on: { input: function(a) {
-    return e.$emit("update:interval", e.formPlan.interval === "year" ? "month" : "year");
+    return e.$emit(
+      "update:interval",
+      e.formPlan.interval === "year" ? "month" : "year"
+    );
   } } })], 1), t("div", [t("img", { staticStyle: { "box-shadow": "0 4px 6px rgba(240, 147, 234, 0.34)", "border-radius": "50%", "margin-bottom": "calc(1 * var(--rem))" }, attrs: { src: e.uiPlan.img, alt: e.uiPlan.name, width: "50", height: "50" } })]), t("div", { staticStyle: { "font-weight": "600", "font-size": "21px" } }, [e._v(" " + e._s(e.$t("cardTitle", { plan: e.uiPlan.name })) + " ")]), t("div", { staticClass: "text-[15px] py-4" }, [e._l(e.formPrices.intervals, function(a, r) {
     return t("div", { key: `interval-${r}`, staticClass: "pb-2 mb-4 border-b border-gray-200" }, [t("div", { staticClass: "flex justify-between w-full" }, [t("div", { staticClass: "font-medium" }, [e._v(e._s(e.getIntervalTitle(r)))]), t("div", { staticClass: "text-right" }, [t("div", { staticClass: "font-semibold leading-none text-[17px]" }, [e._v(" " + e._s(e.priceFormat(a.subTotal, { currency: e.currency })) + " ")]), t("div", { staticClass: "opacity-70 text-[13px]" }, [e._v(" " + e._s(a.vatAmount ? e.$t("_common:vat.exVat", { thing: e.$t("_common:vat.vat") }) : e.$t("_common:total").capitalize()) + " "), r !== "oneOff" ? [e._v("/ " + e._s(e.$t(`_common:${r}`)) + " ")] : e._e()], 2)])]), e._l(a.items, function(i, s) {
-      return t("div", { key: s, staticClass: "flex justify-between w-full pb-1 mt-2" }, [t("div", { staticClass: "font-medium opacity-70" }, [e._v(" " + e._s(e.disableQuantity ? "" : `${i.quantity} x `) + e._s(i.name.capitalize()) + " ")]), t("div", { staticClass: "text-right opacity-70" }, [e._v(e._s(e.priceFormat(i.amount, { currency: e.currency })))])]);
+      return t("div", { key: s, staticClass: "flex justify-between w-full pb-1 mt-2" }, [t("div", { staticClass: "font-medium opacity-70" }, [e._v(" " + e._s(e.disableQuantity ? "" : `${i.quantity} x `) + e._s(i.name.capitalize()) + " ")]), t("div", { staticClass: "text-right opacity-70" }, [e._v(" " + e._s(e.priceFormat(i.amount, { currency: e.currency })) + " ")])]);
     })], 2);
-  }), e.promotion ? t("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [t("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [e._v(e._s(e.promotion.code || e.promotion.name) + " ")]), t("div", { staticClass: "text-right has-text-danger", staticStyle: { display: "inline-flex", "justify-content": "flex-end", "align-items": "center" } }, [t("CButton", { staticStyle: { height: "inherit", "margin-right": "3px" }, attrs: { disabled: e.isEditLock, "icon-props": { size: 15 }, size: "small", type: "none", pattern: "tertiary", icon: "trash" }, on: { click: function(a) {
+  }), e.promotion ? t("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [t("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [e._v(" " + e._s(e.promotion.code || e.promotion.name) + " ")]), t("div", { staticClass: "text-right has-text-danger", staticStyle: { display: "inline-flex", "justify-content": "flex-end", "align-items": "center" } }, [t("CButton", { staticStyle: { height: "inherit", "margin-right": "3px" }, attrs: { disabled: e.isEditLock, "icon-props": { size: 15 }, size: "small", type: "none", pattern: "tertiary", icon: "trash" }, on: { click: function(a) {
     return e.$emit("input", { key: "promotion", value: null });
-  } } }), t("div", { domProps: { textContent: e._s(e.promotionDescription) } })], 1)]) : e._e(), e.formPrices.vatAmount ? [t("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [t("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [e._v(e._s(e.$t("_common:vat.vat").capitalize()))]), t("div", { staticClass: "text-right", staticStyle: { opacity: "0.7" } }, [e._v(e._s(e.priceFormat(e.formPrices.vatAmount, { currency: e.currency })))])]), t("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [t("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [e._v(e._s(e.$t("_common:vat.incVat", { thing: e.$t("_common:vat.vat") }).capitalize()))]), t("div", { staticClass: "text-right", staticStyle: { opacity: "0.7" } }, [e._v(" " + e._s(e.priceFormat(e.formPrices.totalAmount, { currency: e.currency })) + " ")])])] : e._e(), t("div", { directives: [{ name: "show", rawName: "v-show", value: !e.promotion, expression: "!promotion" }], staticClass: "flex justify-end w-full" }, [e.promoInputVisible ? t("CField", { staticStyle: { "padding-top": "1em", width: "100%" }, attrs: { expanded: "" } }, [t("CInput", { attrs: { placeholder: e.$t("promotion.placeholder"), "custom-class": e.isInvalidPromotionCode ? "is-danger shake" : "", autofocus: "", size: "small" }, on: { blur: function(a) {
+  } } }), t("div", { domProps: { textContent: e._s(e.promotionDescription) } })], 1)]) : e._e(), e.formPrices.vatAmount ? [t("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [t("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [e._v(" " + e._s(e.$t("_common:vat.vat").capitalize()) + " ")]), t("div", { staticClass: "text-right", staticStyle: { opacity: "0.7" } }, [e._v(" " + e._s(e.priceFormat(e.formPrices.vatAmount, { currency: e.currency })) + " ")])]), t("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [t("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [e._v(" " + e._s(e.$t("_common:vat.incVat", { thing: e.$t("_common:vat.vat") }).capitalize()) + " ")]), t("div", { staticClass: "text-right", staticStyle: { opacity: "0.7" } }, [e._v(" " + e._s(e.priceFormat(e.formPrices.totalAmount, { currency: e.currency })) + " ")])])] : e._e(), t("div", { directives: [{ name: "show", rawName: "v-show", value: !e.promotion, expression: "!promotion" }], staticClass: "flex justify-end w-full" }, [e.promoInputVisible ? t("CField", { staticStyle: { "padding-top": "1em", width: "100%" }, attrs: { expanded: "" } }, [t("CInput", { attrs: { placeholder: e.$t("promotion.placeholder"), "custom-class": e.isInvalidPromotionCode ? "is-danger shake" : "", autofocus: "", size: "small" }, on: { blur: function(a) {
     return e.verifyPromotionCode(e.inputPromotionCode);
   } }, nativeOn: { keyup: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.verifyPromotionCode(e.inputPromotionCode);
@@ -2517,7 +2530,9 @@ var Ue = function() {
     e.quantity++;
   } } })], 1)])]), e.useExistingCustomer ? t("div", { staticClass: "p-callout", staticStyle: { position: "relative", padding: "calc(1 * var(--rem))", "border-radius": "8px" } }, [t("CButton", { staticStyle: { position: "absolute", top: "calc(1 * var(--rem))", right: "calc(1 * var(--rem))" }, attrs: { size: "small", rounded: "" }, on: { click: function(a) {
     e.useExistingCustomer = !1;
-  } } }, [e._v(" " + e._s(e.$t("_common:change")) + " ")]), t("div", { staticClass: "flex items-center w-full" }, [t("div", { domProps: { innerHTML: e._s(e.cardBrands.get(e.customer.paymentMethodBrand, { width: 36 }).logo) } }), t("div", { staticStyle: { "margin-left": "calc(0.5 * var(--rem))" } }, [t("span", { staticStyle: { "margin-right": "5px" } }, [e._v(e._s(e.cardBrands.get(e.customer.paymentMethodBrand).name))]), e._v(" •••• " + e._s(e.customer.paymentMethodLast4 || "") + " ")])]), t("div", [e._v(e._s(e.customer.name))]), t("div", [e._v(e._s(e.customer.email))]), e.regions[e.customer.region] ? t("div", [e._v(e._s(e.regions[e.customer.region].name))]) : e._e()], 1) : [t("div", { staticClass: "p-block" }, [e.useExistingCard ? e._e() : t("div", { staticClass: "flex items-center w-full p-block-title" }, [t("div", [e._v(e._s(e.$t("paymentInfoLabel")))])]), t("div", [e.useExistingCard && e.existingCardLast4 ? t("div", { staticClass: "p-block" }, [e._v(" " + e._s(e.$t("paymentInfoLabel")) + " "), t("CField", { attrs: { messages: e.messages.email, expanded: "" } }, [t("CInput", { attrs: { value: `•••• •••• •••• ${e.existingCardLast4}`, size: "medium", disabled: "", filled: "" } }, [t("CButton", { attrs: { slot: "suffix", type: "secondary", size: "small" }, on: { click: function(a) {
+  } } }, [e._v(" " + e._s(e.$t("_common:change")) + " ")]), t("div", { staticClass: "flex items-center w-full" }, [t("div", { domProps: { innerHTML: e._s(
+    e.cardBrands.get(e.customer.paymentMethodBrand, { width: 36 }).logo
+  ) } }), t("div", { staticStyle: { "margin-left": "calc(0.5 * var(--rem))" } }, [t("span", { staticStyle: { "margin-right": "5px" } }, [e._v(e._s(e.cardBrands.get(e.customer.paymentMethodBrand).name))]), e._v(" •••• " + e._s(e.customer.paymentMethodLast4 || "") + " ")])]), t("div", [e._v(e._s(e.customer.name))]), t("div", [e._v(e._s(e.customer.email))]), e.regions[e.customer.region] ? t("div", [e._v(" " + e._s(e.regions[e.customer.region].name) + " ")]) : e._e()], 1) : [t("div", { staticClass: "p-block" }, [e.useExistingCard ? e._e() : t("div", { staticClass: "flex items-center w-full p-block-title" }, [t("div", [e._v(e._s(e.$t("paymentInfoLabel")))])]), t("div", [e.useExistingCard && e.existingCardLast4 ? t("div", { staticClass: "p-block" }, [e._v(" " + e._s(e.$t("paymentInfoLabel")) + " "), t("CField", { attrs: { messages: e.messages.email, expanded: "" } }, [t("CInput", { attrs: { value: `•••• •••• •••• ${e.existingCardLast4}`, size: "medium", disabled: "", filled: "" } }, [t("CButton", { attrs: { slot: "suffix", type: "secondary", size: "small" }, on: { click: function(a) {
     e.useExistingCard = !1;
   } }, slot: "suffix" }, [e._v(" " + e._s(e.$t("_common:change")) + " ")])], 1)], 1)], 1) : e._e(), t("div", { directives: [{ name: "show", rawName: "v-show", value: !e.useExistingCard, expression: "!useExistingCard" }], staticClass: "bg-gray-100", staticStyle: { width: "400px", padding: "1em 1em", "border-radius": "0.5em", "min-height": "54px" }, attrs: { id: "card-element" } }), t("div", { directives: [{ name: "show", rawName: "v-show", value: e.elementsError && !e.useExistingCard, expression: "elementsError && !useExistingCard" }], staticClass: "pt-2 text-red-500", domProps: { textContent: e._s(e.elementsError) } })])]), t("div", { staticClass: "p-block" }, [e._v(" " + e._s(e.$t("name.label")) + " "), t("CInput", { attrs: { value: e.formCustomer.name, placeholder: e.$t("name.placeholder"), size: "medium", filled: "" }, on: { input: function(a) {
     return e.$emit("input", { key: "customer.name", value: a });
@@ -2531,10 +2546,16 @@ var Ue = function() {
     e.consent = a;
   }, expression: "consent" } }, [t("div", { class: [
     e.$v.consent.$invalid && e.$v.consent.$dirty ? "has-text-danger" : "has-text-grey-dark"
-  ] }, [e._v(" " + e._s(e.$t("consent.label", { brand: e.$t("_common:brand.name") })) + " "), t("a", { staticClass: "underline", attrs: { href: e.$t("_common:brand.termsOfService.url"), target: "_blank", rel: "noopener", tabindex: "-1" } }, [e._v(" " + e._s(e.$t("_common:terms.termsAndConditions")) + " ")]), e._v(" " + e._s(e.$t("_common:and")) + " "), t("a", { staticClass: "underline", attrs: { href: e.$t("_common:brand.privacyPolicy.url"), target: "_blank", rel: "noopener", tabindex: "-1" } }, [e._v(" " + e._s(e.$t("_common:terms.privacyPolicy")) + " ")])])])], 1) : e._e(), t("div", { staticClass: "anim-block p-block" }, [t("CButton", { staticStyle: { "margin-top": "calc(1 * var(--rem))" }, attrs: { loading: e.isPosting, type: "secondary", wide: "", size: "medium", "icon-right": "arrow-right" }, on: { click: e.submit } }, [e._v(" " + e._s(e.$t("submitButton", { plan: e.uiPlan.name })) + " ")])], 1)])]), t("modal", { staticClass: "overflow-visible primary", attrs: { adaptive: !0, scrollable: !0, "max-width": 400, height: "auto", width: "90%", classes: "primary overflow-visible", name: "faq" } }, [t("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(1 * var(--rem))" } }, [t("div", { staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "600", "margin-bottom": ".5em", padding: "calc(1 * var(--rem))" }, domProps: { textContent: e._s(e.$t("faq.title")) } }), e._l(6, function(a) {
+  ] }, [e._v(" " + e._s(e.$t("consent.label", { brand: e.$t("_common:brand.name") })) + " "), t("a", { staticClass: "underline", attrs: { href: e.$t("_common:brand.termsOfService.url"), target: "_blank", rel: "noopener", tabindex: "-1" } }, [e._v(" " + e._s(e.$t("_common:terms.termsAndConditions")) + " ")]), e._v(" " + e._s(e.$t("_common:and")) + " "), t("a", { staticClass: "underline", attrs: { href: e.$t("_common:brand.privacyPolicy.url"), target: "_blank", rel: "noopener", tabindex: "-1" } }, [e._v(" " + e._s(e.$t("_common:terms.privacyPolicy")) + " ")])])])], 1) : e._e(), t("div", { staticClass: "anim-block p-block" }, [t("CButton", { staticStyle: { "margin-top": "calc(1 * var(--rem))" }, attrs: { loading: e.isPosting, type: "secondary", wide: "", size: "medium", "icon-right": "arrow-right" }, on: { click: e.submit } }, [e._v(" " + e._s(e.$t("submitButton", { plan: e.uiPlan.name })) + " ")])], 1)])]), t("modal", { staticClass: "overflow-visible primary", attrs: { adaptive: !0, scrollable: !0, "max-width": 400, height: "auto", width: "90%", classes: "primary overflow-visible", name: "faq" } }, [t("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(1 * var(--rem))" } }, [t("div", { staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "600", "margin-bottom": "0.5em", padding: "calc(1 * var(--rem))" }, domProps: { textContent: e._s(e.$t("faq.title")) } }), e._l(6, function(a) {
     return t("CAccordion", { key: a, attrs: { "default-open": null }, scopedSlots: e._u([{ key: "trigger", fn: function({ expanded: r }) {
-      return t("div", { staticClass: "list-button" }, [t("span", { domProps: { textContent: e._s(e.$t(`faq.items.${a - 1}.title`, { brand: e.$t("_common:brand.name") })) } }), t("BaseIcon", { staticStyle: { transition: "200ms" }, style: { transform: `rotate(${r ? "0deg" : "180deg"})` }, attrs: { type: "chevron-down", size: "15" } })], 1);
-    } }], null, !0) }, [t("div", { staticStyle: { "font-size": "14px", opacity: "0.65", padding: "0 calc(.5 * var(--rem)) calc(2 * var(--rem)) calc(.5 * var(--rem))" }, domProps: { textContent: e._s(e.$t(`faq.items.${a - 1}.text`, { brand: e.$t("_common:brand.name") })) } })]);
+      return t("div", { staticClass: "list-button" }, [t("span", { domProps: { textContent: e._s(
+        e.$t(`faq.items.${a - 1}.title`, {
+          brand: e.$t("_common:brand.name")
+        })
+      ) } }), t("BaseIcon", { staticStyle: { transition: "200ms" }, style: { transform: `rotate(${r ? "0deg" : "180deg"})` }, attrs: { type: "chevron-down", size: "15" } })], 1);
+    } }], null, !0) }, [t("div", { staticStyle: { "font-size": "14px", opacity: "0.65", padding: "0 calc(0.5 * var(--rem)) calc(2 * var(--rem))" }, domProps: { textContent: e._s(
+      e.$t(`faq.items.${a - 1}.text`, { brand: e.$t("_common:brand.name") })
+    ) } })]);
   })], 2)]), t("modal", { staticClass: "overflow-visible primary", attrs: { adaptive: !0, scrollable: !0, "max-width": 400, height: "auto", width: "90%", classes: "primary overflow-visible", name: "reasonableUse" } }, [t("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(1 * var(--rem))" } }, [t("div", { staticStyle: { "font-size": "calc(1.5 * var(--rem))", "font-weight": "600", padding: "calc(1 * var(--rem))" }, domProps: { textContent: e._s(e.$t("reasonableUse.title")) } }), t("div", { staticStyle: { "font-size": "15px", opacity: "0.75", padding: "0 calc(1 * var(--rem)) calc(2 * var(--rem))" }, domProps: { textContent: e._s(e.$t("reasonableUse.text", { brand: e.$t("_common:brand.name") })) } }), t("div", { staticStyle: { padding: "0 calc(1 * var(--rem))" } }, e._l(e.reasonableUseQuotas, function(a, r) {
     return t("div", { key: r, staticStyle: { "font-size": "14px", "margin-bottom": "calc(1 * var(--rem))" } }, [t("span", { staticStyle: { "font-weight": "500", "padding-right": "0.5ch" }, domProps: { textContent: e._s(e.$t(`reasonableUse.${a.type}`) + ":") } }), t("span", { staticStyle: { opacity: "0.75", "padding-right": "0.5ch" }, domProps: { textContent: e._s(e.$t("reasonableUse.quotaIncluded", { count: a.count })) } }), a.cost ? t("span", { staticStyle: { opacity: "0.75" }, domProps: { textContent: e._s(e.$t("reasonableUse.quotaExtra", { cost: a.cost })) } }) : e._e()]);
   }), 0)])])], 1);
@@ -2544,7 +2565,7 @@ var Ue = function() {
   Ae,
   !1,
   null,
-  "4bbf7593",
+  "4ba7e094",
   null,
   null
 );
@@ -2903,7 +2924,10 @@ const Oe = Ve.exports, Ne = {
             const t = [];
             Object.keys(e.items).forEach((a) => {
               const r = this.getProductByPriceId(a);
-              r && t.push({ ...r, quantity: e.items[a] });
+              r && t.push({
+                ...r,
+                quantity: e.items[a]
+              });
             }), t.length && this.setFormValue({
               key: "products",
               value: [
@@ -2966,7 +2990,8 @@ const Ze = je.exports, Ke = {
       return !0;
     },
     canCreateDocument() {
-      return this.subscription.freeDocumentsLeft > 0 || C(this.companyAccount, "documentQuota.priceExtra.value") !== null;
+      return this.subscription.freeDocumentsLeft > 0 || // Has free quota left
+      C(this.companyAccount, "documentQuota.priceExtra.value") !== null;
     },
     canCreateTemplate() {
       return this.feature("createDocTemplate");
@@ -3000,7 +3025,11 @@ const Ze = je.exports, Ke = {
      * @param {Function} obj.callback Optional callback to run after upgrade
      * @param {Function} obj.onClosed Optional callback to run after Stripe modal is closed
      */
-    openUpgradeModal({ suggestedQuantity: n = null, callback: e = null, onClosed: t = null } = {}) {
+    openUpgradeModal({
+      suggestedQuantity: n = null,
+      callback: e = null,
+      onClosed: t = null
+    } = {}) {
       let a = () => null, r = () => null;
       typeof e == "function" && (a = e), typeof t == "function" && (r = t), this.$modal.show(
         Ze,
@@ -3211,7 +3240,7 @@ var it = function() {
   st,
   !1,
   null,
-  "993cb5cc",
+  "e80b3ec2",
   null,
   null
 );
@@ -3359,20 +3388,31 @@ const yt = ft.exports, Ct = {
       var e, t;
       if (this.canUseFreeDocVoucher = !1, ((e = this.account) == null ? void 0 : e.accountType) !== "free")
         return;
-      const n = JSON.parse(E.getItem("voucher-freeUserDocs-company-id"));
+      const n = JSON.parse(
+        E.getItem("voucher-freeUserDocs-company-id")
+      );
       ((t = this.account) == null ? void 0 : t.CompanyId) !== n && (this.canUseFreeDocVoucher = await this.canUseVoucher());
     },
     async canUseVoucher() {
       try {
         return await U.canUse("freeUserDocs"), !0;
       } catch {
-        return E.setItem("voucher-freeUserDocs-company-id", this.account.CompanyId), !1;
+        return E.setItem(
+          "voucher-freeUserDocs-company-id",
+          this.account.CompanyId
+        ), !1;
       }
     },
     async useFreeDocsVoucher() {
       this.isLoading = !0;
       try {
-        await U.post({ code: "freeUserDocs" }), E.setItem("voucher-freeUserDocs-company-id", this.account.CompanyId), await this.loadCurrentCompany(), ie("success", this.$t("voucherSuccessMessage", { count: this.voucherDocCount })), this.onUpgrade && typeof this.onUpgrade == "function" && this.onUpgrade(), this.$emit("close");
+        await U.post({ code: "freeUserDocs" }), E.setItem(
+          "voucher-freeUserDocs-company-id",
+          this.account.CompanyId
+        ), await this.loadCurrentCompany(), ie(
+          "success",
+          this.$t("voucherSuccessMessage", { count: this.voucherDocCount })
+        ), this.onUpgrade && typeof this.onUpgrade == "function" && this.onUpgrade(), this.$emit("close");
       } catch (n) {
         D(n);
       } finally {
@@ -3504,14 +3544,19 @@ const $t = {
         else if (this.subscription.paymentMethod === "invoice")
           await this.addInvoiceLicense(), e = !0;
         else
-          throw new Error("Cannot upgrade license as current paymentMethod is not valid");
+          throw new Error(
+            "Cannot upgrade license as current paymentMethod is not valid"
+          );
       } catch (t) {
         D(t);
       }
       e && await n();
     },
     async addStripeLicense() {
-      this.updateFormValue({ key: "plan.quantity", value: this.currentPlan.quantity + 1 });
+      this.updateFormValue({
+        key: "plan.quantity",
+        value: this.currentPlan.quantity + 1
+      });
       const n = await this.submitPlan({});
       return await this.loadCurrentCompany(), n;
     },

package/dist/{ManualPopover-58c3f059.js → ManualPopover-8a1e53a5.js}

@@ -1,4 +1,4 @@
-import { n as s } from "./main-8d566a02.js";
+import { n as s } from "./main-b5eb6366.js";
 const r = {
   name: "ManualPopover",
   data() {
@@ -13,7 +13,10 @@ const r = {
   },
   beforeDestroy() {
     var o, t, e;
-    (e = (t = (o = this.$slots.default) == null ? void 0 : o[0]) == null ? void 0 : t.elm) == null || e.removeEventListener("click", this.onButtonClick), this.getRootElm().removeEventListener("click", this.onClickOutside);
+    (e = (t = (o = this.$slots.default) == null ? void 0 : o[0]) == null ? void 0 : t.elm) == null || e.removeEventListener(
+      "click",
+      this.onButtonClick
+    ), this.getRootElm().removeEventListener("click", this.onClickOutside);
   },
   methods: {
     onButtonClick() {

package/dist/{MediaWrapper-0e3ff436.js → MediaWrapper-b128c707.js}

@@ -1,6 +1,6 @@
-import { B as n } from "./BlockMedia-b49a63f3.js";
-import { m as a } from "./mapFormMixin-4446a1bd.js";
-import { n as m } from "./main-8d566a02.js";
+import { B as n } from "./BlockMedia-f5086397.js";
+import { m as a } from "./mapFormMixin-e0c45bbd.js";
+import { n as m } from "./main-b5eb6366.js";
 import "./color-71c20583.js";
 const o = {
   name: "MediaWrapper",

package/dist/{NotBindingText-38e6e74c.js → NotBindingText-561df6d3.js}

@@ -1,5 +1,5 @@
-import { P as t } from "./PlainHtml-4aaf6438.js";
-import { n as e } from "./main-8d566a02.js";
+import { P as t } from "./PlainHtml-c743e90e.js";
+import { n as e } from "./main-b5eb6366.js";
 const r = {
   name: "NotBindingText",
   i18nOptions: {