@cling-se/widget 0.9.11 → 0.9.13

package/dist/{DocForm-2e9af604.js → DocForm-88aad3f9.js}

@@ -1,119 +1,107 @@
-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 Ve, bd as De, 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 D, 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-abeba7c1.js";
-import { m as g, a as x } from "./vuex.esm-4a0fff7c.js";
-import "./index-de7702a8.js";
-import { v as M } from "./index-805c56e4.js";
-import { d as B, w as b } from "./CDropdownItem-bb7f1de7.js";
-import { D as Ue, l as We, g as qe, W as Ne, b as je, a as Ke } from "./DocumentLayout-0d24ac85.js";
-import { s as k } from "./simplebar.min-07c0e6b7.js";
-import { B as Ye } from "./BlockMedia-efc20618.js";
-import { b as Qe, I as K, a as Y } from "./IsPremiumPreStep-1657f1ce.js";
-import { c as Je, g as Xe } from "./template-3600893b.js";
-import { a as e1 } from "./tinycolor-0084a04e.js";
-import { m as L } from "./mapFormMixin-e82f943f.js";
-import { S as t1, C as Q, i as i1 } from "./formComponentsInstall-0cfab48e.js";
-import { s as v, f as a1 } from "./focusDrawerMixin-46eade80.js";
-import { f as n1 } from "./formValidationMixin-94fb3562.js";
-import { F as J, d as s1 } from "./tippy.esm-2bcbed04.js";
-import { S as o1 } from "./CSlider.vue_vue_type_style_index_0_lang-5ac8d200.js";
-import { o as l1, d as r1 } from "./vuedraggable.umd-c326d90c.js";
-import c1 from "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/drag-block-21107.png";
-import d1 from "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/text-bubble-21606.png";
-import p1 from "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/block-options-11378.png";
-import u1 from "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/article-options-10522.png";
-import m1 from "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/doc-send-25589.png";
-import { s as h1 } from "./dom-068d1a7b.js";
-import f1 from "./AnswerModal-4de1dbc1.js";
-import "./color-71c20583.js";
+import { aY as ue, aZ as me, a_ as G, a$ as he, b0 as U, b1 as W, b2 as fe, b3 as ge, b4 as Ce, b5 as ve, j as ye, g as m, n as c, s as q, b as u, av as xe, c as f, C as N, b6 as we, b7 as be, h as S, b8 as _e, b9 as ke, A as Le, ba as $e, bb as Se, aX as Te, bc as De, M as d, a4 as h, aS as x, bd as Ve, be as Be, bf as Me, bg as Ie, D as Fe, bh as He, d as Ae, i as _, a3 as j, S as Pe, ap as Ee, ae as ze, bi as Ze, V as k, aU as K, aV as Y, I as F, bj as D, aW as Oe, bk as Re, bl as H, r as Ge, m as Ue, a as We, bm as qe } from "./main-37f5e386.js";
+import { m as g, a as y } from "./vuex.esm-4a0fff7c.js";
+import "./index-d9dc84c3.js";
+import { v as B } from "./index-805c56e4.js";
+import { d as M, w as L } from "./CDropdownItem-18010a08.js";
+import { b as Ne, I, c as je, a as Q } from "./IsPremiumPreStep-fc67e5a6.js";
+import { D as Ke, l as Ye, g as Qe, W as Je, b as Xe, a as et } from "./DocumentLayout-7f21170a.js";
+import { s as b } from "./simplebar.min-0afea859.js";
+import { B as tt } from "./BlockMedia-7f55be7a.js";
+import { c as it, g as at } from "./template-09a48d50.js";
+import { a as nt } from "./tinycolor-9b14b99e.js";
+import { m as $ } from "./mapFormMixin-57fc1af3.js";
+import { S as st, C as J, i as ot } from "./formComponentsInstall-1032f4c0.js";
+import { s as v, f as lt } from "./focusDrawerMixin-ef272683.js";
+import { f as rt } from "./formValidationMixin-cae02f79.js";
+import { F as X, d as ct } from "./tippy.esm-e04582c9.js";
+import { S as dt } from "./CSlider.vue_vue_type_style_index_0_lang-cf8cf3bf.js";
+import { o as pt, d as ut } from "./vuedraggable.umd-937de8ac.js";
+import { s as mt } from "./dom-068d1a7b.js";
+import ht from "./AnswerModal-8d56e27b.js";
 import "./anime.es-e284c852.js";
-import "./regions-29ee6964.js";
-import "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/bg-pro-89155.png";
-import "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/bg-base-11995.png";
-import "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/bg-start-17372.png";
-import "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/headerCircularGradient.image-79345.png";
-import "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/columnGallery.image-14820.png";
-import "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/roiCalculator.image-13673.png";
-import "/Users/rang.ali/Projects/cling-vue/widget/dist/assets/blank-95062.png";
-import "./BaseDatePicker-1abafbac.js";
-import "./ErrorCallout-ddbc30af.js";
-import "./AddClientCallout-bccc787f.js";
-import "./ClientAutocomplete-d126a3bd.js";
-import "./SearchApi-b7e03288.js";
-import "./ClientModal-e2c196c4.js";
-import "./CCallout-a357fde2.js";
-import "./CField-d69fcf46.js";
+import "./image-eeafca74.js";
+import "./color-71c20583.js";
+import "./BaseDatePicker-455a8e63.js";
+import "./ErrorCallout-3c335312.js";
+import "./AddClientCallout-228b3577.js";
+import "./ClientAutocomplete-80568a20.js";
+import "./SearchApi-64811a82.js";
+import "./ClientModal-7504abd0.js";
+import "./CCallout-357061be.js";
+import "./CField-05874972.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ColorPicker-81f9f778.js";
-var g1 = de, C1 = pe, v1 = R;
-function y1(i, e, t) {
+import "./ColorPicker-6ce6c99f.js";
+var ft = ue, gt = me, Ct = G;
+function vt(i, e, t) {
   for (var a = -1, n = e.length, s = {}; ++a < n; ) {
-    var o = e[a], l = g1(i, o);
-    t(l, o) && C1(s, v1(o, i), l);
+    var o = e[a], l = ft(i, o);
+    t(l, o) && gt(s, Ct(o, i), l);
   }
   return s;
 }
-var x1 = y1;
-function w1(i, e) {
+var yt = vt;
+function xt(i, e) {
   return i != null && e in Object(i);
 }
-var _1 = w1, b1 = ue, k1 = G, L1 = "[object Arguments]";
-function $1(i) {
-  return k1(i) && b1(i) == L1;
+var wt = xt, bt = he, _t = U, kt = "[object Arguments]";
+function Lt(i) {
+  return _t(i) && bt(i) == kt;
 }
-var S1 = $1, H = S1, V1 = G, X = Object.prototype, D1 = X.hasOwnProperty, T1 = X.propertyIsEnumerable, M1 = H(function() {
+var $t = Lt, A = $t, St = U, ee = Object.prototype, Tt = ee.hasOwnProperty, Dt = ee.propertyIsEnumerable, Vt = A(function() {
   return arguments;
-}()) ? H : function(i) {
-  return V1(i) && D1.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;
+}()) ? A : function(i) {
+  return St(i) && Tt.call(i, "callee") && !Dt.call(i, "callee");
+}, te = Vt, Bt = 9007199254740991;
+function Mt(i) {
+  return typeof i == "number" && i > -1 && i % 1 == 0 && i <= Bt;
 }
-var F1 = I1, H1 = R, A1 = ee, P1 = U, E1 = me, z1 = F1, Z1 = he;
-function O1(i, e, t) {
-  e = H1(e, i);
+var It = Mt, Ft = G, Ht = te, At = W, Pt = fe, Et = It, zt = ge;
+function Zt(i, e, t) {
+  e = Ft(e, i);
   for (var a = -1, n = e.length, s = !1; ++a < n; ) {
-    var o = Z1(e[a]);
+    var o = zt(e[a]);
     if (!(s = i != null && t(i, o)))
       break;
     i = i[o];
   }
-  return s || ++a != n ? s : (n = i == null ? 0 : i.length, !!n && z1(n) && E1(o, n) && (P1(i) || A1(i)));
+  return s || ++a != n ? s : (n = i == null ? 0 : i.length, !!n && Et(n) && Pt(o, n) && (At(i) || Ht(i)));
 }
-var R1 = O1, G1 = _1, U1 = R1;
-function W1(i, e) {
-  return i != null && U1(i, e, G1);
+var Ot = Zt, Rt = wt, Gt = Ot;
+function Ut(i, e) {
+  return i != null && Gt(i, e, Rt);
 }
-var q1 = W1, N1 = x1, j1 = q1;
-function K1(i, e) {
-  return N1(i, e, function(t, a) {
-    return j1(i, a);
+var Wt = Ut, qt = yt, Nt = Wt;
+function jt(i, e) {
+  return qt(i, e, function(t, a) {
+    return Nt(i, a);
   });
 }
-var Y1 = K1;
-function Q1(i, e) {
+var Kt = jt;
+function Yt(i, e) {
   for (var t = -1, a = e.length, n = i.length; ++t < a; )
     i[n + t] = e[t];
   return i;
 }
-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 Qt = Yt, P = Ce, Jt = te, Xt = W, E = P ? P.isConcatSpreadable : void 0;
+function e1(i) {
+  return Xt(i) || Jt(i) || !!(E && i && i[E]);
 }
-var it = tt, at = J1, nt = it;
-function te(i, e, t, a, n) {
+var t1 = e1, i1 = Qt, a1 = t1;
+function ie(i, e, t, a, n) {
   var s = -1, o = i.length;
-  for (t || (t = nt), n || (n = []); ++s < o; ) {
+  for (t || (t = a1), n || (n = []); ++s < o; ) {
     var l = i[s];
-    e > 0 && t(l) ? e > 1 ? te(l, e - 1, t, a, n) : at(n, l) : a || (n[n.length] = l);
+    e > 0 && t(l) ? e > 1 ? ie(l, e - 1, t, a, n) : i1(n, l) : a || (n[n.length] = l);
   }
   return n;
 }
-var st = te, ot = st;
-function lt(i) {
+var n1 = ie, s1 = n1;
+function o1(i) {
   var e = i == null ? 0 : i.length;
-  return e ? ot(i, 1) : [];
+  return e ? s1(i, 1) : [];
 }
-var rt = lt;
-function ct(i, e, t) {
+var l1 = o1;
+function r1(i, e, t) {
   switch (t.length) {
     case 0:
       return i.call(e);
@@ -126,56 +114,56 @@ function ct(i, e, t) {
   }
   return i.apply(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; )
+var c1 = r1, d1 = c1, z = Math.max;
+function p1(i, e, t) {
+  return e = z(e === void 0 ? i.length - 1 : e, 0), function() {
+    for (var a = arguments, n = -1, s = z(a.length - e, 0), o = Array(s); ++n < s; )
       o[n] = a[e + n];
     n = -1;
     for (var l = Array(e + 1); ++n < e; )
       l[n] = a[n];
-    return l[e] = t(o), pt(i, this, l);
+    return l[e] = t(o), d1(i, this, l);
   };
 }
-var mt = ut;
-function ht(i) {
+var u1 = p1;
+function m1(i) {
   return function() {
     return i;
   };
 }
-var ft = ht;
-function gt(i) {
+var h1 = m1;
+function f1(i) {
   return i;
 }
-var Ct = gt, vt = ft, z = ge, yt = Ct, xt = z ? function(i, e) {
-  return z(i, "toString", {
+var g1 = f1, C1 = h1, Z = ve, v1 = g1, y1 = Z ? function(i, e) {
+  return Z(i, "toString", {
     configurable: !0,
     enumerable: !1,
-    value: vt(e),
+    value: C1(e),
     writable: !0
   });
-} : yt, wt = xt, _t = 800, bt = 16, kt = Date.now;
-function Lt(i) {
+} : v1, x1 = y1, w1 = 800, b1 = 16, _1 = Date.now;
+function k1(i) {
   var e = 0, t = 0;
   return function() {
-    var a = kt(), n = bt - (a - t);
+    var a = _1(), n = b1 - (a - t);
     if (t = a, n > 0) {
-      if (++e >= _t)
+      if (++e >= w1)
         return arguments[0];
     } else
       e = 0;
     return i.apply(void 0, arguments);
   };
 }
-var $t = Lt, St = wt, Vt = $t, Dt = Vt(St), Tt = Dt, Mt = rt, Bt = mt, It = Tt;
-function Ft(i) {
-  return It(Bt(i, void 0, Mt), i + "");
+var L1 = k1, $1 = x1, S1 = L1, T1 = S1($1), D1 = T1, V1 = l1, B1 = u1, M1 = D1;
+function I1(i) {
+  return M1(B1(i, void 0, V1), i + "");
 }
-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 = {
+var F1 = I1, H1 = Kt, A1 = F1, P1 = A1(function(i, e) {
+  return i == null ? {} : H1(i, e);
+}), E1 = P1;
+const z1 = /* @__PURE__ */ ye(E1);
+const Z1 = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
     messages: {
@@ -228,7 +216,7 @@ const Ot = {
   },
   validations: {
     name: {
-      required: M.requiredIf((i) => !i.updateExistingDocTemplate)
+      required: B.requiredIf((i) => !i.updateExistingDocTemplate)
     }
   },
   computed: {
@@ -256,10 +244,10 @@ const Ot = {
     this.$refs.input && this.$refs.input.focus();
   },
   methods: {
-    ...x({
-      loadTemplate: u.DO_LOAD_TEMPLATE,
-      saveTemplate: u.SAVE_TEMPLATE_FORM,
-      updateSettings: u.UPDATE_SETTINGS
+    ...y({
+      loadTemplate: m.DO_LOAD_TEMPLATE,
+      saveTemplate: m.SAVE_TEMPLATE_FORM,
+      updateSettings: m.UPDATE_SETTINGS
     }),
     async onSave() {
       if (!this.document && !this.template && (this.$log.error('Missing prop "document" or "template"'), this.$emit("close")), this.$v.$invalid)
@@ -309,7 +297,7 @@ const Ot = {
     }
   }
 };
-var Rt = function() {
+var O1 = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "t-root font-inter" }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, [e._v(" " + e._s(e.template ? e.$t("_common:edit", { thing: e.$t("_common:name") }) : e.$t("_common:save", { thing: e.$t("_common:template") })) + " ")]), t("div", [e.template ? e._e() : t("CCallout", [e._v(" " + e._s(e.$t("calloutDescription")) + " ")]), t("CField", { attrs: { vuelidate: e.$v.name, "vuelidate-messages": e.messages.name, label: e.$t("_common:name").capitalize(), "label-position": "inside" } }, [t("CInput", { ref: "input", staticClass: "rounder", staticStyle: { "margin-bottom": "calc(1 * var(--rem))" }, attrs: { value: e.updateExistingDocTemplate ? e.document.template.name : e.name, placeholder: e.$t("namePlaceholder"), disabled: e.updateExistingDocTemplate, autofocus: "", size: "medium" }, on: { input: function(a) {
     e.name = a;
@@ -318,22 +306,60 @@ var Rt = function() {
   }, expression: "updateExistingDocTemplate" } }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("updateExisting")) + " ")])])], 1)], 1) : e._e(), e.document && e.document.clients.length ? t("div", [t("CField", { staticStyle: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, [t("CCheckbox", { attrs: { type: "secondary", size: "normal" }, model: { value: e.keepClients, callback: function(a) {
     e.keepClients = a;
   }, expression: "keepClients" } }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("keepClients")) + " ")])])], 1)], 1) : e._e()], 1), t("CButton", { staticStyle: { "margin-top": "1.5em" }, attrs: { loading: e.isPosting, type: "secondary", wide: "", taller: "" }, on: { click: e.onSave } }, [e._v(" " + e._s(e.actionButtonText) + " ")])], 1);
-}, Gt = [], Ut = /* @__PURE__ */ c(
-  Ot,
-  Rt,
-  Gt,
+}, R1 = [], G1 = /* @__PURE__ */ c(
+  Z1,
+  O1,
+  R1,
   !1,
   null,
   "9f39f8ce",
   null,
   null
 );
-const ie = Ut.exports;
-const Wt = {
+const ae = G1.exports;
+function U1(i, { availableProducts: e }) {
+  if (!i)
+    throw new Error("Missing parameter templateId");
+  const t = e, a = Object.keys(t).find((n) => {
+    var o;
+    const s = u(
+      t[n],
+      "metadata.companyPurchase"
+    );
+    return (s == null ? void 0 : s.type) === "template" && ((o = s == null ? void 0 : s.data) == null ? void 0 : o.id) === i;
+  });
+  return a ? t[a] : null;
+}
+async function W1(i) {
+  if (!i)
+    throw new Error("Missing argument stripeProduct");
+  const e = i == null ? void 0 : i.prices[0], { data: t } = await xe.createCheckoutSession({
+    items: [
+      {
+        stripePriceStripeId: e.stripeId,
+        quantity: 1
+      }
+    ],
+    successUrl: `${f.baseUrl}/purchase/success`
+    // cancelUrl: window.location.href
+  }), { redirectUrl: a } = t;
+  window.open(a, "_blank");
+}
+function ne(i, { availableProducts: e }) {
+  var n, s, o;
+  let t = null;
+  const a = U1(i.templateId, { availableProducts: e });
+  return a && (t = {
+    price: q((n = a == null ? void 0 : a.prices) == null ? void 0 : n[0].amount, { currency: (s = a == null ? void 0 : a.prices) == null ? void 0 : s[0].currency }),
+    isPurchased: ((o = i.purchaseInfo) == null ? void 0 : o.isPurchased) || !1,
+    onBuy: async () => W1(a)
+  }), t;
+}
+const q1 = {
   name: "GalleryTemplateModal",
   components: {
-    simplebar: k,
-    DocumentLayout: Ue
+    simplebar: b,
+    DocumentLayout: Ke
   },
   props: {
     // Instance of template
@@ -341,6 +367,10 @@ const Wt = {
       type: Object,
       required: !0
     },
+    fetchGallery: {
+      type: Function,
+      required: !0
+    },
     meta: {
       type: Object,
       default: () => ({})
@@ -359,12 +389,21 @@ const Wt = {
       type: Function,
       required: !1,
       default: null
+    },
+    product: {
+      type: Object,
+      default: null
+    },
+    galleryItemId: {
+      type: String,
+      required: !0
     }
   },
   data() {
     return {
       // previewDocument: null,
       didSave: !1,
+      privateProduct: null,
       dummyPreviewClient: {
         name: "Pernilla P.",
         email: "pernilla@mail.se",
@@ -372,15 +411,18 @@ const Wt = {
         documentRole: "signee",
         type: "individual"
       },
-      templateStat: null
+      templateStat: null,
+      socketUnsubscribeFn: null
+      // Function to unsubscribe from socket
     };
   },
   computed: {
     ...g({
-      isLoading: "templates/isPosting"
+      isLoading: "templates/isPosting",
+      stripeProducts: "stripe/products"
     }),
     previewDocument() {
-      const { data: i, defaultData: e } = this.template, t = new W({
+      const { data: i, defaultData: e } = this.template, t = new N({
         data: {
           ...e,
           template: i,
@@ -393,14 +435,30 @@ const Wt = {
     }
   },
   created() {
-    this.loadTemplateStat();
+    this.privateProduct = this.product, this.loadTemplateStat(), this.product && (this.socketUnsubscribeFn = we.on("event", async ({ type: i, action: e, data: t }) => {
+      var a;
+      if (i === "companyPurchase" && e === "applied" && (t == null ? void 0 : t.type) === "template") {
+        const n = (a = t == null ? void 0 : t.data) == null ? void 0 : a.id;
+        if (n !== this.template.id)
+          return;
+        const s = {
+          templateId: n,
+          isVisibleApp: !0,
+          includePurchaseInfo: !0
+        }, o = await this.fetchGallery(s);
+        this.privateProduct = ne(o[0], { availableProducts: this.stripeProducts });
+      }
+    }));
+  },
+  beforeDestroy() {
+    this.socketUnsubscribeFn && this.socketUnsubscribeFn();
   },
   methods: {
     async loadTemplateStat() {
       const i = this.template.id;
       i || (this.templateStat = null);
       try {
-        const { data: e } = await ve.get(i);
+        const { data: e } = await be.get(i);
         this.templateStat = e;
       } catch {
         this.templateStat = null;
@@ -409,30 +467,33 @@ const Wt = {
     async useSelectedTemplate() {
       this.$parent.$emit("use-template", this.template), this.$emit("close");
     },
+    async buyTemplate() {
+      await this.privateProduct.onBuy();
+    },
     async saveAsTemplate() {
       this.template && typeof this.onSaveTemplate == "function" && (this.didSave = await this.onSaveTemplate(this.template));
     }
   }
 };
-var qt = function() {
-  var a;
+var N1 = function() {
+  var a, n;
   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: {
+  return t("div", { staticClass: "bg-gray-200 template-modal font-inter" }, [t("div", { staticStyle: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", "box-shadow": "rgb(244, 244, 244) 0px 2px 14px 0px inset, rgba(0, 0, 0, 0.09) 0px 8px 35px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset", flex: "1 1 auto", "min-height": "0" } }, [t("simplebar", { staticClass: "w-full h-full", attrs: { "data-simplebar-auto-hide": "false" } }, [e.previewDocument ? t("DocumentLayout", { attrs: { document: e.previewDocument } }) : e._e(), e.product && !e.privateProduct.isPurchased ? t("style", { tag: "component" }, [e._v(" .ProseMirror > * + * { filter: blur(8px); user-select: none; pointer-events: none; } ")]) : e._e()], 1)], 1), t("div", { staticStyle: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, [e._v(" " + e._s(e.meta.name) + " ")]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, [(a = e.templateStat) != null && a.usedTimes ? [e._v(" " + e._s(e.$t("_common:used").capitalize()) + " " + e._s(e.templateStat.usedTimes) + " " + e._s(e.$t("_common:times", { count: e.templateStat.usedTimes })) + " ")] : e._e()], 2), t("div", { staticStyle: { hyphens: "auto" } }, [e._v(" " + e._s(e.meta.text) + " ")]), e.meta.author ? t("div", { staticClass: "flex items-center", staticStyle: { "padding-top": "1.5em" } }, [t("div", { staticStyle: { "background-color": "#03f", "border-radius": "50%", width: "2.5em", height: "2.5em", "background-size": "cover", "background-position": "center", "background-repeat": "no-repeat" }, style: {
     backgroundImage: `url(${e.meta.author.avatar})`
-  } }), t("div", { staticStyle: { "margin-left": "0.5em" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.meta.author.name))]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px" } }, [e.meta.author.templatesCount ? [e._v(" " + e._s(e.meta.author.templatesCount) + " " + e._s(e.$t("_common:template", { count: e.meta.author.templatesCount })) + " ")] : [e._v(e._s(e.$t("_common:template").capitalize()))]], 2)])])]), 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) {
+  } }), t("div", { staticStyle: { "margin-left": "0.5em" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.meta.author.name))]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px" } }, [e.meta.author.templatesCount ? [e._v(" " + e._s(e.meta.author.templatesCount) + " " + e._s(e.$t("_common:template", { count: e.meta.author.templatesCount })) + " ")] : [e._v(e._s(e.$t("_common:template").capitalize()))]], 2)])]) : e._e()]), t("div", { staticStyle: { "padding-bottom": "2em" } }, [e.product ? [e.privateProduct.isPurchased ? t("div", { staticClass: "flex items-center gap-2 p-1 mb-5 text-sm border border-gray-300 rounded-full bg-gray-300/60" }, [t("div", { staticClass: "flex items-center justify-center w-5 h-5 rounded-full bg-primary-500" }, [t("BaseIcon", { staticClass: "text-white", attrs: { type: "check", size: "12" } })], 1), t("div", { staticClass: "text-xs font-medium text-gray-700", domProps: { textContent: e._s(e.$t("_common:purchased", { thing: e.$t("_common:template") })) } })]) : t("CButton", { staticClass: "text-left !justify-start !px-4", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.buyTemplate } }, [t("div", [e._v(" " + e._s(e.$t("_common:buy", { thing: e.$t("_common:template") })) + " ")]), t("div", { staticClass: "absolute py-1.5 px-2 text-sm leading-none text-white -translate-y-1/2 border rounded-md right-2 top-1/2 bg-primary-400/80 border-primary-600/60", domProps: { textContent: e._s(e.privateProduct.price) } })])] : e._e(), !e.product || e.privateProduct.isPurchased ? t("CButton", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { disabled: e.product ? !e.privateProduct.isPurchased : !1, type: "secondary", wide: "" }, on: { click: e.useSelectedTemplate } }, [e._v(" " + e._s(e.$t("_common:use", { thing: e.$t("_common:template") })) + " ")]) : e._e(), (e.product ? (n = e.product) != null && n.isPurchased : e.showSave) ? t("CButton", { attrs: { loading: e.isLoading, type: e.didSave ? "success" : "none", "icon-left": e.didSave ? "check" : void 0, wide: "" }, on: { click: function(s) {
     e.didSave || e.saveAsTemplate();
-  } } }, [e._v(" " + e._s(e.didSave ? e.$t("_common:savedThing", { thing: e.$t("_common:template") }) : e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")]) : e._e()], 1)])]);
-}, Nt = [], jt = /* @__PURE__ */ c(
-  Wt,
-  qt,
-  Nt,
+  } } }, [e._v(" " + e._s(e.didSave ? e.$t("_common:savedThing", { thing: e.$t("_common:template") }) : e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")]) : e._e()], 2)])]);
+}, j1 = [], K1 = /* @__PURE__ */ c(
+  q1,
+  N1,
+  j1,
   !1,
   null,
-  "e2568605",
+  "07b93fb2",
   null,
   null
 );
-const Kt = jt.exports, Yt = {
+const Y1 = K1.exports, Q1 = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -489,6 +550,14 @@ const Kt = jt.exports, Yt = {
     filterLanguage: {
       type: String,
       default: () => ["cling", "fortnoxSe"].includes(f.brand) ? "sv" : "en"
+    },
+    showTemplateAuthor: {
+      type: Boolean,
+      default: !0
+    },
+    canPurchase: {
+      type: Boolean,
+      default: !0
     }
   },
   data() {
@@ -516,6 +585,9 @@ const Kt = jt.exports, Yt = {
     };
   },
   computed: {
+    ...g({
+      stripeProducts: "stripe/products"
+    }),
     galleryItems() {
       return this.isLoading ? Array(6).fill({ placeholder: !0 }) : this.templateGalleryItems.filter(({ categories: i }) => i.includes(this.activeCategory && this.activeCategory.key));
     },
@@ -533,38 +605,49 @@ const Kt = jt.exports, Yt = {
       !i || !i.length || (!this.activeCategory || !i.includes(this.activeCategory)) && this.selectCategory(i[0]);
     }
   },
-  created() {
-    var i, e;
-    if ((e = (i = this.$route) == null ? void 0 : i.query) != null && e.list) {
-      const [t] = this.$route.query.list.split(",");
-      this.activeCategory = this.allCategories.find(({ key: a }) => a === t);
-    }
-    this.loadTemplateGallery(() => {
-      var a, n;
-      const t = (n = (a = this.$route) == null ? void 0 : a.query) == null ? void 0 : n.id;
-      if (t)
-        try {
-          const s = this.templateGalleryItems.find(({ id: o }) => o === t);
-          this.selectGalleryItem(s);
-        } catch (s) {
-          $(s);
-        }
-    });
+  beforeCreate() {
+    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", Ne);
+  },
+  async created() {
+    var e, t, a, n;
+    if (this.canPurchase && await this.loadPrices(), (t = (e = this.$route) == null ? void 0 : e.query) != null && t.list) {
+      const [s] = this.$route.query.list.split(",");
+      this.activeCategory = this.allCategories.find(({ key: o }) => o === s);
+    }
+    await this.loadTemplateGallery();
+    const i = (n = (a = this.$route) == null ? void 0 : a.query) == null ? void 0 : n.id;
+    if (i)
+      try {
+        const s = this.templateGalleryItems.find(({ id: o }) => o === i);
+        this.selectGalleryItem(s);
+      } catch (s) {
+        S(s);
+      }
   },
   methods: {
-    async loadTemplateGallery(i) {
+    ...y({
+      loadPrices: m.LOAD_PRICES
+    }),
+    async loadTemplateGallery() {
       this.isLoading = !0;
-      const e = {
-        isVisibleApp: !0
+      const i = {
+        isVisibleApp: !0,
+        includePurchaseInfo: !0
       };
-      this.language && (e.language = this.language);
+      this.language && (i.language = this.language);
       try {
-        const t = await this.fetchGallery(e);
-        this.templateGalleryItems = t || [], this.availableCategoryKeys = t.reduce((a, n) => [.../* @__PURE__ */ new Set([...a, ...n.categories])], []);
-      } catch (t) {
-        $(t);
+        const e = await this.fetchGallery(i);
+        this.templateGalleryItems = (e || []).map((t) => {
+          if (this.canPurchase && t.isPurchasable) {
+            const a = ne(t, { availableProducts: this.stripeProducts });
+            a && (t.product = a);
+          }
+          return t;
+        }), this.availableCategoryKeys = e.reduce((t, a) => [.../* @__PURE__ */ new Set([...t, ...a.categories])], []);
+      } catch (e) {
+        S(e);
       } finally {
-        this.isLoading = !1, typeof i == "function" && i();
+        this.isLoading = !1;
       }
     },
     async getGalleryTemplate(i) {
@@ -572,9 +655,10 @@ const Kt = jt.exports, Yt = {
       const e = {
         _id: i,
         populate: "templateId",
-        isVisibleApp: !0
+        isVisibleApp: !0,
+        includePurchaseInfo: !0
       }, t = await this.fetchGallery(e), a = (s = t == null ? void 0 : t[0]) == null ? void 0 : s.templateId;
-      return a ? (ye(a), new xe(a)) : null;
+      return a ? (_e(a), new ke(a)) : null;
     },
     onUseTemplate(i) {
       if (!i)
@@ -597,17 +681,23 @@ const Kt = jt.exports, Yt = {
         fortnoxCom: "/img/fortnox/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        Kt,
+        Y1,
         {
           template: i,
+          fetchGallery: this.fetchGallery,
+          product: e.product,
+          galleryItemId: e.id,
           meta: {
             name: e.name,
             text: e.description,
-            author: {
-              name: this.$t("_common:brand.name"),
-              avatar: t[f.brand],
-              templatesCount: this.templateGalleryItems.length
-            }
+            ...this.showTemplateAuthor ? {
+              // Only show author if enabled)
+              author: {
+                name: this.$t("_common:brand.name"),
+                avatar: t[f.brand],
+                templatesCount: this.templateGalleryItems.length
+              }
+            } : {}
           },
           ...this.modalProps
         },
@@ -646,32 +736,33 @@ const Kt = jt.exports, Yt = {
       selectGalleryItem: this.selectGalleryItem
     });
   }
-}, Qt = null, Jt = null;
-var Xt = /* @__PURE__ */ c(
-  Yt,
-  Qt,
-  Jt,
+}, J1 = null, X1 = null;
+var e2 = /* @__PURE__ */ c(
+  Q1,
+  J1,
+  X1,
   !1,
   null,
   null,
   null,
   null
 );
-const e2 = Xt.exports;
-const t2 = {
+const t2 = e2.exports;
+const i2 = {
   name: "DocumentIcon",
-  truncate: we,
+  truncate: Le,
   inject: {
     components: {
       default: {
-        BlockMedia: Ye
+        BlockMedia: tt
       }
     }
   }
 };
-var i2 = function(e, t) {
+var a2 = function(e, t) {
   return e("div", t._b({ key: t.data.key, staticClass: "item", class: [
     t.data.staticClass,
+    t.data.class,
     {
       "is-placeholder": t.props.isPlaceholder,
       "is-add": t.props.isAdd,
@@ -681,22 +772,22 @@ var i2 = function(e, t) {
     t.listeners.click && t.listeners.click();
   } } }, "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)]);
-}, a2 = [], n2 = /* @__PURE__ */ c(
-  t2,
+  } }) : t.props.isPlaceholder || t.props.isAdd ? t._e() : e(t.injections.components.BlockMedia, { tag: "component", staticClass: "item-media", attrs: { media: t.props.media, preview: "" } }), t.scopedSlots.badge ? e("div", { staticClass: "absolute right-2 bottom-2" }, [t._t("badge")], 2) : t._e(), t.props.isAdd ? e("div", { staticClass: "add-button" }, [e("BaseIcon", { attrs: { size: 18, "stroke-width": 3, type: "plus" } })], 1) : t._e()], 1), e("div", { staticClass: "item-footer" }, [t.props.isAdd ? e("div", { staticClass: "item-text", staticStyle: { color: "hsl(0, 0%, 55%)" }, domProps: { textContent: t._s(t.parent.$t("_common:empty", { thing: t.parent.$t("_common:template") })) } }) : t.props.name ? [e("div", { staticClass: "item-text", domProps: { textContent: t._s(t.$options.truncate(t.props.name, 60)) } }), t._t("default")] : t._e()], 2)]);
+}, n2 = [], s2 = /* @__PURE__ */ c(
   i2,
   a2,
+  n2,
   !0,
   null,
-  "6b8b46e0",
+  "7ebb1c9a",
   null,
   null
 );
-const s2 = n2.exports;
-const o2 = {
+const o2 = s2.exports;
+const l2 = {
   name: "HorizontalScroll",
   components: {
-    Simplebar: k
+    Simplebar: b
   },
   data() {
     return {
@@ -740,7 +831,7 @@ const o2 = {
     }
   }
 };
-var l2 = function() {
+var r2 = function() {
   var e = this, t = e._self._c;
   return t("div", { ref: "container", staticClass: "horizontal-scroll" }, [t("div", { staticClass: "hl-navigation" }, [e.hasPrev ? t("div", { staticClass: "hl-btn-left", on: { click: function(a) {
     return e.go(-1);
@@ -753,18 +844,18 @@ var l2 = function() {
       return e.$emit("expand");
     } } })];
   })], 2) : e._e()]), t("div", { staticClass: "hl-container" }, [t("Simplebar", { ref: "list", staticClass: "hl-list", on: { scroll: e.scrollHandler } }, [t("div", { staticClass: "flex w-full" }, [e._t("default")], 2)])], 1)]);
-}, r2 = [], c2 = /* @__PURE__ */ c(
-  o2,
+}, c2 = [], d2 = /* @__PURE__ */ c(
   l2,
   r2,
+  c2,
   !1,
   null,
   "15f25c8e",
   null,
   null
 );
-const d2 = c2.exports;
-const p2 = {
+const p2 = d2.exports;
+const u2 = {
   name: "DocumentFormRecent",
   i18nOptions: {
     namespaces: "DocumentFormRecent",
@@ -797,8 +888,8 @@ const p2 = {
     this.onLoadDocuments();
   },
   methods: {
-    ...x({
-      loadDocument: u.LOAD_DOCUMENT2
+    ...y({
+      loadDocument: m.LOAD_DOCUMENT2
     }),
     async onInput() {
       this.isLoading = !0, this.onLoadDocuments();
@@ -806,7 +897,7 @@ const p2 = {
     async fetchDocuments(i) {
       const e = this.query ? 180 : 90, t = {
         createdAt: {
-          $gte: this.$formatDate(_e(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
+          $gte: this.$formatDate($e(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
         },
         // Only provide or if there is a search query to filter on
         ...this.query && {
@@ -821,7 +912,7 @@ const p2 = {
             }
           ]
         }
-      }, { data: a } = await be.getAll({
+      }, { data: a } = await Se.getAll({
         lean: !0,
         filter: encodeURIComponent(JSON.stringify(t)),
         fields: "clients,data.name,createdAt",
@@ -831,7 +922,7 @@ const p2 = {
       }), { items: n = [] } = a || {};
       return n;
     },
-    onLoadDocuments: B(async function() {
+    onLoadDocuments: M(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;
@@ -843,7 +934,7 @@ const p2 = {
     }
   }
 };
-var u2 = function() {
+var m2 = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "flex w-full", staticStyle: { "padding-bottom": "1em" } }, [e._t("default"), e.hasItems ? t("CInput", { attrs: { loading: e.isLoading, placeholder: e.$t("_common:search"), type: "search", size: "normal", filled: "" }, on: { input: e.onInput }, model: { value: e.query, callback: function(a) {
     e.query = a;
@@ -860,18 +951,18 @@ var u2 = function() {
       return s.stopPropagation(), e.onSaveDocumentTemplate(a._id);
     } } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")]), t("CButton", { staticStyle: { "margin-left": "1em" }, attrs: { size: "small", type: "secondary" } }, [e._v(" " + e._s(e.$t("_common:use", { thing: e.$t("_common:template") })) + " ")])], 1) : e._e()]);
   })], 2)]);
-}, m2 = [], h2 = /* @__PURE__ */ c(
-  p2,
+}, h2 = [], f2 = /* @__PURE__ */ c(
   u2,
   m2,
+  h2,
   !1,
   null,
   "0096ccb0",
   null,
   null
 );
-const f2 = h2.exports;
-const g2 = {
+const g2 = f2.exports;
+const C2 = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -889,7 +980,8 @@ const g2 = {
           cancel: "Avbryt"
         },
         icon: {
-          tooltip: "Fler val"
+          tooltip: "Fler val",
+          freeTooltip: "Det här en gratismall som du kan använda obegränsat."
         }
       },
       en: {
@@ -906,18 +998,20 @@ const g2 = {
           cancel: "Cancel"
         },
         icon: {
-          tooltip: "More options"
+          tooltip: "More options",
+          freeTooltip: "This is a template that you can use for free, without limitations."
         }
       }
     }
   },
-  name: "DocumentFormSelect",
-  mixins: [b],
+  name: "TemplateSelector",
+  mixins: [L],
   components: {
-    HorizontalScroll: d2,
-    DocumentIcon: s2,
-    DocumentRecent: f2,
-    GalleryLogic: e2
+    HorizontalScroll: p2,
+    DocumentIcon: o2,
+    DocumentRecent: g2,
+    GalleryLogic: t2,
+    IsPremiumPreStep: I
   },
   props: {
     // Used for creating documents form project/client views
@@ -945,9 +1039,17 @@ const g2 = {
       type: Boolean,
       default: !1
     },
+    showGalleryTemplateAuthor: {
+      type: Boolean,
+      default: !0
+    },
     listExpanded: {
       type: Boolean,
       default: !1
+    },
+    includePartnerTemplates: {
+      type: Boolean,
+      default: !1
     }
   },
   data() {
@@ -958,6 +1060,7 @@ const g2 = {
   },
   computed: {
     ...g({
+      canFeature: "application/feature",
       templateById: "templates/byId",
       isFetchingTemplates: "templates/isFetching",
       availableTemplates: "templates/availableTemplates",
@@ -979,7 +1082,7 @@ const g2 = {
     },
     myTemplates() {
       const i = [...this.availableTemplates];
-      return !i.length && this.isFetchingTemplates ? Array(5).fill({ placeholder: !0 }) : [{ id: "empty" }, ...i];
+      return !i.length && this.isFetchingTemplates ? Array(5).fill({ placeholder: !0 }) : [{ id: "empty", doConsumeDocumentQuota: !0 }, ...i];
     },
     galleryModalProps() {
       const { fSkatt: i, insurance: e } = this.companySettings;
@@ -998,16 +1101,15 @@ const g2 = {
     this.loadTemplates();
   },
   methods: {
-    ...x({
-      loadTemplatesAction: u.LOAD_TEMPLATES,
-      loadTemplate: u.LOAD_TEMPLATE,
-      createTemplate: u.DO_CREATE_TEMPLATE,
-      hideTemplate: u.HIDE_TEMPLATE,
-      deleteTemplate: u.DELETE_TEMPLATE
+    ...y({
+      loadTemplatesAction: m.LOAD_TEMPLATES,
+      loadTemplate: m.LOAD_TEMPLATE,
+      createTemplate: m.DO_CREATE_TEMPLATE,
+      removeTemplate: m.REMOVE_TEMPLATE
     }),
     loadTemplates() {
       const i = {};
-      this.defaultLanguage && (i.sharedLanguage = this.defaultLanguage), this.loadTemplatesAction(i), this.isAuthenticatedCRM("hubspot") && this.loadTemplate({ id: "hubspot" });
+      this.defaultLanguage && (i.sharedLanguage = this.defaultLanguage), this.includePartnerTemplates && (i.includePartnerTemplates = !0), this.loadTemplatesAction(i), this.isAuthenticatedCRM("hubspot") && this.loadTemplate({ id: "hubspot" });
     },
     select({ templateId: i, documentId: e, formData: t }) {
       return this.onUseTemplate({
@@ -1020,19 +1122,16 @@ const g2 = {
     },
     async saveTemplate(i) {
       try {
-        const { data: e } = i, t = ke(e, ["_id", "id", "companyId", "isVisible"]);
+        const { data: e } = i, t = Te(e, ["_id", "id", "companyId", "isVisible"]);
         return await this.createTemplate({ body: t }), !0;
       } catch (e) {
-        $(e);
+        S(e);
       }
       return !1;
     },
-    async onRemoveTemplate(i) {
-      i.companyId ? await this.deleteTemplate({ id: i.id }) : await this.hideTemplate({ id: i.id });
-    },
     async openTemplateFormModal({ document: i = null, template: e = null }) {
       this.$modal.show(
-        ie,
+        ae,
         {
           document: i,
           template: e,
@@ -1049,28 +1148,41 @@ const g2 = {
       );
     },
     async fetchGallery(i = {}) {
-      const { data: e } = await Le.get(i);
+      const { data: e } = await De.get(i);
       return e;
+    },
+    canUseTemplate(i) {
+      return i.doConsumeDocumentQuota ? this.canFeature("editDocLayout") : !0;
     }
   }
 };
-var C2 = function() {
+var v2 = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "t-root" }, [t("div", { staticClass: "font-inter form-start main", class: { small: e.mq === "sm" } }, [e._t("header"), t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "section-title" }, [t("div", [e._v(e._s(e.$t("myTemplates")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("myTemplatesSubTitle")) + " ")])]), t(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 });
-    } } }, [t("CDropdown", { staticStyle: { top: "-8px", right: "-4px" }, attrs: { "append-to-body": "" }, nativeOn: { click: function(n) {
-      n.stopPropagation();
-    } } }, [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("icon.tooltip"), expression: "$t('icon.tooltip')" }], attrs: { slot: "trigger", icon: "more-vertical", type: "none", pattern: "tertiary", size: "small" }, slot: "trigger" }), e.onEditTemplate ? t("CDropdownItem", { attrs: { "icon-left": "template-color" }, on: { click: function(n) {
-      return e.onEditTemplate(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)], 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({
+  return t("div", { staticClass: "t-root" }, [t("div", { staticClass: "font-inter form-start main", class: { small: e.mq === "sm" } }, [e._t("header"), t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "section-title" }, [t("div", [e._v(e._s(e.$t("myTemplates")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("myTemplatesSubTitle")) + " ")])]), t("IsPremiumPreStep", { attrs: { feature: "editDocumentLayout" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: a }) {
+    return [t(e.isExpanded ? "div" : "HorizontalScroll", { tag: "component", staticClass: "template-list", class: { "is-expanded": e.isExpanded }, on: { expand: function(n) {
+      e.isExpanded = !0;
+    } } }, e._l(e.myTemplates, function(n) {
+      return t("DocumentIcon", { key: n.id, staticClass: "template-item", attrs: { "is-add": n.id === "empty", "is-placeholder": n.placeholder, media: n.defaultMedia || e.fallbackMedia, thumbnail: n.thumbnailUrl, name: n.name }, on: { click: function(s) {
+        n.placeholder || (e.canUseTemplate(n) ? e.select({ templateId: n.id }) : a());
+      } } }, [e.canUseTemplate(n) ? !n.doConsumeDocumentQuota && !n.placeholder ? t("div", { staticClass: "text-[11px] h-5 capitalize font-semibold text-white bg-primary-500 rounded leading-none px-1.5 inline-flex items-center border border-primary-600 shadow-sm", attrs: { slot: "badge" }, slot: "badge" }, [e._v(" " + e._s(e.$t("_common:free")) + " ")]) : e._e() : t("div", { staticClass: "inline-flex items-center h-5 gap-1 px-1 leading-none bg-gray-200 border border-gray-300 rounded shadow-sm text-gray-500/90", attrs: { slot: "badge" }, slot: "badge" }, [t("BaseIcon", { attrs: { type: "lock", size: "12", "stroke-width": "2.5" } }), t("div", { staticClass: "text-[11px] font-semibold" }, [e._v("Pro")])], 1), n.onModify === "create" && !n.doConsumeDocumentQuota ? t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+        content: e.$t("icon.freeTooltip"),
+        placement: "bottom"
+      }, expression: `{
+                content: $t('icon.freeTooltip'),
+                placement: 'bottom'
+              }` }], staticStyle: { top: "-8px", right: "-4px" }, attrs: { icon: "info", type: "none", pattern: "tertiary", size: "small" }, nativeOn: { click: function(s) {
+        s.stopPropagation();
+      } } }) : t("CDropdown", { staticStyle: { top: "-8px", right: "-4px" }, attrs: { "append-to-body": "" }, nativeOn: { click: function(s) {
+        s.stopPropagation();
+      } } }, [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("icon.tooltip"), expression: "$t('icon.tooltip')" }], attrs: { slot: "trigger", icon: "more-vertical", type: "none", pattern: "tertiary", size: "small" }, slot: "trigger" }), e.onEditTemplate ? t("CDropdownItem", { attrs: { "icon-left": "template-color" }, on: { click: function(s) {
+        return e.onEditTemplate(n.id);
+      } } }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:template") })) + " ")]) : e._e(), t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "edit" }, on: { click: function(s) {
+        return e.openTemplateFormModal({ template: n });
+      } } }, [e._v(" " + e._s(e.$t("_common:change", { thing: e.$t("_common:name") })) + " ")]), t("CDropdownItem", { attrs: { separator: "" } }), t("CDropdownItem", { attrs: { "icon-props": { size: 16, stroke: "hsl(360, 100%, 60%)" }, "icon-left": "trash" }, on: { click: function(s) {
+        return e.removeTemplate({ template: n });
+      } } }, [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, "show-template-author": e.showGalleryTemplateAuthor, "modal-props": e.galleryModalProps }, scopedSlots: e._u([{ key: "default", fn: function({
     galleryItems: a,
     categories: n,
     activeCategory: s,
@@ -1086,21 +1198,21 @@ var C2 = function() {
     })], 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(p) {
         r.placeholder || l(r);
-      } } });
+      } } }, [r.product ? t("div", { staticClass: "p-1 text-xs font-semibold leading-none text-white border rounded shadow-lg bg-primary-500 border-primary-700/40", attrs: { slot: "badge" }, slot: "badge" }, [r.product.isPurchased ? t("BaseIcon", { attrs: { type: "check", size: "14", "stroke-width": "3" } }) : t("div", { domProps: { textContent: e._s(r.product.price) } })], 1) : e._e()]);
     }), 1)], 1)];
-  } }], null, !1, 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,
+  } }], null, !1, 4229824708) })] : e._e(), t("DocumentRecent", { staticStyle: { width: "100%", "padding-bottom": "5em" }, on: { "use-doc-template": e.select, "save-template": e.openTemplateFormModal } }, [t("div", { staticClass: "section-title", staticStyle: { flex: "1 1 auto", "padding-bottom": "0.5em" } }, [t("div", [e._v(e._s(e.$t("recent")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("recentSubTitle")) + " ")])])])], 2)]);
+}, y2 = [], x2 = /* @__PURE__ */ c(
   C2,
   v2,
+  y2,
   !1,
   null,
-  "1eb8b257",
+  "b0c014da",
   null,
   null
 );
-const x2 = y2.exports;
-const w2 = (i) => {
+const w2 = x2.exports;
+const b2 = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -1131,13 +1243,13 @@ const w2 = (i) => {
       $ref: `${f.api.baseUrl}/schemas/file/1.json`
     }
   }
-], b2 = ({ document: i = null }) => {
+], k2 = ({ document: i = null }) => {
   const e = d(), { language: t } = i || {};
   return {
-    readView: w2(e),
+    readView: b2(e),
     validation: _2(e, t)
   };
-}, k2 = () => [
+}, L2 = () => [
   {
     itemId: "presentation",
     itemType: "presentation",
@@ -1145,11 +1257,11 @@ const w2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], L2 = () => ({
-  readView: k2(),
+], $2 = () => ({
+  readView: L2(),
   validation: []
   // all relevant data is either within base doc or company settings etc
-}), $2 = () => {
+}), S2 = () => {
   const i = Array(2).fill().map(() => d());
   return [
     {
@@ -1172,19 +1284,19 @@ const w2 = (i) => {
       // uniqid(),
     }
   ];
-}, S2 = (i = "en") => [
+}, T2 = (i = "en") => [
   {
     key: "multiGroupPricing-title",
     anyOf: [{ type: "string" }, { type: "null" }],
     defaultValue: h.t("components:document.chapters.multiGroupPricing.title", { lng: i })
   }
-], V2 = ({ document: i = null }) => {
+], D2 = ({ document: i = null }) => {
   const { language: e } = i || {};
   return {
-    readView: $2(),
-    validation: S2(e)
+    readView: S2(),
+    validation: T2(e)
   };
-}, D2 = () => [
+}, V2 = () => [
   {
     itemId: "terms",
     itemType: "termsDisclaimer",
@@ -1202,7 +1314,7 @@ const w2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], T2 = () => [
+], B2 = () => [
   {
     key: "terms",
     anyOf: [
@@ -1211,9 +1323,9 @@ const w2 = (i) => {
     ]
   }
 ], M2 = () => ({
-  readView: D2(),
-  validation: T2()
-}), B2 = () => {
+  readView: V2(),
+  validation: B2()
+}), I2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1262,7 +1374,7 @@ const w2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, I2 = () => ({
+}, F2 = () => ({
   clients: [{
     name: "Pernilla P.",
     email: "pernilla@mail.se",
@@ -1272,20 +1384,20 @@ const w2 = (i) => {
     deliveryTypes: ["email"],
     answerMethod: { accept: "signature", deny: "button" }
   }]
-}), F2 = (i = "en") => [
+}), H2 = (i = "en") => [
   { key: "senderString", anyOf: [{ type: "string" }, { type: "null" }] },
   { key: "receiverString", anyOf: [{ type: "string" }, { type: "null" }] },
   { key: "partiesString", anyOf: [{ type: "string" }, { type: "null" }], defaultValue: h.t("components:document.chapters.parties.title", { lng: i }) }
-], H2 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+], A2 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const { language: a } = e || {};
   let n = null;
-  return typeof t == "function" ? n = t() : i && (n = I2()), {
-    readView: B2(),
-    validation: F2(a),
+  return typeof t == "function" ? n = t() : i && (n = F2()), {
+    readView: I2(),
+    validation: H2(a),
     // Client / company will for now always exist on doc and in validation
     ...n && { data: n }
   };
-}, A2 = (i) => {
+}, P2 = (i) => {
   const e = Array(3).fill().map(() => d());
   return [
     {
@@ -1314,7 +1426,7 @@ const w2 = (i) => {
       nodeId: e[2]
     }
   ];
-}, P2 = (i) => [
+}, E2 = (i) => [
   {
     key: `estimatedTimeComplete-${i}`,
     type: "object",
@@ -1335,20 +1447,20 @@ const w2 = (i) => {
       }
     }
   }
-], E2 = (i) => ({
+], z2 = (i) => ({
   [`estimatedTimeComplete-${i}`]: {
     value: 4,
     unitType: "hour"
   }
-}), z2 = ({ 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 = E2(t)), {
-    readView: A2(t),
-    validation: P2(t),
+  return typeof e == "function" ? a = e(t) : i && (a = z2(t)), {
+    readView: P2(t),
+    validation: E2(t),
     ...a && { data: a }
   };
-}, Z2 = () => {
+}, O2 = () => {
   const i = Array(3).fill().map(() => d());
   return [
     {
@@ -1382,7 +1494,7 @@ const w2 = (i) => {
       nodeId: i[2]
     }
   ];
-}, O2 = () => [
+}, R2 = () => [
   {
     key: "estimatedWorkDates",
     type: "object",
@@ -1391,10 +1503,10 @@ const w2 = (i) => {
       endAt: { anyOf: [{ type: "null" }, { type: "string" }] }
     }
   }
-], R2 = () => ({
-  readView: Z2(),
-  validation: O2()
-}), G2 = () => {
+], G2 = () => ({
+  readView: O2(),
+  validation: R2()
+}), U2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1460,7 +1572,7 @@ const w2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, U2 = () => [
+}, W2 = () => [
   {
     key: "extraWorkConstruction",
     extraWorkConstruction: {
@@ -1484,11 +1596,11 @@ const w2 = (i) => {
       }
     }
   }
-], W2 = () => ({
-  readView: G2(),
-  validation: U2()
+], q2 = () => ({
+  readView: U2(),
+  validation: W2()
   // Client / company will for now always exist on doc and in validation
-}), q2 = () => {
+}), N2 = () => {
   const i = Array(3).fill().map(() => d());
   return [
     {
@@ -1528,7 +1640,7 @@ const w2 = (i) => {
       nodeId: i[2]
     }
   ];
-}, N2 = () => [
+}, j2 = () => [
   {
     key: "extraWorkTimeImpact",
     anyOf: [
@@ -1552,10 +1664,10 @@ const w2 = (i) => {
       }
     ]
   }
-], j2 = () => ({
-  readView: q2(),
-  validation: N2()
-}), K2 = () => {
+], K2 = () => ({
+  readView: N2(),
+  validation: j2()
+}), Y2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1608,13 +1720,13 @@ const w2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, Y2 = () => [
+}, Q2 = () => [
   { key: "miscAgreements", anyOf: [{ type: "string" }, { type: null }] },
   { key: "notBinding", type: "boolean" }
-], Q2 = () => ({
-  readView: K2(),
-  validation: Y2()
-}), J2 = (i) => {
+], J2 = () => ({
+  readView: Y2(),
+  validation: Q2()
+}), X2 = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -1636,22 +1748,22 @@ const w2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, X2 = (i) => [
+}, ei = (i) => [
   { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: "" },
   { key: `content-${i}`, anyOf: [{ type: "string" }, { type: "null" }] }
-], ei = (i) => ({
+], ti = (i) => ({
   [`data.title-${i}`]: "My custom text",
   [`data.content-${i}`]: "<p>First impressions matter. Make it count by sending beautiful proposals to your clients. Proposals that look great on any device. Proposals that help you to close with notifications and digital signatures.</p>"
-}), ti = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), ii = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = ei(t)), {
-    readView: J2(t),
-    validation: X2(t),
+  return typeof e == "function" ? a = e(t) : i && (a = ti(t)), {
+    readView: X2(t),
+    validation: ei(t),
     ...a && { data: a },
     onAddFnName: "conditionalOnAdd"
   };
-}, ii = (i) => [
+}, ai = (i) => [
   {
     itemId: "coverBlock",
     itemType: "coverBlock",
@@ -1661,7 +1773,7 @@ const w2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], ai = (i, e = "en") => [
+], ni = (i, e = "en") => [
   {
     key: `coverBlock-${i}`,
     defaultValue: {
@@ -1678,7 +1790,7 @@ const w2 = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/coverBlock/1.json`
   }
-], ni = (i) => ({
+], si = (i) => ({
   [`data.coverBlock-${i}`]: {
     text: "<h1>We know communication</h1>",
     cover: {
@@ -1688,15 +1800,15 @@ const w2 = (i) => {
       blur: 0
     }
   }
-}), si = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+}), oi = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
   const a = d(), { language: n } = e || {};
   let s = null;
-  return typeof t == "function" ? s = t(a) : i && (s = ni(a)), {
-    readView: ii(a),
-    validation: ai(a, n),
+  return typeof t == "function" ? s = t(a) : i && (s = si(a)), {
+    readView: ai(a),
+    validation: ni(a, n),
     ...s && { data: s }
   };
-}, oi = ({ language: i = "en" } = {}) => {
+}, li = ({ language: i = "en" } = {}) => {
   const e = (t) => h.t(`components:account.documentForm.contentItems.coverBlock.${t}`, {
     lng: i
   });
@@ -1841,7 +1953,7 @@ const w2 = (i) => {
       })
     }
   ];
-}, li = (i) => [
+}, ri = (i) => [
   {
     itemId: `header-${i}`,
     itemType: "header",
@@ -1851,7 +1963,7 @@ const w2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], ri = (i, e = null) => {
+], ci = (i, e = null) => {
   const {
     language: t = "en",
     name: a = "",
@@ -1862,7 +1974,7 @@ const w2 = (i) => {
     background: o,
     priceSummaryBackground: l,
     backgroundFilter: r
-  } = n || {}, p = l || "hsl(228, 52%, 18%)", C = e1.readability(p, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
+  } = n || {}, p = l || "hsl(228, 52%, 18%)", C = nt.readability(p, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
   return [
     {
       key: `header-${i}`,
@@ -1903,7 +2015,7 @@ const w2 = (i) => {
       }
     }
   ];
-}, ci = (i) => ({
+}, di = (i) => ({
   [`data.header-${i}`]: {
     layout: "vertical",
     baseStyle: { textAlign: "left", textColor: "#FFFFFF" },
@@ -1933,15 +2045,15 @@ const w2 = (i) => {
       }
     ]
   }
-}), di = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+}), pi = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const a = d();
   let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = ci(a)), {
-    readView: li(a),
-    validation: ri(a, e),
+  return typeof t == "function" ? n = t(a) : i && (n = di(a)), {
+    readView: ri(a),
+    validation: ci(a, e),
     ...n && { data: n }
   };
-}, pi = ({ language: i = "en" } = {}) => {
+}, ui = ({ language: i = "en" } = {}) => {
   const e = (t) => h.t(`components:account.documentForm.contentItems.header.${t}`, {
     lng: i,
     interpolation: { prefix: "__", suffix: "__" }
@@ -2241,7 +2353,7 @@ h.loadOptions({
     }
   }
 });
-const ui = (i) => {
+const mi = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -2266,7 +2378,7 @@ const ui = (i) => {
       nodeId: e[1]
     }
   ];
-}, mi = (i, e = "en") => [
+}, hi = (i, e = "en") => [
   {
     key: `packageGroups.${i}`,
     validationKey: "packageGroups",
@@ -2286,11 +2398,11 @@ const ui = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/packageGroups/1.json`
   }
-], hi = () => null, fi = ({ includeMockData: i, document: e = null, contentData: t = null } = {}) => {
+], fi = () => null, gi = ({ includeMockData: i, document: e = null, contentData: t = null } = {}) => {
   const a = d(), { language: n } = e || {};
   let s = null;
-  typeof t == "function" ? s = t(a) : i && (s = hi());
-  const o = ui(a), l = mi(a, n);
+  typeof t == "function" ? s = t(a) : i && (s = fi());
+  const o = mi(a), l = hi(a, n);
   return {
     readView: o,
     validation: l,
@@ -2382,13 +2494,13 @@ h.loadOptions({
     }
   }
 });
-const gi = ({
+const Ci = ({
   language: i = "en",
   currency: e = "USD",
   _getters: t,
   allArticles: a = []
 } = {}) => {
-  const n = m(t, "settings/defaultVatRate") || null, s = !m(t, "settings/hidePriceOnNewlyAddedArticles"), o = (l) => h.t(`packageGroupContentItems:${l}`, { lng: i });
+  const n = u(t, "settings/defaultVatRate") || null, s = !u(t, "settings/hidePriceOnNewlyAddedArticles"), o = (l) => h.t(`packageGroupContentItems:${l}`, { lng: i });
   return [
     {
       previewUrl: `
@@ -2455,7 +2567,7 @@ const gi = ({
           },
           articles: [
             ...a,
-            y({
+            x({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2584,7 +2696,7 @@ const gi = ({
           },
           articles: [
             ...a,
-            y({
+            x({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2592,7 +2704,7 @@ const gi = ({
               name: o("radio.artA"),
               price: 1e5
             }),
-            y({
+            x({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2718,7 +2830,7 @@ const gi = ({
           },
           articles: [
             ...a,
-            y({
+            x({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2726,7 +2838,7 @@ const gi = ({
               name: o("checkbox.artBase"),
               price: 1e5
             }),
-            y({
+            x({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2739,7 +2851,7 @@ const gi = ({
       }
     }
   ];
-}, Ci = (i) => [
+}, vi = (i) => [
   {
     itemId: "embed",
     itemType: "embed",
@@ -2753,7 +2865,7 @@ const gi = ({
     parentId: "0",
     nodeId: d()
   }
-], vi = (i) => [
+], yi = (i) => [
   {
     key: `embed-${i}`,
     $ref: `${f.api.baseUrl}/schemas/embed/1.json`,
@@ -2762,12 +2874,12 @@ const gi = ({
       size: "small"
     }
   }
-], yi = () => null, xi = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+], xi = () => null, wi = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
   const a = d();
   let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = yi()), {
-    readView: Ci(a),
-    validation: vi(a),
+  return typeof t == "function" ? n = t(a) : i && (n = xi()), {
+    readView: vi(a),
+    validation: yi(a),
     ...n && { data: n }
   };
 };
@@ -2782,7 +2894,7 @@ h.loadOptions({
     }
   }
 });
-const wi = ({ language: i = "en" } = {}) => [
+const bi = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -3087,7 +3199,7 @@ const wi = ({ language: i = "en" } = {}) => [
     parentId: "0",
     nodeId: d()
   }
-], bi = (i) => [
+], ki = (i) => [
   {
     key: `video-${i}`,
     $ref: `${f.api.baseUrl}/schemas/videoPlayer/1.json`,
@@ -3098,7 +3210,7 @@ const wi = ({ language: i = "en" } = {}) => [
       }
     }
   }
-], ki = (i) => ({
+], Li = (i) => ({
   [`data.video-${i}`]: {
     size: "small",
     video: {
@@ -3107,15 +3219,15 @@ const wi = ({ language: i = "en" } = {}) => [
       id: "166JEb6qkr4"
     }
   }
-}), Li = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), $i = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = ki(t)), {
+  return typeof e == "function" ? a = e(t) : i && (a = Li(t)), {
     readView: _i(t),
-    validation: bi(t),
+    validation: ki(t),
     ...a && { data: a }
   };
-}, $i = ({ language: i = "en" } = {}) => [
+}, Si = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -3316,35 +3428,35 @@ const wi = ({ language: i = "en" } = {}) => [
       }
     })
   }
-], Z = {
-  titleAndText2: ti,
-  attachments2: b2,
-  pdf: $e,
-  packageGroup: fi,
-  multiGroupPricing: V2,
-  coverBlock: si,
-  videoPlayer: Li,
-  embed: xi,
-  header: di,
-  answer: Se,
-  terms: M2,
-  parties: H2,
-  custom: Xe,
-  // legacy 
-  presentation: L2,
-  estimatedTimeCompleted: z2,
-  estimatedWorkStartAndEndAtText: R2,
-  extraWorkConstructionPricingList: W2,
-  extraWorkTimeImpactText: j2,
-  notBinding: Q2
-}, O = {
-  coverBlock: oi,
-  header: pi,
+], O = {
+  titleAndText2: ii,
+  attachments2: k2,
+  pdf: Ve,
   packageGroup: gi,
-  embed: wi,
+  multiGroupPricing: D2,
+  coverBlock: oi,
   videoPlayer: $i,
-  custom: Je
-}, Si = {
+  embed: wi,
+  header: pi,
+  answer: Be,
+  terms: M2,
+  parties: A2,
+  custom: at,
+  // legacy 
+  presentation: $2,
+  estimatedTimeCompleted: Z2,
+  estimatedWorkStartAndEndAtText: G2,
+  extraWorkConstructionPricingList: q2,
+  extraWorkTimeImpactText: K2,
+  notBinding: J2
+}, R = {
+  coverBlock: li,
+  header: ui,
+  packageGroup: Ci,
+  embed: bi,
+  videoPlayer: Si,
+  custom: it
+}, Ti = {
   name: "AddBlock",
   props: {
     set: {
@@ -3358,28 +3470,28 @@ const wi = ({ language: i = "en" } = {}) => [
   },
   render() {
     return this.$scopedSlots.default({
-      addBlock: (i) => Ve({
+      addBlock: (i) => Me({
         ...i,
         set: this.set,
-        tplGenerators: Z,
+        tplGenerators: O,
         includeMockData: this.includeMockData,
         emit: (...e) => this.$emit(...e)
       }),
-      getBlockPayload: (i) => De(i, this.set, Z, this.includeMockdata)
+      getBlockPayload: (i) => Ie(i, this.set, O, this.includeMockdata)
     });
   }
-}, Vi = null, Di = null;
-var Ti = /* @__PURE__ */ c(
-  Si,
-  Vi,
+}, Di = null, Vi = null;
+var Bi = /* @__PURE__ */ c(
+  Ti,
   Di,
+  Vi,
   !1,
   null,
   null,
   null,
   null
 );
-const ae = Ti.exports;
+const se = Bi.exports;
 const Mi = {
   name: "Drawer",
   props: {
@@ -3423,7 +3535,7 @@ const Mi = {
     }
   }
 };
-var Bi = function() {
+var Ii = function() {
   var e = this, t = e._self._c;
   return t("div", [t("transition", { attrs: { name: "fade" } }, [!e.hideOverlay && e.value ? t("div", { staticClass: "d-overlay", style: {
     zIndex: e.zIndex
@@ -3439,18 +3551,18 @@ var Bi = function() {
     boxShadow: e.boxShadow,
     ...e.contentStyle
   } }, [e._t("default")], 2)]) : e._e()])], 1);
-}, Ii = [], Fi = /* @__PURE__ */ c(
+}, Fi = [], Hi = /* @__PURE__ */ c(
   Mi,
-  Bi,
   Ii,
+  Fi,
   !1,
   null,
   "3cb13e4e",
   null,
   null
 );
-const ne = Fi.exports;
-const Hi = {
+const oe = Hi.exports;
+const Ai = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -3474,19 +3586,19 @@ const Hi = {
     }
   },
   components: {
-    AddBlock: ae,
-    Drawer: ne,
-    SendForm: t1,
-    CCheckbox: Te,
-    BaseIcon: Me,
-    CButton: Be
+    AddBlock: se,
+    Drawer: oe,
+    SendForm: st,
+    CCheckbox: Fe,
+    BaseIcon: He,
+    CButton: Ae
   },
   mixins: [
-    L([], {
+    $([], {
       useEmit: !1,
       setFnName: "setFormValue"
     }),
-    b
+    L
   ],
   props: {
     setFormValue: {
@@ -3504,7 +3616,6 @@ const Hi = {
   },
   data() {
     return {
-      localIsPosting: !1,
       isOpen: !1,
       saveTemplate: !1,
       saveTemplateTooltip: {
@@ -3524,7 +3635,7 @@ const Hi = {
       return !!(this.viewSettings && this.viewSettings.isPublicForm);
     },
     hasAnswerBlock() {
-      return (m(this._document, "template.views.read.nodes") || []).some((e) => e.itemType === "answer");
+      return (u(this._document, "template.views.read.nodes") || []).some((e) => e.itemType === "answer");
     }
   },
   watch: {
@@ -3540,8 +3651,8 @@ const Hi = {
     !this.isPublicForm && ((i = window.App) != null && i.$fab) && (window.App.$fab.show = !0);
   },
   methods: {
-    ...x({
-      createTemplate: u.DO_CREATE_TEMPLATE
+    ...y({
+      createTemplate: m.DO_CREATE_TEMPLATE
     }),
     open() {
       this.isOpen = !0;
@@ -3551,7 +3662,7 @@ const Hi = {
         return;
       const i = {
         ...this._document.copyTemplateDocDefault(),
-        name: m(this._document, "name") || this.$t("_common:untitled"),
+        name: u(this._document, "name") || this.$t("_common:untitled"),
         _id: void 0,
         id: void 0,
         isVisible: !0
@@ -3563,7 +3674,7 @@ const Hi = {
     }
   }
 };
-var Ai = function() {
+var Pi = function() {
   var e = this, t = e._self._c;
   return e.mq !== "sm" || e.isOpen ? t(e.mq === "sm" ? "div" : "Drawer", { tag: "component", attrs: { placement: "right" }, model: { value: e.isOpen, callback: function(a) {
     e.isOpen = a;
@@ -3575,20 +3686,20 @@ var Ai = function() {
     return [t("CButton", { staticClass: "is-left", attrs: { type: "secondary", size: "small" }, on: { click: function(n) {
       return a({ sectionKey: "answer" });
     } } }, [e._v(" " + e._s(e.$t("signMissingAdd")) + " ")])];
-  } }], null, !1, 2898075047) })], 1)]), e.isPublicForm ? t("CButton", { staticStyle: { height: "48px" }, attrs: { slot: "send", loading: e.isPosting, type: "secondary", wide: "" }, on: { click: e.onSaveDocument }, slot: "send" }, [e._v(" " + e._s(e.$t("signupToSend")) + " ")]) : e._e(), t("label", { staticClass: "text-gray-600", staticStyle: { display: "inline-flex", "align-items": "center", cursor: "pointer", "user-select": "none", "font-size": "12px", "font-weight": "500", "padding-top": "calc(1 * var(--rem))" }, attrs: { slot: "footer", for: "checkbox-save-as-temp" }, slot: "footer" }, [t("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(a) {
+  } }], null, !1, 2898075047) })], 1)]), e.isPublicForm ? t("CButton", { staticStyle: { height: "48px" }, attrs: { slot: "send", type: "secondary", wide: "" }, on: { click: e.onSaveDocument }, slot: "send" }, [e._v(" " + e._s(e.$t("signupToSend")) + " ")]) : e._e(), t("label", { staticClass: "text-gray-600", staticStyle: { display: "inline-flex", "align-items": "center", cursor: "pointer", "user-select": "none", "font-size": "12px", "font-weight": "500", "padding-top": "calc(1 * var(--rem))" }, attrs: { slot: "footer", for: "checkbox-save-as-temp" }, slot: "footer" }, [t("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(a) {
     e.saveTemplate = a;
   }, expression: "saveTemplate" } }), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(e.$t("saveDocAsTemplate")) + " "), t("BaseIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.saveTemplateTooltip, expression: "saveTemplateTooltip" }], attrs: { type: "info", size: "15" } })], 1)], 1)], 1)], 1)]) : e._e();
-}, Pi = [], Ei = /* @__PURE__ */ c(
-  Hi,
+}, Ei = [], zi = /* @__PURE__ */ c(
   Ai,
   Pi,
+  Ei,
   !1,
   null,
-  "7cbf7355",
+  "057840fe",
   null,
   null
 );
-const zi = Ei.exports, Zi = {
+const Zi = zi.exports, Oi = {
   name: "Draggable",
   data() {
     return {
@@ -3620,21 +3731,21 @@ const zi = Ei.exports, Zi = {
       dragMousedown: this.onDragMouseDown
     });
   }
-}, Oi = null, Ri = null;
-var Gi = /* @__PURE__ */ c(
-  Zi,
+}, Ri = null, Gi = null;
+var Ui = /* @__PURE__ */ c(
   Oi,
   Ri,
+  Gi,
   !1,
   null,
   null,
   null,
   null
 );
-const Ui = Gi.exports;
-const Wi = {
+const Wi = Ui.exports;
+const qi = {
   components: {
-    Draggable: Ui
+    Draggable: Wi
   },
   props: {
     offset: {
@@ -3647,7 +3758,7 @@ const Wi = {
     }
   }
 };
-var qi = function() {
+var Ni = function() {
   var e = this, t = e._self._c;
   return t("portal", { attrs: { to: "modal" } }, [t("Draggable", { scopedSlots: e._u([{ key: "default", fn: function({ dragMousedown: a }) {
     return [t("div", { staticClass: "popup", staticStyle: { position: "fixed", width: "280px", "border-radius": "calc(0.5 * var(--rem))", padding: "1em 1em 3em 1em", "font-size": "14px", "background-color": "white", "min-height": "400px", "box-shadow": "0 5px 30px -5px rgb(0, 0, 0, 0.2)", "z-index": "1000" }, style: {
@@ -3657,29 +3768,29 @@ var qi = function() {
       return e.$emit("close");
     } } }), t("CButton", { staticStyle: { position: "absolute", right: "calc(2.25 * var(--rem))", top: "0", cursor: "grab" }, attrs: { icon: "handle", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { mousedown: a } }), t("div", { staticStyle: { "font-weight": "700", "font-size": "1.5em", "margin-bottom": "calc(1 * var(--rem))" } }, [e._v(" " + e._s(e.title) + " ")]), e._t("default")], 2)])];
   } }], null, !0) })], 1);
-}, Ni = [], ji = /* @__PURE__ */ c(
-  Wi,
+}, ji = [], Ki = /* @__PURE__ */ c(
   qi,
   Ni,
+  ji,
   !1,
   null,
   "9b75010b",
   null,
   null
 );
-const se = ji.exports;
-const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
+const le = Ki.exports;
+const Yi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Yi), Qi = {
   i18nOptions: {
     namespaces: "common",
     keyPrefix: "designLabels"
   },
   name: "Design",
   components: {
-    FormInputRow: J,
-    DragWindow: se
+    FormInputRow: X,
+    DragWindow: le
   },
   mixins: [
-    L(
+    $(
       ["css"],
       { useEmit: !1, setFnName: "set" }
     )
@@ -3748,7 +3859,7 @@ const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
       // Dynamic depending on font family
       definitionOptions: {
         fontFamily: ({ key: i, value: e }) => {
-          const t = m(this.css, `${this.activeItem.selector}.fontWeight`) || m(this.activeItem, "style.fontWeight") || "400";
+          const t = u(this.css, `${this.activeItem.selector}.fontWeight`) || u(this.activeItem, "style.fontWeight") || "400";
           return {
             label: this.$t("font"),
             inputs: [
@@ -3765,7 +3876,7 @@ const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
                   weight: n,
                   options: s = []
                 }) => {
-                  this.update(i, a), We(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
+                  this.update(i, a), Ye(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
                 }
               }
             ]
@@ -4200,7 +4311,7 @@ const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
     activeItemOptions() {
       if (!this.activeItem)
         return [];
-      const { selector: i, category: e, style: t = {} } = this.activeItem, a = m(this.css, i) || {}, n = (s) => a[s] || t[s];
+      const { selector: i, category: e, style: t = {} } = this.activeItem, a = u(this.css, i) || {}, n = (s) => a[s] || t[s];
       return this[e].map(({ option: s, key: o }, l) => {
         const r = this.definitionOptions[s], p = Array.isArray(o) ? o.map((C) => ({ key: C, value: n(C) })) : { key: o, value: n(o) };
         return r(p, l);
@@ -4209,8 +4320,8 @@ const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
   },
   watch: {
     async activeItem(i) {
-      const e = m(i, "style.fontFamily");
-      e && (this.fontWeightOptions = await qe(e));
+      const e = u(i, "style.fontFamily");
+      e && (this.fontWeightOptions = await Qe(e));
     }
   },
   methods: {
@@ -4222,7 +4333,7 @@ const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
     }
   }
 };
-var Qi = function() {
+var Ji = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticStyle: { padding: "calc(0.5 * var(--rem))", position: "relative" } }, [t("div", { staticStyle: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, [e._v(" " + e._s(e.$t("typography")) + " ")]), e._l(e.typography, function(a) {
     return t("div", { key: a.label, staticClass: "list-option", on: { click: function(n) {
@@ -4241,18 +4352,18 @@ var Qi = function() {
   })], 2), e.activeItem ? t("DragWindow", { attrs: { title: e.activeItem.label, offset: e.offset }, on: { close: () => e.activeItem = null } }, e._l(e.activeItemOptions, function(a, n) {
     return t("FormInputRow", { key: n, attrs: { label: a.label, inputs: a.inputs } });
   }), 1) : e._e()], 1);
-}, Ji = [], Xi = /* @__PURE__ */ c(
-  Yi,
+}, Xi = [], ea = /* @__PURE__ */ c(
   Qi,
   Ji,
+  Xi,
   !1,
   null,
   "930a4202",
   null,
   null
 );
-const ea = Xi.exports;
-const ta = {
+const ta = ea.exports;
+const ia = {
   name: "FieldsModal",
   i18nOptions: {
     namespaces: "FieldsModal",
@@ -4286,7 +4397,7 @@ const ta = {
     }
   },
   components: {
-    CField: Q
+    CField: J
   },
   props: {
     document: {
@@ -4317,12 +4428,12 @@ const ta = {
   validations: {
     form: {
       label: {
-        required: M.required,
+        required: B.required,
         isUniqueLabel(i) {
           return this.fields.reduce((t, { label: a }) => a === i ? !1 : t, !0);
         }
       },
-      value: { required: M.required }
+      value: { required: B.required }
     }
   },
   computed: {
@@ -4342,7 +4453,7 @@ const ta = {
   },
   created() {
     if (this.existingFieldId) {
-      const i = m(this.document, `fields.${this.existingFieldId}`);
+      const i = u(this.document, `fields.${this.existingFieldId}`);
       i && (this.form = { ...this.form, ...i });
     }
   },
@@ -4362,12 +4473,12 @@ const ta = {
     remove() {
       if (!this.existingFieldId)
         return;
-      const i = l1(this.document.fields, [this.existingFieldId]);
+      const i = pt(this.document.fields, [this.existingFieldId]);
       this.set({ key: "data.fields", value: i }), this.$emit("close");
     }
   }
 };
-var ia = function() {
+var aa = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex flex-col items-center w-full text-center bg-white font-inter", staticStyle: { padding: "2em", "border-radius": "10px" } }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, [e._v(" " + e._s(e.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")) + " ")]), t("div", { staticStyle: { "margin-bottom": "0.25em", opacity: "0.65" } }, [e._v(" " + e._s(e.$t("description")) + " ")])]), t("form", { staticStyle: { width: "100%" }, on: { submit: function(a) {
     return a.preventDefault(), e.submit.apply(null, arguments);
@@ -4378,18 +4489,18 @@ var ia = function() {
   }, expression: "form.label" } })], 1), t("CField", { staticStyle: { width: "100%", "text-align": "left", "margin-bottom": "1em" }, attrs: { label: e.$t("value"), messages: e.messages.form.value, validator: e.$v.form.value, "label-position": "inside" } }, [t("CInput", { attrs: { placeholder: e.$t("valuePlaceholder"), filled: "" }, model: { value: e.form.value, callback: function(a) {
     e.$set(e.form, "value", a);
   }, expression: "form.value" } })], 1), t("CButton", { staticStyle: { "margin-top": "1.5em" }, attrs: { type: "secondary", wide: "" }, domProps: { textContent: e._s(e.$t("_common:save")) }, on: { click: e.submit } }), e.existingFieldId ? t("CButton", { staticStyle: { "margin-top": "5px" }, attrs: { type: "none", pattern: "tertiary", wide: "" }, domProps: { textContent: e._s(e.$t("_common:remove")) }, on: { click: e.remove } }) : e._e()], 1)]);
-}, aa = [], na = /* @__PURE__ */ c(
-  ta,
+}, na = [], sa = /* @__PURE__ */ c(
   ia,
   aa,
+  na,
   !1,
   null,
   "5cc44007",
   null,
   null
 );
-const sa = na.exports;
-const oa = {
+const oa = sa.exports;
+const la = {
   i18nOptions: {
     namespaces: "DocumentFormFields",
     messages: {
@@ -4413,11 +4524,11 @@ const oa = {
   },
   name: "DocumentFormFields",
   components: {
-    SmartList: o1,
-    CAccordion: Qe,
-    CField: Q
+    SmartList: dt,
+    CAccordion: je,
+    CField: J
   },
-  mixins: [L()],
+  mixins: [$()],
   props: {
     set: {
       type: Function,
@@ -4474,7 +4585,7 @@ const oa = {
       immediate: !0,
       async handler(i) {
         var e, t;
-        if (this.isEditingTemplate) {
+        if (this.isEditingTemplate && i) {
           const { data: a } = await _.getFields(i);
           this.updateValue("data.fields", {
             // crmFields added first in order to not override same service values
@@ -4492,7 +4603,7 @@ const oa = {
     },
     openFieldModal({ existingFieldId: i }) {
       this.$modal.show(
-        sa,
+        oa,
         {
           document: this._document,
           set: this.set,
@@ -4511,7 +4622,7 @@ const oa = {
       );
     },
     onCopyField(i) {
-      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => q("info", this.$t("_common:copyMessage"))).catch((e) => $(e));
+      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => j("info", this.$t("_common:copyMessage"))).catch((e) => S(e));
     },
     filterMethod(i, e) {
       return e.filter((t) => t.label.toLowerCase().includes(i.toLowerCase()));
@@ -4522,9 +4633,9 @@ const oa = {
     }
   }
 };
-var la = function() {
+var ra = 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) {
+  return t("div", { staticStyle: { padding: "1em" } }, [t("div", { staticStyle: { margin: "15px 0" } }, [t("div", { staticStyle: { "font-size": "16px", "font-weight": "600" }, domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticStyle: { color: "hsl(0, 0%, 35%)" }, domProps: { textContent: e._s(e.$t("description")) } })]), t("CInput", { attrs: { placeholder: e.$t("_common:search"), filled: "", size: "small" }, model: { value: e.query, callback: function(a) {
     e.query = a;
   }, expression: "query" } }), e.query ? t("div", { staticStyle: { "margin-top": "15px", "padding-top": "15px", "border-top": "1px solid hsl(0, 0%, 88%)" } }, [t("SmartList", { attrs: { items: e.options, "filter-method": e.filterMethod, query: e.query }, scopedSlots: e._u([{ key: "default", fn: function({ items: a }) {
     return t("div", {}, [a.length ? e._l(a, function(n, s) {
@@ -4567,18 +4678,18 @@ var la = function() {
       } } })], 1)], 1)]);
     }) : t("div", { staticStyle: { "font-size": "13px", "text-align": "center", "user-select": "none", padding: "0.5em", "border-radius": "0.25em", opacity: "0.5" }, domProps: { textContent: e._s(e.$t("noResults")) } })], 2)]);
   })], 2)], 1);
-}, ra = [], ca = /* @__PURE__ */ c(
-  oa,
+}, ca = [], da = /* @__PURE__ */ c(
   la,
   ra,
+  ca,
   !1,
   null,
-  "ef9c2946",
+  "916766d5",
   null,
   null
 );
-const da = ca.exports;
-const pa = {
+const pa = da.exports;
+const ua = {
   i18nOptions: {
     messages: {
       en: {
@@ -4621,10 +4732,10 @@ const pa = {
   },
   name: "ExtensionTab",
   components: {
-    draggable: r1,
-    Spinner: Ie
+    draggable: ut,
+    Spinner: Pe
   },
-  mixins: [L([
+  mixins: [$([
     "externalReferences",
     "clients",
     "articles"
@@ -4678,7 +4789,7 @@ const pa = {
     }
   },
   methods: {
-    priceFormat: Fe,
+    priceFormat: q,
     async _search(i) {
       try {
         this.isSearching = !0;
@@ -4697,7 +4808,7 @@ const pa = {
         this.isSearching = !1;
       }
     },
-    search: B(async function(e) {
+    search: M(async function(e) {
       await this._search(e);
     }, 750),
     useSearchResult(i) {
@@ -4739,7 +4850,7 @@ const pa = {
       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) => ({
-          ...He(),
+          ...Ee(),
           ...s && { answerMethod: s },
           ...l
         }));
@@ -4747,7 +4858,7 @@ const pa = {
       }
     },
     cloneArticle(i) {
-      return y({
+      return x({
         ...i,
         _uniqueId: void 0
       });
@@ -4757,7 +4868,7 @@ const pa = {
       const [e] = ((n = (a = this._document) == null ? void 0 : a.packageGroups) == null ? void 0 : n.packages) || [];
       if (!(e != null && e.packageId))
         return;
-      const t = y({
+      const t = x({
         ...i,
         _uniqueId: void 0,
         packageId: e.packageId
@@ -4769,7 +4880,7 @@ const pa = {
     }
   }
 };
-var ua = function() {
+var ma = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { "font-size": "13px", "padding-left": "calc(0.5 * var(--rem))", "padding-right": "calc(0.5 * var(--rem))", "padding-bottom": "calc(4 * var(--rem))" } }, [e.allAuthenticatedCRMs.length > 1 ? t("CDropdown", { staticStyle: { position: "absolute", right: "calc(0.5 * var(--rem))", top: "calc(0.5 * var(--rem))" }, attrs: { position: "is-bottom-left" } }, [t("CButton", { attrs: { slot: "trigger", size: "small", circle: "", type: "none", pattern: "tertiary", icon: "more-vertical" }, slot: "trigger" }), e._l(e.allAuthenticatedCRMs, function(a) {
     return t("CDropdownItem", { key: a, attrs: { type: e.activeCrm === a ? "primary" : "secondary", size: "small" }, on: { click: function(n) {
@@ -4800,18 +4911,18 @@ var ua = function() {
       return e.addArticle(a);
     } } }, [t("div", { staticStyle: { "font-weight": "500", "padding-bottom": "4px", "font-size": "14px" }, domProps: { textContent: e._s(a.name) } }), t("div", { staticClass: "text-gray-600", staticStyle: { "font-size": "12px" } }, [e._v(" " + e._s(e.priceFormat(a.price || 0, { showZero: !1, currency: a.currency || "USD" })) + " · " + e._s(a.quantity || 0) + "x "), a.vat !== null ? [e._v(" · " + e._s(e._document.$t("vat").capitalize()) + " " + e._s(a.vat) + "% ")] : e._e()], 2)]);
   }), 0) : t("div", { staticClass: "flex w-full text-gray-600", staticStyle: { "background-color": "hsl(var(--gray-color-100) / 1)", padding: "5px", "font-size": "12px", "border-radius": "5px", "line-height": "1.35" } }, [t("BaseIcon", { staticStyle: { margin: "1px 4px 0 0", "flex-shrink": "0" }, attrs: { type: "info", size: "13" } }), t("div", { domProps: { textContent: e._s(e.$t("noProducts", { type: e.dealType })) } })], 1)], 1) : e._e()] : t("div", { staticClass: "flex flex-col items-center justify-center w-full text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("BaseIcon", { staticClass: "text-primary-500", staticStyle: { "padding-bottom": "5px" }, attrs: { type: "info", size: "16" } }), t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("noCrm")) + " ")]), t("div", { staticClass: "text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("router-link", { staticClass: "text-primary-500", staticStyle: { "font-weight": "500" }, attrs: { to: { name: "settings" } } }, [e._v(" " + e._s(e.$t("noCrmAction")) + " ")])], 1)], 1)], 2);
-}, ma = [], ha = /* @__PURE__ */ c(
-  pa,
+}, ha = [], fa = /* @__PURE__ */ c(
   ua,
   ma,
+  ha,
   !1,
   null,
   "b775e9f9",
   null,
   null
 );
-const fa = ha.exports;
-const ga = {
+const ga = fa.exports;
+const Ca = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -4899,8 +5010,8 @@ const ga = {
   },
   name: "DocumentGeneralSettings",
   components: {
-    FormInputRow: J,
-    DragWindow: se
+    FormInputRow: X,
+    DragWindow: le
   },
   props: {
     offset: {
@@ -4908,7 +5019,7 @@ const ga = {
       required: !0
     }
   },
-  mixins: [L([
+  mixins: [$([
     "tags",
     "series",
     "senderId",
@@ -4939,7 +5050,7 @@ const ga = {
     vatTypes() {
       var e;
       const i = ["vat"];
-      return ((e = Ae[f.brand]) == null ? void 0 : e.defaultRegion) === "US" && i.push("tax"), i;
+      return ((e = ze[f.brand]) == null ? void 0 : e.defaultRegion) === "US" && i.push("tax"), i;
     },
     options() {
       return [
@@ -4965,7 +5076,7 @@ const ga = {
               component: "select",
               props: {
                 value: this.language,
-                options: Pe.map((i) => ({ value: i, label: this.$t(`iso:language.${i}`) })).sort((i, e) => i.label.localeCompare(e.label))
+                options: Ze.map((i) => ({ value: i, label: this.$t(`iso:language.${i}`) })).sort((i, e) => i.label.localeCompare(e.label))
               },
               onInput: (i) => this.update("language", i)
             }
@@ -5098,8 +5209,8 @@ const ga = {
     this.isPublicForm || await this.loadUsers();
   },
   methods: {
-    ...x({
-      loadUsers: u.LOAD_COMPANY_USERS
+    ...y({
+      loadUsers: m.LOAD_COMPANY_USERS
     }),
     update(i, e) {
       this[i] = e;
@@ -5116,222 +5227,26 @@ const ga = {
     }
   }
 };
-var Ca = function() {
+var va = 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("div", { staticStyle: { height: "100%", padding: "1em" } }, [e._l(e.options, function(a, n) {
     return t("FormInputRow", { key: n, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } });
   }), e.showDragWindow ? t("DragWindow", { attrs: { offset: e.offset, title: e.$t("pricing.title") }, on: { close: function(a) {
     e.showDragWindow = !1;
   } } }, [e._l(e.priceOptions, function(a, n) {
     return [a.type === "divider" ? t("div", { key: n, staticClass: "divider" }) : t("FormInputRow", { key: n, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } })];
   })], 2) : e._e()], 2);
-}, va = [], ya = /* @__PURE__ */ c(
-  ga,
+}, ya = [], xa = /* @__PURE__ */ c(
   Ca,
   va,
+  ya,
   !1,
   null,
-  "1601b625",
+  "eec61e30",
   null,
   null
 );
-const xa = ya.exports;
-const wa = {
-  name: "DocumentGuide",
-  i18nOptions: {
-    namespaces: "documentGuide",
-    messages: {
-      en: {
-        title: "Quick tour",
-        steps: {
-          addBlocks: "Add document blocks from the left sidebar.",
-          textFormatting: "Select some text and formatting options will appear.",
-          editBlocks: `Adjust a block's appearance by clicking on the <span class="dg-button-icon appearance"></span> button.`,
-          changeProduct: `Change a product's quantity by clicking on the <span class="dg-button-icon cog"></span> button.`,
-          send: `Once you're done, hit <span class="dg-button-text">Send</span>`
-        }
-      },
-      sv: {
-        title: "Snabbguide",
-        steps: {
-          addBlocks: "Lägg till dokumentblock ifrån vänstra sidomenyn.",
-          textFormatting: "Markera en bit text för att få upp formateringsmenyn.",
-          editBlocks: 'Ändra utseendet på ett block genom att klicka på <span class="dg-button-icon appearance"></span> knappen.',
-          changeProduct: 'Ändra en varas antal genom att klicka på <span class="dg-button-icon cog"></span> knappen.',
-          send: 'När du är klar, klicka på <span class="dg-button-text">Skicka</span>'
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      step: 0,
-      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 _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: "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 = {
+const wa = xa.exports, ba = {
   name: "MenuBlockConvertPopover",
   props: {
     target: {
@@ -5364,28 +5279,32 @@ const La = ka.exports, $a = {
     }
   }
 };
-var Sa = function() {
+var _a = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "fixed inset-0 z-10", on: { click: function(a) {
     return a.target !== a.currentTarget ? null : e.$emit("close");
   } } }), t("transition", { attrs: { appear: "", mode: "out-in", "enter-active-class": "transition-all duration-100 ease-out", "enter-class": "-translate-x-4 opacity-0", "enter-to-class": "translate-x-0 opacity-100", "leave-active-class": "transition-opacity duration-100 ease-out", "leave-class": "opacity-100", "leave-to-class": "opacity-0" } }, [t("div", { ref: "popover", staticClass: "absolute z-10 p-4 text-sm -translate-y-1/2 bg-white rounded-lg shadow-xl w-52" }, [t("div", { staticClass: "pb-4", domProps: { innerHTML: e._s(e.$t("text")) } }), t("CButton", { attrs: { type: "secondary", size: "small", "icon-right": "arrow-right" }, on: { click: function(a) {
     return e.$emit("convert");
   } } }, [e._v(" " + e._s(e.$t("button")) + " ")])], 1)])], 1);
-}, Va = [], Da = /* @__PURE__ */ c(
-  $a,
-  Sa,
-  Va,
+}, ka = [], La = /* @__PURE__ */ c(
+  ba,
+  _a,
+  ka,
   !1,
   null,
   null,
   null,
   null
 );
-const Ta = Da.exports;
-const Ma = {
+const $a = La.exports;
+const Sa = k.component("ProBadge", {
   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 = {
+  render(i) {
+    return i("div", {
+      staticClass: "text-[10px] font-semibold text-white bg-primary-500 rounded leading-none px-1.5 py-1"
+    }, "Pro");
+  }
+}), Ta = {
   name: "MenuBlocks",
   i18nOptions: {
     namespaces: "menuBlocks",
@@ -5455,13 +5374,13 @@ const Ma = {
     }
   },
   components: {
-    simplebar: k,
-    DragList: N,
-    DragItem: j,
-    AddBlock: ae,
-    IsPremiumPreStep: K,
-    ProBadge: Ma,
-    MenuBlockConvertPopover: Ta
+    simplebar: b,
+    DragList: K,
+    DragItem: Y,
+    AddBlock: se,
+    IsPremiumPreStep: I,
+    ProBadge: Sa,
+    MenuBlockConvertPopover: $a
   },
   props: {
     _document: {
@@ -5485,7 +5404,12 @@ const Ma = {
       default: !0
     }
   },
-  mixins: [b],
+  inject: {
+    viewSettings: {
+      default: () => ({ isPublicForm: !1 })
+    }
+  },
+  mixins: [L],
   data() {
     return {
       subMenuToShow: null,
@@ -5750,7 +5674,7 @@ const Ma = {
         }
       ];
       return i.forEach((e) => {
-        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);
+        R[e.key] && (e.subMenu = (R[e.key](this._document || {}) || []).map((t) => ({ ...t, key: e.key, locked: e.locked }))), this.tooltips[e.key] && (e.hasTooltip = !0);
       }), i;
     },
     availableBlocks() {
@@ -5763,7 +5687,7 @@ const Ma = {
       return this.availableBlocks.filter(({ key: i }) => !this.primaryFilterNames.includes(i));
     },
     activeSubMenuKey() {
-      return m(this.activeSubMenu, "[0].key") || null;
+      return u(this.activeSubMenu, "[0].key") || null;
     }
     // section key is added to each element in the menu
   },
@@ -5793,14 +5717,14 @@ const Ma = {
       });
     },
     deSyncTemplate() {
-      ["_id", "id"].forEach((i) => this.removeValue(`template.${i}`)), this.set({ key: "views.read.isEditable", value: !0 }), this.showConvertEditableDialog = !1;
+      ["_id", "id"].forEach((i) => this.removeValue(`template.${i}`)), this.set({ key: "template.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 = s1(this.$el, {
+      this.tippyInstances = ct(this.$el, {
         target: "[data-tooltip-key]",
         allowHTML: !0,
         duration: [150, 0],
@@ -5825,7 +5749,7 @@ const Ma = {
         i.destroy();
       }) : this.tippyInstances.destroy && this.tippyInstances.destroy());
     },
-    setSubMenuState: B(function(e) {
+    setSubMenuState: M(function(e) {
       this.activeSubMenu = e;
     }, 100, { trailing: !0 }),
     onMouseleaveDrawer() {
@@ -5836,10 +5760,11 @@ const Ma = {
       return t && t.key;
     },
     isBlockLocked(i) {
-      return !this.feature(`docBlock_${i}`);
+      var e;
+      return !this.feature(`docBlock_${i}`) && !((e = this.viewSettings) != null && e.isPublicForm);
     },
     doesBlockExist(i) {
-      return !!m(this._document, "_doc.template.views.read.nodes", []).find((t) => t.itemId.startsWith(i));
+      return !!u(this._document, "_doc.template.views.read.nodes", []).find((t) => t.itemId.startsWith(i));
     },
     getGhostParent() {
       var t, a;
@@ -5859,7 +5784,7 @@ const Ma = {
     }
   }
 };
-var Ia = function() {
+var Da = function() {
   var e = this, t = e._self._c;
   return t("AddBlock", { attrs: { set: e.set }, on: { "block-added": function(a) {
     return e.$emit("block-added", a);
@@ -5893,23 +5818,23 @@ var Ia = function() {
         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)]);
+      } } }, [t("simplebar", { staticClass: "h-full py-4 pl-3", attrs: { "data-simplebar-auto-hide": "false" } }, [t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (o) => e.getSubMenuPayload({ index: o, getBlockPayload: n }), "drop-placeholder": { className: "drag-drop-menu-placeholder" }, "get-ghost-parent": e.getGhostParent, "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item", "group-name": "document-blocks", "ghost-class": "drag-drop-ghost", behaviour: "copy" } }, e._l(e.activeSubMenu, function(o, l) {
+        return t("DragItem", { key: o.key + l, staticClass: "px-1.5", class: { "drag-item": !o.locked && e.canUseBlocks } }, [t("div", { staticClass: "relative" }, [t("div", { staticClass: "drag-item-preview", domProps: { innerHTML: e._s(o.previewUrl) }, on: { click: (r) => e.onUseBlock({ block: o, addBlock: a, openUpgradeModal: s }) } }), o.locked ? t("ProBadge", { staticClass: "absolute bottom-2 right-4" }) : e._e()], 1)]);
       }), 1)], 1)], 1)])], 1)];
     } }], null, !0) })];
   } }]) });
-}, Fa = [], Ha = /* @__PURE__ */ c(
-  Ba,
-  Ia,
-  Fa,
+}, Va = [], Ba = /* @__PURE__ */ c(
+  Ta,
+  Da,
+  Va,
   !1,
   null,
-  "4ce1e5ea",
+  "2f285e04",
   null,
   null
 );
-const Aa = Ha.exports;
-const Pa = {
+const Ma = Ba.exports;
+const Ia = {
   name: "DocumentFormMenu",
   i18nOptions: {
     namespaces: "documentFormMenu",
@@ -5925,12 +5850,13 @@ const Pa = {
     }
   },
   components: {
-    Design: ea,
-    Fields: da,
-    ExtensionTab: fa,
-    DocumentGeneralSettings: xa,
-    DocumentGuide: La,
-    MenuBlocks: Aa
+    Design: ta,
+    Fields: pa,
+    ExtensionTab: ga,
+    DocumentGeneralSettings: wa,
+    DocumentGuide: () => import("./index-5bf60a14.js"),
+    MenuBlocks: Ma,
+    Simplebar: b
   },
   props: {
     state: {
@@ -5970,7 +5896,7 @@ const Pa = {
   data() {
     return {
       showGuide: !1,
-      showGuideNotification: !I.getItem("hideFormGuideNotification"),
+      showGuideNotification: !F.getItem("hideFormGuideNotification"),
       tab: "blocks"
     };
   },
@@ -5992,11 +5918,11 @@ const Pa = {
   },
   methods: {
     openGuide() {
-      this.showGuide = !0, this.showGuideNotification = !1, I.setItem("hideFormGuideNotification", !0);
+      this.showGuide = !0, this.showGuideNotification = !1, F.setItem("hideFormGuideNotification", !0);
     }
   }
 };
-var Ea = function() {
+var Fa = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "root menu-wrapper", style: [{ width: `${e.width}px` }, e.fixed && { zIndex: 999 }] }, [e.fixed ? t("div", { staticClass: "fixed inset-0", on: { click: function(a) {
     return e.$emit("close");
@@ -6014,15 +5940,15 @@ var Ea = function() {
     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: {
+  } } }, [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)]) : t("div", { staticClass: "menu-container" }, [t("Simplebar", { staticClass: "w-full h-full" }, [e.tab === "design" ? t("Design", { 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: {
+  }, set: e.set, offset: e.width } }) : e.tab === "fields" ? t("Fields", { 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: {
+  }, set: e.set } }) : e.tab === "extension" ? t("ExtensionTab", { 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: {
+  } }, on: { input: ({ key: a, value: n }) => e.set({ key: a, value: n }) } }) : e._e(), e.tab === "generalSettings" ? t("DocumentGeneralSettings", { class: { "!top-0 rounded-sm": e.isLegacyTemplate }, attrs: { _document: e.state, _value: {
     term: "data.terms",
     series: "docNumber.series",
     tags: "tags",
@@ -6032,59 +5958,78 @@ var Ea = function() {
     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) {
+  }, offset: e.width }, on: { input: ({ key: a, value: n }) => e.set({ key: a, value: n }) } }) : e._e()], 1)], 1), e.showGuide ? t("DocumentGuide", { on: { close: function(a) {
     e.showGuide = !1;
   } } }) : e._e()], 1)])]);
-}, za = [], Za = /* @__PURE__ */ c(
-  Pa,
-  Ea,
-  za,
+}, Ha = [], Aa = /* @__PURE__ */ c(
+  Ia,
+  Fa,
+  Ha,
   !1,
   null,
-  "49f05ec2",
+  "383e8c99",
   null,
   null
 );
-const Oa = Za.exports;
-const Ra = {
+const Pa = Aa.exports;
+const Ea = {
   name: "BlockControlButtons",
+  i18nOptions: {
+    namespace: "blockControlButtons",
+    messages: {
+      en: {
+        hidden: "Hidden"
+      },
+      sv: {
+        hidden: "Dold"
+      }
+    }
+  },
   props: {
     isVisible: {
       type: [Boolean, Object],
-      default: !0
+      default: void 0
     },
     isMovable: {
       type: Boolean,
       default: !0
     }
+  },
+  computed: {
+    canToggleVisibility() {
+      return typeof this.isVisible == "boolean";
+    },
+    isHidden() {
+      return typeof this.isVisible == "boolean" && !this.isVisible;
+    }
   }
 };
-var Ga = function() {
+var za = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex flex-col gap-1 control-root" }, [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.isVisible && e.isMovable ? [t("div", { staticClass: "control-direction" }, [t("div", { staticClass: "control-button", on: { click: function(a) {
+  } } }, [e.isVisible ? e._e() : t("span", { staticClass: "px-1.5 text-xs text-gray-600" }, [e._v(" " + e._s(e.$t("hidden")) + " ")]), t("BaseIcon", { class: { "mr-1": !e.isVisible }, attrs: { type: e.isVisible ? "eye" : "eye-off", size: "14" } })], 1) : e._e(), !e.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)] : e._e()], 2);
-}, Ua = [], Wa = /* @__PURE__ */ c(
-  Ra,
-  Ga,
-  Ua,
+}, Za = [], Oa = /* @__PURE__ */ c(
+  Ea,
+  za,
+  Za,
   !1,
   null,
-  "bfc946ab",
+  "79921f13",
   null,
   null
 );
-const qa = Wa.exports;
-const Na = {
+const Ra = Oa.exports;
+const Ga = {
   name: "DynamicBlock",
   components: {
-    BlockControlButtons: qa
+    BlockControlButtons: Ra
   },
   props: {
     isDragging: {
@@ -6109,7 +6054,7 @@ const Na = {
     },
     isVisible: {
       type: [Boolean, Object],
-      default: !0
+      default: void 0
     },
     disableControls: {
       type: Boolean,
@@ -6122,22 +6067,25 @@ const Na = {
     };
   },
   computed: {
+    isHidden() {
+      return typeof this.isVisible == "boolean" && !this.isVisible;
+    },
     showControls() {
-      return this.disableControls ? !1 : !this.isDragging && this.isHovering ? !0 : !this.isVisible;
+      return !this.isEditView || this.disableControls ? !1 : !this.isDragging && this.isHovering ? !0 : this.isHidden;
     },
     contentClass() {
-      return this.isVisible ? "" : "h-16 overflow-hidden after:bg-gradient-to-b after:from-white/50 after:to-white relative after:absolute after:content-[''] after:inset-0";
+      return this.isHidden ? "h-16 overflow-hidden after:bg-gradient-to-b after:from-white/50 after:to-white relative after:absolute after:content-[''] after:inset-0 after:z-[1]" : "";
     }
   }
 };
-var ja = function() {
+var Ua = function() {
   var e = this, t = e._self._c;
-  return t("Animation", { staticClass: "w-full" }, [e.isEditView || e.isVisible ? t("div", { staticClass: "block-root", class: [
+  return t("Animation", { staticClass: "w-full" }, [t("div", { staticClass: "block-root", class: [
     {
       "is-edit-view": e.isEditView,
       "is-hovering": e.isHovering,
-      "min-h-none": e.blockType === "custom" || !e.isVisible,
-      "border-b border-gray-200": !e.isVisible
+      "min-h-none": e.blockType === "custom" || e.isHidden,
+      "border-b border-gray-200": e.isHidden
     },
     e.contentClass
   ], style: e.isDragging && {
@@ -6146,29 +6094,29 @@ var ja = function() {
     e.isHovering = !0;
   }, "&mouseleave": function(a) {
     e.isHovering = !1;
-  } } }, [t("div", { staticClass: "block-container", class: { "spacing-snug": !e.isVisible }, attrs: { inert: !e.isVisible } }, [e._t("default")], 2), e.showControls ? t("BlockControlButtons", { staticClass: "control-root z-10", attrs: { "is-movable": e.canMove, "is-visible": e.isVisible }, on: { "toggle-visible": function(a) {
+  } } }, [t("div", { staticClass: "block-container", class: { "spacing-snug": e.isHidden }, attrs: { inert: e.isHidden } }, [e._t("default")], 2), e.showControls ? t("BlockControlButtons", { staticClass: "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) : e._e()]);
-}, Ka = [], Ya = /* @__PURE__ */ c(
-  Na,
-  ja,
-  Ka,
+  } } }) : e._e()], 1)]);
+}, Wa = [], qa = /* @__PURE__ */ c(
+  Ga,
+  Ua,
+  Wa,
   !1,
   null,
-  "af9f6b1e",
+  "60aa95ad",
   null,
   null
 );
-const Qa = Ya.exports;
-const Ja = {
+const Na = qa.exports;
+const ja = {
   name: "DocumentDrawer",
   components: {
-    simplebar: k,
-    Drawer: ne
+    simplebar: b,
+    Drawer: oe
   },
   props: {
     position: {
@@ -6190,7 +6138,7 @@ const Ja = {
     }
   }
 };
-var Xa = function() {
+var Ka = function() {
   var e = this, t = e._self._c;
   return t("transition", { attrs: { name: e.fixed ? void 0 : "grow-anim", mode: "out-in" } }, [e.open ? t(e.fixed ? "drawer" : "div", e._b({ ref: "drawer", tag: "component", staticClass: "font-inter document-drawer-root", class: {
     "is-sticky": !e.fixed
@@ -6202,18 +6150,18 @@ var Xa = function() {
     padding: "calc(2.5 * var(--rem)) calc(1 * var(--rem)) calc(6 * var(--rem)) calc(1 * var(--rem))",
     ...e.fixedStyle
   } }, [e._t("default")], 2)])])]) : e._e()], 1);
-}, en = [], tn = /* @__PURE__ */ c(
-  Ja,
-  Xa,
-  en,
+}, Ya = [], Qa = /* @__PURE__ */ c(
+  ja,
+  Ka,
+  Ya,
   !1,
   null,
   "f0a56edd",
   null,
   null
 );
-const an = tn.exports;
-const nn = {
+const Ja = Qa.exports;
+const Xa = {
   name: "DocumentFormViewRadio",
   props: {
     value: {
@@ -6226,24 +6174,24 @@ const nn = {
     }
   }
 };
-var sn = function() {
+var en = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "nav-toggle font-inter" }, [t("div", { staticClass: "nav-toggle-button", class: { active: e.value === "edit" }, on: { click: function(a) {
     e.value === "preview" && e.$emit("input", "edit");
   } } }, [e.small ? t("BaseIcon", { attrs: { type: "edit" } }) : [e._v(e._s(e.$t("edit")))]], 2), t("div", { staticClass: "nav-toggle-button", class: { active: e.value === "preview" }, attrs: { "data-onboarding": "preview-button" }, on: { click: function(a) {
     e.value === "edit" && e.$emit("input", "preview");
   } } }, [e.small ? t("BaseIcon", { attrs: { type: "eye" } }) : [e._v(e._s(e.$t("preview")))]], 2)]);
-}, on = [], ln = /* @__PURE__ */ c(
-  nn,
-  sn,
-  on,
+}, tn = [], an = /* @__PURE__ */ c(
+  Xa,
+  en,
+  tn,
   !1,
   null,
   "bfd27279",
   null,
   null
 );
-const rn = ln.exports, cn = {
+const nn = an.exports, sn = {
   name: "LogoBanner",
   props: {
     position: {
@@ -6261,44 +6209,44 @@ const rn = ln.exports, cn = {
     }
   }
 };
-var dn = function() {
+var on = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "z-50 flex justify-end bottom-0 left-0 right-0 pb-[10px] px-[10px] pointer-events-none", class: e.position }, [t("a", { staticClass: "pointer-events-auto inline-flex items-center h-8 pl-1.5 pr-2 border rounded-md bg-black/80 border-white/30", attrs: { href: `https://${e.$t("_common:brand.domain")}?utm_source=document&utm_medium=logo-banner`, target: "_blank" } }, [t("div", { staticClass: "w-5 h-5 mr-2 overflow-hidden bg-white rounded" }, [t("img", { staticClass: "w-full h-full", attrs: { src: e.logoUrl, alt: e.$t("brand.name") } })]), t("div", { staticClass: "text-xs font-medium text-white" }, [e._v(" Made in " + e._s(e.$t("brand.name")) + " ")])])]);
-}, pn = [], un = /* @__PURE__ */ c(
-  cn,
-  dn,
-  pn,
+}, ln = [], rn = /* @__PURE__ */ c(
+  sn,
+  on,
+  ln,
   !1,
   null,
   null,
   null,
   null
 );
-const mn = un.exports;
-const hn = {
+const cn = rn.exports;
+const dn = {
   name: "DocumentFormNav"
 };
-var fn = function() {
+var pn = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "DocumentFormNav", staticStyle: { padding: "8px calc(1.5 * var(--rem))", position: "fixed", left: "0", top: "0", right: "0", "z-index": "98" } }, [t("div", { staticClass: "flex" }, [t("div", { staticClass: "inline-flex items-center flex-grow" }, [e._t("left")], 2), t("div", { staticClass: "inline-flex items-center justify-center flex-auto" }, [e._t("center")], 2), t("div", { staticClass: "inline-flex items-center justify-end flex-grow" }, [e._t("right")], 2)])]);
-}, gn = [], Cn = /* @__PURE__ */ c(
-  hn,
-  fn,
-  gn,
+}, un = [], mn = /* @__PURE__ */ c(
+  dn,
+  pn,
+  un,
   !1,
   null,
   "05fc111c",
   null,
   null
 );
-const vn = Cn.exports;
-const oe = (i, e, t = "$children") => {
+const hn = mn.exports;
+const re = (i, e, t = "$children") => {
   if (!i)
     return;
   e(i);
   const a = i[t];
-  !a && !Array.isArray(a) || a.forEach((n) => oe(n, e));
-}, yn = {
+  !a && !Array.isArray(a) || a.forEach((n) => re(n, e));
+}, fn = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
     messages: {
@@ -6314,19 +6262,19 @@ const oe = (i, e, t = "$children") => {
   },
   name: "DocumentFormContainer",
   components: {
-    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
+    WithDimensions: Je,
+    DragList: K,
+    DragItem: Y,
+    DynamicChapter: Xe,
+    DocumentFormMenu: Pa,
+    DynamicBlock: Na,
+    DocumentFormViewRadio: nn,
+    DocumentFormNav: hn,
+    DocumentDrawer: Ja,
+    DocumentStyleContainer: et,
+    simplebar: b,
+    LogoBanner: cn,
+    IsPremium: Q
   },
   props: {
     _document: {
@@ -6357,9 +6305,13 @@ const oe = (i, e, t = "$children") => {
     goBack: {
       type: Function,
       default: null
+    },
+    canShowBanner: {
+      type: Boolean,
+      default: !0
     }
   },
-  mixins: [b],
+  mixins: [L],
   data() {
     return {
       drawerState: v,
@@ -6374,28 +6326,28 @@ const oe = (i, e, t = "$children") => {
   },
   computed: {
     docTemplate() {
-      return m(this._document, "template", null);
+      return u(this._document, "template", null);
     },
     isTemplateEditable() {
-      return m(this.docTemplate, "views.read.isEditable", !1);
+      return u(this.docTemplate, "views.read.isEditable", !1);
     },
     canMove() {
-      return this.isTemplateEditable;
+      return this.isTemplateEditable && this.isEditView;
     },
     readLayout() {
-      return m(this.docTemplate, "views.read.nodes", []);
+      return u(this.docTemplate, "views.read.nodes", []);
     },
     nestedReadLayout() {
       return this._document.getReadLayout({ showHiddenNodes: this.isEditView });
     },
     currency() {
-      return m(this._document, "currency");
+      return u(this._document, "currency");
     },
     externalReferences() {
-      return m(this._document, "externalReferences") || [];
+      return u(this._document, "externalReferences") || [];
     },
     headingColor() {
-      return m(this._document, "theme.headingColor");
+      return u(this._document, "theme.headingColor");
     },
     isEditView() {
       return this.view === "edit";
@@ -6450,7 +6402,7 @@ const oe = (i, e, t = "$children") => {
   },
   methods: {
     onAddBlockMount(i, e) {
-      !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]);
+      !this.onAddRedis[i] || !e || (e.$el && this.$nextTick(() => mt(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(
@@ -6471,7 +6423,7 @@ const oe = (i, e, t = "$children") => {
         const a = i.itemId.split("-")[1];
         this.removePackageGroup(a);
       } else
-        oe(i, (n) => {
+        re(i, (n) => {
           n.value && Object.values(n.value).forEach((s) => {
             this.removeFormKeyValue(`${s}`);
             let o = s.replace(/^data.(?!properties)/g, "data.properties.");
@@ -6491,17 +6443,17 @@ const oe = (i, e, t = "$children") => {
       Array.isArray(e.packages) && e.packages.forEach((a) => {
         this.setFormValue({
           key: "articles",
-          value: m(this._document, "_doc.articles", []).filter(({ packageId: n }) => n !== a.packageId)
+          value: u(this._document, "_doc.articles", []).filter(({ packageId: n }) => n !== a.packageId)
         });
       });
-      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");
+      const t = Object.assign({}, u(this._document, "_doc.data.packageGroups"));
+      delete t[i], this.setFormValue({ key: "data.packageGroups", value: t }), Object.keys(u(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 = Ee(this.nestedReadLayout, e, t);
+        const n = Oe(this.nestedReadLayout, e, t);
         this.setFormValue({
           key: "template.views.read.nodes",
           value: D(n)
@@ -6516,20 +6468,20 @@ const oe = (i, e, t = "$children") => {
           readView: r,
           validation: p,
           data: C,
-          onAddFnName: V = "onAdd"
+          onAddFnName: T = "onAdd"
         } = s({ sectionKey: n, document: this._document, contentData: l });
         o({ validation: p, data: C });
-        const le = ze({ tree: r }), re = [
+        const ce = Re({ tree: r }), de = [
           ...this.nestedReadLayout.slice(0, t),
-          ...le,
+          ...ce,
           ...this.nestedReadLayout.slice(t)
         ];
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: D(re)
+          value: D(de)
         });
-        const [{ nodeId: ce }] = r;
-        this.onAddRedis[ce] = V;
+        const [{ nodeId: pe }] = r;
+        this.onAddRedis[pe] = T;
       }
     },
     shouldAnimateDrop(i) {
@@ -6537,7 +6489,7 @@ const oe = (i, e, t = "$children") => {
     }
   }
 };
-var xn = function() {
+var gn = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { overflow: "auto", height: "100vh" } }, [t("div", { staticClass: "flex container-root font-inter", class: {
     "is-edit-view": e.isEditView,
@@ -6552,9 +6504,9 @@ var xn = 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(), 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) {
+  }, 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("div", { staticClass: "relative" }, [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: "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) {
+  } } }), t("transition", { attrs: { name: "fade-bounce", appear: "" } }, [!e.nestedReadLayout.length && e.isFixedSidebar ? t("div", { staticClass: "absolute w-64 p-3 text-base font-semibold leading-snug text-white translate-y-2 rounded-lg shadow-lg bg-primary-500 -left-3/4 top-full" }, [e._v(" " + e._s(e.$t("emptyBlockPlaceholderSmall")) + " "), t("svg", { staticClass: "absolute top-0 -translate-y-full text-primary-500 left-10", 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()])], 1), 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% + 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 && {
@@ -6573,7 +6525,7 @@ var xn = 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 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.nestedReadLayout.length && !e.isFixedSidebar ? t("div", { staticClass: "text-gray-400 drag-drop-empty-list is-placeholder" }, [t("div", { staticStyle: { position: "relative" } }, [e._m(0), t("svg", { staticClass: "drag-drop-illustration", attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" } }, [t("path", { staticClass: "drag-drop-illustration-finger", attrs: { d: "M8 0a4 4 0 00-2.7 1C4.6 1.6 4 2.7 4 4v21.4c-.4.2-.8.2-1.7 1A7.2 7.2 0 000 31.8c0 2 .8 3.8 1 4.5L4 42s-.1 0 0 0c1.4 3.1 4.5 5 8 5h9c5 0 9-4 9-9V22c0-.8-.1-2-.7-3-.5-1-1.7-2-3.3-2-1 0-2 .4-2.6.9 0-.3-.1-.7-.3-1-.6-1-1.7-1.9-3.1-1.9a4 4 0 00-2.7 1c-.6-1.1-1.7-2-3.3-2-.8 0-1.4.2-2 .6V4a4 4 0 00-4-4z", fill: "#000", "fill-rule": "nonzero" } }), t("path", { staticClass: "drag-drop-illustration-grabbing", attrs: { transform: "translate(0 11)", d: "M14 1c-.8 0-1.8.2-2.6.8l-.9 1a4 4 0 00-5.2.2C4.6 3.6 4 4.7 4 5.9V14c-1.7.7-4 3-4 7 0 2.2.9 4.2 1 4.5L3.9 31c1.5 3.1 4.6 5 8 5H21c5 0 9-4 9-9V9c0-4.4-2.5-5-4-5-.7 0-1.5.1-2.3.7C23 2.5 21.4 2 20 2c-1 0-2 .3-2.6.8l-.6-.9A4 4 0 0014 1z", fill: "#000", "fill-rule": "nonzero" } })])]), t("div", { staticClass: "text-center", staticStyle: { "max-width": "22ch" }, domProps: { innerHTML: e._s(e.$t("emptyBlockPlaceholderLarge")) } })]) : e._e(), t(e.isEditView ? "div" : "simplebar", { tag: "component", staticClass: "w-full h-full" }, [t("WithDimensions", { attrs: { "provide-device": !0 }, on: { width: function(a) {
     e.parentSize.width = a;
   } }, scopedSlots: e._u([{ key: "default", fn: function({ width: a, height: n }) {
     var s, o;
@@ -6597,39 +6549,39 @@ var xn = function() {
         return e.onBlockMove(p, r);
       }, "toggle-visible": function(p) {
         return e.onBlockToggleVisible(l, p);
-      } } }, [t("DynamicChapter", { attrs: { "component-name": l.componentName, "component-props": { ...l.props, _document: e._document, _value: l.value }, children: l.children, "parent-size": e.parentSize, "is-visible": l.isVisible, "on-input": ({ key: p, value: C, options: V }) => e.setFormValue({ key: p, value: C, options: V }), "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 }) {
+      } } }, [t("DynamicChapter", { attrs: { "component-name": l.componentName, "component-props": { ...l.props, _document: e._document, _value: l.value }, children: l.children, "parent-size": e.parentSize, "is-visible": l.isVisible, "on-input": ({ key: p, value: C, options: T }) => e.setFormValue({ key: p, value: C, options: T }), "on-remove": ({ key: p }) => e.removeFormValue(p), "on-mount": (p) => e.onAddBlockMount(l.nodeId, p) } })], 1)], 1);
+    }), 1) : e._e(), e.canShowBanner ? t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ isProLike: l }) {
       return [!e.isEditView && !l ? t("LogoBanner", { attrs: { position: "sticky" } }) : e._e()];
-    } }], null, !0) })], 1);
+    } }], null, !0) }) : e._e()], 1);
   } }]) })], 1)], 1)], 1), t("DocumentDrawer", { key: "settingsDrawer", attrs: { id: "settingsDrawer", open: e.drawerState.showRight, fixed: !0, position: "right" }, on: { "update:open": function(a) {
     return e.$set(e.drawerState, "showRight", a);
   } } }, [t("portal-target", { attrs: { name: "drawer-content" } })], 1)], 1)]);
-}, wn = [function() {
+}, Cn = [function() {
   var i = this, e = i._self._c;
   return e("div", { staticClass: "drag-drop-illustration-block" }, [e("div"), e("div")]);
-}], _n = /* @__PURE__ */ c(
-  yn,
-  xn,
-  wn,
+}], vn = /* @__PURE__ */ c(
+  fn,
+  gn,
+  Cn,
   !1,
   null,
-  "1592c6b7",
+  "e54004e2",
   null,
   null
 );
-const bn = _n.exports, T = S.observable({
+const yn = vn.exports, V = k.observable({
   canEdit: !1,
   isForm: !0,
   setFormValue: null
-}), kn = {
+}), xn = {
   name: "DocumentForm",
   components: {
-    DocumentFormContainer: bn,
-    IsPremium: Y,
-    IsPremiumPreStep: K,
-    DocumentSend: zi
+    DocumentFormContainer: yn,
+    IsPremium: Q,
+    IsPremiumPreStep: I,
+    DocumentSend: Zi
   },
-  mixins: [a1({ currentElement: null }), n1],
+  mixins: [lt({ currentElement: null }), rt],
   props: {
     document: {
       type: Object,
@@ -6670,9 +6622,13 @@ const bn = _n.exports, T = S.observable({
     goBack: {
       type: Function,
       default: null
+    },
+    canShowBanner: {
+      type: Boolean,
+      default: !0
     }
   },
-  provide: () => ({ viewSettings: T }),
+  provide: () => ({ viewSettings: V }),
   data() {
     return {
       view: "edit",
@@ -6683,13 +6639,13 @@ const bn = _n.exports, T = S.observable({
     canEdit: {
       immediate: !0,
       handler(i) {
-        T.canEdit = !!i;
+        V.canEdit = !!i;
       }
     }
   },
   computed: {
     canDoActions() {
-      return !!m(this.document, "template.views.read.nodes", []).length;
+      return !!u(this.document, "template.views.read.nodes", []).length;
     },
     canEdit() {
       const { document: i } = this;
@@ -6697,7 +6653,7 @@ const bn = _n.exports, T = S.observable({
     }
   },
   created() {
-    this.setFormValue && (T.setFormValue = this.setDocValue);
+    this.setFormValue && (V.setFormValue = this.setDocValue);
   },
   methods: {
     isValid() {
@@ -6712,7 +6668,7 @@ const bn = _n.exports, T = S.observable({
     },
     async saveAsTemplate() {
       this.document && this.$modal.show(
-        ie,
+        ae,
         {
           document: this.document,
           onSaveTemplate: this.onSaveTemplate
@@ -6729,13 +6685,13 @@ const bn = _n.exports, T = S.observable({
     }
   }
 };
-var Ln = function() {
+var wn = function() {
   var e = this, t = e._self._c;
-  return e.document ? t("div", { staticClass: "flex flex-col w-screen bg-white" }, [t("DocumentFormContainer", { attrs: { _document: e.document, view: e.view, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "remove-form-key-value": e.removeDocKeyValue, close: e.close, "go-back": e.goBack }, 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, "can-show-banner": e.canShowBanner }, on: { "update:view": function(a) {
     e.view = a;
   } } }, [t("template", { slot: "nav-right" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateDocument: a }) {
     return [t("IsPremiumPreStep", { attrs: { feature: "documents" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
-      return [t("div", { staticStyle: { flex: "1", display: "inline-flex", "justify-content": "flex-end" } }, [e._t("nav-right-action", function() {
+      return [t("div", { key: e.canDoActions, staticStyle: { flex: "1", display: "inline-flex", "justify-content": "flex-end" } }, [e._t("nav-right-action", function() {
         return [t("div", { staticClass: "buttons has-addons", staticStyle: { "white-space": "nowrap" } }, [t("CButton", { ref: "sendButton", staticClass: "d-nav-button position right", staticStyle: { "border-radius": "7px 0 0 7px", height: "36px", "padding-left": "11px", "padding-right": "10px", "font-size": "13px", "font-weight": "500" }, attrs: { disabled: !e.canDoActions, loading: e.isLoading, "data-onboarding": "send-button", size: "small", type: "secondary", thinner: "" }, on: { click: function(s) {
           a || e.document.id ? e.openSendModal() : n({ callback: e.openSendModal });
         } } }, [e._v(" " + e._s(e.$t("_common:reviewSend")) + " ")]), t("CDropdown", { attrs: { disabled: !e.canDoActions } }, [t("CButton", { staticClass: "d-nav-button position right", staticStyle: { "border-radius": "0px 7px 7px 0px", height: "36px", "border-left": "1px solid hsla(0, 0%, 100%, 0.35)", "font-size": "13px", "padding-left": "14px", "padding-right": "14px" }, attrs: { slot: "trigger", "icon-props": { size: 13, strokeWidth: 2.5 }, size: "small", type: "secondary", thinner: "", icon: "chevron-down" }, slot: "trigger" }), t("CDropdownItem", { attrs: { "icon-props": { stroke: "hsl(205, 100%, 50%)" }, "icon-left": "save" }, on: { click: function(s) {
@@ -6743,7 +6699,7 @@ var Ln = function() {
         } } }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:document").toLowerCase() })) + " ")]), t("CDropdownItem", { attrs: { disabled: e.isLoading, "icon-left": "template-color" }, on: { click: e.saveAsTemplate } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")])], 1)], 1)];
       })], 2)];
     } }], null, !0) })];
-  } }], null, !1, 4167921294) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
+  } }], null, !1, 2694380453) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
     expiresAt: "data.expiresAt",
     personalMessage: "data.personalMessage",
     defaultAnswerMethod: "data.defaultAnswerMethod",
@@ -6751,18 +6707,18 @@ var Ln = 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();
-}, $n = [], Sn = /* @__PURE__ */ c(
-  kn,
-  Ln,
-  $n,
+}, bn = [], _n = /* @__PURE__ */ c(
+  xn,
+  wn,
+  bn,
   !1,
   null,
   null,
   null,
   null
 );
-const Vn = Sn.exports;
-const Dn = {
+const kn = _n.exports;
+const Ln = {
   name: "ClientLinks",
   props: {
     id: {
@@ -6813,36 +6769,36 @@ const Dn = {
     this.loadDocument({ id: this.id });
   },
   methods: {
-    ...x({
-      loadDocument: u.LOAD_DOCUMENT2
+    ...y({
+      loadDocument: m.LOAD_DOCUMENT2
     }),
     copyToClipboard(i) {
-      i.target.previousElementSibling.select(), document.execCommand("copy", !1), q("info", this.$t("copied"));
+      i.target.previousElementSibling.select(), document.execCommand("copy", !1), j("info", this.$t("copied"));
     }
   }
 };
-var Tn = function() {
+var $n = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-inter", staticStyle: { "background-color": "white", "border-radius": "10px", overflow: "hidden" } }, [t("div", { staticStyle: { padding: "40px 30px", position: "relative" } }, [t("CButton", { staticStyle: { position: "absolute", right: "1em", top: "1em", color: "hsl(0, 0%, 55%)" }, attrs: { icon: "x", circle: "", size: "normal" }, on: { click: function(a) {
     return e.$emit("close");
   } } }), t("div", { staticStyle: { padding: "0 0 2.5em" } }, [t("div", { staticClass: "x-title", domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticClass: "x-text", domProps: { textContent: e._s(e.$t("text")) } })]), e.clients.length ? e._l(e.clients, function(a, n) {
     return t("div", { key: n, staticClass: "client-card" }, [t("div", { staticStyle: { padding: "4px 6px 8px 6px" } }, [t("div", { staticClass: "client-title truncate-text" }, [e._v(" " + e._s(a.primaryTitle) + " "), a.secondaryTitle ? t("span", { staticStyle: { opacity: "0.5", "padding-left": "0.125ch" } }, [e._v("· " + e._s(a.secondaryTitle))]) : e._e()]), a.documentRole ? t("div", { domProps: { textContent: e._s(e.$t(`_common:documentRole.${a.documentRole}.label`)) } }) : e._e(), t("div", [a.email ? t("a", { attrs: { href: `mailto:${a.email}?&body=${a.docLink}` } }, [e._v(e._s(a.email))]) : e._e(), a.email && a.cellphone ? t("span", { staticStyle: { padding: "0 0.5ch" } }, [e._v("·")]) : e._e(), a.cellphone ? t("a", { attrs: { href: `sms:${a.cellphone}?&body=${a.docLink}` } }, [t("CPhoneFormat", { attrs: { phone: a.cellphone, region: a.cellphoneRegion } })], 1) : e._e()])]), t("div", { staticStyle: { display: "flex", position: "relative" } }, [t("input", { ref: "key", refInFor: !0, staticClass: "link-field truncate-text", attrs: { placeholder: e.$t("placeholder"), type: "text", readonly: "readonly" }, domProps: { value: a.docLink } }), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("tooltip"), expression: "$t('tooltip')" }], staticClass: "clipboard-button", on: { click: e.copyToClipboard } }, [t("BaseIcon", { staticStyle: { "pointer-events": "none" }, attrs: { type: "copy", size: "17" } })], 1)])]);
   }) : t("div", { staticStyle: { padding: "2em", "font-size": "14px", "text-align": "center", color: "hsl(0, 0%, 55%)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "6px" }, domProps: { textContent: e._s(e.$t("placeholder")) } }), t("div", { staticClass: "x-hint" }, [t("BaseIcon", { staticClass: "text-primary-500", staticStyle: { flex: "0 0 auto", "margin-right": "8px", "margin-top": "3px" }, attrs: { type: "info", size: "16" } }), t("div", { domProps: { textContent: e._s(e.$t("hint")) } })], 1)], 2)]);
-}, Mn = [], Bn = /* @__PURE__ */ c(
-  Dn,
-  Tn,
-  Mn,
+}, Sn = [], Tn = /* @__PURE__ */ c(
+  Ln,
+  $n,
+  Sn,
   !1,
   null,
   "791a9a8f",
   null,
   null
 );
-const In = Bn.exports, Fn = In, Hn = ({ id: i }) => {
-  if (!S.prototype.$modal)
+const Dn = Tn.exports, Vn = Dn, Bn = ({ id: i }) => {
+  if (!k.prototype.$modal)
     throw Error("Open client modal requires plugin vue-js-modal");
-  S.prototype.$modal.show(
-    Fn,
+  k.prototype.$modal.show(
+    Vn,
     {
       id: i
     },
@@ -6855,9 +6811,9 @@ const In = Bn.exports, Fn = In, Hn = ({ id: i }) => {
     }
   );
 };
-const An = {
-  name: "PostDocumentSend",
-  mixins: [b],
+const Mn = {
+  name: "DocumentPostSendStep",
+  mixins: [L],
   i18nOptions: {
     namespaces: "PostDocumentSend",
     messages: {
@@ -6892,7 +6848,7 @@ const An = {
       return this.mq === "sm" ? "100%" : "auto";
     },
     usesManualDelivery() {
-      const i = F(this.document);
+      const i = H(this.document);
       return !i.sms && !i.email;
     }
   },
@@ -6901,18 +6857,18 @@ const An = {
     (i = this.document) != null && i.senderClient ? await this.senderAnswer() : await this.onSend();
   },
   methods: {
-    ...x({
-      updateDocument: u.DO_UPDATE_DOCUMENT2,
-      answerDocument: u.ANSWER_OWN_DOCUMENT2,
-      sendDocument: u.DO_SEND_DOCUMENT2
+    ...y({
+      updateDocument: m.DO_UPDATE_DOCUMENT2,
+      answerDocument: m.ANSWER_OWN_DOCUMENT2,
+      sendDocument: m.DO_SEND_DOCUMENT2
     }),
     async handleDocumentLinks() {
-      const { id: i } = this.document, e = F(this.document), t = !e.sms && !e.email;
+      const { id: i } = this.document, e = H(this.document), t = !e.sms && !e.email;
       t && (await this.updateDocument({
         id: i,
         body: { status: "sent" },
         showMessage: !1
-      }), Hn({ id: i })), t || setTimeout(() => this.close(), 2e3);
+      }), Bn({ id: i })), t || setTimeout(() => this.close(), 2e3);
     },
     async onSend() {
       typeof this.onSendFunc == "function" && this.onSendFunc(this.document), await this.handleDocumentLinks();
@@ -6931,7 +6887,7 @@ const An = {
         body: { isAccepted: !0 },
         checksum: a
       }), await this.sendDocument({ id: i }), this.onSend()) : (this.$modal.show(
-        f1,
+        ht,
         {
           _document: this.document,
           fullScreen: this.modalHeight === "100%",
@@ -6975,23 +6931,24 @@ const An = {
     }
   }
 };
-var Pn = function() {
+var In = 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)]);
-}, En = [], zn = /* @__PURE__ */ c(
-  An,
-  Pn,
-  En,
+}, Fn = [], Hn = /* @__PURE__ */ c(
+  Mn,
+  In,
+  Fn,
   !1,
   null,
-  "1f679c67",
+  "673cd86f",
   null,
   null
 );
-const Zn = zn.exports;
-S.use(i1);
-const On = {
+const An = Hn.exports;
+k.use(ot);
+const Pn = {
   name: "DocForm",
+  mixins: [Ge(["closeFunc", "beforeSave", "beforeSend"])],
   i18nOptions: {
     namespaces: "widgetDocForm",
     messages: {
@@ -7004,9 +6961,9 @@ const On = {
     }
   },
   components: {
-    TemplateSelector: x2,
-    DocumentEditor: Vn,
-    PostSend: Zn
+    TemplateSelector: w2,
+    DocumentForm: kn,
+    PostSend: An
   },
   props: {
     isNew: {
@@ -7027,7 +6984,7 @@ const On = {
     };
   },
   computed: {
-    ...Ze({
+    ...Ue({
       company: "application/company",
       feature: "application/feature",
       can: "application/can",
@@ -7056,19 +7013,19 @@ const On = {
     (!this.rawDoc || (i = this.rawDoc) != null && i.__isNew) && (this.view = "templateSelect");
   },
   methods: {
-    ...Oe({
-      setFormValue: u.SET_FORM_VALUE,
-      removeFormValue: u.REMOVE_FORM_VALUE,
-      removeFormKeyValue: u.REMOVE_FORM_KEY_VALUE,
-      loadDocumentForm: u.LOAD_DOCUMENT2_FORM,
-      duplicateDocumentForm: u.LOAD_DUPLICATE_DOCUMENT2_FORM,
-      saveDocument: u.SAVE_DYNDOC_FORM,
-      loadCompanyUser: u.LOAD_COMPANY_USER
+    ...We({
+      setFormValue: m.SET_FORM_VALUE,
+      removeFormValue: m.REMOVE_FORM_VALUE,
+      removeFormKeyValue: m.REMOVE_FORM_KEY_VALUE,
+      loadDocumentForm: m.LOAD_DOCUMENT2_FORM,
+      duplicateDocumentForm: m.LOAD_DUPLICATE_DOCUMENT2_FORM,
+      saveDocument: m.SAVE_DYNDOC_FORM,
+      loadCompanyUser: m.LOAD_COMPANY_USER
     }),
     async initDoc() {
       if (!this.rawDoc)
         throw new Error("Missing initiated form document");
-      this.document = new W({
+      this.document = new N({
         data: this.rawDoc,
         can: this.can,
         getters: this.$store.getters,
@@ -7077,7 +7034,7 @@ const On = {
     },
     async onTemplateSelect({ templateId: i, documentId: e, formData: t }) {
       var n;
-      const a = Zt({ ...this.rawDoc }, [
+      const a = z1({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
         "clients",
@@ -7088,7 +7045,7 @@ const On = {
         _formData: a
       }) : await this.loadDocumentForm({
         templateId: i,
-        formData: t ? Re(t, a) : null,
+        formData: t ? qe(t, a) : null,
         _formData: a
       }), (n = a == null ? void 0 : a.data) != null && n.name && this.setDocValue({ key: "data.name", value: a.data.name }), await this.initDoc(), this.view = "editor";
     },
@@ -7102,31 +7059,37 @@ const On = {
       return this.removeFormKeyValue(`document2.${i}`);
     },
     async onSaveDocument({ doSend: i = !1 } = {}) {
+      typeof this.beforeSave == "function" && await this.beforeSave(), i && typeof this.beforeSend == "function" && await this.beforeSend();
       const e = await this.saveDocument({ doSend: i }), t = this.docById(e);
       i && (t != null && t.senderClient) ? (this.document = t, this.view = "postSend") : this.close();
     },
     close() {
-      Ge.open = !1;
+      if (this.closeFunc)
+        this.closeFunc();
+      else
+        throw new Error(
+          "[DocForm] closeFunc is missing from route params. Make sure to set it from ui"
+        );
     },
     goBack() {
       this.view = "templateSelect", this.setDocValue({ key: "__isNew", value: !0 });
     }
   }
 };
-var Rn = function() {
+var En = 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: { "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,
+  return t("div", { staticClass: "flex flex-col w-full h-full" }, [e.view === "templateSelect" ? t("div", { staticClass: "flex flex-col w-full h-full" }, [t("div", { staticClass: "relative flex items-center justify-center h-16 border-b border-gray-200" }, [t("CButton", { staticClass: "absolute -translate-y-1/2 top-1/2 left-4", attrs: { icon: "x", circle: "" }, on: { click: e.close } }), t("div", [e._v(e._s(e.$t("selectNavTitle")))])], 1), t("TemplateSelector", { staticClass: "min-h-0 body-scroll", attrs: { "on-use-template": e.onTemplateSelect, "show-gallery": e.feature("templateGallery"), "show-gallery-template-author": !1, "include-partner-templates": "" } })], 1) : e.view === "editor" ? t("DocumentForm", { attrs: { document: e.document, "set-doc-value": e.setDocValue, "set-form-value": e.setFormValue, "remove-doc-value": e.removeDocValue, "remove-doc-key-value": e.removeDocKeyValue, "on-save-document": e.onSaveDocument, "is-loading": e.isPosting, close: e.close, "go-back": e.goBack, "can-show-banner": !1 } }) : t("PostSend", { attrs: { document: e.document, "on-send-func": e.close, "on-close-func": e.close } })], 1);
+}, zn = [], Zn = /* @__PURE__ */ c(
+  Pn,
+  En,
+  zn,
   !1,
   null,
   null,
   null,
   null
 );
-const As = Un.exports;
+const xs = Zn.exports;
 export {
-  As as default
+  xs as default
 };