@cling-se/widget 0.14.0 → 0.14.2

package/dist/{formComponentsInstall-D1VBPt9o.js → formComponentsInstall-EQLbqYqI.js}

@@ -1,16 +1,17 @@
-import { m } from "./mapFormMixin-BOmDynJ-.js";
-import { I as L, a as H, r as l } from "./index-DETqm8Jy.js";
-import { az as v, h as q, n as o, b as c, aA as j, q as K, aB as I, aC as W, r as O, aD as T, f as P, aE as M, G as y } from "./main-CWRB9q-W.js";
-import { B as R } from "./BaseDatePicker-BOxfHGS8.js";
-import { E as X } from "./ErrorCallout-B_QrRAm6.js";
-import { s as U, F as Q } from "./Flag-hg61To9C.js";
+import { m } from "./mapFormMixin-Ce3_WIKw.js";
+import { I as L, a as H, r as l } from "./index-CUydiL8B.js";
+import { az as v, h as q, n as o, b as c, aA as j, t as K, aB as B, aC as W, q as I, aD as P, f as T, aE as R, J as y } from "./main-Bp2qcma0.js";
+import { B as M } from "./BaseDatePicker-BSkAllLg.js";
+import { E as X } from "./ErrorCallout-CdJCe67q.js";
+import { s as U, F as Q } from "./Flag-DwW19zju.js";
 import { b as Y, m as g } from "./vuex.esm-DKGl8mcw.js";
-import G from "./AddClientCallout-C7BLDW6Y.js";
-import J from "./ClientModal-Dn3WDhGU.js";
-import { c as Z, r as ee, g as te, C as h, a as f, b as p } from "./CDropdownItem-DhEpCmQt.js";
-import { S as ie } from "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-DbBb6ZId.js";
-import { C as _ } from "./CCallout-yFt7TFJa.js";
-import { a as se, C as ne } from "./CFormField-DDLf5YY4.js";
+import G from "./AddClientCallout-BP2ip0A4.js";
+import J from "./ClientModal-Dznh8Vvn.js";
+import { c as Z, r as ee, g as te, C as h, a as f, b as p } from "./CDropdownItem-DGES8E6l.js";
+import "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-l0sNRNKZ.js";
+import { C as _ } from "./CCallout-D5Nk5DgN.js";
+import { a as ie, C as se } from "./CFormField-CE4rV3cr.js";
+import { S as ne } from "./SmartList-BXeRj5NC.js";
 function z(t, e) {
   const i = new Date(t.getTime());
   return i.setDate(
@@ -48,7 +49,7 @@ const ae = {
     }
   },
   components: {
-    BaseDatePicker: R
+    BaseDatePicker: M
   },
   props: {
     _document: {
@@ -150,7 +151,7 @@ var re = function() {
     return i("div", { key: n, staticClass: "mb-4 flex cursor-pointer select-none items-center justify-between rounded-md border border-gray-200 bg-gray-50 p-4 text-sm hover:border-gray-300 hover:bg-gray-100 active:border-gray-400 active:bg-gray-200", on: { click: () => e.onSendAt(s[0]) } }, [i("div", { staticClass: "font-medium" }, [e._v(e._s(e.$t(s[1])))]), i("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$formatDate(s[0], "p, d MMM")) + " ")])]);
   }), 0)]), i("div", { staticClass: "border-t border-gray-200 bg-gray-100 px-8 py-6", class: e.showCustom ? "" : "cursor-pointer hover:bg-gray-200", on: { click: function(s) {
     e.showCustom = !0;
-  } } }, [i("div", { staticClass: "flex items-center text-sm" }, [i("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar", size: "18" } }), i("div", { staticClass: "font-medium", domProps: { textContent: e._s(e.$t("custom.title")) } })], 1), i("Animation", [i("div", { directives: [{ name: "show", rawName: "v-show", value: e.showCustom, expression: "showCustom" }], staticClass: "mt-4" }, [i("div", { staticClass: "grid grid-cols-2 gap-4" }, [i("BaseDatePicker", { attrs: { value: e.sendAt }, on: { input: e.setDate } }), i("CInput", { attrs: { value: e.$formatDate(e.sendAt, "HH:mm"), clearable: !1, type: "time" }, on: { input: e.setTime } })], 1), e.$v.$invalid ? i("div", { staticClass: "error-wrapper" }, [i("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar" } }), e._v(" " + e._s(e.$t("custom.invalid")) + " ")], 1) : e._e(), i("CButton", { staticStyle: { "margin-top": "calc(1.5 * var(--rem))" }, attrs: { loading: e.isPostingDocument, type: "secondary", wide: "" }, on: { click: function(s) {
+  } } }, [i("div", { staticClass: "flex items-center text-sm" }, [i("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar", size: "18" } }), i("div", { staticClass: "font-medium", domProps: { textContent: e._s(e.$t("custom.title")) } })], 1), i("Animation", [i("div", { directives: [{ name: "show", rawName: "v-show", value: e.showCustom, expression: "showCustom" }], staticClass: "mt-4" }, [i("div", { staticClass: "grid grid-cols-2 gap-4" }, [i("BaseDatePicker", { attrs: { value: e.sendAt }, on: { input: e.setDate } }), i("CInput", { attrs: { value: e.$formatDate(e.sendAt, "HH:mm"), type: "time" }, on: { input: e.setTime } })], 1), e.$v.$invalid ? i("div", { staticClass: "error-wrapper" }, [i("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar" } }), e._v(" " + e._s(e.$t("custom.invalid")) + " ")], 1) : e._e(), i("CButton", { staticStyle: { "margin-top": "calc(1.5 * var(--rem))" }, attrs: { loading: e.isPostingDocument, type: "secondary", wide: "" }, on: { click: function(s) {
     return e.onSendAt(e.sendAt);
   } } }, [e._v(" " + e._s(e.$t("_common:send")) + " " + e._s(e.$formatDate(e.sendAt, "d MMM - p")) + " ")])], 1)])], 1)]);
 }, oe = [], le = /* @__PURE__ */ o(
@@ -159,7 +160,7 @@ var re = function() {
   oe,
   !1,
   null,
-  "799363f2"
+  "dcfae061"
 );
 const de = le.exports, ce = {
   sv: {
@@ -512,19 +513,21 @@ const be = _e.exports, Ce = {
           signOrder: i ? s.signOrder : n + 1
         }));
       } else
-        e = c(this._document, "template.reminders", []), e.length || (e = I.default);
+        e = c(this._document, "template.reminders", []), e.length || (e = B.default);
       this.setFormValue({ key: "data.reminders", value: e }), this.setFormValue({ key: "useSignOrder", value: t });
     },
     removeClient(t) {
       this.removeFormValue(`clients[${t}]`);
     },
     openClientModal(t = 0) {
+      var i;
       const e = c(this, `clients[${t}].signOrder`);
       this.$modal.show(J, {
         documentClientIndex: t,
         ...this.useSignOrder && {
           signOrder: W(e) === "number" ? e : this.maxSignOrder + 1
         },
+        signOptions: (i = this._document) == null ? void 0 : i.signOptions,
         setFormValue: this.setFormValue,
         removeFormValue: this.removeFormValue,
         isPublicForm: this.isPublicForm
@@ -570,9 +573,9 @@ var we = function() {
   xe,
   !1,
   null,
-  "d0782eac"
+  "51e072f2"
 );
-const ke = Se.exports, $e = {
+const $e = Se.exports, ke = {
   name: "DocumentSendReminderItem",
   props: {
     label: {
@@ -597,14 +600,14 @@ var De = function() {
     return e.$emit("input", e.value + 1);
   } } })]], 2)]);
 }, Ve = [], Fe = /* @__PURE__ */ o(
-  $e,
+  ke,
   De,
   Ve,
   !1,
   null,
   null
 );
-const Ae = Fe.exports, Be = {
+const Ae = Fe.exports, Oe = {
   name: "DocumentSendReminders",
   i18nOptions: {
     namespaces: "documentSendReminders",
@@ -669,7 +672,7 @@ const Ae = Fe.exports, Be = {
         let s = this.getDefaultReminders().find(
           (n) => n.type === t
         );
-        if (s || (s = I.default.find((n) => n.type === t)), !s)
+        if (s || (s = B.default.find((n) => n.type === t)), !s)
           throw new Error("Could not find default reminder");
         s[i] = e, this.setFormValue({ key: "data.reminders", value: s });
         return;
@@ -681,7 +684,7 @@ const Ae = Fe.exports, Be = {
     }
   }
 };
-var Ie = function() {
+var Be = function() {
   var e = this, i = e._self._c;
   return i("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(2 * var(--rem))", "font-size": "16px" } }, [i("div", { staticStyle: { "font-size": "1.25em", "font-weight": "700", "margin-bottom": "0.25em", "text-align": "center" } }, [e._v(" " + e._s(e.$t("_common:reminder_plural").capitalize()) + " ")]), i("div", { staticClass: "text-center text-gray-600", staticStyle: { "max-width": "calc(20 * var(--rem))", margin: "0 auto calc(2 * var(--rem)) auto" } }, [e._v(" " + e._s(e.$t("description")) + " ")]), e._l([
     { type: "notViewed", fallbackKey: "viewed" },
@@ -694,15 +697,15 @@ var Ie = function() {
   }), i("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { "margin-top": "calc(2.5 * var(--rem))" } }, [i("CButton", { attrs: { type: "secondary", expanded: "" }, on: { click: function(s) {
     return e.$emit("close");
   } } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])], 1)], 2);
-}, Oe = [], Te = /* @__PURE__ */ o(
+}, Ie = [], Pe = /* @__PURE__ */ o(
+  Oe,
   Be,
   Ie,
-  Oe,
   !1,
   null,
   null
 );
-const Pe = Te.exports, Me = {
+const Te = Pe.exports, Re = {
   name: "SendForm",
   i18nOptions: {
     namespaces: "sendForm",
@@ -710,8 +713,8 @@ const Pe = Te.exports, Me = {
   },
   components: {
     Simplebar: U,
-    BaseDatePicker: R,
-    RecipientBlock: ke,
+    BaseDatePicker: M,
+    RecipientBlock: $e,
     ErrorCallout: X,
     IsPremiumPreStep: L,
     IsPremium: H
@@ -813,20 +816,12 @@ const Pe = Te.exports, Me = {
       return this.isManualDelivery ? !1 : this.clients.some((t) => !(t.email || t.cellphone));
     },
     signMethods() {
-      return [
-        ...this.feature("bankId") ? [
-          {
-            value: "bankId",
-            title: this.$t("signMethod.bankId.title"),
-            content: this.$t("signMethod.bankId.content")
-          }
-        ] : [],
-        {
-          value: "signature",
-          title: this.$t("signMethod.signature.title"),
-          content: this.$t("signMethod.signature.content")
-        }
-      ];
+      var t, e;
+      return ((e = (t = this._document.signOptions) == null ? void 0 : t.filter((i) => i !== "inPerson")) == null ? void 0 : e.map((i) => ({
+        value: i,
+        title: this.$t(`signMethod.${i}.title`),
+        content: this.$t(`signMethod.${i}.content`)
+      }))) || [];
     }
   },
   created() {
@@ -842,7 +837,10 @@ const Pe = Te.exports, Me = {
         });
       }
     }
-    ((t = this.defaultAnswerMethod) == null ? void 0 : t.accept) === "button" && this.setAnswerMethod("signature", { ignoreChanges: !0 });
+    if (((t = this.defaultAnswerMethod) == null ? void 0 : t.accept) === "button") {
+      const [e] = this._document.signOptions || ["signature"];
+      this.setAnswerMethod(e, { ignoreChanges: !0 });
+    }
   },
   validations() {
     const t = {
@@ -893,7 +891,7 @@ const Pe = Te.exports, Me = {
     },
     openReminders() {
       this.useSignOrder || this.$modal.show(
-        Pe,
+        Te,
         {
           _document: this._document,
           setFormValue: this.setFormValue,
@@ -935,7 +933,7 @@ const Pe = Te.exports, Me = {
     }
   }
 };
-var Re = function() {
+var Me = function() {
   var e = this, i = e._self._c;
   return i("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseBankId: s, canUseSms: n }) {
     var a;
@@ -994,19 +992,19 @@ var Re = function() {
     }), e._t("footer")], 2)], 1)];
   } }], null, !0) });
 }, ze = [], Ee = /* @__PURE__ */ o(
-  Me,
   Re,
+  Me,
   ze,
   !1,
   null,
-  "a160ead7"
+  "8a4ea99d"
 );
-const ti = Ee.exports, Ne = {
+const ii = Ee.exports, Ne = {
   name: "CAutocomplete",
   components: {
-    CInput: O
+    CInput: I
   },
-  mixins: [T],
+  mixins: [P],
   inheritAttrs: !1,
   props: {
     value: {
@@ -1385,12 +1383,12 @@ const w = Ue.exports, Qe = {
   name: "CPhoneInput",
   components: {
     Flag: Q,
-    CInput: O,
+    CInput: I,
     CDropdown: h,
     CDropdownItem: f,
-    CButton: P,
-    CField: se,
-    SmartList: ie
+    CButton: T,
+    CField: ie,
+    SmartList: ne
   },
   props: {
     value: {
@@ -1507,7 +1505,7 @@ var Ye = function() {
 );
 const x = Je.exports, Ze = {
   name: "CRadio",
-  mixins: [M]
+  mixins: [R]
 };
 var et = function() {
   var e = this, i = e._self._c;
@@ -1529,9 +1527,9 @@ var et = function() {
 const S = it.exports, st = {
   name: "CRadioButton",
   components: {
-    CButton: P
+    CButton: T
   },
-  mixins: [M],
+  mixins: [R],
   props: {
     type: {
       type: String,
@@ -1566,9 +1564,9 @@ var nt = function() {
   null,
   null
 );
-const k = rt.exports, ot = {
+const $ = rt.exports, ot = {
   name: "CSelect",
-  mixins: [T],
+  mixins: [P],
   inheritAttrs: !1,
   props: {
     value: {
@@ -1652,7 +1650,7 @@ var lt = function() {
   null,
   "23e48013"
 );
-const $ = ct.exports, ut = {
+const k = ct.exports, ut = {
   name: "CSkeleton",
   functional: !0,
   props: {
@@ -1890,7 +1888,7 @@ var Ct = function() {
   null,
   null
 );
-const St = xt.exports, kt = {
+const St = xt.exports, $t = {
   name: "CSlider",
   components: {
     CSliderThumb: _t,
@@ -2091,7 +2089,7 @@ const St = xt.exports, kt = {
     }
   }
 };
-var $t = function() {
+var kt = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "c-slider", class: [`is-${e.size}`, `is-${e.type}`, e.rootClasses], on: { click: e.onSliderClick } }, [i("div", { ref: "slider", staticClass: "c-slider-track" }, [i("div", { staticClass: "c-slider-fill", style: e.barStyle }), e.ticks ? e._l(e.tickValues, function(s, n) {
     return i("CSliderTick", { key: n, attrs: { value: s } });
@@ -2101,8 +2099,8 @@ var $t = function() {
     e.value2 = s;
   }, expression: "value2" } }) : e._e()], 2)]);
 }, Dt = [], Vt = /* @__PURE__ */ o(
-  kt,
   $t,
+  kt,
   Dt,
   !1,
   null,
@@ -2198,15 +2196,15 @@ var At = function() {
     } else
       e.computedValue = r;
   } } }), i("span", { staticClass: "check", class: [`is-${e.type}`] }), i("span", { staticClass: "control-label" }, [e._t("default")], 2)]);
-}, Bt = [], It = /* @__PURE__ */ o(
+}, Ot = [], Bt = /* @__PURE__ */ o(
   Ft,
   At,
-  Bt,
+  Ot,
   !1,
   null,
   "4cdd239d"
 );
-const F = It.exports, Ot = {
+const F = Bt.exports, It = {
   name: "CTabItem",
   props: {
     label: String,
@@ -2284,16 +2282,16 @@ const F = It.exports, Ot = {
       [e]
     ) : e;
   }
-}, Tt = null, Pt = null;
-var Mt = /* @__PURE__ */ o(
-  Ot,
-  Tt,
+}, Pt = null, Tt = null;
+var Rt = /* @__PURE__ */ o(
+  It,
   Pt,
+  Tt,
   !1,
   null,
   null
 );
-const A = Mt.exports, Rt = {
+const A = Rt.exports, Mt = {
   name: "CSlotComponent",
   props: {
     component: {
@@ -2344,7 +2342,7 @@ const A = Mt.exports, Rt = {
 }, zt = {
   name: "CTabs",
   components: {
-    CSlotComponent: Rt
+    CSlotComponent: Mt
   },
   props: {
     value: {
@@ -2486,11 +2484,11 @@ var Et = function() {
   null,
   "e02a6440"
 );
-const B = Lt.exports;
-function ii(t) {
-  t.component(D.name, D), t.component("CAutocomplete", je), t.component(y.name, y), t.component(S.name, S), t.component(k.name, k), t.component(h.name, h), t.component(f.name, f), t.component($.name, $), t.component(_.name, _), t.component(F.name, F), t.component(B.name, B), t.component(A.name, A), t.component("CField", ne), t.component(w.name, w), t.component(x.name, x), t.component(V.name, V);
+const O = Lt.exports;
+function si(t) {
+  t.component(D.name, D), t.component("CAutocomplete", je), t.component(y.name, y), t.component(S.name, S), t.component($.name, $), t.component(h.name, h), t.component(f.name, f), t.component(k.name, k), t.component(_.name, _), t.component(F.name, F), t.component(O.name, O), t.component(A.name, A), t.component("CField", se), t.component(w.name, w), t.component(x.name, x), t.component(V.name, V);
 }
 export {
-  ti as S,
-  ii as i
+  ii as S,
+  si as i
 };

package/dist/{formDrawerState-wG6RdIXD.js → formDrawerState-CiKGHdNH.js}

@@ -1,4 +1,4 @@
-import { V as s } from "./main-CWRB9q-W.js";
+import { V as s } from "./main-Bp2qcma0.js";
 const e = s.observable({
   isFixed: !1,
   // Worded according to CSS property (show as fixed drawer)

package/dist/{formValidationMixin-D9qFZJf9.js → formValidationMixin-5BVcxu38.js}

@@ -1,4 +1,4 @@
-import { h as n } from "./main-CWRB9q-W.js";
+import { h as n } from "./main-Bp2qcma0.js";
 import { s as l } from "./dom-CJxkno7i.js";
 const s = (r) => {
   var i;

package/dist/{index-BFnwm62-.js → index-BYTRIZIz.js}

@@ -1,4 +1,4 @@
-import { n as i, A as n } from "./main-CWRB9q-W.js";
+import { n as i, D as n } from "./main-Bp2qcma0.js";
 const o = {
   name: "DocumentGuide",
   i18nOptions: {

package/dist/{index-Dnp3LAf2.js → index-Be__C37A.js}

@@ -1,4 +1,4 @@
-import { g as s, L as l, M as r, n as d, V as n } from "./main-CWRB9q-W.js";
+import { g as s, N as l, O as r, n as d, V as n } from "./main-Bp2qcma0.js";
 import { m as p, a as c } from "./vuex.esm-DKGl8mcw.js";
 const m = {
   name: "ClientLinks",

package/dist/{index-DETqm8Jy.js → index-CUydiL8B.js}

@@ -1,7 +1,7 @@
-import { n as d, bf as F, b as C, b5 as M, bg as X, bh as Q, bi as J, bj as ee, V as U, bk as te, a2 as L, bl as ne, c as h, G as ae, u as P, d as y, bm as re, g as m, bn as b, A as k, bo as ie, bp as se, bq as oe, br as H, p as ce, h as D, I as E, bs as B, M as le, bt as ue, au as de } from "./main-CWRB9q-W.js";
+import { n as d, be as F, b as C, b4 as M, bf as X, bg as Q, bh as J, bi as ee, V as U, bj as te, ae as D, bk as ne, c as h, J as ae, w as P, d as y, bl as re, g as m, bm as b, D as k, bn as ie, bo as se, bp as oe, bq as H, p as ce, h as L, I as E, br as B, O as le, bs as ue, au as de } from "./main-Bp2qcma0.js";
 import { m as v, a as $, b as me } from "./vuex.esm-DKGl8mcw.js";
 import { a as u } from "./anime.es-BrPTThYb.js";
-import { v as _ } from "./index-M-GXl2PO.js";
+import { v as _ } from "./index-tNIrTnCx.js";
 import { a as pe } from "./dom-CJxkno7i.js";
 const x = {
   AD: {
@@ -1386,7 +1386,7 @@ var be = function() {
   null,
   null
 );
-const G = Pe.exports, Se = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ke = "stripe", {
+const G = Pe.exports, Se = (n) => D.te(`errors:${n}`) && D.t(`errors:${n}`), ke = "stripe", {
   LOAD_PRICES: A,
   RESET_STRIPE_FORM: xe,
   SET_STRIPE_FORM_VALUE: we,
@@ -1925,16 +1925,16 @@ const G = Pe.exports, Se = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ke
     }
   }
 };
-var Le = function() {
+var De = function() {
   var e = this;
   return e._self._c, e._m(0);
-}, De = [function() {
+}, Le = [function() {
   var n = this, e = n._self._c;
   return e("div", [e("canvas", { attrs: { id: "fireworks" } })]);
 }], Re = /* @__PURE__ */ d(
   Ie,
-  Le,
   De,
+  Le,
   !1,
   null,
   "18ad2709"
@@ -1986,7 +1986,7 @@ const Fe = Re.exports, Ue = {
   return t.src = `https://${e}`, t.id = "stripe-js", n && t.addEventListener("load", (r) => n(null, r), !1), a.parentNode.insertBefore(t, a), !0;
 }, Be = (n) => He(() => {
   window.$stripe = Stripe(h.stripe.publishableKey, {
-    locale: L.lang || "en"
+    locale: D.lang || "en"
   }), typeof n == "function" && n();
 }), Z = {
   data() {
@@ -2501,7 +2501,7 @@ var Ve = function() {
     })], 2);
   }), e.promotion ? t("div", { staticClass: "flex w-full justify-between", 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: "has-text-danger text-right", 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 w-full justify-between", 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 w-full justify-between", 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 w-full justify-end" }, [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 w-full justify-between", 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 w-full justify-between", 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 w-full justify-end" }, [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" : "", 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);
@@ -2562,7 +2562,7 @@ var Ve = function() {
   Oe,
   !1,
   null,
-  "30b943b0"
+  "34e4bb3d"
 );
 const ze = Ne.exports, qe = {
   name: "PremiumStripeSelect",
@@ -3447,7 +3447,7 @@ const Pt = _t.exports, St = {
     try {
       ce("/documentLimitReached", {});
     } catch (n) {
-      D(n, { showMessage: !1 });
+      L(n, { showMessage: !1 });
     }
   },
   async mounted() {
@@ -3487,7 +3487,7 @@ const Pt = _t.exports, St = {
           this.$t("voucherSuccessMessage", { count: this.voucherDocCount })
         ), this.onUpgrade && typeof this.onUpgrade == "function" && this.onUpgrade(), this.$emit("close");
       } catch (n) {
-        D(n);
+        L(n);
       } finally {
         this.isLoading = !1;
       }
@@ -3580,7 +3580,7 @@ const $t = wt.exports, Tt = {
             "Cannot upgrade license as current paymentMethod is not valid"
           );
       } catch (t) {
-        D(t);
+        L(t);
       }
       e && await n();
     },
@@ -3608,7 +3608,7 @@ var Mt = function() {
   null,
   null
 );
-const Lt = It.exports, Dt = {
+const Dt = It.exports, Lt = {
   i18nOptions: {
     namespaces: "personalMessage",
     messages: {
@@ -3637,7 +3637,7 @@ var Rt = function() {
   var e = this, t = e._self._c;
   return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade } });
 }, Ft = [], Ut = /* @__PURE__ */ d(
-  Dt,
+  Lt,
   Rt,
   Ft,
   !1,
@@ -3838,7 +3838,7 @@ const ln = cn.exports, I = {
   templates: Qt,
   documents: $t,
   personalMessage: Ht,
-  licenses: Lt,
+  licenses: Dt,
   inviteCreators: yt,
   stats: Zt,
   documentBlocks: Pt,

package/dist/{index-1DmXjcSN.js → index-DH6SCEKQ.js}

@@ -1,9 +1,9 @@
-import { s as n, F as o } from "./Flag-hg61To9C.js";
-import { w as c } from "./CDropdownItem-DhEpCmQt.js";
-import { n as a } from "./main-CWRB9q-W.js";
+import { s as n, F as o } from "./Flag-DwW19zju.js";
+import { w as c } from "./CDropdownItem-DGES8E6l.js";
+import { n as a } from "./main-Bp2qcma0.js";
 import { i as d } from "./dom-CJxkno7i.js";
-import { d as u } from "./debounce-BQXg61RJ.js";
-import { t as m } from "./throttle-Bixql7MZ.js";
+import { d as u } from "./debounce-BIchuVwa.js";
+import { t as m } from "./throttle-CfPxqhW_.js";
 const f = {
   name: "BackgroundsModalList",
   i18nOptions: {
@@ -116,9 +116,9 @@ const f = {
 };
 var h = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { "min-height": "0", display: "flex", "flex-direction": "column", height: "100%" } }, [t("div", { staticClass: "relative flex w-full", staticStyle: { padding: "4px 0", "flex-shrink": "0" } }, [t("CInput", { staticClass: "flex-grow", staticStyle: { "border-bottom": "1px solid hsl(0, 0%, 92%)" }, attrs: { placeholder: e.$t("searchPlaceholder"), reset: !0, icon: "search", size: "medium" }, model: { value: e.query, callback: function(s) {
+  return t("div", { staticStyle: { "min-height": "0", display: "flex", "flex-direction": "column", height: "100%" } }, [t("div", { staticClass: "relative flex w-full shrink-0 py-1" }, [t("CInput", { staticClass: "flex-grow", staticStyle: { "border-bottom": "1px solid hsl(0, 0%, 92%)" }, attrs: { placeholder: e.$t("searchPlaceholder"), reset: !0, icon: "search", size: "medium" }, model: { value: e.query, callback: function(s) {
     e.query = s;
-  }, expression: "query" } }), e.$i18n.lang !== "en" ? t("div", { staticClass: "absolute right-0 top-1/2 mr-6 hidden -translate-y-1/2 items-center text-gray-400 md:flex" }, [t("Flag", { staticClass: "mr-1", attrs: { region: "GB" } }), e._v(" Sök på "), t("b", { staticClass: "ml-1" }, [e._v("engelska")])], 1) : e._e()], 1), t("div", { staticStyle: { overflow: "hidden", flex: "1", height: "100%" } }, [t("simplebar", { ref: "scrollbar", staticStyle: { width: "100%", height: "100%", padding: "3px 4px" } }, [t("div", { staticStyle: { display: "grid", "grid-template-columns": "repeat(auto-fit, minmax(210px, 1fr))", gap: "2px" } }, [!e.items.length && e.isLoading ? e._l(12, function(s) {
+  }, expression: "query" } })], 1), t("div", { staticStyle: { overflow: "hidden", flex: "1", height: "100%" } }, [t("simplebar", { ref: "scrollbar", staticStyle: { width: "100%", height: "100%", padding: "3px 4px" } }, [t("div", { staticStyle: { display: "grid", "grid-template-columns": "repeat(auto-fit, minmax(210px, 1fr))", gap: "2px" } }, [!e.items.length && e.isLoading ? e._l(12, function(s) {
     return t("div", { key: s, ref: "item", refInFor: !0, staticClass: "photo" });
   }) : e._e(), e._l(e.items, function(s, l) {
     return t("div", { key: l, ref: "item", refInFor: !0, staticClass: "photo", style: { backgroundImage: `url(${s.minImage})` }, on: { click: function(r) {
@@ -137,12 +137,12 @@ var h = function() {
   p,
   !1,
   null,
-  "57b68cb0"
+  "70d28101"
 );
 const g = v.exports, _ = {
   name: "BackgroundsModal"
 };
-var x = function() {
+var y = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-primary fixed inset-0 z-[1000] flex items-center justify-center overflow-auto bg-black bg-opacity-10 max-sm:block max-sm:min-h-full max-sm:w-full max-sm:overflow-auto", on: { click: function(s) {
     return s.target !== s.currentTarget ? null : e.$emit("close");
@@ -151,15 +151,15 @@ var x = function() {
   } } }, [t("CButton", { staticClass: "absolute right-3 top-3 z-10", attrs: { pattern: "tertiary", type: "none", size: "small", circle: "", icon: "x" }, on: { click: function(s) {
     return e.$emit("close");
   } } }), e._t("header"), e._t("default")], 2)]);
-}, y = [], b = /* @__PURE__ */ a(
+}, x = [], w = /* @__PURE__ */ a(
   _,
-  x,
   y,
+  x,
   !1,
   null,
   "4a6a378b"
 );
-const w = b.exports, R = g, L = w;
+const b = w.exports, R = g, L = b;
 export {
   L as B,
   R as a

package/dist/{index-BEOnzeEr.js → index-gtVGRKIX.js}

@@ -1,9 +1,9 @@
-import { w as m } from "./CDropdownItem-DhEpCmQt.js";
-import { n as o, B as f, S as v, g as i, h as l } from "./main-CWRB9q-W.js";
+import { w as m } from "./CDropdownItem-DGES8E6l.js";
+import { n as o, E as f, S as v, g as i, h as l } from "./main-Bp2qcma0.js";
 import { m as h, a as d, b as _ } from "./vuex.esm-DKGl8mcw.js";
-import { B as p } from "./DocTextEditor-CYe_jWZ8.js";
-import { v as r } from "./index-M-GXl2PO.js";
-import { S as g } from "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-DbBb6ZId.js";
+import { B as p } from "./DocTextEditor-idQMnlIF.js";
+import { v as r } from "./index-tNIrTnCx.js";
+import { S as g } from "./SmartList-BXeRj5NC.js";
 const x = {
   mixins: [m],
   props: {