@cling-se/widget 0.9.3 → 0.9.5

package/dist/{DocForm-0891c6b2.js → DocForm-e56b3a0c.js}

@@ -1,105 +1,119 @@
-import { aL as re, aM as ce, aN as R, aO as de, aP as G, aQ as U, aR as pe, aS as ue, aT as me, aU as he, f as fe, g as u, n as c, C as W, aV as ge, j as f, x as L, aW as Ce, aX as ve, w as ye, aY as xe, aZ as we, aK as _e, a_ as be, F as d, Y as m, b as p, aF as y, a$ as ke, b0 as Le, b1 as $e, b2 as Se, av as De, b3 as Te, c as Ve, e as _, X as Me, S as Ie, o as Be, aq as Fe, a7 as He, b4 as Ae, aH as q, aI as N, I as B, b5 as T, aJ as Pe, b6 as Ee, V as $, b7 as F, m as ze, a as Ze, b8 as Oe, u as Re } from "./main-2d9b8259.js";
-import { m as v, a as x } from "./vuex.esm-4a0fff7c.js";
-import "./index-30808a2c.js";
+import { aW as de, aX as pe, aY as R, aZ as ue, a_ as G, a$ as U, b0 as me, b1 as he, b2 as fe, b3 as ge, f as Ce, g as u, n as c, C as W, b4 as ve, k as f, h as $, b5 as ye, b6 as xe, y as we, b7 as _e, b8 as be, aV as ke, b9 as Le, L as d, P as h, b as m, aQ as y, ba as $e, bb as Se, bc as De, bd as Ve, A as Te, be as Me, c as Be, e as _, a2 as q, S as Ie, q as Fe, aC as He, ac as Ae, bf as Pe, aS as N, aT as j, I, bg as V, aU as Ee, bh as ze, V as S, bi as F, m as Ze, a as Oe, bj as Re, u as Ge } from "./main-95207159.js";
+import { m as g, a as x } from "./vuex.esm-4a0fff7c.js";
+import "./index-7adda710.js";
 import { v as M } from "./index-805c56e4.js";
-import { d as I, w as b } from "./CDropdownItem-05d84f95.js";
-import { D as Ge, l as Ue, g as We, W as qe, b as Ne, a as je, s as Ke, f as Ye } from "./formValidationMixin-df38771c.js";
-import { s as S } from "./simplebar.min-75960401.js";
-import { B as Qe } from "./BlockMedia-b613a2a4.js";
-import { b as Je, a as j, I as Xe } from "./IsPremiumPreStep-0c7032a3.js";
-import { c as e1, g as t1 } from "./template-b877debf.js";
-import { a as i1 } from "./tinycolor-ef496244.js";
-import { m as k } from "./mapFormMixin-308bbdab.js";
-import { S as a1, C as K, i as n1 } from "./formComponentsInstall-1be6791d.js";
-import { s as C, f as s1 } from "./focusDrawerMixin-298861bc.js";
-import { F as Y, d as o1 } from "./FormInputRow-09d450e3.js";
-import { S as l1 } from "./CSlider.vue_vue_type_style_index_0_lang-383db616.js";
-import { o as r1, d as c1 } from "./vuedraggable.umd-67b8cddf.js";
-import d1 from "./AnswerModal-fdfea0f8.js";
+import { d as B, w as b } from "./CDropdownItem-d46bf062.js";
+import { D as Ue, l as We, g as qe, W as Ne, b as je, a as Ke } from "./DocumentLayout-86c367d1.js";
+import { s as k } from "./simplebar.min-97b539d6.js";
+import { B as Ye } from "./BlockMedia-319932b8.js";
+import { b as Qe, I as K, a as Y } from "./IsPremiumPreStep-d4739d6a.js";
+import { c as Je, g as Xe } from "./template-b3af7583.js";
+import { a as e1 } from "./tinycolor-65e7dc2e.js";
+import { m as L } from "./mapFormMixin-a245a297.js";
+import { S as t1, C as Q, i as i1 } from "./formComponentsInstall-3f1c6477.js";
+import { s as v, f as a1 } from "./focusDrawerMixin-72f8dd7a.js";
+import { f as n1 } from "./formValidationMixin-d4e84872.js";
+import { F as J, d as s1 } from "./tippy.esm-3c111ba9.js";
+import { S as o1 } from "./CSlider.vue_vue_type_style_index_0_lang-df4c839e.js";
+import { o as l1, d as r1 } from "./vuedraggable.umd-2c22e5f8.js";
+import c1 from "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/drag-block-17194.png";
+import d1 from "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/text-bubble-53861.png";
+import p1 from "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/block-options-17322.png";
+import u1 from "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/article-options-10291.png";
+import m1 from "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/doc-send-94456.png";
+import { s as h1 } from "./dom-068d1a7b.js";
+import f1 from "./AnswerModal-acd3b9c0.js";
 import "./color-71c20583.js";
 import "./anime.es-e284c852.js";
 import "./regions-29ee6964.js";
-import "./BaseDatePicker-a9240306.js";
-import "./ErrorCallout-42e45ec0.js";
-import "./AddClientCallout-746899d9.js";
-import "./ClientAutocomplete-421a2216.js";
-import "./SearchApi-ffe5b697.js";
-import "./ClientModal-11341b1c.js";
-import "./CCallout-e9ff903a.js";
-import "./CField-cd4dcae9.js";
+import "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/bg-pro-81076.png";
+import "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/bg-base-13048.png";
+import "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/bg-start-20630.png";
+import "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/headerCircularGradient.image-13878.png";
+import "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/columnGallery.image-24825.png";
+import "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/roiCalculator.image-14704.png";
+import "/Users/max.antonsson/Documents/Github/cling-vue/widget/dist/assets/blank-10674.png";
+import "./BaseDatePicker-581297bc.js";
+import "./ErrorCallout-7dea37df.js";
+import "./AddClientCallout-e4e9874f.js";
+import "./ClientAutocomplete-68f76bfc.js";
+import "./SearchApi-20629627.js";
+import "./ClientModal-73086005.js";
+import "./CCallout-88ae9c08.js";
+import "./CField-be05883b.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ColorPicker-f90939b5.js";
-var p1 = re, u1 = ce, m1 = R;
-function h1(i, e, t) {
+import "./ColorPicker-11ee76f0.js";
+var g1 = de, C1 = pe, v1 = R;
+function y1(i, e, t) {
   for (var a = -1, n = e.length, s = {}; ++a < n; ) {
-    var o = e[a], l = p1(i, o);
-    t(l, o) && u1(s, m1(o, i), l);
+    var o = e[a], l = g1(i, o);
+    t(l, o) && C1(s, v1(o, i), l);
   }
   return s;
 }
-var f1 = h1;
-function g1(i, e) {
+var x1 = y1;
+function w1(i, e) {
   return i != null && e in Object(i);
 }
-var C1 = g1, v1 = de, y1 = G, x1 = "[object Arguments]";
-function w1(i) {
-  return y1(i) && v1(i) == x1;
+var _1 = w1, b1 = ue, k1 = G, L1 = "[object Arguments]";
+function $1(i) {
+  return k1(i) && b1(i) == L1;
 }
-var _1 = w1, H = _1, b1 = G, Q = Object.prototype, k1 = Q.hasOwnProperty, L1 = Q.propertyIsEnumerable, $1 = H(function() {
+var S1 = $1, H = S1, D1 = G, X = Object.prototype, V1 = X.hasOwnProperty, T1 = X.propertyIsEnumerable, M1 = H(function() {
   return arguments;
 }()) ? H : function(i) {
-  return b1(i) && k1.call(i, "callee") && !L1.call(i, "callee");
-}, J = $1, S1 = 9007199254740991;
-function D1(i) {
-  return typeof i == "number" && i > -1 && i % 1 == 0 && i <= S1;
+  return D1(i) && V1.call(i, "callee") && !T1.call(i, "callee");
+}, ee = M1, B1 = 9007199254740991;
+function I1(i) {
+  return typeof i == "number" && i > -1 && i % 1 == 0 && i <= B1;
 }
-var T1 = D1, V1 = R, M1 = J, I1 = U, B1 = pe, F1 = T1, H1 = ue;
-function A1(i, e, t) {
-  e = V1(e, i);
+var F1 = I1, H1 = R, A1 = ee, P1 = U, E1 = me, z1 = F1, Z1 = he;
+function O1(i, e, t) {
+  e = H1(e, i);
   for (var a = -1, n = e.length, s = !1; ++a < n; ) {
-    var o = H1(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 && F1(n) && B1(o, n) && (I1(i) || M1(i)));
+  return s || ++a != n ? s : (n = i == null ? 0 : i.length, !!n && z1(n) && E1(o, n) && (P1(i) || A1(i)));
 }
-var P1 = A1, E1 = C1, z1 = P1;
-function Z1(i, e) {
-  return i != null && z1(i, e, E1);
+var R1 = O1, G1 = _1, U1 = R1;
+function W1(i, e) {
+  return i != null && U1(i, e, G1);
 }
-var O1 = Z1, R1 = f1, G1 = O1;
-function U1(i, e) {
-  return R1(i, e, function(t, a) {
-    return G1(i, a);
+var q1 = W1, N1 = x1, j1 = q1;
+function K1(i, e) {
+  return N1(i, e, function(t, a) {
+    return j1(i, a);
   });
 }
-var W1 = U1;
-function q1(i, e) {
+var Y1 = K1;
+function Q1(i, e) {
   for (var t = -1, a = e.length, n = i.length; ++t < a; )
     i[n + t] = e[t];
   return i;
 }
-var N1 = q1, A = me, j1 = J, K1 = U, P = A ? A.isConcatSpreadable : void 0;
-function Y1(i) {
-  return K1(i) || j1(i) || !!(P && i && i[P]);
+var J1 = Q1, A = fe, X1 = ee, et = U, P = A ? A.isConcatSpreadable : void 0;
+function tt(i) {
+  return et(i) || X1(i) || !!(P && i && i[P]);
 }
-var Q1 = Y1, J1 = N1, X1 = Q1;
-function X(i, e, t, a, n) {
+var it = tt, at = J1, nt = it;
+function te(i, e, t, a, n) {
   var s = -1, o = i.length;
-  for (t || (t = X1), n || (n = []); ++s < o; ) {
+  for (t || (t = nt), n || (n = []); ++s < o; ) {
     var l = i[s];
-    e > 0 && t(l) ? e > 1 ? X(l, e - 1, t, a, n) : J1(n, l) : a || (n[n.length] = l);
+    e > 0 && t(l) ? e > 1 ? te(l, e - 1, t, a, n) : at(n, l) : a || (n[n.length] = l);
   }
   return n;
 }
-var et = X, tt = et;
-function it(i) {
+var st = te, ot = st;
+function lt(i) {
   var e = i == null ? 0 : i.length;
-  return e ? tt(i, 1) : [];
+  return e ? ot(i, 1) : [];
 }
-var at = it;
-function nt(i, e, t) {
+var rt = lt;
+function ct(i, e, t) {
   switch (t.length) {
     case 0:
       return i.call(e);
@@ -112,56 +126,56 @@ function nt(i, e, t) {
   }
   return i.apply(e, t);
 }
-var st = nt, ot = st, E = Math.max;
-function lt(i, e, t) {
+var dt = ct, pt = dt, E = Math.max;
+function ut(i, e, t) {
   return e = E(e === void 0 ? i.length - 1 : e, 0), function() {
     for (var a = arguments, n = -1, s = E(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), ot(i, this, l);
+    return l[e] = t(o), pt(i, this, l);
   };
 }
-var rt = lt;
-function ct(i) {
+var mt = ut;
+function ht(i) {
   return function() {
     return i;
   };
 }
-var dt = ct;
-function pt(i) {
+var ft = ht;
+function gt(i) {
   return i;
 }
-var ut = pt, mt = dt, z = he, ht = ut, ft = z ? function(i, e) {
+var Ct = gt, vt = ft, z = ge, yt = Ct, xt = z ? function(i, e) {
   return z(i, "toString", {
     configurable: !0,
     enumerable: !1,
-    value: mt(e),
+    value: vt(e),
     writable: !0
   });
-} : ht, gt = ft, Ct = 800, vt = 16, yt = Date.now;
-function xt(i) {
+} : yt, wt = xt, _t = 800, bt = 16, kt = Date.now;
+function Lt(i) {
   var e = 0, t = 0;
   return function() {
-    var a = yt(), n = vt - (a - t);
+    var a = kt(), n = bt - (a - t);
     if (t = a, n > 0) {
-      if (++e >= Ct)
+      if (++e >= _t)
         return arguments[0];
     } else
       e = 0;
     return i.apply(void 0, arguments);
   };
 }
-var wt = xt, _t = gt, bt = wt, kt = bt(_t), Lt = kt, $t = at, St = rt, Dt = Lt;
-function Tt(i) {
-  return Dt(St(i, void 0, $t), i + "");
+var $t = Lt, St = wt, Dt = $t, Vt = Dt(St), Tt = Vt, Mt = rt, Bt = mt, It = Tt;
+function Ft(i) {
+  return It(Bt(i, void 0, Mt), i + "");
 }
-var Vt = Tt, Mt = W1, It = Vt, Bt = It(function(i, e) {
-  return i == null ? {} : Mt(i, e);
-}), Ft = Bt;
-const Ht = /* @__PURE__ */ fe(Ft);
-const At = {
+var Ht = Ft, At = Y1, Pt = Ht, Et = Pt(function(i, e) {
+  return i == null ? {} : At(i, e);
+}), zt = Et;
+const Zt = /* @__PURE__ */ Ce(zt);
+const Ot = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
     messages: {
@@ -198,6 +212,10 @@ const At = {
     template: {
       type: Object,
       default: null
+    },
+    onSaveTemplate: {
+      type: Function,
+      default: null
     }
   },
   data() {
@@ -214,7 +232,7 @@ const At = {
     }
   },
   computed: {
-    ...v({
+    ...g({
       isPosting: "templates/isPosting",
       templateById: "templates/byId",
       docById: "documents2/byId",
@@ -247,7 +265,7 @@ const At = {
       if (!this.document && !this.template && (this.$log.error('Missing prop "document" or "template"'), this.$emit("close")), this.$v.$invalid)
         return;
       let i;
-      this.document ? (i = this.getNewTemplate(), this.updateExistingDocTemplate && this.canUpdateExistingDocTemplate && this.document.template.id && (i.id = this.document.template.id, delete i.name)) : this.template && (i = this.getExistingTemplateBody()), await this.saveTemplate({ body: i }), this.$emit("close");
+      this.document ? (i = this.getNewTemplate(), this.updateExistingDocTemplate && this.canUpdateExistingDocTemplate && this.document.template.id && (i.id = this.document.template.id, delete i.name)) : this.template && (i = this.getExistingTemplateBody()), await this.saveTemplate({ body: i, callback: this.onSaveTemplate }), this.$emit("close");
     },
     getNewTemplate() {
       return {
@@ -291,31 +309,31 @@ const At = {
     }
   }
 };
-var Pt = function() {
+var Rt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "t-root font-inter" }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, [e._v(" " + e._s(e.template ? e.$t("_common:edit", { thing: e.$t("_common:name") }) : e.$t("_common:save", { thing: e.$t("_common:template") })) + " ")]), t("div", [e.template ? e._e() : t("CCallout", [e._v(" " + e._s(e.$t("calloutDescription")) + " ")]), t("CField", { attrs: { vuelidate: e.$v.name, "vuelidate-messages": e.messages.name, label: e.$t("_common:name").capitalize(), "label-position": "inside" } }, [t("CInput", { ref: "input", staticClass: "rounder", staticStyle: { "margin-bottom": "1rem" }, attrs: { value: e.updateExistingDocTemplate ? e.document.template.name : e.name, placeholder: e.$t("namePlaceholder"), disabled: e.updateExistingDocTemplate, autofocus: "", size: "medium" }, on: { input: function(a) {
+  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;
-  } } })], 1), e.document && e.document.template.id && e.canUpdateExistingDocTemplate ? t("div", [t("CField", { staticStyle: { "padding-left": "0.5rem", "margin-bottom": "0.5rem" } }, [t("CCheckbox", { attrs: { type: "secondary", size: "normal" }, model: { value: e.updateExistingDocTemplate, callback: function(a) {
+  } } })], 1), e.document && e.document.template.id && e.canUpdateExistingDocTemplate ? 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.updateExistingDocTemplate, callback: function(a) {
     e.updateExistingDocTemplate = a;
-  }, expression: "updateExistingDocTemplate" } }, [t("div", { staticClass: "has-text-grey-dark" }, [e._v(" " + e._s(e.$t("updateExisting")) + " ")])])], 1)], 1) : e._e(), e.document && e.document.clients.length ? t("div", [t("CField", { staticStyle: { "padding-left": "0.5rem", "margin-bottom": "0.5rem" } }, [t("CCheckbox", { attrs: { type: "secondary", size: "normal" }, model: { value: e.keepClients, callback: function(a) {
+  }, 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: "has-text-grey-dark" }, [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);
-}, Et = [], zt = /* @__PURE__ */ c(
-  At,
-  Pt,
-  Et,
+  }, 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(
+  Ot,
+  Rt,
+  Gt,
   !1,
   null,
-  "7b8afc91",
+  "9f39f8ce",
   null,
   null
 );
-const ee = zt.exports;
-const Zt = {
+const ie = Ut.exports;
+const Wt = {
   name: "GalleryTemplateModal",
   components: {
-    simplebar: S,
-    DocumentLayout: Ge
+    simplebar: k,
+    DocumentLayout: Ue
   },
   props: {
     // Instance of template
@@ -358,7 +376,7 @@ const Zt = {
     };
   },
   computed: {
-    ...v({
+    ...g({
       isLoading: "templates/isPosting"
     }),
     previewDocument() {
@@ -382,7 +400,7 @@ const Zt = {
       const i = this.template.id;
       i || (this.templateStat = null);
       try {
-        const { data: e } = await ge.get(i);
+        const { data: e } = await ve.get(i);
         this.templateStat = e;
       } catch {
         this.templateStat = null;
@@ -396,7 +414,7 @@ const Zt = {
     }
   }
 };
-var Ot = function() {
+var qt = function() {
   var a;
   var e = this, t = e._self._c;
   return t("div", { staticClass: "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" } }, [t("simplebar", [e.previewDocument ? t("DocumentLayout", { attrs: { document: e.previewDocument } }) : 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) + " ")]), 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: {
@@ -404,17 +422,17 @@ var Ot = function() {
   } }), t("div", { staticStyle: { "margin-left": "0.5em" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.meta.author.name))]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px" } }, [e.meta.author.templatesCount ? [e._v(" " + e._s(e.meta.author.templatesCount) + " " + e._s(e.$t("_common:template", { count: e.meta.author.templatesCount })) + " ")] : [e._v(e._s(e.$t("_common:template").capitalize()))]], 2)])])]), t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("CButton", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.useSelectedTemplate } }, [e._v(" " + e._s(e.$t("_common:use", { thing: e.$t("_common:template") })) + " ")]), e.showSave ? t("CButton", { attrs: { loading: e.isLoading, type: e.didSave ? "success" : "none", "icon-left": e.didSave ? "check" : void 0, wide: "" }, on: { click: function(n) {
     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()], 1)])]);
-}, Rt = [], Gt = /* @__PURE__ */ c(
-  Zt,
-  Ot,
-  Rt,
+}, Nt = [], jt = /* @__PURE__ */ c(
+  Wt,
+  qt,
+  Nt,
   !1,
   null,
   "e2568605",
   null,
   null
 );
-const Ut = Gt.exports, Wt = {
+const Kt = jt.exports, Yt = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -529,7 +547,7 @@ const Ut = Gt.exports, Wt = {
           const s = this.templateGalleryItems.find(({ id: o }) => o === t);
           this.selectGalleryItem(s);
         } catch (s) {
-          L(s);
+          $(s);
         }
     });
   },
@@ -544,7 +562,7 @@ const Ut = Gt.exports, Wt = {
         const t = await this.fetchGallery(e);
         this.templateGalleryItems = t || [], this.availableCategoryKeys = t.reduce((a, n) => [.../* @__PURE__ */ new Set([...a, ...n.categories])], []);
       } catch (t) {
-        L(t);
+        $(t);
       } finally {
         this.isLoading = !1, typeof i == "function" && i();
       }
@@ -556,7 +574,7 @@ const Ut = Gt.exports, Wt = {
         populate: "templateId",
         isVisibleApp: !0
       }, t = await this.fetchGallery(e), a = (s = t == null ? void 0 : t[0]) == null ? void 0 : s.templateId;
-      return a ? (Ce(a), new ve(a)) : null;
+      return a ? (ye(a), new xe(a)) : null;
     },
     onUseTemplate(i) {
       if (!i)
@@ -579,7 +597,7 @@ const Ut = Gt.exports, Wt = {
         fortnoxCom: "/img/fortnox/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        Ut,
+        Kt,
         {
           template: i,
           meta: {
@@ -587,7 +605,7 @@ const Ut = Gt.exports, Wt = {
             text: e.description,
             author: {
               name: this.$t("_common:brand.name"),
-              avatar: t[this.$brand],
+              avatar: t[f.brand],
               templatesCount: this.templateGalleryItems.length
             }
           },
@@ -628,30 +646,30 @@ const Ut = Gt.exports, Wt = {
       selectGalleryItem: this.selectGalleryItem
     });
   }
-}, qt = null, Nt = null;
-var jt = /* @__PURE__ */ c(
-  Wt,
-  qt,
-  Nt,
+}, Qt = null, Jt = null;
+var Xt = /* @__PURE__ */ c(
+  Yt,
+  Qt,
+  Jt,
   !1,
   null,
   null,
   null,
   null
 );
-const Kt = jt.exports;
-const Yt = {
+const e2 = Xt.exports;
+const t2 = {
   name: "DocumentIcon",
-  truncate: ye,
+  truncate: we,
   inject: {
     components: {
       default: {
-        BlockMedia: Qe
+        BlockMedia: Ye
       }
     }
   }
 };
-var Qt = function(e, t) {
+var i2 = function(e, t) {
   return e("div", t._b({ key: t.data.key, staticClass: "item", class: [
     t.data.staticClass,
     {
@@ -664,21 +682,21 @@ var Qt = 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.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)]);
-}, Jt = [], Xt = /* @__PURE__ */ c(
-  Yt,
-  Qt,
-  Jt,
+}, a2 = [], n2 = /* @__PURE__ */ c(
+  t2,
+  i2,
+  a2,
   !0,
   null,
-  "493bd35d",
+  "6b8b46e0",
   null,
   null
 );
-const e2 = Xt.exports;
-const t2 = {
+const s2 = n2.exports;
+const o2 = {
   name: "HorizontalScroll",
   components: {
-    Simplebar: S
+    Simplebar: k
   },
   data() {
     return {
@@ -722,7 +740,7 @@ const t2 = {
     }
   }
 };
-var i2 = function() {
+var l2 = 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);
@@ -735,18 +753,18 @@ var i2 = 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)]);
-}, a2 = [], n2 = /* @__PURE__ */ c(
-  t2,
-  i2,
-  a2,
+}, r2 = [], c2 = /* @__PURE__ */ c(
+  o2,
+  l2,
+  r2,
   !1,
   null,
   "15f25c8e",
   null,
   null
 );
-const s2 = n2.exports;
-const o2 = {
+const d2 = c2.exports;
+const p2 = {
   name: "DocumentFormRecent",
   i18nOptions: {
     namespaces: "DocumentFormRecent",
@@ -771,7 +789,7 @@ const o2 = {
     };
   },
   computed: {
-    ...v({
+    ...g({
       docById: "documents2/byId"
     })
   },
@@ -788,7 +806,7 @@ const o2 = {
     async fetchDocuments(i) {
       const e = this.query ? 180 : 90, t = {
         createdAt: {
-          $gte: this.$formatDate(xe(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
+          $gte: this.$formatDate(_e(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
         },
         // Only provide or if there is a search query to filter on
         ...this.query && {
@@ -803,7 +821,7 @@ const o2 = {
             }
           ]
         }
-      }, { data: a } = await we.getAll({
+      }, { data: a } = await be.getAll({
         lean: !0,
         filter: encodeURIComponent(JSON.stringify(t)),
         fields: "clients,data.name,createdAt",
@@ -813,7 +831,7 @@ const o2 = {
       }), { items: n = [] } = a || {};
       return n;
     },
-    onLoadDocuments: I(async function() {
+    onLoadDocuments: B(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;
@@ -825,35 +843,35 @@ const o2 = {
     }
   }
 };
-var l2 = function() {
+var u2 = 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: "text-center has-text-grey", staticStyle: { padding: "1em", "background-color": "hsl(0, 0%, 97%)", border: "1px solid hsl(0, 0%, 90%)", "border-radius": "0.35em", "font-size": "15px" } }, [e._v(" " + e._s(e.$t("emptyPlaceholder")) + " ")]) : e.query && !e.isLoading && !e.list.length ? t("div", { staticClass: "text-center has-text-grey", staticStyle: { padding: "1em" } }, [e._v(" " + e._s(e.$t("noResults")) + " ")]) : e._l(e.list, function(a, n) {
+  }) : !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: { "has-text-grey": !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) {
+    } } }, [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)]);
-}, r2 = [], c2 = /* @__PURE__ */ c(
-  o2,
-  l2,
-  r2,
+}, m2 = [], h2 = /* @__PURE__ */ c(
+  p2,
+  u2,
+  m2,
   !1,
   null,
-  "30ff8970",
+  "0096ccb0",
   null,
   null
 );
-const d2 = c2.exports;
-const p2 = {
+const f2 = h2.exports;
+const g2 = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -896,16 +914,12 @@ const p2 = {
   name: "DocumentFormSelect",
   mixins: [b],
   components: {
-    HorizontalScroll: s2,
-    DocumentIcon: e2,
-    DocumentRecent: d2,
-    GalleryLogic: Kt
+    HorizontalScroll: d2,
+    DocumentIcon: s2,
+    DocumentRecent: f2,
+    GalleryLogic: e2
   },
   props: {
-    canEditTemplate: {
-      type: Boolean,
-      default: !1
-    },
     // Used for creating documents form project/client views
     projectId: {
       type: Number,
@@ -915,10 +929,18 @@ const p2 = {
       type: Number,
       default: null
     },
+    onEditTemplate: {
+      type: Function,
+      default: null
+    },
     onUseTemplate: {
       type: Function,
       required: !0
     },
+    onSaveTemplate: {
+      type: Function,
+      default: null
+    },
     showGallery: {
       type: Boolean,
       default: !1
@@ -935,7 +957,7 @@ const p2 = {
     };
   },
   computed: {
-    ...v({
+    ...g({
       templateById: "templates/byId",
       isFetchingTemplates: "templates/isFetching",
       availableTemplates: "templates/availableTemplates",
@@ -998,10 +1020,10 @@ const p2 = {
     },
     async saveTemplate(i) {
       try {
-        const { data: e } = i, t = _e(e, ["_id", "id", "companyId", "isVisible"]);
+        const { data: e } = i, t = ke(e, ["_id", "id", "companyId", "isVisible"]);
         return await this.createTemplate({ body: t }), !0;
       } catch (e) {
-        L(e);
+        $(e);
       }
       return !1;
     },
@@ -1010,10 +1032,11 @@ const p2 = {
     },
     async openTemplateFormModal({ document: i = null, template: e = null }) {
       this.$modal.show(
-        ee,
+        ie,
         {
           document: i,
-          template: e
+          template: e,
+          onSaveTemplate: this.onSaveTemplate
         },
         {
           adaptive: !0,
@@ -1026,27 +1049,27 @@ const p2 = {
       );
     },
     async fetchGallery(i = {}) {
-      const { data: e } = await be.get(i);
+      const { data: e } = await Le.get(i);
       return e;
     }
   }
 };
-var u2 = function() {
+var C2 = 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(e.isExpanded ? "div" : "HorizontalScroll", { tag: "component", staticClass: "template-list", class: { "is-expanded": e.isExpanded }, on: { expand: function(a) {
     e.isExpanded = !0;
   } } }, e._l(e.myTemplates, function(a) {
     return t("DocumentIcon", { key: a.id, staticClass: "template-item", attrs: { "is-add": a.id === "empty", "is-placeholder": a.placeholder, media: a.defaultMedia || e.fallbackMedia, thumbnail: a.thumbnailUrl, name: a.name }, on: { click: function(n) {
       a.placeholder || e.select({ templateId: a.id });
-    } } }, [e.canEditTemplate ? t("CDropdown", { staticStyle: { top: "-8px", right: "-4px" }, attrs: { "append-to-body": "" }, nativeOn: { click: function(n) {
+    } } }, [t("CDropdown", { staticStyle: { top: "-8px", right: "-4px" }, attrs: { "append-to-body": "" }, nativeOn: { click: function(n) {
       n.stopPropagation();
-    } } }, [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("icon.tooltip"), expression: "$t('icon.tooltip')" }], attrs: { slot: "trigger", icon: "more-vertical", type: "none", pattern: "tertiary", size: "small" }, slot: "trigger" }), t("CDropdownItem", { attrs: { "icon-left": "template-color" }, on: { click: function(n) {
-      return e.$router.push({ name: "templateForm", params: { templateId: a.id } });
-    } } }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:template") })) + " ")]), t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "edit" }, on: { click: function(n) {
+    } } }, [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("icon.tooltip"), expression: "$t('icon.tooltip')" }], attrs: { slot: "trigger", icon: "more-vertical", type: "none", pattern: "tertiary", size: "small" }, slot: "trigger" }), e.onEditTemplate ? t("CDropdownItem", { attrs: { "icon-left": "template-color" }, on: { click: function(n) {
+      return e.onEditTemplate(a.id);
+    } } }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:template") })) + " ")]) : e._e(), t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "edit" }, on: { click: function(n) {
       return e.openTemplateFormModal({ template: a });
     } } }, [e._v(" " + e._s(e.$t("_common:change", { thing: e.$t("_common:name") })) + " ")]), t("CDropdownItem", { attrs: { separator: "" } }), t("CDropdownItem", { attrs: { "icon-props": { size: 16, stroke: "hsl(360, 100%, 60%)" }, "icon-left": "trash" }, on: { click: function(n) {
       return e.onRemoveTemplate(a);
-    } } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")])], 1) : e._e()], 1);
+    } } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")])], 1)], 1);
   }), 1)], 1), e.showGallery ? [t("GalleryLogic", { attrs: { "fetch-gallery": e.fetchGallery, "use-template": e.select, "modal-props": e.galleryModalProps }, scopedSlots: e._u([{ key: "default", fn: function({
     galleryItems: a,
     categories: n,
@@ -1054,30 +1077,30 @@ var u2 = function() {
     selectCategory: o,
     selectGalleryItem: l
   }) {
-    return [t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "flex items-center w-full section-title" }, [t("div", { staticStyle: { flex: "1 1 auto" } }, [t("div", [e._v(e._s(e.$t("gallery")))]), t("div", { staticClass: "section-subtitle", domProps: { innerHTML: e._s(e.$t("gallerySubTitle")) } })]), t("CDropdown", { staticStyle: { "margin-left": "0.5rem" }, nativeOn: { click: function(r) {
+    return [t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "flex items-center w-full section-title" }, [t("div", { staticStyle: { flex: "1 1 auto" } }, [t("div", [e._v(e._s(e.$t("gallery")))]), t("div", { staticClass: "section-subtitle", domProps: { innerHTML: e._s(e.$t("gallerySubTitle")) } })]), t("CDropdown", { staticStyle: { "margin-left": "calc(0.5 * var(--rem))" }, nativeOn: { click: function(r) {
       r.stopPropagation();
     } } }, [t("CButton", { attrs: { slot: "trigger", size: "small", type: "none", pattern: "secondary", "icon-right": "chevron-down" }, slot: "trigger" }, [e._v(" " + e._s(s ? s.label : "") + " ")]), e._l(n, function(r) {
-      return t("CDropdownItem", { key: r.key, attrs: { "icon-right": s && s.key === r.key ? "check" : "" }, on: { click: function(h) {
+      return t("CDropdownItem", { key: r.key, attrs: { "icon-right": s && s.key === r.key ? "check" : "" }, on: { click: function(p) {
         return o(r);
       } } }, [e._v(" " + e._s(r.label) + " ")]);
     })], 2)], 1), t("HorizontalScroll", { staticClass: "template-list" }, e._l(a, function(r) {
-      return t("DocumentIcon", { key: r.id, staticClass: "template-item", attrs: { "is-placeholder": r.placeholder, media: { type: "image", resourceUrl: r.backgroundUrl }, name: r.name }, on: { click: function(h) {
+      return t("DocumentIcon", { key: r.id, staticClass: "template-item", attrs: { "is-placeholder": r.placeholder, media: { type: "image", resourceUrl: r.backgroundUrl }, name: r.name }, on: { click: function(p) {
         r.placeholder || l(r);
       } } });
     }), 1)], 1)];
-  } }], null, !1, 4229086650) })] : 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)]);
-}, m2 = [], h2 = /* @__PURE__ */ c(
-  p2,
-  u2,
-  m2,
+  } }], null, !1, 3964948248) })] : e._e(), t("DocumentRecent", { staticStyle: { width: "100%", "padding-bottom": "5em" }, on: { "use-doc-template": e.select, "save-template": e.openTemplateFormModal } }, [t("div", { staticClass: "section-title", staticStyle: { flex: "1 1 auto", "padding-bottom": "0.5em" } }, [t("div", [e._v(e._s(e.$t("recent")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("recentSubTitle")) + " ")])])])], 2)]);
+}, v2 = [], y2 = /* @__PURE__ */ c(
+  g2,
+  C2,
+  v2,
   !1,
   null,
-  "578dcbee",
+  "1eb8b257",
   null,
   null
 );
-const f2 = h2.exports;
-const g2 = (i) => {
+const x2 = y2.exports;
+const w2 = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -1099,8 +1122,8 @@ const g2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, C2 = (i, e = "en") => [
-  { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: m.t("attachment_plural", { lng: e }).capitalize() },
+}, _2 = (i, e = "en") => [
+  { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: h.t("attachment_plural", { lng: e }).capitalize() },
   {
     key: `files-${i}`,
     type: "array",
@@ -1108,13 +1131,13 @@ const g2 = (i) => {
       $ref: `${f.api.baseUrl}/schemas/file/1.json`
     }
   }
-], v2 = ({ document: i = null }) => {
+], b2 = ({ document: i = null }) => {
   const e = d(), { language: t } = i || {};
   return {
-    readView: g2(e),
-    validation: C2(e, t)
+    readView: w2(e),
+    validation: _2(e, t)
   };
-}, y2 = () => [
+}, k2 = () => [
   {
     itemId: "presentation",
     itemType: "presentation",
@@ -1122,11 +1145,11 @@ const g2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], x2 = () => ({
-  readView: y2(),
+], L2 = () => ({
+  readView: k2(),
   validation: []
   // all relevant data is either within base doc or company settings etc
-}), w2 = () => {
+}), $2 = () => {
   const i = Array(2).fill().map(() => d());
   return [
     {
@@ -1149,19 +1172,19 @@ const g2 = (i) => {
       // uniqid(),
     }
   ];
-}, _2 = (i = "en") => [
+}, S2 = (i = "en") => [
   {
     key: "multiGroupPricing-title",
     anyOf: [{ type: "string" }, { type: "null" }],
-    defaultValue: m.t("components:document.chapters.multiGroupPricing.title", { lng: i })
+    defaultValue: h.t("components:document.chapters.multiGroupPricing.title", { lng: i })
   }
-], b2 = ({ document: i = null }) => {
+], D2 = ({ document: i = null }) => {
   const { language: e } = i || {};
   return {
-    readView: w2(),
-    validation: _2(e)
+    readView: $2(),
+    validation: S2(e)
   };
-}, k2 = () => [
+}, V2 = () => [
   {
     itemId: "terms",
     itemType: "termsDisclaimer",
@@ -1179,7 +1202,7 @@ const g2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], L2 = () => [
+], T2 = () => [
   {
     key: "terms",
     anyOf: [
@@ -1187,10 +1210,10 @@ const g2 = (i) => {
       { type: "null" }
     ]
   }
-], $2 = () => ({
-  readView: k2(),
-  validation: L2()
-}), S2 = () => {
+], M2 = () => ({
+  readView: V2(),
+  validation: T2()
+}), B2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1239,7 +1262,7 @@ const g2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, D2 = () => ({
+}, I2 = () => ({
   clients: [{
     name: "Pernilla P.",
     email: "pernilla@mail.se",
@@ -1249,20 +1272,20 @@ const g2 = (i) => {
     deliveryTypes: ["email"],
     answerMethod: { accept: "signature", deny: "button" }
   }]
-}), T2 = (i = "en") => [
+}), F2 = (i = "en") => [
   { key: "senderString", anyOf: [{ type: "string" }, { type: "null" }] },
   { key: "receiverString", anyOf: [{ type: "string" }, { type: "null" }] },
-  { key: "partiesString", anyOf: [{ type: "string" }, { type: "null" }], defaultValue: m.t("components:document.chapters.parties.title", { lng: i }) }
-], V2 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+  { key: "partiesString", anyOf: [{ type: "string" }, { type: "null" }], defaultValue: h.t("components:document.chapters.parties.title", { lng: i }) }
+], H2 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const { language: a } = e || {};
   let n = null;
-  return typeof t == "function" ? n = t() : i && (n = D2()), {
-    readView: S2(),
-    validation: T2(a),
+  return typeof t == "function" ? n = t() : i && (n = I2()), {
+    readView: B2(),
+    validation: F2(a),
     // Client / company will for now always exist on doc and in validation
     ...n && { data: n }
   };
-}, M2 = (i) => {
+}, A2 = (i) => {
   const e = Array(3).fill().map(() => d());
   return [
     {
@@ -1291,7 +1314,7 @@ const g2 = (i) => {
       nodeId: e[2]
     }
   ];
-}, I2 = (i) => [
+}, P2 = (i) => [
   {
     key: `estimatedTimeComplete-${i}`,
     type: "object",
@@ -1312,20 +1335,20 @@ const g2 = (i) => {
       }
     }
   }
-], B2 = (i) => ({
+], E2 = (i) => ({
   [`estimatedTimeComplete-${i}`]: {
     value: 4,
     unitType: "hour"
   }
-}), F2 = ({ 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 = B2(t)), {
-    readView: M2(t),
-    validation: I2(t),
+  return typeof e == "function" ? a = e(t) : i && (a = E2(t)), {
+    readView: A2(t),
+    validation: P2(t),
     ...a && { data: a }
   };
-}, H2 = () => {
+}, Z2 = () => {
   const i = Array(3).fill().map(() => d());
   return [
     {
@@ -1359,7 +1382,7 @@ const g2 = (i) => {
       nodeId: i[2]
     }
   ];
-}, A2 = () => [
+}, O2 = () => [
   {
     key: "estimatedWorkDates",
     type: "object",
@@ -1368,10 +1391,10 @@ const g2 = (i) => {
       endAt: { anyOf: [{ type: "null" }, { type: "string" }] }
     }
   }
-], P2 = () => ({
-  readView: H2(),
-  validation: A2()
-}), E2 = () => {
+], R2 = () => ({
+  readView: Z2(),
+  validation: O2()
+}), G2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1437,7 +1460,7 @@ const g2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, z2 = () => [
+}, U2 = () => [
   {
     key: "extraWorkConstruction",
     extraWorkConstruction: {
@@ -1461,11 +1484,11 @@ const g2 = (i) => {
       }
     }
   }
-], Z2 = () => ({
-  readView: E2(),
-  validation: z2()
+], W2 = () => ({
+  readView: G2(),
+  validation: U2()
   // Client / company will for now always exist on doc and in validation
-}), O2 = () => {
+}), q2 = () => {
   const i = Array(3).fill().map(() => d());
   return [
     {
@@ -1505,7 +1528,7 @@ const g2 = (i) => {
       nodeId: i[2]
     }
   ];
-}, R2 = () => [
+}, N2 = () => [
   {
     key: "extraWorkTimeImpact",
     anyOf: [
@@ -1529,10 +1552,10 @@ const g2 = (i) => {
       }
     ]
   }
-], G2 = () => ({
-  readView: O2(),
-  validation: R2()
-}), U2 = () => {
+], j2 = () => ({
+  readView: q2(),
+  validation: N2()
+}), K2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1585,13 +1608,13 @@ const g2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, W2 = () => [
+}, Y2 = () => [
   { key: "miscAgreements", anyOf: [{ type: "string" }, { type: null }] },
   { key: "notBinding", type: "boolean" }
-], q2 = () => ({
-  readView: U2(),
-  validation: W2()
-}), N2 = (i) => {
+], Q2 = () => ({
+  readView: K2(),
+  validation: Y2()
+}), J2 = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -1613,22 +1636,22 @@ const g2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, j2 = (i) => [
+}, X2 = (i) => [
   { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: "" },
   { key: `content-${i}`, anyOf: [{ type: "string" }, { type: "null" }] }
-], K2 = (i) => ({
+], ei = (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>"
-}), Y2 = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), ti = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = K2(t)), {
-    readView: N2(t),
-    validation: j2(t),
+  return typeof e == "function" ? a = e(t) : i && (a = ei(t)), {
+    readView: J2(t),
+    validation: X2(t),
     ...a && { data: a },
     onAddFnName: "conditionalOnAdd"
   };
-}, Q2 = (i) => [
+}, ii = (i) => [
   {
     itemId: "coverBlock",
     itemType: "coverBlock",
@@ -1638,12 +1661,12 @@ const g2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], J2 = (i, e = "en") => [
+], ai = (i, e = "en") => [
   {
     key: `coverBlock-${i}`,
     defaultValue: {
       type: "video",
-      text: `<p data-typography="title">${m.t("components:document.coverBlock.defaultText", { lng: e })}</p>`,
+      text: `<p data-typography="title">${h.t("components:document.coverBlock.defaultText", { lng: e })}</p>`,
       cover: {
         video: {
           id: "1409899",
@@ -1655,7 +1678,7 @@ const g2 = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/coverBlock/1.json`
   }
-], X2 = (i) => ({
+], ni = (i) => ({
   [`data.coverBlock-${i}`]: {
     text: "<h1>We know communication</h1>",
     cover: {
@@ -1665,16 +1688,16 @@ const g2 = (i) => {
       blur: 0
     }
   }
-}), ei = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+}), si = ({ 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 = X2(a)), {
-    readView: Q2(a),
-    validation: J2(a, n),
+  return typeof t == "function" ? s = t(a) : i && (s = ni(a)), {
+    readView: ii(a),
+    validation: ai(a, n),
     ...s && { data: s }
   };
-}, ti = ({ language: i = "en" } = {}) => {
-  const e = (t) => m.t(`components:account.documentForm.contentItems.coverBlock.${t}`, {
+}, oi = ({ language: i = "en" } = {}) => {
+  const e = (t) => h.t(`components:account.documentForm.contentItems.coverBlock.${t}`, {
     lng: i
   });
   return [
@@ -1818,7 +1841,7 @@ const g2 = (i) => {
       })
     }
   ];
-}, ii = (i) => [
+}, li = (i) => [
   {
     itemId: `header-${i}`,
     itemType: "header",
@@ -1828,18 +1851,18 @@ const g2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], ai = (i, e = null) => {
+], ri = (i, e = null) => {
   const {
     language: t = "en",
     name: a = "",
     theme: n
-  } = e || {}, s = a || m.t("_common:proposal", { lng: t }).capitalize();
+  } = e || {}, s = a || h.t("_common:proposal", { lng: t }).capitalize();
   e && (e.name = s);
   const {
     background: o,
     priceSummaryBackground: l,
     backgroundFilter: r
-  } = n || {}, h = l || "hsl(228, 52%, 18%)", g = i1.readability(h, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
+  } = n || {}, p = l || "hsl(228, 52%, 18%)", C = e1.readability(p, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
   return [
     {
       key: `header-${i}`,
@@ -1848,7 +1871,7 @@ const g2 = (i) => {
         layout: "vertical",
         baseStyle: {
           textAlign: "left",
-          textColor: g
+          textColor: C
         },
         items: [
           {
@@ -1866,12 +1889,12 @@ const g2 = (i) => {
             size: 70,
             media: {
               type: "color",
-              backgroundColor: h
+              backgroundColor: p
             },
             value: {
               preText: "",
               documentName: `<p data-typography="title">${s}</p>`,
-              postText: m.t("components:document.chapters.header.postText", { lng: t, interpolation: { prefix: "__", suffix: "__" } }),
+              postText: h.t("components:document.chapters.header.postText", { lng: t, interpolation: { prefix: "__", suffix: "__" } }),
               showLogo: !0,
               logotype: ""
             }
@@ -1880,7 +1903,7 @@ const g2 = (i) => {
       }
     }
   ];
-}, ni = (i) => ({
+}, ci = (i) => ({
   [`data.header-${i}`]: {
     layout: "vertical",
     baseStyle: { textAlign: "left", textColor: "#FFFFFF" },
@@ -1910,16 +1933,16 @@ const g2 = (i) => {
       }
     ]
   }
-}), si = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+}), di = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const a = d();
   let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = ni(a)), {
-    readView: ii(a),
-    validation: ai(a, e),
+  return typeof t == "function" ? n = t(a) : i && (n = ci(a)), {
+    readView: li(a),
+    validation: ri(a, e),
     ...n && { data: n }
   };
-}, oi = ({ language: i = "en" } = {}) => {
-  const e = (t) => m.t(`components:account.documentForm.contentItems.header.${t}`, {
+}, pi = ({ language: i = "en" } = {}) => {
+  const e = (t) => h.t(`components:account.documentForm.contentItems.header.${t}`, {
     lng: i,
     interpolation: { prefix: "__", suffix: "__" }
   });
@@ -2207,7 +2230,7 @@ const g2 = (i) => {
     }
   ];
 };
-m.loadOptions({
+h.loadOptions({
   namespaces: "packageGroupTemplate",
   messages: {
     en: {
@@ -2218,7 +2241,7 @@ m.loadOptions({
     }
   }
 });
-const li = (i) => {
+const ui = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -2243,38 +2266,38 @@ const li = (i) => {
       nodeId: e[1]
     }
   ];
-}, ri = (i, e = "en") => [
+}, mi = (i, e = "en") => [
   {
     key: `packageGroups.${i}`,
     validationKey: "packageGroups",
     defaultValue: {
       type: "",
-      title: m.t("packageGroupTemplate:title", { lng: e }),
+      title: h.t("packageGroupTemplate:title", { lng: e }),
       hideGroupPrice: !1,
       packages: []
     },
     defaultValidation: {
       [i]: {
         type: "",
-        title: m.t("packageGroupTemplate:title", { lng: e }),
+        title: h.t("packageGroupTemplate:title", { lng: e }),
         hideGroupPrice: !1,
         packages: []
       }
     },
     $ref: `${f.api.baseUrl}/schemas/packageGroups/1.json`
   }
-], ci = () => null, di = ({ includeMockData: i, document: e = null, contentData: t = null } = {}) => {
+], hi = () => null, fi = ({ 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 = ci());
-  const o = li(a), l = ri(a, n);
+  typeof t == "function" ? s = t(a) : i && (s = hi());
+  const o = ui(a), l = mi(a, n);
   return {
     readView: o,
     validation: l,
     ...s && { data: s }
   };
 };
-m.loadOptions({
+h.loadOptions({
   namespaces: "packageGroupContentItems",
   messages: {
     en: {
@@ -2359,13 +2382,13 @@ m.loadOptions({
     }
   }
 });
-const pi = ({
+const gi = ({
   language: i = "en",
   currency: e = "USD",
   _getters: t,
   allArticles: a = []
 } = {}) => {
-  const n = p(t, "settings/defaultVatRate") || null, s = !p(t, "settings/hidePriceOnNewlyAddedArticles"), o = (l) => m.t(`packageGroupContentItems:${l}`, { lng: i });
+  const n = m(t, "settings/defaultVatRate") || null, s = !m(t, "settings/hidePriceOnNewlyAddedArticles"), o = (l) => h.t(`packageGroupContentItems:${l}`, { lng: i });
   return [
     {
       previewUrl: `
@@ -2414,7 +2437,7 @@ const pi = ({
         return {
           [`data.packageGroups.${l}`]: {
             type: "single",
-            title: m.t("packageGroupTemplate:title", { lng: i }),
+            title: h.t("packageGroupTemplate:title", { lng: i }),
             hideGroupPrice: !1,
             packages: [
               {
@@ -2532,7 +2555,7 @@ const pi = ({
         return {
           [`data.packageGroups.${l}`]: {
             type: "radio",
-            title: m.t("packageGroupTemplate:title", { lng: i }),
+            title: h.t("packageGroupTemplate:title", { lng: i }),
             hideGroupPrice: !1,
             packages: [
               {
@@ -2666,7 +2689,7 @@ const pi = ({
         return {
           [`data.packageGroups.${l}`]: {
             type: "checkbox",
-            title: m.t("packageGroupTemplate:title", { lng: i }),
+            title: h.t("packageGroupTemplate:title", { lng: i }),
             hideGroupPrice: !1,
             packages: [
               {
@@ -2716,7 +2739,7 @@ const pi = ({
       }
     }
   ];
-}, ui = (i) => [
+}, Ci = (i) => [
   {
     itemId: "embed",
     itemType: "embed",
@@ -2730,7 +2753,7 @@ const pi = ({
     parentId: "0",
     nodeId: d()
   }
-], mi = (i) => [
+], vi = (i) => [
   {
     key: `embed-${i}`,
     $ref: `${f.api.baseUrl}/schemas/embed/1.json`,
@@ -2739,16 +2762,16 @@ const pi = ({
       size: "small"
     }
   }
-], hi = () => null, fi = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+], yi = () => null, xi = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
   const a = d();
   let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = hi()), {
-    readView: ui(a),
-    validation: mi(a),
+  return typeof t == "function" ? n = t(a) : i && (n = yi()), {
+    readView: Ci(a),
+    validation: vi(a),
     ...n && { data: n }
   };
 };
-m.loadOptions({
+h.loadOptions({
   namespaces: "embedContentItems",
   messages: {
     en: {
@@ -2759,7 +2782,7 @@ m.loadOptions({
     }
   }
 });
-const gi = ({ language: i = "en" } = {}) => [
+const wi = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -2818,7 +2841,7 @@ const gi = ({ language: i = "en" } = {}) => [
         </defs>
       </svg>
       <div class="submenu-item-badge">
-        ${m.t("embedContentItems:previewTitle", { lng: i })}
+        ${h.t("embedContentItems:previewTitle", { lng: i })}
       </div>
     </div>
     `,
@@ -3051,7 +3074,7 @@ const gi = ({ language: i = "en" } = {}) => [
       }
     })
   }
-], Ci = (i) => [
+], _i = (i) => [
   {
     itemId: "videoPlayer",
     itemType: "videoPlayer",
@@ -3064,7 +3087,7 @@ const gi = ({ language: i = "en" } = {}) => [
     parentId: "0",
     nodeId: d()
   }
-], vi = (i) => [
+], bi = (i) => [
   {
     key: `video-${i}`,
     $ref: `${f.api.baseUrl}/schemas/videoPlayer/1.json`,
@@ -3075,7 +3098,7 @@ const gi = ({ language: i = "en" } = {}) => [
       }
     }
   }
-], yi = (i) => ({
+], ki = (i) => ({
   [`data.video-${i}`]: {
     size: "small",
     video: {
@@ -3084,15 +3107,15 @@ const gi = ({ language: i = "en" } = {}) => [
       id: "166JEb6qkr4"
     }
   }
-}), xi = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), Li = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = yi(t)), {
-    readView: Ci(t),
-    validation: vi(t),
+  return typeof e == "function" ? a = e(t) : i && (a = ki(t)), {
+    readView: _i(t),
+    validation: bi(t),
     ...a && { data: a }
   };
-}, wi = ({ language: i = "en" } = {}) => [
+}, $i = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -3116,7 +3139,7 @@ const gi = ({ language: i = "en" } = {}) => [
         </g>
       </svg>
       <div class="submenu-item-badge">
-        ${m.t("_common:video", { language: i }).capitalize()}
+        ${h.t("_common:video", { language: i }).capitalize()}
       </div>
     </div>
     `,
@@ -3294,34 +3317,34 @@ const gi = ({ language: i = "en" } = {}) => [
     })
   }
 ], Z = {
-  titleAndText2: Y2,
-  attachments2: v2,
-  pdf: ke,
-  packageGroup: di,
-  multiGroupPricing: b2,
-  coverBlock: ei,
-  videoPlayer: xi,
-  embed: fi,
-  header: si,
-  answer: Le,
-  terms: $2,
-  parties: V2,
-  custom: t1,
+  titleAndText2: ti,
+  attachments2: b2,
+  pdf: $e,
+  packageGroup: fi,
+  multiGroupPricing: D2,
+  coverBlock: si,
+  videoPlayer: Li,
+  embed: xi,
+  header: di,
+  answer: Se,
+  terms: M2,
+  parties: H2,
+  custom: Xe,
   // legacy 
-  presentation: x2,
-  estimatedTimeCompleted: F2,
-  estimatedWorkStartAndEndAtText: P2,
-  extraWorkConstructionPricingList: Z2,
-  extraWorkTimeImpactText: G2,
-  notBinding: q2
+  presentation: L2,
+  estimatedTimeCompleted: z2,
+  estimatedWorkStartAndEndAtText: R2,
+  extraWorkConstructionPricingList: W2,
+  extraWorkTimeImpactText: j2,
+  notBinding: Q2
 }, O = {
-  coverBlock: ti,
-  header: oi,
-  packageGroup: pi,
-  embed: gi,
-  videoPlayer: wi,
-  custom: e1
-}, _i = {
+  coverBlock: oi,
+  header: pi,
+  packageGroup: gi,
+  embed: wi,
+  videoPlayer: $i,
+  custom: Je
+}, Si = {
   name: "AddBlock",
   props: {
     set: {
@@ -3335,29 +3358,29 @@ const gi = ({ language: i = "en" } = {}) => [
   },
   render() {
     return this.$scopedSlots.default({
-      addBlock: (i) => $e({
+      addBlock: (i) => De({
         ...i,
         set: this.set,
         tplGenerators: Z,
         includeMockData: this.includeMockData,
         emit: (...e) => this.$emit(...e)
       }),
-      getBlockPayload: (i) => Se(i, this.set, Z, this.includeMockdata)
+      getBlockPayload: (i) => Ve(i, this.set, Z, this.includeMockdata)
     });
   }
-}, bi = null, ki = null;
-var Li = /* @__PURE__ */ c(
-  _i,
-  bi,
-  ki,
+}, Di = null, Vi = null;
+var Ti = /* @__PURE__ */ c(
+  Si,
+  Di,
+  Vi,
   !1,
   null,
   null,
   null,
   null
 );
-const te = Li.exports;
-const $i = {
+const ae = Ti.exports;
+const Mi = {
   name: "Drawer",
   props: {
     value: {
@@ -3400,7 +3423,7 @@ const $i = {
     }
   }
 };
-var Si = function() {
+var Bi = 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
@@ -3416,18 +3439,18 @@ var Si = function() {
     boxShadow: e.boxShadow,
     ...e.contentStyle
   } }, [e._t("default")], 2)]) : e._e()])], 1);
-}, Di = [], Ti = /* @__PURE__ */ c(
-  $i,
-  Si,
-  Di,
+}, Ii = [], Fi = /* @__PURE__ */ c(
+  Mi,
+  Bi,
+  Ii,
   !1,
   null,
   "3cb13e4e",
   null,
   null
 );
-const ie = Ti.exports;
-const Vi = {
+const ne = Fi.exports;
+const Hi = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -3451,15 +3474,15 @@ const Vi = {
     }
   },
   components: {
-    AddBlock: te,
-    Drawer: ie,
-    SendForm: a1,
-    CCheckbox: De,
-    BaseIcon: Te,
-    CButton: Ve
+    AddBlock: ae,
+    Drawer: ne,
+    SendForm: t1,
+    CCheckbox: Te,
+    BaseIcon: Me,
+    CButton: Be
   },
   mixins: [
-    k([], {
+    L([], {
       useEmit: !1,
       setFnName: "setFormValue"
     }),
@@ -3501,7 +3524,7 @@ const Vi = {
       return !!(this.viewSettings && this.viewSettings.isPublicForm);
     },
     hasAnswerBlock() {
-      return (p(this._document, "template.views.read.nodes") || []).some((e) => e.itemType === "answer");
+      return (m(this._document, "template.views.read.nodes") || []).some((e) => e.itemType === "answer");
     }
   },
   watch: {
@@ -3528,7 +3551,7 @@ const Vi = {
         return;
       const i = {
         ...this._document.copyTemplateDocDefault(),
-        name: p(this._document, "name") || this.$t("_common:untitled"),
+        name: m(this._document, "name") || this.$t("_common:untitled"),
         _id: void 0,
         id: void 0,
         isVisible: !0
@@ -3540,7 +3563,7 @@ const Vi = {
     }
   }
 };
-var Mi = function() {
+var Ai = 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;
@@ -3552,20 +3575,20 @@ var Mi = function() {
     return [t("CButton", { staticClass: "is-left", attrs: { type: "secondary", size: "small" }, on: { click: function(n) {
       return a({ sectionKey: "answer" });
     } } }, [e._v(" " + e._s(e.$t("signMissingAdd")) + " ")])];
-  } }], null, !1, 2898075047) })], 1)]), e.isPublicForm ? t("CButton", { staticStyle: { height: "48px" }, attrs: { slot: "send", loading: e.isPosting, type: "secondary", wide: "" }, on: { click: e.onSaveDocument }, slot: "send" }, [e._v(" " + e._s(e.$t("signupToSend")) + " ")]) : e._e(), t("label", { staticClass: "has-text-grey-dark", staticStyle: { display: "inline-flex", "align-items": "center", cursor: "pointer", "user-select": "none", "font-size": "12px", "font-weight": "500", "padding-top": "1rem" }, attrs: { slot: "footer", for: "checkbox-save-as-temp" }, slot: "footer" }, [t("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(a) {
+  } }], null, !1, 2898075047) })], 1)]), e.isPublicForm ? t("CButton", { staticStyle: { height: "48px" }, attrs: { slot: "send", loading: e.isPosting, type: "secondary", wide: "" }, on: { click: e.onSaveDocument }, slot: "send" }, [e._v(" " + e._s(e.$t("signupToSend")) + " ")]) : e._e(), t("label", { staticClass: "text-gray-600", staticStyle: { display: "inline-flex", "align-items": "center", cursor: "pointer", "user-select": "none", "font-size": "12px", "font-weight": "500", "padding-top": "calc(1 * var(--rem))" }, attrs: { slot: "footer", for: "checkbox-save-as-temp" }, slot: "footer" }, [t("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(a) {
     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();
-}, Ii = [], Bi = /* @__PURE__ */ c(
-  Vi,
-  Mi,
-  Ii,
+}, Pi = [], Ei = /* @__PURE__ */ c(
+  Hi,
+  Ai,
+  Pi,
   !1,
   null,
-  "1321ff1f",
+  "7cbf7355",
   null,
   null
 );
-const Fi = Bi.exports, Hi = {
+const zi = Ei.exports, Zi = {
   name: "Draggable",
   data() {
     return {
@@ -3597,21 +3620,21 @@ const Fi = Bi.exports, Hi = {
       dragMousedown: this.onDragMouseDown
     });
   }
-}, Ai = null, Pi = null;
-var Ei = /* @__PURE__ */ c(
-  Hi,
-  Ai,
-  Pi,
+}, Oi = null, Ri = null;
+var Gi = /* @__PURE__ */ c(
+  Zi,
+  Oi,
+  Ri,
   !1,
   null,
   null,
   null,
   null
 );
-const zi = Ei.exports;
-const Zi = {
+const Ui = Gi.exports;
+const Wi = {
   components: {
-    Draggable: zi
+    Draggable: Ui
   },
   props: {
     offset: {
@@ -3624,39 +3647,39 @@ const Zi = {
     }
   }
 };
-var Oi = function() {
+var qi = 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": "0.5rem", 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: {
+    return [t("div", { staticClass: "popup", staticStyle: { position: "fixed", width: "280px", "border-radius": "calc(0.5 * var(--rem))", padding: "1em 1em 3em 1em", "font-size": "14px", "background-color": "white", "min-height": "400px", "box-shadow": "0 5px 30px -5px rgb(0, 0, 0, 0.2)", "z-index": "1000" }, style: {
       top: "70px",
       left: `${e.offset + 15}px`
     } }, [t("div", { staticStyle: { position: "relative", height: "100%", width: "100%" } }, [t("CButton", { staticStyle: { position: "absolute", right: "0", top: "0" }, attrs: { icon: "x", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { click: function(n) {
       return e.$emit("close");
-    } } }), t("CButton", { staticStyle: { position: "absolute", right: "2.25rem", 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": "1rem" } }, [e._v(" " + e._s(e.title) + " ")]), e._t("default")], 2)])];
+    } } }), 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);
-}, Ri = [], Gi = /* @__PURE__ */ c(
-  Zi,
-  Oi,
-  Ri,
+}, Ni = [], ji = /* @__PURE__ */ c(
+  Wi,
+  qi,
+  Ni,
   !1,
   null,
-  "c854e562",
+  "9b75010b",
   null,
   null
 );
-const ae = Gi.exports;
-const Ui = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ui), Wi = {
+const se = ji.exports;
+const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
   i18nOptions: {
     namespaces: "common",
     keyPrefix: "designLabels"
   },
   name: "Design",
   components: {
-    FormInputRow: Y,
-    DragWindow: ae
+    FormInputRow: J,
+    DragWindow: se
   },
   mixins: [
-    k(
+    L(
       ["css"],
       { useEmit: !1, setFnName: "set" }
     )
@@ -3725,7 +3748,7 @@ const Ui = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ui), Wi = {
       // Dynamic depending on font family
       definitionOptions: {
         fontFamily: ({ key: i, value: e }) => {
-          const t = p(this.css, `${this.activeItem.selector}.fontWeight`) || p(this.activeItem, "style.fontWeight") || "400";
+          const t = m(this.css, `${this.activeItem.selector}.fontWeight`) || m(this.activeItem, "style.fontWeight") || "400";
           return {
             label: this.$t("font"),
             inputs: [
@@ -3742,7 +3765,7 @@ const Ui = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ui), Wi = {
                   weight: n,
                   options: s = []
                 }) => {
-                  this.update(i, a), Ue(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
+                  this.update(i, a), We(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
                 }
               }
             ]
@@ -4097,7 +4120,7 @@ const Ui = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ui), Wi = {
           style: {
             fontFamily: "Inter",
             fontSize: "56px",
-            // 2.5rem
+            // calc(2.5 * var(--rem))
             fontWeight: 800,
             // 900
             ...s
@@ -4111,7 +4134,7 @@ const Ui = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ui), Wi = {
           style: {
             fontFamily: "Inter",
             fontSize: "48px",
-            // 2.5rem
+            // calc(2.5 * var(--rem))
             fontWeight: 900,
             // 900
             ...i
@@ -4125,7 +4148,7 @@ const Ui = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ui), Wi = {
           style: {
             fontFamily: "Inter",
             fontSize: "36px",
-            // 2rem ~ 21px
+            // calc(2 * var(--rem)) ~ 21px
             fontWeight: 900,
             // 900
             ...e
@@ -4139,7 +4162,7 @@ const Ui = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ui), Wi = {
           style: {
             fontFamily: "Inter",
             fontSize: "21px",
-            // 1.75rem
+            // calc(1.75 * var(--rem))
             color: "#03f",
             // '#000000'
             fontWeight: 600,
@@ -4177,17 +4200,17 @@ const Ui = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ui), Wi = {
     activeItemOptions() {
       if (!this.activeItem)
         return [];
-      const { selector: i, category: e, style: t = {} } = this.activeItem, a = p(this.css, i) || {}, n = (s) => a[s] || t[s];
+      const { selector: i, category: e, style: t = {} } = this.activeItem, a = m(this.css, i) || {}, n = (s) => a[s] || t[s];
       return this[e].map(({ option: s, key: o }, l) => {
-        const r = this.definitionOptions[s], h = Array.isArray(o) ? o.map((g) => ({ key: g, value: n(g) })) : { key: o, value: n(o) };
-        return r(h, l);
+        const r = this.definitionOptions[s], p = Array.isArray(o) ? o.map((C) => ({ key: C, value: n(C) })) : { key: o, value: n(o) };
+        return r(p, l);
       });
     }
   },
   watch: {
     async activeItem(i) {
-      const e = p(i, "style.fontFamily");
-      e && (this.fontWeightOptions = await We(e));
+      const e = m(i, "style.fontFamily");
+      e && (this.fontWeightOptions = await qe(e));
     }
   },
   methods: {
@@ -4199,9 +4222,9 @@ const Ui = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ui), Wi = {
     }
   }
 };
-var qi = function() {
+var Qi = function() {
   var e = this, t = e._self._c;
-  return t("div", [t("div", { staticStyle: { padding: "0.5rem", position: "relative" } }, [t("div", { staticStyle: { "padding-left": "0.75rem", "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", [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) {
       e.activeItem = a;
     } } }, [t("div", { style: {
@@ -4211,25 +4234,25 @@ var qi = function() {
       color: a.style.color,
       lineHeight: 1
     } }, [e._v(" " + e._s(a.label) + " ")]), t("div", { staticStyle: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, [e._v(" " + e._s(a.style.fontFamily) + " " + e._s(a.style.fontSize) + " ")])]);
-  })], 2), t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "0.5rem 1rem" } }), t("div", { staticStyle: { padding: "0.75rem" } }, [t("div", { staticStyle: { "padding-left": "0.75rem", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, [e._v(" " + e._s(e.$t("section_plural")) + " ")]), e._l(e.sections, function(a) {
+  })], 2), t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(0.5 * var(--rem)) calc(1 * var(--rem))" } }), t("div", { staticStyle: { padding: "calc(0.75 * var(--rem))" } }, [t("div", { staticStyle: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, [e._v(" " + e._s(e.$t("section_plural")) + " ")]), e._l(e.sections, function(a) {
     return t("div", { key: a.label, staticClass: "list-option", on: { click: function(n) {
       e.activeItem = a;
     } } }, [t("div", { staticStyle: { "font-size": "1.075em", "font-weight": "500" } }, [e._v(" " + e._s(a.label) + " ")]), t("div", { staticStyle: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, [e._v(" #000000 ")])]);
   })], 2), e.activeItem ? t("DragWindow", { attrs: { title: e.activeItem.label, offset: e.offset }, on: { close: () => e.activeItem = null } }, e._l(e.activeItemOptions, function(a, n) {
     return t("FormInputRow", { key: n, attrs: { label: a.label, inputs: a.inputs } });
   }), 1) : e._e()], 1);
-}, Ni = [], ji = /* @__PURE__ */ c(
-  Wi,
-  qi,
-  Ni,
+}, Ji = [], Xi = /* @__PURE__ */ c(
+  Yi,
+  Qi,
+  Ji,
   !1,
   null,
-  "7240db61",
+  "930a4202",
   null,
   null
 );
-const Ki = ji.exports;
-const Yi = {
+const ea = Xi.exports;
+const ta = {
   name: "FieldsModal",
   i18nOptions: {
     namespaces: "FieldsModal",
@@ -4263,7 +4286,7 @@ const Yi = {
     }
   },
   components: {
-    CField: K
+    CField: Q
   },
   props: {
     document: {
@@ -4319,7 +4342,7 @@ const Yi = {
   },
   created() {
     if (this.existingFieldId) {
-      const i = p(this.document, `fields.${this.existingFieldId}`);
+      const i = m(this.document, `fields.${this.existingFieldId}`);
       i && (this.form = { ...this.form, ...i });
     }
   },
@@ -4339,14 +4362,14 @@ const Yi = {
     remove() {
       if (!this.existingFieldId)
         return;
-      const i = r1(this.document.fields, [this.existingFieldId]);
+      const i = l1(this.document.fields, [this.existingFieldId]);
       this.set({ key: "data.fields", value: i }), this.$emit("close");
     }
   }
 };
-var Qi = function() {
+var ia = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex flex-col items-center w-full text-center font-inter has-background-white", 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 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);
   }, keyup: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.submit.apply(null, arguments);
@@ -4355,18 +4378,18 @@ var Qi = 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)]);
-}, Ji = [], Xi = /* @__PURE__ */ c(
-  Yi,
-  Qi,
-  Ji,
+}, aa = [], na = /* @__PURE__ */ c(
+  ta,
+  ia,
+  aa,
   !1,
   null,
-  "073facc5",
+  "5cc44007",
   null,
   null
 );
-const ea = Xi.exports;
-const ta = {
+const sa = na.exports;
+const oa = {
   i18nOptions: {
     namespaces: "DocumentFormFields",
     messages: {
@@ -4390,11 +4413,11 @@ const ta = {
   },
   name: "DocumentFormFields",
   components: {
-    SmartList: l1,
-    CAccordion: Je,
-    CField: K
+    SmartList: o1,
+    CAccordion: Qe,
+    CField: Q
   },
-  mixins: [k()],
+  mixins: [L()],
   props: {
     set: {
       type: Function,
@@ -4469,7 +4492,7 @@ const ta = {
     },
     openFieldModal({ existingFieldId: i }) {
       this.$modal.show(
-        ea,
+        sa,
         {
           document: this._document,
           set: this.set,
@@ -4488,7 +4511,7 @@ const ta = {
       );
     },
     onCopyField(i) {
-      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => Me("info", this.$t("_common:copyMessage"))).catch((e) => L(e));
+      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => q("info", this.$t("_common:copyMessage"))).catch((e) => $(e));
     },
     filterMethod(i, e) {
       return e.filter((t) => t.label.toLowerCase().includes(i.toLowerCase()));
@@ -4499,7 +4522,7 @@ const ta = {
     }
   }
 };
-var ia = function() {
+var la = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "d-scroll-container", 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;
@@ -4544,18 +4567,18 @@ var ia = 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);
-}, aa = [], na = /* @__PURE__ */ c(
-  ta,
-  ia,
-  aa,
+}, ra = [], ca = /* @__PURE__ */ c(
+  oa,
+  la,
+  ra,
   !1,
   null,
-  "ae1acd95",
+  "ef9c2946",
   null,
   null
 );
-const sa = na.exports;
-const oa = {
+const da = ca.exports;
+const pa = {
   i18nOptions: {
     messages: {
       en: {
@@ -4598,10 +4621,10 @@ const oa = {
   },
   name: "ExtensionTab",
   components: {
-    draggable: c1,
+    draggable: r1,
     Spinner: Ie
   },
-  mixins: [k([
+  mixins: [L([
     "externalReferences",
     "clients",
     "articles"
@@ -4622,7 +4645,7 @@ const oa = {
     };
   },
   computed: {
-    ...v({
+    ...g({
       allAuthenticatedCRMs: "settings/allAuthenticatedCRMs"
     }),
     currExternalReferences() {
@@ -4655,7 +4678,7 @@ const oa = {
     }
   },
   methods: {
-    priceFormat: Be,
+    priceFormat: Fe,
     async _search(i) {
       try {
         this.isSearching = !0;
@@ -4674,7 +4697,7 @@ const oa = {
         this.isSearching = !1;
       }
     },
-    search: I(async function(e) {
+    search: B(async function(e) {
       await this._search(e);
     }, 750),
     useSearchResult(i) {
@@ -4716,7 +4739,7 @@ const oa = {
       const { service: i, type: e, typeId: t } = this.currentExternalDeal, { data: a } = await _.suggestClients(i, { type: e, typeId: t });
       if (Array.isArray(a) && a.length) {
         const s = (n = this._document) == null ? void 0 : n.defaultAnswerMethod, o = a.map((l) => ({
-          ...Fe(),
+          ...He(),
           ...s && { answerMethod: s },
           ...l
         }));
@@ -4746,49 +4769,49 @@ const oa = {
     }
   }
 };
-var la = function() {
+var ua = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { "font-size": "13px", "padding-left": "0.5rem", "padding-right": "0.5rem", "padding-bottom": "4rem" } }, [e.allAuthenticatedCRMs.length > 1 ? t("CDropdown", { staticStyle: { position: "absolute", right: "0.5rem", top: "0.5rem" }, 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("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) {
       e.activeCrm = a;
     } } }, [e._v(" " + e._s(a.capitalize()) + " ")]);
-  })], 2) : e._e(), e.isLoading && !e.dealDetails ? t("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { "padding-top": "2rem" } }, [t("Spinner", { attrs: { size: "24", color: "grey" } })], 1) : e.activeCrm ? [t("div", { staticStyle: { padding: "0 0.5rem 2rem 0.5rem" } }, [t("div", { staticStyle: { "font-weight": "500", "font-size": "16px" } }, [e._v(" " + e._s(e.activeCrm.capitalize()) + " ")]), e.typeDetails ? t("div", [t("div", { staticClass: "x-hint" }, [t("div", { staticClass: "flex w-full" }, [t("div", { domProps: { textContent: e._s(e.$t("referenceTo", { crm: e.activeCrm.capitalize(), type: e.$t(`type.${e.typeDetails.type}`) })) } }), t("CButton", { staticStyle: { position: "absolute", right: "2px", top: "2px" }, attrs: { icon: "x", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { click: function(a) {
+  })], 2) : e._e(), e.isLoading && !e.dealDetails ? t("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { "padding-top": "calc(2 * var(--rem))" } }, [t("Spinner", { attrs: { size: "24", color: "grey" } })], 1) : e.activeCrm ? [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(2 * var(--rem)) calc(0.5 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500", "font-size": "16px" } }, [e._v(" " + e._s(e.activeCrm.capitalize()) + " ")]), e.typeDetails ? t("div", [t("div", { staticClass: "x-hint" }, [t("div", { staticClass: "flex w-full" }, [t("div", { domProps: { textContent: e._s(e.$t("referenceTo", { crm: e.activeCrm.capitalize(), type: e.$t(`type.${e.typeDetails.type}`) })) } }), t("CButton", { staticStyle: { position: "absolute", right: "2px", top: "2px" }, attrs: { icon: "x", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { click: function(a) {
     return e.removeReference(e.typeDetails.type);
-  } } })], 1), t("div", { staticClass: "x-hint-name", domProps: { textContent: e._s(e.typeDetails.name || "") } })]), t("div", { staticClass: "divider" })]) : e._e(), t("div", { staticClass: "has-text-grey-dark" }, [e._v(" " + e._s(e.$t("headerText", { crm: e.activeCrm.capitalize() })) + " ")]), t("div", { staticStyle: { height: "2em" } }), e.currentExternalDeal ? [t("div", { staticClass: "has-text-grey", staticStyle: { "font-size": "12px" } }, [e._v(" " + e._s(e.$t("connectedTo", { type: e.dealType })) + " ")]), e.dealDetails ? t("div", { staticStyle: { padding: "0.5em", "border-radius": "3px", "background-color": "hsl(205, 100%, 95%)", border: "1px solid hsl(205, 100%, 78%)" } }, [t("div", [t(e.dealDetails.externalUrl ? "a" : "span", { tag: "component", staticClass: "has-text-secondary", staticStyle: { "font-weight": "600" }, attrs: { href: e.dealDetails.externalUrl || "#", target: "_blank" }, domProps: { textContent: e._s(e.dealDetails.name) } })], 1), e.dealDetails.currency ? t("div", { staticStyle: { opacity: "0.75", "font-size": "13px" } }, [e._v(" " + e._s(e.priceFormat(e.dealDetails.value, { showZero: !1, currency: e.dealDetails.currency })) + " ")]) : e._e()]) : e._e(), t("div", [t("CButton", { staticStyle: { "font-size": "12px", padding: "7px" }, attrs: { loading: e.isLoading, size: "small", type: "none", pattern: "tertiary" }, domProps: { textContent: e._s(e.$t("refreshData", { type: e.dealType })) }, on: { click: function(a) {
+  } } })], 1), t("div", { staticClass: "x-hint-name", domProps: { textContent: e._s(e.typeDetails.name || "") } })]), t("div", { staticClass: "divider" })]) : e._e(), t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("headerText", { crm: e.activeCrm.capitalize() })) + " ")]), t("div", { staticStyle: { height: "2em" } }), e.currentExternalDeal ? [t("div", { staticClass: "text-gray-400", staticStyle: { "font-size": "12px" } }, [e._v(" " + e._s(e.$t("connectedTo", { type: e.dealType })) + " ")]), e.dealDetails ? t("div", { staticStyle: { padding: "0.5em", "border-radius": "3px", "background-color": "hsl(205, 100%, 95%)", border: "1px solid hsl(205, 100%, 78%)" } }, [t("div", [t(e.dealDetails.externalUrl ? "a" : "span", { tag: "component", staticClass: "text-primary-500", staticStyle: { "font-weight": "600" }, attrs: { href: e.dealDetails.externalUrl || "#", target: "_blank" }, domProps: { textContent: e._s(e.dealDetails.name) } })], 1), e.dealDetails.currency ? t("div", { staticStyle: { opacity: "0.75", "font-size": "13px" } }, [e._v(" " + e._s(e.priceFormat(e.dealDetails.value, { showZero: !1, currency: e.dealDetails.currency })) + " ")]) : e._e()]) : e._e(), t("div", [t("CButton", { staticStyle: { "font-size": "12px", padding: "7px" }, attrs: { loading: e.isLoading, size: "small", type: "none", pattern: "tertiary" }, domProps: { textContent: e._s(e.$t("refreshData", { type: e.dealType })) }, on: { click: function(a) {
     return e.fetchReference();
   } } }), t("CButton", { staticStyle: { "font-size": "12px", padding: "7px" }, attrs: { size: "small", type: "none", pattern: "tertiary" }, domProps: { textContent: e._s(e.$t("unlink")) }, on: { click: function(a) {
     return e.removeReference();
   } } }), t("CButton", { staticStyle: { "font-size": "12px", padding: "7px" }, attrs: { size: "small", type: "none", pattern: "tertiary" }, domProps: { textContent: e._s(e.$t("suggestClients")) }, on: { click: function(a) {
     return e.suggestClients();
-  } } })], 1)] : t("div", [t("div", { staticClass: "has-text-grey-dark", staticStyle: { padding: "0 4px 0.25em" }, domProps: { textContent: e._s(e.$t("linkToDoc", { type: e.dealType })) } }), t("CAutocomplete", { ref: "input", staticStyle: { width: "auto" }, attrs: { data: e.searchResults, loading: e.isSearching, placeholder: `${e.$t("_common:search")} ${e.activeCrm.capitalize()}`, expanded: "", size: "small", "keep-first": "", filled: "" }, on: { typing: function(a) {
+  } } })], 1)] : t("div", [t("div", { staticClass: "text-gray-600", staticStyle: { padding: "0 4px 0.25em" }, domProps: { textContent: e._s(e.$t("linkToDoc", { type: e.dealType })) } }), t("CAutocomplete", { ref: "input", staticStyle: { width: "auto" }, attrs: { data: e.searchResults, loading: e.isSearching, placeholder: `${e.$t("_common:search")} ${e.activeCrm.capitalize()}`, expanded: "", size: "small", "keep-first": "", filled: "" }, on: { typing: function(a) {
     return e.search(a);
   }, select: function(a) {
     return e.useSearchResult(a);
   } }, scopedSlots: e._u([{ key: "default", fn: function({ option: a }) {
-    return t("div", { staticStyle: { "line-height": "1.5" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(a.name))]), t("div", { staticClass: "has-text-grey-dark", staticStyle: { "font-size": "14px" } }, [e._v(" " + e._s(a.externalReference.type.capitalize()) + " " + e._s(a.externalReference.typeId) + " "), a.value && a.currency ? [e._v(" · " + e._s(e.priceFormat(a.value, { showZero: !1, currency: a.currency })) + " ")] : e._e()], 2)]);
+    return t("div", { staticStyle: { "line-height": "1.5" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(a.name))]), t("div", { staticClass: "text-gray-600", staticStyle: { "font-size": "14px" } }, [e._v(" " + e._s(a.externalReference.type.capitalize()) + " " + e._s(a.externalReference.typeId) + " "), a.value && a.currency ? [e._v(" · " + e._s(e.priceFormat(a.value, { showZero: !1, currency: a.currency })) + " ")] : e._e()], 2)]);
   } }]), model: { value: e.searchQuery, callback: function(a) {
     e.searchQuery = a;
-  }, expression: "searchQuery" } }, [t("template", { slot: "empty" }, [e._v(" " + e._s(e.$t("_common:noResults")) + " ")])], 2)], 1)], 2), e.showDealProducts ? t("div", [t("div", { staticStyle: { padding: "0 0.5rem 1rem 0.5rem" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("productsTitle")) + " "), t("BaseIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: "Use a product by drag & dropping a product to a package.", expression: "'Use a product by drag & dropping a product to a package.'" }], attrs: { type: "info", size: "13" } })], 1), t("div", { staticClass: "has-text-grey-dark", domProps: { textContent: e._s(e.$t("productsText", { type: e.dealType, crm: e.activeCrm.capitalize() })) } })]), e.dealDetails.articles && e.dealDetails.articles.length ? t("draggable", { staticStyle: { "min-height": "3rem", padding: "0 0.5rem" }, attrs: { list: e.dealDetails.articles, group: {
+  }, expression: "searchQuery" } }, [t("template", { slot: "empty" }, [e._v(" " + e._s(e.$t("_common:noResults")) + " ")])], 2)], 1)], 2), e.showDealProducts ? t("div", [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(1 * var(--rem)) calc(0.5 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("productsTitle")) + " "), t("BaseIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: "Use a product by drag & dropping a product to a package.", expression: "'Use a product by drag & dropping a product to a package.'" }], attrs: { type: "info", size: "13" } })], 1), t("div", { staticClass: "text-gray-600", domProps: { textContent: e._s(e.$t("productsText", { type: e.dealType, crm: e.activeCrm.capitalize() })) } })]), e.dealDetails.articles && e.dealDetails.articles.length ? t("draggable", { staticStyle: { "min-height": "calc(3 * var(--rem))", padding: "0 calc(0.5 * var(--rem))" }, attrs: { list: e.dealDetails.articles, group: {
     name: "articles",
     pull: "clone",
     put: !1
   }, clone: e.cloneArticle } }, e._l(e.dealDetails.articles, function(a) {
-    return t("div", { key: a._uniqueId, staticStyle: { padding: "0.5rem", "line-height": "1", "margin-bottom": "0.5rem", "box-shadow": "0 1px 3px rgb(0, 0, 0, 0.3)", background: "white", "border-radius": "3px", cursor: "grab", "user-select": "none" }, on: { click: function(n) {
+    return t("div", { key: a._uniqueId, staticStyle: { padding: "calc(0.5 * var(--rem))", "line-height": "1", "margin-bottom": "calc(0.5 * var(--rem))", "box-shadow": "0 1px 3px rgb(0, 0, 0, 0.3)", background: "white", "border-radius": "3px", cursor: "grab", "user-select": "none" }, on: { click: function(n) {
       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: "has-text-grey-dark", 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 has-text-grey-dark", staticStyle: { "background-color": "hsl(0, 0%, 95%)", 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": "1rem" } }, [t("BaseIcon", { staticClass: "has-text-secondary", staticStyle: { "padding-bottom": "5px" }, attrs: { type: "info", size: "16" } }), t("div", { staticClass: "has-text-grey-dark" }, [e._v(" " + e._s(e.$t("noCrm")) + " ")]), t("div", { staticClass: "text-center", staticStyle: { "padding-top": "1rem" } }, [t("router-link", { staticClass: "has-text-secondary", staticStyle: { "font-weight": "500" }, attrs: { to: { name: "settings" } } }, [e._v(" " + e._s(e.$t("noCrmAction")) + " ")])], 1)], 1)], 2);
-}, ra = [], ca = /* @__PURE__ */ c(
-  oa,
-  la,
-  ra,
+    } } }, [t("div", { staticStyle: { "font-weight": "500", "padding-bottom": "4px", "font-size": "14px" }, domProps: { textContent: e._s(a.name) } }), t("div", { staticClass: "text-gray-600", staticStyle: { "font-size": "12px" } }, [e._v(" " + e._s(e.priceFormat(a.price || 0, { showZero: !1, currency: a.currency || "USD" })) + " · " + e._s(a.quantity || 0) + "x "), a.vat !== null ? [e._v(" · " + e._s(e._document.$t("vat").capitalize()) + " " + e._s(a.vat) + "% ")] : e._e()], 2)]);
+  }), 0) : t("div", { staticClass: "flex w-full text-gray-600", staticStyle: { "background-color": "hsl(var(--gray-color-100) / 1)", padding: "5px", "font-size": "12px", "border-radius": "5px", "line-height": "1.35" } }, [t("BaseIcon", { staticStyle: { margin: "1px 4px 0 0", "flex-shrink": "0" }, attrs: { type: "info", size: "13" } }), t("div", { domProps: { textContent: e._s(e.$t("noProducts", { type: e.dealType })) } })], 1)], 1) : e._e()] : t("div", { staticClass: "flex flex-col items-center justify-center w-full text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("BaseIcon", { staticClass: "text-primary-500", staticStyle: { "padding-bottom": "5px" }, attrs: { type: "info", size: "16" } }), t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("noCrm")) + " ")]), t("div", { staticClass: "text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("router-link", { staticClass: "text-primary-500", staticStyle: { "font-weight": "500" }, attrs: { to: { name: "settings" } } }, [e._v(" " + e._s(e.$t("noCrmAction")) + " ")])], 1)], 1)], 2);
+}, ma = [], ha = /* @__PURE__ */ c(
+  pa,
+  ua,
+  ma,
   !1,
   null,
-  "061b7aaa",
+  "b775e9f9",
   null,
   null
 );
-const da = ca.exports;
-const pa = {
+const fa = ha.exports;
+const ga = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -4876,8 +4899,8 @@ const pa = {
   },
   name: "DocumentGeneralSettings",
   components: {
-    FormInputRow: Y,
-    DragWindow: ae
+    FormInputRow: J,
+    DragWindow: se
   },
   props: {
     offset: {
@@ -4885,7 +4908,7 @@ const pa = {
       required: !0
     }
   },
-  mixins: [k([
+  mixins: [L([
     "tags",
     "series",
     "senderId",
@@ -4902,7 +4925,7 @@ const pa = {
     };
   },
   computed: {
-    ...v({
+    ...g({
       members: "companyUsers/all",
       getMember: "companyUsers/byId",
       isLoadingMembers: "companyUsers/isFetching"
@@ -4914,8 +4937,9 @@ const pa = {
       return this.getMember(this.senderId) || {};
     },
     vatTypes() {
+      var e;
       const i = ["vat"];
-      return He[this.$brand].defaultRegion === "US" && i.push("tax"), i;
+      return ((e = Ae[f.brand]) == null ? void 0 : e.defaultRegion) === "US" && i.push("tax"), i;
     },
     options() {
       return [
@@ -4941,7 +4965,7 @@ const pa = {
               component: "select",
               props: {
                 value: this.language,
-                options: Ae.map((i) => ({ value: i, label: this.$t(`iso:language.${i}`) })).sort((i, e) => i.label.localeCompare(e.label))
+                options: Pe.map((i) => ({ value: i, label: this.$t(`iso:language.${i}`) })).sort((i, e) => i.label.localeCompare(e.label))
               },
               onInput: (i) => this.update("language", i)
             }
@@ -5092,7 +5116,7 @@ const pa = {
     }
   }
 };
-var ua = function() {
+var Ca = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "d-scroll-container", 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 } });
@@ -5101,18 +5125,18 @@ var ua = 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);
-}, ma = [], ha = /* @__PURE__ */ c(
-  pa,
-  ua,
-  ma,
+}, va = [], ya = /* @__PURE__ */ c(
+  ga,
+  Ca,
+  va,
   !1,
   null,
-  "c8d27822",
+  "1601b625",
   null,
   null
 );
-const fa = ha.exports;
-const ga = {
+const xa = ya.exports;
+const wa = {
   name: "DocumentGuide",
   i18nOptions: {
     namespaces: "documentGuide",
@@ -5142,61 +5166,231 @@ const ga = {
   data() {
     return {
       step: 0,
-      steps: [
-        {
-          title: this.$t("steps.addBlocks"),
-          img: "drag-block.png"
-        },
-        {
-          title: this.$t("steps.textFormatting"),
-          img: "text-bubble.png"
-        },
-        {
-          title: this.$t("steps.editBlocks"),
-          img: "block-options.png"
-        },
-        {
-          title: this.$t("steps.changeProduct"),
-          img: "article-options.png"
-        },
-        {
-          title: this.$t("steps.send"),
-          img: "doc-send.png"
-        }
-      ]
+      steps: [{
+        title: this.$t("steps.addBlocks"),
+        img: c1
+      }, {
+        title: this.$t("steps.textFormatting"),
+        img: d1
+      }, {
+        title: this.$t("steps.editBlocks"),
+        img: p1
+      }, {
+        title: this.$t("steps.changeProduct"),
+        img: u1
+      }, {
+        title: this.$t("steps.send"),
+        img: m1
+      }]
     };
   }
 };
-var Ca = function() {
+var _a = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { position: "fixed", left: "0", top: "0", right: "0", bottom: "0", "background-color": "hsla(0, 0%, 0%, 0.2)", padding: "4rem 0", display: "grid", "place-items": "center", "z-index": "9999" } }, [t("div", { staticStyle: { "background-color": "hsl(212, 90%, 15%)", padding: "3rem 2.5rem 2.5rem 2.5rem", "border-radius": "8px", width: "520px", color: "hsla(0, 0%, 100%, 0.8)", "max-width": "95%", "font-size": "16px", position: "relative" } }, [t("CButton", { staticStyle: { position: "absolute", right: "1rem", top: "1rem" }, attrs: { size: "small", type: "none", pattern: "tertiary", circle: "", icon: "x" }, on: { click: function(a) {
-    return e.$emit("close");
-  } } }), t("div", { staticStyle: { "padding-left": "1rem" } }, [t("div", { staticStyle: { "text-transform": "uppercase", "font-size": "0.75em", "padding-bottom": "0.7em", color: "hsl(321, 100%, 78%)" } }, [e._v(" " + e._s(e.$t("title")) + " ")]), t("div", { staticStyle: { "font-size": "1.5em", "padding-bottom": "1em", "line-height": "1.4", "font-weight": "500", color: "white", "min-height": "100px" } }, [e._v(" " + e._s(e.step + 1) + ". "), t("span", { domProps: { innerHTML: e._s(e.steps[e.step].title) } })])]), t("div", { staticStyle: { width: "100%", "background-color": "hsla(0, 0%, 100%, 0.2)", "line-height": "0", "border-radius": "8px", overflow: "hidden", position: "relative", "padding-bottom": "60%" } }, [t("transition", { attrs: { name: "slide-prev" } }, [t("img", { key: e.step, staticStyle: { position: "absolute", left: "0", top: "0", width: "100%", height: "100%" }, attrs: { src: `/img/app/account/onboarding/${e.steps[e.step].img}` } })])], 1), t("div", { staticStyle: { "margin-top": "3rem", display: "flex", "justify-content": "flex-end", position: "relative" } }, [t("div", { staticStyle: { position: "absolute", display: "grid", gap: "10px", "grid-template-columns": "repeat(5, 1fr)", top: "50%", left: "50%", transform: "translate(-50%, -50%)" } }, e._l(e.steps, function(a, n) {
-    return t("div", { key: n, staticStyle: { width: "8px", height: "8px", "border-radius": "8px", cursor: "pointer" }, style: { backgroundColor: e.step === n ? "white" : "hsla(0, 0%, 100%, 0.4)" }, on: { click: function(s) {
-      e.step = n;
-    } } });
-  }), 0), t("CButton", { staticClass: "pulse", staticStyle: { "border-radius": "5px", "animation-duration": "0.2s" }, attrs: { type: "secondary", "icon-right": "arrow-right" }, on: { click: function(a) {
-    e.step === e.steps.length - 1 ? e.$emit("close") : e.step++;
-  } } }, [e._v(" " + e._s(e.step === e.steps.length - 1 ? e.$t("_common:done").capitalize() : e.$t("_common:next").capitalize()) + " ")])], 1)], 1)]);
-}, va = [], ya = /* @__PURE__ */ c(
-  ga,
-  Ca,
-  va,
+  return t("div", {
+    staticStyle: {
+      position: "fixed",
+      left: "0",
+      top: "0",
+      right: "0",
+      bottom: "0",
+      "background-color": "hsla(0, 0%, 0%, 0.2)",
+      padding: "calc(4 * var(--rem)) 0",
+      display: "grid",
+      "place-items": "center",
+      "z-index": "9999"
+    }
+  }, [t("div", {
+    staticStyle: {
+      "background-color": "hsl(212, 90%, 15%)",
+      padding: "calc(3 * var(--rem)) calc(2.5 * var(--rem)) calc(2.5 * var(--rem)) calc(2.5 * var(--rem))",
+      "border-radius": "8px",
+      width: "520px",
+      color: "hsla(0, 0%, 100%, 0.8)",
+      "max-width": "95%",
+      "font-size": "16px",
+      position: "relative"
+    }
+  }, [t("CButton", {
+    staticStyle: {
+      position: "absolute",
+      right: "calc(1 * var(--rem))",
+      top: "calc(1 * var(--rem))"
+    },
+    attrs: {
+      size: "small",
+      type: "none",
+      pattern: "tertiary",
+      circle: "",
+      icon: "x"
+    },
+    on: {
+      click: function(a) {
+        return e.$emit("close");
+      }
+    }
+  }), t("div", {
+    staticStyle: {
+      "padding-left": "calc(1 * var(--rem))"
+    }
+  }, [t("div", {
+    staticStyle: {
+      "text-transform": "uppercase",
+      "font-size": "0.75em",
+      "padding-bottom": "0.7em",
+      color: "hsl(321, 100%, 78%)"
+    }
+  }, [e._v(" " + e._s(e.$t("title")) + " ")]), t("div", {
+    staticStyle: {
+      "font-size": "1.5em",
+      "padding-bottom": "1em",
+      "line-height": "1.4",
+      "font-weight": "500",
+      color: "white",
+      "min-height": "100px"
+    }
+  }, [e._v(" " + e._s(e.step + 1) + ". "), t("span", {
+    domProps: {
+      innerHTML: e._s(e.steps[e.step].title)
+    }
+  })])]), t("div", {
+    staticStyle: {
+      width: "100%",
+      "background-color": "hsla(0, 0%, 100%, 0.2)",
+      "line-height": "0",
+      "border-radius": "8px",
+      overflow: "hidden",
+      position: "relative",
+      "padding-bottom": "60%"
+    }
+  }, [t("transition", {
+    attrs: {
+      name: "slide-prev"
+    }
+  }, [t("img", {
+    key: e.step,
+    staticStyle: {
+      position: "absolute",
+      left: "0",
+      top: "0",
+      width: "100%",
+      height: "100%"
+    },
+    attrs: {
+      src: e.steps[e.step].img
+    }
+  })])], 1), t("div", {
+    staticStyle: {
+      "margin-top": "calc(3 * var(--rem))",
+      display: "flex",
+      "justify-content": "flex-end",
+      position: "relative"
+    }
+  }, [t("div", {
+    staticStyle: {
+      position: "absolute",
+      display: "grid",
+      gap: "10px",
+      "grid-template-columns": "repeat(5, 1fr)",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)"
+    }
+  }, e._l(e.steps, function(a, n) {
+    return t("div", {
+      key: n,
+      staticStyle: {
+        width: "8px",
+        height: "8px",
+        "border-radius": "8px",
+        cursor: "pointer"
+      },
+      style: {
+        backgroundColor: e.step === n ? "white" : "hsla(0, 0%, 100%, 0.4)"
+      },
+      on: {
+        click: function(s) {
+          e.step = n;
+        }
+      }
+    });
+  }), 0), t("CButton", {
+    staticClass: "pulse",
+    staticStyle: {
+      "border-radius": "5px",
+      "animation-duration": "0.2s"
+    },
+    attrs: {
+      type: "secondary",
+      "icon-right": "arrow-right"
+    },
+    on: {
+      click: function(a) {
+        e.step === e.steps.length - 1 ? e.$emit("close") : e.step++;
+      }
+    }
+  }, [e._v(" " + e._s(e.step === e.steps.length - 1 ? e.$t("_common:done").capitalize() : e.$t("_common:next").capitalize()) + " ")])], 1)], 1)]);
+}, ba = [], ka = c(wa, _a, ba, !1, null, null, null, null);
+const La = ka.exports, $a = {
+  name: "MenuBlockConvertPopover",
+  props: {
+    target: {
+      type: HTMLElement,
+      required: !0
+    }
+  },
+  i18nOptions: {
+    namespaces: "MenuBlockConvertPopover",
+    messages: {
+      sv: {
+        text: '<span class="font-semibold">Den här dokumentmallen är låst.</span> För att lägga till block behöver du först göra mallen redigerbar.',
+        button: "Gör redigerbar"
+      },
+      en: {
+        text: '<span class="font-semibold">This document template is locked.</span> To add blocks you need to make the template editable first.',
+        button: "Make editable"
+      }
+    }
+  },
+  watch: {
+    target: {
+      immediate: !0,
+      handler(i) {
+        i && this.$nextTick(() => {
+          const { top: e, left: t, width: a, height: n } = i.getBoundingClientRect();
+          this.$refs.popover.style.top = `${e + n}px`, this.$refs.popover.style.left = `${t + a + 10}px`;
+        });
+      }
+    }
+  }
+};
+var Sa = 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);
+}, Da = [], Va = /* @__PURE__ */ c(
+  $a,
+  Sa,
+  Da,
   !1,
   null,
   null,
   null,
   null
 );
-const xa = ya.exports;
-const wa = {
-  name: "DocumentFormMenu",
+const Ta = Va.exports;
+const Ma = {
+  name: "ProBadge",
+  template: '<div class="text-[10px] font-semibold text-white bg-primary-500 rounded leading-none px-1.5 py-1">Pro</div>'
+}, Ba = {
+  name: "MenuBlocks",
   i18nOptions: {
-    namespaces: "documentFormMenu",
+    namespaces: "menuBlocks",
     messages: {
       en: {
-        guideButton: "Tutorial",
-        tabs: { blocks: "Block", design: "Design", fields: "Fields" },
         blocks: {
           header: "Header",
           parties: "Parties",
@@ -5228,8 +5422,6 @@ const wa = {
         }
       },
       sv: {
-        guideButton: "Guide",
-        tabs: { blocks: "Block", design: "Design", fields: "Fält" },
         blocks: {
           header: "Header",
           parties: "Parter",
@@ -5263,65 +5455,47 @@ const wa = {
     }
   },
   components: {
-    DragList: q,
-    DragItem: N,
-    AddBlock: te,
-    Design: Ki,
-    Fields: sa,
-    ExtensionTab: da,
-    DocumentGeneralSettings: fa,
-    DocumentGuide: xa
+    simplebar: k,
+    DragList: N,
+    DragItem: j,
+    AddBlock: ae,
+    IsPremiumPreStep: K,
+    ProBadge: Ma,
+    MenuBlockConvertPopover: Ta
   },
   props: {
-    state: {
+    _document: {
       type: Object,
       required: !0
     },
-    onAddedBlock: {
+    set: {
       type: Function,
-      // Function to call when a new section is added
       required: !0
     },
-    set: {
+    removeValue: {
       type: Function,
       required: !0
     },
-    canDrag: {
-      type: Boolean,
-      default: !0
-    },
-    preferDrag: {
-      type: Boolean,
-      default: !1
-    },
     fixed: {
       type: Boolean,
       default: !1
     },
-    canEditTemplate: {
+    canUseBlocks: {
       type: Boolean,
-      default: !1
-    },
-    width: {
-      type: Number,
-      default: 270
+      default: !0
     }
   },
   mixins: [b],
   data() {
     return {
-      showGuide: !1,
-      showGuideNotification: !B.getItem("hideFormGuideNotification"),
-      tab: "blocks",
       subMenuToShow: null,
       // helper prop, working with delay, set subMenu or not depending on mouse movements
       activeSubMenu: null,
       // decisive prop showing/hiding subMenu
       showAllBlocks: !1,
       // if all blocks should be visible
-      includeMockData: !1,
-      // if mock data should be included onAdd
-      config: f,
+      showConvertEditableDialog: !1,
+      showConvertEditableDialogTarget: null,
       primaryFilterNames: ["header", "parties", "packageGroup", "multiGroupPricing", "titleAndText2", "answer"],
       tooltips: {
         parties: `
@@ -5460,85 +5634,88 @@ const wa = {
     };
   },
   computed: {
-    ...v({
+    ...g({
       allAuthenticatedCRMs: "settings/allAuthenticatedCRMs",
       feature: "application/feature"
     }),
-    docLanguage() {
-      return p(this.state, "language") || "en";
+    canDrag() {
+      return !this.fixed;
     },
     allBlocks() {
       const i = [
         {
           icon: '<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4C1 3.44772 1.44772 3 2 3H6V19H2C1.44772 19 1 18.5523 1 18V4Z" fill="currentColor"/><path opacity="0.3" d="M7 3H20C20.5523 3 21 3.44772 21 4V18C21 18.5523 20.5523 19 20 19H7V3Z" fill="currentColor"/></svg>',
           key: "header",
-          // disabled: this.doesBlockExist('header'),
+          locked: this.isBlockLocked("header"),
           isVisible: !0
         },
         {
           icon: '<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 3C19.3467 3 19.919 3.23705 20.341 3.65901C20.7629 4.08097 21 4.65326 21 5.25V16.755C21 17.3517 20.7629 17.924 20.341 18.346C19.919 18.7679 19.3467 19.005 18.75 19.005H3.25C2.95453 19.005 2.66194 18.9468 2.38896 18.8337C2.11598 18.7207 1.86794 18.5549 1.65901 18.346C1.45008 18.1371 1.28434 17.889 1.17127 17.616C1.0582 17.3431 1 17.0505 1 16.755V5.25C1 4.65326 1.23705 4.08097 1.65901 3.65901C2.08097 3.23705 2.65326 3 3.25 3H18.75ZM8.75 11.5H5.25C5.06876 11.5 4.89366 11.5656 4.75707 11.6848C4.62048 11.8039 4.53165 11.9684 4.507 12.148L4.5 12.25V12.742L4.508 12.85C4.67 13.964 5.602 14.5 7 14.5C8.331 14.5 9.24 14.014 9.464 13.006L9.492 12.851L9.5 12.743V12.25C9.49999 12.0688 9.43436 11.8937 9.31523 11.7571C9.19611 11.6205 9.03155 11.5316 8.852 11.507L8.75 11.5ZM16.75 11.996H12.252L12.15 12.003C11.9705 12.0277 11.806 12.1166 11.6869 12.2531C11.5678 12.3897 11.5022 12.5648 11.5022 12.746C11.5022 12.9272 11.5678 13.1023 11.6869 13.2389C11.806 13.3754 11.9705 13.4643 12.15 13.489L12.252 13.496H16.75L16.852 13.489C17.0315 13.4643 17.196 13.3754 17.3151 13.2389C17.4342 13.1023 17.4998 12.9272 17.4998 12.746C17.4998 12.5648 17.4342 12.3897 17.3151 12.2531C17.196 12.1166 17.0315 12.0277 16.852 12.003L16.75 11.996ZM7 7.502C6.60218 7.502 6.22064 7.66003 5.93934 7.94134C5.65804 8.22264 5.5 8.60418 5.5 9.002C5.5 9.39982 5.65804 9.78136 5.93934 10.0627C6.22064 10.344 6.60218 10.502 7 10.502C7.39782 10.502 7.77936 10.344 8.06066 10.0627C8.34196 9.78136 8.5 9.39982 8.5 9.002C8.5 8.60418 8.34196 8.22264 8.06066 7.94134C7.77936 7.66003 7.39782 7.502 7 7.502V7.502ZM16.75 8.5H12.252L12.15 8.507C11.9705 8.5317 11.806 8.62055 11.6869 8.75714C11.5678 8.89372 11.5022 9.0688 11.5022 9.25C11.5022 9.4312 11.5678 9.60628 11.6869 9.74286C11.806 9.87945 11.9705 9.9683 12.15 9.993L12.252 10H16.75L16.852 9.993C17.0315 9.9683 17.196 9.87945 17.3151 9.74286C17.4342 9.60628 17.4998 9.4312 17.4998 9.25C17.4998 9.0688 17.4342 8.89372 17.3151 8.75714C17.196 8.62055 17.0315 8.5317 16.852 8.507L16.75 8.5Z" fill="currentColor"/></svg>',
           key: "parties",
+          locked: this.isBlockLocked("parties"),
           disabled: this.doesBlockExist("parties"),
           isVisible: !0
         },
         {
           icon: '<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 2C6.03714 2 2 6.03714 2 11C2 15.9629 6.03714 20 11 20C15.9629 20 20 15.9629 20 11C20 6.03714 15.9629 2 11 2ZM10.775 5.15C11.1479 5.15 11.45 5.45214 11.45 5.825V6.29429C11.9523 6.3392 12.4288 6.53653 12.8158 6.85984C13.2027 7.18316 13.4816 7.61702 13.6151 8.10329C13.6383 8.18897 13.6443 8.27838 13.6329 8.36639C13.6215 8.45441 13.5928 8.53932 13.5486 8.61626C13.5043 8.69321 13.4454 8.76069 13.3751 8.81485C13.3048 8.86901 13.2245 8.9088 13.1388 8.93193C13.0531 8.95506 12.9637 8.96109 12.8757 8.94967C12.7877 8.93825 12.7028 8.9096 12.6258 8.86537C12.5489 8.82113 12.4814 8.76218 12.4272 8.69186C12.3731 8.62155 12.3333 8.54126 12.3101 8.45557C12.2453 8.21732 12.104 8.00698 11.9079 7.85691C11.7119 7.70684 11.4719 7.62536 11.225 7.625H10.4369C10.1156 7.63536 9.81088 7.77027 9.58726 8.00122C9.36364 8.23217 9.23861 8.54103 9.23861 8.8625C9.23861 9.18397 9.36364 9.49283 9.58726 9.72378C9.81088 9.95473 10.1156 10.0896 10.4369 10.1H11.3369C12.0827 10.1007 12.7979 10.3973 13.3253 10.9247C13.8527 11.4521 14.1493 12.1673 14.15 12.9131C14.1486 13.6387 13.8669 14.3357 13.3638 14.8584C12.8606 15.3812 12.175 15.6894 11.45 15.7186V16.175C11.45 16.354 11.3789 16.5257 11.2523 16.6523C11.1257 16.7789 10.954 16.85 10.775 16.85C10.596 16.85 10.4243 16.7789 10.2977 16.6523C10.1711 16.5257 10.1 16.354 10.1 16.175V15.7057C9.59396 15.6611 9.11399 15.4615 8.72559 15.1341C8.33718 14.8066 8.05925 14.3674 7.92971 13.8761C7.90726 13.7904 7.90192 13.701 7.91399 13.6132C7.92607 13.5253 7.95533 13.4407 8.0001 13.3642C8.04487 13.2877 8.10428 13.2207 8.17493 13.1672C8.24558 13.1136 8.32609 13.0745 8.41186 13.052C8.49763 13.0295 8.58698 13.0242 8.67482 13.0363C8.76266 13.0484 8.84726 13.0776 8.92378 13.1224C9.00031 13.1672 9.06727 13.2266 9.12084 13.2972C9.17441 13.3679 9.21354 13.4484 9.236 13.5341C9.36457 14.0291 9.812 14.375 10.3237 14.375H11.3369C11.7172 14.3637 12.0782 14.2047 12.3433 13.9317C12.6084 13.6586 12.7566 13.293 12.7566 12.9125C12.7566 12.532 12.6084 12.1664 12.3433 11.8934C12.0782 11.6203 11.7172 11.4613 11.3369 11.45H10.4369C9.75109 11.449 9.09371 11.1761 8.6088 10.6912C8.12389 10.2063 7.85102 9.54891 7.85 8.86314C7.85 7.55043 8.83229 6.46529 10.1 6.29943V5.825C10.1 5.45214 10.4021 5.15 10.775 5.15V5.15Z" fill="currentColor"/></svg>',
           key: "packageGroup",
+          locked: this.isBlockLocked("packageGroup"),
           isVisible: !0
-          // disabled: this.doesBlockExist('packageGroup'),
         },
-        // TODO: add when Presentation/Styling for multiGroupPricing-block exists
-        // {
-        //   key: 'multiGroupPricing',
-        //   subMenu: true,
-        //   isVisible: this.noOfPackageGroups >= 2,
-        //   disabled: this.doesBlockExist('multiGroupPricing'),
-        // },
         {
           icon: '<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" d="M6.49505 2C6.67958 1.99994 6.85966 2.05668 7.01084 2.1625C7.16201 2.26833 7.27696 2.41811 7.34007 2.59152L9.93087 9.71667L8.93303 12.232L8.48085 10.9896H4.51015L3.74423 13.095C3.6627 13.3191 3.49547 13.5016 3.27934 13.6024C3.06321 13.7032 2.81588 13.7141 2.59177 13.6325C2.36766 13.551 2.18511 13.3838 2.0843 13.1676C1.98348 12.9515 1.97265 12.7042 2.05419 12.4801L5.65093 2.59152C5.71404 2.41811 5.82898 2.26833 5.98016 2.1625C6.13134 2.05668 6.31052 1.99994 6.49505 2ZM5.16459 9.19167H7.82731L6.49505 5.52931L5.16459 9.19167Z" fill="currentColor"/><path d="M14.0176 6.07049C13.9513 5.90282 13.8361 5.75894 13.687 5.65755C13.538 5.55617 13.3618 5.50195 13.1815 5.50195C13.0012 5.50195 12.8251 5.55617 12.676 5.65755C12.5269 5.75894 12.4118 5.90282 12.3455 6.07049L7.52978 18.201H7.39493C7.15651 18.201 6.92786 18.2958 6.75927 18.4643C6.59068 18.6329 6.49597 18.8616 6.49597 19.1C6.49597 19.3384 6.59068 19.5671 6.75927 19.7357C6.92786 19.9043 7.15651 19.999 7.39493 19.999H8.12219C8.13417 19.9992 8.14616 19.9992 8.15815 19.999H10.0909C10.3293 19.999 10.558 19.9043 10.7266 19.7357C10.8952 19.5671 10.9899 19.3384 10.9899 19.1C10.9899 18.8616 10.8952 18.6329 10.7266 18.4643C10.558 18.2958 10.3293 18.201 10.0909 18.201H9.46434L10.1862 16.3834H16.167L16.8861 18.2019H16.3836C16.1452 18.2019 15.9166 18.2967 15.748 18.4652C15.5794 18.6338 15.4847 18.8625 15.4847 19.1009C15.4847 19.3393 15.5794 19.568 15.748 19.7366C15.9166 19.9052 16.1452 19.9999 16.3836 19.9999H18.1941C18.2046 20.0001 18.2151 20.0001 18.2256 19.9999H19.0886C19.327 19.9999 19.5557 19.9052 19.7243 19.7366C19.8928 19.568 19.9876 19.3393 19.9876 19.1009C19.9876 18.8625 19.8928 18.6338 19.7243 18.4652C19.5557 18.2967 19.327 18.2019 19.0886 18.2019H18.8207L14.0176 6.07049ZM15.455 14.5854H10.9L13.1806 8.84108L15.455 14.5854Z" fill="currentColor"/></svg>',
           key: "titleAndText2",
+          locked: this.isBlockLocked("titleAndText2"),
           isVisible: !0
         },
         {
           // TODO: before we update this block, we need add condition: only avaible if terms exists (i.e. check doc.data.terms.type)
           icon: '<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.2296 4.75295C16.7113 5.23493 16.9819 5.88847 16.9819 6.5699C16.9819 7.25133 16.7113 7.90487 16.2296 8.38685L16.0228 8.5944C16.8494 9.60054 16.82 10.667 16.0508 11.4383L14.6138 12.8761C14.5126 12.977 14.3755 13.0337 14.2326 13.0335C14.0897 13.0334 13.9527 12.9765 13.8518 12.8754C13.7508 12.7742 13.6942 12.6371 13.6943 12.4942C13.6945 12.3513 13.7514 12.2143 13.8525 12.1134L15.2881 10.6778C15.6364 10.3288 15.6759 9.89499 15.2594 9.3578L9.071 15.5462C8.87197 15.7452 8.62442 15.8888 8.35284 15.9627L4.67944 16.9638C4.58794 16.9886 4.49152 16.9888 4.39992 16.9644C4.30832 16.94 4.22479 16.8919 4.15776 16.8248C4.09073 16.7578 4.04257 16.6743 4.01816 16.5827C3.99375 16.4911 3.99395 16.3946 4.01873 16.3031L5.01985 12.629C5.09378 12.3574 5.23736 12.1099 5.43638 11.9109L12.5957 4.75295C12.8344 4.51424 13.1177 4.32488 13.4295 4.19569C13.7413 4.0665 14.0755 4 14.413 4C14.7506 4 15.0848 4.0665 15.3966 4.19569C15.7084 4.32488 15.991 4.51424 16.2296 4.75295Z" fill="currentColor"/><path opacity="0.3" d="M13.1559 14.4697C14.0953 14.4697 14.4615 14.8876 14.7394 15.8155L14.7883 15.9857C14.9197 16.4583 14.998 16.599 15.1567 16.6651C15.3427 16.7412 15.4662 16.7304 15.6616 16.6306L15.7671 16.571C15.8052 16.5487 15.8461 16.5222 15.8935 16.4913L16.3697 16.1667C16.8121 15.8758 17.2099 15.6841 17.6932 15.5634C17.8295 15.5349 17.9715 15.5602 18.0896 15.6341C18.2076 15.708 18.2924 15.8247 18.3262 15.9598C18.36 16.0949 18.3402 16.2378 18.2709 16.3586C18.2016 16.4793 18.0883 16.5686 17.9546 16.6076C17.6637 16.6815 17.3861 16.8003 17.1316 16.9595L16.9176 17.096L16.5729 17.3323C16.4388 17.4264 16.299 17.512 16.1542 17.5886C15.6924 17.8256 15.2422 17.8651 14.7466 17.6605C14.2109 17.4407 13.9954 17.1003 13.7936 16.4245L13.6816 16.0353C13.5516 15.6115 13.4626 15.5469 13.1559 15.5469C12.9333 15.5469 12.7035 15.6582 12.3882 15.9225L12.256 16.0374L11.5946 16.6665C10.5834 17.6174 9.72093 18.0784 8.48642 18.0784C7.2756 18.0784 6.22852 17.896 5.34949 17.5269L7.46591 16.9488C7.78693 16.9839 8.12733 17.0012 8.48642 17.0012C9.336 17.0012 9.94572 16.7031 10.7034 16.023L10.8887 15.8514L11.2707 15.4844C11.4402 15.3214 11.568 15.2043 11.6959 15.0966C12.1871 14.6851 12.6331 14.4697 13.1559 14.4697Z" fill="currentColor"/></svg>',
           key: "answer",
+          // locked: this.isBlockLocked('answer'), // TODO always available?
           disabled: this.doesBlockExist("answer"),
           isVisible: !0
         },
         {
           icon: '<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" d="M3 3C3 2.44772 3.44772 2 4 2H18C18.5523 2 19 2.44772 19 3V5H3V3Z" fill="currentColor"/><path opacity="0.3" d="M3 16H19V18C19 18.5523 18.5523 19 18 19H4C3.44772 19 3 18.5523 3 18V16Z" fill="currentColor"/><rect x="1" y="6" width="20" height="9" rx="1" fill="currentColor"/></svg>',
           key: "coverBlock",
+          locked: this.isBlockLocked("coverBlock"),
           isVisible: !0
         },
         {
           icon: '<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.25 3H16.75C17.5801 2.99995 18.3788 3.31755 18.9822 3.88767C19.5856 4.45779 19.948 5.23719 19.995 6.066L20 6.25V15.75C20.0001 16.5801 19.6824 17.3788 19.1123 17.9822C18.5422 18.5856 17.7628 18.948 16.934 18.995L16.75 19H5.25C4.41986 19.0001 3.62117 18.6824 3.01777 18.1123C2.41437 17.5422 2.052 16.7628 2.005 15.934L2 15.75V6.25C1.99995 5.41986 2.31755 4.62117 2.88767 4.01777C3.45779 3.41437 4.23719 3.052 5.066 3.005L5.25 3H16.75H5.25ZM9.053 8.585C9.018 8.65483 8.99985 8.73189 9 8.81V13.192C9 13.2773 9.02181 13.3611 9.06335 13.4356C9.10489 13.51 9.16478 13.5726 9.23733 13.6174C9.30988 13.6622 9.39268 13.6877 9.47786 13.6915C9.56304 13.6953 9.64777 13.6772 9.724 13.639L14.106 11.449C14.1892 11.4075 14.2592 11.3437 14.3081 11.2646C14.357 11.1856 14.383 11.0945 14.383 11.0015C14.383 10.9085 14.357 10.8174 14.3081 10.7384C14.2592 10.6593 14.1892 10.5955 14.106 10.554L9.724 8.363C9.60545 8.3036 9.46815 8.29372 9.34232 8.33554C9.21648 8.37736 9.11241 8.46745 9.053 8.586V8.585Z" fill="currentColor"/></svg>',
           key: "videoPlayer",
+          locked: this.isBlockLocked("videoPlayer"),
           isVisible: !0
         },
         {
           icon: '<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 1C7.28846 1.00007 8.52716 1.49754 9.45778 2.38866C10.3884 3.27978 10.9391 4.49575 10.995 5.783L11 6V17C11.0008 17.7809 10.697 18.5313 10.1532 19.0918C9.60948 19.6523 8.86861 19.9787 8.08804 20.0016C7.30747 20.0245 6.54873 19.7422 5.97303 19.2145C5.39733 18.6869 5.05006 17.9556 5.005 17.176L5 17V7C5.00028 6.74512 5.09788 6.49997 5.27285 6.31463C5.44782 6.1293 5.68695 6.01776 5.94139 6.00283C6.19584 5.98789 6.44638 6.07067 6.64183 6.23426C6.83729 6.39785 6.9629 6.6299 6.993 6.883L7 7V17C7.00028 17.2549 7.09788 17.5 7.27285 17.6854C7.44782 17.8707 7.68695 17.9822 7.94139 17.9972C8.19584 18.0121 8.44638 17.9293 8.64183 17.7657C8.83729 17.6021 8.9629 17.3701 8.993 17.117L9 17V6C9.00075 5.21909 8.69698 4.46867 8.15323 3.90818C7.60948 3.34769 6.86861 3.02132 6.08804 2.9984C5.30747 2.97548 4.54873 3.25784 3.97303 3.78546C3.39733 4.31309 3.05006 5.0444 3.005 5.824L3 6V15C2.99972 15.2549 2.90212 15.5 2.72715 15.6854C2.55218 15.8707 2.31305 15.9822 2.05861 15.9972C1.80416 16.0121 1.55362 15.9293 1.35817 15.7657C1.16271 15.6021 1.0371 15.3701 1.007 15.117L1 15V6C1 4.67392 1.52678 3.40215 2.46447 2.46447C3.40215 1.52678 4.67392 1 6 1Z" fill="currentColor"/><path opacity="0.3" d="M14 15H16C16.2549 15.0003 16.5 15.0979 16.6854 15.2728C16.8707 15.4478 16.9822 15.687 16.9972 15.9414C17.0121 16.1958 16.9293 16.4464 16.7657 16.6418C16.6021 16.8373 16.3701 16.9629 16.117 16.993L16 17H14C13.7451 16.9997 13.5 16.9021 13.3146 16.7272C13.1293 16.5522 13.0178 16.313 13.0028 16.0586C12.9879 15.8042 13.0707 15.5536 13.2343 15.3582C13.3978 15.1627 13.6299 15.0371 13.883 15.007L14 15ZM14 11H19.5C19.7549 11.0003 20 11.0979 20.1854 11.2728C20.3707 11.4478 20.4822 11.687 20.4972 11.9414C20.5121 12.1958 20.4293 12.4464 20.2657 12.6418C20.1021 12.8373 19.8701 12.9629 19.617 12.993L19.5 13H14C13.7451 12.9997 13.5 12.9021 13.3146 12.7272C13.1293 12.5522 13.0178 12.313 13.0028 12.0586C12.9879 11.8042 13.0707 11.5536 13.2343 11.3582C13.3978 11.1627 13.6299 11.0371 13.883 11.007L14 11ZM14 7H19.5C19.7549 7.00028 20 7.09788 20.1854 7.27285C20.3707 7.44782 20.4822 7.68695 20.4972 7.94139C20.5121 8.19584 20.4293 8.44638 20.2657 8.64183C20.1021 8.83729 19.8701 8.9629 19.617 8.993L19.5 9H14C13.7451 8.99972 13.5 8.90212 13.3146 8.72715C13.1293 8.55218 13.0178 8.31305 13.0028 8.05861C12.9879 7.80416 13.0707 7.55362 13.2343 7.35817C13.3978 7.16271 13.6299 7.0371 13.883 7.007L14 7ZM14 3H19.5C19.7549 3.00028 20 3.09788 20.1854 3.27285C20.3707 3.44782 20.4822 3.68695 20.4972 3.94139C20.5121 4.19584 20.4293 4.44638 20.2657 4.64183C20.1021 4.83729 19.8701 4.9629 19.617 4.993L19.5 5H14C13.7451 4.99972 13.5 4.90212 13.3146 4.72715C13.1293 4.55218 13.0178 4.31305 13.0028 4.05861C12.9879 3.80416 13.0707 3.55362 13.2343 3.35817C13.3978 3.16271 13.6299 3.0371 13.883 3.007L14 3Z" fill="currentColor"/></svg>',
           key: "attachments2",
+          locked: this.isBlockLocked("attachments2"),
           isVisible: !0
         },
         {
           icon: '<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.50299 12.002C6.37038 12.002 6.24321 12.0547 6.14944 12.1485C6.05567 12.2422 6.00299 12.3694 6.00299 12.502V15.502C6.00299 15.6346 6.05567 15.7618 6.14944 15.8556C6.24321 15.9493 6.37038 16.002 6.50299 16.002C6.6356 16.002 6.76278 15.9493 6.85654 15.8556C6.95031 15.7618 7.00299 15.6346 7.00299 15.502V15.002H7.49999C7.89782 15.002 8.27935 14.844 8.56065 14.5627C8.84196 14.2814 8.99999 13.8998 8.99999 13.502C8.99999 13.1042 8.84196 12.7227 8.56065 12.4414C8.27935 12.16 7.89782 12.002 7.49999 12.002H6.50299V12.002ZM7.49999 14.002H7.00299V13.002H7.49999C7.6326 13.002 7.75978 13.0547 7.85354 13.1485C7.94731 13.2422 7.99999 13.3694 7.99999 13.502C7.99999 13.6346 7.94731 13.7618 7.85354 13.8556C7.75978 13.9493 7.6326 14.002 7.49999 14.002ZM13.998 12.501C13.9983 12.3686 14.0511 12.2417 14.1448 12.1481C14.2385 12.0546 14.3656 12.002 14.498 12.002H16.003C16.1356 12.002 16.2628 12.0547 16.3565 12.1485C16.4503 12.2422 16.503 12.3694 16.503 12.502C16.503 12.6346 16.4503 12.7618 16.3565 12.8556C16.2628 12.9493 16.1356 13.002 16.003 13.002H14.997L14.996 14.004H16.003C16.1356 14.004 16.2628 14.0567 16.3565 14.1505C16.4503 14.2442 16.503 14.3714 16.503 14.504C16.503 14.6366 16.4503 14.7638 16.3565 14.8576C16.2628 14.9513 16.1356 15.004 16.003 15.004H14.996L14.998 15.501C14.9981 15.5667 14.9853 15.6317 14.9603 15.6924C14.9353 15.7531 14.8986 15.8083 14.8523 15.8549C14.7587 15.9488 14.6316 16.0017 14.499 16.002C14.3664 16.0023 14.2391 15.9499 14.1451 15.8563C14.0512 15.7627 13.9983 15.6356 13.998 15.503L13.995 14.505V14.503L13.998 12.501V12.501ZM10.5 12.002H10.998C11.5284 12.002 12.0371 12.2127 12.4122 12.5878C12.7873 12.9629 12.998 13.4716 12.998 14.002C12.998 14.5324 12.7873 15.0412 12.4122 15.4162C12.0371 15.7913 11.5284 16.002 10.998 16.002H10.5C10.3674 16.002 10.2402 15.9493 10.1464 15.8556C10.0527 15.7618 9.99999 15.6346 9.99999 15.502V12.502C9.99999 12.3694 10.0527 12.2422 10.1464 12.1485C10.2402 12.0547 10.3674 12.002 10.5 12.002V12.002ZM11 15.002C11.2652 15.002 11.5196 14.8967 11.7071 14.7091C11.8946 14.5216 12 14.2672 12 14.002C12 13.7368 11.8946 13.4824 11.7071 13.2949C11.5196 13.1074 11.2652 13.002 11 13.002V15.002Z" fill="currentColor"/><path d="M11 7V1H5C4.46957 1 3.96086 1.21071 3.58579 1.58579C3.21071 1.96086 3 2.46957 3 3V9.668C2.409 9.949 2 10.552 2 11.25V16.75C2 17.448 2.409 18.05 3 18.332V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H17C17.5304 21 18.0391 20.7893 18.4142 20.4142C18.7893 20.0391 19 19.5304 19 19V18.332C19.591 18.051 20 17.448 20 16.75V11.25C20 10.552 19.591 9.95 19 9.668V9H13C12.4696 9 11.9609 8.78929 11.5858 8.41421C11.2107 8.03914 11 7.53043 11 7ZM3.75 11H18.25C18.3163 11 18.3799 11.0263 18.4268 11.0732C18.4737 11.1201 18.5 11.1837 18.5 11.25V16.75C18.5 16.8163 18.4737 16.8799 18.4268 16.9268C18.3799 16.9737 18.3163 17 18.25 17H3.75C3.6837 17 3.62011 16.9737 3.57322 16.9268C3.52634 16.8799 3.5 16.8163 3.5 16.75V11.25C3.5 11.1837 3.52634 11.1201 3.57322 11.0732C3.62011 11.0263 3.6837 11 3.75 11Z" fill="currentColor"/><path d="M12.5 7V1.5L18.5 7.5H13C12.8674 7.5 12.7402 7.44732 12.6464 7.35355C12.5527 7.25979 12.5 7.13261 12.5 7Z" fill="currentColor"/></svg>',
           key: "pdf",
+          locked: this.isBlockLocked("pdf"),
           isVisible: !0
         },
         {
           icon: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><path fill="currentColor" d="M2 4.5A2.5 2.5 0 0 1 4.5 2h7A2.5 2.5 0 0 1 14 4.5v7a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 11.5v-7ZM3 6v5.5A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5V6H3Z"></path></svg>',
           key: "embed",
+          locked: this.isBlockLocked("embed"),
           isVisible: !0
         },
         {
           icon: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><path fill="currentColor" d="M2 4.5A2.5 2.5 0 0 1 4.5 2h7A2.5 2.5 0 0 1 14 4.5v7a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 11.5v-7ZM7.5 6a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-.5.5h-1a.5.5 0 0 0 0 1h1A1.5 1.5 0 0 0 8 10.5v-4a.5.5 0 0 0-.5-.5Zm1 1.5V8A1.5 1.5 0 0 0 10 9.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5H9a.5.5 0 0 0 0 1h1.5a1.5 1.5 0 0 0 1.5-1.5V10a1.5 1.5 0 0 0-1.5-1.5H10a.5.5 0 0 1-.5-.5v-.5A.5.5 0 0 1 10 7h1.5a.5.5 0 0 0 0-1H10a1.5 1.5 0 0 0-1.5 1.5Z"></path></svg>',
           key: "custom",
+          locked: this.isBlockLocked("custom"),
           isVisible: !0
         },
         {
           icon: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 2A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h13.25a.75.75 0 0 0 0-1.5H6.5a1 1 0 0 1-1-1h14.25a.75.75 0 0 0 .75-.75V4.5A2.5 2.5 0 0 0 18 2H6.5ZM8 5h8a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Z"></path></svg>',
           key: "terms",
+          locked: this.isBlockLocked("terms"),
           // Should allow multiple terms when the hint text can be edited
           disabled: this.doesBlockExist("terms"),
           isVisible: !0
@@ -5547,8 +5724,10 @@ const wa = {
           icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 6a4 4 0 014-4h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4z" fill="currentColor" opacity=".2"/><path d="M17.333 15.333a2 2 0 110 4 2 2 0 010-4z" fill="currentColor"/><path d="M17.333 10a2 2 0 11.001 3.999A2 2 0 0117.333 10zM17.333 4.667a2 2 0 11.001 3.999 2 2 0 01-.001-3.999z" fill="currentColor" opacity=".4"/></svg>',
           key: "presentation",
           disabled: this.doesBlockExist("presentation"),
-          isVisible: this.feature("preDynDoc2")
+          isVisible: !this.isBlockLocked("presentation")
+          // hide presentation block if feature not enabled
         },
+        // legacy
         {
           key: "estimatedTimeCompleted",
           isVisible: !1
@@ -5571,7 +5750,7 @@ const wa = {
         }
       ];
       return i.forEach((e) => {
-        O[e.key] && (e.subMenu = (O[e.key](this.state || {}) || []).map((t) => ({ ...t, key: e.key }))), this.tooltips[e.key] && (e.hasTooltip = !0);
+        O[e.key] && (e.subMenu = (O[e.key](this._document || {}) || []).map((t) => ({ ...t, key: e.key, locked: e.locked }))), this.tooltips[e.key] && (e.hasTooltip = !0);
       }), i;
     },
     availableBlocks() {
@@ -5583,26 +5762,14 @@ const wa = {
     secondaryBlocks() {
       return this.availableBlocks.filter(({ key: i }) => !this.primaryFilterNames.includes(i));
     },
-    noOfPackageGroups() {
-      return Object.keys(p(this.state, "_doc.data.packageGroups") || {}).length;
-    },
     activeSubMenuKey() {
-      return p(this.activeSubMenu, "[0].key") || null;
-    },
-    // section key is added to each element in the menu
-    extensionTabType() {
-      return this.allAuthenticatedCRMs.length ? this.allAuthenticatedCRMs[0] : null;
+      return m(this.activeSubMenu, "[0].key") || null;
     }
+    // section key is added to each element in the menu
   },
   watch: {
     subMenuToShow(i) {
       this.setSubMenuState(i);
-    },
-    canEditTemplate: {
-      immediate: !0,
-      handler(i) {
-        i || (this.tab = "generalSettings");
-      }
     }
   },
   mounted() {
@@ -5612,12 +5779,28 @@ const wa = {
     this.destroyTooltips();
   },
   methods: {
+    onUseBlock({ block: i, addBlock: e, openUpgradeModal: t }) {
+      if (i.locked)
+        return t();
+      if (!this.canUseBlocks) {
+        const a = this.availableBlocks.findIndex((n) => n.key === i.key);
+        return this.showConvertEditableDialogTarget = this.$refs.blockItem[a].$el, this.showConvertEditableDialog = !0, !1;
+      }
+      return e({
+        sectionKey: i.key,
+        document: this._document,
+        ...i.contentData && { contentData: i.contentData }
+      });
+    },
+    deSyncTemplate() {
+      ["_id", "id"].forEach((i) => this.removeValue(`template.${i}`)), this.set({ key: "views.read.isEditable", value: !0 }), this.showConvertEditableDialog = !1;
+    },
     createTooltips() {
       var n, s;
       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 = o1(this.$el, {
+      this.tippyInstances = s1(this.$el, {
         target: "[data-tooltip-key]",
         allowHTML: !0,
         duration: [150, 0],
@@ -5642,7 +5825,7 @@ const wa = {
         i.destroy();
       }) : this.tippyInstances.destroy && this.tippyInstances.destroy());
     },
-    setSubMenuState: I(function(e) {
+    setSubMenuState: B(function(e) {
       this.activeSubMenu = e;
     }, 100, { trailing: !0 }),
     onMouseleaveDrawer() {
@@ -5652,8 +5835,11 @@ const wa = {
       const t = i[e];
       return t && t.key;
     },
+    isBlockLocked(i) {
+      return !this.feature(`docBlock_${i}`);
+    },
     doesBlockExist(i) {
-      return !!p(this.state, "_doc.template.views.read.nodes", []).find((t) => t.itemId.startsWith(i));
+      return !!m(this._document, "_doc.template.views.read.nodes", []).find((t) => t.itemId.startsWith(i));
     },
     getGhostParent() {
       var t, a;
@@ -5670,119 +5856,243 @@ const wa = {
         ...e(t),
         contentData: a
       };
+    }
+  }
+};
+var Ia = function() {
+  var e = this, t = e._self._c;
+  return t("AddBlock", { attrs: { set: e.set }, on: { "block-added": function(a) {
+    return e.$emit("block-added", a);
+  } }, scopedSlots: e._u([{ key: "default", fn: function({ addBlock: a, getBlockPayload: n }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "documentBlocks" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
+      return [t("div", { on: { "&mouseleave": function(o) {
+        return e.onMouseleaveDrawer.apply(null, arguments);
+      } } }, [!e.canUseBlocks && e.showConvertEditableDialog ? t("MenuBlockConvertPopover", { attrs: { target: e.showConvertEditableDialogTarget }, on: { convert: e.deSyncTemplate, close: function(o) {
+        e.showConvertEditableDialog = !1;
+      } } }) : e._e(), t("div", { staticClass: "menu-container" }, [e._l([
+        { data: e.primaryBlocks },
+        { data: e.secondaryBlocks }
+      ], function(o, l) {
+        return t("div", { key: l }, [l > 0 ? t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(1 * var(--rem))" } }) : e._e(), t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (r) => n(e.getSectionKey({ data: o.data, index: r })), "drop-placeholder": {
+          className: "drag-drop-menu-placeholder"
+        }, "get-ghost-parent": e.getGhostParent, "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item", "group-name": "document-blocks", "ghost-class": "drag-drop-ghost", behaviour: "copy" } }, e._l(o.data, function(r) {
+          return t("DragItem", { key: r.key, class: { "drag-item": e.canDrag } }, [t("div", e._b(
+            { class: {
+              "no-drag": r.disabled || r.locked || !e.canUseBlocks
+            }, on: { "&mouseover": function(p) {
+              e.subMenuToShow = !r.disabled && e.canDrag && r.subMenu || null;
+            }, "&mouseleave": function(p) {
+              e.subMenuToShow = null;
+            } } },
+            "div",
+            r.hasTooltip ? { "data-tooltip-key": r.key } : null,
+            !1
+          ), [t("CButton", { ref: "blockItem", refInFor: !0, staticClass: "option-row is-thinner is-left", class: { "sub-menu-active": r.key === e.activeSubMenuKey }, staticStyle: { "padding-left": "1.5em", "padding-right": "2em", "border-radius": "0", "font-size": "14px", "border-color": "transparent" }, attrs: { disabled: r.disabled, wide: "", pattern: "secondary" }, on: { click: (p) => e.onUseBlock({ block: r, addBlock: a, openUpgradeModal: s }) } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "230px" } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "initial", flex: "1 1 auto" } }, [t("div", { staticClass: "option-image", domProps: { innerHTML: e._s(r.icon) } }), t("div", { staticClass: "option-title" }, [e._v(" " + e._s(e.$t(`blocks.${r.key}`)) + " ")])]), r.locked ? t("ProBadge") : !e.fixed && r.subMenu ? t("BaseIcon", { staticStyle: { color: "hsl(205, 10%, 65%)" }, attrs: { type: "chevron-right", size: "14" } }) : e._e()], 1)])], 1)]);
+        }), 1)], 1);
+      }), e._t("footer")], 2), t("transition", { attrs: { name: "slide-right" } }, [t("div", { directives: [{ name: "show", rawName: "v-show", value: e.activeSubMenu, expression: "activeSubMenu" }], staticClass: "submenu", on: { "&mouseover": function(o) {
+        e.subMenuToShow = e.activeSubMenu;
+      }, "&mouseleave": function(o) {
+        e.subMenuToShow = null;
+      } } }, [t("simplebar", [t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (o) => e.getSubMenuPayload({ index: o, getBlockPayload: n }), "drop-placeholder": { className: "drag-drop-menu-placeholder" }, "get-ghost-parent": e.getGhostParent, "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item", "group-name": "document-blocks", "ghost-class": "drag-drop-ghost", behaviour: "copy" } }, e._l(e.activeSubMenu, function(o, l) {
+        return t("DragItem", { key: o.key + l, class: { "drag-item": !o.locked && e.canUseBlocks } }, [t("div", { staticClass: "relative" }, [t("div", { staticClass: "drag-item-preview", domProps: { innerHTML: e._s(o.previewUrl) }, on: { click: (r) => e.onUseBlock({ block: o, addBlock: a, openUpgradeModal: s }) } }), o.locked ? t("ProBadge", { staticClass: "absolute bottom-2 right-4" }) : e._e()], 1)]);
+      }), 1)], 1)], 1)])], 1)];
+    } }], null, !0) })];
+  } }]) });
+}, Fa = [], Ha = /* @__PURE__ */ c(
+  Ba,
+  Ia,
+  Fa,
+  !1,
+  null,
+  "4ce1e5ea",
+  null,
+  null
+);
+const Aa = Ha.exports;
+const Pa = {
+  name: "DocumentFormMenu",
+  i18nOptions: {
+    namespaces: "documentFormMenu",
+    messages: {
+      en: {
+        guideButton: "Tutorial",
+        tabs: { blocks: "Block", design: "Design", fields: "Fields" }
+      },
+      sv: {
+        guideButton: "Guide",
+        tabs: { blocks: "Block", design: "Design", fields: "Fält" }
+      }
+    }
+  },
+  components: {
+    Design: ea,
+    Fields: da,
+    ExtensionTab: fa,
+    DocumentGeneralSettings: xa,
+    DocumentGuide: La,
+    MenuBlocks: Aa
+  },
+  props: {
+    state: {
+      type: Object,
+      required: !0
+    },
+    onAddedBlock: {
+      type: Function,
+      // Function to call when a new section is added
+      required: !0
+    },
+    set: {
+      type: Function,
+      required: !0
     },
+    removeValue: {
+      type: Function,
+      required: !0
+    },
+    fixed: {
+      type: Boolean,
+      default: !1
+    },
+    canUseBlocks: {
+      type: Boolean,
+      default: !0
+    },
+    isLegacyTemplate: {
+      type: Boolean,
+      default: !1
+    },
+    width: {
+      type: Number,
+      default: 270
+    }
+  },
+  data() {
+    return {
+      showGuide: !1,
+      showGuideNotification: !I.getItem("hideFormGuideNotification"),
+      tab: "blocks"
+    };
+  },
+  computed: {
+    ...g({
+      allAuthenticatedCRMs: "settings/allAuthenticatedCRMs"
+    }),
+    extensionTabType() {
+      return this.allAuthenticatedCRMs.length ? this.allAuthenticatedCRMs[0] : null;
+    }
+  },
+  watch: {
+    isLegacyTemplate: {
+      immediate: !0,
+      handler(i) {
+        i && (this.tab = "generalSettings");
+      }
+    }
+  },
+  methods: {
     openGuide() {
-      this.showGuide = !0, this.showGuideNotification = !1, B.setItem("hideFormGuideNotification", !0);
+      this.showGuide = !0, this.showGuideNotification = !1, I.setItem("hideFormGuideNotification", !0);
     }
   }
 };
-var _a = function() {
+var Ea = function() {
   var e = this, t = e._self._c;
-  return t("AddBlock", { attrs: { set: e.set, "include-mock-data": e.includeMockData }, on: { "block-added": e.onAddedBlock }, scopedSlots: e._u([{ key: "default", fn: function({ addBlock: a, getBlockPayload: n }) {
-    return t("div", { staticClass: "root menu-wrapper", style: [
-      { width: `${e.width}px` },
-      e.fixed && { zIndex: 999 }
-    ], on: { "&mouseleave": function(s) {
-      return e.onMouseleaveDrawer.apply(null, arguments);
-    } } }, [e.fixed ? t("div", { staticStyle: { position: "fixed", top: "0", left: "0", right: "0", bottom: "0" }, on: { click: function(s) {
-      return e.$emit("close");
-    } } }) : e._e(), t("div", { staticStyle: { height: "100%", "font-size": "14px", "border-radius": "0 8px 8px 0", "box-shadow": "0 10px 20px rgba(0, 0, 0, 0.2)" }, style: { width: `${e.width}px` } }, [t("div", { staticClass: "tab-list" }, [e.canEditTemplate ? t("div", { staticClass: "tab-item", class: { "is-active": e.tab === "blocks" }, on: { click: function(s) {
-      e.tab = "blocks";
-    } } }, [e._v(e._s(e.$t("tabs.blocks")))]) : e._e(), e.canEditTemplate ? t("div", { staticClass: "tab-item", class: { "is-active": e.tab === "design" }, on: { click: function(s) {
-      e.tab = "design";
-    } } }, [e._v(e._s(e.$t("tabs.design")))]) : e._e(), e.canEditTemplate ? t("div", { staticClass: "tab-item", class: { "is-active": e.tab === "fields" }, domProps: { textContent: e._s(e.$t("tabs.fields")) }, on: { click: function(s) {
-      e.tab = "fields";
-    } } }) : e._e(), e.canEditTemplate && e.extensionTabType ? t("div", { staticClass: "tab-item", class: { "is-active": e.tab === "extension" }, on: { click: function(s) {
-      e.tab = "extension";
-    } } }, [t("div", { staticStyle: { width: "18px", height: "18px", background: "#343434", "border-radius": "4px", display: "flex", "align-items": "center", "justify-content": "center", "margin-top": "2px" }, style: [
-      e.extensionTabType === "pipedrive" && { backgroundColor: "#3A3A3A" },
-      e.extensionTabType === "hubspot" && { backgroundColor: "#FF8F3E" },
-      e.extensionTabType === "salesforce" && { backgroundColor: "#009CDB" }
-    ] }, [t("BaseIcon", { staticStyle: { color: "white" }, attrs: { type: e.extensionTabType, size: "14" } })], 1)]) : e._e(), t("div", { staticClass: "tab-item", class: { "is-active": e.tab === "generalSettings" }, staticStyle: { "margin-left": "2px" }, on: { click: function(s) {
-      e.tab = "generalSettings";
-    } } }, [t("BaseIcon", { staticStyle: { "line-height": "1" }, attrs: { type: "cog", size: "16" } })], 1)]), e.tab === "blocks" ? [t("div", { staticClass: "menu-container" }, [e._e(), e._l([
-      { data: e.primaryBlocks },
-      { data: e.secondaryBlocks }
-    ], function(s, o) {
-      return t("div", { key: o }, [o > 0 ? t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "1rem" } }) : e._e(), t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (l) => n(e.getSectionKey({ data: s.data, index: l })), "drop-placeholder": {
-        className: "drag-drop-menu-placeholder"
-      }, "get-ghost-parent": e.getGhostParent, "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item", "group-name": "document-blocks", "ghost-class": "drag-drop-ghost", behaviour: "copy" } }, e._l(s.data, function(l) {
-        return t("DragItem", { key: l.key, class: { "drag-item": e.canDrag } }, [t("div", e._b({ class: { "no-drag": l.disabled }, on: { "&mouseover": function(r) {
-          e.subMenuToShow = !l.disabled && e.canDrag && l.subMenu || null;
-        }, "&mouseleave": function(r) {
-          e.subMenuToShow = null;
-        } } }, "div", l.hasTooltip ? { "data-tooltip-key": l.key } : null, !1), [t("CButton", { staticClass: "option-row is-thinner is-left", class: { "sub-menu-active": l.key === e.activeSubMenuKey }, staticStyle: { "padding-left": "1.5em", "padding-right": "2em", "border-radius": "0", "font-size": "14px", "border-color": "transparent" }, attrs: { disabled: l.disabled, wide: "", pattern: "secondary" }, on: { click: function(r) {
-          e.canDrag && e.preferDrag || a({ sectionKey: l.key, document: e.state });
-        } } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "230px" } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "initial", flex: "1 1 auto" } }, [t("div", { staticClass: "option-image", domProps: { innerHTML: e._s(l.icon) } }), t("div", { staticClass: "option-title" }, [e._v(e._s(e.$t(`blocks.${l.key}`)))])]), !e.fixed && l.subMenu ? t("BaseIcon", { staticStyle: { color: "hsl(205, 10%, 65%)" }, attrs: { type: "chevron-right", size: "14" } }) : e._e()], 1)])], 1)]);
-      }), 1)], 1);
-    }), t("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "flex-end", "align-items": "flex-start", padding: "1rem" } }, [t("CButton", { staticStyle: { position: "relative" }, attrs: { "icon-left": "help", type: "none", pattern: "secondary", size: "small" }, on: { click: e.openGuide } }, [e._v(" " + e._s(e.$t("guideButton")) + " "), e.showGuideNotification ? t("div", { staticClass: "circle-pulse" }) : e._e()])], 1), e.showGuide ? t("DocumentGuide", { on: { close: function(s) {
-      e.showGuide = !1;
-    } } }) : e._e()], 2), t("transition", { attrs: { name: "slide-right" } }, [t("div", { directives: [{ name: "show", rawName: "v-show", value: e.activeSubMenu, expression: "activeSubMenu" }], staticClass: "submenu", on: { "&mouseover": function(s) {
-      e.subMenuToShow = e.activeSubMenu;
-    }, "&mouseleave": function(s) {
-      e.subMenuToShow = null;
-    } } }, [t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (s) => e.getSubMenuPayload({ index: s, getBlockPayload: n }), "drop-placeholder": { className: "drag-drop-menu-placeholder" }, "get-ghost-parent": e.getGhostParent, "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item", "group-name": "document-blocks", "ghost-class": "drag-drop-ghost", behaviour: "copy" } }, e._l(e.activeSubMenu, function(s, o) {
-      return t("DragItem", { key: s.key + o, staticClass: "drag-item" }, [t("div", { staticClass: "drag-item-preview", domProps: { innerHTML: e._s(s.previewUrl) }, on: { click: function(l) {
-        return a({ sectionKey: s.key, document: e.state, contentData: s.contentData });
-      } } })]);
-    }), 1)], 1)])] : e.tab === "design" ? t("Design", { staticClass: "menu-container", attrs: { _document: e.state, _value: {
-      css: "data.css"
-    }, set: e.set, offset: e.width } }) : e.tab === "fields" ? t("Fields", { staticClass: "menu-container", attrs: { _document: e.state, "crm-service": e.extensionTabType, _value: {
-      css: "data.css"
-    }, set: e.set } }) : e.tab === "extension" ? t("ExtensionTab", { staticClass: "menu-container", attrs: { _document: e.state, _value: {
-      externalReferences: "externalReferences",
-      clients: "clients",
-      articles: "articles"
-    } }, on: { input: ({ key: s, value: o }) => e.set({ key: s, value: o }) } }) : e._e(), e.tab === "generalSettings" ? t("DocumentGeneralSettings", { staticClass: "menu-container", attrs: { _document: e.state, _value: {
-      term: "data.terms",
-      series: "docNumber.series",
-      tags: "tags",
-      language: "language",
-      currency: "currency",
-      senderId: "companyUserId",
-      useVat: "data.formSettings.useVat",
-      vatType: "data.formSettings.vatType",
-      rounding: "data.formSettings.rounding"
-    }, offset: e.width }, on: { input: ({ key: s, value: o }) => e.set({ key: s, value: o }) } }) : e._e()], 2)]);
-  } }]) });
-}, ba = [], ka = /* @__PURE__ */ c(
-  wa,
-  _a,
-  ba,
+  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");
+  } } }) : e._e(), t("div", { staticStyle: { height: "100%", "font-size": "14px", "border-radius": "0 8px 8px 0", "box-shadow": "0 10px 20px rgba(0, 0, 0, 0.2)" }, style: { width: `${e.width}px` } }, [e.isLegacyTemplate ? e._e() : t("div", { staticClass: "tab-list" }, [t("div", { staticClass: "tab-item", class: { "is-active": e.tab === "blocks" }, domProps: { textContent: e._s(e.$t("tabs.blocks")) }, on: { click: function(a) {
+    e.tab = "blocks";
+  } } }), t("div", { staticClass: "tab-item", class: { "is-active": e.tab === "design" }, domProps: { textContent: e._s(e.$t("tabs.design")) }, on: { click: function(a) {
+    e.tab = "design";
+  } } }), t("div", { staticClass: "tab-item", class: { "is-active": e.tab === "fields" }, domProps: { textContent: e._s(e.$t("tabs.fields")) }, on: { click: function(a) {
+    e.tab = "fields";
+  } } }), e.extensionTabType ? t("div", { staticClass: "tab-item", class: { "is-active": e.tab === "extension" }, on: { click: function(a) {
+    e.tab = "extension";
+  } } }, [t("div", { staticStyle: { width: "18px", height: "18px", background: "#343434", "border-radius": "4px", display: "flex", "align-items": "center", "justify-content": "center", "margin-top": "2px" }, style: [
+    e.extensionTabType === "pipedrive" && { backgroundColor: "#3A3A3A" },
+    e.extensionTabType === "hubspot" && { backgroundColor: "#FF8F3E" },
+    e.extensionTabType === "salesforce" && { backgroundColor: "#009CDB" }
+  ] }, [t("BaseIcon", { staticStyle: { color: "white" }, attrs: { type: e.extensionTabType, size: "14" } })], 1)]) : e._e(), t("div", { staticClass: "tab-item ml-[2px]", class: { "is-active": e.tab === "generalSettings" }, on: { click: function(a) {
+    e.tab = "generalSettings";
+  } } }, [t("BaseIcon", { staticStyle: {}, attrs: { type: "cog", size: "16" } })], 1)]), e.tab === "blocks" ? t("MenuBlocks", { attrs: { _document: e.state, set: e.set, "remove-value": e.removeValue, fixed: e.fixed, "can-use-blocks": e.canUseBlocks }, on: { "block-added": e.onAddedBlock } }, [t("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "flex-end", "align-items": "flex-start", padding: "calc(1 * var(--rem))" }, attrs: { slot: "footer" }, slot: "footer" }, [t("CButton", { staticStyle: { position: "relative" }, attrs: { "icon-left": "help", type: "none", pattern: "secondary", size: "small" }, on: { click: e.openGuide } }, [e._v(" " + e._s(e.$t("guideButton")) + " "), e.showGuideNotification ? t("div", { staticClass: "circle-pulse" }) : e._e()])], 1)]) : e.tab === "design" ? t("Design", { staticClass: "menu-container", attrs: { _document: e.state, _value: {
+    css: "data.css"
+  }, set: e.set, offset: e.width } }) : e.tab === "fields" ? t("Fields", { staticClass: "menu-container", attrs: { _document: e.state, "crm-service": e.extensionTabType, _value: {
+    css: "data.css"
+  }, set: e.set } }) : e.tab === "extension" ? t("ExtensionTab", { staticClass: "menu-container", attrs: { _document: e.state, _value: {
+    externalReferences: "externalReferences",
+    clients: "clients",
+    articles: "articles"
+  } }, on: { input: ({ key: a, value: n }) => e.set({ key: a, value: n }) } }) : e._e(), e.tab === "generalSettings" ? t("DocumentGeneralSettings", { staticClass: "menu-container", class: { "!top-0 rounded-sm": e.isLegacyTemplate }, attrs: { _document: e.state, _value: {
+    term: "data.terms",
+    series: "docNumber.series",
+    tags: "tags",
+    language: "language",
+    currency: "currency",
+    senderId: "companyUserId",
+    useVat: "data.formSettings.useVat",
+    vatType: "data.formSettings.vatType",
+    rounding: "data.formSettings.rounding"
+  }, offset: e.width }, on: { input: ({ key: a, value: n }) => e.set({ key: a, value: n }) } }) : e._e(), e.showGuide ? t("DocumentGuide", { on: { close: function(a) {
+    e.showGuide = !1;
+  } } }) : e._e()], 1)])]);
+}, za = [], Za = /* @__PURE__ */ c(
+  Pa,
+  Ea,
+  za,
   !1,
   null,
-  "414ffd3d",
+  "49f05ec2",
   null,
   null
 );
-const La = ka.exports;
-const $a = {
-  name: "BlockControlButtons"
+const Oa = Za.exports;
+const Ra = {
+  name: "BlockControlButtons",
+  props: {
+    isVisible: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    isMovable: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  computed: {
+    canToggleVisibility() {
+      return typeof this.isVisible == "boolean";
+    },
+    isHidden() {
+      return typeof this.isVisible == "boolean" && !this.isVisible;
+    }
+  }
 };
-var Sa = function() {
+var Ga = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "control-root" }, [t("div", { staticClass: "control-direction" }, [t("div", { staticClass: "control-button", on: { click: function(a) {
+  return t("div", { staticClass: "flex flex-col gap-1 control-root" }, [e.canToggleVisibility ? t("div", { staticClass: "control-button", on: { click: function(a) {
+    return e.$emit("toggle-visible", !e.isVisible);
+  } } }, [e.isVisible ? e._e() : t("span", { staticClass: "px-1.5 text-xs text-gray-600" }, [e._v("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) {
     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)]);
-}, Da = [], Ta = /* @__PURE__ */ c(
-  $a,
-  Sa,
-  Da,
+  } } }, [t("BaseIcon", { attrs: { type: "x", size: "16" } })], 1)] : e._e()], 2);
+}, Ua = [], Wa = /* @__PURE__ */ c(
+  Ra,
+  Ga,
+  Ua,
   !1,
   null,
-  "6c9a7f0f",
+  "930bc32a",
   null,
   null
 );
-const Va = Ta.exports;
-const Ma = {
+const qa = Wa.exports;
+const Na = {
   name: "DynamicBlock",
   components: {
-    BlockControlButtons: Va
+    BlockControlButtons: qa
   },
   props: {
     isDragging: {
@@ -5800,47 +6110,76 @@ const Ma = {
     blockType: {
       type: String,
       default: ""
+    },
+    showContent: {
+      type: Boolean,
+      default: !0
+    },
+    isVisible: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    disableControls: {
+      type: Boolean,
+      default: !1
     }
   },
   data() {
     return {
       isHovering: !1
     };
+  },
+  computed: {
+    isHidden() {
+      return typeof this.isVisible == "boolean" && !this.isVisible;
+    },
+    showControls() {
+      return this.disableControls ? !1 : !this.isDragging && this.isHovering ? !0 : this.isHidden;
+    },
+    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" : "";
+    }
   }
 };
-var Ia = function() {
+var ja = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "block-root", class: {
-    "is-edit-view": e.isEditView,
-    "is-hovering": e.isHovering,
-    "min-h-none": e.blockType === "custom"
-  }, style: e.isDragging && {
+  return t("Animation", { staticClass: "w-full" }, [e.isEditView ? t("div", { staticClass: "block-root", class: [
+    {
+      "is-edit-view": e.isEditView,
+      "is-hovering": e.isHovering,
+      "min-h-none": e.blockType === "custom" || e.isHidden,
+      "border-b border-gray-200": e.isHidden
+    },
+    e.contentClass
+  ], style: e.isDragging && {
     pointerEvents: "none"
   }, on: { "&mouseover": function(a) {
     e.isHovering = !0;
   }, "&mouseleave": function(a) {
     e.isHovering = !1;
-  } } }, [t("div", { staticClass: "block-container" }, [e._t("default")], 2), !e.isDragging && e.isHovering && e.canMove ? t("BlockControlButtons", { staticClass: "control-root", on: { move: 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: "control-root z-10", 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);
-}, Ba = [], Fa = /* @__PURE__ */ c(
-  Ma,
-  Ia,
-  Ba,
+  } } }) : e._e()], 1) : e._e()]);
+}, Ka = [], Ya = /* @__PURE__ */ c(
+  Na,
+  ja,
+  Ka,
   !1,
   null,
-  "3c351301",
+  "d0246610",
   null,
   null
 );
-const Ha = Fa.exports;
-const Aa = {
+const Qa = Ya.exports;
+const Ja = {
   name: "DocumentDrawer",
   components: {
-    simplebar: S,
-    Drawer: ie
+    simplebar: k,
+    Drawer: ne
   },
   props: {
     position: {
@@ -5862,7 +6201,7 @@ const Aa = {
     }
   }
 };
-var Pa = function() {
+var Xa = 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
@@ -5871,21 +6210,21 @@ var Pa = function() {
   } } }, "component", e.$props, !1), [t("div", { staticStyle: { height: "100%", "z-index": "110" } }, [t("div", { staticStyle: { height: "100%", overflow: "auto" } }, [t("div", { style: e.fixed && {
     maxWidth: "100%",
     width: "280px",
-    padding: "2.5rem 1rem 6rem 1rem",
+    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);
-}, Ea = [], za = /* @__PURE__ */ c(
-  Aa,
-  Pa,
-  Ea,
+}, en = [], tn = /* @__PURE__ */ c(
+  Ja,
+  Xa,
+  en,
   !1,
   null,
-  "4381e4b3",
+  "f0a56edd",
   null,
   null
 );
-const Za = za.exports;
-const Oa = {
+const an = tn.exports;
+const nn = {
   name: "DocumentFormViewRadio",
   props: {
     value: {
@@ -5898,24 +6237,24 @@ const Oa = {
     }
   }
 };
-var Ra = function() {
+var sn = 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)]);
-}, Ga = [], Ua = /* @__PURE__ */ c(
-  Oa,
-  Ra,
-  Ga,
+}, on = [], ln = /* @__PURE__ */ c(
+  nn,
+  sn,
+  on,
   !1,
   null,
   "bfd27279",
   null,
   null
 );
-const Wa = Ua.exports, qa = {
+const rn = ln.exports, cn = {
   name: "LogoBanner",
   props: {
     position: {
@@ -5933,44 +6272,44 @@ const Wa = Ua.exports, qa = {
     }
   }
 };
-var Na = function() {
+var dn = 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")) + " ")])])]);
-}, ja = [], Ka = /* @__PURE__ */ c(
-  qa,
-  Na,
-  ja,
+}, pn = [], un = /* @__PURE__ */ c(
+  cn,
+  dn,
+  pn,
   !1,
   null,
   null,
   null,
   null
 );
-const Ya = Ka.exports;
-const Qa = {
+const mn = un.exports;
+const hn = {
   name: "DocumentFormNav"
 };
-var Ja = function() {
+var fn = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "DocumentFormNav", staticStyle: { padding: "8px 1.5rem", 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)])]);
-}, Xa = [], en = /* @__PURE__ */ c(
-  Qa,
-  Ja,
-  Xa,
+  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)])]);
+}, gn = [], Cn = /* @__PURE__ */ c(
+  hn,
+  fn,
+  gn,
   !1,
   null,
-  "5d1aad38",
+  "05fc111c",
   null,
   null
 );
-const tn = en.exports;
-const ne = (i, e, t = "$children") => {
+const vn = Cn.exports;
+const oe = (i, e, t = "$children") => {
   if (!i)
     return;
   e(i);
   const a = i[t];
-  !a && !Array.isArray(a) || a.forEach((n) => ne(n, e));
-}, an = {
+  !a && !Array.isArray(a) || a.forEach((n) => oe(n, e));
+}, yn = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
     messages: {
@@ -5986,19 +6325,19 @@ const ne = (i, e, t = "$children") => {
   },
   name: "DocumentFormContainer",
   components: {
-    WithDimensions: qe,
-    DragList: q,
-    DragItem: N,
-    DynamicChapter: Ne,
-    DocumentFormMenu: La,
-    DynamicBlock: Ha,
-    DocumentFormViewRadio: Wa,
-    DocumentFormNav: tn,
-    DocumentDrawer: Za,
-    DocumentStyleContainer: je,
-    simplebar: S,
-    LogoBanner: Ya,
-    IsPremium: j
+    WithDimensions: Ne,
+    DragList: N,
+    DragItem: j,
+    DynamicChapter: je,
+    DocumentFormMenu: Oa,
+    DynamicBlock: Qa,
+    DocumentFormViewRadio: rn,
+    DocumentFormNav: vn,
+    DocumentDrawer: an,
+    DocumentStyleContainer: Ke,
+    simplebar: k,
+    LogoBanner: mn,
+    IsPremium: Y
   },
   props: {
     _document: {
@@ -6025,12 +6364,16 @@ const ne = (i, e, t = "$children") => {
     close: {
       type: Function,
       default: null
+    },
+    goBack: {
+      type: Function,
+      default: null
     }
   },
   mixins: [b],
   data() {
     return {
-      drawerState: C,
+      drawerState: v,
       isDragging: !1,
       previewDevice: "desktop",
       sidebarWidth: 270,
@@ -6042,47 +6385,52 @@ const ne = (i, e, t = "$children") => {
   },
   computed: {
     docTemplate() {
-      return p(this._document, "template", null);
+      return m(this._document, "template", null);
     },
     isTemplateEditable() {
-      return p(this.docTemplate, "views.read.isEditable", !1);
+      return m(this.docTemplate, "views.read.isEditable", !1);
     },
     canMove() {
       return this.isTemplateEditable;
     },
     readLayout() {
-      return p(this.docTemplate, "views.read.nodes", []);
+      return m(this.docTemplate, "views.read.nodes", []);
     },
     nestedReadLayout() {
       return this._document.getReadLayout({ showHiddenNodes: this.isEditView });
     },
     currency() {
-      return p(this._document, "currency");
+      return m(this._document, "currency");
     },
     externalReferences() {
-      return p(this._document, "externalReferences") || [];
+      return m(this._document, "externalReferences") || [];
     },
     headingColor() {
-      return p(this._document, "theme.headingColor");
+      return m(this._document, "theme.headingColor");
     },
     isEditView() {
       return this.view === "edit";
     },
     isFixedSidebar() {
       return ["sm", "md"].includes(this.mq);
+    },
+    isLegacyTemplate() {
+      return !!this.readLayout.find(
+        (i) => i.itemId === "workPackage-migrated"
+      );
     }
   },
   watch: {
     isEditView: {
       immediate: !0,
       handler(i, e) {
-        C.isFixed = i ? this.isFixedSidebar : !0, i && !C.isFixed ? e === void 0 ? C.setLeft(!0) : C.useSavedLeftState() : C.showLeft = !1;
+        v.isFixed = i ? this.isFixedSidebar : !0, i && !v.isFixed ? e === void 0 ? v.setLeft(!0) : v.useSavedLeftState() : v.showLeft = !1;
       }
     },
     isFixedSidebar: {
       immediate: !0,
       handler(i) {
-        C.isFixed = i, C.showLeft = !i;
+        v.isFixed = i, v.showLeft = !i;
       }
     },
     currency(i) {
@@ -6113,7 +6461,16 @@ const ne = (i, e, t = "$children") => {
   },
   methods: {
     onAddBlockMount(i, e) {
-      !this.onAddRedis[i] || !e || (e.$el && this.$nextTick(() => Ke(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(() => h1(e.$el, { offset: 100 })), typeof e[this.onAddRedis[i]] == "function" && e[this.onAddRedis[i]](), delete this.onAddRedis[i]);
+    },
+    onBlockToggleVisible(i, e) {
+      const a = [...this.readLayout].findIndex(
+        (n) => n.nodeId === i.nodeId
+      );
+      a !== -1 && this.setFormValue({
+        key: `template.views.read.nodes[${a}].isVisible`,
+        value: e
+      });
     },
     // Move functions for sections
     onBlockMove(i, e) {
@@ -6125,7 +6482,7 @@ const ne = (i, e, t = "$children") => {
         const a = i.itemId.split("-")[1];
         this.removePackageGroup(a);
       } else
-        ne(i, (n) => {
+        oe(i, (n) => {
           n.value && Object.values(n.value).forEach((s) => {
             this.removeFormKeyValue(`${s}`);
             let o = s.replace(/^data.(?!properties)/g, "data.properties.");
@@ -6135,7 +6492,7 @@ const ne = (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}]`);
       });
@@ -6145,20 +6502,20 @@ const ne = (i, e, t = "$children") => {
       Array.isArray(e.packages) && e.packages.forEach((a) => {
         this.setFormValue({
           key: "articles",
-          value: p(this._document, "_doc.articles", []).filter(({ packageId: n }) => n !== a.packageId)
+          value: m(this._document, "_doc.articles", []).filter(({ packageId: n }) => n !== a.packageId)
         });
       });
-      const t = Object.assign({}, p(this._document, "_doc.data.packageGroups"));
-      delete t[i], this.setFormValue({ key: "data.packageGroups", value: t }), Object.keys(p(this._document, "_doc.data.packageGroups", {})).length || this.removeFormValue("template.validationSchema.properties.data.properties.packageGroups");
+      const t = Object.assign({}, m(this._document, "_doc.data.packageGroups"));
+      delete t[i], this.setFormValue({ key: "data.packageGroups", value: t }), Object.keys(m(this._document, "_doc.data.packageGroups", {})).length || this.removeFormValue("template.validationSchema.properties.data.properties.packageGroups");
     },
     onBlockListChange(i, { removedIndex: e, addedIndex: t, payload: a }) {
       if (e !== null && t !== null) {
         if (e === t)
           return;
-        const n = Pe(this.nestedReadLayout, e, t);
+        const n = Ee(this.nestedReadLayout, e, t);
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: T(n)
+          value: V(n)
         });
       } else if (!e && t !== null) {
         const {
@@ -6168,22 +6525,22 @@ const ne = (i, e, t = "$children") => {
           contentData: l
         } = a, {
           readView: r,
-          validation: h,
-          data: g,
+          validation: p,
+          data: C,
           onAddFnName: D = "onAdd"
         } = s({ sectionKey: n, document: this._document, contentData: l });
-        o({ validation: h, data: g });
-        const se = Ee({ tree: r }), oe = [
+        o({ validation: p, data: C });
+        const le = ze({ tree: r }), re = [
           ...this.nestedReadLayout.slice(0, t),
-          ...se,
+          ...le,
           ...this.nestedReadLayout.slice(t)
         ];
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: T(oe)
+          value: V(re)
         });
-        const [{ nodeId: le }] = r;
-        this.onAddRedis[le] = D;
+        const [{ nodeId: ce }] = r;
+        this.onAddRedis[ce] = D;
       }
     },
     shouldAnimateDrop(i) {
@@ -6191,14 +6548,14 @@ const ne = (i, e, t = "$children") => {
     }
   }
 };
-var nn = function() {
+var xn = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { overflow: "auto", height: "100vh" } }, [t("div", { staticClass: "flex container-root font-inter", class: {
     "is-edit-view": e.isEditView,
     "is-empty-list": !e.nestedReadLayout.length
   } }, [t("DocumentFormMenu", { directives: [{ name: "show", rawName: "v-show", value: e.drawerState.showLeft, expression: "drawerState.showLeft" }], attrs: { state: e._document, "on-added-block": ({ nodeId: a, onAddFnName: n = "onAdd" }) => {
     e.onAddRedis[a] = n;
-  }, set: e.setFormValue, template: e.docTemplate, "can-drag": !e.drawerState.isFixed, fixed: e.drawerState.isFixed, "can-edit-template": e.isTemplateEditable, width: e.sidebarWidth }, on: { close: function(a) {
+  }, set: e.setFormValue, "remove-value": e.removeFormValue, template: e.docTemplate, fixed: e.drawerState.isFixed, "can-use-blocks": e.isTemplateEditable, "is-legacy-template": e.isLegacyTemplate, width: e.sidebarWidth }, on: { close: function(a) {
     e.drawerState.showLeft = !1;
   } } }), t("div", { ref: "scroll-body", staticClass: "flex justify-center w-full doc-scroll-container", class: {
     "device-offset": e.isEditView
@@ -6206,11 +6563,11 @@ var nn = function() {
     marginLeft: `${e.sidebarWidth}px`
   } }, [t("DocumentFormNav", { style: {
     marginLeft: e.drawerState.showLeft ? `${e.sidebarWidth}px` : 0
-  }, attrs: { close: e.close } }, [t("div", { staticClass: "flex items-center w-full", staticStyle: { position: "relative" }, attrs: { slot: "left" }, slot: "left" }, [e.close ? t("CButton", { staticClass: "d-nav-button position left close", staticStyle: { "font-size": "16px", height: "2.25em", width: "2.25em", "flex-shrink": "0", "margin-right": "0.5em", "background-color": "hsla(240, 10%, 94%, 0.35)" }, attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: e.close } }) : e._e(), t("CButton", { staticStyle: { "font-size": "16px", height: "2.5em", width: "2.5em", "background-color": "hsla(240, 10%, 94%, 0.35)" }, attrs: { circle: "", type: "none", pattern: "tertiary", icon: "sidebar" }, on: { click: function(a) {
+  }, attrs: { close: e.close } }, [t("div", { staticClass: "flex items-center w-full", staticStyle: { position: "relative" }, attrs: { slot: "left" }, slot: "left" }, [e.close ? t("CButton", { staticClass: "d-nav-button position left close", staticStyle: { "font-size": "16px", height: "2.25em", width: "2.25em", "flex-shrink": "0", "margin-right": "0.5em", "background-color": "hsla(240, 10%, 94%, 0.35)" }, attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: e.close } }) : e._e(), e.goBack ? t("CButton", { staticClass: "mr-2", staticStyle: { "background-color": "hsla(240, 10%, 94%, 0.35)" }, attrs: { circle: "", type: "none", pattern: "tertiary", icon: "arrow-left" }, on: { click: e.goBack } }) : e._e(), t("CButton", { staticStyle: { "font-size": "16px", height: "2.5em", width: "2.5em", "background-color": "hsla(240, 10%, 94%, 0.35)" }, attrs: { circle: "", type: "none", pattern: "tertiary", icon: "sidebar" }, on: { click: function(a) {
     return a.stopPropagation(), e.drawerState.toggleLeft.apply(null, arguments);
-  } } }), t("transition", { attrs: { name: "fade-bounce", appear: "" } }, [!e.nestedReadLayout.length && e.isFixedSidebar ? t("div", { staticClass: "font-inter", staticStyle: { position: "absolute", top: "calc(100% + 4px)", left: "1rem", width: "280px", "background-color": "hsl(205, 100%, 50%)", "box-shadow": "0 5px 10px rgba(0,0,0,0.3)", "border-radius": "0.75rem", color: "white", padding: "14px", "font-size": "18px", "line-height": "1.4", "font-weight": "600" } }, [e._v(" " + e._s(e.$t("emptyBlockPlaceholderSmall")) + " "), t("svg", { staticStyle: { position: "absolute", left: "2.25em", top: "0", transform: "translateY(-100%)", color: "hsl(205deg 100% 50%)" }, attrs: { width: "16", height: "6", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z", fill: "currentColor" } })])]) : e._e()]), e._t("nav-left")], 2), t("div", { staticStyle: { position: "relative" }, attrs: { slot: "center" }, slot: "center" }, [t("DocumentFormViewRadio", { directives: [{ name: "show", rawName: "v-show", value: e.nestedReadLayout.length, expression: "nestedReadLayout.length" }], attrs: { small: e.mq === "sm", value: e.view }, on: { input: function(a) {
+  } } }), t("transition", { attrs: { name: "fade-bounce", appear: "" } }, [!e.nestedReadLayout.length && e.isFixedSidebar ? t("div", { staticClass: "font-inter", staticStyle: { position: "absolute", top: "calc(100% + 4px)", left: "calc(1 * var(--rem))", width: "280px", "background-color": "hsl(205, 100%, 50%)", "box-shadow": "0 5px 10px rgba(0,0,0,0.3)", "border-radius": "calc(0.75 * var(--rem))", color: "white", padding: "14px", "font-size": "18px", "line-height": "1.4", "font-weight": "600" } }, [e._v(" " + e._s(e.$t("emptyBlockPlaceholderSmall")) + " "), t("svg", { staticStyle: { position: "absolute", left: "2.25em", top: "0", transform: "translateY(-100%)", color: "hsl(205deg 100% 50%)" }, attrs: { width: "16", height: "6", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z", fill: "currentColor" } })])]) : e._e()]), e._t("nav-left")], 2), t("div", { staticStyle: { position: "relative" }, attrs: { slot: "center" }, slot: "center" }, [t("DocumentFormViewRadio", { directives: [{ name: "show", rawName: "v-show", value: e.nestedReadLayout.length, expression: "nestedReadLayout.length" }], attrs: { small: e.mq === "sm", value: e.view }, on: { input: function(a) {
     return e.$emit("update:view", a);
-  } } }), !e.isEditView && !["sm", "md"].includes(e.mq) ? t("div", { staticStyle: { position: "absolute", left: "calc(100% + 1.25rem)", transform: "translateY(50%)", top: "-50%", display: "inline-flex", "border-radius": "2em", padding: "3px", "background-color": "hsl(0, 0%, 0%, 0.07)", "backdrop-filter": "saturate(180%) blur(20px)", "font-size": "15px", height: "36px" } }, e._l(["desktop", "tablet", "mobile"], function(a) {
+  } } }), !e.isEditView && !["sm", "md"].includes(e.mq) ? t("div", { staticStyle: { position: "absolute", left: "calc(100% + calc(1.25 * var(--rem)))", transform: "translateY(50%)", top: "-50%", display: "inline-flex", "border-radius": "2em", padding: "3px", "background-color": "hsl(0, 0%, 0%, 0.07)", "backdrop-filter": "saturate(180%) blur(20px)", "font-size": "15px", height: "36px" } }, e._l(["desktop", "tablet", "mobile"], function(a) {
     return t("div", { key: a, staticStyle: { "border-radius": "2em", "font-weight": "500", cursor: "pointer", "padding-top": "4px", "padding-bottom": "4px", margin: "0 4px", "user-select": "none", display: "inline-flex", "align-items": "center", "justify-content": "center", color: "hsl(0, 0%, 0%, 0.5)", transition: "150ms" }, style: e.previewDevice === a && {
       boxShadow: "0 1px 1px rgba(0, 0, 0, 0.2)",
       backgroundColor: "hsl(0, 0%, 100%)",
@@ -6227,7 +6584,7 @@ var nn = function() {
       "is-empty": !e.nestedReadLayout.length
     },
     !e.isEditView && `is-device-${e.previewDevice}`
-  ] }, [!e.nestedReadLayout.length && !e.isFixedSidebar ? t("div", { staticClass: "drag-drop-empty-list is-placeholder has-text-grey" }, [t("div", { staticStyle: { position: "relative" } }, [e._m(0), t("svg", { staticClass: "drag-drop-illustration", attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" } }, [t("path", { staticClass: "drag-drop-illustration-finger", attrs: { d: "M8 0a4 4 0 00-2.7 1C4.6 1.6 4 2.7 4 4v21.4c-.4.2-.8.2-1.7 1A7.2 7.2 0 000 31.8c0 2 .8 3.8 1 4.5L4 42s-.1 0 0 0c1.4 3.1 4.5 5 8 5h9c5 0 9-4 9-9V22c0-.8-.1-2-.7-3-.5-1-1.7-2-3.3-2-1 0-2 .4-2.6.9 0-.3-.1-.7-.3-1-.6-1-1.7-1.9-3.1-1.9a4 4 0 00-2.7 1c-.6-1.1-1.7-2-3.3-2-.8 0-1.4.2-2 .6V4a4 4 0 00-4-4z", fill: "#000", "fill-rule": "nonzero" } }), t("path", { staticClass: "drag-drop-illustration-grabbing", attrs: { transform: "translate(0 11)", d: "M14 1c-.8 0-1.8.2-2.6.8l-.9 1a4 4 0 00-5.2.2C4.6 3.6 4 4.7 4 5.9V14c-1.7.7-4 3-4 7 0 2.2.9 4.2 1 4.5L3.9 31c1.5 3.1 4.6 5 8 5H21c5 0 9-4 9-9V9c0-4.4-2.5-5-4-5-.7 0-1.5.1-2.3.7C23 2.5 21.4 2 20 2c-1 0-2 .3-2.6.8l-.6-.9A4 4 0 0014 1z", fill: "#000", "fill-rule": "nonzero" } })])]), t("div", { staticClass: "text-center", staticStyle: { "max-width": "22ch" }, domProps: { innerHTML: e._s(e.$t("emptyBlockPlaceholderLarge")) } })]) : e._e(), t(e.isEditView ? "div" : "simplebar", { tag: "component", staticClass: "w-full h-full" }, [t("WithDimensions", { attrs: { "provide-device": !0 }, on: { width: function(a) {
+  ] }, [!e.nestedReadLayout.length && !e.isFixedSidebar ? t("div", { staticClass: "drag-drop-empty-list is-placeholder text-gray-400" }, [t("div", { staticStyle: { position: "relative" } }, [e._m(0), t("svg", { staticClass: "drag-drop-illustration", attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" } }, [t("path", { staticClass: "drag-drop-illustration-finger", attrs: { d: "M8 0a4 4 0 00-2.7 1C4.6 1.6 4 2.7 4 4v21.4c-.4.2-.8.2-1.7 1A7.2 7.2 0 000 31.8c0 2 .8 3.8 1 4.5L4 42s-.1 0 0 0c1.4 3.1 4.5 5 8 5h9c5 0 9-4 9-9V22c0-.8-.1-2-.7-3-.5-1-1.7-2-3.3-2-1 0-2 .4-2.6.9 0-.3-.1-.7-.3-1-.6-1-1.7-1.9-3.1-1.9a4 4 0 00-2.7 1c-.6-1.1-1.7-2-3.3-2-.8 0-1.4.2-2 .6V4a4 4 0 00-4-4z", fill: "#000", "fill-rule": "nonzero" } }), t("path", { staticClass: "drag-drop-illustration-grabbing", attrs: { transform: "translate(0 11)", d: "M14 1c-.8 0-1.8.2-2.6.8l-.9 1a4 4 0 00-5.2.2C4.6 3.6 4 4.7 4 5.9V14c-1.7.7-4 3-4 7 0 2.2.9 4.2 1 4.5L3.9 31c1.5 3.1 4.6 5 8 5H21c5 0 9-4 9-9V9c0-4.4-2.5-5-4-5-.7 0-1.5.1-2.3.7C23 2.5 21.4 2 20 2c-1 0-2 .3-2.6.8l-.6-.9A4 4 0 0014 1z", fill: "#000", "fill-rule": "nonzero" } })])]), t("div", { staticClass: "text-center", staticStyle: { "max-width": "22ch" }, domProps: { innerHTML: e._s(e.$t("emptyBlockPlaceholderLarge")) } })]) : e._e(), t(e.isEditView ? "div" : "simplebar", { tag: "component", staticClass: "w-full h-full" }, [t("WithDimensions", { attrs: { "provide-device": !0 }, on: { width: function(a) {
     e.parentSize.width = a;
   } }, scopedSlots: e._u([{ key: "default", fn: function({ width: a, height: n }) {
     var s, o;
@@ -6245,43 +6602,45 @@ var nn = 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 }, on: { remove: function(h) {
+      ] }, [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) {
         return e.onBlockRemove(l, r);
-      }, move: function(h) {
-        return e.onBlockMove(h, r);
-      } } }, [t("DynamicChapter", { attrs: { "component-name": l.componentName, "component-props": { ...l.props, _document: e._document, _value: l.value }, children: l.children, "parent-size": e.parentSize, "on-input": ({ key: h, value: g, options: D }) => e.setFormValue({ key: h, value: g, options: D }), "on-remove": ({ key: h }) => e.removeFormValue(h), "on-mount": (h) => e.onAddBlockMount(l.nodeId, h) } })], 1)], 1);
+      }, move: function(p) {
+        return e.onBlockMove(p, r);
+      }, "toggle-visible": function(p) {
+        return e.onBlockToggleVisible(l, p);
+      } } }, [t("DynamicChapter", { attrs: { "component-name": l.componentName, "component-props": { ...l.props, _document: e._document, _value: l.value }, children: l.children, "parent-size": e.parentSize, "is-visible": l.isVisible, "on-input": ({ key: p, value: C, options: 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(), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ isProLike: l }) {
       return [!e.isEditView && !l ? t("LogoBanner", { attrs: { position: "sticky" } }) : e._e()];
     } }], null, !0) })], 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)]);
-}, sn = [function() {
+}, wn = [function() {
   var i = this, e = i._self._c;
   return e("div", { staticClass: "drag-drop-illustration-block" }, [e("div"), e("div")]);
-}], on = /* @__PURE__ */ c(
-  an,
-  nn,
-  sn,
+}], _n = /* @__PURE__ */ c(
+  yn,
+  xn,
+  wn,
   !1,
   null,
-  "1c046d56",
+  "1592c6b7",
   null,
   null
 );
-const ln = on.exports, V = $.observable({
+const bn = _n.exports, T = S.observable({
   canEdit: !1,
   isForm: !0,
   setFormValue: null
-}), rn = {
+}), kn = {
   name: "DocumentForm",
   components: {
-    DocumentFormContainer: ln,
-    IsPremium: j,
-    IsPremiumPreStep: Xe,
-    DocumentSend: Fi
+    DocumentFormContainer: bn,
+    IsPremium: Y,
+    IsPremiumPreStep: K,
+    DocumentSend: zi
   },
-  mixins: [s1({ currentElement: null }), Ye],
+  mixins: [a1({ currentElement: null }), n1],
   props: {
     document: {
       type: Object,
@@ -6291,6 +6650,10 @@ const ln = on.exports, V = $.observable({
       type: Boolean,
       default: !1
     },
+    setFormValue: {
+      type: Function,
+      required: !0
+    },
     setDocValue: {
       type: Function,
       required: !0
@@ -6307,12 +6670,20 @@ const ln = on.exports, V = $.observable({
       type: Function,
       required: !0
     },
+    onSaveTemplate: {
+      type: Function,
+      default: null
+    },
     close: {
       type: Function,
       default: null
+    },
+    goBack: {
+      type: Function,
+      default: null
     }
   },
-  provide: () => ({ viewSettings: V }),
+  provide: () => ({ viewSettings: T }),
   data() {
     return {
       view: "edit",
@@ -6323,13 +6694,13 @@ const ln = on.exports, V = $.observable({
     canEdit: {
       immediate: !0,
       handler(i) {
-        V.canEdit = !!i;
+        T.canEdit = !!i;
       }
     }
   },
   computed: {
     canDoActions() {
-      return !!p(this.document, "template.views.read.nodes", []).length;
+      return !!m(this.document, "template.views.read.nodes", []).length;
     },
     canEdit() {
       const { document: i } = this;
@@ -6337,7 +6708,7 @@ const ln = on.exports, V = $.observable({
     }
   },
   created() {
-    this.setFormValue && (V.setFormValue = this.setDocValue);
+    this.setFormValue && (T.setFormValue = this.setDocValue);
   },
   methods: {
     isValid() {
@@ -6352,9 +6723,10 @@ const ln = on.exports, V = $.observable({
     },
     async saveAsTemplate() {
       this.document && this.$modal.show(
-        ee,
+        ie,
         {
-          document: this.document
+          document: this.document,
+          onSaveTemplate: this.onSaveTemplate
         },
         {
           adaptive: !0,
@@ -6368,9 +6740,9 @@ const ln = on.exports, V = $.observable({
     }
   }
 };
-var cn = function() {
+var Ln = 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 }, on: { "update:view": function(a) {
+  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 }, 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 }) {
@@ -6390,18 +6762,18 @@ var cn = function() {
     reminders: "data.reminders",
     name: "data.name"
   }, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "on-save-document": e.onSaveDocument } }), e.showDrawer ? t("portal", { attrs: { to: "drawer-content" } }) : e._e()], 1) : e._e();
-}, dn = [], pn = /* @__PURE__ */ c(
-  rn,
-  cn,
-  dn,
+}, $n = [], Sn = /* @__PURE__ */ c(
+  kn,
+  Ln,
+  $n,
   !1,
   null,
   null,
   null,
   null
 );
-const un = pn.exports;
-const mn = {
+const Dn = Sn.exports;
+const Vn = {
   name: "ClientLinks",
   props: {
     id: {
@@ -6431,7 +6803,7 @@ const mn = {
     }
   },
   computed: {
-    ...v({
+    ...g({
       docById: "documents2/byId"
     }),
     document() {
@@ -6453,36 +6825,35 @@ const mn = {
   },
   methods: {
     ...x({
-      loadDocument: u.LOAD_DOCUMENT2,
-      showMessage: u.SHOW_MESSAGE
+      loadDocument: u.LOAD_DOCUMENT2
     }),
     copyToClipboard(i) {
-      i.target.previousElementSibling.select(), document.execCommand("copy", !1), this.showMessage("info", this.$t("copied"));
+      i.target.previousElementSibling.select(), document.execCommand("copy", !1), q("info", this.$t("copied"));
     }
   }
 };
-var hn = function() {
+var Tn = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-inter", staticStyle: { "background-color": "white", "border-radius": "10px", overflow: "hidden" } }, [t("div", { staticStyle: { padding: "40px 30px", position: "relative" } }, [t("CButton", { staticStyle: { position: "absolute", right: "1em", top: "1em", color: "hsl(0, 0%, 55%)" }, attrs: { icon: "x", circle: "", size: "normal" }, on: { click: function(a) {
     return e.$emit("close");
   } } }), t("div", { staticStyle: { padding: "0 0 2.5em" } }, [t("div", { staticClass: "x-title", domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticClass: "x-text", domProps: { textContent: e._s(e.$t("text")) } })]), e.clients.length ? e._l(e.clients, function(a, n) {
     return t("div", { key: n, staticClass: "client-card" }, [t("div", { staticStyle: { padding: "4px 6px 8px 6px" } }, [t("div", { staticClass: "client-title truncate-text" }, [e._v(" " + e._s(a.primaryTitle) + " "), a.secondaryTitle ? t("span", { staticStyle: { opacity: "0.5", "padding-left": "0.125ch" } }, [e._v("· " + e._s(a.secondaryTitle))]) : e._e()]), a.documentRole ? t("div", { domProps: { textContent: e._s(e.$t(`_common:documentRole.${a.documentRole}.label`)) } }) : e._e(), t("div", [a.email ? t("a", { attrs: { href: `mailto:${a.email}?&body=${a.docLink}` } }, [e._v(e._s(a.email))]) : e._e(), a.email && a.cellphone ? t("span", { staticStyle: { padding: "0 0.5ch" } }, [e._v("·")]) : e._e(), a.cellphone ? t("a", { attrs: { href: `sms:${a.cellphone}?&body=${a.docLink}` } }, [t("CPhoneFormat", { attrs: { phone: a.cellphone, region: a.cellphoneRegion } })], 1) : e._e()])]), t("div", { staticStyle: { display: "flex", position: "relative" } }, [t("input", { ref: "key", refInFor: !0, staticClass: "link-field truncate-text", attrs: { placeholder: e.$t("placeholder"), type: "text", readonly: "readonly" }, domProps: { value: a.docLink } }), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("tooltip"), expression: "$t('tooltip')" }], staticClass: "clipboard-button", on: { click: e.copyToClipboard } }, [t("BaseIcon", { staticStyle: { "pointer-events": "none" }, attrs: { type: "copy", size: "17" } })], 1)])]);
-  }) : t("div", { staticStyle: { padding: "2em", "font-size": "14px", "text-align": "center", color: "hsl(0, 0%, 55%)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "6px" }, domProps: { textContent: e._s(e.$t("placeholder")) } }), t("div", { staticClass: "x-hint" }, [t("BaseIcon", { staticClass: "has-text-secondary", staticStyle: { flex: "0 0 auto", "margin-right": "8px", "margin-top": "3px" }, attrs: { type: "info", size: "16" } }), t("div", { domProps: { textContent: e._s(e.$t("hint")) } })], 1)], 2)]);
-}, fn = [], gn = /* @__PURE__ */ c(
-  mn,
-  hn,
-  fn,
+  }) : t("div", { staticStyle: { padding: "2em", "font-size": "14px", "text-align": "center", color: "hsl(0, 0%, 55%)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "6px" }, domProps: { textContent: e._s(e.$t("placeholder")) } }), t("div", { staticClass: "x-hint" }, [t("BaseIcon", { staticClass: "text-primary-500", staticStyle: { flex: "0 0 auto", "margin-right": "8px", "margin-top": "3px" }, attrs: { type: "info", size: "16" } }), t("div", { domProps: { textContent: e._s(e.$t("hint")) } })], 1)], 2)]);
+}, Mn = [], Bn = /* @__PURE__ */ c(
+  Vn,
+  Tn,
+  Mn,
   !1,
   null,
-  "1fe10a91",
+  "791a9a8f",
   null,
   null
 );
-const Cn = gn.exports, vn = Cn, yn = ({ id: i }) => {
-  if (!$.prototype.$modal)
+const In = Bn.exports, Fn = In, Hn = ({ id: i }) => {
+  if (!S.prototype.$modal)
     throw Error("Open client modal requires plugin vue-js-modal");
-  $.prototype.$modal.show(
-    vn,
+  S.prototype.$modal.show(
+    Fn,
     {
       id: i
     },
@@ -6495,7 +6866,7 @@ const Cn = gn.exports, vn = Cn, yn = ({ id: i }) => {
     }
   );
 };
-const xn = {
+const An = {
   name: "PostDocumentSend",
   mixins: [b],
   i18nOptions: {
@@ -6552,7 +6923,7 @@ const xn = {
         id: i,
         body: { status: "sent" },
         showMessage: !1
-      }), yn({ id: i })), t || setTimeout(() => this.close(), 2e3);
+      }), Hn({ id: i })), t || setTimeout(() => this.close(), 2e3);
     },
     async onSend() {
       typeof this.onSendFunc == "function" && this.onSendFunc(this.document), await this.handleDocumentLinks();
@@ -6571,7 +6942,7 @@ const xn = {
         body: { isAccepted: !0 },
         checksum: a
       }), await this.sendDocument({ id: i }), this.onSend()) : (this.$modal.show(
-        d1,
+        f1,
         {
           _document: this.document,
           fullScreen: this.modalHeight === "100%",
@@ -6615,22 +6986,22 @@ const xn = {
     }
   }
 };
-var wn = function() {
+var Pn = 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)]);
-}, _n = [], bn = /* @__PURE__ */ c(
-  xn,
-  wn,
-  _n,
+}, En = [], zn = /* @__PURE__ */ c(
+  An,
+  Pn,
+  En,
   !1,
   null,
-  "af44c39e",
+  "1f679c67",
   null,
   null
 );
-const kn = bn.exports;
-$.use(n1);
-const Ln = {
+const Zn = zn.exports;
+S.use(i1);
+const On = {
   name: "DocForm",
   i18nOptions: {
     namespaces: "widgetDocForm",
@@ -6644,9 +7015,9 @@ const Ln = {
     }
   },
   components: {
-    TemplateSelector: f2,
-    DocumentEditor: un,
-    PostSend: kn
+    TemplateSelector: x2,
+    DocumentEditor: Dn,
+    PostSend: Zn
   },
   props: {
     isNew: {
@@ -6667,7 +7038,7 @@ const Ln = {
     };
   },
   computed: {
-    ...ze({
+    ...Ze({
       company: "application/company",
       feature: "application/feature",
       can: "application/can",
@@ -6696,7 +7067,7 @@ const Ln = {
     (!this.rawDoc || (i = this.rawDoc) != null && i.__isNew) && (this.view = "templateSelect");
   },
   methods: {
-    ...Ze({
+    ...Oe({
       setFormValue: u.SET_FORM_VALUE,
       removeFormValue: u.REMOVE_FORM_VALUE,
       removeFormKeyValue: u.REMOVE_FORM_KEY_VALUE,
@@ -6716,7 +7087,9 @@ const Ln = {
       });
     },
     async onTemplateSelect({ templateId: i, documentId: e, formData: t }) {
-      const a = Ht({ ...this.rawDoc }, [
+      var n;
+      const a = Zt({ ...this.rawDoc }, [
+        "__tempId",
         "externalReferences",
         "clients",
         "data"
@@ -6726,9 +7099,9 @@ const Ln = {
         _formData: a
       }) : await this.loadDocumentForm({
         templateId: i,
-        formData: t ? Oe(t, a) : null,
+        formData: t ? Re(t, a) : null,
         _formData: a
-      }), await this.initDoc(), this.view = "editor";
+      }), (n = a == null ? void 0 : a.data) != null && n.name && this.setDocValue({ key: "data.name", value: a.data.name }), await this.initDoc(), this.view = "editor";
     },
     setDocValue({ key: i, value: e }) {
       return this.setFormValue({ key: `document2.${i}`, value: e });
@@ -6744,24 +7117,27 @@ const Ln = {
       i && (t != null && t.senderClient) ? (this.document = t, this.view = "postSend") : this.close();
     },
     close() {
-      Re.open = !1;
+      Ge.open = !1;
+    },
+    goBack() {
+      this.view = "templateSelect", this.setDocValue({ key: "__isNew", value: !0 });
     }
   }
 };
-var $n = function() {
+var Rn = 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 h-full w-full" }, [t("div", { staticClass: "relative flex items-center justify-center h-16 border-b border-gray-200" }, [t("CButton", { staticClass: "absolute top-1/2 -translate-y-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: "body-scroll min-h-0", attrs: { "can-edit-template": !0, "on-use-template": e.onTemplateSelect, "show-gallery": e.feature("templateGallery") } })], 1) : e.view === "editor" ? t("DocumentEditor", { 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 } }) : t("PostSend", { attrs: { document: e.document, "on-send-func": e.close, "on-close-func": e.close } })], 1);
-}, Sn = [], Dn = /* @__PURE__ */ c(
-  Ln,
-  $n,
-  Sn,
+  return t("div", { staticClass: "flex flex-col w-full h-full" }, [e.view === "templateSelect" ? t("div", { staticClass: "flex flex-col h-full w-full" }, [t("div", { staticClass: "relative flex items-center justify-center h-16 border-b border-gray-200" }, [t("CButton", { staticClass: "absolute top-1/2 -translate-y-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: "body-scroll min-h-0", attrs: { "on-use-template": e.onTemplateSelect, "show-gallery": e.feature("templateGallery") } })], 1) : e.view === "editor" ? t("DocumentEditor", { attrs: { document: e.document, "set-doc-value": e.setDocValue, "set-form-value": e.setFormValue, "remove-doc-value": e.removeDocValue, "remove-doc-key-value": e.removeDocKeyValue, "on-save-document": e.onSaveDocument, "is-loading": e.isPosting, close: e.close, "go-back": e.goBack } }) : t("PostSend", { attrs: { document: e.document, "on-send-func": e.close, "on-close-func": e.close } })], 1);
+}, Gn = [], Un = /* @__PURE__ */ c(
+  On,
+  Rn,
+  Gn,
   !1,
   null,
-  "8006e531",
+  null,
   null,
   null
 );
-const os = Dn.exports;
+const As = Un.exports;
 export {
-  os as default
+  As as default
 };