@cling-se/widget 0.9.12 → 0.9.14

package/dist/{DocForm-a4c0a0f1.js → DocForm-b76ac915.js}

@@ -1,107 +1,108 @@
-import { aY as ue, aZ as me, a_ as G, a$ as he, b0 as U, b1 as W, b2 as fe, b3 as ge, b4 as Ce, b5 as ve, j as ye, g as m, n as c, s as q, b as u, av as xe, c as f, C as N, b6 as we, b7 as be, h as S, b8 as _e, b9 as ke, A as Le, ba as $e, bb as Se, aX as Te, bc as De, M as d, a4 as h, aS as x, bd as Ve, be as Be, bf as Me, bg as Ie, D as Fe, bh as He, d as Ae, i as _, a3 as j, S as Pe, ap as Ee, ae as ze, bi as Ze, V as k, aU as K, aV as Y, I as F, bj as D, aW as Oe, bk as Re, bl as H, r as Ge, m as Ue, a as We, bm as qe } from "./main-5532481e.js";
-import { m as g, a as y } from "./vuex.esm-4a0fff7c.js";
-import "./index-d81be181.js";
-import { v as B } from "./index-805c56e4.js";
-import { d as M, w as L } from "./CDropdownItem-79c8dc70.js";
-import { I, b as Ne, a as Q } from "./IsPremiumPreStep-9b5a0a01.js";
-import { D as je, l as Ke, g as Ye, W as Qe, b as Je, a as Xe } from "./DocumentLayout-02c32058.js";
-import { s as b } from "./simplebar.min-3682e5c9.js";
-import { B as et } from "./BlockMedia-a145fc19.js";
-import { c as tt, g as it } from "./template-cd101772.js";
-import { a as at } from "./tinycolor-ca02e626.js";
-import { m as $ } from "./mapFormMixin-218f9749.js";
-import { S as nt, C as J, i as st } from "./formComponentsInstall-57c30f22.js";
-import { s as v, f as ot } from "./focusDrawerMixin-dffff858.js";
-import { f as lt } from "./formValidationMixin-9d5c1283.js";
-import { F as X, d as rt } from "./tippy.esm-a7740684.js";
-import { S as ct } from "./CSlider.vue_vue_type_style_index_0_lang-47894df7.js";
-import { o as dt, d as pt } from "./vuedraggable.umd-934a0379.js";
-import { s as ut } from "./dom-068d1a7b.js";
-import mt from "./AnswerModal-f6cb74d7.js";
+import { aY as pe, aZ as ue, a_ as G, a$ as me, b0 as U, b1 as W, b2 as he, b3 as fe, b4 as ge, b5 as Ce, j as ve, g as m, n as c, s as q, b as u, av as ye, c as f, C as N, b6 as xe, b7 as we, h as $, b8 as be, b9 as _e, A as ke, ba as Le, bb as $e, aX as Se, bc as Te, N as d, a4 as h, aS as y, bd as De, be as Ve, bf as Me, bg as Be, D as Ie, bh as Fe, d as He, i as _, H as Ae, S as Pe, ap as Ee, ae as ze, bi as Ze, V as B, aU as j, aV as K, I as H, bj as T, aW as Oe, bk as Re, bl as V, r as Ge, m as Ue, a as We, bm as qe } from "./main-27338bdb.js";
+import { m as g, a as x } from "./vuex.esm-4a0fff7c.js";
+import "./index-a65761df.js";
+import { v as M } from "./index-805c56e4.js";
+import { d as I, w as k } from "./CDropdownItem-7eff8418.js";
+import { b as Ne, I as F, c as je, a as Y } from "./IsPremiumPreStep-62401338.js";
+import { D as Ke, l as Ye, g as Qe, W as Je, b as Xe, a as e1 } from "./DocumentLayout-0b5138ff.js";
+import { s as b } from "./simplebar.min-4701bd2d.js";
+import { B as t1 } from "./BlockMedia-f249e3b5.js";
+import { c as i1, g as a1 } from "./template-4a9f537a.js";
+import { a as n1 } from "./tinycolor-bf607154.js";
+import { m as L } from "./mapFormMixin-08858c9b.js";
+import { S as s1, C as Q, i as o1 } from "./formComponentsInstall-23e4be0a.js";
+import { s as v, f as l1 } from "./focusDrawerMixin-3d6dccd3.js";
+import { f as r1 } from "./formValidationMixin-75ac30a4.js";
+import { F as J, d as c1 } from "./tippy.esm-b5d60518.js";
+import { S as d1 } from "./CSlider.vue_vue_type_style_index_0_lang-d042d835.js";
+import { o as p1, d as u1 } from "./vuedraggable.umd-66db3099.js";
+import { s as m1 } from "./dom-068d1a7b.js";
+import { o as h1 } from "./index-0e4e6529.js";
+import f1 from "./AnswerModal-71e1ec1c.js";
 import "./anime.es-e284c852.js";
-import "./image-a902f5a5.js";
+import "./image-5f9f36b5.js";
 import "./color-71c20583.js";
-import "./BaseDatePicker-2daf62c0.js";
-import "./ErrorCallout-d392ffe9.js";
-import "./AddClientCallout-6b0621ec.js";
-import "./ClientAutocomplete-3d098904.js";
-import "./SearchApi-c6511bc3.js";
-import "./ClientModal-d1bf8d0d.js";
-import "./CCallout-7fb1ad5c.js";
-import "./CField-2b1118f9.js";
+import "./BaseDatePicker-72f5722d.js";
+import "./ErrorCallout-bce1d8d5.js";
+import "./AddClientCallout-a6803b1d.js";
+import "./ClientAutocomplete-f81b6da6.js";
+import "./SearchApi-8efb3d0b.js";
+import "./ClientModal-2c757562.js";
+import "./CCallout-61f77d70.js";
+import "./CField-8cdc83ce.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ColorPicker-c61cd86f.js";
-var ht = ue, ft = me, gt = G;
-function Ct(i, e, t) {
+import "./ColorPicker-da94c878.js";
+var g1 = pe, C1 = ue, v1 = G;
+function y1(i, e, t) {
   for (var a = -1, n = e.length, s = {}; ++a < n; ) {
-    var o = e[a], l = ht(i, o);
-    t(l, o) && ft(s, gt(o, i), l);
+    var o = e[a], l = g1(i, o);
+    t(l, o) && C1(s, v1(o, i), l);
   }
   return s;
 }
-var vt = Ct;
-function yt(i, e) {
+var x1 = y1;
+function w1(i, e) {
   return i != null && e in Object(i);
 }
-var xt = yt, wt = he, bt = U, _t = "[object Arguments]";
-function kt(i) {
-  return bt(i) && wt(i) == _t;
+var b1 = w1, _1 = me, k1 = U, L1 = "[object Arguments]";
+function $1(i) {
+  return k1(i) && _1(i) == L1;
 }
-var Lt = kt, A = Lt, $t = U, ee = Object.prototype, St = ee.hasOwnProperty, Tt = ee.propertyIsEnumerable, Dt = A(function() {
+var S1 = $1, A = S1, T1 = U, X = Object.prototype, D1 = X.hasOwnProperty, V1 = X.propertyIsEnumerable, M1 = A(function() {
   return arguments;
 }()) ? A : function(i) {
-  return $t(i) && St.call(i, "callee") && !Tt.call(i, "callee");
-}, te = Dt, Vt = 9007199254740991;
-function Bt(i) {
-  return typeof i == "number" && i > -1 && i % 1 == 0 && i <= Vt;
+  return T1(i) && D1.call(i, "callee") && !V1.call(i, "callee");
+}, ee = M1, B1 = 9007199254740991;
+function I1(i) {
+  return typeof i == "number" && i > -1 && i % 1 == 0 && i <= B1;
 }
-var Mt = Bt, It = G, Ft = te, Ht = W, At = fe, Pt = Mt, Et = ge;
-function zt(i, e, t) {
-  e = It(e, i);
+var F1 = I1, H1 = G, A1 = ee, P1 = W, E1 = he, z1 = F1, Z1 = fe;
+function O1(i, e, t) {
+  e = H1(e, i);
   for (var a = -1, n = e.length, s = !1; ++a < n; ) {
-    var o = Et(e[a]);
+    var o = Z1(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 && Pt(n) && At(o, n) && (Ht(i) || Ft(i)));
+  return s || ++a != n ? s : (n = i == null ? 0 : i.length, !!n && z1(n) && E1(o, n) && (P1(i) || A1(i)));
 }
-var Zt = zt, Ot = xt, Rt = Zt;
-function Gt(i, e) {
-  return i != null && Rt(i, e, Ot);
+var R1 = O1, G1 = b1, U1 = R1;
+function W1(i, e) {
+  return i != null && U1(i, e, G1);
 }
-var Ut = Gt, Wt = vt, qt = Ut;
-function Nt(i, e) {
-  return Wt(i, e, function(t, a) {
-    return qt(i, a);
+var q1 = W1, N1 = x1, j1 = q1;
+function K1(i, e) {
+  return N1(i, e, function(t, a) {
+    return j1(i, a);
   });
 }
-var jt = Nt;
-function Kt(i, e) {
+var Y1 = K1;
+function Q1(i, e) {
   for (var t = -1, a = e.length, n = i.length; ++t < a; )
     i[n + t] = e[t];
   return i;
 }
-var Yt = Kt, P = Ce, Qt = te, Jt = W, E = P ? P.isConcatSpreadable : void 0;
-function Xt(i) {
-  return Jt(i) || Qt(i) || !!(E && i && i[E]);
+var J1 = Q1, P = ge, X1 = ee, et = W, E = P ? P.isConcatSpreadable : void 0;
+function tt(i) {
+  return et(i) || X1(i) || !!(E && i && i[E]);
 }
-var e1 = Xt, t1 = Yt, i1 = e1;
-function ie(i, e, t, a, n) {
+var it = tt, at = J1, nt = it;
+function te(i, e, t, a, n) {
   var s = -1, o = i.length;
-  for (t || (t = i1), n || (n = []); ++s < o; ) {
+  for (t || (t = nt), n || (n = []); ++s < o; ) {
     var l = i[s];
-    e > 0 && t(l) ? e > 1 ? ie(l, e - 1, t, a, n) : t1(n, l) : a || (n[n.length] = l);
+    e > 0 && t(l) ? e > 1 ? te(l, e - 1, t, a, n) : at(n, l) : a || (n[n.length] = l);
   }
   return n;
 }
-var a1 = ie, n1 = a1;
-function s1(i) {
+var st = te, ot = st;
+function lt(i) {
   var e = i == null ? 0 : i.length;
-  return e ? n1(i, 1) : [];
+  return e ? ot(i, 1) : [];
 }
-var o1 = s1;
-function l1(i, e, t) {
+var rt = lt;
+function ct(i, e, t) {
   switch (t.length) {
     case 0:
       return i.call(e);
@@ -114,56 +115,56 @@ function l1(i, e, t) {
   }
   return i.apply(e, t);
 }
-var r1 = l1, c1 = r1, z = Math.max;
-function d1(i, e, t) {
+var dt = ct, pt = dt, z = Math.max;
+function ut(i, e, t) {
   return e = z(e === void 0 ? i.length - 1 : e, 0), function() {
     for (var a = arguments, n = -1, s = z(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), c1(i, this, l);
+    return l[e] = t(o), pt(i, this, l);
   };
 }
-var p1 = d1;
-function u1(i) {
+var mt = ut;
+function ht(i) {
   return function() {
     return i;
   };
 }
-var m1 = u1;
-function h1(i) {
+var ft = ht;
+function gt(i) {
   return i;
 }
-var f1 = h1, g1 = m1, Z = ve, C1 = f1, v1 = Z ? function(i, e) {
+var Ct = gt, vt = ft, Z = Ce, yt = Ct, xt = Z ? function(i, e) {
   return Z(i, "toString", {
     configurable: !0,
     enumerable: !1,
-    value: g1(e),
+    value: vt(e),
     writable: !0
   });
-} : C1, y1 = v1, x1 = 800, w1 = 16, b1 = Date.now;
-function _1(i) {
+} : yt, wt = xt, bt = 800, _t = 16, kt = Date.now;
+function Lt(i) {
   var e = 0, t = 0;
   return function() {
-    var a = b1(), n = w1 - (a - t);
+    var a = kt(), n = _t - (a - t);
     if (t = a, n > 0) {
-      if (++e >= x1)
+      if (++e >= bt)
         return arguments[0];
     } else
       e = 0;
     return i.apply(void 0, arguments);
   };
 }
-var k1 = _1, L1 = y1, $1 = k1, S1 = $1(L1), T1 = S1, D1 = o1, V1 = p1, B1 = T1;
-function M1(i) {
-  return B1(V1(i, void 0, D1), i + "");
+var $t = Lt, St = wt, Tt = $t, Dt = Tt(St), Vt = Dt, Mt = rt, Bt = mt, It = Vt;
+function Ft(i) {
+  return It(Bt(i, void 0, Mt), i + "");
 }
-var I1 = M1, F1 = jt, H1 = I1, A1 = H1(function(i, e) {
-  return i == null ? {} : F1(i, e);
-}), P1 = A1;
-const E1 = /* @__PURE__ */ ye(P1);
-const z1 = {
+var Ht = Ft, At = Y1, Pt = Ht, Et = Pt(function(i, e) {
+  return i == null ? {} : At(i, e);
+}), zt = Et;
+const Zt = /* @__PURE__ */ ve(zt);
+const Ot = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
     messages: {
@@ -216,7 +217,7 @@ const z1 = {
   },
   validations: {
     name: {
-      required: B.requiredIf((i) => !i.updateExistingDocTemplate)
+      required: M.requiredIf((i) => !i.updateExistingDocTemplate)
     }
   },
   computed: {
@@ -244,7 +245,7 @@ const z1 = {
     this.$refs.input && this.$refs.input.focus();
   },
   methods: {
-    ...y({
+    ...x({
       loadTemplate: m.DO_LOAD_TEMPLATE,
       saveTemplate: m.SAVE_TEMPLATE_FORM,
       updateSettings: m.UPDATE_SETTINGS
@@ -297,7 +298,7 @@ const z1 = {
     }
   }
 };
-var Z1 = function() {
+var Rt = 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;
@@ -306,18 +307,18 @@ var Z1 = 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);
-}, O1 = [], R1 = /* @__PURE__ */ c(
-  z1,
-  Z1,
-  O1,
+}, Gt = [], Ut = /* @__PURE__ */ c(
+  Ot,
+  Rt,
+  Gt,
   !1,
   null,
   "9f39f8ce",
   null,
   null
 );
-const ae = R1.exports;
-function G1(i, { availableProducts: e }) {
+const ie = Ut.exports;
+function Wt(i, { availableProducts: e }) {
   if (!i)
     throw new Error("Missing parameter templateId");
   const t = e, a = Object.keys(t).find((n) => {
@@ -330,10 +331,10 @@ function G1(i, { availableProducts: e }) {
   });
   return a ? t[a] : null;
 }
-async function U1(i) {
+async function qt(i) {
   if (!i)
     throw new Error("Missing argument stripeProduct");
-  const e = i == null ? void 0 : i.prices[0], { data: t } = await xe.createCheckoutSession({
+  const e = i == null ? void 0 : i.prices[0], { data: t } = await ye.createCheckoutSession({
     items: [
       {
         stripePriceStripeId: e.stripeId,
@@ -345,21 +346,21 @@ async function U1(i) {
   }), { redirectUrl: a } = t;
   window.open(a, "_blank");
 }
-function ne(i, { availableProducts: e }) {
+function ae(i, { availableProducts: e }) {
   var n, s, o;
   let t = null;
-  const a = G1(i.templateId, { availableProducts: e });
+  const a = Wt(i.templateId, { availableProducts: e });
   return a && (t = {
     price: q((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 }),
     isPurchased: ((o = i.purchaseInfo) == null ? void 0 : o.isPurchased) || !1,
-    onBuy: async () => U1(a)
+    onBuy: async () => qt(a)
   }), t;
 }
-const W1 = {
+const Nt = {
   name: "GalleryTemplateModal",
   components: {
     simplebar: b,
-    DocumentLayout: je
+    DocumentLayout: Ke
   },
   props: {
     // Instance of template
@@ -435,7 +436,7 @@ const W1 = {
     }
   },
   created() {
-    this.privateProduct = this.product, this.loadTemplateStat(), this.product && (this.socketUnsubscribeFn = we.on("event", async ({ type: i, action: e, data: t }) => {
+    this.privateProduct = this.product, this.loadTemplateStat(), this.product && (this.socketUnsubscribeFn = xe.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;
@@ -446,7 +447,7 @@ const W1 = {
           isVisibleApp: !0,
           includePurchaseInfo: !0
         }, o = await this.fetchGallery(s);
-        this.privateProduct = ne(o[0], { availableProducts: this.stripeProducts });
+        this.privateProduct = ae(o[0], { availableProducts: this.stripeProducts });
       }
     }));
   },
@@ -458,7 +459,7 @@ const W1 = {
       const i = this.template.id;
       i || (this.templateStat = null);
       try {
-        const { data: e } = await be.get(i);
+        const { data: e } = await we.get(i);
         this.templateStat = e;
       } catch {
         this.templateStat = null;
@@ -475,7 +476,7 @@ const W1 = {
     }
   }
 };
-var q1 = function() {
+var jt = function() {
   var a, n;
   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, rgba(0, 0, 0, 0.09) 0px 8px 35px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px 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: {
@@ -483,17 +484,17 @@ var q1 = function() {
   } }), 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(), !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: e.useSelectedTemplate } }, [e._v(" " + e._s(e.$t("_common:use", { thing: e.$t("_common:template") })) + " ")]) : e._e(), (e.product ? (n = e.product) != null && n.isPurchased : e.showSave) ? t("CButton", { attrs: { loading: e.isLoading, type: e.didSave ? "success" : "none", "icon-left": e.didSave ? "check" : void 0, wide: "" }, on: { click: function(s) {
     e.didSave || 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()], 2)])]);
-}, N1 = [], j1 = /* @__PURE__ */ c(
-  W1,
-  q1,
-  N1,
+}, Kt = [], Yt = /* @__PURE__ */ c(
+  Nt,
+  jt,
+  Kt,
   !1,
   null,
   "07b93fb2",
   null,
   null
 );
-const K1 = j1.exports, Y1 = {
+const Qt = Yt.exports, Jt = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -605,6 +606,9 @@ const K1 = j1.exports, Y1 = {
       !i || !i.length || (!this.activeCategory || !i.includes(this.activeCategory)) && this.selectCategory(i[0]);
     }
   },
+  beforeCreate() {
+    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", Ne);
+  },
   async created() {
     var e, t, a, n;
     if (this.canPurchase && await this.loadPrices(), (t = (e = this.$route) == null ? void 0 : e.query) != null && t.list) {
@@ -618,11 +622,11 @@ const K1 = j1.exports, Y1 = {
         const s = this.templateGalleryItems.find(({ id: o }) => o === i);
         this.selectGalleryItem(s);
       } catch (s) {
-        S(s);
+        $(s);
       }
   },
   methods: {
-    ...y({
+    ...x({
       loadPrices: m.LOAD_PRICES
     }),
     async loadTemplateGallery() {
@@ -636,13 +640,13 @@ const K1 = j1.exports, Y1 = {
         const e = await this.fetchGallery(i);
         this.templateGalleryItems = (e || []).map((t) => {
           if (this.canPurchase && t.isPurchasable) {
-            const a = ne(t, { availableProducts: this.stripeProducts });
+            const a = ae(t, { availableProducts: this.stripeProducts });
             a && (t.product = a);
           }
           return t;
         }), this.availableCategoryKeys = e.reduce((t, a) => [.../* @__PURE__ */ new Set([...t, ...a.categories])], []);
       } catch (e) {
-        S(e);
+        $(e);
       } finally {
         this.isLoading = !1;
       }
@@ -655,7 +659,7 @@ const K1 = j1.exports, Y1 = {
         isVisibleApp: !0,
         includePurchaseInfo: !0
       }, t = await this.fetchGallery(e), a = (s = t == null ? void 0 : t[0]) == null ? void 0 : s.templateId;
-      return a ? (_e(a), new ke(a)) : null;
+      return a ? (be(a), new _e(a)) : null;
     },
     onUseTemplate(i) {
       if (!i)
@@ -678,7 +682,7 @@ const K1 = j1.exports, Y1 = {
         fortnoxCom: "/img/fortnox/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        K1,
+        Qt,
         {
           template: i,
           fetchGallery: this.fetchGallery,
@@ -733,30 +737,30 @@ const K1 = j1.exports, Y1 = {
       selectGalleryItem: this.selectGalleryItem
     });
   }
-}, Q1 = null, J1 = null;
-var X1 = /* @__PURE__ */ c(
-  Y1,
-  Q1,
-  J1,
+}, Xt = null, e2 = null;
+var t2 = /* @__PURE__ */ c(
+  Jt,
+  Xt,
+  e2,
   !1,
   null,
   null,
   null,
   null
 );
-const e2 = X1.exports;
-const t2 = {
+const i2 = t2.exports;
+const a2 = {
   name: "DocumentIcon",
-  truncate: Le,
+  truncate: ke,
   inject: {
     components: {
       default: {
-        BlockMedia: et
+        BlockMedia: t1
       }
     }
   }
 };
-var i2 = function(e, t) {
+var n2 = function(e, t) {
   return e("div", t._b({ key: t.data.key, staticClass: "item", class: [
     t.data.staticClass,
     t.data.class,
@@ -770,18 +774,18 @@ var i2 = function(e, t) {
   } } }, "div", t.data.attrs, !1), [e("div", { staticClass: "item-paper" }, [t.props.thumbnail ? e("div", { staticStyle: { width: "100%", height: "100%", "background-size": "100% auto", "background-repeat": "no-repeat", "background-position": "0% 0%" }, style: {
     backgroundImage: `url(${t.props.thumbnail})`
   } }) : 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)]);
-}, a2 = [], n2 = /* @__PURE__ */ c(
-  t2,
-  i2,
+}, s2 = [], o2 = /* @__PURE__ */ c(
   a2,
+  n2,
+  s2,
   !0,
   null,
   "7ebb1c9a",
   null,
   null
 );
-const s2 = n2.exports;
-const o2 = {
+const l2 = o2.exports;
+const r2 = {
   name: "HorizontalScroll",
   components: {
     Simplebar: b
@@ -828,7 +832,7 @@ const o2 = {
     }
   }
 };
-var l2 = function() {
+var c2 = 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", on: { click: function(a) {
     return e.go(-1);
@@ -841,18 +845,18 @@ var l2 = 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)]);
-}, r2 = [], c2 = /* @__PURE__ */ c(
-  o2,
-  l2,
+}, d2 = [], p2 = /* @__PURE__ */ c(
   r2,
+  c2,
+  d2,
   !1,
   null,
   "15f25c8e",
   null,
   null
 );
-const d2 = c2.exports;
-const p2 = {
+const u2 = p2.exports;
+const m2 = {
   name: "DocumentFormRecent",
   i18nOptions: {
     namespaces: "DocumentFormRecent",
@@ -885,7 +889,7 @@ const p2 = {
     this.onLoadDocuments();
   },
   methods: {
-    ...y({
+    ...x({
       loadDocument: m.LOAD_DOCUMENT2
     }),
     async onInput() {
@@ -894,7 +898,7 @@ const p2 = {
     async fetchDocuments(i) {
       const e = this.query ? 180 : 90, t = {
         createdAt: {
-          $gte: this.$formatDate($e(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
+          $gte: this.$formatDate(Le(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
         },
         // Only provide or if there is a search query to filter on
         ...this.query && {
@@ -909,7 +913,7 @@ const p2 = {
             }
           ]
         }
-      }, { data: a } = await Se.getAll({
+      }, { data: a } = await $e.getAll({
         lean: !0,
         filter: encodeURIComponent(JSON.stringify(t)),
         fields: "clients,data.name,createdAt",
@@ -919,7 +923,7 @@ const p2 = {
       }), { items: n = [] } = a || {};
       return n;
     },
-    onLoadDocuments: M(async function() {
+    onLoadDocuments: I(async function() {
       this.isLoading = !0, this.hasItems = !0;
       const e = await this.fetchDocuments();
       (!e || !e.length) && (this.canFetchMore = !1), this.list = [...e || []], this.isLoading = !1;
@@ -931,7 +935,7 @@ const p2 = {
     }
   }
 };
-var u2 = function() {
+var h2 = 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", { 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;
@@ -948,18 +952,18 @@ var u2 = function() {
       return s.stopPropagation(), e.onSaveDocumentTemplate(a._id);
     } } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")]), t("CButton", { staticStyle: { "margin-left": "1em" }, attrs: { size: "small", type: "secondary" } }, [e._v(" " + e._s(e.$t("_common:use", { thing: e.$t("_common:template") })) + " ")])], 1) : e._e()]);
   })], 2)]);
-}, m2 = [], h2 = /* @__PURE__ */ c(
-  p2,
-  u2,
+}, f2 = [], g2 = /* @__PURE__ */ c(
   m2,
+  h2,
+  f2,
   !1,
   null,
   "0096ccb0",
   null,
   null
 );
-const f2 = h2.exports;
-const g2 = {
+const C2 = g2.exports;
+const v2 = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -1002,13 +1006,13 @@ const g2 = {
     }
   },
   name: "TemplateSelector",
-  mixins: [L],
+  mixins: [k],
   components: {
-    HorizontalScroll: d2,
-    DocumentIcon: s2,
-    DocumentRecent: f2,
-    GalleryLogic: e2,
-    IsPremiumPreStep: I
+    HorizontalScroll: u2,
+    DocumentIcon: l2,
+    DocumentRecent: C2,
+    GalleryLogic: i2,
+    IsPremiumPreStep: F
   },
   props: {
     // Used for creating documents form project/client views
@@ -1098,7 +1102,7 @@ const g2 = {
     this.loadTemplates();
   },
   methods: {
-    ...y({
+    ...x({
       loadTemplatesAction: m.LOAD_TEMPLATES,
       loadTemplate: m.LOAD_TEMPLATE,
       createTemplate: m.DO_CREATE_TEMPLATE,
@@ -1119,16 +1123,16 @@ const g2 = {
     },
     async saveTemplate(i) {
       try {
-        const { data: e } = i, t = Te(e, ["_id", "id", "companyId", "isVisible"]);
+        const { data: e } = i, t = Se(e, ["_id", "id", "companyId", "isVisible"]);
         return await this.createTemplate({ body: t }), !0;
       } catch (e) {
-        S(e);
+        $(e);
       }
       return !1;
     },
     async openTemplateFormModal({ document: i = null, template: e = null }) {
       this.$modal.show(
-        ae,
+        ie,
         {
           document: i,
           template: e,
@@ -1145,7 +1149,7 @@ const g2 = {
       );
     },
     async fetchGallery(i = {}) {
-      const { data: e } = await De.get(i);
+      const { data: e } = await Te.get(i);
       return e;
     },
     canUseTemplate(i) {
@@ -1153,7 +1157,7 @@ const g2 = {
     }
   }
 };
-var C2 = function() {
+var y2 = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "t-root" }, [t("div", { staticClass: "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: "editDocumentLayout" }, 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) {
@@ -1198,18 +1202,18 @@ var C2 = 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, 4229824708) })] : 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)]);
-}, v2 = [], y2 = /* @__PURE__ */ c(
-  g2,
-  C2,
+}, x2 = [], w2 = /* @__PURE__ */ c(
   v2,
+  y2,
+  x2,
   !1,
   null,
   "b0c014da",
   null,
   null
 );
-const x2 = y2.exports;
-const w2 = (i) => {
+const b2 = w2.exports;
+const _2 = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -1231,7 +1235,7 @@ const w2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, b2 = (i, e = "en") => [
+}, k2 = (i, e = "en") => [
   { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: h.t("attachment_plural", { lng: e }).capitalize() },
   {
     key: `files-${i}`,
@@ -1240,13 +1244,13 @@ const w2 = (i) => {
       $ref: `${f.api.baseUrl}/schemas/file/1.json`
     }
   }
-], _2 = ({ document: i = null }) => {
+], L2 = ({ document: i = null }) => {
   const e = d(), { language: t } = i || {};
   return {
-    readView: w2(e),
-    validation: b2(e, t)
+    readView: _2(e),
+    validation: k2(e, t)
   };
-}, k2 = () => [
+}, $2 = () => [
   {
     itemId: "presentation",
     itemType: "presentation",
@@ -1254,11 +1258,11 @@ const w2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], L2 = () => ({
-  readView: k2(),
+], S2 = () => ({
+  readView: $2(),
   validation: []
   // all relevant data is either within base doc or company settings etc
-}), $2 = () => {
+}), T2 = () => {
   const i = Array(2).fill().map(() => d());
   return [
     {
@@ -1281,19 +1285,19 @@ const w2 = (i) => {
       // uniqid(),
     }
   ];
-}, S2 = (i = "en") => [
+}, D2 = (i = "en") => [
   {
     key: "multiGroupPricing-title",
     anyOf: [{ type: "string" }, { type: "null" }],
     defaultValue: h.t("components:document.chapters.multiGroupPricing.title", { lng: i })
   }
-], T2 = ({ document: i = null }) => {
+], V2 = ({ document: i = null }) => {
   const { language: e } = i || {};
   return {
-    readView: $2(),
-    validation: S2(e)
+    readView: T2(),
+    validation: D2(e)
   };
-}, D2 = () => [
+}, M2 = () => [
   {
     itemId: "terms",
     itemType: "termsDisclaimer",
@@ -1311,7 +1315,7 @@ const w2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], V2 = () => [
+], B2 = () => [
   {
     key: "terms",
     anyOf: [
@@ -1319,10 +1323,10 @@ const w2 = (i) => {
       { type: "null" }
     ]
   }
-], B2 = () => ({
-  readView: D2(),
-  validation: V2()
-}), M2 = () => {
+], I2 = () => ({
+  readView: M2(),
+  validation: B2()
+}), F2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1371,7 +1375,7 @@ const w2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, I2 = () => ({
+}, H2 = () => ({
   clients: [{
     name: "Pernilla P.",
     email: "pernilla@mail.se",
@@ -1381,20 +1385,20 @@ const w2 = (i) => {
     deliveryTypes: ["email"],
     answerMethod: { accept: "signature", deny: "button" }
   }]
-}), F2 = (i = "en") => [
+}), A2 = (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 }) }
-], H2 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+], P2 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const { language: a } = e || {};
   let n = null;
-  return typeof t == "function" ? n = t() : i && (n = I2()), {
-    readView: M2(),
-    validation: F2(a),
+  return typeof t == "function" ? n = t() : i && (n = H2()), {
+    readView: F2(),
+    validation: A2(a),
     // Client / company will for now always exist on doc and in validation
     ...n && { data: n }
   };
-}, A2 = (i) => {
+}, E2 = (i) => {
   const e = Array(3).fill().map(() => d());
   return [
     {
@@ -1423,7 +1427,7 @@ const w2 = (i) => {
       nodeId: e[2]
     }
   ];
-}, P2 = (i) => [
+}, z2 = (i) => [
   {
     key: `estimatedTimeComplete-${i}`,
     type: "object",
@@ -1444,20 +1448,20 @@ const w2 = (i) => {
       }
     }
   }
-], E2 = (i) => ({
+], Z2 = (i) => ({
   [`estimatedTimeComplete-${i}`]: {
     value: 4,
     unitType: "hour"
   }
-}), z2 = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), O2 = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = E2(t)), {
-    readView: A2(t),
-    validation: P2(t),
+  return typeof e == "function" ? a = e(t) : i && (a = Z2(t)), {
+    readView: E2(t),
+    validation: z2(t),
     ...a && { data: a }
   };
-}, Z2 = () => {
+}, R2 = () => {
   const i = Array(3).fill().map(() => d());
   return [
     {
@@ -1491,7 +1495,7 @@ const w2 = (i) => {
       nodeId: i[2]
     }
   ];
-}, O2 = () => [
+}, G2 = () => [
   {
     key: "estimatedWorkDates",
     type: "object",
@@ -1500,10 +1504,10 @@ const w2 = (i) => {
       endAt: { anyOf: [{ type: "null" }, { type: "string" }] }
     }
   }
-], R2 = () => ({
-  readView: Z2(),
-  validation: O2()
-}), G2 = () => {
+], U2 = () => ({
+  readView: R2(),
+  validation: G2()
+}), W2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1569,7 +1573,7 @@ const w2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, U2 = () => [
+}, q2 = () => [
   {
     key: "extraWorkConstruction",
     extraWorkConstruction: {
@@ -1593,11 +1597,11 @@ const w2 = (i) => {
       }
     }
   }
-], W2 = () => ({
-  readView: G2(),
-  validation: U2()
+], N2 = () => ({
+  readView: W2(),
+  validation: q2()
   // Client / company will for now always exist on doc and in validation
-}), q2 = () => {
+}), j2 = () => {
   const i = Array(3).fill().map(() => d());
   return [
     {
@@ -1637,7 +1641,7 @@ const w2 = (i) => {
       nodeId: i[2]
     }
   ];
-}, N2 = () => [
+}, K2 = () => [
   {
     key: "extraWorkTimeImpact",
     anyOf: [
@@ -1661,10 +1665,10 @@ const w2 = (i) => {
       }
     ]
   }
-], j2 = () => ({
-  readView: q2(),
-  validation: N2()
-}), K2 = () => {
+], Y2 = () => ({
+  readView: j2(),
+  validation: K2()
+}), Q2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1717,13 +1721,13 @@ const w2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, Y2 = () => [
+}, J2 = () => [
   { key: "miscAgreements", anyOf: [{ type: "string" }, { type: null }] },
   { key: "notBinding", type: "boolean" }
-], Q2 = () => ({
-  readView: K2(),
-  validation: Y2()
-}), J2 = (i) => {
+], X2 = () => ({
+  readView: Q2(),
+  validation: J2()
+}), ei = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -1745,22 +1749,22 @@ const w2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, X2 = (i) => [
+}, ti = (i) => [
   { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: "" },
   { key: `content-${i}`, anyOf: [{ type: "string" }, { type: "null" }] }
-], ei = (i) => ({
+], ii = (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>"
-}), ti = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), ai = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = ei(t)), {
-    readView: J2(t),
-    validation: X2(t),
+  return typeof e == "function" ? a = e(t) : i && (a = ii(t)), {
+    readView: ei(t),
+    validation: ti(t),
     ...a && { data: a },
     onAddFnName: "conditionalOnAdd"
   };
-}, ii = (i) => [
+}, ni = (i) => [
   {
     itemId: "coverBlock",
     itemType: "coverBlock",
@@ -1770,7 +1774,7 @@ const w2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], ai = (i, e = "en") => [
+], si = (i, e = "en") => [
   {
     key: `coverBlock-${i}`,
     defaultValue: {
@@ -1787,7 +1791,7 @@ const w2 = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/coverBlock/1.json`
   }
-], ni = (i) => ({
+], oi = (i) => ({
   [`data.coverBlock-${i}`]: {
     text: "<h1>We know communication</h1>",
     cover: {
@@ -1797,15 +1801,15 @@ const w2 = (i) => {
       blur: 0
     }
   }
-}), si = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+}), li = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
   const a = d(), { language: n } = e || {};
   let s = null;
-  return typeof t == "function" ? s = t(a) : i && (s = ni(a)), {
-    readView: ii(a),
-    validation: ai(a, n),
+  return typeof t == "function" ? s = t(a) : i && (s = oi(a)), {
+    readView: ni(a),
+    validation: si(a, n),
     ...s && { data: s }
   };
-}, oi = ({ language: i = "en" } = {}) => {
+}, ri = ({ language: i = "en" } = {}) => {
   const e = (t) => h.t(`components:account.documentForm.contentItems.coverBlock.${t}`, {
     lng: i
   });
@@ -1950,7 +1954,7 @@ const w2 = (i) => {
       })
     }
   ];
-}, li = (i) => [
+}, ci = (i) => [
   {
     itemId: `header-${i}`,
     itemType: "header",
@@ -1960,7 +1964,7 @@ const w2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], ri = (i, e = null) => {
+], di = (i, e = null) => {
   const {
     language: t = "en",
     name: a = "",
@@ -1971,7 +1975,7 @@ const w2 = (i) => {
     background: o,
     priceSummaryBackground: l,
     backgroundFilter: r
-  } = n || {}, p = l || "hsl(228, 52%, 18%)", C = at.readability(p, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
+  } = n || {}, p = l || "hsl(228, 52%, 18%)", C = n1.readability(p, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
   return [
     {
       key: `header-${i}`,
@@ -2012,7 +2016,7 @@ const w2 = (i) => {
       }
     }
   ];
-}, ci = (i) => ({
+}, pi = (i) => ({
   [`data.header-${i}`]: {
     layout: "vertical",
     baseStyle: { textAlign: "left", textColor: "#FFFFFF" },
@@ -2042,15 +2046,15 @@ const w2 = (i) => {
       }
     ]
   }
-}), di = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+}), ui = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const a = d();
   let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = ci(a)), {
-    readView: li(a),
-    validation: ri(a, e),
+  return typeof t == "function" ? n = t(a) : i && (n = pi(a)), {
+    readView: ci(a),
+    validation: di(a, e),
     ...n && { data: n }
   };
-}, pi = ({ language: i = "en" } = {}) => {
+}, mi = ({ language: i = "en" } = {}) => {
   const e = (t) => h.t(`components:account.documentForm.contentItems.header.${t}`, {
     lng: i,
     interpolation: { prefix: "__", suffix: "__" }
@@ -2350,7 +2354,7 @@ h.loadOptions({
     }
   }
 });
-const ui = (i) => {
+const hi = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -2375,7 +2379,7 @@ const ui = (i) => {
       nodeId: e[1]
     }
   ];
-}, mi = (i, e = "en") => [
+}, fi = (i, e = "en") => [
   {
     key: `packageGroups.${i}`,
     validationKey: "packageGroups",
@@ -2395,11 +2399,11 @@ const ui = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/packageGroups/1.json`
   }
-], hi = () => null, fi = ({ includeMockData: i, document: e = null, contentData: t = null } = {}) => {
+], gi = () => null, Ci = ({ includeMockData: i, document: e = null, contentData: t = null } = {}) => {
   const a = d(), { language: n } = e || {};
   let s = null;
-  typeof t == "function" ? s = t(a) : i && (s = hi());
-  const o = ui(a), l = mi(a, n);
+  typeof t == "function" ? s = t(a) : i && (s = gi());
+  const o = hi(a), l = fi(a, n);
   return {
     readView: o,
     validation: l,
@@ -2491,7 +2495,7 @@ h.loadOptions({
     }
   }
 });
-const gi = ({
+const vi = ({
   language: i = "en",
   currency: e = "USD",
   _getters: t,
@@ -2564,7 +2568,7 @@ const gi = ({
           },
           articles: [
             ...a,
-            x({
+            y({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2693,7 +2697,7 @@ const gi = ({
           },
           articles: [
             ...a,
-            x({
+            y({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2701,7 +2705,7 @@ const gi = ({
               name: o("radio.artA"),
               price: 1e5
             }),
-            x({
+            y({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2827,7 +2831,7 @@ const gi = ({
           },
           articles: [
             ...a,
-            x({
+            y({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2835,7 +2839,7 @@ const gi = ({
               name: o("checkbox.artBase"),
               price: 1e5
             }),
-            x({
+            y({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2848,7 +2852,7 @@ const gi = ({
       }
     }
   ];
-}, Ci = (i) => [
+}, yi = (i) => [
   {
     itemId: "embed",
     itemType: "embed",
@@ -2862,7 +2866,7 @@ const gi = ({
     parentId: "0",
     nodeId: d()
   }
-], vi = (i) => [
+], xi = (i) => [
   {
     key: `embed-${i}`,
     $ref: `${f.api.baseUrl}/schemas/embed/1.json`,
@@ -2871,12 +2875,12 @@ const gi = ({
       size: "small"
     }
   }
-], yi = () => null, xi = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+], wi = () => null, bi = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
   const a = d();
   let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = yi()), {
-    readView: Ci(a),
-    validation: vi(a),
+  return typeof t == "function" ? n = t(a) : i && (n = wi()), {
+    readView: yi(a),
+    validation: xi(a),
     ...n && { data: n }
   };
 };
@@ -2891,7 +2895,7 @@ h.loadOptions({
     }
   }
 });
-const wi = ({ language: i = "en" } = {}) => [
+const _i = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -3183,7 +3187,7 @@ const wi = ({ language: i = "en" } = {}) => [
       }
     })
   }
-], bi = (i) => [
+], ki = (i) => [
   {
     itemId: "videoPlayer",
     itemType: "videoPlayer",
@@ -3196,7 +3200,7 @@ const wi = ({ language: i = "en" } = {}) => [
     parentId: "0",
     nodeId: d()
   }
-], _i = (i) => [
+], Li = (i) => [
   {
     key: `video-${i}`,
     $ref: `${f.api.baseUrl}/schemas/videoPlayer/1.json`,
@@ -3207,7 +3211,7 @@ const wi = ({ language: i = "en" } = {}) => [
       }
     }
   }
-], ki = (i) => ({
+], $i = (i) => ({
   [`data.video-${i}`]: {
     size: "small",
     video: {
@@ -3216,15 +3220,15 @@ const wi = ({ language: i = "en" } = {}) => [
       id: "166JEb6qkr4"
     }
   }
-}), Li = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), Si = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = ki(t)), {
-    readView: bi(t),
-    validation: _i(t),
+  return typeof e == "function" ? a = e(t) : i && (a = $i(t)), {
+    readView: ki(t),
+    validation: Li(t),
     ...a && { data: a }
   };
-}, $i = ({ language: i = "en" } = {}) => [
+}, Ti = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -3426,34 +3430,34 @@ const wi = ({ language: i = "en" } = {}) => [
     })
   }
 ], O = {
-  titleAndText2: ti,
-  attachments2: _2,
-  pdf: Ve,
-  packageGroup: fi,
-  multiGroupPricing: T2,
-  coverBlock: si,
-  videoPlayer: Li,
-  embed: xi,
-  header: di,
-  answer: Be,
-  terms: B2,
-  parties: H2,
-  custom: it,
+  titleAndText2: ai,
+  attachments2: L2,
+  pdf: De,
+  packageGroup: Ci,
+  multiGroupPricing: V2,
+  coverBlock: li,
+  videoPlayer: Si,
+  embed: bi,
+  header: ui,
+  answer: Ve,
+  terms: I2,
+  parties: P2,
+  custom: a1,
   // legacy 
-  presentation: L2,
-  estimatedTimeCompleted: z2,
-  estimatedWorkStartAndEndAtText: R2,
-  extraWorkConstructionPricingList: W2,
-  extraWorkTimeImpactText: j2,
-  notBinding: Q2
+  presentation: S2,
+  estimatedTimeCompleted: O2,
+  estimatedWorkStartAndEndAtText: U2,
+  extraWorkConstructionPricingList: N2,
+  extraWorkTimeImpactText: Y2,
+  notBinding: X2
 }, R = {
-  coverBlock: oi,
-  header: pi,
-  packageGroup: gi,
-  embed: wi,
-  videoPlayer: $i,
-  custom: tt
-}, Si = {
+  coverBlock: ri,
+  header: mi,
+  packageGroup: vi,
+  embed: _i,
+  videoPlayer: Ti,
+  custom: i1
+}, Di = {
   name: "AddBlock",
   props: {
     set: {
@@ -3474,22 +3478,22 @@ const wi = ({ language: i = "en" } = {}) => [
         includeMockData: this.includeMockData,
         emit: (...e) => this.$emit(...e)
       }),
-      getBlockPayload: (i) => Ie(i, this.set, O, this.includeMockdata)
+      getBlockPayload: (i) => Be(i, this.set, O, this.includeMockdata)
     });
   }
-}, Ti = null, Di = null;
-var Vi = /* @__PURE__ */ c(
-  Si,
-  Ti,
+}, Vi = null, Mi = null;
+var Bi = /* @__PURE__ */ c(
   Di,
+  Vi,
+  Mi,
   !1,
   null,
   null,
   null,
   null
 );
-const se = Vi.exports;
-const Bi = {
+const ne = Bi.exports;
+const Ii = {
   name: "Drawer",
   props: {
     value: {
@@ -3532,7 +3536,7 @@ const Bi = {
     }
   }
 };
-var Mi = function() {
+var Fi = 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
@@ -3548,18 +3552,18 @@ var Mi = function() {
     boxShadow: e.boxShadow,
     ...e.contentStyle
   } }, [e._t("default")], 2)]) : e._e()])], 1);
-}, Ii = [], Fi = /* @__PURE__ */ c(
-  Bi,
-  Mi,
+}, Hi = [], Ai = /* @__PURE__ */ c(
   Ii,
+  Fi,
+  Hi,
   !1,
   null,
   "3cb13e4e",
   null,
   null
 );
-const oe = Fi.exports;
-const Hi = {
+const se = Ai.exports;
+const Pi = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -3583,19 +3587,19 @@ const Hi = {
     }
   },
   components: {
-    AddBlock: se,
-    Drawer: oe,
-    SendForm: nt,
-    CCheckbox: Fe,
-    BaseIcon: He,
-    CButton: Ae
+    AddBlock: ne,
+    Drawer: se,
+    SendForm: s1,
+    CCheckbox: Ie,
+    BaseIcon: Fe,
+    CButton: He
   },
   mixins: [
-    $([], {
+    L([], {
       useEmit: !1,
       setFnName: "setFormValue"
     }),
-    L
+    k
   ],
   props: {
     setFormValue: {
@@ -3613,7 +3617,6 @@ const Hi = {
   },
   data() {
     return {
-      localIsPosting: !1,
       isOpen: !1,
       saveTemplate: !1,
       saveTemplateTooltip: {
@@ -3649,7 +3652,7 @@ const Hi = {
     !this.isPublicForm && ((i = window.App) != null && i.$fab) && (window.App.$fab.show = !0);
   },
   methods: {
-    ...y({
+    ...x({
       createTemplate: m.DO_CREATE_TEMPLATE
     }),
     open() {
@@ -3672,7 +3675,7 @@ const Hi = {
     }
   }
 };
-var Ai = function() {
+var Ei = 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;
@@ -3684,20 +3687,20 @@ var Ai = function() {
     return [t("CButton", { staticClass: "is-left", attrs: { type: "secondary", size: "small" }, on: { click: function(n) {
       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", loading: e.isPosting, 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("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(a) {
+  } }], 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("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(a) {
     e.saveTemplate = a;
   }, 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)], 1)], 1)]) : e._e();
-}, Pi = [], Ei = /* @__PURE__ */ c(
-  Hi,
-  Ai,
+}, zi = [], Zi = /* @__PURE__ */ c(
   Pi,
+  Ei,
+  zi,
   !1,
   null,
-  "7cbf7355",
+  "057840fe",
   null,
   null
 );
-const zi = Ei.exports, Zi = {
+const Oi = Zi.exports, Ri = {
   name: "Draggable",
   data() {
     return {
@@ -3729,21 +3732,21 @@ const zi = Ei.exports, Zi = {
       dragMousedown: this.onDragMouseDown
     });
   }
-}, Oi = null, Ri = null;
-var Gi = /* @__PURE__ */ c(
-  Zi,
-  Oi,
+}, Gi = null, Ui = null;
+var Wi = /* @__PURE__ */ c(
   Ri,
+  Gi,
+  Ui,
   !1,
   null,
   null,
   null,
   null
 );
-const Ui = Gi.exports;
-const Wi = {
+const qi = Wi.exports;
+const Ni = {
   components: {
-    Draggable: Ui
+    Draggable: qi
   },
   props: {
     offset: {
@@ -3756,7 +3759,7 @@ const Wi = {
     }
   }
 };
-var qi = function() {
+var ji = 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: {
@@ -3766,29 +3769,29 @@ var qi = function() {
       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 } }), 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);
-}, Ni = [], ji = /* @__PURE__ */ c(
-  Wi,
-  qi,
+}, Ki = [], Yi = /* @__PURE__ */ c(
   Ni,
+  ji,
+  Ki,
   !1,
   null,
   "9b75010b",
   null,
   null
 );
-const le = ji.exports;
-const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
+const oe = Yi.exports;
+const Qi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Qi), Ji = {
   i18nOptions: {
     namespaces: "common",
     keyPrefix: "designLabels"
   },
   name: "Design",
   components: {
-    FormInputRow: X,
-    DragWindow: le
+    FormInputRow: J,
+    DragWindow: oe
   },
   mixins: [
-    $(
+    L(
       ["css"],
       { useEmit: !1, setFnName: "set" }
     )
@@ -3874,7 +3877,7 @@ const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
                   weight: n,
                   options: s = []
                 }) => {
-                  this.update(i, a), Ke(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
+                  this.update(i, a), Ye(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
                 }
               }
             ]
@@ -4319,7 +4322,7 @@ const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
   watch: {
     async activeItem(i) {
       const e = u(i, "style.fontFamily");
-      e && (this.fontWeightOptions = await Ye(e));
+      e && (this.fontWeightOptions = await Qe(e));
     }
   },
   methods: {
@@ -4331,7 +4334,7 @@ const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
     }
   }
 };
-var Qi = function() {
+var Xi = 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) {
@@ -4350,18 +4353,18 @@ var Qi = function() {
   })], 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 } });
   }), 1) : e._e()], 1);
-}, Ji = [], Xi = /* @__PURE__ */ c(
-  Yi,
-  Qi,
+}, ea = [], ta = /* @__PURE__ */ c(
   Ji,
+  Xi,
+  ea,
   !1,
   null,
   "930a4202",
   null,
   null
 );
-const ea = Xi.exports;
-const ta = {
+const ia = ta.exports;
+const aa = {
   name: "FieldsModal",
   i18nOptions: {
     namespaces: "FieldsModal",
@@ -4395,7 +4398,7 @@ const ta = {
     }
   },
   components: {
-    CField: J
+    CField: Q
   },
   props: {
     document: {
@@ -4426,12 +4429,12 @@ const ta = {
   validations: {
     form: {
       label: {
-        required: B.required,
+        required: M.required,
         isUniqueLabel(i) {
           return this.fields.reduce((t, { label: a }) => a === i ? !1 : t, !0);
         }
       },
-      value: { required: B.required }
+      value: { required: M.required }
     }
   },
   computed: {
@@ -4471,12 +4474,12 @@ const ta = {
     remove() {
       if (!this.existingFieldId)
         return;
-      const i = dt(this.document.fields, [this.existingFieldId]);
+      const i = p1(this.document.fields, [this.existingFieldId]);
       this.set({ key: "data.fields", value: i }), this.$emit("close");
     }
   }
 };
-var ia = function() {
+var na = 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);
@@ -4487,18 +4490,18 @@ var ia = 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)]);
-}, aa = [], na = /* @__PURE__ */ c(
-  ta,
-  ia,
+}, sa = [], oa = /* @__PURE__ */ c(
   aa,
+  na,
+  sa,
   !1,
   null,
   "5cc44007",
   null,
   null
 );
-const sa = na.exports;
-const oa = {
+const la = oa.exports;
+const ra = {
   i18nOptions: {
     namespaces: "DocumentFormFields",
     messages: {
@@ -4522,11 +4525,11 @@ const oa = {
   },
   name: "DocumentFormFields",
   components: {
-    SmartList: ct,
-    CAccordion: Ne,
-    CField: J
+    SmartList: d1,
+    CAccordion: je,
+    CField: Q
   },
-  mixins: [$()],
+  mixins: [L()],
   props: {
     set: {
       type: Function,
@@ -4583,7 +4586,7 @@ const oa = {
       immediate: !0,
       async handler(i) {
         var e, t;
-        if (this.isEditingTemplate) {
+        if (this.isEditingTemplate && i) {
           const { data: a } = await _.getFields(i);
           this.updateValue("data.fields", {
             // crmFields added first in order to not override same service values
@@ -4601,7 +4604,7 @@ const oa = {
     },
     openFieldModal({ existingFieldId: i }) {
       this.$modal.show(
-        sa,
+        la,
         {
           document: this._document,
           set: this.set,
@@ -4620,7 +4623,7 @@ const oa = {
       );
     },
     onCopyField(i) {
-      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => j("info", this.$t("_common:copyMessage"))).catch((e) => S(e));
+      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => Ae("info", this.$t("_common:copyMessage"))).catch((e) => $(e));
     },
     filterMethod(i, e) {
       return e.filter((t) => t.label.toLowerCase().includes(i.toLowerCase()));
@@ -4631,7 +4634,7 @@ const oa = {
     }
   }
 };
-var la = function() {
+var ca = 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;
@@ -4676,18 +4679,18 @@ var la = function() {
       } } })], 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);
-}, ra = [], ca = /* @__PURE__ */ c(
-  oa,
-  la,
+}, da = [], pa = /* @__PURE__ */ c(
   ra,
+  ca,
+  da,
   !1,
   null,
-  "9a0b5b61",
+  "916766d5",
   null,
   null
 );
-const da = ca.exports;
-const pa = {
+const ua = pa.exports;
+const ma = {
   i18nOptions: {
     messages: {
       en: {
@@ -4730,10 +4733,10 @@ const pa = {
   },
   name: "ExtensionTab",
   components: {
-    draggable: pt,
+    draggable: u1,
     Spinner: Pe
   },
-  mixins: [$([
+  mixins: [L([
     "externalReferences",
     "clients",
     "articles"
@@ -4806,7 +4809,7 @@ const pa = {
         this.isSearching = !1;
       }
     },
-    search: M(async function(e) {
+    search: I(async function(e) {
       await this._search(e);
     }, 750),
     useSearchResult(i) {
@@ -4856,7 +4859,7 @@ const pa = {
       }
     },
     cloneArticle(i) {
-      return x({
+      return y({
         ...i,
         _uniqueId: void 0
       });
@@ -4866,7 +4869,7 @@ const pa = {
       const [e] = ((n = (a = this._document) == null ? void 0 : a.packageGroups) == null ? void 0 : n.packages) || [];
       if (!(e != null && e.packageId))
         return;
-      const t = x({
+      const t = y({
         ...i,
         _uniqueId: void 0,
         packageId: e.packageId
@@ -4878,7 +4881,7 @@ const pa = {
     }
   }
 };
-var ua = function() {
+var ha = 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) {
@@ -4909,18 +4912,18 @@ var ua = function() {
       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);
-}, ma = [], ha = /* @__PURE__ */ c(
-  pa,
-  ua,
+}, fa = [], ga = /* @__PURE__ */ c(
   ma,
+  ha,
+  fa,
   !1,
   null,
   "b775e9f9",
   null,
   null
 );
-const fa = ha.exports;
-const ga = {
+const Ca = ga.exports;
+const va = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -5008,8 +5011,8 @@ const ga = {
   },
   name: "DocumentGeneralSettings",
   components: {
-    FormInputRow: X,
-    DragWindow: le
+    FormInputRow: J,
+    DragWindow: oe
   },
   props: {
     offset: {
@@ -5017,7 +5020,7 @@ const ga = {
       required: !0
     }
   },
-  mixins: [$([
+  mixins: [L([
     "tags",
     "series",
     "senderId",
@@ -5207,7 +5210,7 @@ const ga = {
     this.isPublicForm || await this.loadUsers();
   },
   methods: {
-    ...y({
+    ...x({
       loadUsers: m.LOAD_COMPANY_USERS
     }),
     update(i, e) {
@@ -5225,7 +5228,7 @@ const ga = {
     }
   }
 };
-var Ca = function() {
+var ya = 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 } });
@@ -5234,17 +5237,17 @@ var Ca = function() {
   } } }, [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 } })];
   })], 2) : e._e()], 2);
-}, va = [], ya = /* @__PURE__ */ c(
-  ga,
-  Ca,
+}, xa = [], wa = /* @__PURE__ */ c(
   va,
+  ya,
+  xa,
   !1,
   null,
   "eec61e30",
   null,
   null
 );
-const xa = ya.exports, wa = {
+const ba = wa.exports, _a = {
   name: "MenuBlockConvertPopover",
   props: {
     target: {
@@ -5277,32 +5280,32 @@ const xa = ya.exports, wa = {
     }
   }
 };
-var ba = function() {
+var ka = 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);
-}, _a = [], ka = /* @__PURE__ */ c(
-  wa,
-  ba,
+}, La = [], $a = /* @__PURE__ */ c(
   _a,
+  ka,
+  La,
   !1,
   null,
   null,
   null,
   null
 );
-const La = ka.exports;
-const $a = k.component("ProBadge", {
+const Sa = $a.exports;
+const Ta = B.component("ProBadge", {
   name: "ProBadge",
   render(i) {
     return i("div", {
       staticClass: "text-[10px] font-semibold text-white bg-primary-500 rounded leading-none px-1.5 py-1"
     }, "Pro");
   }
-}), Sa = {
+}), Da = {
   name: "MenuBlocks",
   i18nOptions: {
     namespaces: "menuBlocks",
@@ -5373,12 +5376,12 @@ const $a = k.component("ProBadge", {
   },
   components: {
     simplebar: b,
-    DragList: K,
-    DragItem: Y,
-    AddBlock: se,
-    IsPremiumPreStep: I,
-    ProBadge: $a,
-    MenuBlockConvertPopover: La
+    DragList: j,
+    DragItem: K,
+    AddBlock: ne,
+    IsPremiumPreStep: F,
+    ProBadge: Ta,
+    MenuBlockConvertPopover: Sa
   },
   props: {
     _document: {
@@ -5402,7 +5405,12 @@ const $a = k.component("ProBadge", {
       default: !0
     }
   },
-  mixins: [L],
+  inject: {
+    viewSettings: {
+      default: () => ({ isPublicForm: !1 })
+    }
+  },
+  mixins: [k],
   data() {
     return {
       subMenuToShow: null,
@@ -5717,7 +5725,7 @@ const $a = k.component("ProBadge", {
       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 = rt(this.$el, {
+      this.tippyInstances = c1(this.$el, {
         target: "[data-tooltip-key]",
         allowHTML: !0,
         duration: [150, 0],
@@ -5742,7 +5750,7 @@ const $a = k.component("ProBadge", {
         i.destroy();
       }) : this.tippyInstances.destroy && this.tippyInstances.destroy());
     },
-    setSubMenuState: M(function(e) {
+    setSubMenuState: I(function(e) {
       this.activeSubMenu = e;
     }, 100, { trailing: !0 }),
     onMouseleaveDrawer() {
@@ -5753,7 +5761,8 @@ const $a = k.component("ProBadge", {
       return t && t.key;
     },
     isBlockLocked(i) {
-      return !this.feature(`docBlock_${i}`);
+      var e;
+      return !this.feature(`docBlock_${i}`) && !((e = this.viewSettings) != null && e.isPublicForm);
     },
     doesBlockExist(i) {
       return !!u(this._document, "_doc.template.views.read.nodes", []).find((t) => t.itemId.startsWith(i));
@@ -5776,7 +5785,7 @@ const $a = k.component("ProBadge", {
     }
   }
 };
-var Ta = function() {
+var Va = 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);
@@ -5815,18 +5824,18 @@ var Ta = function() {
       }), 1)], 1)], 1)])], 1)];
     } }], null, !0) })];
   } }]) });
-}, Da = [], Va = /* @__PURE__ */ c(
-  Sa,
-  Ta,
+}, Ma = [], Ba = /* @__PURE__ */ c(
   Da,
+  Va,
+  Ma,
   !1,
   null,
-  "7b99e10a",
+  "2f285e04",
   null,
   null
 );
-const Ba = Va.exports;
-const Ma = {
+const Ia = Ba.exports;
+const Fa = {
   name: "DocumentFormMenu",
   i18nOptions: {
     namespaces: "documentFormMenu",
@@ -5842,12 +5851,12 @@ const Ma = {
     }
   },
   components: {
-    Design: ea,
-    Fields: da,
-    ExtensionTab: fa,
-    DocumentGeneralSettings: xa,
-    DocumentGuide: () => import("./index-9a5227ef.js"),
-    MenuBlocks: Ba,
+    Design: ia,
+    Fields: ua,
+    ExtensionTab: Ca,
+    DocumentGeneralSettings: ba,
+    DocumentGuide: () => import("./index-468da570.js"),
+    MenuBlocks: Ia,
     Simplebar: b
   },
   props: {
@@ -5888,7 +5897,7 @@ const Ma = {
   data() {
     return {
       showGuide: !1,
-      showGuideNotification: !F.getItem("hideFormGuideNotification"),
+      showGuideNotification: !H.getItem("hideFormGuideNotification"),
       tab: "blocks"
     };
   },
@@ -5910,11 +5919,11 @@ const Ma = {
   },
   methods: {
     openGuide() {
-      this.showGuide = !0, this.showGuideNotification = !1, F.setItem("hideFormGuideNotification", !0);
+      this.showGuide = !0, this.showGuideNotification = !1, H.setItem("hideFormGuideNotification", !0);
     }
   }
 };
-var Ia = function() {
+var Ha = 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");
@@ -5953,18 +5962,18 @@ var Ia = function() {
   }, offset: 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) {
     e.showGuide = !1;
   } } }) : e._e()], 1)])]);
-}, Fa = [], Ha = /* @__PURE__ */ c(
-  Ma,
-  Ia,
+}, Aa = [], Pa = /* @__PURE__ */ c(
   Fa,
+  Ha,
+  Aa,
   !1,
   null,
   "383e8c99",
   null,
   null
 );
-const Aa = Ha.exports;
-const Pa = {
+const Ea = Pa.exports;
+const za = {
   name: "BlockControlButtons",
   i18nOptions: {
     namespace: "blockControlButtons",
@@ -5996,7 +6005,7 @@ const Pa = {
     }
   }
 };
-var Ea = function() {
+var Za = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex flex-col gap-1 control-root" }, [e.canToggleVisibility ? t("div", { staticClass: "control-button", on: { click: function(a) {
     return e.$emit("toggle-visible", !e.isVisible);
@@ -6007,21 +6016,21 @@ var Ea = 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);
-}, za = [], Za = /* @__PURE__ */ c(
-  Pa,
-  Ea,
+}, Oa = [], Ra = /* @__PURE__ */ c(
   za,
+  Za,
+  Oa,
   !1,
   null,
   "79921f13",
   null,
   null
 );
-const Oa = Za.exports;
-const Ra = {
+const Ga = Ra.exports;
+const Ua = {
   name: "DynamicBlock",
   components: {
-    BlockControlButtons: Oa
+    BlockControlButtons: Ga
   },
   props: {
     isDragging: {
@@ -6070,7 +6079,7 @@ const Ra = {
     }
   }
 };
-var Ga = function() {
+var Wa = function() {
   var e = this, t = e._self._c;
   return t("Animation", { staticClass: "w-full" }, [t("div", { staticClass: "block-root", class: [
     {
@@ -6093,22 +6102,22 @@ var Ga = function() {
   }, remove: function(a) {
     return e.$emit("remove");
   } } }) : e._e()], 1)]);
-}, Ua = [], Wa = /* @__PURE__ */ c(
-  Ra,
-  Ga,
+}, qa = [], Na = /* @__PURE__ */ c(
   Ua,
+  Wa,
+  qa,
   !1,
   null,
   "60aa95ad",
   null,
   null
 );
-const qa = Wa.exports;
-const Na = {
+const ja = Na.exports;
+const Ka = {
   name: "DocumentDrawer",
   components: {
     simplebar: b,
-    Drawer: oe
+    Drawer: se
   },
   props: {
     position: {
@@ -6130,7 +6139,7 @@ const Na = {
     }
   }
 };
-var ja = function() {
+var Ya = 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
@@ -6142,18 +6151,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);
-}, Ka = [], Ya = /* @__PURE__ */ c(
-  Na,
-  ja,
+}, Qa = [], Ja = /* @__PURE__ */ c(
   Ka,
+  Ya,
+  Qa,
   !1,
   null,
   "f0a56edd",
   null,
   null
 );
-const Qa = Ya.exports;
-const Ja = {
+const Xa = Ja.exports;
+const en = {
   name: "DocumentFormViewRadio",
   props: {
     value: {
@@ -6166,24 +6175,24 @@ const Ja = {
     }
   }
 };
-var Xa = function() {
+var tn = 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" } }) : [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" } }) : [e._v(e._s(e.$t("preview")))]], 2)]);
-}, en = [], tn = /* @__PURE__ */ c(
-  Ja,
-  Xa,
+}, an = [], nn = /* @__PURE__ */ c(
   en,
+  tn,
+  an,
   !1,
   null,
   "bfd27279",
   null,
   null
 );
-const an = tn.exports, nn = {
+const sn = nn.exports, on = {
   name: "LogoBanner",
   props: {
     position: {
@@ -6201,44 +6210,44 @@ const an = tn.exports, nn = {
     }
   }
 };
-var sn = function() {
+var ln = 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")) + " ")])])]);
-}, on = [], ln = /* @__PURE__ */ c(
-  nn,
-  sn,
+}, rn = [], cn = /* @__PURE__ */ c(
   on,
+  ln,
+  rn,
   !1,
   null,
   null,
   null,
   null
 );
-const rn = ln.exports;
-const cn = {
+const dn = cn.exports;
+const pn = {
   name: "DocumentFormNav"
 };
-var dn = function() {
+var un = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "DocumentFormNav", staticStyle: { padding: "8px calc(1.5 * var(--rem))", position: "fixed", left: "0", top: "0", right: "0", "z-index": "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)])]);
-}, pn = [], un = /* @__PURE__ */ c(
-  cn,
-  dn,
+}, mn = [], hn = /* @__PURE__ */ c(
   pn,
+  un,
+  mn,
   !1,
   null,
   "05fc111c",
   null,
   null
 );
-const mn = un.exports;
-const re = (i, e, t = "$children") => {
+const fn = hn.exports;
+const le = (i, e, t = "$children") => {
   if (!i)
     return;
   e(i);
   const a = i[t];
-  !a && !Array.isArray(a) || a.forEach((n) => re(n, e));
-}, hn = {
+  !a && !Array.isArray(a) || a.forEach((n) => le(n, e));
+}, gn = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
     messages: {
@@ -6254,19 +6263,19 @@ const re = (i, e, t = "$children") => {
   },
   name: "DocumentFormContainer",
   components: {
-    WithDimensions: Qe,
-    DragList: K,
-    DragItem: Y,
-    DynamicChapter: Je,
-    DocumentFormMenu: Aa,
-    DynamicBlock: qa,
-    DocumentFormViewRadio: an,
-    DocumentFormNav: mn,
-    DocumentDrawer: Qa,
-    DocumentStyleContainer: Xe,
+    WithDimensions: Je,
+    DragList: j,
+    DragItem: K,
+    DynamicChapter: Xe,
+    DocumentFormMenu: Ea,
+    DynamicBlock: ja,
+    DocumentFormViewRadio: sn,
+    DocumentFormNav: fn,
+    DocumentDrawer: Xa,
+    DocumentStyleContainer: e1,
     simplebar: b,
-    LogoBanner: rn,
-    IsPremium: Q
+    LogoBanner: dn,
+    IsPremium: Y
   },
   props: {
     _document: {
@@ -6303,7 +6312,7 @@ const re = (i, e, t = "$children") => {
       default: !0
     }
   },
-  mixins: [L],
+  mixins: [k],
   data() {
     return {
       drawerState: v,
@@ -6394,7 +6403,7 @@ const re = (i, e, t = "$children") => {
   },
   methods: {
     onAddBlockMount(i, e) {
-      !this.onAddRedis[i] || !e || (e.$el && this.$nextTick(() => ut(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(() => m1(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(
@@ -6415,7 +6424,7 @@ const re = (i, e, t = "$children") => {
         const a = i.itemId.split("-")[1];
         this.removePackageGroup(a);
       } else
-        re(i, (n) => {
+        le(i, (n) => {
           n.value && Object.values(n.value).forEach((s) => {
             this.removeFormKeyValue(`${s}`);
             let o = s.replace(/^data.(?!properties)/g, "data.properties.");
@@ -6425,7 +6434,7 @@ const re = (i, e, t = "$children") => {
             this.removeFormKeyValue(r);
           });
         }, "children");
-      D([this.nestedReadLayout[e]]).forEach((a) => {
+      T([this.nestedReadLayout[e]]).forEach((a) => {
         const n = this.readLayout.findIndex((s) => s.nodeId === a.nodeId);
         this.removeFormValue(`template.views.read.nodes[${n}]`);
       });
@@ -6448,7 +6457,7 @@ const re = (i, e, t = "$children") => {
         const n = Oe(this.nestedReadLayout, e, t);
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: D(n)
+          value: T(n)
         });
       } else if (!e && t !== null) {
         const {
@@ -6460,20 +6469,20 @@ const re = (i, e, t = "$children") => {
           readView: r,
           validation: p,
           data: C,
-          onAddFnName: T = "onAdd"
+          onAddFnName: S = "onAdd"
         } = s({ sectionKey: n, document: this._document, contentData: l });
         o({ validation: p, data: C });
-        const ce = Re({ tree: r }), de = [
+        const re = Re({ tree: r }), ce = [
           ...this.nestedReadLayout.slice(0, t),
-          ...ce,
+          ...re,
           ...this.nestedReadLayout.slice(t)
         ];
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: D(de)
+          value: T(ce)
         });
-        const [{ nodeId: pe }] = r;
-        this.onAddRedis[pe] = T;
+        const [{ nodeId: de }] = r;
+        this.onAddRedis[de] = S;
       }
     },
     shouldAnimateDrop(i) {
@@ -6481,7 +6490,7 @@ const re = (i, e, t = "$children") => {
     }
   }
 };
-var fn = function() {
+var Cn = 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,
@@ -6541,39 +6550,39 @@ var fn = function() {
         return e.onBlockMove(p, r);
       }, "toggle-visible": function(p) {
         return e.onBlockToggleVisible(l, p);
-      } } }, [t("DynamicChapter", { attrs: { "component-name": l.componentName, "component-props": { ...l.props, _document: e._document, _value: l.value }, children: l.children, "parent-size": e.parentSize, "is-visible": l.isVisible, "on-input": ({ key: p, value: C, options: T }) => e.setFormValue({ key: p, value: C, options: T }), "on-remove": ({ key: p }) => e.removeFormValue(p), "on-mount": (p) => e.onAddBlockMount(l.nodeId, p) } })], 1)], 1);
+      } } }, [t("DynamicChapter", { attrs: { "component-name": l.componentName, "component-props": { ...l.props, _document: e._document, _value: l.value }, children: l.children, "parent-size": e.parentSize, "is-visible": l.isVisible, "on-input": ({ key: p, value: C, options: S }) => e.setFormValue({ key: p, value: C, options: S }), "on-remove": ({ key: p }) => e.removeFormValue(p), "on-mount": (p) => e.onAddBlockMount(l.nodeId, p) } })], 1)], 1);
     }), 1) : e._e(), e.canShowBanner ? t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ isProLike: l }) {
       return [!e.isEditView && !l ? t("LogoBanner", { attrs: { position: "sticky" } }) : e._e()];
     } }], null, !0) }) : e._e()], 1);
   } }]) })], 1)], 1)], 1), t("DocumentDrawer", { key: "settingsDrawer", attrs: { id: "settingsDrawer", open: e.drawerState.showRight, fixed: !0, position: "right" }, on: { "update:open": function(a) {
     return e.$set(e.drawerState, "showRight", a);
   } } }, [t("portal-target", { attrs: { name: "drawer-content" } })], 1)], 1)]);
-}, gn = [function() {
+}, vn = [function() {
   var i = this, e = i._self._c;
   return e("div", { staticClass: "drag-drop-illustration-block" }, [e("div"), e("div")]);
-}], Cn = /* @__PURE__ */ c(
-  hn,
-  fn,
+}], yn = /* @__PURE__ */ c(
   gn,
+  Cn,
+  vn,
   !1,
   null,
   "e54004e2",
   null,
   null
 );
-const vn = Cn.exports, V = k.observable({
+const xn = yn.exports, D = B.observable({
   canEdit: !1,
   isForm: !0,
   setFormValue: null
-}), yn = {
+}), wn = {
   name: "DocumentForm",
   components: {
-    DocumentFormContainer: vn,
-    IsPremium: Q,
-    IsPremiumPreStep: I,
-    DocumentSend: zi
+    DocumentFormContainer: xn,
+    IsPremium: Y,
+    IsPremiumPreStep: F,
+    DocumentSend: Oi
   },
-  mixins: [ot({ currentElement: null }), lt],
+  mixins: [l1({ currentElement: null }), r1],
   props: {
     document: {
       type: Object,
@@ -6620,7 +6629,7 @@ const vn = Cn.exports, V = k.observable({
       default: !0
     }
   },
-  provide: () => ({ viewSettings: V }),
+  provide: () => ({ viewSettings: D }),
   data() {
     return {
       view: "edit",
@@ -6631,7 +6640,7 @@ const vn = Cn.exports, V = k.observable({
     canEdit: {
       immediate: !0,
       handler(i) {
-        V.canEdit = !!i;
+        D.canEdit = !!i;
       }
     }
   },
@@ -6645,7 +6654,7 @@ const vn = Cn.exports, V = k.observable({
     }
   },
   created() {
-    this.setFormValue && (V.setFormValue = this.setDocValue);
+    this.setFormValue && (D.setFormValue = this.setDocValue);
   },
   methods: {
     isValid() {
@@ -6660,7 +6669,7 @@ const vn = Cn.exports, V = k.observable({
     },
     async saveAsTemplate() {
       this.document && this.$modal.show(
-        ae,
+        ie,
         {
           document: this.document,
           onSaveTemplate: this.onSaveTemplate
@@ -6677,13 +6686,13 @@ const vn = Cn.exports, V = k.observable({
     }
   }
 };
-var xn = function() {
+var bn = 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 }) {
     return [t("IsPremiumPreStep", { attrs: { feature: "documents" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
-      return [t("div", { staticStyle: { flex: "1", display: "inline-flex", "justify-content": "flex-end" } }, [e._t("nav-right-action", function() {
+      return [t("div", { key: e.canDoActions, staticStyle: { flex: "1", display: "inline-flex", "justify-content": "flex-end" } }, [e._t("nav-right-action", function() {
         return [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(s) {
           a || e.document.id ? e.openSendModal() : n({ callback: e.openSendModal });
         } } }, [e._v(" " + e._s(e.$t("_common:reviewSend")) + " ")]), 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(s) {
@@ -6691,7 +6700,7 @@ var xn = function() {
         } } }, [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: e.saveAsTemplate } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")])], 1)], 1)];
       })], 2)];
     } }], null, !0) })];
-  } }], null, !1, 4167921294) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
+  } }], null, !1, 2694380453) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
     expiresAt: "data.expiresAt",
     personalMessage: "data.personalMessage",
     defaultAnswerMethod: "data.defaultAnswerMethod",
@@ -6699,113 +6708,20 @@ var xn = function() {
     reminders: "data.reminders",
     name: "data.name"
   }, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "on-save-document": e.onSaveDocument } }), e.showDrawer ? t("portal", { attrs: { to: "drawer-content" } }) : e._e()], 1) : e._e();
-}, wn = [], bn = /* @__PURE__ */ c(
-  yn,
-  xn,
+}, _n = [], kn = /* @__PURE__ */ c(
   wn,
+  bn,
+  _n,
   !1,
   null,
   null,
   null,
   null
 );
-const _n = bn.exports;
-const kn = {
-  name: "ClientLinks",
-  props: {
-    id: {
-      type: String,
-      required: !0
-    }
-  },
-  i18nOptions: {
-    namespaces: "ClientLinks",
-    messages: {
-      en: {
-        title: "Document links",
-        text: "Share the document links below with your recipients. Each recipient has their own unique link.",
-        copied: "Link copied to clipboard",
-        tooltip: "Copy link",
-        placeholder: "No links available.",
-        hint: "Note that visting a link will trigger a viewed event in the events timeline."
-      },
-      sv: {
-        title: "Dokumentlänkar",
-        text: "Dela dokumentlänkarna nedan med dina mottagare. Varje mottagare har sin egen unika länk.",
-        copied: "Länkt kopierat till urklipp",
-        tooltip: "Kopiera länk",
-        placeholder: "Inga länkar finns tillgängliga.",
-        hint: "Notera att ett sidbesök på en länk kommer att skapa en visad-händelse i tidslinjen."
-      }
-    }
-  },
-  computed: {
-    ...g({
-      docById: "documents2/byId"
-    }),
-    document() {
-      return this.docById(this.id);
-    },
-    clients() {
-      if (!this.document)
-        return [];
-      const { clients: i } = this.document;
-      return i.map((e) => ({
-        ...e,
-        primaryTitle: e.name,
-        secondaryTitle: e.type === "company" ? e.companyName : ""
-      }));
-    }
-  },
-  created() {
-    this.loadDocument({ id: this.id });
-  },
-  methods: {
-    ...y({
-      loadDocument: m.LOAD_DOCUMENT2
-    }),
-    copyToClipboard(i) {
-      i.target.previousElementSibling.select(), document.execCommand("copy", !1), j("info", this.$t("copied"));
-    }
-  }
-};
-var Ln = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "font-inter", staticStyle: { "background-color": "white", "border-radius": "10px", overflow: "hidden" } }, [t("div", { staticStyle: { padding: "40px 30px", position: "relative" } }, [t("CButton", { staticStyle: { position: "absolute", right: "1em", top: "1em", color: "hsl(0, 0%, 55%)" }, attrs: { icon: "x", circle: "", size: "normal" }, on: { click: function(a) {
-    return e.$emit("close");
-  } } }), t("div", { staticStyle: { padding: "0 0 2.5em" } }, [t("div", { staticClass: "x-title", domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticClass: "x-text", domProps: { textContent: e._s(e.$t("text")) } })]), e.clients.length ? e._l(e.clients, function(a, n) {
-    return t("div", { key: n, staticClass: "client-card" }, [t("div", { staticStyle: { padding: "4px 6px 8px 6px" } }, [t("div", { staticClass: "client-title truncate-text" }, [e._v(" " + e._s(a.primaryTitle) + " "), a.secondaryTitle ? t("span", { staticStyle: { opacity: "0.5", "padding-left": "0.125ch" } }, [e._v("· " + e._s(a.secondaryTitle))]) : e._e()]), a.documentRole ? t("div", { domProps: { textContent: e._s(e.$t(`_common:documentRole.${a.documentRole}.label`)) } }) : e._e(), t("div", [a.email ? t("a", { attrs: { href: `mailto:${a.email}?&body=${a.docLink}` } }, [e._v(e._s(a.email))]) : e._e(), a.email && a.cellphone ? t("span", { staticStyle: { padding: "0 0.5ch" } }, [e._v("·")]) : e._e(), a.cellphone ? t("a", { attrs: { href: `sms:${a.cellphone}?&body=${a.docLink}` } }, [t("CPhoneFormat", { attrs: { phone: a.cellphone, region: a.cellphoneRegion } })], 1) : e._e()])]), t("div", { staticStyle: { display: "flex", position: "relative" } }, [t("input", { ref: "key", refInFor: !0, staticClass: "link-field truncate-text", attrs: { placeholder: e.$t("placeholder"), type: "text", readonly: "readonly" }, domProps: { value: a.docLink } }), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("tooltip"), expression: "$t('tooltip')" }], staticClass: "clipboard-button", on: { click: e.copyToClipboard } }, [t("BaseIcon", { staticStyle: { "pointer-events": "none" }, attrs: { type: "copy", size: "17" } })], 1)])]);
-  }) : t("div", { staticStyle: { padding: "2em", "font-size": "14px", "text-align": "center", color: "hsl(0, 0%, 55%)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "6px" }, domProps: { textContent: e._s(e.$t("placeholder")) } }), t("div", { staticClass: "x-hint" }, [t("BaseIcon", { staticClass: "text-primary-500", staticStyle: { flex: "0 0 auto", "margin-right": "8px", "margin-top": "3px" }, attrs: { type: "info", size: "16" } }), t("div", { domProps: { textContent: e._s(e.$t("hint")) } })], 1)], 2)]);
-}, $n = [], Sn = /* @__PURE__ */ c(
-  kn,
-  Ln,
-  $n,
-  !1,
-  null,
-  "791a9a8f",
-  null,
-  null
-);
-const Tn = Sn.exports, Dn = Tn, Vn = ({ id: i }) => {
-  if (!k.prototype.$modal)
-    throw Error("Open client modal requires plugin vue-js-modal");
-  k.prototype.$modal.show(
-    Dn,
-    {
-      id: i
-    },
-    {
-      adaptive: !0,
-      maxWidth: 400,
-      width: "90%",
-      height: "auto",
-      scrollable: !0
-    }
-  );
-};
-const Bn = {
-  name: "PostDocumentSend",
-  mixins: [L],
+const Ln = kn.exports;
+const $n = {
+  name: "DocumentPostSendStep",
+  mixins: [k],
   i18nOptions: {
     namespaces: "PostDocumentSend",
     messages: {
@@ -6840,7 +6756,7 @@ const Bn = {
       return this.mq === "sm" ? "100%" : "auto";
     },
     usesManualDelivery() {
-      const i = H(this.document);
+      const i = V(this.document);
       return !i.sms && !i.email;
     }
   },
@@ -6849,18 +6765,18 @@ const Bn = {
     (i = this.document) != null && i.senderClient ? await this.senderAnswer() : await this.onSend();
   },
   methods: {
-    ...y({
+    ...x({
       updateDocument: m.DO_UPDATE_DOCUMENT2,
       answerDocument: m.ANSWER_OWN_DOCUMENT2,
       sendDocument: m.DO_SEND_DOCUMENT2
     }),
     async handleDocumentLinks() {
-      const { id: i } = this.document, e = H(this.document), t = !e.sms && !e.email;
+      const { id: i } = this.document, e = V(this.document), t = !e.sms && !e.email;
       t && (await this.updateDocument({
         id: i,
         body: { status: "sent" },
         showMessage: !1
-      }), Vn({ id: i })), t || setTimeout(() => this.close(), 2e3);
+      }), h1({ id: i })), t || setTimeout(() => this.close(), 2e3);
     },
     async onSend() {
       typeof this.onSendFunc == "function" && this.onSendFunc(this.document), await this.handleDocumentLinks();
@@ -6879,7 +6795,7 @@ const Bn = {
         body: { isAccepted: !0 },
         checksum: a
       }), await this.sendDocument({ id: i }), this.onSend()) : (this.$modal.show(
-        mt,
+        f1,
         {
           _document: this.document,
           fullScreen: this.modalHeight === "100%",
@@ -6923,22 +6839,22 @@ const Bn = {
     }
   }
 };
-var Mn = function() {
+var Sn = 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)]);
-}, In = [], Fn = /* @__PURE__ */ c(
-  Bn,
-  Mn,
-  In,
+}, Tn = [], Dn = /* @__PURE__ */ c(
+  $n,
+  Sn,
+  Tn,
   !1,
   null,
-  "1f679c67",
+  "673cd86f",
   null,
   null
 );
-const Hn = Fn.exports;
-k.use(st);
-const An = {
+const Vn = Dn.exports;
+B.use(o1);
+const Mn = {
   name: "DocForm",
   mixins: [Ge(["closeFunc", "beforeSave", "beforeSend"])],
   i18nOptions: {
@@ -6953,9 +6869,9 @@ const An = {
     }
   },
   components: {
-    TemplateSelector: x2,
-    DocumentForm: _n,
-    PostSend: Hn
+    TemplateSelector: b2,
+    DocumentForm: Ln,
+    PostSend: Vn
   },
   props: {
     isNew: {
@@ -7026,7 +6942,7 @@ const An = {
     },
     async onTemplateSelect({ templateId: i, documentId: e, formData: t }) {
       var n;
-      const a = E1({ ...this.rawDoc }, [
+      const a = Zt({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
         "clients",
@@ -7053,7 +6969,8 @@ const An = {
     async onSaveDocument({ doSend: i = !1 } = {}) {
       typeof this.beforeSave == "function" && await this.beforeSave(), i && typeof this.beforeSend == "function" && await this.beforeSend();
       const e = await this.saveDocument({ doSend: i }), t = this.docById(e);
-      i && (t != null && t.senderClient) ? (this.document = t, this.view = "postSend") : this.close();
+      let a;
+      i && (a = !!(t != null && t.senderClient) || this.isManualDelivery(t)), a ? (this.document = t, this.view = "postSend") : this.close();
     },
     close() {
       if (this.closeFunc)
@@ -7065,23 +6982,27 @@ const An = {
     },
     goBack() {
       this.view = "templateSelect", this.setDocValue({ key: "__isNew", value: !0 });
+    },
+    isManualDelivery(i) {
+      const e = V(i);
+      return !e.sms && !e.email;
     }
   }
 };
-var Pn = function() {
+var Bn = 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, "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.goBack, "can-show-banner": !1 } }) : t("PostSend", { attrs: { document: e.document, "on-send-func": e.close, "on-close-func": e.close } })], 1);
-}, En = [], zn = /* @__PURE__ */ c(
-  An,
-  Pn,
-  En,
+}, In = [], Fn = /* @__PURE__ */ c(
+  Mn,
+  Bn,
+  In,
   !1,
   null,
   null,
   null,
   null
 );
-const ys = zn.exports;
+const fs = Fn.exports;
 export {
-  ys as default
+  fs as default
 };