@cling-se/widget 0.9.11 → 0.9.12

package/dist/{DocForm-2e9af604.js → DocForm-a4c0a0f1.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-5532481e.js";
+import { m as g, a as y } from "./vuex.esm-4a0fff7c.js";
+import "./index-d81be181.js";
+import { v as B } from "./index-805c56e4.js";
+import { d as M, w as L } from "./CDropdownItem-79c8dc70.js";
+import { I, b as Ne, a as Q } from "./IsPremiumPreStep-9b5a0a01.js";
+import { D as je, l as Ke, g as Ye, W as Qe, b as Je, a as Xe } from "./DocumentLayout-02c32058.js";
+import { s as b } from "./simplebar.min-3682e5c9.js";
+import { B as et } from "./BlockMedia-a145fc19.js";
+import { c as tt, g as it } from "./template-cd101772.js";
+import { a as at } from "./tinycolor-ca02e626.js";
+import { m as $ } from "./mapFormMixin-218f9749.js";
+import { S as nt, C as J, i as st } from "./formComponentsInstall-57c30f22.js";
+import { s as v, f as ot } from "./focusDrawerMixin-dffff858.js";
+import { f as lt } from "./formValidationMixin-9d5c1283.js";
+import { F as X, d as rt } from "./tippy.esm-a7740684.js";
+import { S as ct } from "./CSlider.vue_vue_type_style_index_0_lang-47894df7.js";
+import { o as dt, d as pt } from "./vuedraggable.umd-934a0379.js";
+import { s as ut } from "./dom-068d1a7b.js";
+import mt from "./AnswerModal-f6cb74d7.js";
 import "./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-a902f5a5.js";
+import "./color-71c20583.js";
+import "./BaseDatePicker-2daf62c0.js";
+import "./ErrorCallout-d392ffe9.js";
+import "./AddClientCallout-6b0621ec.js";
+import "./ClientAutocomplete-3d098904.js";
+import "./SearchApi-c6511bc3.js";
+import "./ClientModal-d1bf8d0d.js";
+import "./CCallout-7fb1ad5c.js";
+import "./CField-2b1118f9.js";
 import "./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-c61cd86f.js";
+var ht = ue, ft = me, gt = G;
+function Ct(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 = ht(i, o);
+    t(l, o) && ft(s, gt(o, i), l);
   }
   return s;
 }
-var x1 = y1;
-function w1(i, e) {
+var vt = Ct;
+function yt(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 xt = yt, wt = he, bt = U, _t = "[object Arguments]";
+function kt(i) {
+  return bt(i) && wt(i) == _t;
 }
-var S1 = $1, H = S1, V1 = G, X = Object.prototype, D1 = X.hasOwnProperty, T1 = X.propertyIsEnumerable, M1 = H(function() {
+var Lt = kt, A = Lt, $t = U, ee = Object.prototype, St = ee.hasOwnProperty, Tt = ee.propertyIsEnumerable, Dt = 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 $t(i) && St.call(i, "callee") && !Tt.call(i, "callee");
+}, te = Dt, Vt = 9007199254740991;
+function Bt(i) {
+  return typeof i == "number" && i > -1 && i % 1 == 0 && i <= Vt;
 }
-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 Mt = Bt, It = G, Ft = te, Ht = W, At = fe, Pt = Mt, Et = ge;
+function zt(i, e, t) {
+  e = It(e, i);
   for (var a = -1, n = e.length, s = !1; ++a < n; ) {
-    var o = Z1(e[a]);
+    var o = Et(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 && Pt(n) && At(o, n) && (Ht(i) || Ft(i)));
 }
-var R1 = O1, G1 = _1, U1 = R1;
-function W1(i, e) {
-  return i != null && U1(i, e, G1);
+var Zt = zt, Ot = xt, Rt = Zt;
+function Gt(i, e) {
+  return i != null && Rt(i, e, Ot);
 }
-var q1 = W1, N1 = x1, j1 = q1;
-function K1(i, e) {
-  return N1(i, e, function(t, a) {
-    return j1(i, a);
+var Ut = Gt, Wt = vt, qt = Ut;
+function Nt(i, e) {
+  return Wt(i, e, function(t, a) {
+    return qt(i, a);
   });
 }
-var Y1 = K1;
-function Q1(i, e) {
+var jt = Nt;
+function Kt(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 Yt = Kt, P = Ce, Qt = te, Jt = W, E = P ? P.isConcatSpreadable : void 0;
+function Xt(i) {
+  return Jt(i) || Qt(i) || !!(E && i && i[E]);
 }
-var it = tt, at = J1, nt = it;
-function te(i, e, t, a, n) {
+var e1 = Xt, t1 = Yt, i1 = e1;
+function ie(i, e, t, a, n) {
   var s = -1, o = i.length;
-  for (t || (t = nt), n || (n = []); ++s < o; ) {
+  for (t || (t = i1), 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) : t1(n, l) : a || (n[n.length] = l);
   }
   return n;
 }
-var st = te, ot = st;
-function lt(i) {
+var a1 = ie, n1 = a1;
+function s1(i) {
   var e = i == null ? 0 : i.length;
-  return e ? ot(i, 1) : [];
+  return e ? n1(i, 1) : [];
 }
-var rt = lt;
-function ct(i, e, t) {
+var o1 = s1;
+function l1(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 r1 = l1, c1 = r1, z = Math.max;
+function d1(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), c1(i, this, l);
   };
 }
-var mt = ut;
-function ht(i) {
+var p1 = d1;
+function u1(i) {
   return function() {
     return i;
   };
 }
-var ft = ht;
-function gt(i) {
+var m1 = u1;
+function h1(i) {
   return i;
 }
-var Ct = gt, vt = ft, z = ge, yt = Ct, xt = z ? function(i, e) {
-  return z(i, "toString", {
+var f1 = h1, g1 = m1, Z = ve, C1 = f1, v1 = Z ? function(i, e) {
+  return Z(i, "toString", {
     configurable: !0,
     enumerable: !1,
-    value: vt(e),
+    value: g1(e),
     writable: !0
   });
-} : yt, wt = xt, _t = 800, bt = 16, kt = Date.now;
-function Lt(i) {
+} : C1, y1 = v1, x1 = 800, w1 = 16, b1 = Date.now;
+function _1(i) {
   var e = 0, t = 0;
   return function() {
-    var a = kt(), n = bt - (a - t);
+    var a = b1(), n = w1 - (a - t);
     if (t = a, n > 0) {
-      if (++e >= _t)
+      if (++e >= x1)
         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 k1 = _1, L1 = y1, $1 = k1, S1 = $1(L1), T1 = S1, D1 = o1, V1 = p1, B1 = T1;
+function M1(i) {
+  return B1(V1(i, void 0, D1), i + "");
 }
-var 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 I1 = M1, F1 = jt, H1 = I1, A1 = H1(function(i, e) {
+  return i == null ? {} : F1(i, e);
+}), P1 = A1;
+const E1 = /* @__PURE__ */ ye(P1);
+const z1 = {
   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 Z1 = 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,
+}, O1 = [], R1 = /* @__PURE__ */ c(
+  z1,
+  Z1,
+  O1,
   !1,
   null,
   "9f39f8ce",
   null,
   null
 );
-const ie = Ut.exports;
-const Wt = {
+const ae = R1.exports;
+function G1(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 U1(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 = G1(i.templateId, { availableProducts: e });
+  return a && (t = {
+    price: q((n = a == null ? void 0 : a.prices) == null ? void 0 : n[0].amount, { currency: (s = a == null ? void 0 : a.prices) == null ? void 0 : s[0].currency }),
+    isPurchased: ((o = i.purchaseInfo) == null ? void 0 : o.isPurchased) || !1,
+    onBuy: async () => U1(a)
+  }), t;
+}
+const W1 = {
   name: "GalleryTemplateModal",
   components: {
-    simplebar: k,
-    DocumentLayout: Ue
+    simplebar: b,
+    DocumentLayout: je
   },
   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 q1 = 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)])]);
+}, N1 = [], j1 = /* @__PURE__ */ c(
+  W1,
+  q1,
+  N1,
   !1,
   null,
-  "e2568605",
+  "07b93fb2",
   null,
   null
 );
-const Kt = jt.exports, Yt = {
+const K1 = j1.exports, Y1 = {
   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,46 @@ 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);
-        }
-    });
+  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 +652,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 +678,23 @@ const Kt = jt.exports, Yt = {
         fortnoxCom: "/img/fortnox/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        Kt,
+        K1,
         {
           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,25 +733,25 @@ const Kt = jt.exports, Yt = {
       selectGalleryItem: this.selectGalleryItem
     });
   }
-}, Qt = null, Jt = null;
-var Xt = /* @__PURE__ */ c(
-  Yt,
-  Qt,
-  Jt,
+}, Q1 = null, J1 = null;
+var X1 = /* @__PURE__ */ c(
+  Y1,
+  Q1,
+  J1,
   !1,
   null,
   null,
   null,
   null
 );
-const e2 = Xt.exports;
+const e2 = X1.exports;
 const t2 = {
   name: "DocumentIcon",
-  truncate: we,
+  truncate: Le,
   inject: {
     components: {
       default: {
-        BlockMedia: Ye
+        BlockMedia: et
       }
     }
   }
@@ -672,6 +759,7 @@ const t2 = {
 var i2 = 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,14 +769,14 @@ 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)]);
+  } }) : t.props.isPlaceholder || t.props.isAdd ? t._e() : e(t.injections.components.BlockMedia, { tag: "component", staticClass: "item-media", attrs: { media: t.props.media, preview: "" } }), t.scopedSlots.badge ? e("div", { staticClass: "absolute right-2 bottom-2" }, [t._t("badge")], 2) : t._e(), t.props.isAdd ? e("div", { staticClass: "add-button" }, [e("BaseIcon", { attrs: { size: 18, "stroke-width": 3, type: "plus" } })], 1) : t._e()], 1), e("div", { staticClass: "item-footer" }, [t.props.isAdd ? e("div", { staticClass: "item-text", staticStyle: { color: "hsl(0, 0%, 55%)" }, domProps: { textContent: t._s(t.parent.$t("_common:empty", { thing: t.parent.$t("_common:template") })) } }) : t.props.name ? [e("div", { staticClass: "item-text", domProps: { textContent: t._s(t.$options.truncate(t.props.name, 60)) } }), t._t("default")] : t._e()], 2)]);
 }, a2 = [], n2 = /* @__PURE__ */ c(
   t2,
   i2,
   a2,
   !0,
   null,
-  "6b8b46e0",
+  "7ebb1c9a",
   null,
   null
 );
@@ -696,7 +784,7 @@ const s2 = n2.exports;
 const o2 = {
   name: "HorizontalScroll",
   components: {
-    Simplebar: k
+    Simplebar: b
   },
   data() {
     return {
@@ -797,8 +885,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 +894,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 +909,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 +919,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;
@@ -889,7 +977,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 +995,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
+    GalleryLogic: e2,
+    IsPremiumPreStep: I
   },
   props: {
     // Used for creating documents form project/client views
@@ -945,9 +1036,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 +1057,7 @@ const g2 = {
   },
   computed: {
     ...g({
+      canFeature: "application/feature",
       templateById: "templates/byId",
       isFetchingTemplates: "templates/isFetching",
       availableTemplates: "templates/availableTemplates",
@@ -979,7 +1079,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 +1098,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 +1119,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 +1145,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 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,16 +1195,16 @@ 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)]);
+  } }], null, !1, 4229824708) })] : e._e(), t("DocumentRecent", { staticStyle: { width: "100%", "padding-bottom": "5em" }, on: { "use-doc-template": e.select, "save-template": e.openTemplateFormModal } }, [t("div", { staticClass: "section-title", staticStyle: { flex: "1 1 auto", "padding-bottom": "0.5em" } }, [t("div", [e._v(e._s(e.$t("recent")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("recentSubTitle")) + " ")])])])], 2)]);
 }, v2 = [], y2 = /* @__PURE__ */ c(
   g2,
   C2,
   v2,
   !1,
   null,
-  "1eb8b257",
+  "b0c014da",
   null,
   null
 );
@@ -1122,7 +1231,7 @@ const w2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, _2 = (i, e = "en") => [
+}, b2 = (i, e = "en") => [
   { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: h.t("attachment_plural", { lng: e }).capitalize() },
   {
     key: `files-${i}`,
@@ -1131,11 +1240,11 @@ const w2 = (i) => {
       $ref: `${f.api.baseUrl}/schemas/file/1.json`
     }
   }
-], b2 = ({ document: i = null }) => {
+], _2 = ({ document: i = null }) => {
   const e = d(), { language: t } = i || {};
   return {
     readView: w2(e),
-    validation: _2(e, t)
+    validation: b2(e, t)
   };
 }, k2 = () => [
   {
@@ -1178,7 +1287,7 @@ const w2 = (i) => {
     anyOf: [{ type: "string" }, { type: "null" }],
     defaultValue: h.t("components:document.chapters.multiGroupPricing.title", { lng: i })
   }
-], V2 = ({ document: i = null }) => {
+], T2 = ({ document: i = null }) => {
   const { language: e } = i || {};
   return {
     readView: $2(),
@@ -1202,7 +1311,7 @@ const w2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], T2 = () => [
+], V2 = () => [
   {
     key: "terms",
     anyOf: [
@@ -1210,10 +1319,10 @@ const w2 = (i) => {
       { type: "null" }
     ]
   }
-], M2 = () => ({
+], B2 = () => ({
   readView: D2(),
-  validation: T2()
-}), B2 = () => {
+  validation: V2()
+}), M2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1280,7 +1389,7 @@ const w2 = (i) => {
   const { language: a } = e || {};
   let n = null;
   return typeof t == "function" ? n = t() : i && (n = I2()), {
-    readView: B2(),
+    readView: M2(),
     validation: F2(a),
     // Client / company will for now always exist on doc and in validation
     ...n && { data: n }
@@ -1862,7 +1971,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 = at.readability(p, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
   return [
     {
       key: `header-${i}`,
@@ -2388,7 +2497,7 @@ const gi = ({
   _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 +2564,7 @@ const gi = ({
           },
           articles: [
             ...a,
-            y({
+            x({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2584,7 +2693,7 @@ const gi = ({
           },
           articles: [
             ...a,
-            y({
+            x({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2592,7 +2701,7 @@ const gi = ({
               name: o("radio.artA"),
               price: 1e5
             }),
-            y({
+            x({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2718,7 +2827,7 @@ const gi = ({
           },
           articles: [
             ...a,
-            y({
+            x({
               vat: n,
               showPrice: s,
               currency: e,
@@ -2726,7 +2835,7 @@ const gi = ({
               name: o("checkbox.artBase"),
               price: 1e5
             }),
-            y({
+            x({
               vat: n,
               showPrice: s,
               currency: e,
@@ -3074,7 +3183,7 @@ const wi = ({ language: i = "en" } = {}) => [
       }
     })
   }
-], _i = (i) => [
+], bi = (i) => [
   {
     itemId: "videoPlayer",
     itemType: "videoPlayer",
@@ -3087,7 +3196,7 @@ const wi = ({ language: i = "en" } = {}) => [
     parentId: "0",
     nodeId: d()
   }
-], bi = (i) => [
+], _i = (i) => [
   {
     key: `video-${i}`,
     $ref: `${f.api.baseUrl}/schemas/videoPlayer/1.json`,
@@ -3111,8 +3220,8 @@ const wi = ({ language: i = "en" } = {}) => [
   const t = d();
   let a = null;
   return typeof e == "function" ? a = e(t) : i && (a = ki(t)), {
-    readView: _i(t),
-    validation: bi(t),
+    readView: bi(t),
+    validation: _i(t),
     ...a && { data: a }
   };
 }, $i = ({ language: i = "en" } = {}) => [
@@ -3316,20 +3425,20 @@ const wi = ({ language: i = "en" } = {}) => [
       }
     })
   }
-], Z = {
+], O = {
   titleAndText2: ti,
-  attachments2: b2,
-  pdf: $e,
+  attachments2: _2,
+  pdf: Ve,
   packageGroup: fi,
-  multiGroupPricing: V2,
+  multiGroupPricing: T2,
   coverBlock: si,
   videoPlayer: Li,
   embed: xi,
   header: di,
-  answer: Se,
-  terms: M2,
+  answer: Be,
+  terms: B2,
   parties: H2,
-  custom: Xe,
+  custom: it,
   // legacy 
   presentation: L2,
   estimatedTimeCompleted: z2,
@@ -3337,13 +3446,13 @@ const wi = ({ language: i = "en" } = {}) => [
   extraWorkConstructionPricingList: W2,
   extraWorkTimeImpactText: j2,
   notBinding: Q2
-}, O = {
+}, R = {
   coverBlock: oi,
   header: pi,
   packageGroup: gi,
   embed: wi,
   videoPlayer: $i,
-  custom: Je
+  custom: tt
 }, Si = {
   name: "AddBlock",
   props: {
@@ -3358,20 +3467,20 @@ 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(
+}, Ti = null, Di = null;
+var Vi = /* @__PURE__ */ c(
   Si,
-  Vi,
+  Ti,
   Di,
   !1,
   null,
@@ -3379,8 +3488,8 @@ var Ti = /* @__PURE__ */ c(
   null,
   null
 );
-const ae = Ti.exports;
-const Mi = {
+const se = Vi.exports;
+const Bi = {
   name: "Drawer",
   props: {
     value: {
@@ -3423,7 +3532,7 @@ const Mi = {
     }
   }
 };
-var Bi = function() {
+var Mi = 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
@@ -3440,8 +3549,8 @@ var Bi = function() {
     ...e.contentStyle
   } }, [e._t("default")], 2)]) : e._e()])], 1);
 }, Ii = [], Fi = /* @__PURE__ */ c(
-  Mi,
   Bi,
+  Mi,
   Ii,
   !1,
   null,
@@ -3449,7 +3558,7 @@ var Bi = function() {
   null,
   null
 );
-const ne = Fi.exports;
+const oe = Fi.exports;
 const Hi = {
   name: "DocumentSend",
   i18nOptions: {
@@ -3474,19 +3583,19 @@ const Hi = {
     }
   },
   components: {
-    AddBlock: ae,
-    Drawer: ne,
-    SendForm: t1,
-    CCheckbox: Te,
-    BaseIcon: Me,
-    CButton: Be
+    AddBlock: se,
+    Drawer: oe,
+    SendForm: nt,
+    CCheckbox: Fe,
+    BaseIcon: He,
+    CButton: Ae
   },
   mixins: [
-    L([], {
+    $([], {
       useEmit: !1,
       setFnName: "setFormValue"
     }),
-    b
+    L
   ],
   props: {
     setFormValue: {
@@ -3524,7 +3633,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 +3649,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 +3660,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
@@ -3667,7 +3776,7 @@ var qi = function() {
   null,
   null
 );
-const se = ji.exports;
+const le = ji.exports;
 const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
   i18nOptions: {
     namespaces: "common",
@@ -3675,11 +3784,11 @@ const Ki = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ki), Yi = {
   },
   name: "Design",
   components: {
-    FormInputRow: J,
-    DragWindow: se
+    FormInputRow: X,
+    DragWindow: le
   },
   mixins: [
-    L(
+    $(
       ["css"],
       { useEmit: !1, setFnName: "set" }
     )
@@ -3748,7 +3857,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 +3874,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), Ke(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
                 }
               }
             ]
@@ -4200,7 +4309,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 +4318,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 Ye(e));
     }
   },
   methods: {
@@ -4286,7 +4395,7 @@ const ta = {
     }
   },
   components: {
-    CField: Q
+    CField: J
   },
   props: {
     document: {
@@ -4317,12 +4426,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 +4451,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,7 +4471,7 @@ const ta = {
     remove() {
       if (!this.existingFieldId)
         return;
-      const i = l1(this.document.fields, [this.existingFieldId]);
+      const i = dt(this.document.fields, [this.existingFieldId]);
       this.set({ key: "data.fields", value: i }), this.$emit("close");
     }
   }
@@ -4413,11 +4522,11 @@ const oa = {
   },
   name: "DocumentFormFields",
   components: {
-    SmartList: o1,
-    CAccordion: Qe,
-    CField: Q
+    SmartList: ct,
+    CAccordion: Ne,
+    CField: J
   },
-  mixins: [L()],
+  mixins: [$()],
   props: {
     set: {
       type: Function,
@@ -4511,7 +4620,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()));
@@ -4524,7 +4633,7 @@ const oa = {
 };
 var la = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "d-scroll-container", staticStyle: { padding: "1em" } }, [t("div", { staticStyle: { margin: "15px 0" } }, [t("div", { staticStyle: { "font-size": "16px", "font-weight": "600" }, domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticStyle: { color: "hsl(0, 0%, 35%)" }, domProps: { textContent: e._s(e.$t("description")) } })]), t("CInput", { attrs: { placeholder: e.$t("_common:search"), filled: "", size: "small" }, model: { value: e.query, callback: function(a) {
+  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) {
@@ -4573,7 +4682,7 @@ var la = function() {
   ra,
   !1,
   null,
-  "ef9c2946",
+  "9a0b5b61",
   null,
   null
 );
@@ -4621,10 +4730,10 @@ const pa = {
   },
   name: "ExtensionTab",
   components: {
-    draggable: r1,
-    Spinner: Ie
+    draggable: pt,
+    Spinner: Pe
   },
-  mixins: [L([
+  mixins: [$([
     "externalReferences",
     "clients",
     "articles"
@@ -4678,7 +4787,7 @@ const pa = {
     }
   },
   methods: {
-    priceFormat: Fe,
+    priceFormat: q,
     async _search(i) {
       try {
         this.isSearching = !0;
@@ -4697,7 +4806,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 +4848,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 +4856,7 @@ const pa = {
       }
     },
     cloneArticle(i) {
-      return y({
+      return x({
         ...i,
         _uniqueId: void 0
       });
@@ -4757,7 +4866,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
@@ -4899,8 +5008,8 @@ const ga = {
   },
   name: "DocumentGeneralSettings",
   components: {
-    FormInputRow: J,
-    DragWindow: se
+    FormInputRow: X,
+    DragWindow: le
   },
   props: {
     offset: {
@@ -4908,7 +5017,7 @@ const ga = {
       required: !0
     }
   },
-  mixins: [L([
+  mixins: [$([
     "tags",
     "series",
     "senderId",
@@ -4939,7 +5048,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 +5074,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 +5207,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;
@@ -5118,7 +5227,7 @@ const ga = {
 };
 var Ca = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "d-scroll-container", staticStyle: { height: "100%", padding: "1em" } }, [e._l(e.options, function(a, n) {
+  return t("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;
@@ -5131,207 +5240,11 @@ var Ca = function() {
   va,
   !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 xa = ya.exports, wa = {
   name: "MenuBlockConvertPopover",
   props: {
     target: {
@@ -5364,28 +5277,32 @@ const La = ka.exports, $a = {
     }
   }
 };
-var Sa = function() {
+var ba = 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,
+}, _a = [], ka = /* @__PURE__ */ c(
+  wa,
+  ba,
+  _a,
   !1,
   null,
   null,
   null,
   null
 );
-const Ta = Da.exports;
-const Ma = {
+const La = ka.exports;
+const $a = 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");
+  }
+}), Sa = {
   name: "MenuBlocks",
   i18nOptions: {
     namespaces: "menuBlocks",
@@ -5455,13 +5372,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: $a,
+    MenuBlockConvertPopover: La
   },
   props: {
     _document: {
@@ -5485,7 +5402,7 @@ const Ma = {
       default: !0
     }
   },
-  mixins: [b],
+  mixins: [L],
   data() {
     return {
       subMenuToShow: null,
@@ -5750,7 +5667,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 +5680,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 +5710,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 = rt(this.$el, {
         target: "[data-tooltip-key]",
         allowHTML: !0,
         duration: [150, 0],
@@ -5825,7 +5742,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() {
@@ -5839,7 +5756,7 @@ const Ma = {
       return !this.feature(`docBlock_${i}`);
     },
     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 +5776,7 @@ const Ma = {
     }
   }
 };
-var Ia = function() {
+var Ta = 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 +5810,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,
+}, Da = [], Va = /* @__PURE__ */ c(
+  Sa,
+  Ta,
+  Da,
   !1,
   null,
-  "4ce1e5ea",
+  "7b99e10a",
   null,
   null
 );
-const Aa = Ha.exports;
-const Pa = {
+const Ba = Va.exports;
+const Ma = {
   name: "DocumentFormMenu",
   i18nOptions: {
     namespaces: "documentFormMenu",
@@ -5929,8 +5846,9 @@ const Pa = {
     Fields: da,
     ExtensionTab: fa,
     DocumentGeneralSettings: xa,
-    DocumentGuide: La,
-    MenuBlocks: Aa
+    DocumentGuide: () => import("./index-9a5227ef.js"),
+    MenuBlocks: Ba,
+    Simplebar: b
   },
   props: {
     state: {
@@ -5970,7 +5888,7 @@ const Pa = {
   data() {
     return {
       showGuide: !1,
-      showGuideNotification: !I.getItem("hideFormGuideNotification"),
+      showGuideNotification: !F.getItem("hideFormGuideNotification"),
       tab: "blocks"
     };
   },
@@ -5992,11 +5910,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 Ia = 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 +5932,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 +5950,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,
+}, Fa = [], Ha = /* @__PURE__ */ c(
+  Ma,
+  Ia,
+  Fa,
   !1,
   null,
-  "49f05ec2",
+  "383e8c99",
   null,
   null
 );
-const Oa = Za.exports;
-const Ra = {
+const Aa = Ha.exports;
+const Pa = {
   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 Ea = 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 = [], Za = /* @__PURE__ */ c(
+  Pa,
+  Ea,
+  za,
   !1,
   null,
-  "bfc946ab",
+  "79921f13",
   null,
   null
 );
-const qa = Wa.exports;
-const Na = {
+const Oa = Za.exports;
+const Ra = {
   name: "DynamicBlock",
   components: {
-    BlockControlButtons: qa
+    BlockControlButtons: Oa
   },
   props: {
     isDragging: {
@@ -6109,7 +6046,7 @@ const Na = {
     },
     isVisible: {
       type: [Boolean, Object],
-      default: !0
+      default: void 0
     },
     disableControls: {
       type: Boolean,
@@ -6122,22 +6059,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 Ga = 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 +6086,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)]);
+}, Ua = [], Wa = /* @__PURE__ */ c(
+  Ra,
+  Ga,
+  Ua,
   !1,
   null,
-  "af9f6b1e",
+  "60aa95ad",
   null,
   null
 );
-const Qa = Ya.exports;
-const Ja = {
+const qa = Wa.exports;
+const Na = {
   name: "DocumentDrawer",
   components: {
-    simplebar: k,
-    Drawer: ne
+    simplebar: b,
+    Drawer: oe
   },
   props: {
     position: {
@@ -6190,7 +6130,7 @@ const Ja = {
     }
   }
 };
-var Xa = function() {
+var ja = 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 +6142,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,
+}, Ka = [], Ya = /* @__PURE__ */ c(
+  Na,
+  ja,
+  Ka,
   !1,
   null,
   "f0a56edd",
   null,
   null
 );
-const an = tn.exports;
-const nn = {
+const Qa = Ya.exports;
+const Ja = {
   name: "DocumentFormViewRadio",
   props: {
     value: {
@@ -6226,24 +6166,24 @@ const nn = {
     }
   }
 };
-var sn = function() {
+var Xa = 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,
+}, en = [], tn = /* @__PURE__ */ c(
+  Ja,
+  Xa,
+  en,
   !1,
   null,
   "bfd27279",
   null,
   null
 );
-const rn = ln.exports, cn = {
+const an = tn.exports, nn = {
   name: "LogoBanner",
   props: {
     position: {
@@ -6261,44 +6201,44 @@ const rn = ln.exports, cn = {
     }
   }
 };
-var dn = function() {
+var sn = 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,
+}, on = [], ln = /* @__PURE__ */ c(
+  nn,
+  sn,
+  on,
   !1,
   null,
   null,
   null,
   null
 );
-const mn = un.exports;
-const hn = {
+const rn = ln.exports;
+const cn = {
   name: "DocumentFormNav"
 };
-var fn = function() {
+var dn = 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,
+}, pn = [], un = /* @__PURE__ */ c(
+  cn,
+  dn,
+  pn,
   !1,
   null,
   "05fc111c",
   null,
   null
 );
-const vn = Cn.exports;
-const oe = (i, e, t = "$children") => {
+const mn = un.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));
+}, hn = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
     messages: {
@@ -6314,19 +6254,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: Qe,
+    DragList: K,
+    DragItem: Y,
+    DynamicChapter: Je,
+    DocumentFormMenu: Aa,
+    DynamicBlock: qa,
+    DocumentFormViewRadio: an,
+    DocumentFormNav: mn,
+    DocumentDrawer: Qa,
+    DocumentStyleContainer: Xe,
+    simplebar: b,
+    LogoBanner: rn,
+    IsPremium: Q
   },
   props: {
     _document: {
@@ -6357,9 +6297,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 +6318,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 +6394,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(() => ut(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 +6415,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 +6435,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 +6460,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 +6481,7 @@ const oe = (i, e, t = "$children") => {
     }
   }
 };
-var xn = function() {
+var fn = 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 +6496,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 +6517,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 +6541,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() {
+}, gn = [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,
+}], Cn = /* @__PURE__ */ c(
+  hn,
+  fn,
+  gn,
   !1,
   null,
-  "1592c6b7",
+  "e54004e2",
   null,
   null
 );
-const bn = _n.exports, T = S.observable({
+const vn = Cn.exports, V = k.observable({
   canEdit: !1,
   isForm: !0,
   setFormValue: null
-}), kn = {
+}), yn = {
   name: "DocumentForm",
   components: {
-    DocumentFormContainer: bn,
-    IsPremium: Y,
-    IsPremiumPreStep: K,
+    DocumentFormContainer: vn,
+    IsPremium: Q,
+    IsPremiumPreStep: I,
     DocumentSend: zi
   },
-  mixins: [a1({ currentElement: null }), n1],
+  mixins: [ot({ currentElement: null }), lt],
   props: {
     document: {
       type: Object,
@@ -6670,9 +6614,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 +6631,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 +6645,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 +6660,7 @@ const bn = _n.exports, T = S.observable({
     },
     async saveAsTemplate() {
       this.document && this.$modal.show(
-        ie,
+        ae,
         {
           document: this.document,
           onSaveTemplate: this.onSaveTemplate
@@ -6729,9 +6677,9 @@ const bn = _n.exports, T = S.observable({
     }
   }
 };
-var Ln = function() {
+var xn = 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 }) {
@@ -6751,18 +6699,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,
+}, wn = [], bn = /* @__PURE__ */ c(
+  yn,
+  xn,
+  wn,
   !1,
   null,
   null,
   null,
   null
 );
-const Vn = Sn.exports;
-const Dn = {
+const _n = bn.exports;
+const kn = {
   name: "ClientLinks",
   props: {
     id: {
@@ -6813,36 +6761,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 Ln = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-inter", staticStyle: { "background-color": "white", "border-radius": "10px", overflow: "hidden" } }, [t("div", { staticStyle: { padding: "40px 30px", position: "relative" } }, [t("CButton", { staticStyle: { position: "absolute", right: "1em", top: "1em", color: "hsl(0, 0%, 55%)" }, attrs: { icon: "x", circle: "", size: "normal" }, on: { click: function(a) {
     return e.$emit("close");
   } } }), t("div", { staticStyle: { padding: "0 0 2.5em" } }, [t("div", { staticClass: "x-title", domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticClass: "x-text", domProps: { textContent: e._s(e.$t("text")) } })]), e.clients.length ? e._l(e.clients, function(a, n) {
     return t("div", { key: n, staticClass: "client-card" }, [t("div", { staticStyle: { padding: "4px 6px 8px 6px" } }, [t("div", { staticClass: "client-title truncate-text" }, [e._v(" " + e._s(a.primaryTitle) + " "), a.secondaryTitle ? t("span", { staticStyle: { opacity: "0.5", "padding-left": "0.125ch" } }, [e._v("· " + e._s(a.secondaryTitle))]) : e._e()]), a.documentRole ? t("div", { domProps: { textContent: e._s(e.$t(`_common:documentRole.${a.documentRole}.label`)) } }) : e._e(), t("div", [a.email ? t("a", { attrs: { href: `mailto:${a.email}?&body=${a.docLink}` } }, [e._v(e._s(a.email))]) : e._e(), a.email && a.cellphone ? t("span", { staticStyle: { padding: "0 0.5ch" } }, [e._v("·")]) : e._e(), a.cellphone ? t("a", { attrs: { href: `sms:${a.cellphone}?&body=${a.docLink}` } }, [t("CPhoneFormat", { attrs: { phone: a.cellphone, region: a.cellphoneRegion } })], 1) : e._e()])]), t("div", { staticStyle: { display: "flex", position: "relative" } }, [t("input", { ref: "key", refInFor: !0, staticClass: "link-field truncate-text", attrs: { placeholder: e.$t("placeholder"), type: "text", readonly: "readonly" }, domProps: { value: a.docLink } }), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("tooltip"), expression: "$t('tooltip')" }], staticClass: "clipboard-button", on: { click: e.copyToClipboard } }, [t("BaseIcon", { staticStyle: { "pointer-events": "none" }, attrs: { type: "copy", size: "17" } })], 1)])]);
   }) : t("div", { staticStyle: { padding: "2em", "font-size": "14px", "text-align": "center", color: "hsl(0, 0%, 55%)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "6px" }, domProps: { textContent: e._s(e.$t("placeholder")) } }), t("div", { staticClass: "x-hint" }, [t("BaseIcon", { staticClass: "text-primary-500", staticStyle: { flex: "0 0 auto", "margin-right": "8px", "margin-top": "3px" }, attrs: { type: "info", size: "16" } }), t("div", { domProps: { textContent: e._s(e.$t("hint")) } })], 1)], 2)]);
-}, Mn = [], Bn = /* @__PURE__ */ c(
-  Dn,
-  Tn,
-  Mn,
+}, $n = [], Sn = /* @__PURE__ */ c(
+  kn,
+  Ln,
+  $n,
   !1,
   null,
   "791a9a8f",
   null,
   null
 );
-const In = Bn.exports, Fn = In, Hn = ({ id: i }) => {
-  if (!S.prototype.$modal)
+const Tn = Sn.exports, Dn = Tn, Vn = ({ 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(
+    Dn,
     {
       id: i
     },
@@ -6855,9 +6803,9 @@ const In = Bn.exports, Fn = In, Hn = ({ id: i }) => {
     }
   );
 };
-const An = {
+const Bn = {
   name: "PostDocumentSend",
-  mixins: [b],
+  mixins: [L],
   i18nOptions: {
     namespaces: "PostDocumentSend",
     messages: {
@@ -6892,7 +6840,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 +6849,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);
+      }), Vn({ id: i })), t || setTimeout(() => this.close(), 2e3);
     },
     async onSend() {
       typeof this.onSendFunc == "function" && this.onSendFunc(this.document), await this.handleDocumentLinks();
@@ -6931,7 +6879,7 @@ const An = {
         body: { isAccepted: !0 },
         checksum: a
       }), await this.sendDocument({ id: i }), this.onSend()) : (this.$modal.show(
-        f1,
+        mt,
         {
           _document: this.document,
           fullScreen: this.modalHeight === "100%",
@@ -6975,23 +6923,24 @@ const An = {
     }
   }
 };
-var Pn = function() {
+var Mn = 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,
+}, In = [], Fn = /* @__PURE__ */ c(
+  Bn,
+  Mn,
+  In,
   !1,
   null,
   "1f679c67",
   null,
   null
 );
-const Zn = zn.exports;
-S.use(i1);
-const On = {
+const Hn = Fn.exports;
+k.use(st);
+const An = {
   name: "DocForm",
+  mixins: [Ge(["closeFunc", "beforeSave", "beforeSend"])],
   i18nOptions: {
     namespaces: "widgetDocForm",
     messages: {
@@ -7005,8 +6954,8 @@ const On = {
   },
   components: {
     TemplateSelector: x2,
-    DocumentEditor: Vn,
-    PostSend: Zn
+    DocumentForm: _n,
+    PostSend: Hn
   },
   props: {
     isNew: {
@@ -7027,7 +6976,7 @@ const On = {
     };
   },
   computed: {
-    ...Ze({
+    ...Ue({
       company: "application/company",
       feature: "application/feature",
       can: "application/can",
@@ -7056,19 +7005,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 +7026,7 @@ const On = {
     },
     async onTemplateSelect({ templateId: i, documentId: e, formData: t }) {
       var n;
-      const a = Zt({ ...this.rawDoc }, [
+      const a = E1({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
         "clients",
@@ -7088,7 +7037,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 +7051,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 Pn = 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);
+}, En = [], zn = /* @__PURE__ */ c(
+  An,
+  Pn,
+  En,
   !1,
   null,
   null,
   null,
   null
 );
-const As = Un.exports;
+const ys = zn.exports;
 export {
-  As as default
+  ys as default
 };