@cling-se/widget 0.9.16 → 0.9.17

package/dist/{DocForm-91ae8830.js → DocForm-bf97c67e.js}

@@ -1,108 +1,108 @@
-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-9e6f1eed.js";
+import { aZ as pe, a_ as ue, a$ as U, b0 as me, b1 as W, b2 as q, b3 as he, b4 as fe, b5 as ge, b6 as Ce, j as ve, g as m, n as c, s as N, b as u, av as ye, c as f, C as j, b7 as xe, b8 as we, h as T, b9 as be, ba as _e, A as ke, bb as Le, bc as $e, aY as Se, bd as Te, N as d, a4 as h, aT as y, be as De, bf as Ve, bg as Be, bh as Me, D as Ie, bi as Fe, d as He, i as k, H as Ae, S as Pe, ap as Ee, ae as ze, bj as Ze, V as F, aV as K, aW as Y, I as A, bk as V, aX as Oe, bl as Ge, bm as M, r as Re, m as Ue, a as We, bn as qe } from "./main-9daa18a1.js";
 import { m as g, a as x } from "./vuex.esm-4a0fff7c.js";
-import "./index-df5fd2b2.js";
-import { v as M } from "./index-805c56e4.js";
-import { d as I, w as k } from "./CDropdownItem-13f6bf72.js";
-import { b as Ne, I as F, c as je, a as Y } from "./IsPremiumPreStep-4bc3a874.js";
-import { D as Ke, l as Ye, g as Qe, W as Je, b as Xe, a as e1 } from "./DocumentLayout-1222a5f8.js";
-import { s as b } from "./simplebar.min-2c8e9500.js";
-import { B as t1 } from "./BlockMedia-0f41fb43.js";
-import { c as i1, g as a1 } from "./template-35be25a1.js";
-import { a as n1 } from "./tinycolor-e0dc7ddf.js";
-import { m as L } from "./mapFormMixin-afafb1fa.js";
-import { S as s1, C as Q, i as o1 } from "./formComponentsInstall-12195b8b.js";
-import { s as v, f as l1 } from "./focusDrawerMixin-188ef585.js";
-import { f as r1 } from "./formValidationMixin-e54b71c9.js";
-import { F as J, d as c1 } from "./tippy.esm-112598e3.js";
-import { S as d1 } from "./CSlider.vue_vue_type_style_index_0_lang-879e8c05.js";
-import { o as p1, d as u1 } from "./vuedraggable.umd-9543559a.js";
-import { s as m1 } from "./dom-d4731032.js";
-import { o as h1 } from "./index-bed8fb27.js";
-import f1 from "./AnswerModal-73bfc112.js";
+import "./index-a0dcb949.js";
+import { v as I } from "./index-805c56e4.js";
+import { d as H, w as L } from "./CDropdownItem-ef2d7897.js";
+import { a as $, I as b, b as Ne, c as je } from "./IsPremiumPreStep-b1384bb4.js";
+import { D as Ke, l as Ye, g as Qe, W as Je, b as Xe, a as e1 } from "./DocumentLayout-632a6f98.js";
+import { s as _ } from "./simplebar.min-8422a634.js";
+import { B as t1 } from "./BlockMedia-354eff33.js";
+import { c as i1, g as a1 } from "./template-282dfd7f.js";
+import { a as n1 } from "./tinycolor-e750ced7.js";
+import { m as S } from "./mapFormMixin-1236b266.js";
+import { S as s1, C as Q, i as o1 } from "./formComponentsInstall-ea9fe0f1.js";
+import { f as l1 } from "./formValidationMixin-20797066.js";
+import { s as v } from "./formDrawerState-872f6c63.js";
+import { F as J, d as r1 } from "./tippy.esm-ae169d52.js";
+import { S as c1 } from "./CSlider.vue_vue_type_style_index_0_lang-4a1c5561.js";
+import { o as d1, d as p1 } from "./vuedraggable.umd-e860e729.js";
+import { s as u1 } from "./dom-d4731032.js";
+import { o as m1 } from "./index-b6204795.js";
+import h1 from "./AnswerModal-f00b2576.js";
 import "./anime.es-e284c852.js";
-import "./image-4270bed4.js";
+import "./image-c4536036.js";
 import "./color-71c20583.js";
-import "./BaseDatePicker-1e3422da.js";
-import "./ErrorCallout-d7d78926.js";
-import "./AddClientCallout-1348821d.js";
-import "./ClientAutocomplete-94a42966.js";
-import "./SearchApi-c81405a8.js";
-import "./ClientModal-b3ec6c4e.js";
-import "./CCallout-faf80dfb.js";
-import "./CField-1aa7c4ab.js";
+import "./BaseDatePicker-99d99f2b.js";
+import "./ErrorCallout-d05d6cc2.js";
+import "./AddClientCallout-064aede9.js";
+import "./ClientAutocomplete-04d85a96.js";
+import "./SearchApi-b14c893f.js";
+import "./ClientModal-56731bee.js";
+import "./CCallout-764d08cd.js";
+import "./CField-f8b8481d.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ColorPicker-debcfab1.js";
-var g1 = pe, C1 = ue, v1 = G;
-function y1(i, e, t) {
+import "./ColorPicker-15579f77.js";
+var f1 = pe, g1 = ue, C1 = U;
+function v1(i, e, t) {
   for (var a = -1, n = e.length, s = {}; ++a < n; ) {
-    var o = e[a], l = g1(i, o);
-    t(l, o) && C1(s, v1(o, i), l);
+    var o = e[a], l = f1(i, o);
+    t(l, o) && g1(s, C1(o, i), l);
   }
   return s;
 }
-var x1 = y1;
-function w1(i, e) {
+var y1 = v1;
+function x1(i, e) {
   return i != null && e in Object(i);
 }
-var b1 = w1, _1 = me, k1 = U, L1 = "[object Arguments]";
-function $1(i) {
-  return k1(i) && _1(i) == L1;
+var w1 = x1, b1 = me, _1 = W, k1 = "[object Arguments]";
+function L1(i) {
+  return _1(i) && b1(i) == k1;
 }
-var S1 = $1, A = S1, T1 = U, X = Object.prototype, D1 = X.hasOwnProperty, V1 = X.propertyIsEnumerable, M1 = A(function() {
+var $1 = L1, P = $1, S1 = W, X = Object.prototype, T1 = X.hasOwnProperty, D1 = X.propertyIsEnumerable, V1 = P(function() {
   return arguments;
-}()) ? A : function(i) {
-  return T1(i) && D1.call(i, "callee") && !V1.call(i, "callee");
-}, ee = M1, B1 = 9007199254740991;
-function I1(i) {
+}()) ? P : function(i) {
+  return S1(i) && T1.call(i, "callee") && !D1.call(i, "callee");
+}, ee = V1, B1 = 9007199254740991;
+function M1(i) {
   return typeof i == "number" && i > -1 && i % 1 == 0 && i <= B1;
 }
-var F1 = I1, H1 = G, A1 = ee, P1 = W, E1 = he, z1 = F1, Z1 = fe;
-function O1(i, e, t) {
-  e = H1(e, i);
+var I1 = M1, F1 = U, H1 = ee, A1 = q, P1 = he, E1 = I1, z1 = fe;
+function Z1(i, e, t) {
+  e = F1(e, i);
   for (var a = -1, n = e.length, s = !1; ++a < n; ) {
-    var o = Z1(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 && z1(n) && E1(o, n) && (P1(i) || A1(i)));
+  return s || ++a != n ? s : (n = i == null ? 0 : i.length, !!n && E1(n) && P1(o, n) && (A1(i) || H1(i)));
 }
-var R1 = O1, G1 = b1, U1 = R1;
-function W1(i, e) {
-  return i != null && U1(i, e, G1);
+var O1 = Z1, G1 = w1, R1 = O1;
+function U1(i, e) {
+  return i != null && R1(i, e, G1);
 }
-var q1 = W1, N1 = x1, j1 = q1;
-function K1(i, e) {
-  return N1(i, e, function(t, a) {
-    return j1(i, a);
+var W1 = U1, q1 = y1, N1 = W1;
+function j1(i, e) {
+  return q1(i, e, function(t, a) {
+    return N1(i, a);
   });
 }
-var Y1 = K1;
-function Q1(i, e) {
+var K1 = j1;
+function Y1(i, e) {
   for (var t = -1, a = e.length, n = i.length; ++t < a; )
     i[n + t] = e[t];
   return i;
 }
-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 Q1 = Y1, E = ge, J1 = ee, X1 = q, z = E ? E.isConcatSpreadable : void 0;
+function et(i) {
+  return X1(i) || J1(i) || !!(z && i && i[z]);
 }
-var it = tt, at = J1, nt = it;
+var tt = et, it = Q1, at = tt;
 function te(i, e, t, a, n) {
   var s = -1, o = i.length;
-  for (t || (t = nt), n || (n = []); ++s < o; ) {
+  for (t || (t = at), n || (n = []); ++s < o; ) {
     var l = i[s];
-    e > 0 && t(l) ? e > 1 ? te(l, e - 1, t, a, n) : at(n, l) : a || (n[n.length] = l);
+    e > 0 && t(l) ? e > 1 ? te(l, e - 1, t, a, n) : it(n, l) : a || (n[n.length] = l);
   }
   return n;
 }
-var st = te, ot = st;
-function lt(i) {
+var nt = te, st = nt;
+function ot(i) {
   var e = i == null ? 0 : i.length;
-  return e ? ot(i, 1) : [];
+  return e ? st(i, 1) : [];
 }
-var rt = lt;
-function ct(i, e, t) {
+var lt = ot;
+function rt(i, e, t) {
   switch (t.length) {
     case 0:
       return i.call(e);
@@ -115,56 +115,56 @@ function ct(i, e, t) {
   }
   return i.apply(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; )
+var ct = rt, dt = ct, Z = Math.max;
+function pt(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), pt(i, this, l);
+    return l[e] = t(o), dt(i, this, l);
   };
 }
-var mt = ut;
-function ht(i) {
+var ut = pt;
+function mt(i) {
   return function() {
     return i;
   };
 }
-var ft = ht;
-function gt(i) {
+var ht = mt;
+function ft(i) {
   return i;
 }
-var Ct = gt, vt = ft, Z = Ce, yt = Ct, xt = Z ? function(i, e) {
-  return Z(i, "toString", {
+var gt = ft, Ct = ht, O = Ce, vt = gt, yt = O ? function(i, e) {
+  return O(i, "toString", {
     configurable: !0,
     enumerable: !1,
-    value: vt(e),
+    value: Ct(e),
     writable: !0
   });
-} : yt, wt = xt, bt = 800, _t = 16, kt = Date.now;
-function Lt(i) {
+} : vt, xt = yt, wt = 800, bt = 16, _t = Date.now;
+function kt(i) {
   var e = 0, t = 0;
   return function() {
-    var a = kt(), n = _t - (a - t);
+    var a = _t(), n = bt - (a - t);
     if (t = a, n > 0) {
-      if (++e >= bt)
+      if (++e >= wt)
         return arguments[0];
     } else
       e = 0;
     return i.apply(void 0, arguments);
   };
 }
-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 Lt = kt, $t = xt, St = Lt, Tt = St($t), Dt = Tt, Vt = lt, Bt = ut, Mt = Dt;
+function It(i) {
+  return Mt(Bt(i, void 0, Vt), i + "");
 }
-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 = {
+var Ft = It, Ht = K1, At = Ft, Pt = At(function(i, e) {
+  return i == null ? {} : Ht(i, e);
+}), Et = Pt;
+const zt = /* @__PURE__ */ ve(Et);
+const Zt = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
     messages: {
@@ -217,7 +217,7 @@ const Ot = {
   },
   validations: {
     name: {
-      required: M.requiredIf((i) => !i.updateExistingDocTemplate)
+      required: I.requiredIf((i) => !i.updateExistingDocTemplate)
     }
   },
   computed: {
@@ -298,7 +298,7 @@ const Ot = {
     }
   }
 };
-var Rt = function() {
+var Ot = 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;
@@ -307,9 +307,9 @@ var Rt = 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);
-}, Gt = [], Ut = /* @__PURE__ */ c(
+}, Gt = [], Rt = /* @__PURE__ */ c(
+  Zt,
   Ot,
-  Rt,
   Gt,
   !1,
   null,
@@ -317,8 +317,8 @@ var Rt = function() {
   null,
   null
 );
-const ie = Ut.exports;
-function Wt(i, { availableProducts: e }) {
+const ie = Rt.exports;
+function Ut(i, { availableProducts: e }) {
   if (!i)
     throw new Error("Missing parameter templateId");
   const t = e, a = Object.keys(t).find((n) => {
@@ -331,7 +331,7 @@ function Wt(i, { availableProducts: e }) {
   });
   return a ? t[a] : null;
 }
-async function qt(i) {
+async function Wt(i) {
   if (!i)
     throw new Error("Missing argument stripeProduct");
   const e = i == null ? void 0 : i.prices[0], { data: t } = await ye.createCheckoutSession({
@@ -349,18 +349,20 @@ async function qt(i) {
 function ae(i, { availableProducts: e }) {
   var n, s, o;
   let t = null;
-  const a = Wt(i.templateId, { availableProducts: e });
+  const a = Ut(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 }),
+    price: N((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 () => qt(a)
+    onBuy: async () => Wt(a)
   }), t;
 }
-const Nt = {
+const qt = {
   name: "GalleryTemplateModal",
   components: {
-    simplebar: b,
-    DocumentLayout: Ke
+    simplebar: _,
+    DocumentLayout: Ke,
+    IsPremium: $,
+    IsPremiumPreStep: b
   },
   props: {
     // Instance of template
@@ -385,6 +387,10 @@ const Nt = {
       type: Boolean,
       default: !0
     },
+    isPublicForm: {
+      type: Boolean,
+      default: !1
+    },
     // Function to call when trying to save tpl, needed as we use return value to show correct button text
     onSaveTemplate: {
       type: Function,
@@ -423,7 +429,7 @@ const Nt = {
       stripeProducts: "stripe/products"
     }),
     previewDocument() {
-      const { data: i, defaultData: e } = this.template, t = new N({
+      const { data: i, defaultData: e } = this.template, t = new j({
         data: {
           ...e,
           template: i,
@@ -476,25 +482,36 @@ const Nt = {
     }
   }
 };
-var jt = function() {
-  var a, n;
+var Nt = function() {
+  var a;
   var e = this, t = e._self._c;
   return t("div", { staticClass: "bg-gray-200 template-modal font-inter" }, [t("div", { staticStyle: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", "box-shadow": "rgb(244, 244, 244) 0px 2px 14px 0px inset, 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: {
     backgroundImage: `url(${e.meta.author.avatar})`
-  } }), t("div", { staticStyle: { "margin-left": "0.5em" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.meta.author.name))]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px" } }, [e.meta.author.templatesCount ? [e._v(" " + e._s(e.meta.author.templatesCount) + " " + e._s(e.$t("_common:template", { count: e.meta.author.templatesCount })) + " ")] : [e._v(e._s(e.$t("_common:template").capitalize()))]], 2)])]) : e._e()]), t("div", { staticStyle: { "padding-bottom": "2em" } }, [e.product ? [e.privateProduct.isPurchased ? t("div", { staticClass: "flex items-center gap-2 p-1 mb-5 text-sm border border-gray-300 rounded-full bg-gray-300/60" }, [t("div", { staticClass: "flex items-center justify-center w-5 h-5 rounded-full bg-primary-500" }, [t("BaseIcon", { staticClass: "text-white", attrs: { type: "check", size: "12" } })], 1), t("div", { staticClass: "text-xs font-medium text-gray-700", domProps: { textContent: e._s(e.$t("_common:purchased", { thing: e.$t("_common:template") })) } })]) : t("CButton", { staticClass: "text-left !justify-start !px-4", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.buyTemplate } }, [t("div", [e._v(" " + e._s(e.$t("_common:buy", { thing: e.$t("_common:template") })) + " ")]), t("div", { staticClass: "absolute py-1.5 px-2 text-sm leading-none text-white -translate-y-1/2 border rounded-md right-2 top-1/2 bg-primary-400/80 border-primary-600/60", domProps: { textContent: e._s(e.privateProduct.price) } })])] : e._e(), !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)])]);
-}, Kt = [], Yt = /* @__PURE__ */ c(
+  } }), t("div", { staticStyle: { "margin-left": "0.5em" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.meta.author.name))]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px" } }, [e.meta.author.templatesCount ? [e._v(" " + e._s(e.meta.author.templatesCount) + " " + e._s(e.$t("_common:template", { count: e.meta.author.templatesCount })) + " ")] : [e._v(e._s(e.$t("_common:template").capitalize()))]], 2)])]) : e._e()]), t("div", { staticStyle: { "padding-bottom": "2em" } }, [e.product ? [e.privateProduct.isPurchased ? t("div", { staticClass: "flex items-center gap-2 p-1 mb-5 text-sm border border-gray-300 rounded-full bg-gray-300/60" }, [t("div", { staticClass: "flex items-center justify-center w-5 h-5 rounded-full bg-primary-500" }, [t("BaseIcon", { staticClass: "text-white", attrs: { type: "check", size: "12" } })], 1), t("div", { staticClass: "text-xs font-medium text-gray-700", domProps: { textContent: e._s(e.$t("_common:purchased", { thing: e.$t("_common:template") })) } })]) : t("CButton", { staticClass: "text-left !justify-start !px-4", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.buyTemplate } }, [t("div", [e._v(" " + e._s(e.$t("_common:buy", { thing: e.$t("_common:template") })) + " ")]), t("div", { staticClass: "absolute py-1.5 px-2 text-sm leading-none text-white -translate-y-1/2 border rounded-md right-2 top-1/2 bg-primary-400/80 border-primary-600/60", domProps: { textContent: e._s(e.privateProduct.price) } })])] : e._e(), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseTemplate: n }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
+      return [!e.product || e.privateProduct.isPurchased ? t("CButton", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { disabled: e.product ? !e.privateProduct.isPurchased : !1, type: "secondary", wide: "" }, on: { click: function(o) {
+        e.isPublicForm || n ? e.useSelectedTemplate() : s({ callback: e.useSelectedTemplate });
+      } } }, [e._v(" " + e._s(e.$t("_common:use", { thing: e.$t("_common:template") })) + " ")]) : e._e()];
+    } }], null, !0) })];
+  } }]) }), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: n }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
+      var o;
+      return [(e.product ? (o = e.product) != null && o.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(l) {
+        e.didSave || (e.isPublicForm || n ? e.saveAsTemplate() : s({ callback: e.saveAsTemplate }));
+      } } }, [e._v(" " + e._s(e.didSave ? e.$t("_common:savedThing", { thing: e.$t("_common:template") }) : e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")]) : e._e()];
+    } }], null, !0) })];
+  } }]) })], 2)])]);
+}, jt = [], Kt = /* @__PURE__ */ c(
+  qt,
   Nt,
   jt,
-  Kt,
   !1,
   null,
-  "07b93fb2",
+  "80ae04ae",
   null,
   null
 );
-const Qt = Yt.exports, Jt = {
+const Yt = Kt.exports, Qt = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -622,7 +639,7 @@ const Qt = Yt.exports, Jt = {
         const s = this.templateGalleryItems.find(({ id: o }) => o === i);
         this.selectGalleryItem(s);
       } catch (s) {
-        $(s);
+        T(s);
       }
   },
   methods: {
@@ -646,7 +663,7 @@ const Qt = Yt.exports, Jt = {
           return t;
         }), this.availableCategoryKeys = e.reduce((t, a) => [.../* @__PURE__ */ new Set([...t, ...a.categories])], []);
       } catch (e) {
-        $(e);
+        T(e);
       } finally {
         this.isLoading = !1;
       }
@@ -682,7 +699,7 @@ const Qt = Yt.exports, Jt = {
         fortnoxCom: "/img/fortnox/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        Qt,
+        Yt,
         {
           template: i,
           fetchGallery: this.fetchGallery,
@@ -737,19 +754,19 @@ const Qt = Yt.exports, Jt = {
       selectGalleryItem: this.selectGalleryItem
     });
   }
-}, Xt = null, e2 = null;
-var t2 = /* @__PURE__ */ c(
+}, Jt = null, Xt = null;
+var e2 = /* @__PURE__ */ c(
+  Qt,
   Jt,
   Xt,
-  e2,
   !1,
   null,
   null,
   null,
   null
 );
-const i2 = t2.exports;
-const a2 = {
+const t2 = e2.exports;
+const i2 = {
   name: "DocumentIcon",
   truncate: ke,
   inject: {
@@ -760,7 +777,7 @@ const a2 = {
     }
   }
 };
-var n2 = function(e, t) {
+var a2 = function(e, t) {
   return e("div", t._b({ key: t.data.key, staticClass: "item", class: [
     t.data.staticClass,
     t.data.class,
@@ -774,21 +791,21 @@ var n2 = 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)]);
-}, s2 = [], o2 = /* @__PURE__ */ c(
+}, n2 = [], s2 = /* @__PURE__ */ c(
+  i2,
   a2,
   n2,
-  s2,
   !0,
   null,
   "7ebb1c9a",
   null,
   null
 );
-const l2 = o2.exports;
-const r2 = {
+const o2 = s2.exports;
+const l2 = {
   name: "HorizontalScroll",
   components: {
-    Simplebar: b
+    Simplebar: _
   },
   data() {
     return {
@@ -832,7 +849,7 @@ const r2 = {
     }
   }
 };
-var c2 = function() {
+var r2 = 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);
@@ -845,18 +862,18 @@ var c2 = 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)]);
-}, d2 = [], p2 = /* @__PURE__ */ c(
+}, c2 = [], d2 = /* @__PURE__ */ c(
+  l2,
   r2,
   c2,
-  d2,
   !1,
   null,
   "15f25c8e",
   null,
   null
 );
-const u2 = p2.exports;
-const m2 = {
+const p2 = d2.exports;
+const u2 = {
   name: "DocumentFormRecent",
   i18nOptions: {
     namespaces: "DocumentFormRecent",
@@ -871,6 +888,10 @@ const m2 = {
       }
     }
   },
+  components: {
+    IsPremium: $,
+    IsPremiumPreStep: b
+  },
   data() {
     return {
       hasItems: !1,
@@ -923,7 +944,7 @@ const m2 = {
       }), { items: n = [] } = a || {};
       return n;
     },
-    onLoadDocuments: I(async function() {
+    onLoadDocuments: H(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;
@@ -932,38 +953,51 @@ const m2 = {
       await this.loadDocument({ id: i });
       const e = this.docById(i);
       this.$emit("save-template", { document: e });
+    },
+    onUseDocTemplate(i) {
+      return this.$emit("use-doc-template", { documentId: i });
     }
   }
 };
-var h2 = function() {
+var m2 = 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;
   }, expression: "query" } }) : e._e()], 2), t("div", { staticClass: "recent-list" }, [e.isLoading && !e.list.length ? e._l(3, function(a) {
     return t("div", { key: a, staticClass: "recent-item placeholder" }, [t("CSkeleton", { staticClass: "recent-item-name", attrs: { width: "60%" } }), t("CSkeleton", { attrs: { width: "35%" } })], 1);
-  }) : !e.isLoading && !e.query && !e.list.length ? t("div", { staticClass: "p-4 text-center text-gray-400 bg-gray-100 border border-gray-200 rounded-md", staticStyle: { "font-size": "15px" } }, [e._v(" " + e._s(e.$t("emptyPlaceholder")) + " ")]) : e.query && !e.isLoading && !e.list.length ? t("div", { staticClass: "text-center text-gray-400", staticStyle: { padding: "1em" } }, [e._v(" " + e._s(e.$t("noResults")) + " ")]) : e._l(e.list, function(a, n) {
-    return t("div", { key: a._id, staticClass: "recent-item", on: { click: function(s) {
-      return e.$emit("use-doc-template", { documentId: a._id });
-    }, "&mouseover": function(s) {
-      e.hoverIndex = n;
-    }, "&mouseleave": function(s) {
-      e.hoverIndex = null;
-    } } }, [t("div", { staticClass: "recent-item-name", class: { "text-gray-400": !a.data.name } }, [e._v(" " + e._s(a.data.name || e.$t("_common:untitled")) + " ")]), t("div", [e._v(e._s(e.$formatDistanceToNow(a.createdAt)))]), e.hoverIndex === n ? t("div", { staticStyle: { display: "inline-flex", "align-items": "center", position: "absolute", right: "1em", top: "50%", transform: "translateY(-50%)" } }, [t("CButton", { staticStyle: { "margin-left": "1em" }, attrs: { size: "small" }, nativeOn: { click: function(s) {
-      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)]);
-}, f2 = [], g2 = /* @__PURE__ */ c(
+  }) : !e.isLoading && !e.query && !e.list.length ? t("div", { staticClass: "p-4 text-center text-gray-400 bg-gray-100 border border-gray-200 rounded-md", staticStyle: { "font-size": "15px" } }, [e._v(" " + e._s(e.$t("emptyPlaceholder")) + " ")]) : e.query && !e.isLoading && !e.list.length ? t("div", { staticClass: "text-center text-gray-400", staticStyle: { padding: "1em" } }, [e._v(" " + e._s(e.$t("noResults")) + " ")]) : [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a, canUseTemplate: n }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
+      return [t("div", e._l(e.list, function(o, l) {
+        return t("div", { key: o._id, staticClass: "recent-item", on: { click: function(r) {
+          n ? e.onUseDocTemplate(o._id) : s({
+            callback: () => e.onUseDocTemplate(o._id)
+          });
+        }, "&mouseover": function(r) {
+          e.hoverIndex = l;
+        }, "&mouseleave": function(r) {
+          e.hoverIndex = null;
+        } } }, [t("div", { staticClass: "recent-item-name", class: { "text-gray-400": !o.data.name } }, [e._v(" " + e._s(o.data.name || e.$t("_common:untitled")) + " ")]), t("div", [e._v(e._s(e.$formatDistanceToNow(o.createdAt)))]), e.hoverIndex === l ? t("div", { staticStyle: { display: "inline-flex", "align-items": "center", position: "absolute", right: "1em", top: "50%", transform: "translateY(-50%)" } }, [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: r }) {
+          return [t("CButton", { staticStyle: { "margin-left": "1em" }, attrs: { size: "small" }, nativeOn: { click: function(p) {
+            p.stopPropagation(), a ? e.onSaveDocumentTemplate(o._id) : r({
+              callback: () => e.onSaveDocumentTemplate(o._id)
+            });
+          } } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")])];
+        } }], null, !0) }), 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()]);
+      }), 0)];
+    } }], null, !0) })];
+  } }]) })]], 2)]);
+}, h2 = [], f2 = /* @__PURE__ */ c(
+  u2,
   m2,
   h2,
-  f2,
   !1,
   null,
-  "0096ccb0",
+  "6746edc1",
   null,
   null
 );
-const C2 = g2.exports;
-const v2 = {
+const g2 = f2.exports;
+const C2 = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -1006,13 +1040,13 @@ const v2 = {
     }
   },
   name: "TemplateSelector",
-  mixins: [k],
+  mixins: [L],
   components: {
-    HorizontalScroll: u2,
-    DocumentIcon: l2,
-    DocumentRecent: C2,
-    GalleryLogic: i2,
-    IsPremiumPreStep: F
+    HorizontalScroll: p2,
+    DocumentIcon: o2,
+    DocumentRecent: g2,
+    GalleryLogic: t2,
+    IsPremiumPreStep: b
   },
   props: {
     // Used for creating documents form project/client views
@@ -1126,7 +1160,7 @@ const v2 = {
         const { data: e } = i, t = Se(e, ["_id", "id", "companyId", "isVisible"]);
         return await this.createTemplate({ body: t }), !0;
       } catch (e) {
-        $(e);
+        T(e);
       }
       return !1;
     },
@@ -1153,13 +1187,13 @@ const v2 = {
       return e;
     },
     canUseTemplate(i) {
-      return i.doConsumeDocumentQuota ? this.canFeature("editDocLayout") : !0;
+      return i.doConsumeDocumentQuota ? this.canFeature("useDocTemplate") : !0;
     }
   }
 };
-var y2 = function() {
+var v2 = 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("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: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: a }) {
     return [t(e.isExpanded ? "div" : "HorizontalScroll", { tag: "component", staticClass: "template-list", class: { "is-expanded": e.isExpanded }, on: { expand: function(n) {
       e.isExpanded = !0;
     } } }, e._l(e.myTemplates, function(n) {
@@ -1202,18 +1236,18 @@ var y2 = 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)]);
-}, x2 = [], w2 = /* @__PURE__ */ c(
+}, y2 = [], x2 = /* @__PURE__ */ c(
+  C2,
   v2,
   y2,
-  x2,
   !1,
   null,
-  "b0c014da",
+  "da389d44",
   null,
   null
 );
-const b2 = w2.exports;
-const _2 = (i) => {
+const w2 = x2.exports;
+const b2 = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -1235,7 +1269,7 @@ const _2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, k2 = (i, e = "en") => [
+}, _2 = (i, e = "en") => [
   { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: h.t("attachment_plural", { lng: e }).capitalize() },
   {
     key: `files-${i}`,
@@ -1244,13 +1278,13 @@ const _2 = (i) => {
       $ref: `${f.api.baseUrl}/schemas/file/1.json`
     }
   }
-], L2 = ({ document: i = null }) => {
+], k2 = ({ document: i = null }) => {
   const e = d(), { language: t } = i || {};
   return {
-    readView: _2(e),
-    validation: k2(e, t)
+    readView: b2(e),
+    validation: _2(e, t)
   };
-}, $2 = () => [
+}, L2 = () => [
   {
     itemId: "presentation",
     itemType: "presentation",
@@ -1258,11 +1292,11 @@ const _2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], S2 = () => ({
-  readView: $2(),
+], $2 = () => ({
+  readView: L2(),
   validation: []
   // all relevant data is either within base doc or company settings etc
-}), T2 = () => {
+}), S2 = () => {
   const i = Array(2).fill().map(() => d());
   return [
     {
@@ -1285,19 +1319,19 @@ const _2 = (i) => {
       // uniqid(),
     }
   ];
-}, D2 = (i = "en") => [
+}, T2 = (i = "en") => [
   {
     key: "multiGroupPricing-title",
     anyOf: [{ type: "string" }, { type: "null" }],
     defaultValue: h.t("components:document.chapters.multiGroupPricing.title", { lng: i })
   }
-], V2 = ({ document: i = null }) => {
+], D2 = ({ document: i = null }) => {
   const { language: e } = i || {};
   return {
-    readView: T2(),
-    validation: D2(e)
+    readView: S2(),
+    validation: T2(e)
   };
-}, M2 = () => [
+}, V2 = () => [
   {
     itemId: "terms",
     itemType: "termsDisclaimer",
@@ -1323,10 +1357,10 @@ const _2 = (i) => {
       { type: "null" }
     ]
   }
-], I2 = () => ({
-  readView: M2(),
+], M2 = () => ({
+  readView: V2(),
   validation: B2()
-}), F2 = () => {
+}), I2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1375,7 +1409,7 @@ const _2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, H2 = () => ({
+}, F2 = () => ({
   clients: [{
     name: "Pernilla P.",
     email: "pernilla@mail.se",
@@ -1385,20 +1419,20 @@ const _2 = (i) => {
     deliveryTypes: ["email"],
     answerMethod: { accept: "signature", deny: "button" }
   }]
-}), A2 = (i = "en") => [
+}), H2 = (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 }) }
-], P2 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+], A2 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const { language: a } = e || {};
   let n = null;
-  return typeof t == "function" ? n = t() : i && (n = H2()), {
-    readView: F2(),
-    validation: A2(a),
+  return typeof t == "function" ? n = t() : i && (n = F2()), {
+    readView: I2(),
+    validation: H2(a),
     // Client / company will for now always exist on doc and in validation
     ...n && { data: n }
   };
-}, E2 = (i) => {
+}, P2 = (i) => {
   const e = Array(3).fill().map(() => d());
   return [
     {
@@ -1427,7 +1461,7 @@ const _2 = (i) => {
       nodeId: e[2]
     }
   ];
-}, z2 = (i) => [
+}, E2 = (i) => [
   {
     key: `estimatedTimeComplete-${i}`,
     type: "object",
@@ -1448,20 +1482,20 @@ const _2 = (i) => {
       }
     }
   }
-], Z2 = (i) => ({
+], z2 = (i) => ({
   [`estimatedTimeComplete-${i}`]: {
     value: 4,
     unitType: "hour"
   }
-}), O2 = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), Z2 = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = Z2(t)), {
-    readView: E2(t),
-    validation: z2(t),
+  return typeof e == "function" ? a = e(t) : i && (a = z2(t)), {
+    readView: P2(t),
+    validation: E2(t),
     ...a && { data: a }
   };
-}, R2 = () => {
+}, O2 = () => {
   const i = Array(3).fill().map(() => d());
   return [
     {
@@ -1504,10 +1538,10 @@ const _2 = (i) => {
       endAt: { anyOf: [{ type: "null" }, { type: "string" }] }
     }
   }
-], U2 = () => ({
-  readView: R2(),
+], R2 = () => ({
+  readView: O2(),
   validation: G2()
-}), W2 = () => {
+}), U2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1573,7 +1607,7 @@ const _2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, q2 = () => [
+}, W2 = () => [
   {
     key: "extraWorkConstruction",
     extraWorkConstruction: {
@@ -1597,11 +1631,11 @@ const _2 = (i) => {
       }
     }
   }
-], N2 = () => ({
-  readView: W2(),
-  validation: q2()
+], q2 = () => ({
+  readView: U2(),
+  validation: W2()
   // Client / company will for now always exist on doc and in validation
-}), j2 = () => {
+}), N2 = () => {
   const i = Array(3).fill().map(() => d());
   return [
     {
@@ -1641,7 +1675,7 @@ const _2 = (i) => {
       nodeId: i[2]
     }
   ];
-}, K2 = () => [
+}, j2 = () => [
   {
     key: "extraWorkTimeImpact",
     anyOf: [
@@ -1665,10 +1699,10 @@ const _2 = (i) => {
       }
     ]
   }
-], Y2 = () => ({
-  readView: j2(),
-  validation: K2()
-}), Q2 = () => {
+], K2 = () => ({
+  readView: N2(),
+  validation: j2()
+}), Y2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1721,13 +1755,13 @@ const _2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, J2 = () => [
+}, Q2 = () => [
   { key: "miscAgreements", anyOf: [{ type: "string" }, { type: null }] },
   { key: "notBinding", type: "boolean" }
-], X2 = () => ({
-  readView: Q2(),
-  validation: J2()
-}), ei = (i) => {
+], J2 = () => ({
+  readView: Y2(),
+  validation: Q2()
+}), X2 = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -1749,22 +1783,22 @@ const _2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, ti = (i) => [
+}, ei = (i) => [
   { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: "" },
   { key: `content-${i}`, anyOf: [{ type: "string" }, { type: "null" }] }
-], ii = (i) => ({
+], ti = (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>"
-}), ai = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), ii = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = ii(t)), {
-    readView: ei(t),
-    validation: ti(t),
+  return typeof e == "function" ? a = e(t) : i && (a = ti(t)), {
+    readView: X2(t),
+    validation: ei(t),
     ...a && { data: a },
     onAddFnName: "conditionalOnAdd"
   };
-}, ni = (i) => [
+}, ai = (i) => [
   {
     itemId: "coverBlock",
     itemType: "coverBlock",
@@ -1774,7 +1808,7 @@ const _2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], si = (i, e = "en") => [
+], ni = (i, e = "en") => [
   {
     key: `coverBlock-${i}`,
     defaultValue: {
@@ -1791,7 +1825,7 @@ const _2 = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/coverBlock/1.json`
   }
-], oi = (i) => ({
+], si = (i) => ({
   [`data.coverBlock-${i}`]: {
     text: "<h1>We know communication</h1>",
     cover: {
@@ -1801,15 +1835,15 @@ const _2 = (i) => {
       blur: 0
     }
   }
-}), li = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+}), oi = ({ 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 = oi(a)), {
-    readView: ni(a),
-    validation: si(a, n),
+  return typeof t == "function" ? s = t(a) : i && (s = si(a)), {
+    readView: ai(a),
+    validation: ni(a, n),
     ...s && { data: s }
   };
-}, ri = ({ language: i = "en" } = {}) => {
+}, li = ({ language: i = "en" } = {}) => {
   const e = (t) => h.t(`components:account.documentForm.contentItems.coverBlock.${t}`, {
     lng: i
   });
@@ -1954,7 +1988,7 @@ const _2 = (i) => {
       })
     }
   ];
-}, ci = (i) => [
+}, ri = (i) => [
   {
     itemId: `header-${i}`,
     itemType: "header",
@@ -1964,7 +1998,7 @@ const _2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], di = (i, e = null) => {
+], ci = (i, e = null) => {
   const {
     language: t = "en",
     name: a = "",
@@ -2016,7 +2050,7 @@ const _2 = (i) => {
       }
     }
   ];
-}, pi = (i) => ({
+}, di = (i) => ({
   [`data.header-${i}`]: {
     layout: "vertical",
     baseStyle: { textAlign: "left", textColor: "#FFFFFF" },
@@ -2046,15 +2080,15 @@ const _2 = (i) => {
       }
     ]
   }
-}), ui = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+}), pi = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const a = d();
   let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = pi(a)), {
-    readView: ci(a),
-    validation: di(a, e),
+  return typeof t == "function" ? n = t(a) : i && (n = di(a)), {
+    readView: ri(a),
+    validation: ci(a, e),
     ...n && { data: n }
   };
-}, mi = ({ language: i = "en" } = {}) => {
+}, ui = ({ language: i = "en" } = {}) => {
   const e = (t) => h.t(`components:account.documentForm.contentItems.header.${t}`, {
     lng: i,
     interpolation: { prefix: "__", suffix: "__" }
@@ -2354,7 +2388,7 @@ h.loadOptions({
     }
   }
 });
-const hi = (i) => {
+const mi = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -2379,7 +2413,7 @@ const hi = (i) => {
       nodeId: e[1]
     }
   ];
-}, fi = (i, e = "en") => [
+}, hi = (i, e = "en") => [
   {
     key: `packageGroups.${i}`,
     validationKey: "packageGroups",
@@ -2399,11 +2433,11 @@ const hi = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/packageGroups/1.json`
   }
-], gi = () => null, Ci = ({ includeMockData: i, document: e = null, contentData: t = null } = {}) => {
+], fi = () => null, gi = ({ 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 = gi());
-  const o = hi(a), l = fi(a, n);
+  typeof t == "function" ? s = t(a) : i && (s = fi());
+  const o = mi(a), l = hi(a, n);
   return {
     readView: o,
     validation: l,
@@ -2495,7 +2529,7 @@ h.loadOptions({
     }
   }
 });
-const vi = ({
+const Ci = ({
   language: i = "en",
   currency: e = "USD",
   _getters: t,
@@ -2852,7 +2886,7 @@ const vi = ({
       }
     }
   ];
-}, yi = (i) => [
+}, vi = (i) => [
   {
     itemId: "embed",
     itemType: "embed",
@@ -2866,7 +2900,7 @@ const vi = ({
     parentId: "0",
     nodeId: d()
   }
-], xi = (i) => [
+], yi = (i) => [
   {
     key: `embed-${i}`,
     $ref: `${f.api.baseUrl}/schemas/embed/1.json`,
@@ -2875,12 +2909,12 @@ const vi = ({
       size: "small"
     }
   }
-], wi = () => null, bi = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+], xi = () => null, wi = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
   const a = d();
   let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = wi()), {
-    readView: yi(a),
-    validation: xi(a),
+  return typeof t == "function" ? n = t(a) : i && (n = xi()), {
+    readView: vi(a),
+    validation: yi(a),
     ...n && { data: n }
   };
 };
@@ -2895,7 +2929,7 @@ h.loadOptions({
     }
   }
 });
-const _i = ({ language: i = "en" } = {}) => [
+const bi = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -3187,7 +3221,7 @@ const _i = ({ language: i = "en" } = {}) => [
       }
     })
   }
-], ki = (i) => [
+], _i = (i) => [
   {
     itemId: "videoPlayer",
     itemType: "videoPlayer",
@@ -3200,7 +3234,7 @@ const _i = ({ language: i = "en" } = {}) => [
     parentId: "0",
     nodeId: d()
   }
-], Li = (i) => [
+], ki = (i) => [
   {
     key: `video-${i}`,
     $ref: `${f.api.baseUrl}/schemas/videoPlayer/1.json`,
@@ -3211,7 +3245,7 @@ const _i = ({ language: i = "en" } = {}) => [
       }
     }
   }
-], $i = (i) => ({
+], Li = (i) => ({
   [`data.video-${i}`]: {
     size: "small",
     video: {
@@ -3220,15 +3254,15 @@ const _i = ({ language: i = "en" } = {}) => [
       id: "166JEb6qkr4"
     }
   }
-}), Si = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), $i = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = $i(t)), {
-    readView: ki(t),
-    validation: Li(t),
+  return typeof e == "function" ? a = e(t) : i && (a = Li(t)), {
+    readView: _i(t),
+    validation: ki(t),
     ...a && { data: a }
   };
-}, Ti = ({ language: i = "en" } = {}) => [
+}, Si = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -3429,35 +3463,35 @@ const _i = ({ language: i = "en" } = {}) => [
       }
     })
   }
-], O = {
-  titleAndText2: ai,
-  attachments2: L2,
+], G = {
+  titleAndText2: ii,
+  attachments2: k2,
   pdf: De,
-  packageGroup: Ci,
-  multiGroupPricing: V2,
-  coverBlock: li,
-  videoPlayer: Si,
-  embed: bi,
-  header: ui,
+  packageGroup: gi,
+  multiGroupPricing: D2,
+  coverBlock: oi,
+  videoPlayer: $i,
+  embed: wi,
+  header: pi,
   answer: Ve,
-  terms: I2,
-  parties: P2,
+  terms: M2,
+  parties: A2,
   custom: a1,
   // legacy 
-  presentation: S2,
-  estimatedTimeCompleted: O2,
-  estimatedWorkStartAndEndAtText: U2,
-  extraWorkConstructionPricingList: N2,
-  extraWorkTimeImpactText: Y2,
-  notBinding: X2
+  presentation: $2,
+  estimatedTimeCompleted: Z2,
+  estimatedWorkStartAndEndAtText: R2,
+  extraWorkConstructionPricingList: q2,
+  extraWorkTimeImpactText: K2,
+  notBinding: J2
 }, R = {
-  coverBlock: ri,
-  header: mi,
-  packageGroup: vi,
-  embed: _i,
-  videoPlayer: Ti,
+  coverBlock: li,
+  header: ui,
+  packageGroup: Ci,
+  embed: bi,
+  videoPlayer: Si,
   custom: i1
-}, Di = {
+}, Ti = {
   name: "AddBlock",
   props: {
     set: {
@@ -3471,21 +3505,21 @@ const _i = ({ language: i = "en" } = {}) => [
   },
   render() {
     return this.$scopedSlots.default({
-      addBlock: (i) => Me({
+      addBlock: (i) => Be({
         ...i,
         set: this.set,
-        tplGenerators: O,
+        tplGenerators: G,
         includeMockData: this.includeMockData,
         emit: (...e) => this.$emit(...e)
       }),
-      getBlockPayload: (i) => Be(i, this.set, O, this.includeMockdata)
+      getBlockPayload: (i) => Me(i, this.set, G, this.includeMockdata)
     });
   }
-}, Vi = null, Mi = null;
+}, Di = null, Vi = null;
 var Bi = /* @__PURE__ */ c(
+  Ti,
   Di,
   Vi,
-  Mi,
   !1,
   null,
   null,
@@ -3493,7 +3527,7 @@ var Bi = /* @__PURE__ */ c(
   null
 );
 const ne = Bi.exports;
-const Ii = {
+const Mi = {
   name: "Drawer",
   props: {
     value: {
@@ -3536,7 +3570,7 @@ const Ii = {
     }
   }
 };
-var Fi = function() {
+var Ii = 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
@@ -3552,18 +3586,18 @@ var Fi = function() {
     boxShadow: e.boxShadow,
     ...e.contentStyle
   } }, [e._t("default")], 2)]) : e._e()])], 1);
-}, Hi = [], Ai = /* @__PURE__ */ c(
+}, Fi = [], Hi = /* @__PURE__ */ c(
+  Mi,
   Ii,
   Fi,
-  Hi,
   !1,
   null,
   "3cb13e4e",
   null,
   null
 );
-const se = Ai.exports;
-const Pi = {
+const se = Hi.exports;
+const Ai = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -3592,14 +3626,16 @@ const Pi = {
     SendForm: s1,
     CCheckbox: Ie,
     BaseIcon: Fe,
-    CButton: He
+    CButton: He,
+    IsPremium: $,
+    IsPremiumPreStep: b
   },
   mixins: [
-    L([], {
+    S([], {
       useEmit: !1,
       setFnName: "setFormValue"
     }),
-    k
+    L
   ],
   props: {
     setFormValue: {
@@ -3672,10 +3708,17 @@ const Pi = {
     },
     async onSaveDoc({ doSend: i }) {
       this.saveTemplate && await this.doSaveTemplate(), await this.onSaveDocument({ doSend: i });
+    },
+    onClickSaveAsTemplate({ event: i, can: e, open: t }) {
+      e || this.isPublicForm || (i.preventDefault(), t({
+        callback: () => {
+          this.saveTemplate = !0;
+        }
+      }));
     }
   }
 };
-var Ei = function() {
+var Pi = 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;
@@ -3687,20 +3730,24 @@ var Ei = 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", 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();
-}, zi = [], Zi = /* @__PURE__ */ c(
+  } }], null, !1, 2898075047) })], 1)]), e.isPublicForm ? t("CButton", { staticStyle: { height: "48px" }, attrs: { slot: "send", type: "secondary", wide: "" }, on: { click: e.onSaveDocument }, slot: "send" }, [e._v(" " + e._s(e.$t("signupToSend")) + " ")]) : e._e(), t("label", { staticClass: "text-gray-600", staticStyle: { display: "inline-flex", "align-items": "center", cursor: "pointer", "user-select": "none", "font-size": "12px", "font-weight": "500", "padding-top": "calc(1 * var(--rem))" }, attrs: { slot: "footer", for: "checkbox-save-as-temp" }, slot: "footer" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
+      return [t("div", { staticClass: "flex items-center", on: { click: (s) => e.onClickSaveAsTemplate({ event: s, can: a, open: n }) } }, [t("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(s) {
+        e.saveTemplate = s;
+      }, expression: "saveTemplate" } }), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(e.$t("saveDocAsTemplate")) + " "), t("BaseIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.saveTemplateTooltip, expression: "saveTemplateTooltip" }], attrs: { type: "info", size: "15" } })], 1)], 1)];
+    } }], null, !0) })];
+  } }], null, !1, 763192116) })], 1)], 1)], 1)]) : e._e();
+}, Ei = [], zi = /* @__PURE__ */ c(
+  Ai,
   Pi,
   Ei,
-  zi,
   !1,
   null,
-  "057840fe",
+  "56ed9100",
   null,
   null
 );
-const Oi = Zi.exports, Ri = {
+const Zi = zi.exports, Oi = {
   name: "Draggable",
   data() {
     return {
@@ -3732,21 +3779,21 @@ const Oi = Zi.exports, Ri = {
       dragMousedown: this.onDragMouseDown
     });
   }
-}, Gi = null, Ui = null;
-var Wi = /* @__PURE__ */ c(
-  Ri,
+}, Gi = null, Ri = null;
+var Ui = /* @__PURE__ */ c(
+  Oi,
   Gi,
-  Ui,
+  Ri,
   !1,
   null,
   null,
   null,
   null
 );
-const qi = Wi.exports;
-const Ni = {
+const Wi = Ui.exports;
+const qi = {
   components: {
-    Draggable: qi
+    Draggable: Wi
   },
   props: {
     offset: {
@@ -3759,7 +3806,7 @@ const Ni = {
     }
   }
 };
-var ji = function() {
+var Ni = 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: {
@@ -3769,18 +3816,18 @@ var ji = 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);
-}, Ki = [], Yi = /* @__PURE__ */ c(
+}, ji = [], Ki = /* @__PURE__ */ c(
+  qi,
   Ni,
   ji,
-  Ki,
   !1,
   null,
   "9b75010b",
   null,
   null
 );
-const oe = Yi.exports;
-const Qi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Qi), Ji = {
+const oe = Ki.exports;
+const Yi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Yi), Qi = {
   i18nOptions: {
     namespaces: "common",
     keyPrefix: "designLabels"
@@ -3791,7 +3838,7 @@ const Qi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Qi), Ji = {
     DragWindow: oe
   },
   mixins: [
-    L(
+    S(
       ["css"],
       { useEmit: !1, setFnName: "set" }
     )
@@ -4334,7 +4381,7 @@ const Qi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Qi), Ji = {
     }
   }
 };
-var Xi = function() {
+var Ji = 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) {
@@ -4353,18 +4400,18 @@ var Xi = 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);
-}, ea = [], ta = /* @__PURE__ */ c(
+}, Xi = [], ea = /* @__PURE__ */ c(
+  Qi,
   Ji,
   Xi,
-  ea,
   !1,
   null,
   "930a4202",
   null,
   null
 );
-const ia = ta.exports;
-const aa = {
+const ta = ea.exports;
+const ia = {
   name: "FieldsModal",
   i18nOptions: {
     namespaces: "FieldsModal",
@@ -4429,12 +4476,12 @@ const aa = {
   validations: {
     form: {
       label: {
-        required: M.required,
+        required: I.required,
         isUniqueLabel(i) {
           return this.fields.reduce((t, { label: a }) => a === i ? !1 : t, !0);
         }
       },
-      value: { required: M.required }
+      value: { required: I.required }
     }
   },
   computed: {
@@ -4474,12 +4521,12 @@ const aa = {
     remove() {
       if (!this.existingFieldId)
         return;
-      const i = p1(this.document.fields, [this.existingFieldId]);
+      const i = d1(this.document.fields, [this.existingFieldId]);
       this.set({ key: "data.fields", value: i }), this.$emit("close");
     }
   }
 };
-var na = function() {
+var aa = 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);
@@ -4490,18 +4537,18 @@ var na = 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)]);
-}, sa = [], oa = /* @__PURE__ */ c(
+}, na = [], sa = /* @__PURE__ */ c(
+  ia,
   aa,
   na,
-  sa,
   !1,
   null,
   "5cc44007",
   null,
   null
 );
-const la = oa.exports;
-const ra = {
+const oa = sa.exports;
+const la = {
   i18nOptions: {
     namespaces: "DocumentFormFields",
     messages: {
@@ -4525,11 +4572,11 @@ const ra = {
   },
   name: "DocumentFormFields",
   components: {
-    SmartList: d1,
+    SmartList: c1,
     CAccordion: je,
     CField: Q
   },
-  mixins: [L()],
+  mixins: [S()],
   props: {
     set: {
       type: Function,
@@ -4587,7 +4634,7 @@ const ra = {
       async handler(i) {
         var e, t;
         if (this.isEditingTemplate && i) {
-          const { data: a } = await _.getFields(i);
+          const { data: a } = await k.getFields(i);
           this.updateValue("data.fields", {
             // crmFields added first in order to not override same service values
             ...a,
@@ -4604,7 +4651,7 @@ const ra = {
     },
     openFieldModal({ existingFieldId: i }) {
       this.$modal.show(
-        la,
+        oa,
         {
           document: this._document,
           set: this.set,
@@ -4623,7 +4670,7 @@ const ra = {
       );
     },
     onCopyField(i) {
-      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => Ae("info", this.$t("_common:copyMessage"))).catch((e) => $(e));
+      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => Ae("info", this.$t("_common:copyMessage"))).catch((e) => T(e));
     },
     filterMethod(i, e) {
       return e.filter((t) => t.label.toLowerCase().includes(i.toLowerCase()));
@@ -4634,7 +4681,7 @@ const ra = {
     }
   }
 };
-var ca = function() {
+var ra = 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;
@@ -4679,18 +4726,18 @@ var ca = 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);
-}, da = [], pa = /* @__PURE__ */ c(
+}, ca = [], da = /* @__PURE__ */ c(
+  la,
   ra,
   ca,
-  da,
   !1,
   null,
   "916766d5",
   null,
   null
 );
-const ua = pa.exports;
-const ma = {
+const pa = da.exports;
+const ua = {
   i18nOptions: {
     messages: {
       en: {
@@ -4733,10 +4780,10 @@ const ma = {
   },
   name: "ExtensionTab",
   components: {
-    draggable: u1,
+    draggable: p1,
     Spinner: Pe
   },
-  mixins: [L([
+  mixins: [S([
     "externalReferences",
     "clients",
     "articles"
@@ -4790,7 +4837,7 @@ const ma = {
     }
   },
   methods: {
-    priceFormat: q,
+    priceFormat: N,
     async _search(i) {
       try {
         this.isSearching = !0;
@@ -4801,7 +4848,7 @@ const ma = {
           this.searchResults = [];
           return;
         }
-        const { data: t } = await _.search(this.activeCrm, { query: i, type: "deal" });
+        const { data: t } = await k.search(this.activeCrm, { query: i, type: "deal" });
         t && Array.isArray(t) && (this.searchResults = t), t.length || (this.emptyQuery = e);
       } catch (e) {
         throw e;
@@ -4809,7 +4856,7 @@ const ma = {
         this.isSearching = !1;
       }
     },
-    search: I(async function(e) {
+    search: H(async function(e) {
       await this._search(e);
     }, 750),
     useSearchResult(i) {
@@ -4831,7 +4878,7 @@ const ma = {
         const e = this.externalReferences.find((o) => o.service === this.activeCrm && o.type === i);
         if (!e)
           return;
-        const { service: t, type: a, typeId: n } = e, { data: s } = await _.getExternalReferenceDetails(t, { type: a, typeId: n });
+        const { service: t, type: a, typeId: n } = e, { data: s } = await k.getExternalReferenceDetails(t, { type: a, typeId: n });
         i !== this.dealType ? this.typeDetails = { ...s, type: i } : this.dealDetails = s;
       } catch {
         i !== this.dealType ? this.typeDetails = null : this.dealDetails = null;
@@ -4848,7 +4895,7 @@ const ma = {
     },
     async suggestClients() {
       var n;
-      const { service: i, type: e, typeId: t } = this.currentExternalDeal, { data: a } = await _.suggestClients(i, { type: e, typeId: t });
+      const { service: i, type: e, typeId: t } = this.currentExternalDeal, { data: a } = await k.suggestClients(i, { type: e, typeId: t });
       if (Array.isArray(a) && a.length) {
         const s = (n = this._document) == null ? void 0 : n.defaultAnswerMethod, o = a.map((l) => ({
           ...Ee(),
@@ -4881,7 +4928,7 @@ const ma = {
     }
   }
 };
-var ha = function() {
+var ma = 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) {
@@ -4912,18 +4959,18 @@ var ha = 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);
-}, fa = [], ga = /* @__PURE__ */ c(
+}, ha = [], fa = /* @__PURE__ */ c(
+  ua,
   ma,
   ha,
-  fa,
   !1,
   null,
   "b775e9f9",
   null,
   null
 );
-const Ca = ga.exports;
-const va = {
+const ga = fa.exports;
+const Ca = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -5020,7 +5067,7 @@ const va = {
       required: !0
     }
   },
-  mixins: [L([
+  mixins: [S([
     "tags",
     "series",
     "senderId",
@@ -5228,7 +5275,7 @@ const va = {
     }
   }
 };
-var ya = function() {
+var va = 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 } });
@@ -5237,17 +5284,17 @@ var ya = 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);
-}, xa = [], wa = /* @__PURE__ */ c(
+}, ya = [], xa = /* @__PURE__ */ c(
+  Ca,
   va,
   ya,
-  xa,
   !1,
   null,
   "eec61e30",
   null,
   null
 );
-const ba = wa.exports, _a = {
+const wa = xa.exports, ba = {
   name: "MenuBlockConvertPopover",
   props: {
     target: {
@@ -5280,32 +5327,32 @@ const ba = wa.exports, _a = {
     }
   }
 };
-var ka = function() {
+var _a = 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);
-}, La = [], $a = /* @__PURE__ */ c(
+}, ka = [], La = /* @__PURE__ */ c(
+  ba,
   _a,
   ka,
-  La,
   !1,
   null,
   null,
   null,
   null
 );
-const Sa = $a.exports;
-const Ta = B.component("ProBadge", {
+const $a = La.exports;
+const Sa = F.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");
   }
-}), Da = {
+}), Ta = {
   name: "MenuBlocks",
   i18nOptions: {
     namespaces: "menuBlocks",
@@ -5375,13 +5422,13 @@ const Ta = B.component("ProBadge", {
     }
   },
   components: {
-    simplebar: b,
-    DragList: j,
-    DragItem: K,
+    simplebar: _,
+    DragList: K,
+    DragItem: Y,
     AddBlock: ne,
-    IsPremiumPreStep: F,
-    ProBadge: Ta,
-    MenuBlockConvertPopover: Sa
+    IsPremiumPreStep: b,
+    ProBadge: Sa,
+    MenuBlockConvertPopover: $a
   },
   props: {
     _document: {
@@ -5410,7 +5457,7 @@ const Ta = B.component("ProBadge", {
       default: () => ({ isPublicForm: !1 })
     }
   },
-  mixins: [k],
+  mixins: [L],
   data() {
     return {
       subMenuToShow: null,
@@ -5725,7 +5772,7 @@ const Ta = B.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 = c1(this.$el, {
+      this.tippyInstances = r1(this.$el, {
         target: "[data-tooltip-key]",
         allowHTML: !0,
         duration: [150, 0],
@@ -5750,7 +5797,7 @@ const Ta = B.component("ProBadge", {
         i.destroy();
       }) : this.tippyInstances.destroy && this.tippyInstances.destroy());
     },
-    setSubMenuState: I(function(e) {
+    setSubMenuState: H(function(e) {
       this.activeSubMenu = e;
     }, 100, { trailing: !0 }),
     onMouseleaveDrawer() {
@@ -5785,7 +5832,7 @@ const Ta = B.component("ProBadge", {
     }
   }
 };
-var Va = function() {
+var Da = 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);
@@ -5824,18 +5871,18 @@ var Va = function() {
       }), 1)], 1)], 1)])], 1)];
     } }], null, !0) })];
   } }]) });
-}, Ma = [], Ba = /* @__PURE__ */ c(
+}, Va = [], Ba = /* @__PURE__ */ c(
+  Ta,
   Da,
   Va,
-  Ma,
   !1,
   null,
   "2f285e04",
   null,
   null
 );
-const Ia = Ba.exports;
-const Fa = {
+const Ma = Ba.exports;
+const Ia = {
   name: "DocumentFormMenu",
   i18nOptions: {
     namespaces: "documentFormMenu",
@@ -5851,13 +5898,13 @@ const Fa = {
     }
   },
   components: {
-    Design: ia,
-    Fields: ua,
-    ExtensionTab: Ca,
-    DocumentGeneralSettings: ba,
-    DocumentGuide: () => import("./index-c48b4b2a.js"),
-    MenuBlocks: Ia,
-    Simplebar: b
+    Design: ta,
+    Fields: pa,
+    ExtensionTab: ga,
+    DocumentGeneralSettings: wa,
+    DocumentGuide: () => import("./index-01a9890c.js"),
+    MenuBlocks: Ma,
+    Simplebar: _
   },
   props: {
     state: {
@@ -5897,7 +5944,7 @@ const Fa = {
   data() {
     return {
       showGuide: !1,
-      showGuideNotification: !H.getItem("hideFormGuideNotification"),
+      showGuideNotification: !A.getItem("hideFormGuideNotification"),
       tab: "blocks"
     };
   },
@@ -5919,11 +5966,11 @@ const Fa = {
   },
   methods: {
     openGuide() {
-      this.showGuide = !0, this.showGuideNotification = !1, H.setItem("hideFormGuideNotification", !0);
+      this.showGuide = !0, this.showGuideNotification = !1, A.setItem("hideFormGuideNotification", !0);
     }
   }
 };
-var Ha = function() {
+var Fa = 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");
@@ -5962,18 +6009,18 @@ var Ha = 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)])]);
-}, Aa = [], Pa = /* @__PURE__ */ c(
+}, Ha = [], Aa = /* @__PURE__ */ c(
+  Ia,
   Fa,
   Ha,
-  Aa,
   !1,
   null,
   "383e8c99",
   null,
   null
 );
-const Ea = Pa.exports;
-const za = {
+const Pa = Aa.exports;
+const Ea = {
   name: "BlockControlButtons",
   i18nOptions: {
     namespace: "blockControlButtons",
@@ -6005,29 +6052,29 @@ const za = {
     }
   }
 };
-var Za = 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 t("div", { staticClass: "flex gap-2 control-root" }, [e.canToggleVisibility ? t("div", { staticClass: "control-button", on: { click: function(a) {
     return e.$emit("toggle-visible", !e.isVisible);
-  } } }, [e.isVisible ? e._e() : t("span", { staticClass: "px-1.5 text-xs text-gray-600" }, [e._v(" " + e._s(e.$t("hidden")) + " ")]), t("BaseIcon", { class: { "mr-1": !e.isVisible }, attrs: { type: e.isVisible ? "eye" : "eye-off", size: "14" } })], 1) : e._e(), !e.isHidden && e.isMovable ? [t("div", { staticClass: "control-direction" }, [t("div", { staticClass: "control-button", on: { click: function(a) {
+  } } }, [e.isVisible ? e._e() : t("span", { staticClass: "px-1.5 text-xs text-gray-600" }, [e._v(" " + e._s(e.$t("hidden")) + " ")]), t("BaseIcon", { class: { "mr-1": !e.isVisible }, attrs: { type: e.isVisible ? "eye" : "eye-off", size: "14" } })], 1) : e._e(), e._t("default"), !e.isHidden && e.isMovable ? t("div", { staticClass: "flex flex-col gap-1.5" }, [t("div", { staticClass: "control-direction" }, [t("div", { staticClass: "control-button", on: { click: function(a) {
     return e.$emit("move", "up");
   } } }, [t("BaseIcon", { attrs: { type: "chevron-up", size: "16" } })], 1), t("div", { staticClass: "control-button", on: { click: function(a) {
     return e.$emit("move", "down");
   } } }, [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);
-}, Oa = [], Ra = /* @__PURE__ */ c(
+  } } }, [t("BaseIcon", { attrs: { type: "x", size: "16" } })], 1)]) : e._e()], 2);
+}, Za = [], Oa = /* @__PURE__ */ c(
+  Ea,
   za,
   Za,
-  Oa,
   !1,
   null,
-  "79921f13",
+  "537216ad",
   null,
   null
 );
-const Ga = Ra.exports;
-const Ua = {
+const Ga = Oa.exports;
+const Ra = {
   name: "DynamicBlock",
   components: {
     BlockControlButtons: Ga
@@ -6057,14 +6104,21 @@ const Ua = {
       type: [Boolean, Object],
       default: void 0
     },
-    disableControls: {
+    showEditButton: {
       type: Boolean,
       default: !1
     }
   },
+  provide() {
+    return {
+      sectionTopNode: this._uid,
+      setOpenDrawer: this.setOpenDrawer
+    };
+  },
   data() {
     return {
-      isHovering: !1
+      isHovering: !1,
+      onEdit: () => this.$emit("edit", this._uid)
     };
   },
   computed: {
@@ -6072,14 +6126,19 @@ const Ua = {
       return typeof this.isVisible == "boolean" && !this.isVisible;
     },
     showControls() {
-      return !this.isEditView || this.disableControls ? !1 : !this.isDragging && this.isHovering ? !0 : this.isHidden;
+      return this.isEditView ? !this.isDragging && this.isHovering ? !0 : this.isHidden : !1;
     },
     contentClass() {
       return this.isHidden ? "h-16 overflow-hidden after:bg-gradient-to-b after:from-white/50 after:to-white relative after:absolute after:content-[''] after:inset-0 after:z-[1]" : "";
     }
+  },
+  methods: {
+    setOpenDrawer(i) {
+      typeof i == "function" && (this.onEdit = i);
+    }
   }
 };
-var Wa = function() {
+var Ua = function() {
   var e = this, t = e._self._c;
   return t("Animation", { staticClass: "w-full" }, [t("div", { staticClass: "block-root", class: [
     {
@@ -6095,28 +6154,28 @@ var Wa = function() {
     e.isHovering = !0;
   }, "&mouseleave": function(a) {
     e.isHovering = !1;
-  } } }, [t("div", { staticClass: "block-container", class: { "spacing-snug": e.isHidden }, attrs: { inert: e.isHidden } }, [e._t("default")], 2), e.showControls ? t("BlockControlButtons", { staticClass: "control-root z-10", attrs: { "is-movable": e.canMove, "is-visible": e.isVisible }, on: { "toggle-visible": function(a) {
+  } } }, [t("div", { staticClass: "block-container", class: { "spacing-snug": e.isHidden }, attrs: { inert: e.isHidden } }, [e._t("default")], 2), e.showControls ? t("BlockControlButtons", { staticClass: "z-10 control-root", attrs: { "is-movable": e.canMove, "is-visible": e.isVisible }, on: { "toggle-visible": function(a) {
     return e.$emit("toggle-visible", a);
   }, move: function(a) {
     return e.$emit("move", a);
   }, remove: function(a) {
     return e.$emit("remove");
-  } } }) : e._e()], 1)]);
-}, qa = [], Na = /* @__PURE__ */ c(
+  } } }, [e.showEditButton ? t("CButton", { staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: e.onEdit } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]) : e._e()], 1) : e._e()], 1)]);
+}, Wa = [], qa = /* @__PURE__ */ c(
+  Ra,
   Ua,
   Wa,
-  qa,
   !1,
   null,
-  "60aa95ad",
+  "1181a172",
   null,
   null
 );
-const ja = Na.exports;
-const Ka = {
+const Na = qa.exports;
+const ja = {
   name: "DocumentDrawer",
   components: {
-    simplebar: b,
+    simplebar: _,
     Drawer: se
   },
   props: {
@@ -6139,7 +6198,7 @@ const Ka = {
     }
   }
 };
-var Ya = function() {
+var Ka = 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
@@ -6151,18 +6210,18 @@ var Ya = 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);
-}, Qa = [], Ja = /* @__PURE__ */ c(
+}, Ya = [], Qa = /* @__PURE__ */ c(
+  ja,
   Ka,
   Ya,
-  Qa,
   !1,
   null,
   "f0a56edd",
   null,
   null
 );
-const Xa = Ja.exports;
-const en = {
+const Ja = Qa.exports;
+const Xa = {
   name: "DocumentFormViewRadio",
   props: {
     value: {
@@ -6175,24 +6234,24 @@ const en = {
     }
   }
 };
-var tn = function() {
+var en = 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)]);
-}, an = [], nn = /* @__PURE__ */ c(
+}, tn = [], an = /* @__PURE__ */ c(
+  Xa,
   en,
   tn,
-  an,
   !1,
   null,
   "bfd27279",
   null,
   null
 );
-const sn = nn.exports, on = {
+const nn = an.exports, sn = {
   name: "LogoBanner",
   props: {
     position: {
@@ -6210,44 +6269,44 @@ const sn = nn.exports, on = {
     }
   }
 };
-var ln = function() {
+var on = 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")) + " ")])])]);
-}, rn = [], cn = /* @__PURE__ */ c(
+}, ln = [], rn = /* @__PURE__ */ c(
+  sn,
   on,
   ln,
-  rn,
   !1,
   null,
   null,
   null,
   null
 );
-const dn = cn.exports;
-const pn = {
+const cn = rn.exports;
+const dn = {
   name: "DocumentFormNav"
 };
-var un = function() {
+var pn = 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)])]);
-}, mn = [], hn = /* @__PURE__ */ c(
+}, un = [], mn = /* @__PURE__ */ c(
+  dn,
   pn,
   un,
-  mn,
   !1,
   null,
   "05fc111c",
   null,
   null
 );
-const fn = hn.exports;
+const hn = mn.exports;
 const le = (i, e, t = "$children") => {
   if (!i)
     return;
   e(i);
   const a = i[t];
   !a && !Array.isArray(a) || a.forEach((n) => le(n, e));
-}, gn = {
+}, fn = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
     messages: {
@@ -6264,18 +6323,18 @@ const le = (i, e, t = "$children") => {
   name: "DocumentFormContainer",
   components: {
     WithDimensions: Je,
-    DragList: j,
-    DragItem: K,
+    DragList: K,
+    DragItem: Y,
     DynamicChapter: Xe,
-    DocumentFormMenu: Ea,
-    DynamicBlock: ja,
-    DocumentFormViewRadio: sn,
-    DocumentFormNav: fn,
-    DocumentDrawer: Xa,
+    DocumentFormMenu: Pa,
+    DynamicBlock: Na,
+    DocumentFormViewRadio: nn,
+    DocumentFormNav: hn,
+    DocumentDrawer: Ja,
     DocumentStyleContainer: e1,
-    simplebar: b,
-    LogoBanner: dn,
-    IsPremium: Y
+    simplebar: _,
+    LogoBanner: cn,
+    IsPremium: $
   },
   props: {
     _document: {
@@ -6312,7 +6371,7 @@ const le = (i, e, t = "$children") => {
       default: !0
     }
   },
-  mixins: [k],
+  mixins: [L],
   data() {
     return {
       drawerState: v,
@@ -6392,7 +6451,7 @@ const le = (i, e, t = "$children") => {
     async externalReferences(i) {
       await Promise.all((i || []).map(async ({ service: e, type: t, typeId: a }) => {
         if (t && a && e && this.$store.getters["settings/isAuthenticatedCRM"](e)) {
-          const { data: n } = await _.getFields(e, { type: t, typeId: a, populated: !0 });
+          const { data: n } = await k.getFields(e, { type: t, typeId: a, populated: !0 });
           this.setFormValue({
             key: "data.fields",
             value: { ...this._document.fields, ...n }
@@ -6403,7 +6462,7 @@ const le = (i, e, t = "$children") => {
   },
   methods: {
     onAddBlockMount(i, e) {
-      !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]);
+      !this.onAddRedis[i] || !e || (e.$el && this.$nextTick(() => u1(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(
@@ -6434,7 +6493,7 @@ const le = (i, e, t = "$children") => {
             this.removeFormKeyValue(r);
           });
         }, "children");
-      T([this.nestedReadLayout[e]]).forEach((a) => {
+      V([this.nestedReadLayout[e]]).forEach((a) => {
         const n = this.readLayout.findIndex((s) => s.nodeId === a.nodeId);
         this.removeFormValue(`template.views.read.nodes[${n}]`);
       });
@@ -6457,7 +6516,7 @@ const le = (i, e, t = "$children") => {
         const n = Oe(this.nestedReadLayout, e, t);
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: T(n)
+          value: V(n)
         });
       } else if (!e && t !== null) {
         const {
@@ -6469,20 +6528,20 @@ const le = (i, e, t = "$children") => {
           readView: r,
           validation: p,
           data: C,
-          onAddFnName: S = "onAdd"
+          onAddFnName: D = "onAdd"
         } = s({ sectionKey: n, document: this._document, contentData: l });
         o({ validation: p, data: C });
-        const re = Re({ tree: r }), ce = [
+        const re = Ge({ tree: r }), ce = [
           ...this.nestedReadLayout.slice(0, t),
           ...re,
           ...this.nestedReadLayout.slice(t)
         ];
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: T(ce)
+          value: V(ce)
         });
         const [{ nodeId: de }] = r;
-        this.onAddRedis[de] = S;
+        this.onAddRedis[de] = D;
       }
     },
     shouldAnimateDrop(i) {
@@ -6490,7 +6549,7 @@ const le = (i, e, t = "$children") => {
     }
   }
 };
-var Cn = function() {
+var gn = 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,
@@ -6544,45 +6603,49 @@ var Cn = function() {
         {
           "drag-item": e.canMove
         }
-      ] }, [t("DynamicBlock", { ref: l.nodeId, refInFor: !0, attrs: { "is-dragging": e.isDragging, "is-edit-view": e.isEditView, "can-move": e.canMove, "block-type": l.itemType, "is-visible": l.isVisible, "disable-controls": e.isLegacyTemplate }, on: { remove: function(p) {
+      ] }, [t("DynamicBlock", { ref: l.nodeId, refInFor: !0, attrs: { "is-dragging": e.isDragging, "is-edit-view": e.isEditView, "can-move": e.canMove, "block-type": l.itemType, "is-visible": l.isVisible, "show-edit-button": !!l.showEditButton }, on: { remove: function(p) {
         return e.onBlockRemove(l, r);
       }, move: function(p) {
         return e.onBlockMove(p, r);
+      }, edit: function(p) {
+        e.drawerState.openSection = p;
       }, "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: 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);
+      } } }, [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: D }) => e.setFormValue({ key: p, value: C, options: D }), "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)]);
-}, vn = [function() {
+  } }]) })], 1)], 1)], 1), t("DocumentDrawer", { key: "settingsDrawer", attrs: { id: "settingsDrawer", open: !!e.drawerState.openSection, fixed: !0, position: "right" }, on: { "update:open": function(a) {
+    e.drawerState.openSection = null;
+  } } }, [t("CButton", { staticClass: "absolute top-2 right-2", attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(a) {
+    e.drawerState.openSection = null;
+  } } }), t("portal-target", { attrs: { name: "drawer-content" } })], 1)], 1)]);
+}, Cn = [function() {
   var i = this, e = i._self._c;
   return e("div", { staticClass: "drag-drop-illustration-block" }, [e("div"), e("div")]);
-}], yn = /* @__PURE__ */ c(
+}], vn = /* @__PURE__ */ c(
+  fn,
   gn,
   Cn,
-  vn,
   !1,
   null,
-  "e54004e2",
+  "d9b9c0a6",
   null,
   null
 );
-const xn = yn.exports, D = B.observable({
+const yn = vn.exports, B = F.observable({
   canEdit: !1,
   isForm: !0,
   setFormValue: null
-}), wn = {
+}), xn = {
   name: "DocumentForm",
   components: {
-    DocumentFormContainer: xn,
-    IsPremium: Y,
-    IsPremiumPreStep: F,
-    DocumentSend: Oi
+    DocumentFormContainer: yn,
+    IsPremium: $,
+    IsPremiumPreStep: b,
+    DocumentSend: Zi
   },
-  mixins: [l1({ currentElement: null }), r1],
+  mixins: [l1],
   props: {
     document: {
       type: Object,
@@ -6629,7 +6692,7 @@ const xn = yn.exports, D = B.observable({
       default: !0
     }
   },
-  provide: () => ({ viewSettings: D }),
+  provide: () => ({ viewSettings: B }),
   data() {
     return {
       view: "edit",
@@ -6640,7 +6703,7 @@ const xn = yn.exports, D = B.observable({
     canEdit: {
       immediate: !0,
       handler(i) {
-        D.canEdit = !!i;
+        B.canEdit = !!i;
       }
     }
   },
@@ -6654,7 +6717,7 @@ const xn = yn.exports, D = B.observable({
     }
   },
   created() {
-    this.setFormValue && (D.setFormValue = this.setDocValue);
+    this.setFormValue && (B.setFormValue = this.setDocValue);
   },
   methods: {
     isValid() {
@@ -6686,42 +6749,48 @@ const xn = yn.exports, D = B.observable({
     }
   }
 };
-var bn = function() {
+var wn = 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 }) {
+  } } }, [t("template", { slot: "nav-right" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateDocument: a, canCreateTemplate: n }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "documents" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
       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) {
-          a || e.document.id ? e.submitSave() : n({ callback: e.submitSave });
-        } } }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:document").toLowerCase() })) + " ")]), t("CDropdownItem", { attrs: { disabled: e.isLoading, "icon-left": "template-color" }, on: { click: e.saveAsTemplate } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")])], 1)], 1)];
+        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(o) {
+          a || e.document.id ? e.openSendModal() : s({ callback: e.openSendModal });
+        } } }, [e._v(" " + e._s(e.$t("_common:reviewSend")) + " ")]), t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: o }) {
+          return [t("CDropdown", { attrs: { disabled: !e.canDoActions } }, [t("CButton", { staticClass: "d-nav-button position right", staticStyle: { "border-radius": "0px 7px 7px 0px", height: "36px", "border-left": "1px solid hsla(0, 0%, 100%, 0.35)", "font-size": "13px", "padding-left": "14px", "padding-right": "14px" }, attrs: { slot: "trigger", "icon-props": { size: 13, strokeWidth: 2.5 }, size: "small", type: "secondary", thinner: "", icon: "chevron-down" }, slot: "trigger" }), t("CDropdownItem", { attrs: { "icon-props": { stroke: "hsl(205, 100%, 50%)" }, "icon-left": "save" }, on: { click: function(l) {
+            a || e.document.id ? e.submitSave() : s({ callback: e.submitSave });
+          } } }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:document").toLowerCase() })) + " ")]), t("CDropdownItem", { attrs: { disabled: e.isLoading, "icon-left": "template-color" }, on: { click: function(l) {
+            n ? e.saveAsTemplate() : o({
+              callback: e.saveAsTemplate
+            });
+          } } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")])], 1)];
+        } }], null, !0) })], 1)];
       })], 2)];
     } }], null, !0) })];
-  } }], null, !1, 2694380453) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
+  } }], null, !1, 3125491924) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
     expiresAt: "data.expiresAt",
     personalMessage: "data.personalMessage",
     defaultAnswerMethod: "data.defaultAnswerMethod",
     clients: "clients",
     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();
-}, _n = [], kn = /* @__PURE__ */ c(
+  }, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "on-save-document": e.onSaveDocument } })], 1) : e._e();
+}, bn = [], _n = /* @__PURE__ */ c(
+  xn,
   wn,
   bn,
-  _n,
   !1,
   null,
   null,
   null,
   null
 );
-const Ln = kn.exports;
-const $n = {
+const kn = _n.exports;
+const Ln = {
   name: "DocumentPostSendStep",
-  mixins: [k],
+  mixins: [L],
   i18nOptions: {
     namespaces: "PostDocumentSend",
     messages: {
@@ -6756,7 +6825,7 @@ const $n = {
       return this.mq === "sm" ? "100%" : "auto";
     },
     usesManualDelivery() {
-      const i = V(this.document);
+      const i = M(this.document);
       return !i.sms && !i.email;
     }
   },
@@ -6771,12 +6840,12 @@ const $n = {
       sendDocument: m.DO_SEND_DOCUMENT2
     }),
     async handleDocumentLinks() {
-      const { id: i } = this.document, e = V(this.document), t = !e.sms && !e.email;
+      const { id: i } = this.document, e = M(this.document), t = !e.sms && !e.email;
       t && (await this.updateDocument({
         id: i,
         body: { status: "sent" },
         showMessage: !1
-      }), h1({ id: i })), t || setTimeout(() => this.close(), 2e3);
+      }), m1({ id: i })), t || setTimeout(() => this.close(), 2e3);
     },
     async onSend() {
       typeof this.onSendFunc == "function" && this.onSendFunc(this.document), await this.handleDocumentLinks();
@@ -6795,7 +6864,7 @@ const $n = {
         body: { isAccepted: !0 },
         checksum: a
       }), await this.sendDocument({ id: i }), this.onSend()) : (this.$modal.show(
-        f1,
+        h1,
         {
           _document: this.document,
           fullScreen: this.modalHeight === "100%",
@@ -6839,24 +6908,24 @@ const $n = {
     }
   }
 };
-var Sn = function() {
+var $n = 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)]);
-}, Tn = [], Dn = /* @__PURE__ */ c(
+}, Sn = [], Tn = /* @__PURE__ */ c(
+  Ln,
   $n,
   Sn,
-  Tn,
   !1,
   null,
   "673cd86f",
   null,
   null
 );
-const Vn = Dn.exports;
-B.use(o1);
-const Mn = {
+const Dn = Tn.exports;
+F.use(o1);
+const Vn = {
   name: "DocForm",
-  mixins: [Ge(["closeFunc", "beforeSave", "beforeSend"])],
+  mixins: [Re(["closeFunc", "beforeSave", "beforeSend"])],
   i18nOptions: {
     namespaces: "widgetDocForm",
     messages: {
@@ -6869,9 +6938,9 @@ const Mn = {
     }
   },
   components: {
-    TemplateSelector: b2,
-    DocumentForm: Ln,
-    PostSend: Vn
+    TemplateSelector: w2,
+    DocumentForm: kn,
+    PostSend: Dn
   },
   props: {
     isNew: {
@@ -6933,7 +7002,7 @@ const Mn = {
     async initDoc() {
       if (!this.rawDoc)
         throw new Error("Missing initiated form document");
-      this.document = new N({
+      this.document = new j({
         data: this.rawDoc,
         can: this.can,
         getters: this.$store.getters,
@@ -6942,9 +7011,10 @@ const Mn = {
     },
     async onTemplateSelect({ templateId: i, documentId: e, formData: t }) {
       var n;
-      const a = Zt({ ...this.rawDoc }, [
+      const a = zt({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
+        "subscriberCompanyUserIds",
         "clients",
         "data"
       ]);
@@ -6984,7 +7054,7 @@ const Mn = {
       this.view = "templateSelect", this.setDocValue({ key: "__isNew", value: !0 });
     },
     isManualDelivery(i) {
-      const e = V(i);
+      const e = M(i);
       return !e.sms && !e.email;
     }
   }
@@ -6992,17 +7062,17 @@ const Mn = {
 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.document.id ? null : e.goBack, "can-show-banner": !1 } }) : t("PostSend", { attrs: { document: e.document, "on-send-func": e.close, "on-close-func": e.close } })], 1);
-}, In = [], Fn = /* @__PURE__ */ c(
-  Mn,
+}, Mn = [], In = /* @__PURE__ */ c(
+  Vn,
   Bn,
-  In,
+  Mn,
   !1,
   null,
   null,
   null,
   null
 );
-const fs = Fn.exports;
+const hs = In.exports;
 export {
-  fs as default
+  hs as default
 };