@cling-se/widget 0.9.31 → 0.9.33

package/dist/{DocForm-e363f56b.js → DocForm-3d4d126b.js}

@@ -1,169 +1,37 @@
-import { b7 as fe, b8 as ge, b9 as q, ba as Ce, bb as N, bc as j, bd as ve, be as ye, bf as xe, bg as we, j as K, g as m, n as d, v as Y, b as u, aF as be, c as f, C as Q, bh as _e, bi as ke, K as J, L as H, h as D, bj as Le, bk as $e, B as Se, bl as Te, bm as De, b6 as Ve, bn as Be, R as p, a9 as h, b1 as y, bo as Me, bp as Ie, bq as Fe, br as He, bs as Ae, bt as Pe, F as Ee, bu as ze, d as Ze, i as $, S as Oe, az as Ue, X as Re, bv as Ge, V as A, b3 as X, b4 as ee, I as E, bw as B, b5 as We, bx as qe, by as I, r as Ne, m as je, a as Ke, bz as Ye } from "./main-4b1b8c72.js";
+import { g as m, n as d, w as U, b as u, aF as ae, c as f, C as O, b7 as se, b8 as ne, L as G, M as H, h as D, b9 as oe, ba as le, D as re, bb as ce, bc as de, b6 as pe, bd as ue, T as p, a9 as h, b1 as y, be as me, bf as he, bg as fe, bh as ge, bi as Ce, bj as ve, G as ye, bk as xe, d as we, i as $, S as be, az as _e, l as ke, bl as Le, V as A, b3 as R, b4 as W, I as z, bm as B, b5 as $e, bn as Se, j as Te, bo as I, r as De, m as Ve, a as Be, bp as Me, bq as Ie } from "./main-d803b876.js";
 import { m as g, a as x } from "./vuex.esm-4a0fff7c.js";
-import "./index-bae2f40c.js";
+import "./index-5827c622.js";
 import { v as F } from "./index-805c56e4.js";
-import { w as b } from "./CDropdownItem-88323f71.js";
-import { a as _, I as k, b as Qe, c as Je } from "./IsPremiumPreStep-4d92f1ad.js";
-import { D as Xe, l as et, g as tt, W as it, b as at, a as nt } from "./DocumentLayout-b17e31c9.js";
-import { s as L } from "./Flag-9f5eb788.js";
-import { B as st } from "./BlockMedia-c79a4337.js";
-import { d as P, t as ot } from "./debounce-6e758807.js";
-import { a as lt } from "./tinycolor-e4cbccbe.js";
-import { m as S } from "./mapFormMixin-448a5950.js";
-import { S as rt, C as te, i as ct } from "./formComponentsInstall-d835efd9.js";
-import { f as dt } from "./formValidationMixin-c174cfae.js";
-import { s as v } from "./formDrawerState-66d10543.js";
-import { F as ie, d as pt } from "./tippy.esm-c08ce12b.js";
-import { S as ut } from "./CSlider.vue_vue_type_style_index_0_lang-7a85b50d.js";
-import { o as mt, d as ht } from "./vuedraggable.umd-258fba93.js";
-import { s as ft } from "./dom-962579a6.js";
-import { o as gt } from "./index-a6f6eb93.js";
-import Ct from "./AnswerModal-dfc7f833.js";
+import { w as b } from "./CDropdownItem-9b1ca709.js";
+import { a as _, I as k, b as Fe, c as He } from "./IsPremiumPreStep-086fdca0.js";
+import { D as Ae, l as Pe, g as ze, W as Ee, b as Ze, a as Ue } from "./DocumentLayout-a798e912.js";
+import { s as L } from "./Flag-6e070aa2.js";
+import { B as Oe } from "./BlockMedia-4155dbd6.js";
+import { d as P, t as Ge } from "./debounce-a8a2e7ca.js";
+import { a as Re } from "./tinycolor-dffe2bfd.js";
+import { m as S } from "./mapFormMixin-0583565b.js";
+import { S as We, C as q, i as qe } from "./formComponentsInstall-286a0acd.js";
+import { f as Ne } from "./formValidationMixin-76dd5928.js";
+import { s as v } from "./formDrawerState-e034a6ab.js";
+import { F as N, d as je } from "./tippy.esm-7bfd5b54.js";
+import { S as Ke } from "./CSlider.vue_vue_type_style_index_0_lang-12f32bb7.js";
+import { o as Ye, d as Qe } from "./vuedraggable.umd-a5100bc8.js";
+import { s as Je } from "./dom-962579a6.js";
+import { o as Xe } from "./index-563cfa1e.js";
+import et from "./AnswerModal-39f81c0e.js";
 import "./anime.es-e284c852.js";
 import "./color-71c20583.js";
-import "./BaseDatePicker-e6ccad3a.js";
-import "./ErrorCallout-706a3f77.js";
-import "./AddClientCallout-24d768b3.js";
-import "./ClientAutocomplete-d2795bd2.js";
-import "./SearchApi-006cecf3.js";
-import "./ClientModal-d0ea3ce2.js";
-import "./CCallout-e3750faa.js";
-import "./CField-f9bba928.js";
+import "./BaseDatePicker-92562106.js";
+import "./ErrorCallout-21273503.js";
+import "./AddClientCallout-5d2a5eaa.js";
+import "./ClientAutocomplete-a6bb0940.js";
+import "./SearchApi-4e81ff12.js";
+import "./ClientModal-e5f7b4b8.js";
+import "./CCallout-46b3d405.js";
+import "./CField-d7edf10c.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ColorPicker-5d5a1857.js";
-var vt = fe, yt = ge, xt = q;
-function wt(i, e, t) {
-  for (var a = -1, n = e.length, s = {}; ++a < n; ) {
-    var o = e[a], l = vt(i, o);
-    t(l, o) && yt(s, xt(o, i), l);
-  }
-  return s;
-}
-var bt = wt;
-function _t(i, e) {
-  return i != null && e in Object(i);
-}
-var kt = _t, Lt = Ce, $t = N, St = "[object Arguments]";
-function Tt(i) {
-  return $t(i) && Lt(i) == St;
-}
-var Dt = Tt, z = Dt, Vt = N, ae = Object.prototype, Bt = ae.hasOwnProperty, Mt = ae.propertyIsEnumerable, It = z(function() {
-  return arguments;
-}()) ? z : function(i) {
-  return Vt(i) && Bt.call(i, "callee") && !Mt.call(i, "callee");
-}, ne = It, Ft = 9007199254740991;
-function Ht(i) {
-  return typeof i == "number" && i > -1 && i % 1 == 0 && i <= Ft;
-}
-var At = Ht, Pt = q, Et = ne, zt = j, Zt = ve, Ot = At, Ut = ye;
-function Rt(i, e, t) {
-  e = Pt(e, i);
-  for (var a = -1, n = e.length, s = !1; ++a < n; ) {
-    var o = Ut(e[a]);
-    if (!(s = i != null && t(i, o)))
-      break;
-    i = i[o];
-  }
-  return s || ++a != n ? s : (n = i == null ? 0 : i.length, !!n && Ot(n) && Zt(o, n) && (zt(i) || Et(i)));
-}
-var Gt = Rt, Wt = kt, qt = Gt;
-function Nt(i, e) {
-  return i != null && qt(i, e, Wt);
-}
-var jt = Nt, Kt = bt, Yt = jt;
-function Qt(i, e) {
-  return Kt(i, e, function(t, a) {
-    return Yt(i, a);
-  });
-}
-var Jt = Qt;
-function Xt(i, e) {
-  for (var t = -1, a = e.length, n = i.length; ++t < a; )
-    i[n + t] = e[t];
-  return i;
-}
-var e1 = Xt, Z = xe, t1 = ne, i1 = j, O = Z ? Z.isConcatSpreadable : void 0;
-function a1(i) {
-  return i1(i) || t1(i) || !!(O && i && i[O]);
-}
-var n1 = a1, s1 = e1, o1 = n1;
-function se(i, e, t, a, n) {
-  var s = -1, o = i.length;
-  for (t || (t = o1), n || (n = []); ++s < o; ) {
-    var l = i[s];
-    e > 0 && t(l) ? e > 1 ? se(l, e - 1, t, a, n) : s1(n, l) : a || (n[n.length] = l);
-  }
-  return n;
-}
-var l1 = se, r1 = l1;
-function c1(i) {
-  var e = i == null ? 0 : i.length;
-  return e ? r1(i, 1) : [];
-}
-var d1 = c1;
-function p1(i, e, t) {
-  switch (t.length) {
-    case 0:
-      return i.call(e);
-    case 1:
-      return i.call(e, t[0]);
-    case 2:
-      return i.call(e, t[0], t[1]);
-    case 3:
-      return i.call(e, t[0], t[1], t[2]);
-  }
-  return i.apply(e, t);
-}
-var u1 = p1, m1 = u1, U = Math.max;
-function h1(i, e, t) {
-  return e = U(e === void 0 ? i.length - 1 : e, 0), function() {
-    for (var a = arguments, n = -1, s = U(a.length - e, 0), o = Array(s); ++n < s; )
-      o[n] = a[e + n];
-    n = -1;
-    for (var l = Array(e + 1); ++n < e; )
-      l[n] = a[n];
-    return l[e] = t(o), m1(i, this, l);
-  };
-}
-var f1 = h1;
-function g1(i) {
-  return function() {
-    return i;
-  };
-}
-var C1 = g1;
-function v1(i) {
-  return i;
-}
-var y1 = v1, x1 = C1, R = we, w1 = y1, b1 = R ? function(i, e) {
-  return R(i, "toString", {
-    configurable: !0,
-    enumerable: !1,
-    value: x1(e),
-    writable: !0
-  });
-} : w1, _1 = b1, k1 = 800, L1 = 16, $1 = Date.now;
-function S1(i) {
-  var e = 0, t = 0;
-  return function() {
-    var a = $1(), n = L1 - (a - t);
-    if (t = a, n > 0) {
-      if (++e >= k1)
-        return arguments[0];
-    } else
-      e = 0;
-    return i.apply(void 0, arguments);
-  };
-}
-var T1 = S1, D1 = _1, V1 = T1, B1 = V1(D1), M1 = B1, I1 = d1, F1 = f1, H1 = M1;
-function A1(i) {
-  return H1(F1(i, void 0, I1), i + "");
-}
-var P1 = A1, E1 = Jt, z1 = P1, Z1 = z1(function(i, e) {
-  return i == null ? {} : E1(i, e);
-}), O1 = Z1;
-const U1 = /* @__PURE__ */ K(O1);
-const R1 = {
+import "./ColorPicker-c1b32ad5.js";
+const tt = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
     messages: {
@@ -306,7 +174,7 @@ const R1 = {
     }
   }
 };
-var G1 = function() {
+var it = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "t-root font-inter" }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, [e._v(" " + e._s(e.template ? e.$t("_common:edit", { thing: e.$t("_common:name") }) : e.$t("_common:save", { thing: e.$t("_common:template") })) + " ")]), t("div", [e.template ? e._e() : t("CCallout", [e._v(" " + e._s(e.$t("calloutDescription")) + " ")]), t("CField", { attrs: { vuelidate: e.$v.name, "vuelidate-messages": e.messages.name, label: e.$t("_common:name").capitalize(), "label-position": "inside" } }, [t("CInput", { ref: "input", staticClass: "rounder", staticStyle: { "margin-bottom": "calc(1 * var(--rem))" }, attrs: { value: e.updateExistingDocTemplate ? e.document.template.name : e.name, placeholder: e.$t("namePlaceholder"), disabled: e.updateExistingDocTemplate, autofocus: "", size: "medium" }, on: { input: function(a) {
     e.name = a;
@@ -315,34 +183,34 @@ var G1 = function() {
   }, expression: "updateExistingDocTemplate" } }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("updateExisting")) + " ")])])], 1)], 1) : e._e(), e.document && e.document.clients.length ? t("div", [t("CField", { staticStyle: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, [t("CCheckbox", { attrs: { type: "secondary", size: "normal" }, model: { value: e.keepClients, callback: function(a) {
     e.keepClients = a;
   }, expression: "keepClients" } }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("keepClients")) + " ")])])], 1)], 1) : e._e()], 1), t("CButton", { staticStyle: { "margin-top": "1.5em" }, attrs: { loading: e.isPosting, type: "secondary", wide: "", taller: "" }, on: { click: e.onSave } }, [e._v(" " + e._s(e.actionButtonText) + " ")])], 1);
-}, W1 = [], q1 = /* @__PURE__ */ d(
-  R1,
-  G1,
-  W1,
+}, at = [], st = /* @__PURE__ */ d(
+  tt,
+  it,
+  at,
   !1,
   null,
   "f544bca9",
   null,
   null
 );
-const oe = q1.exports;
-function N1(i, { availableProducts: e }) {
+const j = st.exports;
+function nt(i, { availableProducts: e }) {
   if (!i)
     throw new Error("Missing parameter templateId");
-  const t = e, a = Object.keys(t).find((n) => {
+  const t = e, a = Object.keys(t).find((s) => {
     var o;
-    const s = u(
-      t[n],
+    const n = u(
+      t[s],
       "metadata.companyPurchase"
     );
-    return (s == null ? void 0 : s.type) === "template" && ((o = s == null ? void 0 : s.data) == null ? void 0 : o.id) === i;
+    return (n == null ? void 0 : n.type) === "template" && ((o = n == null ? void 0 : n.data) == null ? void 0 : o.id) === i;
   });
   return a ? t[a] : null;
 }
-async function j1(i) {
+async function ot(i) {
   if (!i)
     throw new Error("Missing argument stripeProduct");
-  const e = i == null ? void 0 : i.prices[0], { data: t } = await be.createCheckoutSession({
+  const e = i == null ? void 0 : i.prices[0], { data: t } = await ae.createCheckoutSession({
     items: [
       {
         stripePriceStripeId: e.stripeId,
@@ -354,21 +222,21 @@ async function j1(i) {
   }), { redirectUrl: a } = t;
   window.open(a, "_blank");
 }
-function le(i, { availableProducts: e }) {
-  var n, s, o;
+function K(i, { availableProducts: e }) {
+  var s, n, o;
   let t = null;
-  const a = N1(i.templateId, { availableProducts: e });
+  const a = nt(i.templateId, { availableProducts: e });
   return a && (t = {
-    price: Y((n = a == null ? void 0 : a.prices) == null ? void 0 : n[0].amount, { currency: (s = a == null ? void 0 : a.prices) == null ? void 0 : s[0].currency }),
+    price: U((s = a == null ? void 0 : a.prices) == null ? void 0 : s[0].amount, { currency: (n = a == null ? void 0 : a.prices) == null ? void 0 : n[0].currency }),
     isPurchased: ((o = i.purchaseInfo) == null ? void 0 : o.isPurchased) || !1,
-    onBuy: async () => j1(a)
+    onBuy: async () => ot(a)
   }), t;
 }
-const K1 = {
+const lt = {
   name: "GalleryTemplateModal",
   components: {
     simplebar: L,
-    DocumentLayout: Xe,
+    DocumentLayout: Ae,
     IsPremium: _,
     IsPremiumPreStep: k
   },
@@ -438,7 +306,7 @@ const K1 = {
       isSuperUser: "application/isSuperUser"
     }),
     previewDocument() {
-      const { data: i, defaultData: e } = this.template, t = new Q({
+      const { data: i, defaultData: e } = this.template, t = new O({
         data: {
           ...e,
           template: i,
@@ -454,20 +322,20 @@ const K1 = {
     }
   },
   created() {
-    this.privateProduct = this.product, this.loadTemplateStat(), this.product && (this.socketUnsubscribeFn = _e.on(
+    this.privateProduct = this.product, this.loadTemplateStat(), this.product && (this.socketUnsubscribeFn = se.on(
       "event",
       async ({ type: i, action: e, data: t }) => {
         var a;
         if (i === "companyPurchase" && e === "applied" && (t == null ? void 0 : t.type) === "template") {
-          const n = (a = t == null ? void 0 : t.data) == null ? void 0 : a.id;
-          if (n !== this.template.id)
+          const s = (a = t == null ? void 0 : t.data) == null ? void 0 : a.id;
+          if (s !== this.template.id)
             return;
-          const s = {
-            templateId: n,
+          const n = {
+            templateId: s,
             isVisibleApp: !0,
             includePurchaseInfo: !0
-          }, o = await this.fetchGallery(s);
-          this.privateProduct = le(
+          }, o = await this.fetchGallery(n);
+          this.privateProduct = K(
             o[0],
             { availableProducts: this.stripeProducts }
           );
@@ -483,7 +351,7 @@ const K1 = {
       const i = this.template.id;
       i || (this.templateStat = null);
       try {
-        const { data: e } = await ke.get(i);
+        const { data: e } = await ne.get(i);
         this.templateStat = e;
       } catch {
         this.templateStat = null;
@@ -500,44 +368,44 @@ const K1 = {
     },
     async copyToClipboard(i) {
       const e = `${f.baseUrl}/template/${i}`;
-      await J(e) && H("info", this.$t("copyMessage"));
+      await G(e) && H("info", this.$t("copyMessage"));
     }
   }
 };
-var Y1 = function() {
+var rt = function() {
   var a;
   var e = this, t = e._self._c;
   return t("div", { staticClass: "bg-gray-200 template-modal font-inter" }, [t("div", { staticStyle: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", "box-shadow": "rgb(244, 244, 244) 0px 2px 14px 0px inset,", flex: "1 1 auto", "min-height": "0" } }, [t("simplebar", { staticClass: "w-full h-full", attrs: { "data-simplebar-auto-hide": "false" } }, [e.previewDocument ? t("DocumentLayout", { attrs: { document: e.previewDocument } }) : e._e(), e.product && !e.privateProduct.isPurchased ? t("style", { tag: "component" }, [e._v(" .ProseMirror > * + * { filter: blur(8px); user-select: none; pointer-events: none; } ")]) : e._e()], 1)], 1), t("div", { staticStyle: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, [e._v(" " + e._s(e.meta.name) + " ")]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, [(a = e.templateStat) != null && a.usedTimes ? [e._v(" " + e._s(e.$t("_common:used").capitalize()) + " " + e._s(e.templateStat.usedTimes) + " " + e._s(e.$t("_common:times", { count: e.templateStat.usedTimes })) + " ")] : e._e()], 2), t("div", { staticStyle: { hyphens: "auto" } }, [e._v(" " + e._s(e.meta.text) + " ")]), e.meta.author ? t("div", { staticClass: "flex items-center", staticStyle: { "padding-top": "1.5em" } }, [t("div", { staticStyle: { "background-color": "#03f", "border-radius": "50%", width: "2.5em", height: "2.5em", "background-size": "cover", "background-position": "center", "background-repeat": "no-repeat" }, style: {
     backgroundImage: `url(${e.meta.author.avatar})`
   } }), t("div", { staticStyle: { "margin-left": "0.5em" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.meta.author.name))]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px" } }, [e.meta.author.templatesCount ? [e._v(" " + e._s(e.meta.author.templatesCount) + " " + e._s(e.$t("_common:template", { count: e.meta.author.templatesCount })) + " ")] : [e._v(e._s(e.$t("_common:template").capitalize()))]], 2)])]) : e._e()]), t("div", { staticStyle: { "padding-bottom": "2em" } }, [e.product ? [e.privateProduct.isPurchased ? t("div", { staticClass: "flex items-center gap-2 p-1 mb-5 text-sm border border-gray-300 rounded-full bg-gray-300/60" }, [t("div", { staticClass: "flex items-center justify-center w-5 h-5 rounded-full bg-primary-500" }, [t("BaseIcon", { staticClass: "text-white", attrs: { type: "check", size: "12" } })], 1), t("div", { staticClass: "text-xs font-medium text-gray-700", domProps: { textContent: e._s(
     e.$t("_common:purchased", { thing: e.$t("_common:template") })
-  ) } })]) : t("CButton", { staticClass: "text-left !justify-start !px-4", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.buyTemplate } }, [t("div", [e._v(" " + e._s(e.$t("_common:buy", { thing: e.$t("_common:template") })) + " ")]), t("div", { staticClass: "absolute py-1.5 px-2 text-sm leading-none text-white -translate-y-1/2 border rounded-md right-2 top-1/2 bg-primary-400/80 border-primary-600/60", domProps: { textContent: e._s(e.privateProduct.price) } })])] : e._e(), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseTemplate: n }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
+  ) } })]) : t("CButton", { staticClass: "text-left !justify-start !px-4", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.buyTemplate } }, [t("div", [e._v(" " + e._s(e.$t("_common:buy", { thing: e.$t("_common:template") })) + " ")]), t("div", { staticClass: "absolute py-1.5 px-2 text-sm leading-none text-white -translate-y-1/2 border rounded-md right-2 top-1/2 bg-primary-400/80 border-primary-600/60", domProps: { textContent: e._s(e.privateProduct.price) } })])] : e._e(), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseTemplate: s }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
       return [!e.product || e.privateProduct.isPurchased ? t("CButton", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { disabled: e.product ? !e.privateProduct.isPurchased : !1, type: "secondary", wide: "" }, on: { click: function(o) {
-        e.isPublicForm || n ? e.useSelectedTemplate() : s({ callback: e.useSelectedTemplate });
+        e.isPublicForm || s ? e.useSelectedTemplate() : n({ callback: e.useSelectedTemplate });
       } } }, [e._v(" " + e._s(e.$t("_common:use", { thing: e.$t("_common:template") })) + " ")]) : e._e()];
     } }], null, !0) })];
-  } }]) }), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: n }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
+  } }]) }), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: s }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
       var o;
       return [(e.product ? (o = e.product) != null && o.isPurchased : e.showSave) ? t("CButton", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { loading: e.isLoading, type: e.didSave ? "success" : "none", "icon-left": e.didSave ? "check" : void 0, wide: "" }, on: { click: function(l) {
-        e.didSave || (e.isPublicForm || n ? e.saveAsTemplate() : s({ callback: e.saveAsTemplate }));
+        e.didSave || (e.isPublicForm || s ? e.saveAsTemplate() : n({ callback: e.saveAsTemplate }));
       } } }, [e._v(" " + e._s(e.didSave ? e.$t("_common:savedThing", { thing: e.$t("_common:template") }) : e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")]) : e._e()];
     } }], null, !0) })];
-  } }]) }), e.allowCopyTemplateLink ? t("CButton", { attrs: { type: "none", "icon-left": "admin", wide: "" }, on: { click: function(n) {
+  } }]) }), e.allowCopyTemplateLink ? t("CButton", { attrs: { type: "none", "icon-left": "admin", wide: "" }, on: { click: function(s) {
     return e.copyToClipboard(e.template.id);
   } } }, [e._v(" " + e._s(e.$t("_common:copy", { thing: e.$t("_common:link") })) + " ")]) : e._e()], 2)])]);
-}, Q1 = [], J1 = /* @__PURE__ */ d(
-  K1,
-  Y1,
-  Q1,
+}, ct = [], dt = /* @__PURE__ */ d(
+  lt,
+  rt,
+  ct,
   !1,
   null,
   "74568361",
   null,
   null
 );
-const X1 = J1.exports, e2 = {
+const pt = dt.exports, ut = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -662,16 +530,16 @@ const X1 = J1.exports, e2 = {
     }
   },
   beforeCreate() {
-    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", Qe);
+    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", Fe);
   },
   async created() {
-    var t, a, n, s;
+    var t, a, s, n;
     this.canPurchase && await this.loadPrices();
     let i = this.galleryCategory;
     !i && ((a = (t = this.$route) == null ? void 0 : t.query) != null && a.list) && ([i] = this.$route.query.list.split(",")), i && (this.activeCategory = this.allCategories.find(
       ({ key: o }) => o === i
     )), await this.loadTemplateGallery();
-    const e = (s = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : s.id;
+    const e = (n = (s = this.$route) == null ? void 0 : s.query) == null ? void 0 : n.id;
     if (e)
       try {
         const o = this.templateGalleryItems.find(
@@ -697,7 +565,7 @@ const X1 = J1.exports, e2 = {
         const e = await this.fetchGallery(i);
         this.templateGalleryItems = (e || []).map((t) => {
           if (this.canPurchase && t.isPurchasable) {
-            const a = le(t, {
+            const a = K(t, {
               availableProducts: this.stripeProducts
             });
             a && (t.product = a);
@@ -714,14 +582,14 @@ const X1 = J1.exports, e2 = {
       }
     },
     async getGalleryTemplate(i) {
-      var s;
+      var n;
       const e = {
         _id: i,
         populate: "templateId",
         isVisibleApp: !0,
         includePurchaseInfo: !0
-      }, t = await this.fetchGallery(e), a = (s = t == null ? void 0 : t[0]) == null ? void 0 : s.templateId;
-      return a ? (Le(a), new $e(a)) : null;
+      }, t = await this.fetchGallery(e), a = (n = t == null ? void 0 : t[0]) == null ? void 0 : n.templateId;
+      return a ? (oe(a), new le(a)) : null;
     },
     onUseTemplate(i) {
       if (!i)
@@ -744,7 +612,7 @@ const X1 = J1.exports, e2 = {
         fortnoxCom: "/img/fortnox/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        X1,
+        pt,
         {
           template: i,
           fetchGallery: this.fetchGallery,
@@ -799,30 +667,30 @@ const X1 = J1.exports, e2 = {
       selectGalleryItem: this.selectGalleryItem
     });
   }
-}, t2 = null, i2 = null;
-var a2 = /* @__PURE__ */ d(
-  e2,
-  t2,
-  i2,
+}, mt = null, ht = null;
+var ft = /* @__PURE__ */ d(
+  ut,
+  mt,
+  ht,
   !1,
   null,
   null,
   null,
   null
 );
-const n2 = a2.exports;
-const s2 = {
+const gt = ft.exports;
+const Ct = {
   name: "DocumentIcon",
-  truncate: Se,
+  truncate: re,
   inject: {
     components: {
       default: {
-        BlockMedia: st
+        BlockMedia: Oe
       }
     }
   }
 };
-var o2 = function(e, t) {
+var vt = function(e, t) {
   return e("div", t._b({ key: t.data.key, staticClass: "item", class: [
     t.data.staticClass,
     t.data.class,
@@ -838,18 +706,18 @@ var o2 = function(e, t) {
   } }) : t.props.isPlaceholder || t.props.isAdd ? t._e() : e(t.injections.components.BlockMedia, { tag: "component", staticClass: "item-media", attrs: { media: t.props.media, preview: "" } }), t.scopedSlots.badge ? e("div", { staticClass: "absolute right-2 bottom-2" }, [t._t("badge")], 2) : t._e(), t.props.isAdd ? e("div", { staticClass: "add-button" }, [e("BaseIcon", { attrs: { size: 18, "stroke-width": 3, type: "plus" } })], 1) : t._e()], 1), e("div", { staticClass: "item-footer" }, [t.props.isAdd ? e("div", { staticClass: "item-text", staticStyle: { color: "hsl(0, 0%, 55%)" }, domProps: { textContent: t._s(
     t.parent.$t("_common:empty", { thing: t.parent.$t("_common:template") })
   ) } }) : t.props.name ? [e("div", { staticClass: "item-text", domProps: { textContent: t._s(t.$options.truncate(t.props.name, 60)) } }), t._t("default")] : t._e()], 2)]);
-}, l2 = [], r2 = /* @__PURE__ */ d(
-  s2,
-  o2,
-  l2,
+}, yt = [], xt = /* @__PURE__ */ d(
+  Ct,
+  vt,
+  yt,
   !0,
   null,
   "e2f4722e",
   null,
   null
 );
-const c2 = r2.exports;
-const d2 = {
+const wt = xt.exports;
+const bt = {
   name: "HorizontalScroll",
   components: {
     Simplebar: L
@@ -879,10 +747,10 @@ const d2 = {
   },
   methods: {
     go(i) {
-      var n, s;
+      var s, n;
       if (!this.$refs.container)
         return;
-      const e = (i > 0 ? 1 : -1) * (this.$refs.container.offsetWidth / 2), t = (s = (n = this.$refs) == null ? void 0 : n.list) == null ? void 0 : s.scrollElement;
+      const e = (i > 0 ? 1 : -1) * (this.$refs.container.offsetWidth / 2), t = (n = (s = this.$refs) == null ? void 0 : s.list) == null ? void 0 : n.scrollElement;
       if (!t)
         return;
       const { scrollLeft: a } = t;
@@ -894,8 +762,8 @@ const d2 = {
     },
     scrollHandler() {
       clearTimeout(this.scrollTimer), this.scrollTimer = setTimeout(() => {
-        var n, s;
-        const i = (s = (n = this.$refs) == null ? void 0 : n.list) == null ? void 0 : s.scrollElement;
+        var s, n;
+        const i = (n = (s = this.$refs) == null ? void 0 : s.list) == null ? void 0 : n.scrollElement;
         if (!i)
           return;
         const { scrollWidth: e, scrollLeft: t, offsetWidth: a } = i;
@@ -904,7 +772,7 @@ const d2 = {
     }
   }
 };
-var p2 = function() {
+var _t = function() {
   var e = this, t = e._self._c;
   return t("div", { ref: "container", staticClass: "horizontal-scroll" }, [t("div", { staticClass: "hl-navigation" }, [e.hasPrev ? t("div", { staticClass: "hl-btn-left max-sm:hidden", on: { click: function(a) {
     return e.go(-1);
@@ -917,18 +785,18 @@ var p2 = function() {
       return e.$emit("expand");
     } } })];
   })], 2) : e._e()]), t("div", { staticClass: "hl-container" }, [t("Simplebar", { ref: "list", staticClass: "hl-list", on: { scroll: e.scrollHandler } }, [t("div", { staticClass: "flex w-full" }, [e._t("default")], 2)])], 1)]);
-}, u2 = [], m2 = /* @__PURE__ */ d(
-  d2,
-  p2,
-  u2,
+}, kt = [], Lt = /* @__PURE__ */ d(
+  bt,
+  _t,
+  kt,
   !1,
   null,
   "31e10485",
   null,
   null
 );
-const h2 = m2.exports;
-const f2 = {
+const $t = Lt.exports;
+const St = {
   name: "DocumentFormRecent",
   i18nOptions: {
     namespaces: "DocumentFormRecent",
@@ -974,7 +842,7 @@ const f2 = {
     async fetchDocuments(i) {
       const e = this.query ? 180 : 90, t = {
         createdAt: {
-          $gte: this.$formatDate(Te(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
+          $gte: this.$formatDate(ce(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
         },
         // Only provide or if there is a search query to filter on
         ...this.query && {
@@ -983,23 +851,23 @@ const f2 = {
             {
               clients: {
                 $elemMatch: {
-                  $or: ["name", "email", "socialNo", "orgNo"].map((s) => ({
-                    [s]: { $regex: this.query, $options: "i" }
+                  $or: ["name", "email", "socialNo", "orgNo"].map((n) => ({
+                    [n]: { $regex: this.query, $options: "i" }
                   }))
                 }
               }
             }
           ]
         }
-      }, { data: a } = await De.getAll({
+      }, { data: a } = await de.getAll({
         lean: !0,
         filter: encodeURIComponent(JSON.stringify(t)),
         fields: "clients,data.name,createdAt",
         skip: i || 0,
         sort: "-createdAt",
         limit: 10
-      }), { items: n = [] } = a || {};
-      return n;
+      }), { items: s = [] } = a || {};
+      return s;
     },
     onLoadDocuments: P(async function() {
       this.isLoading = !0, this.hasItems = !0;
@@ -1016,17 +884,17 @@ const f2 = {
     }
   }
 };
-var g2 = function() {
+var Tt = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "flex w-full", staticStyle: { "padding-bottom": "1em" } }, [e._t("default"), e.hasItems ? t("CInput", { staticClass: "hidden md:flex", attrs: { loading: e.isLoading, placeholder: e.$t("_common:search"), type: "search", size: "normal", filled: "" }, on: { input: e.onInput }, model: { value: e.query, callback: function(a) {
     e.query = a;
   }, expression: "query" } }) : e._e()], 2), t("div", { staticClass: "recent-list" }, [e.isLoading && !e.list.length ? e._l(3, function(a) {
     return t("div", { key: a, staticClass: "recent-item placeholder" }, [t("CSkeleton", { staticClass: "recent-item-name", attrs: { width: "60%" } }), t("CSkeleton", { attrs: { width: "35%" } })], 1);
-  }) : !e.isLoading && !e.query && !e.list.length ? t("div", { staticClass: "p-4 text-center text-gray-400 bg-gray-100 border border-gray-200 rounded-md", staticStyle: { "font-size": "15px" } }, [e._v(" " + e._s(e.$t("emptyPlaceholder")) + " ")]) : e.query && !e.isLoading && !e.list.length ? t("div", { staticClass: "text-center text-gray-400", staticStyle: { padding: "1em" } }, [e._v(" " + e._s(e.$t("noResults")) + " ")]) : [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a, canUseTemplate: n }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
+  }) : !e.isLoading && !e.query && !e.list.length ? t("div", { staticClass: "p-4 text-center text-gray-400 bg-gray-100 border border-gray-200 rounded-md", staticStyle: { "font-size": "15px" } }, [e._v(" " + e._s(e.$t("emptyPlaceholder")) + " ")]) : e.query && !e.isLoading && !e.list.length ? t("div", { staticClass: "text-center text-gray-400", staticStyle: { padding: "1em" } }, [e._v(" " + e._s(e.$t("noResults")) + " ")]) : [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a, canUseTemplate: s }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
       return [t("div", e._l(e.list, function(o, l) {
         return t("div", { key: o._id, staticClass: "recent-item", on: { click: function(r) {
-          n ? e.onUseDocTemplate(o._id) : s({
+          s ? e.onUseDocTemplate(o._id) : n({
             callback: () => e.onUseDocTemplate(o._id)
           });
         }, "&mouseover": function(r) {
@@ -1043,18 +911,18 @@ var g2 = function() {
       }), 0)];
     } }], null, !0) })];
   } }]) })]], 2)]);
-}, C2 = [], v2 = /* @__PURE__ */ d(
-  f2,
-  g2,
-  C2,
+}, Dt = [], Vt = /* @__PURE__ */ d(
+  St,
+  Tt,
+  Dt,
   !1,
   null,
   "496e96d5",
   null,
   null
 );
-const y2 = v2.exports;
-const x2 = {
+const Bt = Vt.exports;
+const Mt = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -1099,10 +967,10 @@ const x2 = {
   name: "TemplateSelector",
   mixins: [b],
   components: {
-    HorizontalScroll: h2,
-    DocumentIcon: c2,
-    DocumentRecent: y2,
-    GalleryLogic: n2,
+    HorizontalScroll: $t,
+    DocumentIcon: wt,
+    DocumentRecent: Bt,
+    GalleryLogic: gt,
     IsPremiumPreStep: k
   },
   props: {
@@ -1225,7 +1093,7 @@ const x2 = {
     },
     async saveTemplate(i) {
       try {
-        const { data: e } = i, t = Ve(e, [
+        const { data: e } = i, t = pe(e, [
           "_id",
           "id",
           "companyId",
@@ -1239,7 +1107,7 @@ const x2 = {
     },
     async openTemplateFormModal({ document: i = null, template: e = null }) {
       this.$modal.show(
-        oe,
+        j,
         {
           document: i,
           template: e,
@@ -1256,7 +1124,7 @@ const x2 = {
       );
     },
     async fetchGallery(i = {}) {
-      const { data: e } = await Be.get(i);
+      const { data: e } = await ue.get(i);
       return e;
     },
     canUseTemplate(i) {
@@ -1264,49 +1132,49 @@ const x2 = {
     },
     async copyToClipboard(i) {
       const e = `${f.baseUrl}/template/${i}`;
-      await J(e) && H("info", this.$t("copyMessage"));
+      await G(e) && H("info", this.$t("copyMessage"));
     }
   }
 };
-var w2 = function() {
+var It = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "w-full h-full px-4 pt-10 pb-10 overflow-y-auto bg-white md:pt-16 md:px-10 rounded-2xl" }, [t("div", { staticClass: "max-w-5xl mx-auto font-inter form-start main", class: { small: e.mq === "sm" } }, [e._t("header"), t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "section-title" }, [t("div", [e._v(e._s(e.$t("myTemplates")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("myTemplatesSubTitle")) + " ")])]), t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: a }) {
-    return [t(e.isExpanded ? "div" : "HorizontalScroll", { tag: "component", staticClass: "template-list", class: { "is-expanded": e.isExpanded }, on: { expand: function(n) {
+    return [t(e.isExpanded ? "div" : "HorizontalScroll", { tag: "component", staticClass: "template-list", class: { "is-expanded": e.isExpanded }, on: { expand: function(s) {
       e.isExpanded = !0;
-    } } }, e._l(e.myTemplates, function(n) {
-      return t("DocumentIcon", { key: n.id, staticClass: "template-item", attrs: { "is-add": n.id === "empty", "is-placeholder": n.placeholder, media: n.defaultMedia || e.fallbackMedia, thumbnail: n.thumbnailUrl, name: n.name }, on: { click: function(s) {
-        n.placeholder || (e.canUseTemplate(n) ? e.select({ templateId: n.id }) : a());
-      } } }, [e.canUseTemplate(n) ? !n.doConsumeDocumentQuota && !n.placeholder ? t("div", { staticClass: "text-[11px] h-5 capitalize font-semibold text-white bg-primary-500 rounded leading-none px-1.5 inline-flex items-center border border-primary-600 shadow-sm", attrs: { slot: "badge" }, slot: "badge" }, [e._v(" " + e._s(e.$t("_common:free")) + " ")]) : e._e() : t("div", { staticClass: "inline-flex items-center h-5 gap-1 px-1 leading-none bg-gray-200 border border-gray-300 rounded shadow-sm text-gray-500/90", attrs: { slot: "badge" }, slot: "badge" }, [t("BaseIcon", { attrs: { type: "lock", size: "12", "stroke-width": "2.5" } }), t("div", { staticClass: "text-[11px] font-semibold" }, [e._v("Pro")])], 1), n.onModify === "create" && !n.doConsumeDocumentQuota ? t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+    } } }, e._l(e.myTemplates, function(s) {
+      return t("DocumentIcon", { key: s.id, staticClass: "template-item", attrs: { "is-add": s.id === "empty", "is-placeholder": s.placeholder, media: s.defaultMedia || e.fallbackMedia, thumbnail: s.thumbnailUrl, name: s.name }, on: { click: function(n) {
+        s.placeholder || (e.canUseTemplate(s) ? e.select({ templateId: s.id }) : a());
+      } } }, [e.canUseTemplate(s) ? !s.doConsumeDocumentQuota && !s.placeholder ? t("div", { staticClass: "text-[11px] h-5 capitalize font-semibold text-white bg-primary-500 rounded leading-none px-1.5 inline-flex items-center border border-primary-600 shadow-sm", attrs: { slot: "badge" }, slot: "badge" }, [e._v(" " + e._s(e.$t("_common:free")) + " ")]) : e._e() : t("div", { staticClass: "inline-flex items-center h-5 gap-1 px-1 leading-none bg-gray-200 border border-gray-300 rounded shadow-sm text-gray-500/90", attrs: { slot: "badge" }, slot: "badge" }, [t("BaseIcon", { attrs: { type: "lock", size: "12", "stroke-width": "2.5" } }), t("div", { staticClass: "text-[11px] font-semibold" }, [e._v("Pro")])], 1), s.onModify === "create" && !s.doConsumeDocumentQuota ? t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
         content: e.$t("icon.freeTooltip"),
         placement: "bottom"
       }, expression: `{
                 content: $t('icon.freeTooltip'),
                 placement: 'bottom'
-              }` }], staticStyle: { top: "-8px", right: "-4px" }, attrs: { icon: "info", type: "none", pattern: "tertiary", size: "small" }, nativeOn: { click: function(s) {
-        s.stopPropagation();
-      } } }) : t("CDropdown", { staticStyle: { top: "-8px", right: "-4px" }, attrs: { "append-to-body": "" }, nativeOn: { click: function(s) {
-        s.stopPropagation();
-      } } }, [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("icon.tooltip"), expression: "$t('icon.tooltip')" }], attrs: { slot: "trigger", icon: "more-vertical", type: "none", pattern: "tertiary", size: "small" }, slot: "trigger" }), e.onEditTemplate ? t("CDropdownItem", { attrs: { "icon-left": "template-color" }, on: { click: function(s) {
-        return e.onEditTemplate(n.id);
-      } } }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:template") })) + " ")]) : e._e(), t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "edit" }, on: { click: function(s) {
-        return e.openTemplateFormModal({ template: n });
-      } } }, [e._v(" " + e._s(e.$t("_common:change", { thing: e.$t("_common:name") })) + " ")]), t("CDropdownItem", { attrs: { separator: "" } }), e.allowCopyTemplateLink ? [t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "admin" }, on: { click: function(s) {
-        return e.copyToClipboard(n.id);
-      } } }, [e._v(" " + e._s(e.$t("_common:copy", { thing: e.$t("_common:link") })) + " ")]), t("CDropdownItem", { attrs: { separator: "" } })] : e._e(), t("CDropdownItem", { attrs: { "icon-props": { size: 16, stroke: "hsl(360, 100%, 60%)" }, "icon-left": "trash" }, on: { click: function(s) {
-        return e.removeTemplate({ template: n });
+              }` }], staticStyle: { top: "-8px", right: "-4px" }, attrs: { icon: "info", type: "none", pattern: "tertiary", size: "small" }, nativeOn: { click: function(n) {
+        n.stopPropagation();
+      } } }) : t("CDropdown", { staticStyle: { top: "-8px", right: "-4px" }, attrs: { "append-to-body": "" }, nativeOn: { click: function(n) {
+        n.stopPropagation();
+      } } }, [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("icon.tooltip"), expression: "$t('icon.tooltip')" }], attrs: { slot: "trigger", icon: "more-vertical", type: "none", pattern: "tertiary", size: "small" }, slot: "trigger" }), e.onEditTemplate ? t("CDropdownItem", { attrs: { "icon-left": "template-color" }, on: { click: function(n) {
+        return e.onEditTemplate(s.id);
+      } } }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:template") })) + " ")]) : e._e(), t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "edit" }, on: { click: function(n) {
+        return e.openTemplateFormModal({ template: s });
+      } } }, [e._v(" " + e._s(e.$t("_common:change", { thing: e.$t("_common:name") })) + " ")]), t("CDropdownItem", { attrs: { separator: "" } }), e.allowCopyTemplateLink ? [t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "admin" }, on: { click: function(n) {
+        return e.copyToClipboard(s.id);
+      } } }, [e._v(" " + e._s(e.$t("_common:copy", { thing: e.$t("_common:link") })) + " ")]), t("CDropdownItem", { attrs: { separator: "" } })] : e._e(), t("CDropdownItem", { attrs: { "icon-props": { size: 16, stroke: "hsl(360, 100%, 60%)" }, "icon-left": "trash" }, on: { click: function(n) {
+        return e.removeTemplate({ template: s });
       } } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")])], 2)], 1);
     }), 1)];
   } }]) })], 1), e.showGallery ? [t("GalleryLogic", { attrs: { "fetch-gallery": e.fetchGallery, "use-template": e.select, "show-template-author": e.showGalleryTemplateAuthor, "modal-props": e.galleryModalProps, "gallery-category": e.galleryCategory }, scopedSlots: e._u([{ key: "default", fn: function({
     galleryItems: a,
-    categories: n,
-    activeCategory: s,
+    categories: s,
+    activeCategory: n,
     selectCategory: o,
     selectGalleryItem: l
   }) {
     return [t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "w-full section-title" }, [t("div", { staticClass: "flex justify-between items-center" }, [t("div", [e._v(e._s(e.$t("gallery")))]), t("CDropdown", { staticStyle: { "margin-left": "calc(0.5 * var(--rem))" }, nativeOn: { click: function(r) {
       r.stopPropagation();
-    } } }, [t("CButton", { attrs: { slot: "trigger", size: "small", type: "none", pattern: "secondary", "icon-right": "chevron-down" }, slot: "trigger" }, [e._v(" " + e._s(s ? s.label : "") + " ")]), e._l(n, function(r) {
-      return t("CDropdownItem", { key: r.key, attrs: { "icon-right": s && s.key === r.key ? "check" : "" }, on: { click: function(c) {
+    } } }, [t("CButton", { attrs: { slot: "trigger", size: "small", type: "none", pattern: "secondary", "icon-right": "chevron-down" }, slot: "trigger" }, [e._v(" " + e._s(n ? n.label : "") + " ")]), e._l(s, function(r) {
+      return t("CDropdownItem", { key: r.key, attrs: { "icon-right": n && n.key === r.key ? "check" : "" }, on: { click: function(c) {
         return o(r);
       } } }, [e._v(" " + e._s(r.label) + " ")]);
     })], 2)], 1), t("div", { staticClass: "section-subtitle", domProps: { innerHTML: e._s(e.$t("gallerySubTitle")) } })]), t("HorizontalScroll", { staticClass: "template-list" }, e._l(a, function(r) {
@@ -1315,18 +1183,18 @@ var w2 = function() {
       } } }, [r.product ? t("div", { staticClass: "p-1 text-xs font-semibold leading-none text-white border rounded shadow-lg bg-primary-500 border-primary-700/40", attrs: { slot: "badge" }, slot: "badge" }, [r.product.isPurchased ? t("BaseIcon", { attrs: { type: "check", size: "14", "stroke-width": "3" } }) : t("div", { domProps: { textContent: e._s(r.product.price) } })], 1) : e._e()]);
     }), 1)], 1)];
   } }], null, !1, 4232935324) })] : e._e(), t("DocumentRecent", { staticStyle: { width: "100%", "padding-bottom": "5em" }, on: { "use-doc-template": e.select, "save-template": e.openTemplateFormModal } }, [t("div", { staticClass: "section-title", staticStyle: { flex: "1 1 auto", "padding-bottom": "0.5em" } }, [t("div", [e._v(e._s(e.$t("recent")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("recentSubTitle")) + " ")])])])], 2)]);
-}, b2 = [], _2 = /* @__PURE__ */ d(
-  x2,
-  w2,
-  b2,
+}, Ft = [], Ht = /* @__PURE__ */ d(
+  Mt,
+  It,
+  Ft,
   !1,
   null,
   "b4a79da1",
   null,
   null
 );
-const k2 = _2.exports;
-const L2 = (i) => {
+const At = Ht.exports;
+const Pt = (i) => {
   const e = Array(2).fill().map(() => p());
   return [
     {
@@ -1348,7 +1216,7 @@ const L2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, $2 = (i, e = "en") => [
+}, zt = (i, e = "en") => [
   { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: h.t("attachment_plural", { lng: e }).capitalize() },
   {
     key: `files-${i}`,
@@ -1357,13 +1225,13 @@ const L2 = (i) => {
       $ref: `${f.api.baseUrl}/schemas/file/1.json`
     }
   }
-], S2 = ({ document: i = null }) => {
+], Et = ({ document: i = null }) => {
   const e = p(), { language: t } = i || {};
   return {
-    readView: L2(e),
-    validation: $2(e, t)
+    readView: Pt(e),
+    validation: zt(e, t)
   };
-}, T2 = () => [
+}, Zt = () => [
   {
     itemId: "presentation",
     itemType: "presentation",
@@ -1371,11 +1239,11 @@ const L2 = (i) => {
     parentId: "0",
     nodeId: p()
   }
-], D2 = () => ({
-  readView: T2(),
+], Ut = () => ({
+  readView: Zt(),
   validation: []
   // all relevant data is either within base doc or company settings etc
-}), V2 = () => {
+}), Ot = () => {
   const i = Array(2).fill().map(() => p());
   return [
     {
@@ -1398,19 +1266,19 @@ const L2 = (i) => {
       // uniqid(),
     }
   ];
-}, B2 = (i = "en") => [
+}, Gt = (i = "en") => [
   {
     key: "multiGroupPricing-title",
     anyOf: [{ type: "string" }, { type: "null" }],
     defaultValue: h.t("components:document.chapters.multiGroupPricing.title", { lng: i })
   }
-], M2 = ({ document: i = null }) => {
+], Rt = ({ document: i = null }) => {
   const { language: e } = i || {};
   return {
-    readView: V2(),
-    validation: B2(e)
+    readView: Ot(),
+    validation: Gt(e)
   };
-}, I2 = () => [
+}, Wt = () => [
   {
     itemId: "terms",
     itemType: "termsDisclaimer",
@@ -1428,7 +1296,7 @@ const L2 = (i) => {
     parentId: "0",
     nodeId: p()
   }
-], F2 = () => [
+], qt = () => [
   {
     key: "terms",
     anyOf: [
@@ -1436,10 +1304,10 @@ const L2 = (i) => {
       { type: "null" }
     ]
   }
-], H2 = () => ({
-  readView: I2(),
-  validation: F2()
-}), A2 = () => {
+], Nt = () => ({
+  readView: Wt(),
+  validation: qt()
+}), jt = () => {
   const i = Array(5).fill().map(() => p());
   return [
     {
@@ -1488,7 +1356,7 @@ const L2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, P2 = () => ({
+}, Kt = () => ({
   clients: [{
     name: "Pernilla P.",
     email: "pernilla@mail.se",
@@ -1498,20 +1366,20 @@ const L2 = (i) => {
     deliveryTypes: ["email"],
     answerMethod: { accept: "signature", deny: "button" }
   }]
-}), E2 = (i = "en") => [
+}), Yt = (i = "en") => [
   { key: "senderString", anyOf: [{ type: "string" }, { type: "null" }] },
   { key: "receiverString", anyOf: [{ type: "string" }, { type: "null" }] },
   { key: "partiesString", anyOf: [{ type: "string" }, { type: "null" }], defaultValue: h.t("components:document.chapters.parties.title", { lng: i }) }
-], z2 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+], Qt = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const { language: a } = e || {};
-  let n = null;
-  return typeof t == "function" ? n = t() : i && (n = P2()), {
-    readView: A2(),
-    validation: E2(a),
+  let s = null;
+  return typeof t == "function" ? s = t() : i && (s = Kt()), {
+    readView: jt(),
+    validation: Yt(a),
     // Client / company will for now always exist on doc and in validation
-    ...n && { data: n }
+    ...s && { data: s }
   };
-}, Z2 = (i) => {
+}, Jt = (i) => {
   const e = Array(3).fill().map(() => p());
   return [
     {
@@ -1540,7 +1408,7 @@ const L2 = (i) => {
       nodeId: e[2]
     }
   ];
-}, O2 = (i) => [
+}, Xt = (i) => [
   {
     key: `estimatedTimeComplete-${i}`,
     type: "object",
@@ -1561,20 +1429,20 @@ const L2 = (i) => {
       }
     }
   }
-], U2 = (i) => ({
+], e1 = (i) => ({
   [`estimatedTimeComplete-${i}`]: {
     value: 4,
     unitType: "hour"
   }
-}), R2 = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), t1 = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = p();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = U2(t)), {
-    readView: Z2(t),
-    validation: O2(t),
+  return typeof e == "function" ? a = e(t) : i && (a = e1(t)), {
+    readView: Jt(t),
+    validation: Xt(t),
     ...a && { data: a }
   };
-}, G2 = () => {
+}, i1 = () => {
   const i = Array(3).fill().map(() => p());
   return [
     {
@@ -1608,7 +1476,7 @@ const L2 = (i) => {
       nodeId: i[2]
     }
   ];
-}, W2 = () => [
+}, a1 = () => [
   {
     key: "estimatedWorkDates",
     type: "object",
@@ -1617,10 +1485,10 @@ const L2 = (i) => {
       endAt: { anyOf: [{ type: "null" }, { type: "string" }] }
     }
   }
-], q2 = () => ({
-  readView: G2(),
-  validation: W2()
-}), N2 = () => {
+], s1 = () => ({
+  readView: i1(),
+  validation: a1()
+}), n1 = () => {
   const i = Array(5).fill().map(() => p());
   return [
     {
@@ -1686,7 +1554,7 @@ const L2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, j2 = () => [
+}, o1 = () => [
   {
     key: "extraWorkConstruction",
     extraWorkConstruction: {
@@ -1710,11 +1578,11 @@ const L2 = (i) => {
       }
     }
   }
-], K2 = () => ({
-  readView: N2(),
-  validation: j2()
+], l1 = () => ({
+  readView: n1(),
+  validation: o1()
   // Client / company will for now always exist on doc and in validation
-}), Y2 = () => {
+}), r1 = () => {
   const i = Array(3).fill().map(() => p());
   return [
     {
@@ -1754,7 +1622,7 @@ const L2 = (i) => {
       nodeId: i[2]
     }
   ];
-}, Q2 = () => [
+}, c1 = () => [
   {
     key: "extraWorkTimeImpact",
     anyOf: [
@@ -1778,10 +1646,10 @@ const L2 = (i) => {
       }
     ]
   }
-], J2 = () => ({
-  readView: Y2(),
-  validation: Q2()
-}), X2 = () => {
+], d1 = () => ({
+  readView: r1(),
+  validation: c1()
+}), p1 = () => {
   const i = Array(5).fill().map(() => p());
   return [
     {
@@ -1834,13 +1702,13 @@ const L2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, ei = () => [
+}, u1 = () => [
   { key: "miscAgreements", anyOf: [{ type: "string" }, { type: null }] },
   { key: "notBinding", type: "boolean" }
-], ti = () => ({
-  readView: X2(),
-  validation: ei()
-}), ii = (i) => {
+], m1 = () => ({
+  readView: p1(),
+  validation: u1()
+}), h1 = (i) => {
   const e = Array(2).fill().map(() => p());
   return [
     {
@@ -1862,22 +1730,22 @@ const L2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, ai = (i) => [
+}, f1 = (i) => [
   { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: "" },
   { key: `content-${i}`, anyOf: [{ type: "string" }, { type: "null" }] }
-], ni = (i) => ({
+], g1 = (i) => ({
   [`data.title-${i}`]: "My custom text",
   [`data.content-${i}`]: "<p>First impressions matter. Make it count by sending beautiful proposals to your clients. Proposals that look great on any device. Proposals that help you to close with notifications and digital signatures.</p>"
-}), si = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), C1 = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = p();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = ni(t)), {
-    readView: ii(t),
-    validation: ai(t),
+  return typeof e == "function" ? a = e(t) : i && (a = g1(t)), {
+    readView: h1(t),
+    validation: f1(t),
     ...a && { data: a },
     onAddFnName: "conditionalOnAdd"
   };
-}, oi = (i) => [
+}, v1 = (i) => [
   {
     itemId: "coverBlock",
     itemType: "coverBlock",
@@ -1887,7 +1755,7 @@ const L2 = (i) => {
     parentId: "0",
     nodeId: p()
   }
-], li = (i, e = "en") => [
+], y1 = (i, e = "en") => [
   {
     key: `coverBlock-${i}`,
     defaultValue: {
@@ -1904,7 +1772,7 @@ const L2 = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/coverBlock/1.json`
   }
-], ri = (i) => ({
+], x1 = (i) => ({
   [`data.coverBlock-${i}`]: {
     text: "<h1>We know communication</h1>",
     cover: {
@@ -1914,15 +1782,15 @@ const L2 = (i) => {
       blur: 0
     }
   }
-}), ci = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
-  const a = p(), { language: n } = e || {};
-  let s = null;
-  return typeof t == "function" ? s = t(a) : i && (s = ri(a)), {
-    readView: oi(a),
-    validation: li(a, n),
-    ...s && { data: s }
+}), w1 = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+  const a = p(), { language: s } = e || {};
+  let n = null;
+  return typeof t == "function" ? n = t(a) : i && (n = x1(a)), {
+    readView: v1(a),
+    validation: y1(a, s),
+    ...n && { data: n }
   };
-}, di = ({ language: i = "en" } = {}) => {
+}, b1 = ({ language: i = "en" } = {}) => {
   const e = (t) => h.t(`components:account.documentForm.contentItems.coverBlock.${t}`, {
     lng: i
   });
@@ -2067,7 +1935,7 @@ const L2 = (i) => {
       })
     }
   ];
-}, pi = (i) => [
+}, _1 = (i) => [
   {
     itemId: `header-${i}`,
     itemType: "header",
@@ -2077,18 +1945,18 @@ const L2 = (i) => {
     parentId: "0",
     nodeId: p()
   }
-], ui = (i, e = null) => {
+], k1 = (i, e = null) => {
   const {
     language: t = "en",
     name: a = "",
-    theme: n
-  } = e || {}, s = a || h.t("_common:proposal", { lng: t }).capitalize();
-  e && (e.name = s);
+    theme: s
+  } = e || {}, n = a || h.t("_common:proposal", { lng: t }).capitalize();
+  e && (e.name = n);
   const {
     background: o,
     priceSummaryBackground: l,
     backgroundFilter: r
-  } = n || {}, c = l || "hsl(228, 52%, 18%)", C = lt.readability(c, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
+  } = s || {}, c = l || "hsl(228, 52%, 18%)", C = Re.readability(c, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
   return [
     {
       key: `header-${i}`,
@@ -2119,7 +1987,7 @@ const L2 = (i) => {
             },
             value: {
               preText: "",
-              documentName: `<p data-typography="title">${s}</p>`,
+              documentName: `<p data-typography="title">${n}</p>`,
               postText: h.t("components:document.chapters.header.postText", { lng: t, interpolation: { prefix: "__", suffix: "__" } }),
               showLogo: !0,
               logotype: ""
@@ -2129,7 +1997,7 @@ const L2 = (i) => {
       }
     }
   ];
-}, mi = (i) => ({
+}, L1 = (i) => ({
   [`data.header-${i}`]: {
     layout: "vertical",
     baseStyle: { textAlign: "left", textColor: "#FFFFFF" },
@@ -2159,15 +2027,15 @@ const L2 = (i) => {
       }
     ]
   }
-}), hi = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+}), $1 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const a = p();
-  let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = mi(a)), {
-    readView: pi(a),
-    validation: ui(a, e),
-    ...n && { data: n }
+  let s = null;
+  return typeof t == "function" ? s = t(a) : i && (s = L1(a)), {
+    readView: _1(a),
+    validation: k1(a, e),
+    ...s && { data: s }
   };
-}, fi = ({ language: i = "en" } = {}) => {
+}, S1 = ({ language: i = "en" } = {}) => {
   const e = (t) => h.t(`components:account.documentForm.contentItems.header.${t}`, {
     lng: i,
     interpolation: { prefix: "__", suffix: "__" }
@@ -2467,7 +2335,7 @@ h.loadOptions({
     }
   }
 });
-const gi = (i) => {
+const T1 = (i) => {
   const e = Array(2).fill().map(() => p());
   return [
     {
@@ -2492,7 +2360,7 @@ const gi = (i) => {
       nodeId: e[1]
     }
   ];
-}, Ci = (i, e = "en") => [
+}, D1 = (i, e = "en") => [
   {
     key: `packageGroups.${i}`,
     validationKey: "packageGroups",
@@ -2512,15 +2380,15 @@ const gi = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/packageGroups/1.json`
   }
-], vi = () => null, yi = ({ includeMockData: i, document: e = null, contentData: t = null } = {}) => {
-  const a = p(), { language: n } = e || {};
-  let s = null;
-  typeof t == "function" ? s = t(a) : i && (s = vi());
-  const o = gi(a), l = Ci(a, n);
+], V1 = () => null, B1 = ({ includeMockData: i, document: e = null, contentData: t = null } = {}) => {
+  const a = p(), { language: s } = e || {};
+  let n = null;
+  typeof t == "function" ? n = t(a) : i && (n = V1());
+  const o = T1(a), l = D1(a, s);
   return {
     readView: o,
     validation: l,
-    ...s && { data: s }
+    ...n && { data: n }
   };
 };
 h.loadOptions({
@@ -2608,13 +2476,13 @@ h.loadOptions({
     }
   }
 });
-const xi = ({
+const M1 = ({
   language: i = "en",
   currency: e = "USD",
   _getters: t,
   allArticles: a = []
 } = {}) => {
-  const n = u(t, "settings/defaultVatRate") || null, s = !u(t, "settings/hidePriceOnNewlyAddedArticles"), o = (l) => h.t(`packageGroupContentItems:${l}`, { lng: i });
+  const s = u(t, "settings/defaultVatRate") || null, n = !u(t, "settings/hidePriceOnNewlyAddedArticles"), o = (l) => h.t(`packageGroupContentItems:${l}`, { lng: i });
   return [
     {
       previewUrl: `
@@ -2682,8 +2550,8 @@ const xi = ({
           articles: [
             ...a,
             y({
-              vat: n,
-              showPrice: s,
+              vat: s,
+              showPrice: n,
               currency: e,
               packageId: r,
               name: o("single.art"),
@@ -2811,16 +2679,16 @@ const xi = ({
           articles: [
             ...a,
             y({
-              vat: n,
-              showPrice: s,
+              vat: s,
+              showPrice: n,
               currency: e,
               packageId: r[0],
               name: o("radio.artA"),
               price: 1e5
             }),
             y({
-              vat: n,
-              showPrice: s,
+              vat: s,
+              showPrice: n,
               currency: e,
               packageId: r[1],
               name: o("radio.artB"),
@@ -2945,16 +2813,16 @@ const xi = ({
           articles: [
             ...a,
             y({
-              vat: n,
-              showPrice: s,
+              vat: s,
+              showPrice: n,
               currency: e,
               packageId: r[0],
               name: o("checkbox.artBase"),
               price: 1e5
             }),
             y({
-              vat: n,
-              showPrice: s,
+              vat: s,
+              showPrice: n,
               currency: e,
               packageId: r[1],
               name: o("checkbox.artOption"),
@@ -2965,7 +2833,7 @@ const xi = ({
       }
     }
   ];
-}, wi = (i) => [
+}, I1 = (i) => [
   {
     itemId: "embed",
     itemType: "embed",
@@ -2979,7 +2847,7 @@ const xi = ({
     parentId: "0",
     nodeId: p()
   }
-], bi = (i) => [
+], F1 = (i) => [
   {
     key: `embed-${i}`,
     $ref: `${f.api.baseUrl}/schemas/embed/1.json`,
@@ -2988,13 +2856,13 @@ const xi = ({
       size: "small"
     }
   }
-], _i = () => null, ki = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+], H1 = () => null, A1 = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
   const a = p();
-  let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = _i()), {
-    readView: wi(a),
-    validation: bi(a),
-    ...n && { data: n }
+  let s = null;
+  return typeof t == "function" ? s = t(a) : i && (s = H1()), {
+    readView: I1(a),
+    validation: F1(a),
+    ...s && { data: s }
   };
 };
 h.loadOptions({
@@ -3008,7 +2876,7 @@ h.loadOptions({
     }
   }
 });
-const Li = ({ language: i = "en" } = {}) => [
+const P1 = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -3300,7 +3168,7 @@ const Li = ({ language: i = "en" } = {}) => [
       }
     })
   }
-], $i = (i) => [
+], z1 = (i) => [
   {
     itemId: "videoPlayer",
     itemType: "videoPlayer",
@@ -3313,7 +3181,7 @@ const Li = ({ language: i = "en" } = {}) => [
     parentId: "0",
     nodeId: p()
   }
-], Si = (i) => [
+], E1 = (i) => [
   {
     key: `video-${i}`,
     $ref: `${f.api.baseUrl}/schemas/videoPlayer/1.json`,
@@ -3324,7 +3192,7 @@ const Li = ({ language: i = "en" } = {}) => [
       }
     }
   }
-], Ti = (i) => ({
+], Z1 = (i) => ({
   [`data.video-${i}`]: {
     size: "small",
     video: {
@@ -3333,15 +3201,15 @@ const Li = ({ language: i = "en" } = {}) => [
       id: "166JEb6qkr4"
     }
   }
-}), Di = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), U1 = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = p();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = Ti(t)), {
-    readView: $i(t),
-    validation: Si(t),
+  return typeof e == "function" ? a = e(t) : i && (a = Z1(t)), {
+    readView: z1(t),
+    validation: E1(t),
     ...a && { data: a }
   };
-}, Vi = ({ language: i = "en" } = {}) => [
+}, O1 = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -3542,35 +3410,35 @@ const Li = ({ language: i = "en" } = {}) => [
       }
     })
   }
-], G = {
-  titleAndText2: si,
-  attachments2: S2,
-  pdf: Ie,
-  packageGroup: yi,
-  multiGroupPricing: M2,
-  coverBlock: ci,
-  videoPlayer: Di,
-  embed: ki,
-  header: hi,
-  answer: Fe,
-  terms: H2,
-  parties: z2,
-  custom: He,
+], E = {
+  titleAndText2: C1,
+  attachments2: Et,
+  pdf: he,
+  packageGroup: B1,
+  multiGroupPricing: Rt,
+  coverBlock: w1,
+  videoPlayer: U1,
+  embed: A1,
+  header: $1,
+  answer: fe,
+  terms: Nt,
+  parties: Qt,
+  custom: ge,
   // legacy
-  presentation: D2,
-  estimatedTimeCompleted: R2,
-  estimatedWorkStartAndEndAtText: q2,
-  extraWorkConstructionPricingList: K2,
-  extraWorkTimeImpactText: J2,
-  notBinding: ti
-}, W = {
-  coverBlock: di,
-  header: fi,
-  packageGroup: xi,
-  embed: Li,
-  videoPlayer: Vi,
-  custom: Me
-}, Bi = {
+  presentation: Ut,
+  estimatedTimeCompleted: t1,
+  estimatedWorkStartAndEndAtText: s1,
+  extraWorkConstructionPricingList: l1,
+  extraWorkTimeImpactText: d1,
+  notBinding: m1
+}, Z = {
+  coverBlock: b1,
+  header: S1,
+  packageGroup: M1,
+  embed: P1,
+  videoPlayer: O1,
+  custom: me
+}, G1 = {
   name: "AddBlock",
   props: {
     set: {
@@ -3584,34 +3452,34 @@ const Li = ({ language: i = "en" } = {}) => [
   },
   render() {
     return this.$scopedSlots.default({
-      addBlock: (i) => Ae({
+      addBlock: (i) => Ce({
         ...i,
         set: this.set,
-        tplGenerators: G,
+        tplGenerators: E,
         includeMockData: this.includeMockData,
         emit: (...e) => this.$emit(...e)
       }),
-      getBlockPayload: (i) => Pe(
+      getBlockPayload: (i) => ve(
         i,
         this.set,
-        G,
+        E,
         this.includeMockdata
       )
     });
   }
-}, Mi = null, Ii = null;
-var Fi = /* @__PURE__ */ d(
-  Bi,
-  Mi,
-  Ii,
+}, R1 = null, W1 = null;
+var q1 = /* @__PURE__ */ d(
+  G1,
+  R1,
+  W1,
   !1,
   null,
   null,
   null,
   null
 );
-const re = Fi.exports;
-const Hi = {
+const Y = q1.exports;
+const N1 = {
   name: "Drawer",
   props: {
     value: {
@@ -3654,7 +3522,7 @@ const Hi = {
     }
   }
 };
-var Ai = function() {
+var j1 = function() {
   var e = this, t = e._self._c;
   return t("div", [t("transition", { attrs: { name: "fade" } }, [!e.hideOverlay && e.value ? t("div", { staticClass: "d-overlay", style: {
     zIndex: e.zIndex
@@ -3670,18 +3538,18 @@ var Ai = function() {
     boxShadow: e.boxShadow,
     ...e.contentStyle
   } }, [e._t("default")], 2)]) : e._e()])], 1);
-}, Pi = [], Ei = /* @__PURE__ */ d(
-  Hi,
-  Ai,
-  Pi,
+}, K1 = [], Y1 = /* @__PURE__ */ d(
+  N1,
+  j1,
+  K1,
   !1,
   null,
   "cd4a251a",
   null,
   null
 );
-const ce = Ei.exports;
-const zi = {
+const Q = Y1.exports;
+const Q1 = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -3705,12 +3573,12 @@ const zi = {
     }
   },
   components: {
-    AddBlock: re,
-    Drawer: ce,
-    SendForm: rt,
-    CCheckbox: Ee,
-    BaseIcon: ze,
-    CButton: Ze,
+    AddBlock: Y,
+    Drawer: Q,
+    SendForm: We,
+    CCheckbox: ye,
+    BaseIcon: xe,
+    CButton: we,
     IsPremium: _,
     IsPremiumPreStep: k
   },
@@ -3802,7 +3670,7 @@ const zi = {
     }
   }
 };
-var Zi = function() {
+var J1 = function() {
   var e = this, t = e._self._c;
   return e.mq !== "sm" || e.isOpen ? t(e.mq === "sm" ? "div" : "Drawer", { tag: "component", attrs: { placement: "right" }, model: { value: e.isOpen, callback: function(a) {
     e.isOpen = a;
@@ -3811,31 +3679,31 @@ var Zi = function() {
   } }, [t("CButton", { staticStyle: { position: "absolute", right: "1em", top: "1em", "z-index": "99" }, attrs: { circle: "", icon: "x", pattern: "secondary" }, on: { click: function(a) {
     e.isOpen = !1;
   } } }), t("SendForm", { attrs: { _document: e._document, _value: e._value, "set-form-value": e.setFormValue, "remove-form-value": e.removeFormValue, "on-save-document": e.onSaveDoc, "use-scroll": "" } }, [e.hasAnswerBlock ? e._e() : t("div", { key: "1", staticClass: "flex p-3 mb-8 border border-red-200 rounded-lg bg-red-50" }, [t("div", [t("BaseIcon", { staticClass: "-mt-1 text-red-600", attrs: { type: "error", size: "18" } })], 1), t("div", [t("div", { staticClass: "pl-2" }, [t("div", { staticClass: "text-sm font-semibold text-red-600", domProps: { textContent: e._s(e.$t("signMissingTitle")) } }), t("div", { staticClass: "mb-4 text-sm text-red-600 text-opacity-80" }, [e._v(" " + e._s(e.$t("signMissingText")) + " ")])]), t("AddBlock", { attrs: { set: e.setFormValue }, scopedSlots: e._u([{ key: "default", fn: function({ addBlock: a }) {
-    return [t("CButton", { staticClass: "is-left", attrs: { type: "secondary", size: "small" }, on: { click: function(n) {
+    return [t("CButton", { staticClass: "is-left", attrs: { type: "secondary", size: "small" }, on: { click: function(s) {
       return a({ sectionKey: "answer" });
     } } }, [e._v(" " + e._s(e.$t("signMissingAdd")) + " ")])];
   } }], null, !1, 2898075047) })], 1)]), e.isPublicForm ? t("CButton", { staticStyle: { height: "48px" }, attrs: { slot: "send", type: "secondary", wide: "" }, on: { click: e.onSaveDocument }, slot: "send" }, [e._v(" " + e._s(e.$t("signupToSend")) + " ")]) : e._e(), t("label", { staticClass: "text-gray-600", staticStyle: { display: "inline-flex", "align-items": "center", cursor: "pointer", "user-select": "none", "font-size": "12px", "font-weight": "500", "padding-top": "calc(1 * var(--rem))" }, attrs: { slot: "footer", for: "checkbox-save-as-temp" }, slot: "footer" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
-      return [t("div", { staticClass: "flex items-center", on: { click: (s) => e.onClickSaveAsTemplate({
-        event: s,
+    return [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
+      return [t("div", { staticClass: "flex items-center", on: { click: (n) => e.onClickSaveAsTemplate({
+        event: n,
         can: a,
-        open: n
-      }) } }, [t("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(s) {
-        e.saveTemplate = s;
+        open: s
+      }) } }, [t("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(n) {
+        e.saveTemplate = n;
       }, expression: "saveTemplate" } }), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(e.$t("saveDocAsTemplate")) + " "), t("BaseIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.saveTemplateTooltip, expression: "saveTemplateTooltip" }], attrs: { type: "info", size: "15" } })], 1)], 1)];
     } }], null, !0) })];
   } }], null, !1, 2049373406) })], 1)], 1)], 1)]) : e._e();
-}, Oi = [], Ui = /* @__PURE__ */ d(
-  zi,
-  Zi,
-  Oi,
+}, X1 = [], e2 = /* @__PURE__ */ d(
+  Q1,
+  J1,
+  X1,
   !1,
   null,
   "41e74cd7",
   null,
   null
 );
-const Ri = Ui.exports, Gi = {
+const t2 = e2.exports, i2 = {
   name: "Draggable",
   data() {
     return {
@@ -3856,7 +3724,7 @@ const Ri = Ui.exports, Gi = {
       this.elementWidth = e.width, this.elementHeight = e.height;
       const t = i.type === "touchstart", a = t ? i.touches[0] : i;
       this.clientX = a.clientX, this.clientY = a.clientY;
-      const n = t ? "touchmove" : "mousemove", s = t ? "touchend" : "mouseup", o = (r) => {
+      const s = t ? "touchmove" : "mousemove", n = t ? "touchend" : "mouseup", o = (r) => {
         t || r.preventDefault();
         const c = t ? r.touches[0] : r;
         this.movementX = this.clientX - c.clientX, this.movementY = this.clientY - c.clientY, this.clientX = c.clientX, this.clientY = c.clientY, this.$el.style.top = `${Math.max(
@@ -3867,9 +3735,9 @@ const Ri = Ui.exports, Gi = {
           this.windowWidth - this.elementWidth
         )}px`;
       }, l = () => {
-        document.removeEventListener(n, o), document.removeEventListener(s, l);
+        document.removeEventListener(s, o), document.removeEventListener(n, l);
       };
-      document.addEventListener(n, o), document.addEventListener(s, l);
+      document.addEventListener(s, o), document.addEventListener(n, l);
     }
   },
   render() {
@@ -3877,21 +3745,21 @@ const Ri = Ui.exports, Gi = {
       dragMousedown: this.onDragMouseDown
     });
   }
-}, Wi = null, qi = null;
-var Ni = /* @__PURE__ */ d(
-  Gi,
-  Wi,
-  qi,
+}, a2 = null, s2 = null;
+var n2 = /* @__PURE__ */ d(
+  i2,
+  a2,
+  s2,
   !1,
   null,
   null,
   null,
   null
 );
-const ji = Ni.exports;
-const Ki = {
+const o2 = n2.exports;
+const l2 = {
   components: {
-    Draggable: ji
+    Draggable: o2
   },
   props: {
     offset: {
@@ -3904,36 +3772,36 @@ const Ki = {
     }
   }
 };
-var Yi = function() {
+var r2 = function() {
   var e = this, t = e._self._c;
   return t("portal", { attrs: { to: "modal" } }, [t("Draggable", { scopedSlots: e._u([{ key: "default", fn: function({ dragMousedown: a }) {
     return [t("div", { staticClass: "popup", staticStyle: { position: "fixed", width: "280px", "border-radius": "calc(0.5 * var(--rem))", padding: "1em 1em 3em 1em", "font-size": "14px", "background-color": "white", "min-height": "400px", "box-shadow": "0 5px 30px -5px rgb(0, 0, 0, 0.2)", "z-index": "1000" }, style: {
       top: "70px",
       left: `${e.offset + 15}px`
-    } }, [t("div", { staticStyle: { position: "relative", height: "100%", width: "100%" } }, [t("CButton", { staticStyle: { position: "absolute", right: "0", top: "0" }, attrs: { icon: "x", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { click: function(n) {
+    } }, [t("div", { staticStyle: { position: "relative", height: "100%", width: "100%" } }, [t("CButton", { staticStyle: { position: "absolute", right: "0", top: "0" }, attrs: { icon: "x", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { click: function(s) {
       return e.$emit("close");
     } } }), t("CButton", { staticStyle: { position: "absolute", right: "calc(2.25 * var(--rem))", top: "0", cursor: "grab" }, attrs: { icon: "handle", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { mousedown: a, touchstart: a } }), t("div", { staticStyle: { "font-weight": "700", "font-size": "1.5em", "margin-bottom": "calc(1 * var(--rem))" } }, [e._v(" " + e._s(e.title) + " ")]), e._t("default")], 2)])];
   } }], null, !0) })], 1);
-}, Qi = [], Ji = /* @__PURE__ */ d(
-  Ki,
-  Yi,
-  Qi,
+}, c2 = [], d2 = /* @__PURE__ */ d(
+  l2,
+  r2,
+  c2,
   !1,
   null,
   "8029d5ea",
   null,
   null
 );
-const de = Ji.exports;
-const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
+const J = d2.exports;
+const p2 = /([\d+.]*)(.*)/, w = (i) => (i || "").match(p2), u2 = {
   i18nOptions: {
     namespaces: "common",
     keyPrefix: "designLabels"
   },
   name: "Design",
   components: {
-    FormInputRow: ie,
-    DragWindow: de
+    FormInputRow: N,
+    DragWindow: J
   },
   mixins: [S(["css"], { useEmit: !1, setFnName: "set" })],
   props: {
@@ -4012,8 +3880,8 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
                     weight: t
                   }
                 },
-                onInput: ({ family: a, weight: n, options: s = [] }) => {
-                  this.update(i, a), et(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
+                onInput: ({ family: a, weight: s, options: n = [] }) => {
+                  this.update(i, a), Pe(a), t != s && this.update("fontWeight", s), this.fontWeightOptions = n;
                 }
               }
             ]
@@ -4031,7 +3899,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
                     value: t || "",
                     type: "number",
                     minValue: 0,
-                    onInput: (n) => this.update(i, `${n}${a}`)
+                    onInput: (s) => this.update(i, `${s}${a}`)
                   },
                   select: {
                     value: t || "px",
@@ -4049,7 +3917,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
                       { value: 72, label: 72 },
                       { value: 96, label: 96 }
                     ],
-                    onInput: (n) => this.update(i, `${n}px`)
+                    onInput: (s) => this.update(i, `${s}px`)
                   }
                 }
               },
@@ -4061,7 +3929,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
                   max: 100,
                   value: t
                 },
-                onInput: (n) => this.update(i, `${n}${a}`)
+                onInput: (s) => this.update(i, `${s}${a}`)
               }
             ]
           };
@@ -4231,7 +4099,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
                     value: t || "",
                     type: "number",
                     minValue: 0,
-                    onInput: (n) => this.update(i, `${n}${a}`)
+                    onInput: (s) => this.update(i, `${s}${a}`)
                   },
                   select: {
                     value: t || "px",
@@ -4241,7 +4109,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
                       { value: 900, label: 900 },
                       { value: 1080, label: 1080 }
                     ],
-                    onInput: (n) => this.update(i, `${n}px`)
+                    onInput: (s) => this.update(i, `${s}px`)
                   }
                 }
               },
@@ -4254,7 +4122,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
                   step: 10,
                   value: t
                 },
-                onInput: (n) => this.update(i, `${n}${a}`)
+                onInput: (s) => this.update(i, `${s}${a}`)
               }
             ]
           };
@@ -4300,7 +4168,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
           };
         },
         border: ([i, e, t]) => {
-          const a = i.value === "solid", [, n] = w(e.value), s = [
+          const a = i.value === "solid", [, s] = w(e.value), n = [
             {
               label: this.$t("border"),
               inputs: [
@@ -4319,7 +4187,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
                 {
                   component: "input",
                   props: {
-                    value: n,
+                    value: s,
                     type: "number",
                     minValue: 0
                   }
@@ -4327,15 +4195,15 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
                 {
                   component: "step",
                   props: {
-                    value: n
+                    value: s
                   },
                   onIncrease: () => this.update(
                     e.key,
-                    `${parseFloat(n || 0) + 1}px`
+                    `${parseFloat(s || 0) + 1}px`
                   ),
                   onDecrease: () => this.update(
                     e.key,
-                    `${parseFloat(n || 0) - 1}px`
+                    `${parseFloat(s || 0) - 1}px`
                   )
                 }
               ]
@@ -4360,7 +4228,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
                   value: a ? `${e.value} ${t.value}` : "none",
                   width: "220px",
                   popup: {
-                    inputs: s
+                    inputs: n
                   }
                 }
               }
@@ -4377,8 +4245,8 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
         h2: e,
         h3: t,
         blockquote: a,
-        p: n,
-        '[data-typography="title"]': s
+        p: s,
+        '[data-typography="title"]': n
       } = this.css || {};
       return [
         {
@@ -4392,7 +4260,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
             // calc(2.5 * var(--rem))
             fontWeight: 800,
             // 900
-            ...s
+            ...n
           }
         },
         {
@@ -4461,7 +4329,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
           style: {
             fontFamily: "Inter",
             fontSize: "16px",
-            ...n
+            ...s
           }
         }
       ];
@@ -4469,9 +4337,9 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
     activeItemOptions() {
       if (!this.activeItem)
         return [];
-      const { selector: i, category: e, style: t = {} } = this.activeItem, a = u(this.css, i) || {}, n = (s) => a[s] || t[s];
-      return this[e].map(({ option: s, key: o }, l) => {
-        const r = this.definitionOptions[s], c = Array.isArray(o) ? o.map((C) => ({ key: C, value: n(C) })) : { key: o, value: n(o) };
+      const { selector: i, category: e, style: t = {} } = this.activeItem, a = u(this.css, i) || {}, s = (n) => a[n] || t[n];
+      return this[e].map(({ option: n, key: o }, l) => {
+        const r = this.definitionOptions[n], c = Array.isArray(o) ? o.map((C) => ({ key: C, value: s(C) })) : { key: o, value: s(o) };
         return r(c, l);
       });
     }
@@ -4479,7 +4347,7 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
   watch: {
     async activeItem(i) {
       const e = u(i, "style.fontFamily");
-      e && (this.fontWeightOptions = await tt(e));
+      e && (this.fontWeightOptions = await ze(e));
     }
   },
   methods: {
@@ -4491,10 +4359,10 @@ const Xi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Xi), ea = {
     }
   }
 };
-var ta = function() {
+var m2 = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticStyle: { padding: "calc(0.5 * var(--rem))", position: "relative" } }, [t("div", { staticStyle: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, [e._v(" " + e._s(e.$t("typography")) + " ")]), e._l(e.typography, function(a) {
-    return t("div", { key: a.label, staticClass: "list-option", on: { click: function(n) {
+    return t("div", { key: a.label, staticClass: "list-option", on: { click: function(s) {
       e.activeItem = a;
     } } }, [t("div", { style: {
       fontSize: a.fontSize,
@@ -4504,24 +4372,24 @@ var ta = function() {
       lineHeight: 1
     } }, [e._v(" " + e._s(a.label) + " ")]), t("div", { staticStyle: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, [e._v(" " + e._s(a.style.fontFamily) + " " + e._s(a.style.fontSize) + " ")])]);
   })], 2), t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(0.5 * var(--rem)) calc(1 * var(--rem))" } }), t("div", { staticStyle: { padding: "calc(0.75 * var(--rem))" } }, [t("div", { staticStyle: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, [e._v(" " + e._s(e.$t("section_plural")) + " ")]), e._l(e.sections, function(a) {
-    return t("div", { key: a.label, staticClass: "list-option", on: { click: function(n) {
+    return t("div", { key: a.label, staticClass: "list-option", on: { click: function(s) {
       e.activeItem = a;
     } } }, [t("div", { staticStyle: { "font-size": "1.075em", "font-weight": "500" } }, [e._v(" " + e._s(a.label) + " ")]), t("div", { staticStyle: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, [e._v(" #000000 ")])]);
-  })], 2), e.activeItem ? t("DragWindow", { attrs: { title: e.activeItem.label, offset: e.offset }, on: { close: () => e.activeItem = null } }, e._l(e.activeItemOptions, function(a, n) {
-    return t("FormInputRow", { key: n, attrs: { label: a.label, inputs: a.inputs } });
+  })], 2), e.activeItem ? t("DragWindow", { attrs: { title: e.activeItem.label, offset: e.offset }, on: { close: () => e.activeItem = null } }, e._l(e.activeItemOptions, function(a, s) {
+    return t("FormInputRow", { key: s, attrs: { label: a.label, inputs: a.inputs } });
   }), 1) : e._e()], 1);
-}, ia = [], aa = /* @__PURE__ */ d(
-  ea,
-  ta,
-  ia,
+}, h2 = [], f2 = /* @__PURE__ */ d(
+  u2,
+  m2,
+  h2,
   !1,
   null,
   "4404aad6",
   null,
   null
 );
-const na = aa.exports;
-const sa = {
+const g2 = f2.exports;
+const C2 = {
   name: "FieldsModal",
   i18nOptions: {
     namespaces: "FieldsModal",
@@ -4555,7 +4423,7 @@ const sa = {
     }
   },
   components: {
-    CField: te
+    CField: q
   },
   props: {
     document: {
@@ -4631,12 +4499,12 @@ const sa = {
     remove() {
       if (!this.existingFieldId)
         return;
-      const i = mt(this.document.fields, [this.existingFieldId]);
+      const i = Ye(this.document.fields, [this.existingFieldId]);
       this.set({ key: "data.fields", value: i }), this.$emit("close");
     }
   }
 };
-var oa = function() {
+var v2 = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex flex-col items-center w-full text-center bg-white font-inter", staticStyle: { padding: "2em", "border-radius": "10px" } }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, [e._v(" " + e._s(e.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")) + " ")]), t("div", { staticStyle: { "margin-bottom": "0.25em", opacity: "0.65" } }, [e._v(" " + e._s(e.$t("description")) + " ")])]), t("form", { staticStyle: { width: "100%" }, on: { submit: function(a) {
     return a.preventDefault(), e.submit.apply(null, arguments);
@@ -4647,18 +4515,18 @@ var oa = function() {
   }, expression: "form.label" } })], 1), t("CField", { staticStyle: { width: "100%", "text-align": "left", "margin-bottom": "1em" }, attrs: { label: e.$t("value"), messages: e.messages.form.value, validator: e.$v.form.value, "label-position": "inside" } }, [t("CInput", { attrs: { placeholder: e.$t("valuePlaceholder"), filled: "" }, model: { value: e.form.value, callback: function(a) {
     e.$set(e.form, "value", a);
   }, expression: "form.value" } })], 1), t("CButton", { staticStyle: { "margin-top": "1.5em" }, attrs: { type: "secondary", wide: "" }, domProps: { textContent: e._s(e.$t("_common:save")) }, on: { click: e.submit } }), e.existingFieldId ? t("CButton", { staticStyle: { "margin-top": "5px" }, attrs: { type: "none", pattern: "tertiary", wide: "" }, domProps: { textContent: e._s(e.$t("_common:remove")) }, on: { click: e.remove } }) : e._e()], 1)]);
-}, la = [], ra = /* @__PURE__ */ d(
-  sa,
-  oa,
-  la,
+}, y2 = [], x2 = /* @__PURE__ */ d(
+  C2,
+  v2,
+  y2,
   !1,
   null,
   "186f2d19",
   null,
   null
 );
-const ca = ra.exports;
-const da = {
+const w2 = x2.exports;
+const b2 = {
   i18nOptions: {
     namespaces: "DocumentFormFields",
     messages: {
@@ -4682,9 +4550,9 @@ const da = {
   },
   name: "DocumentFormFields",
   components: {
-    SmartList: ut,
-    CAccordion: Je,
-    CField: te
+    SmartList: Ke,
+    CAccordion: He,
+    CField: q
   },
   mixins: [S()],
   props: {
@@ -4707,7 +4575,7 @@ const da = {
     options() {
       const { fields: i, usedFields: e } = this._document;
       return Object.keys(i).map((t) => {
-        const a = i[t], { service: n, inputDisabled: s, virtual: o = !1 } = a.meta || {}, l = this.crmService && n === this.crmService ? a.meta.service : null;
+        const a = i[t], { service: s, inputDisabled: n, virtual: o = !1 } = a.meta || {}, l = this.crmService && s === this.crmService ? a.meta.service : null;
         return {
           ...a,
           id: t,
@@ -4715,7 +4583,7 @@ const da = {
           onInput: (r) => this.updateValue(a.key, r),
           usedCount: e[a.key] || 0,
           crm: l,
-          inputDisabled: s || l,
+          inputDisabled: n || l,
           virtual: o
         };
       });
@@ -4746,7 +4614,7 @@ const da = {
             ...a,
             // Filter out previous service fields if switching connected crm
             ...Object.entries(((t = (e = this._document) == null ? void 0 : e.data) == null ? void 0 : t.fields) || {}).reduce(
-              (n, [s, o]) => o != null && o.meta.service && o.meta.service !== i ? n : { ...n, [s]: o },
+              (s, [n, o]) => o != null && o.meta.service && o.meta.service !== i ? s : { ...s, [n]: o },
               {}
             )
           });
@@ -4760,7 +4628,7 @@ const da = {
     },
     openFieldModal({ existingFieldId: i }) {
       this.$modal.show(
-        ca,
+        w2,
         {
           document: this._document,
           set: this.set,
@@ -4792,19 +4660,19 @@ const da = {
     }
   }
 };
-var pa = function() {
+var _2 = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { padding: "1em" } }, [t("div", { staticStyle: { margin: "15px 0" } }, [t("div", { staticStyle: { "font-size": "16px", "font-weight": "600" }, domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticStyle: { color: "hsl(0, 0%, 35%)" }, domProps: { textContent: e._s(e.$t("description")) } })]), t("CInput", { attrs: { placeholder: e.$t("_common:search"), filled: "", size: "small" }, model: { value: e.query, callback: function(a) {
     e.query = a;
   }, expression: "query" } }), e.query ? t("div", { staticStyle: { "margin-top": "15px", "padding-top": "15px", "border-top": "1px solid hsl(0, 0%, 88%)" } }, [t("SmartList", { attrs: { items: e.options, "filter-method": e.filterMethod, query: e.query }, scopedSlots: e._u([{ key: "default", fn: function({ items: a }) {
-    return t("div", {}, [a.length ? e._l(a, function(n, s) {
-      return t("div", { key: s, staticClass: "flex items-center w-full field-parent" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(n.label) }, on: { dragstart: (o) => e.onDragStart(o, n) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: n.value, disabled: n.inputDisabled, filled: "", size: "small" }, on: { blur: function(o) {
+    return t("div", {}, [a.length ? e._l(a, function(s, n) {
+      return t("div", { key: n, staticClass: "flex items-center w-full field-parent" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(s.label) }, on: { dragstart: (o) => e.onDragStart(o, s) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: s.value, disabled: s.inputDisabled, filled: "", size: "small" }, on: { blur: function(o) {
         var l;
-        return n.onInput(((l = o == null ? void 0 : o.target) == null ? void 0 : l.value) || "");
-      } } })], 1), t("div", { staticClass: "field-actions" }, [!n.inputDisabled && !n.virtual ? t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary" }, on: { click: function(o) {
-        return e.openFieldModal({ existingFieldId: n.id });
+        return s.onInput(((l = o == null ? void 0 : o.target) == null ? void 0 : l.value) || "");
+      } } })], 1), t("div", { staticClass: "field-actions" }, [!s.inputDisabled && !s.virtual ? t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary" }, on: { click: function(o) {
+        return e.openFieldModal({ existingFieldId: s.id });
       } } }) : e._e(), t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "copy", size: "small", type: "none", pattern: "secondary" }, on: { click: function(o) {
-        return e.onCopyField(`{{${n.key}}}`);
+        return e.onCopyField(`{{${s.key}}}`);
       } } })], 1)], 1)]);
     }) : t("div", { staticStyle: { "text-align": "center" } }, [e._v(" " + e._s(e.$t("_common:noResults")) + " ")])], 2);
   } }], null, !1, 653548536) })], 1) : t("div", { staticStyle: { "padding-top": "20px" } }, [t("div", { staticClass: "flex justify-end w-full", staticStyle: { "margin-top": "0.5em", "margin-bottom": "0.5em" } }, [t("CButton", { staticStyle: { "font-size": "13px", "margin-left": "2px" }, attrs: { type: "none", pattern: "secondary", size: "small" }, domProps: { textContent: e._s(e.$t("_common:add", { thing: e.$t("_common:field") })) }, on: { click: e.openFieldModal } })], 1), e._l([
@@ -4825,32 +4693,32 @@ var pa = function() {
       defaultOpen: !e.usedFields.length,
       items: e.unUsedFields
     }
-  ], function(a, n) {
-    return t("CAccordion", { key: n, staticStyle: { "border-top": "1px solid hsl(0, 0%, 88%)" }, attrs: { "default-open": a.defaultOpen }, scopedSlots: e._u([{ key: "trigger", fn: function({ expanded: s }) {
-      return t("div", { staticClass: "list-button" }, [t("span", [t("span", { domProps: { textContent: e._s(a.label) } }), t("span", { staticStyle: { opacity: "0.45", "padding-left": "0.5em" }, domProps: { textContent: e._s(a.items.length) } })]), t("BaseIcon", { staticStyle: { transition: "200ms" }, style: { transform: `rotate(${s ? "180deg" : "0deg"})` }, attrs: { type: "chevron-down", size: "15" } })], 1);
-    } }], null, !0) }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [a.items.length ? e._l(a.items, function(s, o) {
-      return t("div", { key: o, staticClass: "flex items-center w-full field-parent" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(s.label) }, on: { dragstart: (l) => e.onDragStart(l, s) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: s.value, disabled: s.inputDisabled, filled: "", size: "small" }, on: { blur: function(l) {
+  ], function(a, s) {
+    return t("CAccordion", { key: s, staticStyle: { "border-top": "1px solid hsl(0, 0%, 88%)" }, attrs: { "default-open": a.defaultOpen }, scopedSlots: e._u([{ key: "trigger", fn: function({ expanded: n }) {
+      return t("div", { staticClass: "list-button" }, [t("span", [t("span", { domProps: { textContent: e._s(a.label) } }), t("span", { staticStyle: { opacity: "0.45", "padding-left": "0.5em" }, domProps: { textContent: e._s(a.items.length) } })]), t("BaseIcon", { staticStyle: { transition: "200ms" }, style: { transform: `rotate(${n ? "180deg" : "0deg"})` }, attrs: { type: "chevron-down", size: "15" } })], 1);
+    } }], null, !0) }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [a.items.length ? e._l(a.items, function(n, o) {
+      return t("div", { key: o, staticClass: "flex items-center w-full field-parent" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(n.label) }, on: { dragstart: (l) => e.onDragStart(l, n) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: n.value, disabled: n.inputDisabled, filled: "", size: "small" }, on: { blur: function(l) {
         var r;
-        return s.onInput(((r = l == null ? void 0 : l.target) == null ? void 0 : r.value) || "");
-      } } })], 1), t("div", { staticClass: "field-actions" }, [!s.inputDisabled && !s.virtual ? t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary" }, on: { click: function(l) {
-        return e.openFieldModal({ existingFieldId: s.id });
+        return n.onInput(((r = l == null ? void 0 : l.target) == null ? void 0 : r.value) || "");
+      } } })], 1), t("div", { staticClass: "field-actions" }, [!n.inputDisabled && !n.virtual ? t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary" }, on: { click: function(l) {
+        return e.openFieldModal({ existingFieldId: n.id });
       } } }) : e._e(), t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "copy", size: "small", type: "none", pattern: "secondary" }, on: { click: function(l) {
-        return e.onCopyField(`{{${s.key}}}`);
+        return e.onCopyField(`{{${n.key}}}`);
       } } })], 1)], 1)]);
     }) : t("div", { staticStyle: { "font-size": "13px", "text-align": "center", "user-select": "none", padding: "0.5em", "border-radius": "0.25em", opacity: "0.5" }, domProps: { textContent: e._s(e.$t("noResults")) } })], 2)]);
   })], 2)], 1);
-}, ua = [], ma = /* @__PURE__ */ d(
-  da,
-  pa,
-  ua,
+}, k2 = [], L2 = /* @__PURE__ */ d(
+  b2,
+  _2,
+  k2,
   !1,
   null,
   "da1996e8",
   null,
   null
 );
-const ha = ma.exports;
-const fa = {
+const $2 = L2.exports;
+const S2 = {
   i18nOptions: {
     messages: {
       en: {
@@ -4893,8 +4761,8 @@ const fa = {
   },
   name: "ExtensionTab",
   components: {
-    draggable: ht,
-    Spinner: Oe
+    draggable: Qe,
+    Spinner: be
   },
   mixins: [S(["externalReferences", "clients", "articles"])],
   data() {
@@ -4948,7 +4816,7 @@ const fa = {
     }
   },
   methods: {
-    priceFormat: Y,
+    priceFormat: U,
     async _search(i) {
       try {
         this.isSearching = !0;
@@ -4997,11 +4865,11 @@ const fa = {
         );
         if (!e)
           return;
-        const { service: t, type: a, typeId: n } = e, { data: s } = await $.getExternalReferenceDetails(
+        const { service: t, type: a, typeId: s } = e, { data: n } = await $.getExternalReferenceDetails(
           t,
-          { type: a, typeId: n }
+          { type: a, typeId: s }
         );
-        i !== this.dealType ? this.typeDetails = { ...s, type: i } : this.dealDetails = s;
+        i !== this.dealType ? this.typeDetails = { ...n, type: i } : this.dealDetails = n;
       } catch {
         i !== this.dealType ? this.typeDetails = null : this.dealDetails = null;
       } finally {
@@ -5010,25 +4878,25 @@ const fa = {
     },
     removeReference(i = this.dealType) {
       const e = this.externalReferences.find(
-        (s) => s.service === this.activeCrm && s.type === i
+        (n) => n.service === this.activeCrm && n.type === i
       );
       if (!e)
         return;
-      const { service: t, type: a, typeId: n } = e;
-      !t || !a || !n || (this.externalReferences = this.externalReferences.filter(
-        (s) => !(s.service === t && s.type === a && s.typeId === n)
+      const { service: t, type: a, typeId: s } = e;
+      !t || !a || !s || (this.externalReferences = this.externalReferences.filter(
+        (n) => !(n.service === t && n.type === a && n.typeId === s)
       ), i !== this.dealType ? this.typeDetails = null : this.dealDetails = null);
     },
     async suggestClients() {
-      var n;
+      var s;
       const { service: i, type: e, typeId: t } = this.currentExternalDeal, { data: a } = await $.suggestClients(i, {
         type: e,
         typeId: t
       });
       if (Array.isArray(a) && a.length) {
-        const s = (n = this._document) == null ? void 0 : n.defaultAnswerMethod, o = a.map((l) => ({
-          ...Ue(),
-          ...s && { answerMethod: s },
+        const n = (s = this._document) == null ? void 0 : s.defaultAnswerMethod, o = a.map((l) => ({
+          ..._e(),
+          ...n && { answerMethod: n },
           ...l
         }));
         this.clients = [...this.clients || [], ...o];
@@ -5041,8 +4909,8 @@ const fa = {
       });
     },
     addArticle(i) {
-      var a, n;
-      const [e] = ((n = (a = this._document) == null ? void 0 : a.packageGroups) == null ? void 0 : n.packages) || [];
+      var a, s;
+      const [e] = ((s = (a = this._document) == null ? void 0 : a.packageGroups) == null ? void 0 : s.packages) || [];
       if (!(e != null && e.packageId))
         return;
       const t = y({
@@ -5057,10 +4925,10 @@ const fa = {
     }
   }
 };
-var ga = function() {
+var T2 = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { "font-size": "13px", "padding-left": "calc(0.5 * var(--rem))", "padding-right": "calc(0.5 * var(--rem))", "padding-bottom": "calc(4 * var(--rem))" } }, [e.allAuthenticatedCRMs.length > 1 ? t("CDropdown", { staticStyle: { position: "absolute", right: "calc(0.5 * var(--rem))", top: "calc(0.5 * var(--rem))" }, attrs: { position: "is-bottom-left" } }, [t("CButton", { attrs: { slot: "trigger", size: "small", circle: "", type: "none", pattern: "tertiary", icon: "more-vertical" }, slot: "trigger" }), e._l(e.allAuthenticatedCRMs, function(a) {
-    return t("CDropdownItem", { key: a, attrs: { type: e.activeCrm === a ? "primary" : "secondary", size: "small" }, on: { click: function(n) {
+    return t("CDropdownItem", { key: a, attrs: { type: e.activeCrm === a ? "primary" : "secondary", size: "small" }, on: { click: function(s) {
       e.activeCrm = a;
     } } }, [e._v(" " + e._s(a.capitalize()) + " ")]);
   })], 2) : e._e(), e.isLoading && !e.dealDetails ? t("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { "padding-top": "calc(2 * var(--rem))" } }, [t("Spinner", { attrs: { size: "24", color: "grey" } })], 1) : e.activeCrm ? [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(2 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500", "font-size": "16px" } }, [e._v(" " + e._s(e.activeCrm.capitalize()) + " ")]), e.typeDetails ? t("div", [t("div", { staticClass: "x-hint" }, [t("div", { staticClass: "flex w-full" }, [t("div", { domProps: { textContent: e._s(
@@ -5096,22 +4964,22 @@ var ga = function() {
     pull: "clone",
     put: !1
   }, clone: e.cloneArticle } }, e._l(e.dealDetails.articles, function(a) {
-    return t("div", { key: a._uniqueId, staticStyle: { padding: "calc(0.5 * var(--rem))", "line-height": "1", "margin-bottom": "calc(0.5 * var(--rem))", "box-shadow": "0 1px 3px rgb(0, 0, 0, 0.3)", background: "white", "border-radius": "3px", cursor: "grab", "user-select": "none" }, on: { click: function(n) {
+    return t("div", { key: a._uniqueId, staticStyle: { padding: "calc(0.5 * var(--rem))", "line-height": "1", "margin-bottom": "calc(0.5 * var(--rem))", "box-shadow": "0 1px 3px rgb(0, 0, 0, 0.3)", background: "white", "border-radius": "3px", cursor: "grab", "user-select": "none" }, on: { click: function(s) {
       return e.addArticle(a);
     } } }, [t("div", { staticStyle: { "font-weight": "500", "padding-bottom": "4px", "font-size": "14px" }, domProps: { textContent: e._s(a.name) } }), t("div", { staticClass: "text-gray-600", staticStyle: { "font-size": "12px" } }, [e._v(" " + e._s(e.priceFormat(a.price || 0, { showZero: !1, currency: a.currency || "USD" })) + " · " + e._s(a.quantity || 0) + "x "), a.vat !== null ? [e._v(" · " + e._s(e._document.$t("vat").capitalize()) + " " + e._s(a.vat) + "% ")] : e._e()], 2)]);
   }), 0) : t("div", { staticClass: "flex w-full text-gray-600", staticStyle: { "background-color": "hsl(var(--gray-color-100) / 1)", padding: "5px", "font-size": "12px", "border-radius": "5px", "line-height": "1.35" } }, [t("BaseIcon", { staticStyle: { margin: "1px 4px 0 0", "flex-shrink": "0" }, attrs: { type: "info", size: "13" } }), t("div", { domProps: { textContent: e._s(e.$t("noProducts", { type: e.dealType })) } })], 1)], 1) : e._e()] : t("div", { staticClass: "flex flex-col items-center justify-center w-full text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("BaseIcon", { staticClass: "text-primary-500", staticStyle: { "padding-bottom": "5px" }, attrs: { type: "info", size: "16" } }), t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("noCrm")) + " ")]), t("div", { staticClass: "text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("router-link", { staticClass: "text-primary-500", staticStyle: { "font-weight": "500" }, attrs: { to: { name: "settings" } } }, [e._v(" " + e._s(e.$t("noCrmAction")) + " ")])], 1)], 1)], 2);
-}, Ca = [], va = /* @__PURE__ */ d(
-  fa,
-  ga,
-  Ca,
+}, D2 = [], V2 = /* @__PURE__ */ d(
+  S2,
+  T2,
+  D2,
   !1,
   null,
   "341fef10",
   null,
   null
 );
-const ya = va.exports;
-const xa = {
+const B2 = V2.exports;
+const M2 = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -5199,8 +5067,8 @@ const xa = {
   },
   name: "DocumentGeneralSettings",
   components: {
-    FormInputRow: ie,
-    DragWindow: de
+    FormInputRow: N,
+    DragWindow: J
   },
   props: {
     offset: {
@@ -5241,7 +5109,7 @@ const xa = {
     vatTypes() {
       var e;
       const i = ["vat"];
-      return ((e = Re[f.brand]) == null ? void 0 : e.defaultRegion) === "US" && i.push("tax"), i;
+      return ((e = ke[f.brand]) == null ? void 0 : e.defaultRegion) === "US" && i.push("tax"), i;
     },
     options() {
       return [
@@ -5274,7 +5142,7 @@ const xa = {
               component: "select",
               props: {
                 value: this.language,
-                options: Ge.map((i) => ({
+                options: Le.map((i) => ({
                   value: i,
                   label: this.$t(`iso:language.${i}`)
                 })).sort((i, e) => i.label.localeCompare(e.label))
@@ -5447,26 +5315,26 @@ const xa = {
     }
   }
 };
-var wa = function() {
+var I2 = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { height: "100%", padding: "1em" } }, [e._l(e.options, function(a, n) {
-    return t("FormInputRow", { key: n, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } });
+  return t("div", { staticStyle: { height: "100%", padding: "1em" } }, [e._l(e.options, function(a, s) {
+    return t("FormInputRow", { key: s, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } });
   }), e.showDragWindow ? t("DragWindow", { attrs: { offset: e.offset, title: e.$t("pricing.title") }, on: { close: function(a) {
     e.showDragWindow = !1;
-  } } }, [e._l(e.priceOptions, function(a, n) {
-    return [a.type === "divider" ? t("div", { key: n, staticClass: "divider" }) : t("FormInputRow", { key: n, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } })];
+  } } }, [e._l(e.priceOptions, function(a, s) {
+    return [a.type === "divider" ? t("div", { key: s, staticClass: "divider" }) : t("FormInputRow", { key: s, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } })];
   })], 2) : e._e()], 2);
-}, ba = [], _a = /* @__PURE__ */ d(
-  xa,
-  wa,
-  ba,
+}, F2 = [], H2 = /* @__PURE__ */ d(
+  M2,
+  I2,
+  F2,
   !1,
   null,
   "c2cb1c6b",
   null,
   null
 );
-const ka = _a.exports, La = {
+const A2 = H2.exports, P2 = {
   name: "MenuBlockConvertPopover",
   props: {
     target: {
@@ -5492,32 +5360,32 @@ const ka = _a.exports, La = {
       immediate: !0,
       handler(i) {
         i && this.$nextTick(() => {
-          const { top: e, left: t, width: a, height: n } = i.getBoundingClientRect();
-          this.$refs.popover.style.top = `${e + n}px`, this.$refs.popover.style.left = `${t + a + 10}px`;
+          const { top: e, left: t, width: a, height: s } = i.getBoundingClientRect();
+          this.$refs.popover.style.top = `${e + s}px`, this.$refs.popover.style.left = `${t + a + 10}px`;
         });
       }
     }
   }
 };
-var $a = function() {
+var z2 = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "fixed inset-0 z-10", on: { click: function(a) {
     return a.target !== a.currentTarget ? null : e.$emit("close");
   } } }), t("transition", { attrs: { appear: "", mode: "out-in", "enter-active-class": "transition-all duration-100 ease-out", "enter-class": "-translate-x-4 opacity-0", "enter-to-class": "translate-x-0 opacity-100", "leave-active-class": "transition-opacity duration-100 ease-out", "leave-class": "opacity-100", "leave-to-class": "opacity-0" } }, [t("div", { ref: "popover", staticClass: "absolute z-10 p-4 text-sm -translate-y-1/2 bg-white rounded-lg shadow-xl w-52" }, [t("div", { staticClass: "pb-4", domProps: { innerHTML: e._s(e.$t("text")) } }), t("CButton", { attrs: { type: "secondary", size: "small", "icon-right": "arrow-right" }, on: { click: function(a) {
     return e.$emit("convert");
   } } }, [e._v(" " + e._s(e.$t("button")) + " ")])], 1)])], 1);
-}, Sa = [], Ta = /* @__PURE__ */ d(
-  La,
-  $a,
-  Sa,
+}, E2 = [], Z2 = /* @__PURE__ */ d(
+  P2,
+  z2,
+  E2,
   !1,
   null,
   null,
   null,
   null
 );
-const Da = Ta.exports;
-const Va = A.component("ProBadge", {
+const U2 = Z2.exports;
+const O2 = A.component("ProBadge", {
   name: "ProBadge",
   render(i) {
     return i(
@@ -5528,7 +5396,7 @@ const Va = A.component("ProBadge", {
       "Pro"
     );
   }
-}), Ba = {
+}), G2 = {
   name: "MenuBlocks",
   i18nOptions: {
     namespaces: "menuBlocks",
@@ -5599,12 +5467,12 @@ const Va = A.component("ProBadge", {
   },
   components: {
     simplebar: L,
-    DragList: X,
-    DragItem: ee,
-    AddBlock: re,
+    DragList: R,
+    DragItem: W,
+    AddBlock: Y,
     IsPremiumPreStep: k,
-    ProBadge: Va,
-    MenuBlockConvertPopover: Da
+    ProBadge: O2,
+    MenuBlockConvertPopover: U2
   },
   props: {
     _document: {
@@ -5909,7 +5777,7 @@ const Va = A.component("ProBadge", {
         }
       ];
       return i.forEach((e) => {
-        W[e.key] && (e.subMenu = (W[e.key](this._document || {}) || []).map((t) => ({ ...t, key: e.key, locked: e.locked }))), this.tooltips[e.key] && (e.hasTooltip = !0);
+        Z[e.key] && (e.subMenu = (Z[e.key](this._document || {}) || []).map((t) => ({ ...t, key: e.key, locked: e.locked }))), this.tooltips[e.key] && (e.hasTooltip = !0);
       }), i;
     },
     availableBlocks() {
@@ -5948,7 +5816,7 @@ const Va = A.component("ProBadge", {
       if (i.locked)
         return t();
       if (!this.canUseBlocks) {
-        const a = this.availableBlocks.findIndex((n) => n.key === i.key);
+        const a = this.availableBlocks.findIndex((s) => s.key === i.key);
         return this.showConvertEditableDialogTarget = this.$refs.blockItem[a].$el, this.showConvertEditableDialog = !0, !1;
       }
       return e({
@@ -5961,11 +5829,11 @@ const Va = A.component("ProBadge", {
       ["_id", "id"].forEach((i) => this.removeValue(`template.${i}`)), this.set({ key: "template.views.read.isEditable", value: !0 }), this.showConvertEditableDialog = !1;
     },
     createTooltips() {
-      var n, s;
+      var s, n;
       if (this.mq === "sm")
         return;
-      const { tooltips: i } = this, e = (s = (n = this.$el).getRootNode) == null ? void 0 : s.call(n), a = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document.body;
-      this.tippyInstances = pt(this.$el, {
+      const { tooltips: i } = this, e = (n = (s = this.$el).getRootNode) == null ? void 0 : n.call(s), a = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document.body;
+      this.tippyInstances = je(this.$el, {
         target: "[data-tooltip-key]",
         allowHTML: !0,
         duration: [150, 0],
@@ -6033,12 +5901,12 @@ const Va = A.component("ProBadge", {
     }
   }
 };
-var Ma = function() {
+var R2 = function() {
   var e = this, t = e._self._c;
   return t("AddBlock", { attrs: { set: e.set }, on: { "block-added": function(a) {
     return e.$emit("block-added", a);
-  } }, scopedSlots: e._u([{ key: "default", fn: function({ addBlock: a, getBlockPayload: n }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "documentBlocks" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
+  } }, scopedSlots: e._u([{ key: "default", fn: function({ addBlock: a, getBlockPayload: s }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "documentBlocks" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
       return [t("div", { on: { "&mouseleave": function(o) {
         return e.onMouseleaveDrawer.apply(null, arguments);
       } } }, [!e.canUseBlocks && e.showConvertEditableDialog ? t("MenuBlockConvertPopover", { attrs: { target: e.showConvertEditableDialogTarget }, on: { convert: e.deSyncTemplate, close: function(o) {
@@ -6047,7 +5915,7 @@ var Ma = function() {
         { data: e.primaryBlocks },
         { data: e.secondaryBlocks }
       ], function(o, l) {
-        return t("div", { key: l }, [l > 0 ? t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(1 * var(--rem))" } }) : e._e(), t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (r) => n(
+        return t("div", { key: l }, [l > 0 ? t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(1 * var(--rem))" } }) : e._e(), t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (r) => s(
           e.getSectionKey({ data: o.data, index: r })
         ), "drop-placeholder": {
           className: "drag-drop-menu-placeholder"
@@ -6065,29 +5933,29 @@ var Ma = function() {
             !1
           ), [t("CButton", { ref: "blockItem", refInFor: !0, staticClass: "option-row is-thinner is-left", class: {
             "sub-menu-active": r.key === e.activeSubMenuKey
-          }, staticStyle: { "padding-left": "1.5em", "padding-right": "2em", "border-radius": "0", "font-size": "14px", "border-color": "transparent" }, attrs: { disabled: r.disabled, wide: "", pattern: "secondary" }, on: { click: (c) => e.onUseBlock({ block: r, addBlock: a, openUpgradeModal: s }) } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "230px" } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "initial", flex: "1 1 auto" } }, [t("div", { staticClass: "option-image", domProps: { innerHTML: e._s(r.icon) } }), t("div", { staticClass: "option-title" }, [e._v(" " + e._s(e.$t(`blocks.${r.key}`)) + " ")])]), r.locked ? t("ProBadge") : !e.fixed && r.subMenu ? t("BaseIcon", { staticStyle: { color: "hsl(205, 10%, 65%)" }, attrs: { type: "chevron-right", size: "14" } }) : e._e()], 1)])], 1)]);
+          }, staticStyle: { "padding-left": "1.5em", "padding-right": "2em", "border-radius": "0", "font-size": "14px", "border-color": "transparent" }, attrs: { disabled: r.disabled, wide: "", pattern: "secondary" }, on: { click: (c) => e.onUseBlock({ block: r, addBlock: a, openUpgradeModal: n }) } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "230px" } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "initial", flex: "1 1 auto" } }, [t("div", { staticClass: "option-image", domProps: { innerHTML: e._s(r.icon) } }), t("div", { staticClass: "option-title" }, [e._v(" " + e._s(e.$t(`blocks.${r.key}`)) + " ")])]), r.locked ? t("ProBadge") : !e.fixed && r.subMenu ? t("BaseIcon", { staticStyle: { color: "hsl(205, 10%, 65%)" }, attrs: { type: "chevron-right", size: "14" } }) : e._e()], 1)])], 1)]);
         }), 1)], 1);
       }), e._t("footer")], 2), t("transition", { attrs: { name: "slide-right" } }, [t("div", { directives: [{ name: "show", rawName: "v-show", value: e.activeSubMenu, expression: "activeSubMenu" }], staticClass: "submenu", on: { "&mouseover": function(o) {
         e.subMenuToShow = e.activeSubMenu;
       }, "&mouseleave": function(o) {
         e.subMenuToShow = null;
-      } } }, [t("simplebar", { staticClass: "h-full py-4 pl-3", attrs: { "data-simplebar-auto-hide": "false" } }, [t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (o) => e.getSubMenuPayload({ index: o, getBlockPayload: n }), "drop-placeholder": { className: "drag-drop-menu-placeholder" }, "get-ghost-parent": e.getGhostParent, "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item", "group-name": "document-blocks", "ghost-class": "drag-drop-ghost", behaviour: "copy" } }, e._l(e.activeSubMenu, function(o, l) {
-        return t("DragItem", { key: o.key + l, staticClass: "px-1.5", class: { "drag-item": !o.locked && e.canUseBlocks } }, [t("div", { staticClass: "relative" }, [t("div", { staticClass: "drag-item-preview", domProps: { innerHTML: e._s(o.previewUrl) }, on: { click: (r) => e.onUseBlock({ block: o, addBlock: a, openUpgradeModal: s }) } }), o.locked ? t("ProBadge", { staticClass: "absolute bottom-2 right-4" }) : e._e()], 1)]);
+      } } }, [t("simplebar", { staticClass: "h-full py-4 pl-3", attrs: { "data-simplebar-auto-hide": "false" } }, [t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (o) => e.getSubMenuPayload({ index: o, getBlockPayload: s }), "drop-placeholder": { className: "drag-drop-menu-placeholder" }, "get-ghost-parent": e.getGhostParent, "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item", "group-name": "document-blocks", "ghost-class": "drag-drop-ghost", behaviour: "copy" } }, e._l(e.activeSubMenu, function(o, l) {
+        return t("DragItem", { key: o.key + l, staticClass: "px-1.5", class: { "drag-item": !o.locked && e.canUseBlocks } }, [t("div", { staticClass: "relative" }, [t("div", { staticClass: "drag-item-preview", domProps: { innerHTML: e._s(o.previewUrl) }, on: { click: (r) => e.onUseBlock({ block: o, addBlock: a, openUpgradeModal: n }) } }), o.locked ? t("ProBadge", { staticClass: "absolute bottom-2 right-4" }) : e._e()], 1)]);
       }), 1)], 1)], 1)])], 1)];
     } }], null, !0) })];
   } }]) });
-}, Ia = [], Fa = /* @__PURE__ */ d(
-  Ba,
-  Ma,
-  Ia,
+}, W2 = [], q2 = /* @__PURE__ */ d(
+  G2,
+  R2,
+  W2,
   !1,
   null,
   "126e204b",
   null,
   null
 );
-const Ha = Fa.exports;
-const Aa = {
+const N2 = q2.exports;
+const j2 = {
   name: "DocumentFormMenu",
   i18nOptions: {
     namespaces: "documentFormMenu",
@@ -6103,12 +5971,12 @@ const Aa = {
     }
   },
   components: {
-    Design: na,
-    Fields: ha,
-    ExtensionTab: ya,
-    DocumentGeneralSettings: ka,
-    DocumentGuide: () => import("./index-cb1bc377.js"),
-    MenuBlocks: Ha,
+    Design: g2,
+    Fields: $2,
+    ExtensionTab: B2,
+    DocumentGeneralSettings: A2,
+    DocumentGuide: () => import("./index-4a052f26.js"),
+    MenuBlocks: N2,
     Simplebar: L
   },
   props: {
@@ -6149,7 +6017,7 @@ const Aa = {
   data() {
     return {
       showGuide: !1,
-      showGuideNotification: !E.getItem("hideFormGuideNotification"),
+      showGuideNotification: !z.getItem("hideFormGuideNotification"),
       tab: "blocks"
     };
   },
@@ -6171,11 +6039,11 @@ const Aa = {
   },
   methods: {
     openGuide() {
-      this.showGuide = !0, this.showGuideNotification = !1, E.setItem("hideFormGuideNotification", !0);
+      this.showGuide = !0, this.showGuideNotification = !1, z.setItem("hideFormGuideNotification", !0);
     }
   }
 };
-var Pa = function() {
+var K2 = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "root menu-wrapper", style: [{ width: `${e.width}px` }, e.fixed && { zIndex: 999 }] }, [e.fixed ? t("div", { staticClass: "fixed inset-0", on: { click: function(a) {
     return e.$emit("close");
@@ -6209,7 +6077,7 @@ var Pa = function() {
     externalReferences: "externalReferences",
     clients: "clients",
     articles: "articles"
-  } }, on: { input: ({ key: a, value: n }) => e.set({ key: a, value: n }) } }) : e._e(), e.tab === "generalSettings" ? t("DocumentGeneralSettings", { class: { "!top-0 rounded-sm": e.isLegacyTemplate }, attrs: { _document: e.state, _value: {
+  } }, on: { input: ({ key: a, value: s }) => e.set({ key: a, value: s }) } }) : e._e(), e.tab === "generalSettings" ? t("DocumentGeneralSettings", { class: { "!top-0 rounded-sm": e.isLegacyTemplate }, attrs: { _document: e.state, _value: {
     term: "data.terms",
     series: "docNumber.series",
     tags: "tags",
@@ -6219,21 +6087,21 @@ var Pa = function() {
     useVat: "data.formSettings.useVat",
     vatType: "data.formSettings.vatType",
     rounding: "data.formSettings.rounding"
-  }, offset: e.fixed ? 0 : e.width }, on: { input: ({ key: a, value: n }) => e.set({ key: a, value: n }) } }) : e._e()], 1)], 1), e.showGuide ? t("DocumentGuide", { on: { close: function(a) {
+  }, offset: e.fixed ? 0 : e.width }, on: { input: ({ key: a, value: s }) => e.set({ key: a, value: s }) } }) : e._e()], 1)], 1), e.showGuide ? t("DocumentGuide", { on: { close: function(a) {
     e.showGuide = !1;
   } } }) : e._e()], 1)])]);
-}, Ea = [], za = /* @__PURE__ */ d(
-  Aa,
-  Pa,
-  Ea,
+}, Y2 = [], Q2 = /* @__PURE__ */ d(
+  j2,
+  K2,
+  Y2,
   !1,
   null,
   "670ad23f",
   null,
   null
 );
-const Za = za.exports;
-const Oa = {
+const J2 = Q2.exports;
+const X2 = {
   name: "BlockControlButtons",
   i18nOptions: {
     namespace: "blockControlButtons",
@@ -6265,7 +6133,7 @@ const Oa = {
     }
   }
 };
-var Ua = function() {
+var ei = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex gap-2 control-root" }, [e.canToggleVisibility ? t("div", { staticClass: "control-button", on: { click: function(a) {
     return e.$emit("toggle-visible", !e.isVisible);
@@ -6276,21 +6144,21 @@ var Ua = function() {
   } } }, [t("BaseIcon", { attrs: { type: "chevron-down", size: "16" } })], 1)]), t("div", { staticClass: "control-button remove", on: { click: function(a) {
     return e.$emit("remove");
   } } }, [t("BaseIcon", { attrs: { type: "x", size: "16" } })], 1)]) : e._e()], 2);
-}, Ra = [], Ga = /* @__PURE__ */ d(
-  Oa,
-  Ua,
-  Ra,
+}, ti = [], ii = /* @__PURE__ */ d(
+  X2,
+  ei,
+  ti,
   !1,
   null,
   "9e35bda4",
   null,
   null
 );
-const Wa = Ga.exports;
-const qa = {
+const ai = ii.exports;
+const si = {
   name: "DynamicBlock",
   components: {
-    BlockControlButtons: Wa
+    BlockControlButtons: ai
   },
   props: {
     isDragging: {
@@ -6351,7 +6219,7 @@ const qa = {
     }
   }
 };
-var Na = function() {
+var ni = function() {
   var e = this, t = e._self._c;
   return t("Animation", { staticClass: "w-full" }, [t("div", { staticClass: "block-root", class: [
     {
@@ -6374,22 +6242,22 @@ var Na = function() {
   }, remove: function(a) {
     return e.$emit("remove");
   } } }, [e.showEditButton ? t("CButton", { staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: e.onEdit } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]) : e._e()], 1) : e._e()], 1)]);
-}, ja = [], Ka = /* @__PURE__ */ d(
-  qa,
-  Na,
-  ja,
+}, oi = [], li = /* @__PURE__ */ d(
+  si,
+  ni,
+  oi,
   !1,
   null,
   "3d358acc",
   null,
   null
 );
-const Ya = Ka.exports;
-const Qa = {
+const ri = li.exports;
+const ci = {
   name: "DocumentDrawer",
   components: {
     simplebar: L,
-    Drawer: ce
+    Drawer: Q
   },
   props: {
     position: {
@@ -6411,7 +6279,7 @@ const Qa = {
     }
   }
 };
-var Ja = function() {
+var di = function() {
   var e = this, t = e._self._c;
   return t("transition", { attrs: { name: e.fixed ? void 0 : "grow-anim", mode: "out-in" } }, [e.open ? t(e.fixed ? "drawer" : "div", e._b({ ref: "drawer", tag: "component", staticClass: "font-inter document-drawer-root", class: {
     "is-sticky": !e.fixed
@@ -6423,18 +6291,18 @@ var Ja = function() {
     padding: "calc(2.5 * var(--rem)) calc(1 * var(--rem)) calc(6 * var(--rem)) calc(1 * var(--rem))",
     ...e.fixedStyle
   } }, [e._t("default")], 2)])])]) : e._e()], 1);
-}, Xa = [], en = /* @__PURE__ */ d(
-  Qa,
-  Ja,
-  Xa,
+}, pi = [], ui = /* @__PURE__ */ d(
+  ci,
+  di,
+  pi,
   !1,
   null,
   "28a55097",
   null,
   null
 );
-const tn = en.exports;
-const an = {
+const mi = ui.exports;
+const hi = {
   name: "DocumentFormViewRadio",
   props: {
     value: {
@@ -6447,24 +6315,24 @@ const an = {
     }
   }
 };
-var nn = function() {
+var fi = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "nav-toggle font-inter" }, [t("div", { staticClass: "nav-toggle-button", class: { active: e.value === "edit" }, on: { click: function(a) {
     e.value === "preview" && e.$emit("input", "edit");
   } } }, [e.small ? t("BaseIcon", { attrs: { type: "edit", size: "18" } }) : [e._v(e._s(e.$t("edit")))]], 2), t("div", { staticClass: "nav-toggle-button", class: { active: e.value === "preview" }, attrs: { "data-onboarding": "preview-button" }, on: { click: function(a) {
     e.value === "edit" && e.$emit("input", "preview");
   } } }, [e.small ? t("BaseIcon", { attrs: { type: "eye", size: "18" } }) : [e._v(e._s(e.$t("preview")))]], 2)]);
-}, sn = [], on = /* @__PURE__ */ d(
-  an,
-  nn,
-  sn,
+}, gi = [], Ci = /* @__PURE__ */ d(
+  hi,
+  fi,
+  gi,
   !1,
   null,
   "2d9aa751",
   null,
   null
 );
-const ln = on.exports, rn = {
+const vi = Ci.exports, yi = {
   name: "LogoBanner",
   props: {
     position: {
@@ -6482,46 +6350,46 @@ const ln = on.exports, rn = {
     }
   }
 };
-var cn = function() {
+var xi = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "z-50 flex justify-end bottom-0 left-0 right-0 pb-[10px] px-[10px] pointer-events-none", class: e.position }, [t("a", { staticClass: "pointer-events-auto inline-flex items-center h-8 pl-1.5 pr-2 border rounded-md bg-black/80 border-white/30", attrs: { href: `https://${e.$t(
     "_common:brand.domain"
   )}?utm_source=document&utm_medium=logo-banner`, target: "_blank" } }, [t("div", { staticClass: "w-5 h-5 mr-2 overflow-hidden bg-white rounded" }, [t("img", { staticClass: "w-full h-full", attrs: { src: e.logoUrl, alt: e.$t("brand.name") } })]), t("div", { staticClass: "text-xs font-medium text-white" }, [e._v(" Made in " + e._s(e.$t("brand.name")) + " ")])])]);
-}, dn = [], pn = /* @__PURE__ */ d(
-  rn,
-  cn,
-  dn,
+}, wi = [], bi = /* @__PURE__ */ d(
+  yi,
+  xi,
+  wi,
   !1,
   null,
   null,
   null,
   null
 );
-const un = pn.exports;
-const mn = {
+const _i = bi.exports;
+const ki = {
   name: "DocumentFormNav"
 };
-var hn = function() {
+var Li = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "DocumentFormNav py-2 px-2 md:px-6 fixed left-0 top-0 right-0 z-[98]" }, [t("div", { staticClass: "flex" }, [t("div", { staticClass: "inline-flex items-center flex-grow" }, [e._t("left")], 2), t("div", { staticClass: "inline-flex items-center justify-center flex-auto" }, [e._t("center")], 2), t("div", { staticClass: "inline-flex items-center justify-end flex-grow" }, [e._t("right")], 2)])]);
-}, fn = [], gn = /* @__PURE__ */ d(
-  mn,
-  hn,
-  fn,
+}, $i = [], Si = /* @__PURE__ */ d(
+  ki,
+  Li,
+  $i,
   !1,
   null,
   "39c32da6",
   null,
   null
 );
-const Cn = gn.exports;
-const pe = (i, e, t = "$children") => {
+const Ti = Si.exports;
+const X = (i, e, t = "$children") => {
   if (!i)
     return;
   e(i);
   const a = i[t];
-  !a && !Array.isArray(a) || a.forEach((n) => pe(n, e));
-}, vn = {
+  !a && !Array.isArray(a) || a.forEach((s) => X(s, e));
+}, Di = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
     messages: {
@@ -6537,18 +6405,18 @@ const pe = (i, e, t = "$children") => {
   },
   name: "DocumentFormContainer",
   components: {
-    WithDimensions: it,
-    DragList: X,
-    DragItem: ee,
-    DynamicChapter: at,
-    DocumentFormMenu: Za,
-    DynamicBlock: Ya,
-    DocumentFormViewRadio: ln,
-    DocumentFormNav: Cn,
-    DocumentDrawer: tn,
-    DocumentStyleContainer: nt,
+    WithDimensions: Ee,
+    DragList: R,
+    DragItem: W,
+    DynamicChapter: Ze,
+    DocumentFormMenu: J2,
+    DynamicBlock: ri,
+    DocumentFormViewRadio: vi,
+    DocumentFormNav: Ti,
+    DocumentDrawer: mi,
+    DocumentStyleContainer: Ue,
     simplebar: L,
-    LogoBanner: un,
+    LogoBanner: _i,
     IsPremium: _
   },
   props: {
@@ -6653,29 +6521,29 @@ const pe = (i, e, t = "$children") => {
       var e, t;
       i && (Object.keys(((t = (e = this._document._doc) == null ? void 0 : e.data) == null ? void 0 : t.packageGroups) || []).forEach(
         (a) => {
-          this._document._doc.data.packageGroups[a].packages.forEach((s, o) => {
+          this._document._doc.data.packageGroups[a].packages.forEach((n, o) => {
             this.setFormValue({
               key: `data.packageGroups.${a}.packages[${o}].data.prices.currency`,
               value: i
             });
           });
         }
-      ), this._document.allArticles.forEach((a, n) => {
-        const s = `articles[${n}].currency`;
-        this.setFormValue({ key: s, value: i });
+      ), this._document.allArticles.forEach((a, s) => {
+        const n = `articles[${s}].currency`;
+        this.setFormValue({ key: n, value: i });
       }));
     },
     async externalReferences(i) {
       await Promise.all(
         (i || []).map(async ({ service: e, type: t, typeId: a }) => {
           if (t && a && e && this.$store.getters["settings/isAuthenticatedCRM"](e)) {
-            const { data: n } = await $.getFields(
+            const { data: s } = await $.getFields(
               e,
               { type: t, typeId: a, populated: !0 }
             );
             this.setFormValue({
               key: "data.fields",
-              value: { ...this._document.fields, ...n }
+              value: { ...this._document.fields, ...s }
             });
           }
         })
@@ -6684,11 +6552,11 @@ const pe = (i, e, t = "$children") => {
   },
   methods: {
     onAddBlockMount(i, e) {
-      !this.onAddRedis[i] || !e || (e.$el && this.$nextTick(() => ft(e.$el, { offset: 100 })), typeof e[this.onAddRedis[i]] == "function" && e[this.onAddRedis[i]](), delete this.onAddRedis[i]);
+      !this.onAddRedis[i] || !e || (e.$el && this.$nextTick(() => Je(e.$el, { offset: 100 })), typeof e[this.onAddRedis[i]] == "function" && e[this.onAddRedis[i]](), delete this.onAddRedis[i]);
     },
     onBlockToggleVisible(i, e) {
       const a = [...this.readLayout].findIndex(
-        (n) => n.nodeId === i.nodeId
+        (s) => s.nodeId === i.nodeId
       );
       a !== -1 && this.setFormValue({
         key: `template.views.read.nodes[${a}].isVisible`,
@@ -6708,10 +6576,10 @@ const pe = (i, e, t = "$children") => {
         const a = i.itemId.split("-")[1];
         this.removePackageGroup(a);
       } else
-        pe(i, (n) => {
-          n.value && Object.values(n.value).forEach((s) => {
-            this.removeFormKeyValue(`${s}`);
-            let o = s.replace(
+        X(i, (s) => {
+          s.value && Object.values(s.value).forEach((n) => {
+            this.removeFormKeyValue(`${n}`);
+            let o = n.replace(
               /^data.(?!properties)/g,
               "data.properties."
             );
@@ -6722,8 +6590,8 @@ const pe = (i, e, t = "$children") => {
           });
         }, "children");
       B([this.nestedReadLayout[e]]).forEach((a) => {
-        const n = this.readLayout.findIndex((s) => s.nodeId === a.nodeId);
-        this.removeFormValue(`template.views.read.nodes[${n}]`);
+        const s = this.readLayout.findIndex((n) => n.nodeId === a.nodeId);
+        this.removeFormValue(`template.views.read.nodes[${s}]`);
       });
     },
     removePackageGroup(i) {
@@ -6732,7 +6600,7 @@ const pe = (i, e, t = "$children") => {
         this.setFormValue({
           key: "articles",
           value: u(this._document, "_doc.articles", []).filter(
-            ({ packageId: n }) => n !== a.packageId
+            ({ packageId: s }) => s !== a.packageId
           )
         });
       });
@@ -6748,38 +6616,38 @@ const pe = (i, e, t = "$children") => {
       if (e !== null && t !== null) {
         if (e === t)
           return;
-        const n = We(
+        const s = $e(
           this.nestedReadLayout,
           e,
           t
         );
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: B(n)
+          value: B(s)
         });
       } else if (!e && t !== null) {
-        const { sectionKey: n, createNewSection: s, addValidation: o, contentData: l } = a, {
+        const { sectionKey: s, createNewSection: n, addValidation: o, contentData: l } = a, {
           readView: r,
           validation: c,
           data: C,
           onAddFnName: V = "onAdd"
-        } = s({
-          sectionKey: n,
+        } = n({
+          sectionKey: s,
           document: this._document,
           contentData: l
         });
         o({ validation: c, data: C });
-        const ue = qe({ tree: r }), me = [
+        const ee = Se({ tree: r }), te = [
           ...this.nestedReadLayout.slice(0, t),
-          ...ue,
+          ...ee,
           ...this.nestedReadLayout.slice(t)
         ];
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: B(me)
+          value: B(te)
         });
-        const [{ nodeId: he }] = r;
-        this.onAddRedis[he] = V;
+        const [{ nodeId: ie }] = r;
+        this.onAddRedis[ie] = V;
       }
     },
     shouldAnimateDrop(i) {
@@ -6787,13 +6655,13 @@ const pe = (i, e, t = "$children") => {
     }
   }
 };
-var yn = function() {
+var Vi = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { overflow: "auto", height: "100vh" } }, [t("div", { staticClass: "flex container-root font-inter", class: {
     "is-edit-view": e.isEditView,
     "is-empty-list": !e.nestedReadLayout.length
-  } }, [t("DocumentFormMenu", { directives: [{ name: "show", rawName: "v-show", value: e.drawerState.showLeft, expression: "drawerState.showLeft" }], attrs: { state: e._document, "on-added-block": ({ nodeId: a, onAddFnName: n = "onAdd" }) => {
-    e.onAddRedis[a] = n;
+  } }, [t("DocumentFormMenu", { directives: [{ name: "show", rawName: "v-show", value: e.drawerState.showLeft, expression: "drawerState.showLeft" }], attrs: { state: e._document, "on-added-block": ({ nodeId: a, onAddFnName: s = "onAdd" }) => {
+    e.onAddRedis[a] = s;
   }, set: e.setFormValue, "remove-value": e.removeFormValue, template: e.docTemplate, fixed: e.drawerState.isFixed, "can-use-blocks": e.isTemplateEditable, "is-legacy-template": e.isLegacyTemplate, width: e.sidebarWidth }, on: { close: function(a) {
     e.drawerState.showLeft = !1;
   } } }), t("div", { ref: "scroll-body", staticClass: "flex justify-center w-full doc-scroll-container", class: {
@@ -6814,7 +6682,7 @@ var yn = function() {
       paddingLeft: "6px",
       paddingRight: "6px",
       margin: 0
-    }, on: { click: function(n) {
+    }, on: { click: function(s) {
       e.previewDevice = a;
     } } }, [t("BaseIcon", { attrs: { type: a, size: "18" } })], 1);
   }), 0) : e._e()], 1), e._t("nav-right", null, { slot: "right" })], 2), t("div", { staticClass: "list-container", class: [
@@ -6826,12 +6694,12 @@ var yn = function() {
     e.isEditView && "overflow-hidden min-h-full w-[1200px] mx-auto md:max-w-[90%] max-w-full rounded-md shadow-[0_20px_35px_-8px_hsla(0,0%,0%,0.27)] px-0"
   ] }, [!e.nestedReadLayout.length && !e.isFixedSidebar ? t("div", { staticClass: "text-gray-400 drag-drop-empty-list is-placeholder" }, [t("div", { staticStyle: { position: "relative" } }, [e._m(0), t("svg", { staticClass: "drag-drop-illustration", attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" } }, [t("path", { staticClass: "drag-drop-illustration-finger", attrs: { d: "M8 0a4 4 0 00-2.7 1C4.6 1.6 4 2.7 4 4v21.4c-.4.2-.8.2-1.7 1A7.2 7.2 0 000 31.8c0 2 .8 3.8 1 4.5L4 42s-.1 0 0 0c1.4 3.1 4.5 5 8 5h9c5 0 9-4 9-9V22c0-.8-.1-2-.7-3-.5-1-1.7-2-3.3-2-1 0-2 .4-2.6.9 0-.3-.1-.7-.3-1-.6-1-1.7-1.9-3.1-1.9a4 4 0 00-2.7 1c-.6-1.1-1.7-2-3.3-2-.8 0-1.4.2-2 .6V4a4 4 0 00-4-4z", fill: "#000", "fill-rule": "nonzero" } }), t("path", { staticClass: "drag-drop-illustration-grabbing", attrs: { transform: "translate(0 11)", d: "M14 1c-.8 0-1.8.2-2.6.8l-.9 1a4 4 0 00-5.2.2C4.6 3.6 4 4.7 4 5.9V14c-1.7.7-4 3-4 7 0 2.2.9 4.2 1 4.5L3.9 31c1.5 3.1 4.6 5 8 5H21c5 0 9-4 9-9V9c0-4.4-2.5-5-4-5-.7 0-1.5.1-2.3.7C23 2.5 21.4 2 20 2c-1 0-2 .3-2.6.8l-.6-.9A4 4 0 0014 1z", fill: "#000", "fill-rule": "nonzero" } })])]), t("div", { staticClass: "text-center", staticStyle: { "max-width": "22ch" }, domProps: { innerHTML: e._s(e.$t("emptyBlockPlaceholderLarge")) } })]) : e._e(), t(e.isEditView ? "div" : "simplebar", { tag: "component", staticClass: "w-full h-full" }, [t("WithDimensions", { attrs: { "provide-device": !0 }, on: { width: function(a) {
     e.parentSize.width = a;
-  } }, scopedSlots: e._u([{ key: "default", fn: function({ width: a, height: n }) {
-    var s, o;
+  } }, scopedSlots: e._u([{ key: "default", fn: function({ width: a, height: s }) {
+    var n, o;
     return t("DocumentStyleContainer", { staticClass: "relative w-full h-full", style: {
       "--vw": `${a / 100}px`,
-      "--vh": `clamp(7.5px, ${n / 100}px, ${e.isEditView ? 7.5 : 9}px)`
-    }, attrs: { "heading-color": e.headingColor, "input-style": ((o = (s = e._document) == null ? void 0 : s.data) == null ? void 0 : o.css) || null } }, [e.nestedReadLayout ? t("DragList", { staticClass: "drag-list", attrs: { handle: ".NO-SELECTOR", "drop-placeholder": { className: "drag-drop-placeholder" }, "should-animate-drop": e.shouldAnimateDrop, group: "blocks", "ghost-class": "drag-drop-ghost", "drag-class": "is-dragged", "group-name": "document-blocks", "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item" }, on: { "drag-start": function(l) {
+      "--vh": `clamp(7.5px, ${s / 100}px, ${e.isEditView ? 7.5 : 9}px)`
+    }, attrs: { "heading-color": e.headingColor, "input-style": ((o = (n = e._document) == null ? void 0 : n.data) == null ? void 0 : o.css) || null } }, [e.nestedReadLayout ? t("DragList", { staticClass: "drag-list", attrs: { handle: ".NO-SELECTOR", "drop-placeholder": { className: "drag-drop-placeholder" }, "should-animate-drop": e.shouldAnimateDrop, group: "blocks", "ghost-class": "drag-drop-ghost", "drag-class": "is-dragged", "group-name": "document-blocks", "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item" }, on: { "drag-start": function(l) {
       e.isDragging = !0;
     }, "drag-end": function(l) {
       e.isDragging = !1;
@@ -6865,30 +6733,30 @@ var yn = function() {
   } } }, [t("CButton", { staticClass: "absolute top-2 right-2", attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(a) {
     e.drawerState.openSection = null;
   } } }), t("portal-target", { attrs: { name: "drawer-content" } })], 1)], 1)]);
-}, xn = [function() {
+}, Bi = [function() {
   var i = this, e = i._self._c;
   return e("div", { staticClass: "drag-drop-illustration-block" }, [e("div"), e("div")]);
-}], wn = /* @__PURE__ */ d(
-  vn,
-  yn,
-  xn,
+}], Mi = /* @__PURE__ */ d(
+  Di,
+  Vi,
+  Bi,
   !1,
   null,
   "d761f136",
   null,
   null
 );
-const bn = wn.exports;
-function _n(i, e, t) {
+const Ii = Mi.exports;
+function Fi(i, e, t) {
   return i === i && (t !== void 0 && (i = i <= t ? i : t), e !== void 0 && (i = i >= e ? i : e)), i;
 }
-var kn = _n, Ln = kn, M = ot;
-function $n(i, e, t) {
-  return t === void 0 && (t = e, e = void 0), t !== void 0 && (t = M(t), t = t === t ? t : 0), e !== void 0 && (e = M(e), e = e === e ? e : 0), Ln(M(i), e, t);
+var Hi = Fi, Ai = Hi, M = Ge;
+function Pi(i, e, t) {
+  return t === void 0 && (t = e, e = void 0), t !== void 0 && (t = M(t), t = t === t ? t : 0), e !== void 0 && (e = M(e), e = e === e ? e : 0), Ai(M(i), e, t);
 }
-var Sn = $n;
-const Tn = /* @__PURE__ */ K(Sn);
-const Dn = {
+var zi = Pi;
+const Ei = /* @__PURE__ */ Te(zi);
+const Zi = {
   name: "RemainingTrialButton",
   components: { IsPremium: _ },
   i18nOptions: {
@@ -6920,46 +6788,46 @@ const Dn = {
   },
   mixins: [b],
   methods: {
-    clamp: Tn
+    clamp: Ei
   }
 };
-var Vn = function() {
+var Ui = function() {
   var e = this, t = e._self._c;
   return t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({
     accountType: a,
-    trialDaysLeft: n,
-    openUpgradeModal: s,
+    trialDaysLeft: s,
+    openUpgradeModal: n,
     initialFreePremiumDays: o
   }) {
-    return [a === "trial" && e.mq !== "sm" ? t("v-popover", { attrs: { "popover-inner-class": "bg-white rounded-md shadow-xl" } }, [t("div", { staticClass: "relative flex flex-col justify-center px-2 mr-2 text-xs font-semibold rounded-md cursor-pointer select-none bg-gray-200/50 h-9 backdrop-blur-lg backdrop-saturate-150" }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$tc("_common:day", { count: n })) + " " + e._s(e.$t("button")) + " ")]), t("div", { staticClass: "h-[3px] bg-gray-300 absolute bottom-1 left-2 right-2 rounded-full ring-1 ring-white/10" }, [t("div", { staticClass: "absolute h-full rounded-full bg-gradient-to-r from-green-500 via-emerald-500 to-primary-600", style: {
-      width: e.clamp(n / o * 100, 0, 100) + "%"
-    } })])]), t("div", { staticClass: "p-4 text-sm w-56", attrs: { slot: "popover" }, slot: "popover" }, [t("div", { staticClass: "font-semibold" }, [e._v(" " + e._s(e.$t("title.1")) + " "), t("span", { staticClass: "inline-flex py-[3px] px-1.5 leading-none bg-primary-100 border border-primary-200 text-primary-800 rounded-md text-xs" }, [e._v(e._s(e.$t("title.2")))]), e._v(" " + e._s(e.$t("title.3", { trialDaysLeft: n })) + ". ")]), t("div", { staticClass: "text-sm text-gray-600" }, [e._v(" " + e._s(e.$t("title.4")) + " "), t("span", { staticClass: "inline-flex py-[3px] px-1.5 leading-none bg-gray-200 border border-gray-300 text-gray-600 rounded-md text-xs font-semibold" }, [e._v(e._s(e.$t("title.5")))]), e._v(". ")]), t("div", { staticClass: "mt-5" }, [t("CButton", { directives: [{ name: "close-popover", rawName: "v-close-popover" }], attrs: { type: "secondary", size: "small", "icon-right": "arrow-right" }, on: { click: s } }, [e._v(" " + e._s(e.$t("actionButton")) + " ")])], 1)])]) : e._e()];
+    return [a === "trial" && e.mq !== "sm" ? t("v-popover", { attrs: { "popover-inner-class": "bg-white rounded-md shadow-xl" } }, [t("div", { staticClass: "relative flex flex-col justify-center px-2 mr-2 text-xs font-semibold rounded-md cursor-pointer select-none bg-gray-200/50 h-9 backdrop-blur-lg backdrop-saturate-150" }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$tc("_common:day", { count: s })) + " " + e._s(e.$t("button")) + " ")]), t("div", { staticClass: "h-[3px] bg-gray-300 absolute bottom-1 left-2 right-2 rounded-full ring-1 ring-white/10" }, [t("div", { staticClass: "absolute h-full rounded-full bg-gradient-to-r from-green-500 via-emerald-500 to-primary-600", style: {
+      width: e.clamp(s / o * 100, 0, 100) + "%"
+    } })])]), t("div", { staticClass: "p-4 text-sm w-56", attrs: { slot: "popover" }, slot: "popover" }, [t("div", { staticClass: "font-semibold" }, [e._v(" " + e._s(e.$t("title.1")) + " "), t("span", { staticClass: "inline-flex py-[3px] px-1.5 leading-none bg-primary-100 border border-primary-200 text-primary-800 rounded-md text-xs" }, [e._v(e._s(e.$t("title.2")))]), e._v(" " + e._s(e.$t("title.3", { trialDaysLeft: s })) + ". ")]), t("div", { staticClass: "text-sm text-gray-600" }, [e._v(" " + e._s(e.$t("title.4")) + " "), t("span", { staticClass: "inline-flex py-[3px] px-1.5 leading-none bg-gray-200 border border-gray-300 text-gray-600 rounded-md text-xs font-semibold" }, [e._v(e._s(e.$t("title.5")))]), e._v(". ")]), t("div", { staticClass: "mt-5" }, [t("CButton", { directives: [{ name: "close-popover", rawName: "v-close-popover" }], attrs: { type: "secondary", size: "small", "icon-right": "arrow-right" }, on: { click: n } }, [e._v(" " + e._s(e.$t("actionButton")) + " ")])], 1)])]) : e._e()];
   } }]) });
-}, Bn = [], Mn = /* @__PURE__ */ d(
-  Dn,
-  Vn,
-  Bn,
+}, Oi = [], Gi = /* @__PURE__ */ d(
+  Zi,
+  Ui,
+  Oi,
   !1,
   null,
   "ef060cb6",
   null,
   null
 );
-const In = Mn.exports, T = A.observable({
+const Ri = Gi.exports, T = A.observable({
   canEdit: !1,
   isForm: !0,
   setFormValue: null,
   removeFormValue: null
-}), Fn = {
+}), Wi = {
   name: "DocumentForm",
   components: {
-    DocumentFormContainer: bn,
+    DocumentFormContainer: Ii,
     IsPremium: _,
     IsPremiumPreStep: k,
-    DocumentSend: Ri,
-    RemainingTrialButton: In
+    DocumentSend: t2,
+    RemainingTrialButton: Ri
   },
-  mixins: [dt],
+  mixins: [Ne],
   props: {
     document: {
       type: Object,
@@ -7046,7 +6914,7 @@ const In = Mn.exports, T = A.observable({
     },
     async saveAsTemplate() {
       this.document && this.$modal.show(
-        oe,
+        j,
         {
           document: this.document,
           onSaveTemplate: this.onSaveTemplate
@@ -7063,20 +6931,20 @@ const In = Mn.exports, T = A.observable({
     }
   }
 };
-var Hn = function() {
+var qi = function() {
   var e = this, t = e._self._c;
   return e.document ? t("div", { staticClass: "flex flex-col w-screen bg-white" }, [t("DocumentFormContainer", { attrs: { _document: e.document, view: e.view, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "remove-form-key-value": e.removeDocKeyValue, close: e.close, "go-back": e.goBack, "can-show-banner": e.canShowBanner }, on: { "update:view": function(a) {
     e.view = a;
-  } } }, [t("template", { slot: "nav-right" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateDocument: a, canCreateTemplate: n }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "documents" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
+  } } }, [t("template", { slot: "nav-right" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateDocument: a, canCreateTemplate: s }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "documents" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
       return [t("div", { key: e.canDoActions, staticStyle: { flex: "1", display: "inline-flex", "justify-content": "flex-end" } }, [e._t("nav-right-action", function() {
         return [t("RemainingTrialButton"), t("div", { staticClass: "buttons has-addons", staticStyle: { "white-space": "nowrap" } }, [t("CButton", { ref: "sendButton", staticClass: "d-nav-button position right", staticStyle: { "border-radius": "7px 0 0 7px", height: "36px", "padding-left": "11px", "padding-right": "10px", "font-size": "13px", "font-weight": "500" }, attrs: { disabled: !e.canDoActions, loading: e.isLoading, "data-onboarding": "send-button", size: "small", type: "secondary", thinner: "" }, on: { click: function(o) {
-          a || !e.doConsumeQuota || e.document.id ? e.openSendModal() : s({ callback: e.openSendModal });
+          a || !e.doConsumeQuota || e.document.id ? e.openSendModal() : n({ callback: e.openSendModal });
         } } }, [e._v(" " + e._s(e.$t("_common:reviewSend")) + " ")]), t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: o }) {
           return [t("CDropdown", { attrs: { disabled: !e.canDoActions } }, [t("CButton", { staticClass: "d-nav-button position right", staticStyle: { "border-radius": "0px 7px 7px 0px", height: "36px", "border-left": "1px solid hsla(0, 0%, 100%, 0.35)", "font-size": "13px", "padding-left": "14px", "padding-right": "14px" }, attrs: { slot: "trigger", "icon-props": { size: 13, strokeWidth: 2.5 }, size: "small", type: "secondary", thinner: "", icon: "chevron-down" }, slot: "trigger" }), t("CDropdownItem", { attrs: { "icon-props": { stroke: "hsl(205, 100%, 50%)" }, "icon-left": "save" }, on: { click: function(l) {
-            a || e.document.id ? e.submitSave() : s({ callback: e.submitSave });
+            a || e.document.id ? e.submitSave() : n({ callback: e.submitSave });
           } } }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:document").toLowerCase() })) + " ")]), t("CDropdownItem", { attrs: { disabled: e.isLoading, "icon-left": "template-color" }, on: { click: function(l) {
-            n ? e.saveAsTemplate() : o({
+            s ? e.saveAsTemplate() : o({
               callback: e.saveAsTemplate
             });
           } } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")])], 1)];
@@ -7091,18 +6959,18 @@ var Hn = function() {
     reminders: "data.reminders",
     name: "data.name"
   }, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "on-save-document": e.onSaveDocument } })], 1) : e._e();
-}, An = [], Pn = /* @__PURE__ */ d(
-  Fn,
-  Hn,
-  An,
+}, Ni = [], ji = /* @__PURE__ */ d(
+  Wi,
+  qi,
+  Ni,
   !1,
   null,
   null,
   null,
   null
 );
-const En = Pn.exports;
-const zn = {
+const Ki = ji.exports;
+const Yi = {
   name: "DocumentPostSendStep",
   mixins: [b],
   i18nOptions: {
@@ -7159,7 +7027,7 @@ const zn = {
         id: i,
         body: { status: "sent" },
         showMessage: !1
-      }), gt({ id: i })), t || setTimeout(() => this.close(), 2e3);
+      }), Xe({ id: i })), t || setTimeout(() => this.close(), 2e3);
     },
     async onSend() {
       typeof this.onSendFunc == "function" && this.onSendFunc(this.document), await this.handleDocumentLinks();
@@ -7178,7 +7046,7 @@ const zn = {
         body: { isAccepted: !0 },
         checksum: a
       }), await this.sendDocument({ id: i }), this.onSend()) : (this.$modal.show(
-        Ct,
+        et,
         {
           _document: this.document,
           fullScreen: this.modalHeight === "100%",
@@ -7187,12 +7055,12 @@ const zn = {
           // actions intended mirror public requests made in accept/bankId modals
           // defined here in order to keep it DRY and avoiding account module actions defined in answer modals
           senderActions: {
-            answer: async function({ body: s }) {
+            answer: async function({ body: n }) {
               var o;
               return this.answerDocument({
                 id: i,
                 publicId: e.publicDocumentId,
-                body: s,
+                body: n,
                 checksum: (o = this.document._doc) == null ? void 0 : o.checksum
               });
             }.bind(this),
@@ -7211,8 +7079,8 @@ const zn = {
         },
         {
           cancel: () => {
-            var n;
-            return (n = this.onCancelFunc) == null ? void 0 : n.call(this);
+            var s;
+            return (s = this.onCancelFunc) == null ? void 0 : s.call(this);
           }
         }
       ), !0);
@@ -7222,25 +7090,25 @@ const zn = {
     }
   }
 };
-var Zn = function() {
+var Qi = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-inter root" }, [t("div", { staticClass: "container" }, [t("div", { staticClass: "icon-wrapper" }, [t("BaseIcon", { attrs: { size: 20, type: "email" } })], 1), t("div", { staticClass: "title", domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticClass: "divider" }), t("CButton", { staticClass: "close-button", attrs: { type: "secondary" }, on: { click: e.close } }, [e._v(" " + e._s(e.$t("_common:close")) + " ")])], 1)]);
-}, On = [], Un = /* @__PURE__ */ d(
-  zn,
-  Zn,
-  On,
+}, Ji = [], Xi = /* @__PURE__ */ d(
+  Yi,
+  Qi,
+  Ji,
   !1,
   null,
   "673cd86f",
   null,
   null
 );
-const Rn = Un.exports;
-A.use(ct);
-const Gn = {
+const ea = Xi.exports;
+A.use(qe);
+const ta = {
   name: "DocForm",
   mixins: [
-    Ne([
+    De([
       "closeFunc",
       "beforeSave",
       "beforeSend",
@@ -7261,9 +7129,9 @@ const Gn = {
     }
   },
   components: {
-    TemplateSelector: k2,
-    DocumentForm: En,
-    PostSend: Rn
+    TemplateSelector: At,
+    DocumentForm: Ki,
+    PostSend: ea
   },
   props: {
     isNew: {
@@ -7284,7 +7152,7 @@ const Gn = {
     };
   },
   computed: {
-    ...je({
+    ...Ve({
       company: "application/company",
       feature: "application/feature",
       can: "application/can",
@@ -7313,7 +7181,7 @@ const Gn = {
     (!this.rawDoc || (i = this.rawDoc) != null && i.__isNew) && (this.view = "templateSelect");
   },
   methods: {
-    ...Ke({
+    ...Be({
       removeFormKeyValue: m.REMOVE_FORM_KEY_VALUE,
       loadDocumentForm: m.LOAD_DOCUMENT2_FORM,
       duplicateDocumentForm: m.LOAD_DUPLICATE_DOCUMENT2_FORM,
@@ -7323,7 +7191,7 @@ const Gn = {
     async initDoc() {
       if (!this.rawDoc)
         throw new Error("Missing initiated form document");
-      this.document = new Q({
+      this.document = new O({
         data: this.rawDoc,
         can: this.can,
         getters: this.$store.getters,
@@ -7331,8 +7199,8 @@ const Gn = {
       });
     },
     async onTemplateSelect({ templateId: i, documentId: e, formData: t }) {
-      var n;
-      const a = U1({ ...this.rawDoc }, [
+      var s;
+      const a = Me({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
         "subscriberCompanyUserIds",
@@ -7344,9 +7212,9 @@ const Gn = {
         _formData: a
       }) : await this.loadDocumentForm({
         templateId: i,
-        formData: t ? Ye(t, a) : null,
+        formData: t ? Ie(t, a) : null,
         _formData: a
-      }), (n = a == null ? void 0 : a.data) != null && n.name && this.setDocValue({ key: "data.name", value: a.data.name }), await this.initDoc(), this.view = "editor";
+      }), (s = a == null ? void 0 : a.data) != null && s.name && this.setDocValue({ key: "data.name", value: a.data.name }), await this.initDoc(), this.view = "editor";
     },
     setDocValue({ key: i, value: e }) {
       return this.setFormValue({ key: i, value: e });
@@ -7365,8 +7233,8 @@ const Gn = {
       if (!t)
         return;
       const a = this.docById(t);
-      let n;
-      i && (n = !!(a != null && a.senderClient) || this.isManualDelivery(a)), n ? (this.document = a, this.view = "postSend") : this.close();
+      let s;
+      i && (s = !!(a != null && a.senderClient) || this.isManualDelivery(a)), s ? (this.document = a, this.view = "postSend") : this.close();
     },
     close() {
       if (this.closeFunc)
@@ -7385,20 +7253,20 @@ const Gn = {
     }
   }
 };
-var Wn = function() {
+var ia = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex flex-col w-full h-full" }, [e.view === "templateSelect" ? t("div", { staticClass: "flex flex-col w-full h-full" }, [t("div", { staticClass: "relative flex items-center justify-center h-16 border-b border-gray-200" }, [t("CButton", { staticClass: "absolute -translate-y-1/2 top-1/2 left-4", attrs: { icon: "x", circle: "" }, on: { click: e.close } }), t("div", [e._v(e._s(e.$t("selectNavTitle")))])], 1), t("TemplateSelector", { staticClass: "min-h-0 body-scroll", attrs: { "on-use-template": e.onTemplateSelect, "show-gallery": e.feature("templateGallery"), "show-gallery-template-author": !1, "gallery-category": e.galleryCategory, "include-partner-templates": "" } })], 1) : e.view === "editor" ? t("DocumentForm", { attrs: { document: e.document, "set-doc-value": e.setDocValue, "set-form-value": e.setFormValue, "remove-doc-value": e.removeDocValue, "remove-doc-key-value": e.removeDocKeyValue, "on-save-document": e.onSaveDocument, "is-loading": e.isPosting, close: e.close, "go-back": e.document.id ? null : e.goBack, "can-show-banner": !1 } }) : t("PostSend", { attrs: { document: e.document, "on-send-func": e.close, "on-close-func": e.close } })], 1);
-}, qn = [], Nn = /* @__PURE__ */ d(
-  Gn,
-  Wn,
-  qn,
+}, aa = [], sa = /* @__PURE__ */ d(
+  ta,
+  ia,
+  aa,
   !1,
   null,
   null,
   null,
   null
 );
-const Ss = Nn.exports;
+const za = sa.exports;
 export {
-  Ss as default
+  za as default
 };