@cling-se/widget 0.15.0 → 0.15.2

package/dist/{DocForm-DCGLCf5f.js → DocForm-Dww8Ust9.js}

@@ -1,28 +1,28 @@
-import se from "./AnswerModal-CDvyRytm.js";
-import { o as ne } from "./index-BRWVACzY.js";
-import { w as x } from "./CDropdownItem-C_Q1Rz8L.js";
-import { aT as I, g as m, n as d, c as f, b as u, d as oe, aU as le, S as re, w as U, j as $, aA as ce, aN as y, a6 as p, O as H, h as D, ae as h, aV as de, aW as pe, aX as ue, aY as me, aZ as he, a_ as fe, V as A, aP as O, aQ as R, I as E, a$ as B, aR as ge, b0 as Ce, J as ve, b1 as ye, f as xe, k as G, b2 as we, b3 as be, F as ke, b4 as _e, C as W, b5 as Le, b6 as $e, N as q, b7 as Se, b8 as Te, aS as De, b9 as Ve, ba as Be, bb as Me, a3 as Ie, bc as Fe, m as He, a as Ae, bd as Pe } from "./main-Bw3hbSQ-.js";
-import { a as w, m as g } from "./vuex.esm-DKGl8mcw.js";
-import { s as k } from "./Flag-2ApHWZ3T.js";
-import { l as Ee, g as ze, W as Ze, b as Ue, a as Oe, D as Re } from "./DocumentLayout-C--Lin9F.js";
-import { F as N, d as Ge } from "./tippy.esm-BK3Nmf2L.js";
-import { m as S } from "./mapFormMixin-BinelLUg.js";
-import { d as P, t as We } from "./debounce-D1yOPGgu.js";
-import { d as qe } from "./vuedraggable.umd-BT5Am26_.js";
-import { C as Ne, I as _, a as L, s as je } from "./index-Cft0QOP8.js";
-import { C as j } from "./CFormField-DagN3ANJ.js";
-import { S as Ke } from "./SmartList-BQy76HbF.js";
-import { o as Ye, _ as Qe } from "./omit-C4GTWP3u.js";
-import { v as F } from "./index-CihfdSBG.js";
-import { t as Je } from "./tinycolor-BFvkceNf.js";
-import { s as v } from "./formDrawerState-Js81vZJy.js";
-import { s as Xe } from "./dom-CJxkno7i.js";
-import { S as et, i as tt } from "./formComponentsInstall-BiLkH6wQ.js";
-import { f as it } from "./formValidationMixin-53auWWhq.js";
-import { B as at } from "./BlockMedia-iYNGqCP-.js";
-const st = {
+import ne from "./AnswerModal-DEwMlsT8.js";
+import { o as oe } from "./index-Dk6sZCYv.js";
+import { w } from "./CDropdownItem-b6ZzOnv-.js";
+import { aY as H, g as h, n as d, c as f, b as u, d as le, aZ as re, S as ce, w as R, j as T, aE as de, aR as x, aa as p, P, h as B, ai as m, a_ as pe, a$ as ue, b0 as me, b1 as he, b2 as fe, b3 as ge, V as E, aT as G, aU as W, I as Z, b4 as I, aV as Ce, b5 as ve, K as ye, b6 as xe, f as we, k as q, b7 as be, b8 as ke, F as _e, b9 as Le, X as $e, T as y, G as Se, ba as Te, C as N, bb as De, bc as Ve, O as j, bd as Be, be as Me, aW as Ie, bf as Fe, bg as He, bh as Ae, a7 as Pe, bi as Ee, m as ze, a as Ze, bj as Oe } from "./main-CerYX9PA.js";
+import { a as b, m as C } from "./vuex.esm-DKGl8mcw.js";
+import { s as _ } from "./Flag-CwnrA4SV.js";
+import { l as Ue, g as Re, W as Ge, b as We, a as qe, D as Ne } from "./DocumentLayout-GYCBw2F_.js";
+import { F as K, d as je } from "./tippy.esm-BuWRbveV.js";
+import { m as D } from "./mapFormMixin-Hj1Y7rVt.js";
+import { d as z, t as Ke } from "./debounce-B2lqFJg2.js";
+import { d as Ye } from "./vuedraggable.umd-Besz6Tlv.js";
+import { C as Qe, I as L, a as $, s as Je } from "./index-BCrDgR_4.js";
+import { C as Y } from "./CFormField-BjGICSv5.js";
+import { S as Xe } from "./SmartList-cSmGbybV.js";
+import { o as et, _ as tt } from "./omit-DGBewD2h.js";
+import { v as A } from "./index-twnaU4rC.js";
+import { t as it } from "./tinycolor-BaK26Ky-.js";
+import { s as v } from "./formDrawerState-CchCpZRc.js";
+import { s as at } from "./dom-CJxkno7i.js";
+import { S as st, i as nt } from "./formComponentsInstall-CdjgjI6y.js";
+import { f as ot } from "./formValidationMixin-Dz9Mabvi.js";
+import { B as lt } from "./BlockMedia-CUCZYVdZ.js";
+const rt = {
   name: "DocumentPostSendStep",
-  mixins: [x],
+  mixins: [w],
   i18nOptions: {
     namespaces: "PostDocumentSend",
     messages: {
@@ -57,7 +57,7 @@ const st = {
       return this.mq === "sm" ? "100%" : "auto";
     },
     usesManualDelivery() {
-      const i = I(this.document);
+      const i = H(this.document);
       return !i.sms && !i.email;
     }
   },
@@ -66,18 +66,18 @@ const st = {
     (i = this.document) != null && i.senderClient ? await this.senderAnswer() : await this.onSend();
   },
   methods: {
-    ...w({
-      updateDocument: m.DO_UPDATE_DOCUMENT2,
-      answerDocument: m.ANSWER_OWN_DOCUMENT2,
-      sendDocument: m.DO_SEND_DOCUMENT2
+    ...b({
+      updateDocument: h.DO_UPDATE_DOCUMENT2,
+      answerDocument: h.ANSWER_OWN_DOCUMENT2,
+      sendDocument: h.DO_SEND_DOCUMENT2
     }),
     async handleDocumentLinks() {
-      const { id: i } = this.document, e = I(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
-      }), ne({ id: i })), t || setTimeout(() => this.close(), 2e3);
+      }), oe({ id: i })), t || setTimeout(() => this.close(), 2e3);
     },
     async onSend() {
       typeof this.onSendFunc == "function" && this.onSendFunc(this.document), await this.handleDocumentLinks();
@@ -96,7 +96,7 @@ const st = {
         body: { isAccepted: !0 },
         checksum: a
       }), await this.sendDocument({ id: i }), this.onSend()) : (this.$modal.show(
-        se,
+        ne,
         {
           _document: this.document,
           fullScreen: this.modalHeight === "100%",
@@ -140,18 +140,18 @@ const st = {
     }
   }
 };
-var nt = function() {
+var ct = 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("CIcon", { 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)]);
-}, ot = [], lt = /* @__PURE__ */ d(
-  st,
-  nt,
-  ot,
+}, dt = [], pt = /* @__PURE__ */ d(
+  rt,
+  ct,
+  dt,
   !1,
   null,
   "736a58ea"
 );
-const rt = lt.exports, ct = {
+const ut = pt.exports, mt = {
   name: "Drawer",
   props: {
     value: {
@@ -194,7 +194,7 @@ const rt = lt.exports, ct = {
     }
   }
 };
-var dt = function() {
+var ht = 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
@@ -210,19 +210,19 @@ var dt = function() {
     boxShadow: e.boxShadow,
     ...e.contentStyle
   } }, [e._t("default")], 2)]) : e._e()])], 1);
-}, pt = [], ut = /* @__PURE__ */ d(
-  ct,
-  dt,
-  pt,
+}, ft = [], gt = /* @__PURE__ */ d(
+  mt,
+  ht,
+  ft,
   !1,
   null,
   "b9ff8f27"
 );
-const K = ut.exports, mt = {
+const Q = gt.exports, Ct = {
   name: "DocumentDrawer",
   components: {
-    simplebar: k,
-    Drawer: K
+    simplebar: _,
+    Drawer: Q
   },
   props: {
     position: {
@@ -244,7 +244,7 @@ const K = ut.exports, mt = {
     }
   }
 };
-var ht = function() {
+var vt = 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
@@ -256,29 +256,29 @@ var ht = 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);
-}, ft = [], gt = /* @__PURE__ */ d(
-  mt,
-  ht,
-  ft,
+}, yt = [], xt = /* @__PURE__ */ d(
+  Ct,
+  vt,
+  yt,
   !1,
   null,
   "4daaea05"
 );
-const Ct = gt.exports, vt = {
+const wt = xt.exports, bt = {
   name: "DocumentFormNav"
 };
-var yt = function() {
+var kt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "DocumentFormNav fixed left-0 right-0 top-0 z-[98] bg-gray-200 px-2 py-2 shadow-lg md:px-6" }, [t("div", { staticClass: "flex" }, [t("div", { staticClass: "inline-flex flex-grow items-center" }, [e._t("left")], 2), t("div", { staticClass: "inline-flex flex-auto items-center justify-center" }, [e._t("center")], 2), t("div", { staticClass: "inline-flex flex-grow items-center justify-end" }, [e._t("right")], 2)])]);
-}, xt = [], wt = /* @__PURE__ */ d(
-  vt,
-  yt,
-  xt,
+}, _t = [], Lt = /* @__PURE__ */ d(
+  bt,
+  kt,
+  _t,
   !1,
   null,
   null
 );
-const bt = wt.exports, kt = {
+const $t = Lt.exports, St = {
   name: "DocumentFormViewRadio",
   props: {
     value: {
@@ -291,7 +291,7 @@ const bt = wt.exports, kt = {
     }
   }
 };
-var _t = function() {
+var Tt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 text-sm text-white" }, [t("div", { staticClass: "inline-flex select-none items-center justify-center rounded-md px-1 font-semibold leading-none text-gray-700 transition duration-150 ease-linear", class: {
     "m-0 bg-white px-3 py-[1em] text-zinc-900 drop-shadow-md": e.value === "edit"
@@ -302,15 +302,15 @@ var _t = function() {
   }, attrs: { "data-onboarding": "preview-button" }, on: { click: function(a) {
     e.value === "edit" && e.$emit("input", "preview");
   } } }, [e.small ? t("CIcon", { attrs: { type: "eye", size: "16" } }) : [e._v(e._s(e.$t("preview")))]], 2)]);
-}, Lt = [], $t = /* @__PURE__ */ d(
-  kt,
-  _t,
-  Lt,
+}, Dt = [], Vt = /* @__PURE__ */ d(
+  St,
+  Tt,
+  Dt,
   !1,
   null,
   null
 );
-const St = $t.exports, Tt = {
+const Bt = Vt.exports, Mt = {
   name: "BlockControlButtons",
   i18nOptions: {
     namespace: "blockControlButtons",
@@ -342,7 +342,7 @@ const St = $t.exports, Tt = {
     }
   }
 };
-var Dt = function() {
+var It = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "control-root flex gap-2" }, [e.canToggleVisibility ? t("div", { staticClass: "control-button", on: { click: function(a) {
     return e.$emit("toggle-visible", !e.isVisible);
@@ -353,18 +353,18 @@ var Dt = function() {
   } } }, [t("CIcon", { attrs: { type: "chevron-down", size: "16" } })], 1)]), t("div", { staticClass: "control-button remove", on: { click: function(a) {
     return e.$emit("remove");
   } } }, [t("CIcon", { attrs: { type: "x", size: "16" } })], 1)]) : e._e()], 2);
-}, Vt = [], Bt = /* @__PURE__ */ d(
-  Tt,
-  Dt,
-  Vt,
+}, Ft = [], Ht = /* @__PURE__ */ d(
+  Mt,
+  It,
+  Ft,
   !1,
   null,
   "bfd61212"
 );
-const Mt = Bt.exports, It = {
+const At = Ht.exports, Pt = {
   name: "DynamicBlock",
   components: {
-    BlockControlButtons: Mt
+    BlockControlButtons: At
   },
   provide() {
     return {
@@ -425,7 +425,7 @@ const Mt = Bt.exports, It = {
     }
   }
 };
-var Ft = function() {
+var Et = function() {
   var e = this, t = e._self._c;
   return t("Animation", { staticClass: "w-full" }, [t("div", { staticClass: "block-root", class: [
     {
@@ -448,15 +448,15 @@ var Ft = function() {
   }, remove: function(a) {
     return e.$emit("remove");
   } } }, [e.showEditButton ? t("CButton", { staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: e.onEdit } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]) : e._e()], 1) : e._e()], 1)]);
-}, Ht = [], At = /* @__PURE__ */ d(
-  It,
-  Ft,
-  Ht,
+}, zt = [], Zt = /* @__PURE__ */ d(
+  Pt,
+  Et,
+  zt,
   !1,
   null,
   "ba9843e6"
 );
-const Pt = At.exports, Et = {
+const Ot = Zt.exports, Ut = {
   name: "LogoBanner",
   props: {
     position: {
@@ -474,20 +474,20 @@ const Pt = At.exports, Et = {
     }
   }
 };
-var zt = function() {
+var Rt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "pointer-events-none bottom-0 left-0 right-0 z-50 flex justify-end px-[10px] pb-[10px]", class: e.position }, [t("a", { staticClass: "pointer-events-auto inline-flex h-8 items-center rounded-md border border-white/30 bg-black/80 pl-1.5 pr-2", attrs: { href: `https://${e.$t(
     "_common:brand.domain"
   )}?utm_source=document&utm_medium=logo-banner`, target: "_blank" } }, [t("div", { staticClass: "mr-2 h-5 w-5 overflow-hidden rounded bg-white" }, [t("img", { staticClass: "h-full w-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")) + " ")])])]);
-}, Zt = [], Ut = /* @__PURE__ */ d(
-  Et,
-  zt,
-  Zt,
+}, Gt = [], Wt = /* @__PURE__ */ d(
+  Ut,
+  Rt,
+  Gt,
   !1,
   null,
   null
 );
-const Ot = Ut.exports, Rt = {
+const qt = Wt.exports, Nt = {
   name: "Draggable",
   data() {
     return {
@@ -529,18 +529,18 @@ const Ot = Ut.exports, Rt = {
       dragMousedown: this.onDragMouseDown
     });
   }
-}, Gt = null, Wt = null;
-var qt = /* @__PURE__ */ d(
-  Rt,
-  Gt,
-  Wt,
+}, jt = null, Kt = null;
+var Yt = /* @__PURE__ */ d(
+  Nt,
+  jt,
+  Kt,
   !1,
   null,
   null
 );
-const Nt = qt.exports, jt = {
+const Qt = Yt.exports, Jt = {
   components: {
-    Draggable: Nt
+    Draggable: Qt
   },
   props: {
     offset: {
@@ -553,7 +553,7 @@ const Nt = qt.exports, jt = {
     }
   }
 };
-var Kt = function() {
+var Xt = function() {
   var e = this, t = e._self._c;
   return t("portal", { attrs: { to: "modal" } }, [t("Draggable", { scopedSlots: e._u([{ key: "default", fn: function({ dragMousedown: a }) {
     return [t("div", { staticClass: "popup", staticStyle: { position: "fixed", width: "280px", "border-radius": "calc(0.5 * var(--rem))", padding: "1em 1em 3em 1em", "font-size": "14px", "background-color": "white", "min-height": "400px", "box-shadow": "0 5px 30px -5px rgb(0, 0, 0, 0.2)", "z-index": "1000" }, style: {
@@ -563,25 +563,25 @@ var Kt = function() {
       return e.$emit("close");
     } } }), t("CButton", { staticStyle: { position: "absolute", right: "calc(2.25 * var(--rem))", top: "0", cursor: "grab" }, attrs: { icon: "handle", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { mousedown: a, touchstart: a } }), t("div", { staticStyle: { "font-weight": "700", "font-size": "1.5em", "margin-bottom": "calc(1 * var(--rem))" } }, [e._v(" " + e._s(e.title) + " ")]), e._t("default")], 2)])];
   } }], null, !0) })], 1);
-}, Yt = [], Qt = /* @__PURE__ */ d(
-  jt,
-  Kt,
-  Yt,
+}, e1 = [], t1 = /* @__PURE__ */ d(
+  Jt,
+  Xt,
+  e1,
   !1,
   null,
   "8029d5ea"
 );
-const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, b = (i) => (i || "").match(Jt), Xt = {
+const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 = {
   i18nOptions: {
     namespaces: "common",
     keyPrefix: "designLabels"
   },
   name: "Design",
   components: {
-    FormInputRow: N,
-    DragWindow: Y
+    FormInputRow: K,
+    DragWindow: J
   },
-  mixins: [S(["css"], { useEmit: !1, setFnName: "set" })],
+  mixins: [D(["css"], { useEmit: !1, setFnName: "set" })],
   props: {
     set: {
       type: Function,
@@ -659,14 +659,14 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, b = (i) => (i || "").match(Jt), Xt =
                   }
                 },
                 onInput: ({ family: a, weight: s, options: n = [] }) => {
-                  this.update(i, a), Ee(a), t != s && this.update("fontWeight", s), this.fontWeightOptions = n;
+                  this.update(i, a), Ue(a), t != s && this.update("fontWeight", s), this.fontWeightOptions = n;
                 }
               }
             ]
           };
         },
         fontSize: ({ key: i, value: e }) => {
-          const [, t, a] = b(e);
+          const [, t, a] = k(e);
           return {
             label: this.$t("size"),
             inputs: [
@@ -754,7 +754,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, b = (i) => (i || "").match(Jt), Xt =
           };
         },
         letterSpacing: ({ key: i, value: e }) => {
-          const [, t = 0] = b(e);
+          const [, t = 0] = k(e);
           return {
             label: this.$t("letterSpacing"),
             inputs: [
@@ -785,7 +785,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, b = (i) => (i || "").match(Jt), Xt =
           };
         },
         marginBottom: ({ key: i, value: e }) => {
-          const [, t] = b(e);
+          const [, t] = k(e);
           return {
             label: this.$t("marginBottom"),
             inputs: [
@@ -866,7 +866,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, b = (i) => (i || "").match(Jt), Xt =
           ]
         }),
         width: ({ key: i, value: e }) => {
-          const [, t, a] = b(e);
+          const [, t, a] = k(e);
           return {
             label: this.$t("contentWidth"),
             inputs: [
@@ -906,7 +906,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, b = (i) => (i || "").match(Jt), Xt =
           };
         },
         padding: ({ key: i, value: e }) => {
-          const [, t] = b(e);
+          const [, t] = k(e);
           return {
             label: this.$t("padding"),
             inputs: [
@@ -946,7 +946,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, b = (i) => (i || "").match(Jt), Xt =
           };
         },
         border: ([i, e, t]) => {
-          const a = i.value === "solid", [, s] = b(e.value), n = [
+          const a = i.value === "solid", [, s] = k(e.value), n = [
             {
               label: this.$t("border"),
               inputs: [
@@ -1117,7 +1117,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, b = (i) => (i || "").match(Jt), Xt =
         return [];
       const { selector: i, category: e, style: t = {} } = this.activeItem, a = u(this.css, i) || {}, s = (n) => a[n] || t[n];
       return this[e].map(({ option: n, key: o }, l) => {
-        const r = this.definitionOptions[n], c = Array.isArray(o) ? o.map((C) => ({ key: C, value: s(C) })) : { key: o, value: s(o) };
+        const r = this.definitionOptions[n], c = Array.isArray(o) ? o.map((g) => ({ key: g, value: s(g) })) : { key: o, value: s(o) };
         return r(c, l);
       });
     }
@@ -1125,7 +1125,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, b = (i) => (i || "").match(Jt), Xt =
   watch: {
     async activeItem(i) {
       const e = u(i, "style.fontFamily");
-      e && (this.fontWeightOptions = await ze(e));
+      e && (this.fontWeightOptions = await Re(e));
     }
   },
   methods: {
@@ -1137,7 +1137,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, b = (i) => (i || "").match(Jt), Xt =
     }
   }
 };
-var e1 = function() {
+var s1 = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticStyle: { padding: "calc(0.5 * var(--rem))", position: "relative" } }, [t("div", { staticStyle: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, [e._v(" " + e._s(e.$t("typography")) + " ")]), e._l(e.typography, function(a) {
     return t("div", { key: a.label, staticClass: "list-option", on: { click: function(s) {
@@ -1156,15 +1156,15 @@ var e1 = function() {
   })], 2), e.activeItem ? t("DragWindow", { attrs: { title: e.activeItem.label, offset: e.offset }, on: { close: () => e.activeItem = null } }, e._l(e.activeItemOptions, function(a, s) {
     return t("FormInputRow", { key: s, attrs: { label: a.label, inputs: a.inputs } });
   }), 1) : e._e()], 1);
-}, t1 = [], i1 = /* @__PURE__ */ d(
-  Xt,
-  e1,
-  t1,
+}, n1 = [], o1 = /* @__PURE__ */ d(
+  a1,
+  s1,
+  n1,
   !1,
   null,
   "83027693"
 );
-const a1 = i1.exports, s1 = {
+const l1 = o1.exports, r1 = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -1252,11 +1252,11 @@ const a1 = i1.exports, s1 = {
   },
   name: "DocumentGeneralSettings",
   components: {
-    FormInputRow: N,
-    DragWindow: Y
+    FormInputRow: K,
+    DragWindow: J
   },
   mixins: [
-    S([
+    D([
       "tags",
       "series",
       "senderId",
@@ -1280,7 +1280,7 @@ const a1 = i1.exports, s1 = {
     };
   },
   computed: {
-    ...g({
+    ...C({
       members: "companyUsers/all",
       getMember: "companyUsers/byId",
       isLoadingMembers: "companyUsers/isFetching"
@@ -1294,7 +1294,7 @@ const a1 = i1.exports, s1 = {
     vatTypes() {
       var e;
       const i = ["vat"];
-      return ((e = oe[f.brand]) == null ? void 0 : e.defaultRegion) === "US" && i.push("tax"), i;
+      return ((e = le[f.brand]) == null ? void 0 : e.defaultRegion) === "US" && i.push("tax"), i;
     },
     options() {
       return [
@@ -1325,7 +1325,7 @@ const a1 = i1.exports, s1 = {
               component: "select",
               props: {
                 value: this.language,
-                options: le.map((i) => ({
+                options: re.map((i) => ({
                   value: i,
                   label: this.$t(`iso:language.${i}`)
                 })).sort((i, e) => i.label.localeCompare(e.label))
@@ -1478,8 +1478,8 @@ const a1 = i1.exports, s1 = {
     this.isPublicForm || await this.loadUsers();
   },
   methods: {
-    ...w({
-      loadUsers: m.LOAD_COMPANY_USERS
+    ...b({
+      loadUsers: h.LOAD_COMPANY_USERS
     }),
     update(i, e) {
       this[i] = e;
@@ -1498,7 +1498,7 @@ const a1 = i1.exports, s1 = {
     }
   }
 };
-var n1 = function() {
+var c1 = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { height: "100%", padding: "1em" } }, [e._l(e.options, function(a, s) {
     return t("FormInputRow", { key: s, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } });
@@ -1507,15 +1507,15 @@ var n1 = function() {
   } } }, [e._l(e.priceOptions, function(a, s) {
     return [a.type === "divider" ? t("div", { key: s, staticClass: "divider" }) : t("FormInputRow", { key: s, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } })];
   })], 2) : e._e()], 2);
-}, o1 = [], l1 = /* @__PURE__ */ d(
-  s1,
-  n1,
-  o1,
+}, d1 = [], p1 = /* @__PURE__ */ d(
+  r1,
+  c1,
+  d1,
   !1,
   null,
   "0bd59952"
 );
-const r1 = l1.exports, c1 = {
+const u1 = p1.exports, m1 = {
   i18nOptions: {
     messages: {
       en: {
@@ -1558,10 +1558,10 @@ const r1 = l1.exports, c1 = {
   },
   name: "ExtensionTab",
   components: {
-    draggable: qe,
-    Spinner: re
+    draggable: Ye,
+    Spinner: ce
   },
-  mixins: [S(["externalReferences", "clients", "articles"])],
+  mixins: [D(["externalReferences", "clients", "articles"])],
   data() {
     return {
       activeCrm: null,
@@ -1578,7 +1578,7 @@ const r1 = l1.exports, c1 = {
     };
   },
   computed: {
-    ...g({
+    ...C({
       allAuthenticatedCRMs: "settings/allAuthenticatedCRMs"
     }),
     currExternalReferences() {
@@ -1613,7 +1613,7 @@ const r1 = l1.exports, c1 = {
     }
   },
   methods: {
-    priceFormat: U,
+    priceFormat: R,
     async _search(i) {
       try {
         this.isSearching = !0;
@@ -1624,7 +1624,7 @@ const r1 = l1.exports, c1 = {
           this.searchResults = [];
           return;
         }
-        const { data: t } = await $.search(this.activeCrm, {
+        const { data: t } = await T.search(this.activeCrm, {
           query: i,
           type: "deal"
         });
@@ -1633,7 +1633,7 @@ const r1 = l1.exports, c1 = {
         this.isSearching = !1;
       }
     },
-    search: P(async function(e) {
+    search: z(async function(e) {
       await this._search(e);
     }, 750),
     useSearchResult(i) {
@@ -1660,7 +1660,7 @@ const r1 = l1.exports, c1 = {
         );
         if (!e)
           return;
-        const { service: t, type: a, typeId: s } = e, { data: n } = await $.getExternalReferenceDetails(
+        const { service: t, type: a, typeId: s } = e, { data: n } = await T.getExternalReferenceDetails(
           t,
           { type: a, typeId: s }
         );
@@ -1684,13 +1684,13 @@ const r1 = l1.exports, c1 = {
     },
     async suggestClients() {
       var s;
-      const { service: i, type: e, typeId: t } = this.currentExternalDeal, { data: a } = await $.suggestClients(i, {
+      const { service: i, type: e, typeId: t } = this.currentExternalDeal, { data: a } = await T.suggestClients(i, {
         type: e,
         typeId: t
       });
       if (Array.isArray(a) && a.length) {
         const n = (s = this._document) == null ? void 0 : s.defaultAnswerMethod, o = a.map((l) => ({
-          ...ce(),
+          ...de(),
           ...n && { answerMethod: n },
           ...l
         }));
@@ -1698,7 +1698,7 @@ const r1 = l1.exports, c1 = {
       }
     },
     cloneArticle(i) {
-      return y({
+      return x({
         ...i,
         _uniqueId: void 0
       });
@@ -1708,7 +1708,7 @@ const r1 = l1.exports, c1 = {
       const [e] = ((s = (a = this._document) == null ? void 0 : a.packageGroups) == null ? void 0 : s.packages) || [];
       if (!(e != null && e.packageId))
         return;
-      const t = y({
+      const t = x({
         ...i,
         _uniqueId: void 0,
         packageId: e.packageId
@@ -1720,7 +1720,7 @@ const r1 = l1.exports, c1 = {
     }
   }
 };
-var d1 = function() {
+var h1 = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { "font-size": "13px", "padding-left": "calc(0.5 * var(--rem))", "padding-right": "calc(0.5 * var(--rem))", "padding-bottom": "calc(4 * var(--rem))" } }, [e.allAuthenticatedCRMs.length > 1 ? t("CDropdown", { staticStyle: { position: "absolute", right: "calc(0.5 * var(--rem))", top: "calc(0.5 * var(--rem))" }, attrs: { position: "is-bottom-left" } }, [t("CButton", { attrs: { slot: "trigger", size: "small", circle: "", type: "none", pattern: "tertiary", icon: "more-vertical" }, slot: "trigger" }), e._l(e.allAuthenticatedCRMs, function(a) {
     return t("CDropdownItem", { key: a, attrs: { type: e.activeCrm === a ? "primary" : "secondary", size: "small" }, on: { click: function(s) {
@@ -1763,15 +1763,15 @@ var d1 = function() {
       return e.addArticle(a);
     } } }, [t("div", { staticStyle: { "font-weight": "500", "padding-bottom": "4px", "font-size": "14px" }, domProps: { textContent: e._s(a.name) } }), t("div", { staticClass: "text-gray-600", staticStyle: { "font-size": "12px" } }, [e._v(" " + e._s(e.priceFormat(a.price || 0, { showZero: !1, currency: a.currency || "USD" })) + " · " + e._s(a.quantity || 0) + "x "), a.vat !== null ? [e._v(" · " + e._s(e._document.$t("vat").capitalize()) + " " + e._s(a.vat) + "% ")] : e._e()], 2)]);
   }), 0) : t("div", { staticClass: "flex w-full text-gray-600", staticStyle: { "background-color": "hsl(var(--gray-color-100) / 1)", padding: "5px", "font-size": "12px", "border-radius": "5px", "line-height": "1.35" } }, [t("CIcon", { staticStyle: { margin: "1px 4px 0 0", "flex-shrink": "0" }, attrs: { type: "info", size: "13" } }), t("div", { domProps: { textContent: e._s(e.$t("noProducts", { type: e.dealType })) } })], 1)], 1) : e._e()] : t("div", { staticClass: "flex w-full flex-col items-center justify-center text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("CIcon", { staticClass: "text-primary-500", staticStyle: { "padding-bottom": "5px" }, attrs: { type: "info", size: "16" } }), t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("noCrm")) + " ")]), t("div", { staticClass: "text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("router-link", { staticClass: "text-primary-500", staticStyle: { "font-weight": "500" }, attrs: { to: { name: "settings" } } }, [e._v(" " + e._s(e.$t("noCrmAction")) + " ")])], 1)], 1)], 2);
-}, p1 = [], u1 = /* @__PURE__ */ d(
-  c1,
-  d1,
-  p1,
+}, f1 = [], g1 = /* @__PURE__ */ d(
+  m1,
+  h1,
+  f1,
   !1,
   null,
   "1f5d45eb"
 );
-const m1 = u1.exports, h1 = {
+const C1 = g1.exports, v1 = {
   name: "FieldsModal",
   i18nOptions: {
     namespaces: "FieldsModal",
@@ -1805,7 +1805,7 @@ const m1 = u1.exports, h1 = {
     }
   },
   components: {
-    CField: j
+    CField: Y
   },
   props: {
     document: {
@@ -1836,12 +1836,12 @@ const m1 = u1.exports, h1 = {
   validations: {
     form: {
       label: {
-        required: F.required,
+        required: A.required,
         isUniqueLabel(i) {
           return this.fields.reduce((t, { label: a }) => a === i ? !1 : t, !0);
         }
       },
-      value: { required: F.required }
+      value: { required: A.required }
     }
   },
   computed: {
@@ -1881,12 +1881,12 @@ const m1 = u1.exports, h1 = {
     remove() {
       if (!this.existingFieldId)
         return;
-      const i = Ye(this.document.fields, [this.existingFieldId]);
+      const i = et(this.document.fields, [this.existingFieldId]);
       this.set({ key: "data.fields", value: i }), this.$emit("close");
     }
   }
 };
-var f1 = function() {
+var y1 = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-inter flex w-full flex-col items-center bg-white text-center", staticStyle: { padding: "2em", "border-radius": "10px" } }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, [e._v(" " + e._s(e.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")) + " ")]), t("div", { staticStyle: { "margin-bottom": "0.25em", opacity: "0.65" } }, [e._v(" " + e._s(e.$t("description")) + " ")])]), t("form", { staticStyle: { width: "100%" }, on: { submit: function(a) {
     return a.preventDefault(), e.submit.apply(null, arguments);
@@ -1897,15 +1897,15 @@ var f1 = function() {
   }, expression: "form.label" } })], 1), t("CField", { staticStyle: { width: "100%", "text-align": "left", "margin-bottom": "1em" }, attrs: { label: e.$t("value"), messages: e.messages.form.value, validator: e.$v.form.value, "label-position": "inside" } }, [t("CInput", { attrs: { placeholder: e.$t("valuePlaceholder"), filled: "" }, model: { value: e.form.value, callback: function(a) {
     e.$set(e.form, "value", a);
   }, expression: "form.value" } })], 1), t("CButton", { staticStyle: { "margin-top": "1.5em" }, attrs: { type: "secondary", wide: "" }, domProps: { textContent: e._s(e.$t("_common:save")) }, on: { click: e.submit } }), e.existingFieldId ? t("CButton", { staticStyle: { "margin-top": "5px" }, attrs: { type: "none", pattern: "tertiary", wide: "" }, domProps: { textContent: e._s(e.$t("_common:remove")) }, on: { click: e.remove } }) : e._e()], 1)]);
-}, g1 = [], C1 = /* @__PURE__ */ d(
-  h1,
-  f1,
-  g1,
+}, x1 = [], w1 = /* @__PURE__ */ d(
+  v1,
+  y1,
+  x1,
   !1,
   null,
   "455b4cda"
 );
-const v1 = C1.exports, y1 = {
+const b1 = w1.exports, k1 = {
   i18nOptions: {
     namespaces: "DocumentFormFields",
     messages: {
@@ -1929,11 +1929,11 @@ const v1 = C1.exports, y1 = {
   },
   name: "DocumentFormFields",
   components: {
-    SmartList: Ke,
-    CAccordion: Ne,
-    CField: j
+    SmartList: Xe,
+    CAccordion: Qe,
+    CField: Y
   },
-  mixins: [S()],
+  mixins: [D()],
   props: {
     set: {
       type: Function,
@@ -1987,7 +1987,7 @@ const v1 = C1.exports, y1 = {
       async handler(i) {
         var e, t;
         if (this.isEditingTemplate && i) {
-          const { data: a } = await $.getFields(i);
+          const { data: a } = await T.getFields(i);
           this.updateValue("data.fields", {
             // crmFields added first in order to not override same service values
             ...a,
@@ -2007,7 +2007,7 @@ const v1 = C1.exports, y1 = {
     },
     openFieldModal({ existingFieldId: i }) {
       this.$modal.show(
-        v1,
+        b1,
         {
           document: this._document,
           set: this.set,
@@ -2026,7 +2026,7 @@ const v1 = C1.exports, y1 = {
       );
     },
     onCopyField(i) {
-      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => H("info", this.$t("_common:copyMessage"))).catch((e) => D(e));
+      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => P("info", this.$t("_common:copyMessage"))).catch((e) => B(e));
     },
     filterMethod(i, e) {
       return e.filter(
@@ -2039,7 +2039,7 @@ const v1 = C1.exports, y1 = {
     }
   }
 };
-var x1 = function() {
+var _1 = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { padding: "1em" } }, [t("div", { staticStyle: { margin: "15px 0" } }, [t("div", { staticStyle: { "font-size": "16px", "font-weight": "600" }, domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticStyle: { color: "hsl(0, 0%, 35%)" }, domProps: { textContent: e._s(e.$t("description")) } })]), t("CInput", { attrs: { placeholder: e.$t("_common:search"), filled: "", size: "small" }, model: { value: e.query, callback: function(a) {
     e.query = a;
@@ -2086,15 +2086,15 @@ var x1 = function() {
       } } })], 1)], 1)]);
     }) : t("div", { staticStyle: { "font-size": "13px", "text-align": "center", "user-select": "none", padding: "0.5em", "border-radius": "0.25em", opacity: "0.5" }, domProps: { textContent: e._s(e.$t("noResults")) } })], 2)]);
   })], 2)], 1);
-}, w1 = [], b1 = /* @__PURE__ */ d(
-  y1,
-  x1,
-  w1,
+}, L1 = [], $1 = /* @__PURE__ */ d(
+  k1,
+  _1,
+  L1,
   !1,
   null,
   "0d2bdff3"
 );
-const k1 = b1.exports, _1 = (i) => {
+const S1 = $1.exports, T1 = (i) => {
   const e = Array(2).fill().map(() => p());
   return [
     {
@@ -2116,11 +2116,11 @@ const k1 = b1.exports, _1 = (i) => {
       nodeId: e[1]
     }
   ];
-}, L1 = (i, e = "en") => [
+}, D1 = (i, e = "en") => [
   {
     key: `title-${i}`,
     anyOf: [{ type: "string" }, { type: "null" }],
-    defaultValue: h.t("attachment_plural", { lng: e }).capitalize()
+    defaultValue: m.t("attachment_plural", { lng: e }).capitalize()
   },
   {
     key: `files-${i}`,
@@ -2129,13 +2129,13 @@ const k1 = b1.exports, _1 = (i) => {
       $ref: `${f.api.baseUrl}/schemas/file/1.json`
     }
   }
-], $1 = ({ document: i = null }) => {
+], V1 = ({ document: i = null }) => {
   const e = p(), { language: t } = i || {};
   return {
-    readView: _1(e),
-    validation: L1(e, t)
+    readView: T1(e),
+    validation: D1(e, t)
   };
-}, S1 = (i) => [
+}, B1 = (i) => [
   {
     itemId: "coverBlock",
     itemType: "coverBlock",
@@ -2145,12 +2145,12 @@ const k1 = b1.exports, _1 = (i) => {
     parentId: "0",
     nodeId: p()
   }
-], T1 = (i, e = "en") => [
+], M1 = (i, e = "en") => [
   {
     key: `coverBlock-${i}`,
     defaultValue: {
       type: "video",
-      text: `<p data-typography="title">${h.t("components:document.coverBlock.defaultText", { lng: e })}</p>`,
+      text: `<p data-typography="title">${m.t("components:document.coverBlock.defaultText", { lng: e })}</p>`,
       cover: {
         video: {
           id: "1409899",
@@ -2162,7 +2162,7 @@ const k1 = b1.exports, _1 = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/coverBlock/1.json`
   }
-], D1 = (i) => ({
+], I1 = (i) => ({
   [`data.coverBlock-${i}`]: {
     text: "<h1>We know communication</h1>",
     cover: {
@@ -2172,20 +2172,20 @@ const k1 = b1.exports, _1 = (i) => {
       blur: 0
     }
   }
-}), V1 = ({
+}), F1 = ({
   includeMockData: i = !1,
   document: e = null,
   contentData: t = null
 } = {}) => {
   const a = p(), { language: s } = e || {};
   let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = D1(a)), {
-    readView: S1(a),
-    validation: T1(a, s),
+  return typeof t == "function" ? n = t(a) : i && (n = I1(a)), {
+    readView: B1(a),
+    validation: M1(a, s),
     ...n && { data: n }
   };
-}, B1 = ({ language: i = "en" } = {}) => {
-  const e = (t) => h.t(`components:account.documentForm.contentItems.coverBlock.${t}`, {
+}, H1 = ({ language: i = "en" } = {}) => {
+  const e = (t) => m.t(`components:account.documentForm.contentItems.coverBlock.${t}`, {
     lng: i
   });
   return [
@@ -2329,7 +2329,7 @@ const k1 = b1.exports, _1 = (i) => {
       })
     }
   ];
-}, M1 = () => {
+}, A1 = () => {
   const i = Array(5).fill().map(() => p());
   return [
     {
@@ -2378,7 +2378,7 @@ const k1 = b1.exports, _1 = (i) => {
       nodeId: i[4]
     }
   ];
-}, I1 = () => ({
+}, P1 = () => ({
   clients: [
     {
       name: "Pernilla P.",
@@ -2390,28 +2390,28 @@ const k1 = b1.exports, _1 = (i) => {
       answerMethod: { accept: "signature", deny: "button" }
     }
   ]
-}), F1 = (i = "en") => [
+}), E1 = (i = "en") => [
   { key: "senderString", anyOf: [{ type: "string" }, { type: "null" }] },
   { key: "receiverString", anyOf: [{ type: "string" }, { type: "null" }] },
   {
     key: "partiesString",
     anyOf: [{ type: "string" }, { type: "null" }],
-    defaultValue: h.t("components:document.chapters.parties.title", { lng: i })
+    defaultValue: m.t("components:document.chapters.parties.title", { lng: i })
   }
-], H1 = ({
+], z1 = ({
   includeMockData: i = !1,
   document: e = null,
   contentData: t = null
 }) => {
   const { language: a } = e || {};
   let s = null;
-  return typeof t == "function" ? s = t() : i && (s = I1()), {
-    readView: M1(),
-    validation: F1(a),
+  return typeof t == "function" ? s = t() : i && (s = P1()), {
+    readView: A1(),
+    validation: E1(a),
     // Client / company will for now always exist on doc and in validation
     ...s && { data: s }
   };
-}, A1 = (i) => [
+}, Z1 = (i) => [
   {
     itemId: "embed",
     itemType: "embed",
@@ -2425,7 +2425,7 @@ const k1 = b1.exports, _1 = (i) => {
     parentId: "0",
     nodeId: p()
   }
-], P1 = (i) => [
+], O1 = (i) => [
   {
     key: `embed-${i}`,
     $ref: `${f.api.baseUrl}/schemas/embed/1.json`,
@@ -2434,20 +2434,20 @@ const k1 = b1.exports, _1 = (i) => {
       size: "small"
     }
   }
-], E1 = () => null, z1 = ({
+], U1 = () => null, R1 = ({
   includeMockData: i = !1,
   document: e = null,
   contentData: t = null
 } = {}) => {
   const a = p();
   let s = null;
-  return typeof t == "function" ? s = t(a) : i && (s = E1()), {
-    readView: A1(a),
-    validation: P1(a),
+  return typeof t == "function" ? s = t(a) : i && (s = U1()), {
+    readView: Z1(a),
+    validation: O1(a),
     ...s && { data: s }
   };
 };
-h.loadOptions({
+m.loadOptions({
   namespaces: "embedContentItems",
   messages: {
     en: {
@@ -2458,7 +2458,7 @@ h.loadOptions({
     }
   }
 });
-const Z1 = ({ language: i = "en" } = {}) => [
+const G1 = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -2517,7 +2517,7 @@ const Z1 = ({ language: i = "en" } = {}) => [
         </defs>
       </svg>
       <div class="submenu-item-badge">
-        ${h.t("embedContentItems:previewTitle", { lng: i })}
+        ${m.t("embedContentItems:previewTitle", { lng: i })}
       </div>
     </div>
     `,
@@ -2752,7 +2752,7 @@ const Z1 = ({ language: i = "en" } = {}) => [
       }
     })
   }
-], U1 = (i) => {
+], W1 = (i) => {
   const e = Array(3).fill().map(() => p());
   return [
     {
@@ -2788,7 +2788,7 @@ const Z1 = ({ language: i = "en" } = {}) => [
       nodeId: e[2]
     }
   ];
-}, O1 = (i) => [
+}, q1 = (i) => [
   {
     key: `estimatedTimeComplete-${i}`,
     type: "object",
@@ -2806,23 +2806,23 @@ const Z1 = ({ language: i = "en" } = {}) => [
       }
     }
   }
-], R1 = (i) => ({
+], N1 = (i) => ({
   [`estimatedTimeComplete-${i}`]: {
     value: 4,
     unitType: "hour"
   }
-}), G1 = ({
+}), j1 = ({
   includeMockData: i = !1,
   contentData: e = null
 }) => {
   const t = p();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = R1(t)), {
-    readView: U1(t),
-    validation: O1(t),
+  return typeof e == "function" ? a = e(t) : i && (a = N1(t)), {
+    readView: W1(t),
+    validation: q1(t),
     ...a && { data: a }
   };
-}, W1 = () => {
+}, K1 = () => {
   const i = Array(3).fill().map(() => p());
   return [
     {
@@ -2856,7 +2856,7 @@ const Z1 = ({ language: i = "en" } = {}) => [
       nodeId: i[2]
     }
   ];
-}, q1 = () => [
+}, Y1 = () => [
   {
     key: "estimatedWorkDates",
     type: "object",
@@ -2865,10 +2865,10 @@ const Z1 = ({ language: i = "en" } = {}) => [
       endAt: { anyOf: [{ type: "null" }, { type: "string" }] }
     }
   }
-], N1 = () => ({
-  readView: W1(),
-  validation: q1()
-}), j1 = () => {
+], Q1 = () => ({
+  readView: K1(),
+  validation: Y1()
+}), J1 = () => {
   const i = Array(5).fill().map(() => p());
   return [
     {
@@ -2934,7 +2934,7 @@ const Z1 = ({ language: i = "en" } = {}) => [
       nodeId: i[4]
     }
   ];
-}, K1 = () => [
+}, X1 = () => [
   {
     key: "extraWorkConstruction",
     extraWorkConstruction: {
@@ -2958,11 +2958,11 @@ const Z1 = ({ language: i = "en" } = {}) => [
       }
     }
   }
-], Y1 = () => ({
-  readView: j1(),
-  validation: K1()
+], e2 = () => ({
+  readView: J1(),
+  validation: X1()
   // Client / company will for now always exist on doc and in validation
-}), Q1 = () => {
+}), t2 = () => {
   const i = Array(3).fill().map(() => p());
   return [
     {
@@ -3002,7 +3002,7 @@ const Z1 = ({ language: i = "en" } = {}) => [
       nodeId: i[2]
     }
   ];
-}, J1 = () => [
+}, i2 = () => [
   {
     key: "extraWorkTimeImpact",
     anyOf: [
@@ -3020,10 +3020,10 @@ const Z1 = ({ language: i = "en" } = {}) => [
       }
     ]
   }
-], X1 = () => ({
-  readView: Q1(),
-  validation: J1()
-}), e2 = (i) => [
+], a2 = () => ({
+  readView: t2(),
+  validation: i2()
+}), s2 = (i) => [
   {
     itemId: `header-${i}`,
     itemType: "header",
@@ -3033,14 +3033,14 @@ const Z1 = ({ language: i = "en" } = {}) => [
     parentId: "0",
     nodeId: p()
   }
-], t2 = (i, e = null) => {
-  const { language: t = "en", name: a = "", theme: s } = e || {}, n = a || h.t("_common:proposal", { lng: t }).capitalize();
+], n2 = (i, e = null) => {
+  const { language: t = "en", name: a = "", theme: s } = e || {}, n = a || m.t("_common:proposal", { lng: t }).capitalize();
   e && (e.name = n);
   const {
     background: o,
     priceSummaryBackground: l,
     backgroundFilter: r
-  } = s || {}, c = l || "hsl(228, 52%, 18%)", C = Je.readability(c, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
+  } = s || {}, c = l || "hsl(228, 52%, 18%)", g = it.readability(c, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
   return [
     {
       key: `header-${i}`,
@@ -3049,7 +3049,7 @@ const Z1 = ({ language: i = "en" } = {}) => [
         layout: "vertical",
         baseStyle: {
           textAlign: "left",
-          textColor: C
+          textColor: g
         },
         items: [
           {
@@ -3072,7 +3072,7 @@ const Z1 = ({ language: i = "en" } = {}) => [
             value: {
               preText: "",
               documentName: `<p data-typography="title">${n}</p>`,
-              postText: h.t("components:document.chapters.header.postText", {
+              postText: m.t("components:document.chapters.header.postText", {
                 lng: t,
                 interpolation: { prefix: "__", suffix: "__" }
               }),
@@ -3084,7 +3084,7 @@ const Z1 = ({ language: i = "en" } = {}) => [
       }
     }
   ];
-}, i2 = (i) => ({
+}, o2 = (i) => ({
   [`data.header-${i}`]: {
     layout: "vertical",
     baseStyle: { textAlign: "left", textColor: "#FFFFFF" },
@@ -3114,20 +3114,20 @@ const Z1 = ({ language: i = "en" } = {}) => [
       }
     ]
   }
-}), a2 = ({
+}), l2 = ({
   includeMockData: i = !1,
   document: e = null,
   contentData: t = null
 }) => {
   const a = p();
   let s = null;
-  return typeof t == "function" ? s = t(a) : i && (s = i2(a)), {
-    readView: e2(a),
-    validation: t2(a, e),
+  return typeof t == "function" ? s = t(a) : i && (s = o2(a)), {
+    readView: s2(a),
+    validation: n2(a, e),
     ...s && { data: s }
   };
-}, s2 = ({ language: i = "en" } = {}) => {
-  const e = (t) => h.t(`components:account.documentForm.contentItems.header.${t}`, {
+}, r2 = ({ language: i = "en" } = {}) => {
+  const e = (t) => m.t(`components:account.documentForm.contentItems.header.${t}`, {
     lng: i,
     interpolation: { prefix: "__", suffix: "__" }
   });
@@ -3416,7 +3416,7 @@ const Z1 = ({ language: i = "en" } = {}) => [
       })
     }
   ];
-}, n2 = () => {
+}, c2 = () => {
   const i = Array(2).fill().map(() => p());
   return [
     {
@@ -3439,22 +3439,22 @@ const Z1 = ({ language: i = "en" } = {}) => [
       // uniqid(),
     }
   ];
-}, o2 = (i = "en") => [
+}, d2 = (i = "en") => [
   {
     key: "multiGroupPricing-title",
     anyOf: [{ type: "string" }, { type: "null" }],
-    defaultValue: h.t(
+    defaultValue: m.t(
       "components:document.chapters.multiGroupPricing.title",
       { lng: i }
     )
   }
-], l2 = ({ document: i = null }) => {
+], p2 = ({ document: i = null }) => {
   const { language: e } = i || {};
   return {
-    readView: n2(),
-    validation: o2(e)
+    readView: c2(),
+    validation: d2(e)
   };
-}, r2 = () => {
+}, u2 = () => {
   const i = Array(5).fill().map(() => p());
   return [
     {
@@ -3504,14 +3504,14 @@ const Z1 = ({ language: i = "en" } = {}) => [
       nodeId: i[4]
     }
   ];
-}, c2 = () => [
+}, m2 = () => [
   { key: "miscAgreements", anyOf: [{ type: "string" }, { type: null }] },
   { key: "notBinding", type: "boolean" }
-], d2 = () => ({
-  readView: r2(),
-  validation: c2()
+], h2 = () => ({
+  readView: u2(),
+  validation: m2()
 });
-h.loadOptions({
+m.loadOptions({
   namespaces: "packageGroupTemplate",
   messages: {
     en: {
@@ -3522,7 +3522,7 @@ h.loadOptions({
     }
   }
 });
-const p2 = (i) => {
+const f2 = (i) => {
   const e = Array(2).fill().map(() => p());
   return [
     {
@@ -3547,42 +3547,42 @@ const p2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, u2 = (i, e = "en") => [
+}, g2 = (i, e = "en") => [
   {
     key: `packageGroups.${i}`,
     validationKey: "packageGroups",
     defaultValue: {
       type: "",
-      title: h.t("packageGroupTemplate:title", { lng: e }),
+      title: m.t("packageGroupTemplate:title", { lng: e }),
       hideGroupPrice: !1,
       packages: []
     },
     defaultValidation: {
       [i]: {
         type: "",
-        title: h.t("packageGroupTemplate:title", { lng: e }),
+        title: m.t("packageGroupTemplate:title", { lng: e }),
         hideGroupPrice: !1,
         packages: []
       }
     },
     $ref: `${f.api.baseUrl}/schemas/packageGroups/1.json`
   }
-], m2 = () => null, h2 = ({
+], C2 = () => null, v2 = ({
   includeMockData: i,
   document: e = null,
   contentData: t = null
 } = {}) => {
   const a = p(), { language: s } = e || {};
   let n = null;
-  typeof t == "function" ? n = t(a) : i && (n = m2());
-  const o = p2(a), l = u2(a, s);
+  typeof t == "function" ? n = t(a) : i && (n = C2());
+  const o = f2(a), l = g2(a, s);
   return {
     readView: o,
     validation: l,
     ...n && { data: n }
   };
 };
-h.loadOptions({
+m.loadOptions({
   namespaces: "packageGroupContentItems",
   messages: {
     en: {
@@ -3667,13 +3667,13 @@ h.loadOptions({
     }
   }
 });
-const f2 = ({
+const y2 = ({
   language: i = "en",
   currency: e = "USD",
   _getters: t,
   allArticles: a = []
 } = {}) => {
-  const s = u(t, "settings/defaultVatRate") || null, n = !u(t, "settings/hidePriceOnNewlyAddedArticles"), o = (l) => h.t(`packageGroupContentItems:${l}`, { lng: i });
+  const s = u(t, "settings/defaultVatRate") || null, n = !u(t, "settings/hidePriceOnNewlyAddedArticles"), o = (l) => m.t(`packageGroupContentItems:${l}`, { lng: i });
   return [
     {
       previewUrl: `
@@ -3722,7 +3722,7 @@ const f2 = ({
         return {
           [`data.packageGroups.${l}`]: {
             type: "single",
-            title: h.t("packageGroupTemplate:title", { lng: i }),
+            title: m.t("packageGroupTemplate:title", { lng: i }),
             hideGroupPrice: !1,
             packages: [
               {
@@ -3740,7 +3740,7 @@ const f2 = ({
           },
           articles: [
             ...a,
-            y({
+            x({
               vat: s,
               showPrice: n,
               currency: e,
@@ -3840,7 +3840,7 @@ const f2 = ({
         return {
           [`data.packageGroups.${l}`]: {
             type: "radio",
-            title: h.t("packageGroupTemplate:title", { lng: i }),
+            title: m.t("packageGroupTemplate:title", { lng: i }),
             hideGroupPrice: !1,
             packages: [
               {
@@ -3869,7 +3869,7 @@ const f2 = ({
           },
           articles: [
             ...a,
-            y({
+            x({
               vat: s,
               showPrice: n,
               currency: e,
@@ -3877,7 +3877,7 @@ const f2 = ({
               name: o("radio.artA"),
               price: 1e5
             }),
-            y({
+            x({
               vat: s,
               showPrice: n,
               currency: e,
@@ -3974,7 +3974,7 @@ const f2 = ({
         return {
           [`data.packageGroups.${l}`]: {
             type: "checkbox",
-            title: h.t("packageGroupTemplate:title", { lng: i }),
+            title: m.t("packageGroupTemplate:title", { lng: i }),
             hideGroupPrice: !1,
             packages: [
               {
@@ -4003,7 +4003,7 @@ const f2 = ({
           },
           articles: [
             ...a,
-            y({
+            x({
               vat: s,
               showPrice: n,
               currency: e,
@@ -4011,7 +4011,7 @@ const f2 = ({
               name: o("checkbox.artBase"),
               price: 1e5
             }),
-            y({
+            x({
               vat: s,
               showPrice: n,
               currency: e,
@@ -4024,7 +4024,7 @@ const f2 = ({
       }
     }
   ];
-}, g2 = () => [
+}, x2 = () => [
   {
     itemId: "presentation",
     itemType: "presentation",
@@ -4032,11 +4032,11 @@ const f2 = ({
     parentId: "0",
     nodeId: p()
   }
-], C2 = () => ({
-  readView: g2(),
+], w2 = () => ({
+  readView: x2(),
   validation: []
   // all relevant data is either within base doc or company settings etc
-}), v2 = () => [
+}), b2 = () => [
   {
     itemId: "terms",
     itemType: "termsDisclaimer",
@@ -4054,7 +4054,7 @@ const f2 = ({
     parentId: "0",
     nodeId: p()
   }
-], y2 = () => [
+], k2 = () => [
   {
     key: "terms",
     anyOf: [
@@ -4062,10 +4062,10 @@ const f2 = ({
       { type: "null" }
     ]
   }
-], x2 = () => ({
-  readView: v2(),
-  validation: y2()
-}), w2 = (i) => {
+], _2 = () => ({
+  readView: b2(),
+  validation: k2()
+}), L2 = (i) => {
   const e = Array(2).fill().map(() => p());
   return [
     {
@@ -4087,29 +4087,29 @@ const f2 = ({
       nodeId: e[1]
     }
   ];
-}, b2 = (i) => [
+}, $2 = (i) => [
   {
     key: `title-${i}`,
     anyOf: [{ type: "string" }, { type: "null" }],
     defaultValue: ""
   },
   { key: `content-${i}`, anyOf: [{ type: "string" }, { type: "null" }] }
-], k2 = (i) => ({
+], S2 = (i) => ({
   [`data.title-${i}`]: "My custom text",
   [`data.content-${i}`]: "<p>First impressions matter. Make it count by sending beautiful proposals to your clients. Proposals that look great on any device. Proposals that help you to close with notifications and digital signatures.</p>"
-}), _2 = ({
+}), T2 = ({
   includeMockData: i = !1,
   contentData: e = null
 }) => {
   const t = p();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = k2(t)), {
-    readView: w2(t),
-    validation: b2(t),
+  return typeof e == "function" ? a = e(t) : i && (a = S2(t)), {
+    readView: L2(t),
+    validation: $2(t),
     ...a && { data: a },
     onAddFnName: "conditionalOnAdd"
   };
-}, L2 = (i) => [
+}, D2 = (i) => [
   {
     itemId: "videoPlayer",
     itemType: "videoPlayer",
@@ -4122,7 +4122,7 @@ const f2 = ({
     parentId: "0",
     nodeId: p()
   }
-], $2 = (i) => [
+], V2 = (i) => [
   {
     key: `video-${i}`,
     $ref: `${f.api.baseUrl}/schemas/videoPlayer/1.json`,
@@ -4133,7 +4133,7 @@ const f2 = ({
       }
     }
   }
-], S2 = (i) => ({
+], B2 = (i) => ({
   [`data.video-${i}`]: {
     size: "small",
     video: {
@@ -4142,18 +4142,18 @@ const f2 = ({
       id: "166JEb6qkr4"
     }
   }
-}), T2 = ({
+}), M2 = ({
   includeMockData: i = !1,
   contentData: e = null
 }) => {
   const t = p();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = S2(t)), {
-    readView: L2(t),
-    validation: $2(t),
+  return typeof e == "function" ? a = e(t) : i && (a = B2(t)), {
+    readView: D2(t),
+    validation: V2(t),
     ...a && { data: a }
   };
-}, D2 = ({ language: i = "en" } = {}) => [
+}, I2 = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -4177,7 +4177,7 @@ const f2 = ({
         </g>
       </svg>
       <div class="submenu-item-badge">
-        ${h.t("_common:video", { language: i }).capitalize()}
+        ${m.t("_common:video", { language: i }).capitalize()}
       </div>
     </div>
     `,
@@ -4354,35 +4354,35 @@ const f2 = ({
       }
     })
   }
-], z = {
-  titleAndText2: _2,
-  attachments2: $1,
-  pdf: pe,
-  packageGroup: h2,
-  multiGroupPricing: l2,
-  coverBlock: V1,
-  videoPlayer: T2,
-  embed: z1,
-  header: a2,
-  answer: ue,
-  terms: x2,
-  parties: H1,
-  custom: me,
+], O = {
+  titleAndText2: T2,
+  attachments2: V1,
+  pdf: ue,
+  packageGroup: v2,
+  multiGroupPricing: p2,
+  coverBlock: F1,
+  videoPlayer: M2,
+  embed: R1,
+  header: l2,
+  answer: me,
+  terms: _2,
+  parties: z1,
+  custom: he,
   // legacy
-  presentation: C2,
-  estimatedTimeCompleted: G1,
-  estimatedWorkStartAndEndAtText: N1,
-  extraWorkConstructionPricingList: Y1,
-  extraWorkTimeImpactText: X1,
-  notBinding: d2
-}, Z = {
-  coverBlock: B1,
-  header: s2,
-  packageGroup: f2,
-  embed: Z1,
-  videoPlayer: D2,
-  custom: de
-}, V2 = {
+  presentation: w2,
+  estimatedTimeCompleted: j1,
+  estimatedWorkStartAndEndAtText: Q1,
+  extraWorkConstructionPricingList: e2,
+  extraWorkTimeImpactText: a2,
+  notBinding: h2
+}, U = {
+  coverBlock: H1,
+  header: r2,
+  packageGroup: y2,
+  embed: G1,
+  videoPlayer: I2,
+  custom: pe
+}, F2 = {
   name: "AddBlock",
   props: {
     set: {
@@ -4396,31 +4396,31 @@ const f2 = ({
   },
   render() {
     return this.$scopedSlots.default({
-      addBlock: (i) => he({
+      addBlock: (i) => fe({
         ...i,
         set: this.set,
-        tplGenerators: z,
+        tplGenerators: O,
         includeMockData: this.includeMockData,
         emit: (...e) => this.$emit(...e)
       }),
-      getBlockPayload: (i) => fe(
+      getBlockPayload: (i) => ge(
         i,
         this.set,
-        z,
+        O,
         this.includeMockdata
       )
     });
   }
-}, B2 = null, M2 = null;
-var I2 = /* @__PURE__ */ d(
-  V2,
-  B2,
-  M2,
+}, H2 = null, A2 = null;
+var P2 = /* @__PURE__ */ d(
+  F2,
+  H2,
+  A2,
   !1,
   null,
   null
 );
-const Q = I2.exports, F2 = {
+const X = P2.exports, E2 = {
   name: "MenuBlockConvertPopover",
   props: {
     target: {
@@ -4453,22 +4453,22 @@ const Q = I2.exports, F2 = {
     }
   }
 };
-var H2 = function() {
+var z2 = 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 w-52 -translate-y-1/2 rounded-lg bg-white p-4 text-sm shadow-xl" }, [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);
-}, A2 = [], P2 = /* @__PURE__ */ d(
-  F2,
-  H2,
-  A2,
+}, Z2 = [], O2 = /* @__PURE__ */ d(
+  E2,
+  z2,
+  Z2,
   !1,
   null,
   null
 );
-const E2 = P2.exports, z2 = A.component("ProBadge", {
+const U2 = O2.exports, R2 = E.component("ProBadge", {
   name: "ProBadge",
   render(i) {
     return i(
@@ -4479,7 +4479,7 @@ const E2 = P2.exports, z2 = A.component("ProBadge", {
       "Pro"
     );
   }
-}), Z2 = {
+}), G2 = {
   name: "MenuBlocks",
   i18nOptions: {
     namespaces: "menuBlocks",
@@ -4549,15 +4549,15 @@ const E2 = P2.exports, z2 = A.component("ProBadge", {
     }
   },
   components: {
-    simplebar: k,
-    DragList: O,
-    DragItem: R,
-    AddBlock: Q,
-    IsPremiumPreStep: _,
-    ProBadge: z2,
-    MenuBlockConvertPopover: E2
-  },
-  mixins: [x],
+    simplebar: _,
+    DragList: G,
+    DragItem: W,
+    AddBlock: X,
+    IsPremiumPreStep: L,
+    ProBadge: R2,
+    MenuBlockConvertPopover: U2
+  },
+  mixins: [w],
   inject: {
     viewSettings: {
       default: () => ({ isPublicForm: !1 })
@@ -4744,7 +4744,7 @@ const E2 = P2.exports, z2 = A.component("ProBadge", {
     };
   },
   computed: {
-    ...g({
+    ...C({
       allAuthenticatedCRMs: "settings/allAuthenticatedCRMs",
       feature: "application/feature"
     }),
@@ -4860,7 +4860,7 @@ const E2 = P2.exports, z2 = A.component("ProBadge", {
         }
       ];
       return i.forEach((e) => {
-        Z[e.key] && (e.subMenu = (Z[e.key](this._document || {}) || []).map((t) => ({ ...t, key: e.key, locked: e.locked }))), this.tooltips[e.key] && (e.hasTooltip = !0);
+        U[e.key] && (e.subMenu = (U[e.key](this._document || {}) || []).map((t) => ({ ...t, key: e.key, locked: e.locked }))), this.tooltips[e.key] && (e.hasTooltip = !0);
       }), i;
     },
     availableBlocks() {
@@ -4916,7 +4916,7 @@ const E2 = P2.exports, z2 = A.component("ProBadge", {
       if (this.mq === "sm")
         return;
       const { tooltips: i } = this, e = (n = (s = this.$el).getRootNode) == null ? void 0 : n.call(s), a = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document.body;
-      this.tippyInstances = Ge(this.$el, {
+      this.tippyInstances = je(this.$el, {
         target: "[data-tooltip-key]",
         allowHTML: !0,
         duration: [150, 0],
@@ -4941,7 +4941,7 @@ const E2 = P2.exports, z2 = A.component("ProBadge", {
         i.destroy();
       }) : this.tippyInstances.destroy && this.tippyInstances.destroy());
     },
-    setSubMenuState: P(
+    setSubMenuState: z(
       function(e) {
         this.activeSubMenu = e;
       },
@@ -4984,7 +4984,7 @@ const E2 = P2.exports, z2 = A.component("ProBadge", {
     }
   }
 };
-var U2 = function() {
+var W2 = 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);
@@ -5027,15 +5027,15 @@ var U2 = function() {
       }), 1)], 1)], 1)])], 1)];
     } }], null, !0) })];
   } }]) });
-}, O2 = [], R2 = /* @__PURE__ */ d(
-  Z2,
-  U2,
-  O2,
+}, q2 = [], N2 = /* @__PURE__ */ d(
+  G2,
+  W2,
+  q2,
   !1,
   null,
   "6dba95f7"
 );
-const G2 = R2.exports, W2 = {
+const j2 = N2.exports, K2 = {
   name: "DocumentFormMenu",
   i18nOptions: {
     namespaces: "documentFormMenu",
@@ -5051,13 +5051,13 @@ const G2 = R2.exports, W2 = {
     }
   },
   components: {
-    Design: a1,
-    Fields: k1,
-    ExtensionTab: m1,
-    DocumentGeneralSettings: r1,
-    DocumentGuide: () => import("./index-B_UJMy_K.js"),
-    MenuBlocks: G2,
-    Simplebar: k
+    Design: l1,
+    Fields: S1,
+    ExtensionTab: C1,
+    DocumentGeneralSettings: u1,
+    DocumentGuide: () => import("./index-kV9OZ5y0.js"),
+    MenuBlocks: j2,
+    Simplebar: _
   },
   props: {
     state: {
@@ -5097,12 +5097,12 @@ const G2 = R2.exports, W2 = {
   data() {
     return {
       showGuide: !1,
-      showGuideNotification: !E.getItem("hideFormGuideNotification"),
+      showGuideNotification: !Z.getItem("hideFormGuideNotification"),
       tab: "blocks"
     };
   },
   computed: {
-    ...g({
+    ...C({
       allAuthenticatedCRMs: "settings/allAuthenticatedCRMs"
     }),
     extensionTabType() {
@@ -5119,11 +5119,11 @@ const G2 = R2.exports, W2 = {
   },
   methods: {
     openGuide() {
-      this.showGuide = !0, this.showGuideNotification = !1, E.setItem("hideFormGuideNotification", !0);
+      this.showGuide = !0, this.showGuideNotification = !1, Z.setItem("hideFormGuideNotification", !0);
     }
   }
 };
-var q2 = function() {
+var Y2 = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "root menu-wrapper fixed left-0 top-14 z-[99] bg-white", 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");
@@ -5170,21 +5170,21 @@ var q2 = function() {
   }, offset: e.fixed ? 0 : e.width }, on: { input: ({ key: a, value: s }) => e.set({ key: a, value: s }) } }) : e._e()], 1)], 1), e.showGuide ? t("DocumentGuide", { on: { close: function(a) {
     e.showGuide = !1;
   } } }) : e._e()], 1)])]);
-}, N2 = [], j2 = /* @__PURE__ */ d(
-  W2,
-  q2,
-  N2,
+}, Q2 = [], J2 = /* @__PURE__ */ d(
+  K2,
+  Y2,
+  Q2,
   !1,
   null,
   "a591711d"
 );
-const K2 = j2.exports, J = (i, e, t = "$children") => {
+const X2 = J2.exports, ee = (i, e, t = "$children") => {
   if (!i)
     return;
   e(i);
   const a = i[t];
-  !a && !Array.isArray(a) || a.forEach((s) => J(s, e));
-}, Y2 = {
+  !a && !Array.isArray(a) || a.forEach((s) => ee(s, e));
+}, ei = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
     messages: {
@@ -5200,21 +5200,21 @@ const K2 = j2.exports, J = (i, e, t = "$children") => {
   },
   name: "DocumentFormContainer",
   components: {
-    WithDimensions: Ze,
-    DragList: O,
-    DragItem: R,
-    DynamicChapter: Ue,
-    DocumentFormMenu: K2,
-    DynamicBlock: Pt,
-    DocumentFormViewRadio: St,
-    DocumentFormNav: bt,
-    DocumentDrawer: Ct,
-    DocumentStyleContainer: Oe,
-    simplebar: k,
-    LogoBanner: Ot,
-    IsPremium: L
-  },
-  mixins: [x],
+    WithDimensions: Ge,
+    DragList: G,
+    DragItem: W,
+    DynamicChapter: We,
+    DocumentFormMenu: X2,
+    DynamicBlock: Ot,
+    DocumentFormViewRadio: Bt,
+    DocumentFormNav: $t,
+    DocumentDrawer: wt,
+    DocumentStyleContainer: qe,
+    simplebar: _,
+    LogoBanner: qt,
+    IsPremium: $
+  },
+  mixins: [w],
   props: {
     _document: {
       type: Object,
@@ -5332,7 +5332,7 @@ const K2 = j2.exports, J = (i, e, t = "$children") => {
       await Promise.all(
         (i || []).map(async ({ service: e, type: t, typeId: a }) => {
           if (t && a && e && this.$store.getters["settings/isAuthenticatedCRM"](e)) {
-            const { data: s } = await $.getFields(
+            const { data: s } = await T.getFields(
               e,
               { type: t, typeId: a, populated: !0 }
             );
@@ -5347,7 +5347,7 @@ const K2 = j2.exports, J = (i, e, t = "$children") => {
   },
   methods: {
     onAddBlockMount(i, e) {
-      !this.onAddRedis[i] || !e || (e.$el && this.$nextTick(() => Xe(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(() => at(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(
@@ -5371,7 +5371,7 @@ const K2 = j2.exports, J = (i, e, t = "$children") => {
         const a = i.itemId.split("-")[1];
         this.removePackageGroup(a);
       } else
-        J(i, (s) => {
+        ee(i, (s) => {
           s.value && Object.values(s.value).forEach((n) => {
             this.removeFormKeyValue(`${n}`);
             let o = n.replace(
@@ -5384,7 +5384,7 @@ const K2 = j2.exports, J = (i, e, t = "$children") => {
             this.removeFormKeyValue(r);
           });
         }, "children");
-      B([this.nestedReadLayout[e]]).forEach((a) => {
+      I([this.nestedReadLayout[e]]).forEach((a) => {
         const s = this.readLayout.findIndex((n) => n.nodeId === a.nodeId);
         this.removeFormValue(`template.views.read.nodes[${s}]`);
       });
@@ -5411,38 +5411,38 @@ const K2 = j2.exports, J = (i, e, t = "$children") => {
       if (e !== null && t !== null) {
         if (e === t)
           return;
-        const s = ge(
+        const s = Ce(
           this.nestedReadLayout,
           e,
           t
         );
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: B(s)
+          value: I(s)
         });
       } else if (!e && t !== null) {
         const { sectionKey: s, createNewSection: n, addValidation: o, contentData: l } = a, {
           readView: r,
           validation: c,
-          data: C,
-          onAddFnName: V = "onAdd"
+          data: g,
+          onAddFnName: S = "onAdd"
         } = n({
           sectionKey: s,
           document: this._document,
           contentData: l
         });
-        o({ validation: c, data: C });
-        const te = Ce({ tree: r }), ie = [
+        o({ validation: c, data: g });
+        const M = ve({ tree: r }), ae = [
           ...this.nestedReadLayout.slice(0, t),
-          ...te,
+          ...M,
           ...this.nestedReadLayout.slice(t)
         ];
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: B(ie)
+          value: I(ae)
         });
-        const [{ nodeId: ae }] = r;
-        this.onAddRedis[ae] = V;
+        const [{ nodeId: se }] = r;
+        this.onAddRedis[se] = S;
       }
     },
     shouldAnimateDrop(i) {
@@ -5450,7 +5450,7 @@ const K2 = j2.exports, J = (i, e, t = "$children") => {
     }
   }
 };
-var Q2 = function() {
+var ti = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "h-screen overflow-auto" }, [t("div", { staticClass: "relative flex min-h-screen flex-row bg-gray-200", class: {
     "is-edit-view": e.isEditView,
@@ -5514,7 +5514,7 @@ var Q2 = function() {
         ...l.props,
         _document: e._document,
         _value: l.value
-      }, children: l.children, "parent-size": e.parentSize, "is-visible": l.isVisible, "on-input": ({ key: c, value: C, options: V }) => e.setFormValue({ key: c, value: C, options: V }), "on-remove": ({ key: c }) => e.removeFormValue(c), "on-mount": (c) => e.onAddBlockMount(l.nodeId, c) } })], 1)], 1);
+      }, children: l.children, "parent-size": e.parentSize, "is-visible": l.isVisible, "on-input": ({ key: c, value: g, options: S }) => e.setFormValue({ key: c, value: g, options: S }), "on-remove": ({ key: c }) => e.removeFormValue(c), "on-mount": (c) => e.onAddBlockMount(l.nodeId, c) } })], 1)], 1);
     }), 1) : e._e(), e.canShowBanner ? t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ isProLike: l }) {
       return [!e.isEditView && !l ? t("LogoBanner", { attrs: { position: "sticky" } }) : e._e()];
     } }], null, !0) }) : e._e()], 1);
@@ -5523,18 +5523,18 @@ var Q2 = function() {
   } } }, [t("CButton", { staticClass: "absolute right-2 top-2", attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(a) {
     e.drawerState.openSection = null;
   } } }), t("portal-target", { attrs: { name: "drawer-content" } })], 1)], 1)]);
-}, J2 = [function() {
+}, ii = [function() {
   var i = this, e = i._self._c;
   return e("div", { staticClass: "drag-drop-illustration-block" }, [e("div"), e("div")]);
-}], X2 = /* @__PURE__ */ d(
-  Y2,
-  Q2,
-  J2,
+}], ai = /* @__PURE__ */ d(
+  ei,
+  ti,
+  ii,
   !1,
   null,
   "3168d720"
 );
-const ei = X2.exports, ti = {
+const si = ai.exports, ni = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -5558,21 +5558,21 @@ const ei = X2.exports, ti = {
     }
   },
   components: {
-    AddBlock: Q,
-    Drawer: K,
-    SendForm: et,
-    CCheckbox: ve,
-    CIcon: ye,
-    CButton: xe,
-    IsPremium: L,
-    IsPremiumPreStep: _
+    AddBlock: X,
+    Drawer: Q,
+    SendForm: st,
+    CCheckbox: ye,
+    CIcon: xe,
+    CButton: we,
+    IsPremium: $,
+    IsPremiumPreStep: L
   },
   mixins: [
-    S([], {
+    D([], {
       useEmit: !1,
       setFnName: "setFormValue"
     }),
-    x
+    w
   ],
   props: {
     setFormValue: {
@@ -5625,8 +5625,8 @@ const ei = X2.exports, ti = {
     !this.isPublicForm && ((i = window.App) != null && i.$fab) && (window.App.$fab.show = !0);
   },
   methods: {
-    ...w({
-      createTemplate: m.DO_CREATE_TEMPLATE
+    ...b({
+      createTemplate: h.DO_CREATE_TEMPLATE
     }),
     open() {
       this.isOpen = !0;
@@ -5655,7 +5655,7 @@ const ei = X2.exports, ti = {
     }
   }
 };
-var ii = function() {
+var oi = function() {
   var e = this, t = e._self._c;
   return e.mq !== "sm" || e.isOpen ? t(e.mq === "sm" ? "div" : "Drawer", { tag: "component", attrs: { placement: "right" }, model: { value: e.isOpen, callback: function(a) {
     e.isOpen = a;
@@ -5678,15 +5678,15 @@ var ii = function() {
       }, expression: "saveTemplate" } }), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(e.$t("saveDocAsTemplate")) + " "), t("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.saveTemplateTooltip, expression: "saveTemplateTooltip" }], attrs: { type: "info", size: "15" } })], 1)], 1)];
     } }], null, !0) })];
   } }], null, !1, 3857209736) })], 1)], 1)], 1)]) : e._e();
-}, ai = [], si = /* @__PURE__ */ d(
-  ti,
-  ii,
-  ai,
+}, li = [], ri = /* @__PURE__ */ d(
+  ni,
+  oi,
+  li,
   !1,
   null,
   "ded1afc1"
 );
-const ni = si.exports, oi = {
+const ci = ri.exports, di = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
     messages: {
@@ -5739,11 +5739,11 @@ const ni = si.exports, oi = {
   },
   validations: {
     name: {
-      required: F.requiredIf((i) => !i.updateExistingDocTemplate)
+      required: A.requiredIf((i) => !i.updateExistingDocTemplate)
     }
   },
   computed: {
-    ...g({
+    ...C({
       isPosting: "templates/isPosting",
       templateById: "templates/byId",
       docById: "documents2/byId",
@@ -5771,10 +5771,10 @@ const ni = si.exports, oi = {
     this.$refs.input && this.$refs.input.focus();
   },
   methods: {
-    ...w({
-      loadTemplate: m.DO_LOAD_TEMPLATE,
-      saveTemplate: m.SAVE_TEMPLATE_FORM,
-      updateSettings: m.UPDATE_SETTINGS
+    ...b({
+      loadTemplate: h.DO_LOAD_TEMPLATE,
+      saveTemplate: h.SAVE_TEMPLATE_FORM,
+      updateSettings: h.UPDATE_SETTINGS
     }),
     async onSave() {
       if (!this.document && !this.template && (this.$log.error('Missing prop "document" or "template"'), this.$emit("close")), this.$v.$invalid)
@@ -5829,7 +5829,7 @@ const ni = si.exports, oi = {
     }
   }
 };
-var li = function() {
+var pi = 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, size: "medium" }, on: { input: function(a) {
     e.name = a;
@@ -5838,26 +5838,26 @@ var li = 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);
-}, ri = [], ci = /* @__PURE__ */ d(
-  oi,
-  li,
-  ri,
+}, ui = [], mi = /* @__PURE__ */ d(
+  di,
+  pi,
+  ui,
   !1,
   null,
   "ea90dfe8"
 );
-const X = ci.exports;
-function di(i, e, t) {
+const te = mi.exports;
+function hi(i, e, t) {
   return i === i && (t !== void 0 && (i = i <= t ? i : t), e !== void 0 && (i = i >= e ? i : e)), i;
 }
-var pi = di, ui = pi, M = We;
-function mi(i, e, t) {
-  return t === void 0 && (t = e, e = void 0), t !== void 0 && (t = M(t), t = t === t ? t : 0), e !== void 0 && (e = M(e), e = e === e ? e : 0), ui(M(i), e, t);
+var fi = hi, gi = fi, F = Ke;
+function Ci(i, e, t) {
+  return t === void 0 && (t = e, e = void 0), t !== void 0 && (t = F(t), t = t === t ? t : 0), e !== void 0 && (e = F(e), e = e === e ? e : 0), gi(F(i), e, t);
 }
-var hi = mi;
-const fi = /* @__PURE__ */ G(hi), gi = {
+var vi = Ci;
+const yi = /* @__PURE__ */ q(vi), xi = {
   name: "RemainingTrialButton",
-  components: { IsPremium: L },
+  components: { IsPremium: $ },
   i18nOptions: {
     namespace: "RemainingTrialButton",
     messages: {
@@ -5885,12 +5885,12 @@ const fi = /* @__PURE__ */ G(hi), gi = {
       }
     }
   },
-  mixins: [x],
+  mixins: [w],
   methods: {
-    clamp: fi
+    clamp: yi
   }
 };
-var Ci = function() {
+var wi = function() {
   var e = this, t = e._self._c;
   return t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({
     accountType: a,
@@ -5902,30 +5902,30 @@ var Ci = function() {
       width: e.clamp(s / o * 100, 0, 100) + "%"
     } })])]), t("div", { staticClass: "w-56 p-4 text-sm", attrs: { slot: "popover" }, slot: "popover" }, [t("div", { staticClass: "font-semibold" }, [e._v(" " + e._s(e.$t("title.1")) + " "), t("span", { staticClass: "bg-primary-100 border-primary-200 text-primary-800 inline-flex rounded-md border px-1.5 py-[3px] text-xs leading-none" }, [e._v(e._s(e.$t("title.2")))]), e._v(" " + e._s(e.$t("title.3", { trialDaysLeft: s })) + ". ")]), t("div", { staticClass: "text-sm text-gray-600" }, [e._v(" " + e._s(e.$t("title.4")) + " "), t("span", { staticClass: "inline-flex rounded-md border border-gray-300 bg-gray-200 px-1.5 py-[3px] text-xs font-semibold leading-none text-gray-600" }, [e._v(e._s(e.$t("title.5")))]), e._v(". ")]), t("div", { staticClass: "mt-5" }, [t("CButton", { directives: [{ name: "close-popover", rawName: "v-close-popover" }], attrs: { type: "secondary", size: "small", "icon-right": "arrow-right" }, on: { click: n } }, [e._v(" " + e._s(e.$t("actionButton")) + " ")])], 1)])]) : e._e()];
   } }]) });
-}, vi = [], yi = /* @__PURE__ */ d(
-  gi,
-  Ci,
-  vi,
+}, bi = [], ki = /* @__PURE__ */ d(
+  xi,
+  wi,
+  bi,
   !1,
   null,
   "748c3983"
 );
-const xi = yi.exports, T = A.observable({
+const _i = ki.exports, V = E.observable({
   canEdit: !1,
   isForm: !0,
   setFormValue: null,
   removeFormValue: null
-}), wi = {
+}), Li = {
   name: "DocumentForm",
   components: {
-    DocumentFormContainer: ei,
-    IsPremium: L,
-    IsPremiumPreStep: _,
-    DocumentSend: ni,
-    RemainingTrialButton: xi
-  },
-  mixins: [it, x],
-  provide: () => ({ viewSettings: T }),
+    DocumentFormContainer: si,
+    IsPremium: $,
+    IsPremiumPreStep: L,
+    DocumentSend: ci,
+    RemainingTrialButton: _i
+  },
+  mixins: [ot, w],
+  provide: () => ({ viewSettings: V }),
   props: {
     document: {
       type: Object,
@@ -5991,12 +5991,12 @@ const xi = yi.exports, T = A.observable({
     canEdit: {
       immediate: !0,
       handler(i) {
-        T.canEdit = !!i;
+        V.canEdit = !!i;
       }
     }
   },
   created() {
-    this.setDocValue && (T.setFormValue = this.setDocValue), this.removeDocValue && (T.removeFormValue = this.removeDocValue);
+    this.setDocValue && (V.setFormValue = this.setDocValue), this.removeDocValue && (V.removeFormValue = this.removeDocValue);
   },
   methods: {
     isValid() {
@@ -6011,7 +6011,7 @@ const xi = yi.exports, T = A.observable({
     },
     async saveAsTemplate() {
       this.document && this.$modal.show(
-        X,
+        te,
         {
           document: this.document,
           onSaveTemplate: this.onSaveTemplate
@@ -6028,7 +6028,7 @@ const xi = yi.exports, T = A.observable({
     }
   }
 };
-var bi = function() {
+var $i = function() {
   var e = this, t = e._self._c;
   return e.document ? t("div", { staticClass: "flex w-screen flex-col 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;
@@ -6059,15 +6059,15 @@ var bi = function() {
     reminders: "data.reminders",
     name: "data.name"
   }, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "on-save-document": e.onSaveDocument } })], 1) : e._e();
-}, ki = [], _i = /* @__PURE__ */ d(
-  wi,
-  bi,
-  ki,
+}, Si = [], Ti = /* @__PURE__ */ d(
+  Li,
+  $i,
+  Si,
   !1,
   null,
   null
 );
-const Li = _i.exports, $i = {
+const Di = Ti.exports, Vi = {
   name: "DocumentFormRecent",
   i18nOptions: {
     namespaces: "DocumentFormRecent",
@@ -6083,8 +6083,8 @@ const Li = _i.exports, $i = {
     }
   },
   components: {
-    IsPremium: L,
-    IsPremiumPreStep: _
+    IsPremium: $,
+    IsPremiumPreStep: L
   },
   data() {
     return {
@@ -6096,7 +6096,7 @@ const Li = _i.exports, $i = {
     };
   },
   computed: {
-    ...g({
+    ...C({
       docById: "documents2/byId"
     })
   },
@@ -6104,8 +6104,8 @@ const Li = _i.exports, $i = {
     this.onLoadDocuments();
   },
   methods: {
-    ...w({
-      loadDocument: m.LOAD_DOCUMENT2
+    ...b({
+      loadDocument: h.LOAD_DOCUMENT2
     }),
     async onInput() {
       this.isLoading = !0, this.onLoadDocuments();
@@ -6113,7 +6113,7 @@ const Li = _i.exports, $i = {
     async fetchDocuments(i) {
       const e = this.query ? 180 : 90, t = {
         createdAt: {
-          $gte: this.$formatDate(we(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
+          $gte: this.$formatDate(be(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
         },
         // Only provide or if there is a search query to filter on
         ...this.query && {
@@ -6130,7 +6130,7 @@ const Li = _i.exports, $i = {
             }
           ]
         }
-      }, { data: a } = await be.getAll({
+      }, { data: a } = await ke.getAll({
         lean: !0,
         filter: encodeURIComponent(JSON.stringify(t)),
         fields: "clients,data.name,createdAt",
@@ -6140,7 +6140,7 @@ const Li = _i.exports, $i = {
       }), { items: s = [] } = a || {};
       return s;
     },
-    onLoadDocuments: P(async function() {
+    onLoadDocuments: z(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;
@@ -6155,7 +6155,7 @@ const Li = _i.exports, $i = {
     }
   }
 };
-var Si = function() {
+var Bi = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "flex w-full", staticStyle: { "padding-bottom": "1em" } }, [e._t("default"), e.hasItems ? t("CInput", { staticClass: "hidden md:flex", attrs: { loading: e.isLoading, placeholder: e.$t("_common:search"), type: "search", size: "normal", filled: "" }, on: { input: e.onInput }, model: { value: e.query, callback: function(a) {
     e.query = a;
@@ -6182,53 +6182,57 @@ var Si = function() {
       }), 0)];
     } }], null, !0) })];
   } }]) })]], 2)]);
-}, Ti = [], Di = /* @__PURE__ */ d(
-  $i,
-  Si,
-  Ti,
+}, Mi = [], Ii = /* @__PURE__ */ d(
+  Vi,
+  Bi,
+  Mi,
   !1,
   null,
   "9c78dbb6"
 );
-const Vi = Di.exports, Bi = {
-  name: "DocumentIcon",
-  truncate: ke,
-  inject: {
-    components: {
-      default: {
-        BlockMedia: at
-      }
-    }
+const Fi = Ii.exports, Hi = /* @__PURE__ */ _e({
+  __name: "DocumentIcon",
+  props: {
+    isPlaceholder: { type: Boolean, default: !1 },
+    isAdd: { type: Boolean, default: !1 },
+    compact: { type: Boolean, default: !1 },
+    thumbnail: { default: "" },
+    media: null,
+    name: { default: "" }
+  },
+  emits: ["triggerOpenTemplate"],
+  setup(i, { emit: e }) {
+    const t = i, a = () => e("triggerOpenTemplate"), s = Le(), n = $e(), o = y(() => n.style), l = y(() => n.staticClass), r = y(() => n.class), c = y(() => n.key), g = y(() => n.attrs), S = y(
+      () => m.t("_common:empty", { thing: m.t("_common:template") })
+    ), M = y(() => Se(t.name, 60));
+    return { __sfc: !0, props: t, emit: e, handleClick: a, slots: s, data: n, staticStyle: o, staticClass: l, styleClass: r, key: c, attrs: g, emptyTempleTitle: S, docTempleTitle: M, BlockMedia: lt };
   }
-};
-var Mi = function(e, t) {
-  return e("div", t._b({ key: t.data.key, staticClass: "item", class: [
-    t.data.staticClass,
-    t.data.class,
+});
+var Ai = function() {
+  var e = this, t = e._self._c, a = e._self._setupProxy;
+  return t("div", e._b({ key: a.key, staticClass: "item", class: [
+    a.staticClass,
+    a.styleClass,
     {
-      "is-placeholder": t.props.isPlaceholder,
-      "is-add": t.props.isAdd,
-      "is-compact": t.props.compact
+      "is-placeholder": e.isPlaceholder,
+      "is-add": e.isAdd,
+      "is-compact": e.compact
     }
-  ], style: t.data.staticStyle, on: { click: function(a) {
-    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.scopedSlots.badge ? e("div", { staticClass: "absolute bottom-2 right-2" }, [t._t("badge")], 2) : t._e(), t.props.isAdd ? e("div", { staticClass: "add-button" }, [e("CIcon", { 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)]);
-}, Ii = [], Fi = /* @__PURE__ */ d(
-  Bi,
-  Mi,
-  Ii,
-  !0,
+  ], style: a.staticStyle, on: { click: a.handleClick } }, "div", a.attrs, !1), [t("div", { staticClass: "item-paper" }, [e.thumbnail ? t("div", { staticStyle: { width: "100%", height: "100%", "background-size": "100% auto", "background-repeat": "no-repeat", "background-position": "0% 0%" }, style: {
+    backgroundImage: `url(${e.thumbnail})`
+  } }) : e.isPlaceholder || e.isAdd ? e._e() : t(a.BlockMedia, { staticClass: "item-media", attrs: { media: e.media, preview: "" } }), a.slots.badge ? t("div", { staticClass: "absolute bottom-2 right-2" }, [e._t("badge")], 2) : e._e(), e.isAdd ? t("div", { staticClass: "add-button" }, [t("CIcon", { attrs: { size: 18, "stroke-width": 3, type: "plus" } })], 1) : e._e()], 1), t("div", { staticClass: "item-footer" }, [e.isAdd ? t("div", { staticClass: "item-text", staticStyle: { color: "hsl(0, 0%, 55%)" }, domProps: { textContent: e._s(a.emptyTempleTitle) } }) : e.name ? [t("div", { staticClass: "item-text", domProps: { textContent: e._s(a.docTempleTitle) } }), e._t("default")] : e._e()], 2)]);
+}, Pi = [], Ei = /* @__PURE__ */ d(
+  Hi,
+  Ai,
+  Pi,
+  !1,
   null,
-  "c3016d8f"
+  "b9a00284"
 );
-const Hi = Fi.exports, Ai = {
+const zi = Ei.exports, Zi = {
   name: "HorizontalScroll",
   components: {
-    Simplebar: k
+    Simplebar: _
   },
   data() {
     return {
@@ -6280,7 +6284,7 @@ const Hi = Fi.exports, Ai = {
     }
   }
 };
-var Pi = function() {
+var Oi = function() {
   var e = this, t = e._self._c;
   return t("div", { ref: "container", staticClass: "horizontal-scroll" }, [t("div", { staticClass: "hl-navigation" }, [e.hasPrev ? t("div", { staticClass: "hl-btn-left max-sm:hidden", on: { click: function(a) {
     return e.go(-1);
@@ -6293,16 +6297,16 @@ var Pi = function() {
       return e.$emit("expand");
     } } })];
   })], 2) : e._e()]), t("div", { staticClass: "hl-container" }, [t("Simplebar", { ref: "list", staticClass: "hl-list", on: { scroll: e.scrollHandler } }, [t("div", { staticClass: "flex w-full" }, [e._t("default")], 2)])], 1)]);
-}, Ei = [], zi = /* @__PURE__ */ d(
-  Ai,
-  Pi,
-  Ei,
+}, Ui = [], Ri = /* @__PURE__ */ d(
+  Zi,
+  Oi,
+  Ui,
   !1,
   null,
   "31e10485"
 );
-const Zi = zi.exports;
-function Ui(i, { availableProducts: e }) {
+const Gi = Ri.exports;
+function Wi(i, { availableProducts: e }) {
   if (!i)
     throw new Error("Missing parameter templateId");
   const t = e, a = Object.keys(t).find((s) => {
@@ -6315,10 +6319,10 @@ function Ui(i, { availableProducts: e }) {
   });
   return a ? t[a] : null;
 }
-async function Oi(i) {
+async function qi(i) {
   if (!i)
     throw new Error("Missing argument stripeProduct");
-  const e = i == null ? void 0 : i.prices[0], { data: t } = await _e.createCheckoutSession({
+  const e = i == null ? void 0 : i.prices[0], { data: t } = await Te.createCheckoutSession({
     items: [
       {
         stripePriceStripeId: e.stripeId,
@@ -6330,27 +6334,27 @@ async function Oi(i) {
   }), { redirectUrl: a } = t;
   window.open(a, "_blank");
 }
-function ee(i, { availableProducts: e }) {
+function ie(i, { availableProducts: e }) {
   var s, n, o;
   let t = null;
-  const a = Ui(i.templateId, {
+  const a = Wi(i.templateId, {
     availableProducts: e
   });
   return a && (t = {
-    price: U((s = a == null ? void 0 : a.prices) == null ? void 0 : s[0].amount, {
+    price: R((s = a == null ? void 0 : a.prices) == null ? void 0 : s[0].amount, {
       currency: (n = a == null ? void 0 : a.prices) == null ? void 0 : n[0].currency
     }),
     isPurchased: ((o = i.purchaseInfo) == null ? void 0 : o.isPurchased) || !1,
-    onBuy: async () => Oi(a)
+    onBuy: async () => qi(a)
   }), t;
 }
-const Ri = {
+const Ni = {
   name: "GalleryTemplateModal",
   components: {
-    simplebar: k,
-    DocumentLayout: Re,
-    IsPremium: L,
-    IsPremiumPreStep: _
+    simplebar: _,
+    DocumentLayout: Ne,
+    IsPremium: $,
+    IsPremiumPreStep: L
   },
   props: {
     // Instance of template
@@ -6412,13 +6416,13 @@ const Ri = {
     };
   },
   computed: {
-    ...g({
+    ...C({
       isLoading: "templates/isPosting",
       stripeProducts: "stripe/products",
       isSuperUser: "application/isSuperUser"
     }),
     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,
@@ -6434,7 +6438,7 @@ const Ri = {
     }
   },
   created() {
-    this.privateProduct = this.product, this.loadTemplateStat(), this.product && (this.socketUnsubscribeFn = Le.on(
+    this.privateProduct = this.product, this.loadTemplateStat(), this.product && (this.socketUnsubscribeFn = De.on(
       "event",
       async ({ type: i, action: e, data: t }) => {
         var a;
@@ -6447,7 +6451,7 @@ const Ri = {
             isVisibleApp: !0,
             includePurchaseInfo: !0
           }, o = await this.fetchGallery(n);
-          this.privateProduct = ee(
+          this.privateProduct = ie(
             o[0],
             { availableProducts: this.stripeProducts }
           );
@@ -6463,7 +6467,7 @@ const Ri = {
       const i = this.template.id;
       i || (this.templateStat = null);
       try {
-        const { data: e } = await $e.get(i);
+        const { data: e } = await Ve.get(i);
         this.templateStat = e;
       } catch {
         this.templateStat = null;
@@ -6480,11 +6484,11 @@ const Ri = {
     },
     async copyToClipboard(i) {
       const e = `${f.baseUrl}/template/${i}`;
-      await q(e) && H("info", this.$t("copyMessage"));
+      await j(e) && P("info", this.$t("copyMessage"));
     }
   }
 };
-var Gi = function() {
+var ji = function() {
   var a;
   var e = this, t = e._self._c;
   return t("div", { staticClass: "template-modal font-inter bg-gray-200" }, [t("div", { staticStyle: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", flex: "1 1 auto", "min-height": "0" } }, [t("simplebar", { staticClass: "h-full w-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: {
@@ -6507,15 +6511,15 @@ var Gi = function() {
   } }]) }), e.allowCopyTemplateLink ? t("CButton", { attrs: { type: "none", "icon-left": "link", wide: "" }, on: { click: function(s) {
     return e.copyToClipboard(e.template.id);
   } } }, [e._v(" " + e._s(e.$t("_common:share", { thing: e.$t("_common:link") })) + " ")]) : e._e()], 2)])]);
-}, Wi = [], qi = /* @__PURE__ */ d(
-  Ri,
-  Gi,
-  Wi,
+}, Ki = [], Yi = /* @__PURE__ */ d(
+  Ni,
+  ji,
+  Ki,
   !1,
   null,
   "a4cb4a3f"
 );
-const Ni = qi.exports, ji = {
+const Qi = Yi.exports, Ji = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -6615,7 +6619,7 @@ const Ni = qi.exports, ji = {
     };
   },
   computed: {
-    ...g({
+    ...C({
       stripeProducts: "stripe/products"
     }),
     galleryItems() {
@@ -6640,7 +6644,7 @@ const Ni = qi.exports, ji = {
     }
   },
   beforeCreate() {
-    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", je);
+    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", Je);
   },
   async created() {
     var t, a, s, n;
@@ -6657,12 +6661,12 @@ const Ni = qi.exports, ji = {
         );
         this.selectGalleryItem(o);
       } catch (o) {
-        D(o);
+        B(o);
       }
   },
   methods: {
-    ...w({
-      loadPrices: m.LOAD_PRICES
+    ...b({
+      loadPrices: h.LOAD_PRICES
     }),
     async loadTemplateGallery() {
       this.isLoading = !0;
@@ -6675,7 +6679,7 @@ const Ni = qi.exports, ji = {
         const e = await this.fetchGallery(i);
         this.templateGalleryItems = (e || []).map((t) => {
           if (this.canPurchase && t.isPurchasable) {
-            const a = ee(t, {
+            const a = ie(t, {
               availableProducts: this.stripeProducts
             });
             a && (t.product = a);
@@ -6686,7 +6690,7 @@ const Ni = qi.exports, ji = {
           []
         );
       } catch (e) {
-        D(e);
+        B(e);
       } finally {
         this.isLoading = !1;
       }
@@ -6699,7 +6703,7 @@ const Ni = qi.exports, ji = {
         isVisibleApp: !0,
         includePurchaseInfo: !0
       }, t = await this.fetchGallery(e), a = (n = t == null ? void 0 : t[0]) == null ? void 0 : n.templateId;
-      return a ? (Se(a), new Te(a)) : null;
+      return a ? (Be(a), new Me(a)) : null;
     },
     onUseTemplate(i) {
       if (!i)
@@ -6722,7 +6726,7 @@ const Ni = qi.exports, ji = {
         fortnoxCom: "/img/fortnox/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        Ni,
+        Qi,
         {
           template: i,
           fetchGallery: this.fetchGallery,
@@ -6777,16 +6781,16 @@ const Ni = qi.exports, ji = {
       selectGalleryItem: this.selectGalleryItem
     });
   }
-}, Ki = null, Yi = null;
-var Qi = /* @__PURE__ */ d(
-  ji,
-  Ki,
-  Yi,
+}, Xi = null, ea = null;
+var ta = /* @__PURE__ */ d(
+  Ji,
+  Xi,
+  ea,
   !1,
   null,
   null
 );
-const Ji = Qi.exports, Xi = {
+const ia = ta.exports, aa = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -6830,13 +6834,13 @@ const Ji = Qi.exports, Xi = {
   },
   name: "TemplateSelector",
   components: {
-    HorizontalScroll: Zi,
-    DocumentIcon: Hi,
-    DocumentRecent: Vi,
-    GalleryLogic: Ji,
-    IsPremiumPreStep: _
+    HorizontalScroll: Gi,
+    DocumentIcon: zi,
+    DocumentRecent: Fi,
+    GalleryLogic: ia,
+    IsPremiumPreStep: L
   },
-  mixins: [x],
+  mixins: [w],
   props: {
     // Used for creating documents form project/client views
     projectId: {
@@ -6887,7 +6891,7 @@ const Ji = Qi.exports, Xi = {
     };
   },
   computed: {
-    ...g({
+    ...C({
       canFeature: "application/feature",
       templateById: "templates/byId",
       isFetchingTemplates: "templates/isFetching",
@@ -6933,11 +6937,11 @@ const Ji = Qi.exports, Xi = {
     this.loadTemplates();
   },
   methods: {
-    ...w({
-      loadTemplatesAction: m.LOAD_TEMPLATES,
-      loadTemplate: m.LOAD_TEMPLATE,
-      createTemplate: m.DO_CREATE_TEMPLATE,
-      removeTemplate: m.REMOVE_TEMPLATE
+    ...b({
+      loadTemplatesAction: h.LOAD_TEMPLATES,
+      loadTemplate: h.LOAD_TEMPLATE,
+      createTemplate: h.DO_CREATE_TEMPLATE,
+      removeTemplate: h.REMOVE_TEMPLATE
     }),
     loadTemplates() {
       const i = {};
@@ -6954,7 +6958,7 @@ const Ji = Qi.exports, Xi = {
     },
     async saveTemplate(i) {
       try {
-        const { data: e } = i, t = De(e, [
+        const { data: e } = i, t = Ie(e, [
           "_id",
           "id",
           "companyId",
@@ -6962,13 +6966,13 @@ const Ji = Qi.exports, Xi = {
         ]);
         return await this.createTemplate({ body: t }), !0;
       } catch (e) {
-        D(e);
+        B(e);
       }
       return !1;
     },
     async openTemplateFormModal({ document: i = null, template: e = null }) {
       this.$modal.show(
-        X,
+        te,
         {
           document: i,
           template: e,
@@ -6985,7 +6989,7 @@ const Ji = Qi.exports, Xi = {
       );
     },
     async fetchGallery(i = {}) {
-      const { data: e } = await Ve.get(i);
+      const { data: e } = await Fe.get(i);
       return e;
     },
     canUseTemplate(i) {
@@ -6993,17 +6997,17 @@ const Ji = Qi.exports, Xi = {
     },
     async copyToClipboard(i) {
       const e = `${f.baseUrl}/template/${i}`;
-      await q(e) && H("info", this.$t("copyMessage"));
+      await j(e) && P("info", this.$t("copyMessage"));
     }
   }
 };
-var ea = function() {
+var sa = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, [t("div", { staticClass: "font-inter form-start main mx-auto max-w-5xl", class: { small: e.mq === "sm" } }, [e._t("header"), t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "section-title" }, [t("div", [e._v(e._s(e.$t("myTemplates")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("myTemplatesSubTitle")) + " ")])]), t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: a }) {
     return [t(e.isExpanded ? "div" : "HorizontalScroll", { tag: "component", staticClass: "template-list", class: { "is-expanded": e.isExpanded }, on: { expand: function(s) {
       e.isExpanded = !0;
     } } }, e._l(e.myTemplates, function(s) {
-      return t("DocumentIcon", { key: s.id, staticClass: "template-item", attrs: { "is-add": s.id === "empty", "is-placeholder": s.placeholder, media: s.defaultMedia || e.fallbackMedia, thumbnail: s.thumbnailUrl, name: s.name }, on: { click: function(n) {
+      return t("DocumentIcon", { key: s.id, staticClass: "template-item", attrs: { "is-add": s.id === "empty", "is-placeholder": s.placeholder, media: s.defaultMedia || e.fallbackMedia, thumbnail: s.thumbnailUrl, name: s.name }, on: { triggerOpenTemplate: function(n) {
         s.placeholder || (e.canUseTemplate(s) ? e.select({ templateId: s.id }) : a());
       } } }, [e.canUseTemplate(s) ? !s.doConsumeDocumentQuota && !s.placeholder ? t("div", { staticClass: "bg-primary-500 border-primary-600 inline-flex h-5 items-center rounded border px-1.5 text-[11px] font-semibold capitalize leading-none text-white shadow-sm", attrs: { slot: "badge" }, slot: "badge" }, [e._v(" " + e._s(e.$t("_common:free")) + " ")]) : e._e() : t("div", { staticClass: "inline-flex h-5 items-center gap-1 rounded border border-gray-300 bg-gray-200 px-1 leading-none text-gray-500/90 shadow-sm", attrs: { slot: "badge" }, slot: "badge" }, [t("CIcon", { attrs: { type: "lock", size: "12", "stroke-width": "2.5" } }), t("div", { staticClass: "text-[11px] font-semibold" }, [e._v("Pro")])], 1), s.onModify === "create" && !s.doConsumeDocumentQuota ? t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
         content: e.$t("icon.freeTooltip"),
@@ -7039,40 +7043,40 @@ var ea = function() {
         return o(r);
       } } }, [e._v(" " + e._s(r.label) + " ")]);
     })], 2)], 1), t("div", { staticClass: "section-subtitle", domProps: { innerHTML: e._s(e.$t("gallerySubTitle")) } })]), 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(c) {
+      return t("DocumentIcon", { key: r.id, staticClass: "template-item", attrs: { "is-placeholder": r.placeholder, media: { type: "image", resourceUrl: r.backgroundUrl }, name: r.name }, on: { triggerOpenTemplate: function(c) {
         r.placeholder || l(r);
       } } }, [r.product ? t("div", { staticClass: "bg-primary-500 border-primary-700/40 rounded border p-1 text-xs font-semibold leading-none text-white shadow-lg", attrs: { slot: "badge" }, slot: "badge" }, [r.product.isPurchased ? t("CIcon", { attrs: { type: "check", size: "14", "stroke-width": "3" } }) : t("div", { domProps: { textContent: e._s(r.product.price) } })], 1) : e._e()]);
     }), 1)], 1)];
-  } }], null, !1, 3171552362) })] : 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)]);
-}, ta = [], ia = /* @__PURE__ */ d(
-  Xi,
-  ea,
-  ta,
+  } }], null, !1, 2475160184) })] : 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)]);
+}, na = [], oa = /* @__PURE__ */ d(
+  aa,
+  sa,
+  na,
   !1,
   null,
-  "5c1a776a"
+  "6422a84b"
 );
-const aa = ia.exports;
-var sa = Be, na = Me, oa = Ie;
-function la(i, e, t) {
+const la = oa.exports;
+var ra = He, ca = Ae, da = Pe;
+function pa(i, e, t) {
   for (var a = -1, s = e.length, n = {}; ++a < s; ) {
-    var o = e[a], l = sa(i, o);
-    t(l, o) && na(n, oa(o, i), l);
+    var o = e[a], l = ra(i, o);
+    t(l, o) && ca(n, da(o, i), l);
   }
   return n;
 }
-var ra = la, ca = ra, da = Fe;
-function pa(i, e) {
-  return ca(i, e, function(t, a) {
-    return da(i, a);
+var ua = pa, ma = ua, ha = Ee;
+function fa(i, e) {
+  return ma(i, e, function(t, a) {
+    return ha(i, a);
   });
 }
-var ua = pa, ma = ua, ha = Qe, fa = ha(function(i, e) {
-  return i == null ? {} : ma(i, e);
-}), ga = fa;
-const Ca = /* @__PURE__ */ G(ga);
-A.use(tt);
-const va = {
+var ga = fa, Ca = ga, va = tt, ya = va(function(i, e) {
+  return i == null ? {} : Ca(i, e);
+}), xa = ya;
+const wa = /* @__PURE__ */ q(xa);
+E.use(nt);
+const ba = {
   name: "DocForm",
   i18nOptions: {
     namespaces: "widgetDocForm",
@@ -7086,9 +7090,9 @@ const va = {
     }
   },
   components: {
-    TemplateSelector: aa,
-    DocumentForm: Li,
-    PostSend: rt
+    TemplateSelector: la,
+    DocumentForm: Di,
+    PostSend: ut
   },
   provide() {
     return {
@@ -7151,7 +7155,7 @@ const va = {
     };
   },
   computed: {
-    ...He({
+    ...ze({
       company: "application/company",
       feature: "application/feature",
       can: "application/can",
@@ -7184,18 +7188,18 @@ const va = {
     (!this.rawDoc || (i = this.rawDoc) != null && i.__isNew) && (this.view = "templateSelect");
   },
   methods: {
-    ...Ae({
-      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,
-      saveTemplate: m.SAVE_TEMPLATE_FORM
+    ...Ze({
+      removeFormKeyValue: h.REMOVE_FORM_KEY_VALUE,
+      loadDocumentForm: h.LOAD_DOCUMENT2_FORM,
+      duplicateDocumentForm: h.LOAD_DUPLICATE_DOCUMENT2_FORM,
+      saveDocument: h.SAVE_DYNDOC_FORM,
+      loadCompanyUser: h.LOAD_COMPANY_USER,
+      saveTemplate: h.SAVE_TEMPLATE_FORM
     }),
     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,
@@ -7204,7 +7208,7 @@ const va = {
     },
     async onTemplateSelect({ templateId: i, documentId: e, formData: t }) {
       var s;
-      const a = Ca({ ...this.rawDoc }, [
+      const a = wa({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
         "subscriberCompanyUserIds",
@@ -7216,7 +7220,7 @@ const va = {
         _formData: a
       }) : await this.loadDocumentForm({
         templateId: i,
-        formData: t ? Pe(t, a) : null,
+        formData: t ? Oe(t, a) : null,
         _formData: a
       }), (s = a == null ? void 0 : a.data) != null && s.name && this.setDocValue({ key: "data.name", value: a.data.name }), await this.initDoc(), this.view = "editor";
     },
@@ -7251,23 +7255,23 @@ const va = {
       this.view = "templateSelect", this.setDocValue({ key: "__isNew", value: !0 });
     },
     isManualDelivery(i) {
-      const e = I(i);
+      const e = H(i);
       return !e.sms && !e.email;
     }
   }
 };
-var ya = function() {
+var ka = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex h-full w-full flex-col" }, [e.view === "templateSelect" ? t("div", { staticClass: "flex h-full w-full flex-col" }, [t("div", { staticClass: "relative flex h-16 items-center justify-center border-b border-gray-200" }, [e.closeFunc ? t("CButton", { staticClass: "absolute left-4 top-1/2 -translate-y-1/2", attrs: { icon: "x", circle: "" }, on: { click: e.closeFunc } }) : e._e(), 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"), "show-gallery-template-author": !1, "gallery-category": e.galleryCategory, "on-save-template": e.onSaveTemplate, "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-template": e.onSaveTemplate, "on-save-document": e.onSaveDocument, "is-loading": e.isPosting, close: e.closeFunc, "go-back": !e.document.id && e.showBackButton ? e.goBack : null, "can-show-banner": !1 } }, [e.isEditingTemplate ? t("CButton", { staticClass: "d-nav-button position right save-template-button", staticStyle: { "min-width": "6em", "font-size": "16px" }, attrs: { slot: "nav-right-action", loading: e.isSavingTemplate, disabled: !e.canDoActions, "icon-left": "template", type: "secondary", thinner: "", rounded: "" }, on: { click: e.onSaveTemplateClick }, slot: "nav-right-action" }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:template") })) + " ")]) : e._e()], 1) : e.view === "postSend" ? t("PostSend", { attrs: { document: e.document, "on-send-func": e.closeFunc, "on-close-func": e.closeFunc } }) : e._e()], 1);
-}, xa = [], wa = /* @__PURE__ */ d(
-  va,
-  ya,
-  xa,
+}, _a = [], La = /* @__PURE__ */ d(
+  ba,
+  ka,
+  _a,
   !1,
   null,
   "2c3d4461"
 );
-const Ga = wa.exports;
+const ja = La.exports;
 export {
-  Ga as default
+  ja as default
 };