@cling-se/widget 0.15.2 → 0.15.3

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

@@ -1,25 +1,25 @@
-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 se from "./AnswerModal-Cnp43tGo.js";
+import { o as oe } from "./index-zzCfHTf8.js";
+import { w } from "./CDropdownItem-BSPNul90.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-BIwKzAN8.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 _ } from "./Flag-3OyFDPsP.js";
+import { l as Ue, g as Re, W as Ge, b as We, a as qe, D as Ne } from "./DocumentLayout-CiszuoQc.js";
+import { F as K, d as je } from "./tippy.esm-DiOYviyf.js";
+import { m as D } from "./mapFormMixin-e2PJ431T.js";
+import { d as z, t as Ke } from "./debounce-HJoaSvIY.js";
+import { d as Ye } from "./vuedraggable.umd-DDT8qZBI.js";
+import { C as Qe, I as L, a as $, s as Je } from "./index-CKZmpLr6.js";
+import { C as Y } from "./CFormField-Cz_jNazS.js";
+import { S as Xe } from "./SmartList-D6AvxfSL.js";
+import { o as et, _ as tt } from "./omit-CpamclWf.js";
+import { v as A } from "./index-CFx0cpeM.js";
+import { t as it } from "./tinycolor-vIxz4Xgi.js";
+import { s as v } from "./formDrawerState-DYSBcjo4.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";
+import { S as nt, i as st } from "./formComponentsInstall-DMoWrprH.js";
+import { f as ot } from "./formValidationMixin-Dqlhg0R2.js";
+import { B as lt } from "./BlockMedia-D4nhek2s.js";
 const rt = {
   name: "DocumentPostSendStep",
   mixins: [w],
@@ -96,7 +96,7 @@ const rt = {
         body: { isAccepted: !0 },
         checksum: a
       }), await this.sendDocument({ id: i }), this.onSend()) : (this.$modal.show(
-        ne,
+        se,
         {
           _document: this.document,
           fullScreen: this.modalHeight === "100%",
@@ -105,12 +105,12 @@ const rt = {
           // actions intended mirror public requests made in accept/bankId modals
           // defined here in order to keep it DRY and avoiding account module actions defined in answer modals
           senderActions: {
-            answer: (async function({ body: n }) {
+            answer: (async function({ body: s }) {
               var o;
               return this.answerDocument({
                 id: i,
                 publicId: e.publicDocumentId,
-                body: n,
+                body: s,
                 checksum: (o = this.document._doc) == null ? void 0 : o.checksum
               });
             }).bind(this),
@@ -129,8 +129,8 @@ const rt = {
         },
         {
           cancel: () => {
-            var s;
-            return (s = this.onCancelFunc) == null ? void 0 : s.call(this);
+            var n;
+            return (n = this.onCancelFunc) == null ? void 0 : n.call(this);
           }
         }
       ), !0);
@@ -508,7 +508,7 @@ const qt = Wt.exports, Nt = {
       this.elementWidth = e.width, this.elementHeight = e.height;
       const t = i.type === "touchstart", a = t ? i.touches[0] : i;
       this.clientX = a.clientX, this.clientY = a.clientY;
-      const s = t ? "touchmove" : "mousemove", n = t ? "touchend" : "mouseup", o = (r) => {
+      const n = t ? "touchmove" : "mousemove", s = t ? "touchend" : "mouseup", o = (r) => {
         t || r.preventDefault();
         const c = t ? r.touches[0] : r;
         this.movementX = this.clientX - c.clientX, this.movementY = this.clientY - c.clientY, this.clientX = c.clientX, this.clientY = c.clientY, this.$el.style.top = `${Math.max(
@@ -519,9 +519,9 @@ const qt = Wt.exports, Nt = {
           this.windowWidth - this.elementWidth
         )}px`;
       }, l = () => {
-        document.removeEventListener(s, o), document.removeEventListener(n, l);
+        document.removeEventListener(n, o), document.removeEventListener(s, l);
       };
-      document.addEventListener(s, o), document.addEventListener(n, l);
+      document.addEventListener(n, o), document.addEventListener(s, l);
     }
   },
   render() {
@@ -559,7 +559,7 @@ var Xt = function() {
     return [t("div", { staticClass: "popup", staticStyle: { position: "fixed", width: "280px", "border-radius": "calc(0.5 * var(--rem))", padding: "1em 1em 3em 1em", "font-size": "14px", "background-color": "white", "min-height": "400px", "box-shadow": "0 5px 30px -5px rgb(0, 0, 0, 0.2)", "z-index": "1000" }, style: {
       top: "70px",
       left: `${e.offset + 15}px`
-    } }, [t("div", { staticStyle: { position: "relative", height: "100%", width: "100%" } }, [t("CButton", { staticStyle: { position: "absolute", right: "0", top: "0" }, attrs: { icon: "x", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { click: function(s) {
+    } }, [t("div", { staticStyle: { position: "relative", height: "100%", width: "100%" } }, [t("CButton", { staticStyle: { position: "absolute", right: "0", top: "0" }, attrs: { icon: "x", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { click: function(n) {
       return e.$emit("close");
     } } }), t("CButton", { staticStyle: { position: "absolute", right: "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);
@@ -658,8 +658,8 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
                     weight: t
                   }
                 },
-                onInput: ({ family: a, weight: s, options: n = [] }) => {
-                  this.update(i, a), Ue(a), t != s && this.update("fontWeight", s), this.fontWeightOptions = n;
+                onInput: ({ family: a, weight: n, options: s = [] }) => {
+                  this.update(i, a), Ue(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
                 }
               }
             ]
@@ -677,7 +677,7 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
                     value: t || "",
                     type: "number",
                     minValue: 0,
-                    onInput: (s) => this.update(i, `${s}${a}`)
+                    onInput: (n) => this.update(i, `${n}${a}`)
                   },
                   select: {
                     value: t || "px",
@@ -695,7 +695,7 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
                       { value: 72, label: 72 },
                       { value: 96, label: 96 }
                     ],
-                    onInput: (s) => this.update(i, `${s}px`)
+                    onInput: (n) => this.update(i, `${n}px`)
                   }
                 }
               },
@@ -707,7 +707,7 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
                   max: 100,
                   value: t
                 },
-                onInput: (s) => this.update(i, `${s}${a}`)
+                onInput: (n) => this.update(i, `${n}${a}`)
               }
             ]
           };
@@ -877,7 +877,7 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
                     value: t || "",
                     type: "number",
                     minValue: 0,
-                    onInput: (s) => this.update(i, `${s}${a}`)
+                    onInput: (n) => this.update(i, `${n}${a}`)
                   },
                   select: {
                     value: t || "px",
@@ -887,7 +887,7 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
                       { value: 900, label: 900 },
                       { value: 1080, label: 1080 }
                     ],
-                    onInput: (s) => this.update(i, `${s}px`)
+                    onInput: (n) => this.update(i, `${n}px`)
                   }
                 }
               },
@@ -900,7 +900,7 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
                   step: 10,
                   value: t
                 },
-                onInput: (s) => this.update(i, `${s}${a}`)
+                onInput: (n) => this.update(i, `${n}${a}`)
               }
             ]
           };
@@ -946,7 +946,7 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
           };
         },
         border: ([i, e, t]) => {
-          const a = i.value === "solid", [, s] = k(e.value), n = [
+          const a = i.value === "solid", [, n] = k(e.value), s = [
             {
               label: this.$t("border"),
               inputs: [
@@ -965,7 +965,7 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
                 {
                   component: "input",
                   props: {
-                    value: s,
+                    value: n,
                     type: "number",
                     minValue: 0
                   }
@@ -973,15 +973,15 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
                 {
                   component: "step",
                   props: {
-                    value: s
+                    value: n
                   },
                   onIncrease: () => this.update(
                     e.key,
-                    `${parseFloat(s || 0) + 1}px`
+                    `${parseFloat(n || 0) + 1}px`
                   ),
                   onDecrease: () => this.update(
                     e.key,
-                    `${parseFloat(s || 0) - 1}px`
+                    `${parseFloat(n || 0) - 1}px`
                   )
                 }
               ]
@@ -1006,7 +1006,7 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
                   value: a ? `${e.value} ${t.value}` : "none",
                   width: "220px",
                   popup: {
-                    inputs: n
+                    inputs: s
                   }
                 }
               }
@@ -1023,8 +1023,8 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
         h2: e,
         h3: t,
         blockquote: a,
-        p: s,
-        '[data-typography="title"]': n
+        p: n,
+        '[data-typography="title"]': s
       } = this.css || {};
       return [
         {
@@ -1038,7 +1038,7 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
             // calc(2.5 * var(--rem))
             fontWeight: 800,
             // 900
-            ...n
+            ...s
           }
         },
         {
@@ -1107,7 +1107,7 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
           style: {
             fontFamily: "Inter",
             fontSize: "16px",
-            ...s
+            ...n
           }
         }
       ];
@@ -1115,9 +1115,9 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
     activeItemOptions() {
       if (!this.activeItem)
         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((g) => ({ key: g, value: s(g) })) : { key: o, value: s(o) };
+      const { selector: i, category: e, style: t = {} } = this.activeItem, a = u(this.css, i) || {}, n = (s) => a[s] || t[s];
+      return this[e].map(({ option: s, key: o }, l) => {
+        const r = this.definitionOptions[s], c = Array.isArray(o) ? o.map((g) => ({ key: g, value: n(g) })) : { key: o, value: n(o) };
         return r(c, l);
       });
     }
@@ -1137,10 +1137,10 @@ const J = t1.exports, i1 = /([\d+.]*)(.*)/, k = (i) => (i || "").match(i1), a1 =
     }
   }
 };
-var s1 = function() {
+var n1 = 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) {
+    return t("div", { key: a.label, staticClass: "list-option", on: { click: function(n) {
       e.activeItem = a;
     } } }, [t("div", { style: {
       fontSize: a.fontSize,
@@ -1150,16 +1150,16 @@ var s1 = function() {
       lineHeight: 1
     } }, [e._v(" " + e._s(a.label) + " ")]), t("div", { staticStyle: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, [e._v(" " + e._s(a.style.fontFamily) + " " + e._s(a.style.fontSize) + " ")])]);
   })], 2), t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(0.5 * var(--rem)) calc(1 * var(--rem))" } }), t("div", { staticStyle: { padding: "calc(0.75 * var(--rem))" } }, [t("div", { staticStyle: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, [e._v(" " + e._s(e.$t("section_plural")) + " ")]), e._l(e.sections, function(a) {
-    return t("div", { key: a.label, staticClass: "list-option", on: { click: function(s) {
+    return t("div", { key: a.label, staticClass: "list-option", on: { click: function(n) {
       e.activeItem = a;
     } } }, [t("div", { staticStyle: { "font-size": "1.075em", "font-weight": "500" } }, [e._v(" " + e._s(a.label) + " ")]), t("div", { staticStyle: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, [e._v(" #000000 ")])]);
-  })], 2), e.activeItem ? t("DragWindow", { attrs: { title: e.activeItem.label, offset: e.offset }, on: { close: () => e.activeItem = null } }, e._l(e.activeItemOptions, function(a, s) {
-    return t("FormInputRow", { key: s, attrs: { label: a.label, inputs: a.inputs } });
+  })], 2), e.activeItem ? t("DragWindow", { attrs: { title: e.activeItem.label, offset: e.offset }, on: { close: () => e.activeItem = null } }, e._l(e.activeItemOptions, function(a, n) {
+    return t("FormInputRow", { key: n, attrs: { label: a.label, inputs: a.inputs } });
   }), 1) : e._e()], 1);
-}, n1 = [], o1 = /* @__PURE__ */ d(
+}, s1 = [], o1 = /* @__PURE__ */ d(
   a1,
-  s1,
   n1,
+  s1,
   !1,
   null,
   "83027693"
@@ -1500,12 +1500,12 @@ const l1 = o1.exports, r1 = {
 };
 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 } });
+  return t("div", { staticStyle: { height: "100%", padding: "1em" } }, [e._l(e.options, function(a, n) {
+    return t("FormInputRow", { key: n, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } });
   }), e.showDragWindow ? t("DragWindow", { attrs: { offset: e.offset, title: e.$t("pricing.title") }, on: { close: function(a) {
     e.showDragWindow = !1;
-  } } }, [e._l(e.priceOptions, function(a, 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 } })];
+  } } }, [e._l(e.priceOptions, function(a, n) {
+    return [a.type === "divider" ? t("div", { key: n, staticClass: "divider" }) : t("FormInputRow", { key: n, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } })];
   })], 2) : e._e()], 2);
 }, d1 = [], p1 = /* @__PURE__ */ d(
   r1,
@@ -1660,11 +1660,11 @@ const u1 = p1.exports, m1 = {
         );
         if (!e)
           return;
-        const { service: t, type: a, typeId: s } = e, { data: n } = await T.getExternalReferenceDetails(
+        const { service: t, type: a, typeId: n } = e, { data: s } = await T.getExternalReferenceDetails(
           t,
-          { type: a, typeId: s }
+          { type: a, typeId: n }
         );
-        i !== this.dealType ? this.typeDetails = { ...n, type: i } : this.dealDetails = n;
+        i !== this.dealType ? this.typeDetails = { ...s, type: i } : this.dealDetails = s;
       } catch {
         i !== this.dealType ? this.typeDetails = null : this.dealDetails = null;
       } finally {
@@ -1673,25 +1673,25 @@ const u1 = p1.exports, m1 = {
     },
     removeReference(i = this.dealType) {
       const e = this.externalReferences.find(
-        (n) => n.service === this.activeCrm && n.type === i
+        (s) => s.service === this.activeCrm && s.type === i
       );
       if (!e)
         return;
-      const { service: t, type: a, typeId: s } = e;
-      !t || !a || !s || (this.externalReferences = this.externalReferences.filter(
-        (n) => !(n.service === t && n.type === a && n.typeId === s)
+      const { service: t, type: a, typeId: n } = e;
+      !t || !a || !n || (this.externalReferences = this.externalReferences.filter(
+        (s) => !(s.service === t && s.type === a && s.typeId === n)
       ), i !== this.dealType ? this.typeDetails = null : this.dealDetails = null);
     },
     async suggestClients() {
-      var s;
+      var n;
       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) => ({
+        const s = (n = this._document) == null ? void 0 : n.defaultAnswerMethod, o = a.map((l) => ({
           ...de(),
-          ...n && { answerMethod: n },
+          ...s && { answerMethod: s },
           ...l
         }));
         this.clients = [...this.clients || [], ...o];
@@ -1704,8 +1704,8 @@ const u1 = p1.exports, m1 = {
       });
     },
     addArticle(i) {
-      var a, s;
-      const [e] = ((s = (a = this._document) == null ? void 0 : a.packageGroups) == null ? void 0 : s.packages) || [];
+      var a, n;
+      const [e] = ((n = (a = this._document) == null ? void 0 : a.packageGroups) == null ? void 0 : n.packages) || [];
       if (!(e != null && e.packageId))
         return;
       const t = x({
@@ -1722,11 +1722,13 @@ const u1 = p1.exports, m1 = {
 };
 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) {
+  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" }, scopedSlots: e._u([{ key: "trigger", fn: function() {
+    return [t("CButton", { attrs: { size: "small", circle: "", type: "none", pattern: "tertiary", icon: "more-vertical" } })];
+  }, proxy: !0 }], null, !1, 1198894702) }, e._l(e.allAuthenticatedCRMs, function(a) {
+    return t("CDropdownItem", { key: a, attrs: { type: e.activeCrm === a ? "primary" : "secondary", size: "small" }, on: { click: function(n) {
       e.activeCrm = a;
     } } }, [e._v(" " + e._s(a.capitalize()) + " ")]);
-  })], 2) : e._e(), e.isLoading && !e.dealDetails ? t("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { "padding-top": "calc(2 * var(--rem))" } }, [t("Spinner", { attrs: { size: "24", color: "grey" } })], 1) : e.activeCrm ? [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(2 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500", "font-size": "16px" } }, [e._v(" " + e._s(e.activeCrm.capitalize()) + " ")]), e.typeDetails ? t("div", [t("div", { staticClass: "x-hint" }, [t("div", { staticClass: "flex w-full" }, [t("div", { domProps: { textContent: e._s(
+  }), 1) : e._e(), e.isLoading && !e.dealDetails ? t("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { "padding-top": "calc(2 * var(--rem))" } }, [t("Spinner", { attrs: { size: "24", color: "grey" } })], 1) : e.activeCrm ? [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(2 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500", "font-size": "16px" } }, [e._v(" " + e._s(e.activeCrm.capitalize()) + " ")]), e.typeDetails ? t("div", [t("div", { staticClass: "x-hint" }, [t("div", { staticClass: "flex w-full" }, [t("div", { domProps: { textContent: e._s(
     e.$t("referenceTo", {
       crm: e.activeCrm.capitalize(),
       type: e.$t(`type.${e.typeDetails.type}`)
@@ -1744,10 +1746,12 @@ var h1 = function() {
   }, select: function(a) {
     return e.useSearchResult(a);
   } }, scopedSlots: e._u([{ key: "default", fn: function({ option: a }) {
-    return t("div", { staticStyle: { "line-height": "1.5" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(a.name))]), t("div", { staticClass: "text-gray-600", staticStyle: { "font-size": "14px" } }, [e._v(" " + e._s(a.externalReference.type.capitalize()) + " " + e._s(a.externalReference.typeId) + " "), a.value && a.currency ? [e._v(" · " + e._s(e.priceFormat(a.value, { showZero: !1, currency: a.currency })) + " ")] : e._e()], 2)]);
-  } }]), model: { value: e.searchQuery, callback: function(a) {
+    return [t("div", { staticStyle: { "line-height": "1.5" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(a.name))]), t("div", { staticClass: "text-gray-600", staticStyle: { "font-size": "14px" } }, [e._v(" " + e._s(a.externalReference.type.capitalize()) + " " + e._s(a.externalReference.typeId) + " "), a.value && a.currency ? [e._v(" · " + e._s(e.priceFormat(a.value, { showZero: !1, currency: a.currency })) + " ")] : e._e()], 2)])];
+  } }, { key: "empty", fn: function() {
+    return [e._v(" " + e._s(e.$t("_common:noResults")) + " ")];
+  }, proxy: !0 }]), model: { value: e.searchQuery, callback: function(a) {
     e.searchQuery = a;
-  }, expression: "searchQuery" } }, [t("template", { slot: "empty" }, [e._v(" " + e._s(e.$t("_common:noResults")) + " ")])], 2)], 1)], 2), e.showDealProducts ? t("div", [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(1 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("productsTitle")) + " "), t("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: "Use a product by drag & dropping a product to a package.", expression: `
+  }, expression: "searchQuery" } })], 1)], 2), e.showDealProducts ? t("div", [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(1 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("productsTitle")) + " "), t("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: "Use a product by drag & dropping a product to a package.", expression: `
               'Use a product by drag & dropping a product to a package.'
             ` }], attrs: { type: "info", size: "13" } })], 1), t("div", { staticClass: "text-gray-600", domProps: { textContent: e._s(
     e.$t("productsText", {
@@ -1759,7 +1763,7 @@ var h1 = function() {
     pull: "clone",
     put: !1
   }, clone: e.cloneArticle } }, e._l(e.dealDetails.articles, function(a) {
-    return t("div", { key: a._uniqueId, staticStyle: { padding: "calc(0.5 * var(--rem))", "line-height": "1", "margin-bottom": "calc(0.5 * var(--rem))", "box-shadow": "0 1px 3px rgb(0, 0, 0, 0.3)", background: "white", "border-radius": "3px", cursor: "grab", "user-select": "none" }, on: { click: function(s) {
+    return t("div", { key: a._uniqueId, staticStyle: { padding: "calc(0.5 * var(--rem))", "line-height": "1", "margin-bottom": "calc(0.5 * var(--rem))", "box-shadow": "0 1px 3px rgb(0, 0, 0, 0.3)", background: "white", "border-radius": "3px", cursor: "grab", "user-select": "none" }, on: { click: function(n) {
       return e.addArticle(a);
     } } }, [t("div", { staticStyle: { "font-weight": "500", "padding-bottom": "4px", "font-size": "14px" }, domProps: { textContent: e._s(a.name) } }), t("div", { staticClass: "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);
@@ -1769,7 +1773,7 @@ var h1 = function() {
   f1,
   !1,
   null,
-  "1f5d45eb"
+  "0c00e6a6"
 );
 const C1 = g1.exports, v1 = {
   name: "FieldsModal",
@@ -1954,7 +1958,7 @@ const b1 = w1.exports, k1 = {
     options() {
       const { fields: i, usedFields: e } = this._document;
       return Object.keys(i).map((t) => {
-        const a = i[t], { service: s, inputDisabled: n, virtual: o = !1 } = a.meta || {}, l = this.crmService && s === this.crmService ? a.meta.service : null;
+        const a = i[t], { service: n, inputDisabled: s, virtual: o = !1 } = a.meta || {}, l = this.crmService && n === this.crmService ? a.meta.service : null;
         return {
           ...a,
           id: t,
@@ -1962,7 +1966,7 @@ const b1 = w1.exports, k1 = {
           onInput: (r) => this.updateValue(a.key, r),
           usedCount: e[a.key] || 0,
           crm: l,
-          inputDisabled: n || l,
+          inputDisabled: s || l,
           virtual: o
         };
       });
@@ -1993,7 +1997,7 @@ const b1 = w1.exports, k1 = {
             ...a,
             // Filter out previous service fields if switching connected crm
             ...Object.entries(((t = (e = this._document) == null ? void 0 : e.data) == null ? void 0 : t.fields) || {}).reduce(
-              (s, [n, o]) => o != null && o.meta.service && o.meta.service !== i ? s : { ...s, [n]: o },
+              (n, [s, o]) => o != null && o.meta.service && o.meta.service !== i ? n : { ...n, [s]: o },
               {}
             )
           });
@@ -2044,17 +2048,17 @@ var _1 = function() {
   return t("div", { staticStyle: { padding: "1em" } }, [t("div", { staticStyle: { margin: "15px 0" } }, [t("div", { staticStyle: { "font-size": "16px", "font-weight": "600" }, domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticStyle: { color: "hsl(0, 0%, 35%)" }, domProps: { textContent: e._s(e.$t("description")) } })]), t("CInput", { attrs: { placeholder: e.$t("_common:search"), filled: "", size: "small" }, model: { value: e.query, callback: function(a) {
     e.query = a;
   }, expression: "query" } }), e.query ? t("div", { staticStyle: { "margin-top": "15px", "padding-top": "15px", "border-top": "1px solid hsl(0, 0%, 88%)" } }, [t("SmartList", { attrs: { items: e.options, "filter-method": e.filterMethod, query: e.query }, scopedSlots: e._u([{ key: "default", fn: function({ items: a }) {
-    return t("div", {}, [a.length ? e._l(a, function(s, n) {
-      return t("div", { key: n, staticClass: "field-parent flex w-full items-center" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(s.label) }, on: { dragstart: (o) => e.onDragStart(o, s) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: s.value, disabled: s.inputDisabled, filled: "", size: "small" }, on: { blur: function(o) {
+    return [t("div", [a.length ? e._l(a, function(n, s) {
+      return t("div", { key: s, staticClass: "field-parent flex w-full items-center" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(n.label) }, on: { dragstart: (o) => e.onDragStart(o, n) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: n.value, disabled: n.inputDisabled, filled: "", size: "small" }, on: { blur: function(o) {
         var l;
-        return s.onInput(((l = o == null ? void 0 : o.target) == null ? void 0 : l.value) || "");
-      } } })], 1), t("div", { staticClass: "field-actions" }, [!s.inputDisabled && !s.virtual ? t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary" }, on: { click: function(o) {
-        return e.openFieldModal({ existingFieldId: s.id });
+        return n.onInput(((l = o == null ? void 0 : o.target) == null ? void 0 : l.value) || "");
+      } } })], 1), t("div", { staticClass: "field-actions" }, [!n.inputDisabled && !n.virtual ? t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary" }, on: { click: function(o) {
+        return e.openFieldModal({ existingFieldId: n.id });
       } } }) : e._e(), t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "copy", size: "small", type: "none", pattern: "secondary" }, on: { click: function(o) {
-        return e.onCopyField(`{{${s.key}}}`);
+        return e.onCopyField(`{{${n.key}}}`);
       } } })], 1)], 1)]);
-    }) : t("div", { staticStyle: { "text-align": "center" } }, [e._v(" " + e._s(e.$t("_common:noResults")) + " ")])], 2);
-  } }], null, !1, 1639279928) })], 1) : t("div", { staticStyle: { "padding-top": "20px" } }, [t("div", { staticClass: "flex w-full justify-end", staticStyle: { "margin-top": "0.5em", "margin-bottom": "0.5em" } }, [t("CButton", { staticStyle: { "font-size": "13px", "margin-left": "2px" }, attrs: { type: "none", pattern: "secondary", size: "small" }, domProps: { textContent: e._s(e.$t("_common:add", { thing: e.$t("_common:field") })) }, on: { click: e.openFieldModal } })], 1), e._l([
+    }) : t("div", { staticStyle: { "text-align": "center" } }, [e._v(" " + e._s(e.$t("_common:noResults")) + " ")])], 2)];
+  } }], null, !1, 4102404724) })], 1) : t("div", { staticStyle: { "padding-top": "20px" } }, [t("div", { staticClass: "flex w-full justify-end", staticStyle: { "margin-top": "0.5em", "margin-bottom": "0.5em" } }, [t("CButton", { staticStyle: { "font-size": "13px", "margin-left": "2px" }, attrs: { type: "none", pattern: "secondary", size: "small" }, domProps: { textContent: e._s(e.$t("_common:add", { thing: e.$t("_common:field") })) }, on: { click: e.openFieldModal } })], 1), e._l([
     {
       label: e.$t("usedFields"),
       defaultOpen: !0,
@@ -2072,17 +2076,17 @@ var _1 = function() {
       defaultOpen: !e.usedFields.length,
       items: e.unUsedFields
     }
-  ], function(a, s) {
-    return t("CAccordion", { key: s, staticStyle: { "border-top": "1px solid hsl(0, 0%, 88%)" }, attrs: { "default-open": a.defaultOpen }, scopedSlots: e._u([{ key: "trigger", fn: function({ expanded: n }) {
-      return t("div", { staticClass: "list-button" }, [t("span", [t("span", { domProps: { textContent: e._s(a.label) } }), t("span", { staticStyle: { opacity: "0.45", "padding-left": "0.5em" }, domProps: { textContent: e._s(a.items.length) } })]), t("CIcon", { staticStyle: { transition: "200ms" }, style: { transform: `rotate(${n ? "180deg" : "0deg"})` }, attrs: { type: "chevron-down", size: "15" } })], 1);
-    } }], null, !0) }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [a.items.length ? e._l(a.items, function(n, o) {
-      return t("div", { key: o, staticClass: "field-parent flex w-full items-center" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(n.label) }, on: { dragstart: (l) => e.onDragStart(l, n) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: n.value, disabled: n.inputDisabled, filled: "", size: "small" }, on: { blur: function(l) {
+  ], function(a, n) {
+    return t("CAccordion", { key: n, staticStyle: { "border-top": "1px solid hsl(0, 0%, 88%)" }, attrs: { "default-open": a.defaultOpen }, scopedSlots: e._u([{ key: "trigger", fn: function({ expanded: s }) {
+      return [t("div", { staticClass: "list-button" }, [t("span", [t("span", { domProps: { textContent: e._s(a.label) } }), t("span", { staticStyle: { opacity: "0.45", "padding-left": "0.5em" }, domProps: { textContent: e._s(a.items.length) } })]), t("CIcon", { staticStyle: { transition: "200ms" }, style: { transform: `rotate(${s ? "180deg" : "0deg"})` }, attrs: { type: "chevron-down", size: "15" } })], 1)];
+    } }], null, !0) }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [a.items.length ? e._l(a.items, function(s, o) {
+      return t("div", { key: o, staticClass: "field-parent flex w-full items-center" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(s.label) }, on: { dragstart: (l) => e.onDragStart(l, s) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: s.value, disabled: s.inputDisabled, filled: "", size: "small" }, on: { blur: function(l) {
         var r;
-        return n.onInput(((r = l == null ? void 0 : l.target) == null ? void 0 : r.value) || "");
-      } } })], 1), t("div", { staticClass: "field-actions" }, [!n.inputDisabled && !n.virtual ? t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary" }, on: { click: function(l) {
-        return e.openFieldModal({ existingFieldId: n.id });
+        return s.onInput(((r = l == null ? void 0 : l.target) == null ? void 0 : r.value) || "");
+      } } })], 1), t("div", { staticClass: "field-actions" }, [!s.inputDisabled && !s.virtual ? t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary" }, on: { click: function(l) {
+        return e.openFieldModal({ existingFieldId: s.id });
       } } }) : e._e(), t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "copy", size: "small", type: "none", pattern: "secondary" }, on: { click: function(l) {
-        return e.onCopyField(`{{${n.key}}}`);
+        return e.onCopyField(`{{${s.key}}}`);
       } } })], 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);
@@ -2092,7 +2096,7 @@ var _1 = function() {
   L1,
   !1,
   null,
-  "0d2bdff3"
+  "4f611d41"
 );
 const S1 = $1.exports, T1 = (i) => {
   const e = Array(2).fill().map(() => p());
@@ -2177,12 +2181,12 @@ const S1 = $1.exports, T1 = (i) => {
   document: e = null,
   contentData: t = null
 } = {}) => {
-  const a = p(), { language: s } = e || {};
-  let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = I1(a)), {
+  const a = p(), { language: n } = e || {};
+  let s = null;
+  return typeof t == "function" ? s = t(a) : i && (s = I1(a)), {
     readView: B1(a),
-    validation: M1(a, s),
-    ...n && { data: n }
+    validation: M1(a, n),
+    ...s && { data: s }
   };
 }, H1 = ({ language: i = "en" } = {}) => {
   const e = (t) => m.t(`components:account.documentForm.contentItems.coverBlock.${t}`, {
@@ -2404,12 +2408,12 @@ const S1 = $1.exports, T1 = (i) => {
   contentData: t = null
 }) => {
   const { language: a } = e || {};
-  let s = null;
-  return typeof t == "function" ? s = t() : i && (s = P1()), {
+  let n = null;
+  return typeof t == "function" ? n = t() : i && (n = P1()), {
     readView: A1(),
     validation: E1(a),
     // Client / company will for now always exist on doc and in validation
-    ...s && { data: s }
+    ...n && { data: n }
   };
 }, Z1 = (i) => [
   {
@@ -2440,11 +2444,11 @@ const S1 = $1.exports, T1 = (i) => {
   contentData: t = null
 } = {}) => {
   const a = p();
-  let s = null;
-  return typeof t == "function" ? s = t(a) : i && (s = U1()), {
+  let n = null;
+  return typeof t == "function" ? n = t(a) : i && (n = U1()), {
     readView: Z1(a),
     validation: O1(a),
-    ...s && { data: s }
+    ...n && { data: n }
   };
 };
 m.loadOptions({
@@ -3023,7 +3027,7 @@ const G1 = ({ language: i = "en" } = {}) => [
 ], a2 = () => ({
   readView: t2(),
   validation: i2()
-}), s2 = (i) => [
+}), n2 = (i) => [
   {
     itemId: `header-${i}`,
     itemType: "header",
@@ -3033,14 +3037,14 @@ const G1 = ({ language: i = "en" } = {}) => [
     parentId: "0",
     nodeId: p()
   }
-], 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);
+], s2 = (i, e = null) => {
+  const { language: t = "en", name: a = "", theme: n } = e || {}, s = a || m.t("_common:proposal", { lng: t }).capitalize();
+  e && (e.name = s);
   const {
     background: o,
     priceSummaryBackground: l,
     backgroundFilter: r
-  } = s || {}, c = l || "hsl(228, 52%, 18%)", g = it.readability(c, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
+  } = n || {}, c = l || "hsl(228, 52%, 18%)", g = it.readability(c, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
   return [
     {
       key: `header-${i}`,
@@ -3071,7 +3075,7 @@ const G1 = ({ language: i = "en" } = {}) => [
             },
             value: {
               preText: "",
-              documentName: `<p data-typography="title">${n}</p>`,
+              documentName: `<p data-typography="title">${s}</p>`,
               postText: m.t("components:document.chapters.header.postText", {
                 lng: t,
                 interpolation: { prefix: "__", suffix: "__" }
@@ -3120,11 +3124,11 @@ const G1 = ({ language: i = "en" } = {}) => [
   contentData: t = null
 }) => {
   const a = p();
-  let s = null;
-  return typeof t == "function" ? s = t(a) : i && (s = o2(a)), {
-    readView: s2(a),
-    validation: n2(a, e),
-    ...s && { data: s }
+  let n = null;
+  return typeof t == "function" ? n = t(a) : i && (n = o2(a)), {
+    readView: n2(a),
+    validation: s2(a, e),
+    ...n && { data: n }
   };
 }, r2 = ({ language: i = "en" } = {}) => {
   const e = (t) => m.t(`components:account.documentForm.contentItems.header.${t}`, {
@@ -3572,14 +3576,14 @@ const f2 = (i) => {
   document: e = null,
   contentData: t = null
 } = {}) => {
-  const a = p(), { language: s } = e || {};
-  let n = null;
-  typeof t == "function" ? n = t(a) : i && (n = C2());
-  const o = f2(a), l = g2(a, s);
+  const a = p(), { language: n } = e || {};
+  let s = null;
+  typeof t == "function" ? s = t(a) : i && (s = C2());
+  const o = f2(a), l = g2(a, n);
   return {
     readView: o,
     validation: l,
-    ...n && { data: n }
+    ...s && { data: s }
   };
 };
 m.loadOptions({
@@ -3673,7 +3677,7 @@ const y2 = ({
   _getters: t,
   allArticles: a = []
 } = {}) => {
-  const s = u(t, "settings/defaultVatRate") || null, n = !u(t, "settings/hidePriceOnNewlyAddedArticles"), o = (l) => m.t(`packageGroupContentItems:${l}`, { lng: i });
+  const n = u(t, "settings/defaultVatRate") || null, s = !u(t, "settings/hidePriceOnNewlyAddedArticles"), o = (l) => m.t(`packageGroupContentItems:${l}`, { lng: i });
   return [
     {
       previewUrl: `
@@ -3741,8 +3745,8 @@ const y2 = ({
           articles: [
             ...a,
             x({
-              vat: s,
-              showPrice: n,
+              vat: n,
+              showPrice: s,
               currency: e,
               packageId: r,
               name: o("single.art"),
@@ -3870,16 +3874,16 @@ const y2 = ({
           articles: [
             ...a,
             x({
-              vat: s,
-              showPrice: n,
+              vat: n,
+              showPrice: s,
               currency: e,
               packageId: r[0],
               name: o("radio.artA"),
               price: 1e5
             }),
             x({
-              vat: s,
-              showPrice: n,
+              vat: n,
+              showPrice: s,
               currency: e,
               packageId: r[1],
               name: o("radio.artB"),
@@ -4004,16 +4008,16 @@ const y2 = ({
           articles: [
             ...a,
             x({
-              vat: s,
-              showPrice: n,
+              vat: n,
+              showPrice: s,
               currency: e,
               packageId: r[0],
               name: o("checkbox.artBase"),
               price: 1e5
             }),
             x({
-              vat: s,
-              showPrice: n,
+              vat: n,
+              showPrice: s,
               currency: e,
               packageId: r[1],
               name: o("checkbox.artOption"),
@@ -4446,8 +4450,8 @@ const X = P2.exports, E2 = {
       immediate: !0,
       handler(i) {
         i && this.$nextTick(() => {
-          const { top: e, left: t, width: a, height: s } = i.getBoundingClientRect();
-          this.$refs.popover.style.top = `${e + s}px`, this.$refs.popover.style.left = `${t + a + 10}px`;
+          const { top: e, left: t, width: a, height: n } = i.getBoundingClientRect();
+          this.$refs.popover.style.top = `${e + n}px`, this.$refs.popover.style.left = `${t + a + 10}px`;
         });
       }
     }
@@ -4899,7 +4903,7 @@ const U2 = O2.exports, R2 = E.component("ProBadge", {
       if (i.locked)
         return t();
       if (!this.canUseBlocks) {
-        const a = this.availableBlocks.findIndex((s) => s.key === i.key);
+        const a = this.availableBlocks.findIndex((n) => n.key === i.key);
         return this.showConvertEditableDialogTarget = this.$refs.blockItem[a].$el, this.showConvertEditableDialog = !0, !1;
       }
       return e({
@@ -4912,10 +4916,10 @@ const U2 = O2.exports, R2 = E.component("ProBadge", {
       ["_id", "id"].forEach((i) => this.removeValue(`template.${i}`)), this.set({ key: "template.views.read.isEditable", value: !0 }), this.showConvertEditableDialog = !1;
     },
     createTooltips() {
-      var s, n;
+      var n, s;
       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;
+      const { tooltips: i } = this, e = (s = (n = this.$el).getRootNode) == null ? void 0 : s.call(n), a = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document.body;
       this.tippyInstances = je(this.$el, {
         target: "[data-tooltip-key]",
         allowHTML: !0,
@@ -4988,8 +4992,8 @@ 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);
-  } }, scopedSlots: e._u([{ key: "default", fn: function({ addBlock: a, getBlockPayload: s }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "documentBlocks" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
+  } }, scopedSlots: e._u([{ key: "default", fn: function({ addBlock: a, getBlockPayload: n }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "documentBlocks" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
       return [t("div", { on: { "&mouseleave": function(o) {
         return e.onMouseleaveDrawer.apply(null, arguments);
       } } }, [!e.canUseBlocks && e.showConvertEditableDialog ? t("MenuBlockConvertPopover", { attrs: { target: e.showConvertEditableDialogTarget }, on: { convert: e.deSyncTemplate, close: function(o) {
@@ -4998,7 +5002,7 @@ var W2 = function() {
         { data: e.primaryBlocks },
         { data: e.secondaryBlocks }
       ], function(o, l) {
-        return t("div", { key: l }, [l > 0 ? t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(1 * var(--rem))" } }) : e._e(), t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (r) => s(
+        return t("div", { key: l }, [l > 0 ? t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(1 * var(--rem))" } }) : e._e(), t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (r) => n(
           e.getSectionKey({ data: o.data, index: r })
         ), "drop-placeholder": {
           className: "drag-drop-menu-placeholder"
@@ -5016,14 +5020,14 @@ var W2 = function() {
             !1
           ), [t("CButton", { ref: "blockItem", refInFor: !0, staticClass: "option-row is-thinner is-left", class: {
             "sub-menu-active": r.key === e.activeSubMenuKey
-          }, staticStyle: { "padding-left": "1.5em", "padding-right": "2em", "border-radius": "0", "font-size": "14px", "border-color": "transparent" }, attrs: { disabled: r.disabled, wide: "", pattern: "secondary" }, on: { click: (c) => e.onUseBlock({ block: r, addBlock: a, openUpgradeModal: n }) } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "230px" } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "initial", flex: "1 1 auto" } }, [t("div", { staticClass: "option-image", domProps: { innerHTML: e._s(r.icon) } }), t("div", { staticClass: "option-title" }, [e._v(" " + e._s(e.$t(`blocks.${r.key}`)) + " ")])]), r.locked ? t("ProBadge") : !e.fixed && r.subMenu ? t("CIcon", { staticStyle: { color: "hsl(205, 10%, 65%)" }, attrs: { type: "chevron-right", size: "14" } }) : e._e()], 1)])], 1)]);
+          }, staticStyle: { "padding-left": "1.5em", "padding-right": "2em", "border-radius": "0", "font-size": "14px", "border-color": "transparent" }, attrs: { disabled: r.disabled, wide: "", pattern: "secondary" }, on: { click: (c) => e.onUseBlock({ block: r, addBlock: a, openUpgradeModal: s }) } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "230px" } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "initial", flex: "1 1 auto" } }, [t("div", { staticClass: "option-image", domProps: { innerHTML: e._s(r.icon) } }), t("div", { staticClass: "option-title" }, [e._v(" " + e._s(e.$t(`blocks.${r.key}`)) + " ")])]), r.locked ? t("ProBadge") : !e.fixed && r.subMenu ? t("CIcon", { staticStyle: { color: "hsl(205, 10%, 65%)" }, attrs: { type: "chevron-right", size: "14" } }) : e._e()], 1)])], 1)]);
         }), 1)], 1);
       }), e._t("footer")], 2), t("transition", { attrs: { name: "slide-right" } }, [t("div", { directives: [{ name: "show", rawName: "v-show", value: e.activeSubMenu, expression: "activeSubMenu" }], staticClass: "submenu", on: { "&mouseover": function(o) {
         e.subMenuToShow = e.activeSubMenu;
       }, "&mouseleave": function(o) {
         e.subMenuToShow = null;
-      } } }, [t("simplebar", { staticClass: "h-full py-4 pl-3", attrs: { "data-simplebar-auto-hide": "false" } }, [t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (o) => e.getSubMenuPayload({ index: o, getBlockPayload: s }), "drop-placeholder": { className: "drag-drop-menu-placeholder" }, "get-ghost-parent": e.getGhostParent, "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item", "group-name": "document-blocks", "ghost-class": "drag-drop-ghost", behaviour: "copy" } }, e._l(e.activeSubMenu, function(o, l) {
-        return t("DragItem", { key: o.key + l, staticClass: "px-1.5", class: { "drag-item": !o.locked && e.canUseBlocks } }, [t("div", { staticClass: "relative" }, [t("div", { staticClass: "drag-item-preview", domProps: { innerHTML: e._s(o.previewUrl) }, on: { click: (r) => e.onUseBlock({ block: o, addBlock: a, openUpgradeModal: n }) } }), o.locked ? t("ProBadge", { staticClass: "absolute bottom-2 right-4" }) : e._e()], 1)]);
+      } } }, [t("simplebar", { staticClass: "h-full py-4 pl-3", attrs: { "data-simplebar-auto-hide": "false" } }, [t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (o) => e.getSubMenuPayload({ index: o, getBlockPayload: n }), "drop-placeholder": { className: "drag-drop-menu-placeholder" }, "get-ghost-parent": e.getGhostParent, "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item", "group-name": "document-blocks", "ghost-class": "drag-drop-ghost", behaviour: "copy" } }, e._l(e.activeSubMenu, function(o, l) {
+        return t("DragItem", { key: o.key + l, staticClass: "px-1.5", class: { "drag-item": !o.locked && e.canUseBlocks } }, [t("div", { staticClass: "relative" }, [t("div", { staticClass: "drag-item-preview", domProps: { innerHTML: e._s(o.previewUrl) }, on: { click: (r) => e.onUseBlock({ block: o, addBlock: a, openUpgradeModal: s }) } }), o.locked ? t("ProBadge", { staticClass: "absolute bottom-2 right-4" }) : e._e()], 1)]);
       }), 1)], 1)], 1)])], 1)];
     } }], null, !0) })];
   } }]) });
@@ -5055,7 +5059,7 @@ const j2 = N2.exports, K2 = {
     Fields: S1,
     ExtensionTab: C1,
     DocumentGeneralSettings: u1,
-    DocumentGuide: () => import("./index-kV9OZ5y0.js"),
+    DocumentGuide: () => import("./index-CFe1BJZJ.js"),
     MenuBlocks: j2,
     Simplebar: _
   },
@@ -5149,7 +5153,9 @@ var Y2 = function() {
     e.tab = "generalSettings";
   } } }, [t("CIcon", { staticStyle: {}, attrs: { type: "cog", size: "16" } })], 1)]), e.tab === "blocks" ? t("MenuBlocks", { attrs: { _document: e.state, set: e.set, "remove-value": e.removeValue, fixed: e.fixed, "can-use-blocks": e.canUseBlocks }, on: { "block-added": function(a) {
     e.onAddedBlock(a), e.fixed && e.$emit("close");
-  } } }, [t("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "flex-end", "align-items": "flex-start", padding: "calc(1 * var(--rem))" }, attrs: { slot: "footer" }, slot: "footer" }, [t("CButton", { staticStyle: { position: "relative" }, attrs: { "icon-left": "help", type: "none", pattern: "secondary", size: "small" }, on: { click: e.openGuide } }, [e._v(" " + e._s(e.$t("guideButton")) + " "), e.showGuideNotification ? t("div", { staticClass: "circle-pulse" }) : e._e()])], 1)]) : t("div", { staticClass: "menu-container" }, [t("Simplebar", { staticClass: "h-full w-full" }, [e.tab === "design" ? t("Design", { attrs: { _document: e.state, _value: {
+  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
+    return [t("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "flex-end", "align-items": "flex-start", padding: "calc(1 * var(--rem))" } }, [t("CButton", { staticStyle: { position: "relative" }, attrs: { "icon-left": "help", type: "none", pattern: "secondary", size: "small" }, on: { click: e.openGuide } }, [e._v(" " + e._s(e.$t("guideButton")) + " "), e.showGuideNotification ? t("div", { staticClass: "circle-pulse" }) : e._e()])], 1)];
+  }, proxy: !0 }], null, !1, 1503450817) }) : t("div", { staticClass: "menu-container" }, [t("Simplebar", { staticClass: "h-full w-full" }, [e.tab === "design" ? t("Design", { attrs: { _document: e.state, _value: {
     css: "data.css"
   }, set: e.set, offset: e.fixed ? 0 : e.width } }) : e.tab === "fields" ? t("Fields", { attrs: { _document: e.state, "crm-service": e.extensionTabType, _value: {
     css: "data.css"
@@ -5157,7 +5163,7 @@ var Y2 = function() {
     externalReferences: "externalReferences",
     clients: "clients",
     articles: "articles"
-  } }, on: { input: ({ key: a, value: s }) => e.set({ key: a, value: s }) } }) : e._e(), e.tab === "generalSettings" ? t("DocumentGeneralSettings", { class: { "!top-0 rounded-sm": e.isLegacyTemplate }, attrs: { _document: e.state, _value: {
+  } }, on: { input: ({ key: a, value: n }) => e.set({ key: a, value: n }) } }) : e._e(), e.tab === "generalSettings" ? t("DocumentGeneralSettings", { class: { "!top-0 rounded-sm": e.isLegacyTemplate }, attrs: { _document: e.state, _value: {
     term: "data.terms",
     series: "docNumber.series",
     tags: "tags",
@@ -5167,7 +5173,7 @@ var Y2 = function() {
     useVat: "data.formSettings.useVat",
     vatType: "data.formSettings.vatType",
     rounding: "data.formSettings.rounding"
-  }, 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) {
+  }, offset: e.fixed ? 0 : e.width }, on: { input: ({ key: a, value: n }) => e.set({ key: a, value: n }) } }) : e._e()], 1)], 1), e.showGuide ? t("DocumentGuide", { on: { close: function(a) {
     e.showGuide = !1;
   } } }) : e._e()], 1)])]);
 }, Q2 = [], J2 = /* @__PURE__ */ d(
@@ -5176,14 +5182,14 @@ var Y2 = function() {
   Q2,
   !1,
   null,
-  "a591711d"
+  "aec59ec8"
 );
 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) => ee(s, e));
+  !a && !Array.isArray(a) || a.forEach((n) => ee(n, e));
 }, ei = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
@@ -5316,29 +5322,29 @@ const X2 = J2.exports, ee = (i, e, t = "$children") => {
       var e, t;
       i && (Object.keys(((t = (e = this._document._doc) == null ? void 0 : e.data) == null ? void 0 : t.packageGroups) || []).forEach(
         (a) => {
-          this._document._doc.data.packageGroups[a].packages.forEach((n, o) => {
+          this._document._doc.data.packageGroups[a].packages.forEach((s, o) => {
             this.setFormValue({
               key: `data.packageGroups.${a}.packages[${o}].data.prices.currency`,
               value: i
             });
           });
         }
-      ), this._document.allArticles.forEach((a, s) => {
-        const n = `articles[${s}].currency`;
-        this.setFormValue({ key: n, value: i });
+      ), this._document.allArticles.forEach((a, n) => {
+        const s = `articles[${n}].currency`;
+        this.setFormValue({ key: s, value: i });
       }));
     },
     async externalReferences(i) {
       await Promise.all(
         (i || []).map(async ({ service: e, type: t, typeId: a }) => {
           if (t && a && e && this.$store.getters["settings/isAuthenticatedCRM"](e)) {
-            const { data: s } = await T.getFields(
+            const { data: n } = await T.getFields(
               e,
               { type: t, typeId: a, populated: !0 }
             );
             this.setFormValue({
               key: "data.fields",
-              value: { ...this._document.fields, ...s }
+              value: { ...this._document.fields, ...n }
             });
           }
         })
@@ -5351,7 +5357,7 @@ const X2 = J2.exports, ee = (i, e, t = "$children") => {
     },
     onBlockToggleVisible(i, e) {
       const a = [...this.readLayout].findIndex(
-        (s) => s.nodeId === i.nodeId
+        (n) => n.nodeId === i.nodeId
       );
       a !== -1 && this.setFormValue({
         key: `template.views.read.nodes[${a}].isVisible`,
@@ -5371,10 +5377,10 @@ const X2 = J2.exports, ee = (i, e, t = "$children") => {
         const a = i.itemId.split("-")[1];
         this.removePackageGroup(a);
       } else
-        ee(i, (s) => {
-          s.value && Object.values(s.value).forEach((n) => {
-            this.removeFormKeyValue(`${n}`);
-            let o = n.replace(
+        ee(i, (n) => {
+          n.value && Object.values(n.value).forEach((s) => {
+            this.removeFormKeyValue(`${s}`);
+            let o = s.replace(
               /^data.(?!properties)/g,
               "data.properties."
             );
@@ -5385,8 +5391,8 @@ const X2 = J2.exports, ee = (i, e, t = "$children") => {
           });
         }, "children");
       I([this.nestedReadLayout[e]]).forEach((a) => {
-        const s = this.readLayout.findIndex((n) => n.nodeId === a.nodeId);
-        this.removeFormValue(`template.views.read.nodes[${s}]`);
+        const n = this.readLayout.findIndex((s) => s.nodeId === a.nodeId);
+        this.removeFormValue(`template.views.read.nodes[${n}]`);
       });
     },
     removePackageGroup(i) {
@@ -5395,7 +5401,7 @@ const X2 = J2.exports, ee = (i, e, t = "$children") => {
         this.setFormValue({
           key: "articles",
           value: u(this._document, "_doc.articles", []).filter(
-            ({ packageId: s }) => s !== a.packageId
+            ({ packageId: n }) => n !== a.packageId
           )
         });
       });
@@ -5411,23 +5417,23 @@ const X2 = J2.exports, ee = (i, e, t = "$children") => {
       if (e !== null && t !== null) {
         if (e === t)
           return;
-        const s = Ce(
+        const n = Ce(
           this.nestedReadLayout,
           e,
           t
         );
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: I(s)
+          value: I(n)
         });
       } else if (!e && t !== null) {
-        const { sectionKey: s, createNewSection: n, addValidation: o, contentData: l } = a, {
+        const { sectionKey: n, createNewSection: s, addValidation: o, contentData: l } = a, {
           readView: r,
           validation: c,
           data: g,
           onAddFnName: S = "onAdd"
-        } = n({
-          sectionKey: s,
+        } = s({
+          sectionKey: n,
           document: this._document,
           contentData: l
         });
@@ -5441,8 +5447,8 @@ const X2 = J2.exports, ee = (i, e, t = "$children") => {
           key: "template.views.read.nodes",
           value: I(ae)
         });
-        const [{ nodeId: se }] = r;
-        this.onAddRedis[se] = S;
+        const [{ nodeId: ne }] = r;
+        this.onAddRedis[ne] = S;
       }
     },
     shouldAnimateDrop(i) {
@@ -5455,20 +5461,26 @@ var ti = function() {
   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,
     "is-empty-list": !e.nestedReadLayout.length
-  } }, [t("DocumentFormNav", { attrs: { close: e.close } }, [t("div", { staticClass: "relative flex w-full items-center space-x-4", attrs: { slot: "left" }, slot: "left" }, [t("div", { staticClass: "rounded-md bg-gray-300 sm:bg-transparent" }, [e.close ? t("CButton", { staticClass: "d-nav-button position left close h-[2.25em] w-[2.25em] text-base backdrop-blur-[25px]", attrs: { "icon-props": { size: e.mq === "sm" ? 16 : 20 }, size: "normal", icon: "x", type: "none", pattern: "tertiary" }, on: { click: e.close } }) : e._e()], 1), e.goBack && e.mq !== "sm" ? t("CButton", { staticClass: "mr-2 h-[2.25em] w-[2.25em] backdrop-blur-[25px]", attrs: { "icon-props": { size: e.mq === "sm" ? 16 : 20 }, type: "none", pattern: "tertiary", icon: "arrow-left" }, on: { click: e.goBack } }) : e._e(), t("div", { staticClass: "relative hidden rounded-md bg-gray-300 sm:flex sm:bg-transparent" }, [t("CButton", { staticStyle: { width: "36px", height: "36px", "padding-left": "14px", "padding-right": "14px" }, attrs: { size: "normal", type: "none", pattern: "tertiary", "icon-props": { size: 20 }, thinner: "", icon: "sidebar" }, on: { click: function(a) {
-    return a.stopPropagation(), e.drawerState.toggleLeft.apply(null, arguments);
-  } } })], 1), e._t("nav-left")], 2), t("div", { staticClass: "relative", attrs: { slot: "center" }, slot: "center" }, [t("DocumentFormViewRadio", { directives: [{ name: "show", rawName: "v-show", value: e.nestedReadLayout.length, expression: "nestedReadLayout.length" }], attrs: { small: e.mq === "sm", value: e.view }, on: { input: function(a) {
-    return e.$emit("update:view", a);
-  } } }), !e.isEditView && !["sm", "md", "lg"].includes(e.mq) ? t("div", { staticClass: "absolute inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 backdrop-blur-lg backdrop-saturate-[180%]", staticStyle: { left: "calc(100% + calc(1.25 * var(--rem)))" } }, e._l(["desktop", "tablet", "mobile"], function(a) {
-    return t("div", { key: a, staticClass: "pointer inline-flex select-none items-center justify-center rounded-md p-[10px] font-semibold text-gray-700 transition duration-150 ease-linear", style: e.previewDevice === a && {
-      boxShadow: "0 1px 1px rgba(0, 0, 0, 0.2)",
-      backgroundColor: "hsl(0, 0%, 100%)",
-      color: "hsl(0, 0%, 7%)"
-    }, on: { click: function(s) {
-      e.previewDevice = a;
-    } } }, [t("CIcon", { attrs: { type: a, size: "16" } })], 1);
-  }), 0) : e._e()], 1), e._t("nav-right", null, { slot: "right" })], 2), t("DocumentFormMenu", { directives: [{ name: "show", rawName: "v-show", value: e.drawerState.showLeft, expression: "drawerState.showLeft" }], attrs: { state: e._document, "on-added-block": ({ nodeId: a, onAddFnName: s = "onAdd" }) => {
-    e.onAddRedis[a] = s;
+  } }, [t("DocumentFormNav", { attrs: { close: e.close }, scopedSlots: e._u([{ key: "left", fn: function() {
+    return [t("div", { staticClass: "relative flex w-full items-center space-x-4" }, [t("div", { staticClass: "rounded-md bg-gray-300 sm:bg-transparent" }, [e.close ? t("CButton", { staticClass: "d-nav-button position left close h-[2.25em] w-[2.25em] text-base backdrop-blur-[25px]", attrs: { "icon-props": { size: e.mq === "sm" ? 16 : 20 }, size: "normal", icon: "x", type: "none", pattern: "tertiary" }, on: { click: e.close } }) : e._e()], 1), e.goBack && e.mq !== "sm" ? t("CButton", { staticClass: "mr-2 h-[2.25em] w-[2.25em] backdrop-blur-[25px]", attrs: { "icon-props": { size: e.mq === "sm" ? 16 : 20 }, type: "none", pattern: "tertiary", icon: "arrow-left" }, on: { click: e.goBack } }) : e._e(), t("div", { staticClass: "relative hidden rounded-md bg-gray-300 sm:flex sm:bg-transparent" }, [t("CButton", { staticStyle: { width: "36px", height: "36px", "padding-left": "14px", "padding-right": "14px" }, attrs: { size: "normal", type: "none", pattern: "tertiary", "icon-props": { size: 20 }, thinner: "", icon: "sidebar" }, on: { click: function(a) {
+      return a.stopPropagation(), e.drawerState.toggleLeft.apply(null, arguments);
+    } } })], 1), e._t("nav-left")], 2)];
+  }, proxy: !0 }, { key: "center", fn: function() {
+    return [t("div", { staticClass: "relative" }, [t("DocumentFormViewRadio", { directives: [{ name: "show", rawName: "v-show", value: e.nestedReadLayout.length, expression: "nestedReadLayout.length" }], attrs: { small: e.mq === "sm", value: e.view }, on: { input: function(a) {
+      return e.$emit("update:view", a);
+    } } }), !e.isEditView && !["sm", "md", "lg"].includes(e.mq) ? t("div", { staticClass: "absolute inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 backdrop-blur-lg backdrop-saturate-[180%]", staticStyle: { left: "calc(100% + calc(1.25 * var(--rem)))" } }, e._l(["desktop", "tablet", "mobile"], function(a) {
+      return t("div", { key: a, staticClass: "pointer inline-flex select-none items-center justify-center rounded-md p-[10px] font-semibold text-gray-700 transition duration-150 ease-linear", style: e.previewDevice === a && {
+        boxShadow: "0 1px 1px rgba(0, 0, 0, 0.2)",
+        backgroundColor: "hsl(0, 0%, 100%)",
+        color: "hsl(0, 0%, 7%)"
+      }, on: { click: function(n) {
+        e.previewDevice = a;
+      } } }, [t("CIcon", { attrs: { type: a, size: "16" } })], 1);
+    }), 0) : e._e()], 1)];
+  }, proxy: !0 }, { key: "right", fn: function() {
+    return [e._t("nav-right")];
+  }, proxy: !0 }], null, !0) }), t("DocumentFormMenu", { directives: [{ name: "show", rawName: "v-show", value: e.drawerState.showLeft, expression: "drawerState.showLeft" }], attrs: { state: e._document, "on-added-block": ({ nodeId: a, onAddFnName: n = "onAdd" }) => {
+    e.onAddRedis[a] = n;
   }, set: e.setFormValue, "remove-value": e.removeFormValue, template: e.docTemplate, fixed: e.drawerState.isFixed, "can-use-blocks": e.isTemplateEditable, "is-legacy-template": e.isLegacyTemplate, width: e.sidebarWidth }, on: { close: function(a) {
     e.drawerState.showLeft = !1;
   } } }), t("div", { ref: "scroll-body", staticClass: "doc-scroll-container flex w-full justify-center", class: {
@@ -5484,12 +5496,12 @@ var ti = function() {
     e.isEditView && "mx-auto min-h-full w-[1200px] max-w-full overflow-hidden rounded-md px-0 shadow-[0_20px_35px_-8px_hsla(0,0%,0%,0.27)] md:max-w-[90%]"
   ] }, [!e.nestedReadLayout.length && !e.isFixedSidebar ? t("div", { staticClass: "drag-drop-empty-list is-placeholder text-gray-400" }, [t("div", { staticStyle: { position: "relative" } }, [e._m(0), t("svg", { staticClass: "drag-drop-illustration", attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" } }, [t("path", { staticClass: "drag-drop-illustration-finger", attrs: { d: "M8 0a4 4 0 00-2.7 1C4.6 1.6 4 2.7 4 4v21.4c-.4.2-.8.2-1.7 1A7.2 7.2 0 000 31.8c0 2 .8 3.8 1 4.5L4 42s-.1 0 0 0c1.4 3.1 4.5 5 8 5h9c5 0 9-4 9-9V22c0-.8-.1-2-.7-3-.5-1-1.7-2-3.3-2-1 0-2 .4-2.6.9 0-.3-.1-.7-.3-1-.6-1-1.7-1.9-3.1-1.9a4 4 0 00-2.7 1c-.6-1.1-1.7-2-3.3-2-.8 0-1.4.2-2 .6V4a4 4 0 00-4-4z", fill: "#000", "fill-rule": "nonzero" } }), t("path", { staticClass: "drag-drop-illustration-grabbing", attrs: { transform: "translate(0 11)", d: "M14 1c-.8 0-1.8.2-2.6.8l-.9 1a4 4 0 00-5.2.2C4.6 3.6 4 4.7 4 5.9V14c-1.7.7-4 3-4 7 0 2.2.9 4.2 1 4.5L3.9 31c1.5 3.1 4.6 5 8 5H21c5 0 9-4 9-9V9c0-4.4-2.5-5-4-5-.7 0-1.5.1-2.3.7C23 2.5 21.4 2 20 2c-1 0-2 .3-2.6.8l-.6-.9A4 4 0 0014 1z", fill: "#000", "fill-rule": "nonzero" } })])]), t("div", { staticClass: "text-center", staticStyle: { "max-width": "22ch" }, domProps: { innerHTML: e._s(e.$t("emptyBlockPlaceholderLarge")) } })]) : e._e(), t(e.isEditView ? "div" : "simplebar", { tag: "component", staticClass: "h-full w-full" }, [t("WithDimensions", { attrs: { "provide-device": !0 }, on: { width: function(a) {
     e.parentSize.width = a;
-  } }, scopedSlots: e._u([{ key: "default", fn: function({ width: a, height: s }) {
-    var n, o;
-    return t("DocumentStyleContainer", { staticClass: "relative h-full w-full", style: {
+  } }, scopedSlots: e._u([{ key: "default", fn: function({ width: a, height: n }) {
+    var s, o;
+    return [t("DocumentStyleContainer", { staticClass: "relative h-full w-full", style: {
       "--vw": `${a / 100}px`,
-      "--vh": `clamp(7.5px, ${s / 100}px, ${e.isEditView ? 7.5 : 9}px)`
-    }, attrs: { "heading-color": e.headingColor, "input-style": ((o = (n = e._document) == null ? void 0 : n.data) == null ? void 0 : o.css) || null } }, [e.nestedReadLayout ? t("DragList", { staticClass: "drag-list", attrs: { handle: ".NO-SELECTOR", "drop-placeholder": { className: "drag-drop-placeholder" }, "should-animate-drop": e.shouldAnimateDrop, group: "blocks", "ghost-class": "drag-drop-ghost", "drag-class": "is-dragged", "group-name": "document-blocks", "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item" }, on: { "drag-start": function(l) {
+      "--vh": `clamp(7.5px, ${n / 100}px, ${e.isEditView ? 7.5 : 9}px)`
+    }, attrs: { "heading-color": e.headingColor, "input-style": ((o = (s = e._document) == null ? void 0 : s.data) == null ? void 0 : o.css) || null } }, [e.nestedReadLayout ? t("DragList", { staticClass: "drag-list", attrs: { handle: ".NO-SELECTOR", "drop-placeholder": { className: "drag-drop-placeholder" }, "should-animate-drop": e.shouldAnimateDrop, group: "blocks", "ghost-class": "drag-drop-ghost", "drag-class": "is-dragged", "group-name": "document-blocks", "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item" }, on: { "drag-start": function(l) {
       e.isDragging = !0;
     }, "drag-end": function(l) {
       e.isDragging = !1;
@@ -5517,7 +5529,7 @@ var ti = function() {
       }, 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);
+    } }], null, !0) }) : e._e()], 1)];
   } }]) })], 1)], 1)]), t("DocumentDrawer", { key: "settingsDrawer", attrs: { id: "settingsDrawer", open: !!e.drawerState.openSection, fixed: !0, position: "right" }, on: { "update:open": function(a) {
     e.drawerState.openSection = null;
   } } }, [t("CButton", { staticClass: "absolute right-2 top-2", attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(a) {
@@ -5532,9 +5544,9 @@ var ti = function() {
   ii,
   !1,
   null,
-  "3168d720"
+  "3db19ed2"
 );
-const si = ai.exports, ni = {
+const ni = ai.exports, si = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -5560,7 +5572,7 @@ const si = ai.exports, ni = {
   components: {
     AddBlock: X,
     Drawer: Q,
-    SendForm: st,
+    SendForm: nt,
     CCheckbox: ye,
     CIcon: xe,
     CButton: we,
@@ -5663,28 +5675,32 @@ var oi = function() {
     "is-fullscreen": e.mq === "sm"
   } }, [t("CButton", { staticStyle: { position: "absolute", right: "1em", top: "1em", "z-index": "99" }, attrs: { circle: "", icon: "x", pattern: "secondary" }, on: { click: function(a) {
     e.isOpen = !1;
-  } } }), t("SendForm", { attrs: { _document: e._document, _value: e._value, "set-form-value": e.setFormValue, "remove-form-value": e.removeFormValue, "on-save-document": e.onSaveDoc, "use-scroll": "" } }, [e.hasAnswerBlock ? e._e() : t("div", { key: "1", staticClass: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3" }, [t("div", [t("CIcon", { staticClass: "-mt-1 text-red-600", attrs: { type: "error", size: "18" } })], 1), t("div", [t("div", { staticClass: "pl-2" }, [t("div", { staticClass: "text-sm font-semibold text-red-600", domProps: { textContent: e._s(e.$t("signMissingTitle")) } }), t("div", { staticClass: "mb-4 text-sm text-red-600 text-opacity-80" }, [e._v(" " + e._s(e.$t("signMissingText")) + " ")])]), t("AddBlock", { attrs: { set: e.setFormValue }, scopedSlots: e._u([{ key: "default", fn: function({ addBlock: a }) {
-    return [t("CButton", { staticClass: "is-left", attrs: { type: "secondary", size: "small" }, on: { click: function(s) {
+  } } }), t("SendForm", { attrs: { _document: e._document, _value: e._value, "set-form-value": e.setFormValue, "remove-form-value": e.removeFormValue, "on-save-document": e.onSaveDoc, "use-scroll": "" }, scopedSlots: e._u([{ key: "send", fn: function() {
+    return [e.isPublicForm ? t("CButton", { staticStyle: { height: "48px" }, attrs: { type: "secondary", wide: "" }, on: { click: e.onSaveDocument } }, [e._v(" " + e._s(e.$t("signupToSend")) + " ")]) : e._e()];
+  }, proxy: !0 }, { key: "footer", fn: function() {
+    return [t("label", { staticClass: "text-gray-600", staticStyle: { display: "inline-flex", "align-items": "center", cursor: "pointer", "user-select": "none", "font-size": "12px", "font-weight": "500", "padding-top": "calc(1 * var(--rem))" }, attrs: { for: "checkbox-save-as-temp" } }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a }) {
+      return [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
+        return [t("div", { staticClass: "flex items-center", on: { click: (s) => e.onClickSaveAsTemplate({
+          event: s,
+          can: a,
+          open: n
+        }) } }, [t("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(s) {
+          e.saveTemplate = s;
+        }, expression: "saveTemplate" } }), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(e.$t("saveDocAsTemplate")) + " "), t("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.saveTemplateTooltip, expression: "saveTemplateTooltip" }], attrs: { type: "info", size: "15" } })], 1)], 1)];
+      } }], null, !0) })];
+    } }], null, !1, 4212506376) })], 1)];
+  }, proxy: !0 }], null, !1, 4264192666) }, [e.hasAnswerBlock ? e._e() : t("div", { key: "1", staticClass: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3" }, [t("div", [t("CIcon", { staticClass: "-mt-1 text-red-600", attrs: { type: "error", size: "18" } })], 1), t("div", [t("div", { staticClass: "pl-2" }, [t("div", { staticClass: "text-sm font-semibold text-red-600", domProps: { textContent: e._s(e.$t("signMissingTitle")) } }), t("div", { staticClass: "mb-4 text-sm text-red-600 text-opacity-80" }, [e._v(" " + e._s(e.$t("signMissingText")) + " ")])]), t("AddBlock", { attrs: { set: e.setFormValue }, scopedSlots: e._u([{ key: "default", fn: function({ addBlock: a }) {
+    return [t("CButton", { staticClass: "is-left", attrs: { type: "secondary", size: "small" }, on: { click: function(n) {
       return a({ sectionKey: "answer", document: e._document });
     } } }, [e._v(" " + e._s(e.$t("signMissingAdd")) + " ")])];
-  } }], null, !1, 1245343054) })], 1)]), e.isPublicForm ? t("CButton", { staticStyle: { height: "48px" }, attrs: { slot: "send", type: "secondary", wide: "" }, on: { click: e.onSaveDocument }, slot: "send" }, [e._v(" " + e._s(e.$t("signupToSend")) + " ")]) : e._e(), t("label", { staticClass: "text-gray-600", staticStyle: { display: "inline-flex", "align-items": "center", cursor: "pointer", "user-select": "none", "font-size": "12px", "font-weight": "500", "padding-top": "calc(1 * var(--rem))" }, attrs: { slot: "footer", for: "checkbox-save-as-temp" }, slot: "footer" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
-      return [t("div", { staticClass: "flex items-center", on: { click: (n) => e.onClickSaveAsTemplate({
-        event: n,
-        can: a,
-        open: s
-      }) } }, [t("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(n) {
-        e.saveTemplate = n;
-      }, 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();
+  } }], null, !1, 1245343054) })], 1)])])], 1)]) : e._e();
 }, li = [], ri = /* @__PURE__ */ d(
-  ni,
+  si,
   oi,
   li,
   !1,
   null,
-  "ded1afc1"
+  "671b8468"
 );
 const ci = ri.exports, di = {
   i18nOptions: {
@@ -5894,13 +5910,15 @@ var wi = function() {
   var e = this, t = e._self._c;
   return t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({
     accountType: a,
-    trialDaysLeft: s,
-    openUpgradeModal: n,
+    trialDaysLeft: n,
+    openUpgradeModal: s,
     initialFreePremiumDays: o
   }) {
-    return [a === "trial" && e.mq !== "sm" ? t("v-popover", { attrs: { "popover-inner-class": "bg-white rounded-md shadow-xl" } }, [t("div", { staticClass: "relative mr-2 flex h-9 cursor-pointer select-none flex-col justify-center rounded-md bg-gray-200/50 px-2 text-xs font-semibold backdrop-blur-lg backdrop-saturate-150" }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$tc("_common:day", { count: s })) + " " + e._s(e.$t("button")) + " ")]), t("div", { staticClass: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, [t("div", { staticClass: "to-primary-600 absolute h-full rounded-full bg-gradient-to-r from-green-500 via-emerald-500", style: {
-      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()];
+    return [a === "trial" && e.mq !== "sm" ? t("v-popover", { attrs: { "popover-inner-class": "bg-white rounded-md shadow-xl" }, scopedSlots: e._u([{ key: "popover", fn: function() {
+      return [t("div", { staticClass: "w-56 p-4 text-sm" }, [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: n })) + ". ")]), 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: s } }, [e._v(" " + e._s(e.$t("actionButton")) + " ")])], 1)])];
+    }, proxy: !0 }], null, !0) }, [t("div", { staticClass: "relative mr-2 flex h-9 cursor-pointer select-none flex-col justify-center rounded-md bg-gray-200/50 px-2 text-xs font-semibold backdrop-blur-lg backdrop-saturate-150" }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$tc("_common:day", { count: n })) + " " + e._s(e.$t("button")) + " ")]), t("div", { staticClass: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, [t("div", { staticClass: "to-primary-600 absolute h-full rounded-full bg-gradient-to-r from-green-500 via-emerald-500", style: {
+      width: e.clamp(n / o * 100, 0, 100) + "%"
+    } })])])]) : e._e()];
   } }]) });
 }, bi = [], ki = /* @__PURE__ */ d(
   xi,
@@ -5908,7 +5926,7 @@ var wi = function() {
   bi,
   !1,
   null,
-  "748c3983"
+  "c0dbb5e9"
 );
 const _i = ki.exports, V = E.observable({
   canEdit: !1,
@@ -5918,7 +5936,7 @@ const _i = ki.exports, V = E.observable({
 }), Li = {
   name: "DocumentForm",
   components: {
-    DocumentFormContainer: si,
+    DocumentFormContainer: ni,
     IsPremium: $,
     IsPremiumPreStep: L,
     DocumentSend: ci,
@@ -6032,26 +6050,30 @@ 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;
-  } } }, [t("template", { slot: "nav-right" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateDocument: a, canCreateTemplate: s }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "documents" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
-      return [t("div", { key: e.canDoActions, staticClass: "inline-flex flex-1 justify-end space-x-5" }, [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: o }) {
-        return [t("div", { staticClass: "rounded-md bg-gray-300 sm:bg-transparent" }, [t("CDropdown", { attrs: { disabled: !e.canDoActions } }, [t("CButton", { staticClass: "d-nav-button position right", staticStyle: { width: "36px", height: "36px", "padding-left": "14px", "padding-right": "14px" }, attrs: { slot: "trigger", "icon-props": {
-          size: e.mq === "sm" ? 16 : 20,
-          strokeWidth: 2
-        }, size: "medium", type: "none", pattern: "tertiary", thinner: "", icon: "save" }, slot: "trigger" }), t("CDropdownItem", { attrs: { "icon-props": { stroke: "hsl(205, 100%, 50%)" }, "icon-left": "save" }, on: { click: function(l) {
-          a || e.document.id ? e.submitSave() : n({ callback: e.submitSave });
-        } } }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:document").toLowerCase() })) + " ")]), t("CDropdownItem", { attrs: { disabled: e.isLoading, "icon-left": "template-color" }, on: { click: function(l) {
-          s ? e.saveAsTemplate() : o({
-            callback: e.saveAsTemplate
-          });
-        } } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")])], 1)], 1)];
-      } }], null, !0) }), e._t("nav-right-action", function() {
-        return [t("RemainingTrialButton"), t("div", { staticClass: "buttons has-addons whitespace-nowrap" }, [t("CButton", { ref: "sendButton", staticClass: "d-nav-button position right !h-full", class: e.mq === "sm" && "w-9", attrs: { disabled: !e.canDoActions, loading: e.isLoading, "data-onboarding": "send-button", size: "small", type: "secondary", icon: e.mq === "sm" ? "send" : "", label: e.mq === "sm" ? "" : e.$t("_common:reviewSend") }, on: { click: function(o) {
-          a || !e.doConsumeQuota || e.document.id ? e.openSendModal() : n({ callback: e.openSendModal });
-        } } })], 1)];
-      })], 2)];
-    } }], null, !0) })];
-  } }], null, !1, 1102381206) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
+  } }, scopedSlots: e._u([{ key: "nav-right", fn: function() {
+    return [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateDocument: a, canCreateTemplate: n }) {
+      return [t("IsPremiumPreStep", { attrs: { feature: "documents" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
+        return [t("div", { key: e.canDoActions, staticClass: "inline-flex flex-1 justify-end space-x-5" }, [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: o }) {
+          return [t("div", { staticClass: "rounded-md bg-gray-300 sm:bg-transparent" }, [t("CDropdown", { attrs: { disabled: !e.canDoActions }, scopedSlots: e._u([{ key: "trigger", fn: function() {
+            return [t("CButton", { staticClass: "d-nav-button position right", staticStyle: { width: "36px", height: "36px", "padding-left": "14px", "padding-right": "14px" }, attrs: { "icon-props": {
+              size: e.mq === "sm" ? 16 : 20,
+              strokeWidth: 2
+            }, size: "medium", type: "none", pattern: "tertiary", thinner: "", icon: "save" } })];
+          }, proxy: !0 }], null, !0) }, [t("CDropdownItem", { attrs: { "icon-props": { stroke: "hsl(205, 100%, 50%)" }, "icon-left": "save" }, on: { click: function(l) {
+            a || e.document.id ? e.submitSave() : s({ callback: e.submitSave });
+          } } }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:document").toLowerCase() })) + " ")]), t("CDropdownItem", { attrs: { disabled: e.isLoading, "icon-left": "template-color" }, on: { click: function(l) {
+            n ? e.saveAsTemplate() : o({
+              callback: e.saveAsTemplate
+            });
+          } } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")])], 1)], 1)];
+        } }], null, !0) }), e._t("nav-right-action", function() {
+          return [t("RemainingTrialButton"), t("div", { staticClass: "buttons has-addons whitespace-nowrap" }, [t("CButton", { ref: "sendButton", staticClass: "d-nav-button position right !h-full", class: e.mq === "sm" && "w-9", attrs: { disabled: !e.canDoActions, loading: e.isLoading, "data-onboarding": "send-button", size: "small", type: "secondary", icon: e.mq === "sm" ? "send" : "", label: e.mq === "sm" ? "" : e.$t("_common:reviewSend") }, on: { click: function(o) {
+            a || !e.doConsumeQuota || e.document.id ? e.openSendModal() : s({ callback: e.openSendModal });
+          } } })], 1)];
+        })], 2)];
+      } }], null, !0) })];
+    } }], null, !1, 989398557) })];
+  }, proxy: !0 }], null, !1, 3195184598) }), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
     expiresAt: "data.expiresAt",
     personalMessage: "data.personalMessage",
     defaultAnswerMethod: "data.defaultAnswerMethod",
@@ -6122,8 +6144,8 @@ const Di = Ti.exports, Vi = {
             {
               clients: {
                 $elemMatch: {
-                  $or: ["name", "email", "socialNo", "orgNo"].map((n) => ({
-                    [n]: { $regex: this.query, $options: "i" }
+                  $or: ["name", "email", "socialNo", "orgNo"].map((s) => ({
+                    [s]: { $regex: this.query, $options: "i" }
                   }))
                 }
               }
@@ -6137,8 +6159,8 @@ const Di = Ti.exports, Vi = {
         skip: i || 0,
         sort: "-createdAt",
         limit: 10
-      }), { items: s = [] } = a || {};
-      return s;
+      }), { items: n = [] } = a || {};
+      return n;
     },
     onLoadDocuments: z(async function() {
       this.isLoading = !0, this.hasItems = !0;
@@ -6161,11 +6183,11 @@ var Bi = function() {
     e.query = a;
   }, expression: "query" } }) : e._e()], 2), t("div", { staticClass: "recent-list" }, [e.isLoading && !e.list.length ? e._l(3, function(a) {
     return t("div", { key: a, staticClass: "recent-item placeholder" }, [t("CSkeleton", { staticClass: "recent-item-name", attrs: { width: "60%" } }), t("CSkeleton", { attrs: { width: "35%" } })], 1);
-  }) : !e.isLoading && !e.query && !e.list.length ? t("div", { staticClass: "rounded-md border border-gray-200 bg-gray-100 p-4 text-center text-gray-400", staticStyle: { "font-size": "15px" } }, [e._v(" " + e._s(e.$t("emptyPlaceholder")) + " ")]) : e.query && !e.isLoading && !e.list.length ? t("div", { staticClass: "text-center text-gray-400", staticStyle: { padding: "1em" } }, [e._v(" " + e._s(e.$t("noResults")) + " ")]) : [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a, canUseTemplate: s }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
+  }) : !e.isLoading && !e.query && !e.list.length ? t("div", { staticClass: "rounded-md border border-gray-200 bg-gray-100 p-4 text-center text-gray-400", staticStyle: { "font-size": "15px" } }, [e._v(" " + e._s(e.$t("emptyPlaceholder")) + " ")]) : e.query && !e.isLoading && !e.list.length ? t("div", { staticClass: "text-center text-gray-400", staticStyle: { padding: "1em" } }, [e._v(" " + e._s(e.$t("noResults")) + " ")]) : [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a, canUseTemplate: n }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
       return [t("div", e._l(e.list, function(o, l) {
         return t("div", { key: o._id, staticClass: "recent-item", on: { click: function(r) {
-          s ? e.onUseDocTemplate(o._id) : n({
+          n ? e.onUseDocTemplate(o._id) : s({
             callback: () => e.onUseDocTemplate(o._id)
           });
         }, "&mouseover": function(r) {
@@ -6202,10 +6224,10 @@ const Fi = Ii.exports, Hi = /* @__PURE__ */ _e({
   },
   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(
+    const t = i, a = () => e("triggerOpenTemplate"), n = Le(), s = $e(), o = y(() => s.style), l = y(() => s.staticClass), r = y(() => s.class), c = y(() => s.key), g = y(() => s.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 };
+    return { __sfc: !0, props: t, emit: e, handleClick: a, slots: n, data: s, staticStyle: o, staticClass: l, styleClass: r, key: c, attrs: g, emptyTempleTitle: S, docTempleTitle: M, BlockMedia: lt };
   }
 });
 var Ai = function() {
@@ -6259,10 +6281,10 @@ const zi = Ei.exports, Zi = {
   },
   methods: {
     go(i) {
-      var s, n;
+      var n, s;
       if (!this.$refs.container)
         return;
-      const e = (i > 0 ? 1 : -1) * (this.$refs.container.offsetWidth / 2), t = (n = (s = this.$refs) == null ? void 0 : s.list) == null ? void 0 : n.scrollElement;
+      const e = (i > 0 ? 1 : -1) * (this.$refs.container.offsetWidth / 2), t = (s = (n = this.$refs) == null ? void 0 : n.list) == null ? void 0 : s.scrollElement;
       if (!t)
         return;
       const { scrollLeft: a } = t;
@@ -6274,8 +6296,8 @@ const zi = Ei.exports, Zi = {
     },
     scrollHandler() {
       clearTimeout(this.scrollTimer), this.scrollTimer = setTimeout(() => {
-        var s, n;
-        const i = (n = (s = this.$refs) == null ? void 0 : s.list) == null ? void 0 : n.scrollElement;
+        var n, s;
+        const i = (s = (n = this.$refs) == null ? void 0 : n.list) == null ? void 0 : s.scrollElement;
         if (!i)
           return;
         const { scrollWidth: e, scrollLeft: t, offsetWidth: a } = i;
@@ -6309,13 +6331,13 @@ 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) => {
+  const t = e, a = Object.keys(t).find((n) => {
     var o;
-    const n = u(
-      t[s],
+    const s = u(
+      t[n],
       "metadata.companyPurchase"
     );
-    return (n == null ? void 0 : n.type) === "template" && ((o = n == null ? void 0 : n.data) == null ? void 0 : o.id) === i;
+    return (s == null ? void 0 : s.type) === "template" && ((o = s == null ? void 0 : s.data) == null ? void 0 : o.id) === i;
   });
   return a ? t[a] : null;
 }
@@ -6335,14 +6357,14 @@ async function qi(i) {
   window.open(a, "_blank");
 }
 function ie(i, { availableProducts: e }) {
-  var s, n, o;
+  var n, s, o;
   let t = null;
   const a = Wi(i.templateId, {
     availableProducts: e
   });
   return a && (t = {
-    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
+    price: R((n = a == null ? void 0 : a.prices) == null ? void 0 : n[0].amount, {
+      currency: (s = a == null ? void 0 : a.prices) == null ? void 0 : s[0].currency
     }),
     isPurchased: ((o = i.purchaseInfo) == null ? void 0 : o.isPurchased) || !1,
     onBuy: async () => qi(a)
@@ -6443,14 +6465,14 @@ const Ni = {
       async ({ type: i, action: e, data: t }) => {
         var a;
         if (i === "companyPurchase" && e === "applied" && (t == null ? void 0 : t.type) === "template") {
-          const s = (a = t == null ? void 0 : t.data) == null ? void 0 : a.id;
-          if (s !== this.template.id)
+          const n = (a = t == null ? void 0 : t.data) == null ? void 0 : a.id;
+          if (n !== this.template.id)
             return;
-          const n = {
-            templateId: s,
+          const s = {
+            templateId: n,
             isVisibleApp: !0,
             includePurchaseInfo: !0
-          }, o = await this.fetchGallery(n);
+          }, o = await this.fetchGallery(s);
           this.privateProduct = ie(
             o[0],
             { availableProducts: this.stripeProducts }
@@ -6495,20 +6517,20 @@ var ji = function() {
     backgroundImage: `url(${e.meta.author.avatar})`
   } }), t("div", { staticStyle: { "margin-left": "0.5em" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.meta.author.name))]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px" } }, [e.meta.author.templatesCount ? [e._v(" " + e._s(e.meta.author.templatesCount) + " " + e._s(e.$t("_common:template", { count: e.meta.author.templatesCount })) + " ")] : [e._v(e._s(e.$t("_common:template").capitalize()))]], 2)])]) : e._e()]), t("div", { staticStyle: { "padding-bottom": "2em" } }, [e.product ? [e.privateProduct.isPurchased ? t("div", { staticClass: "mb-5 flex items-center gap-2 rounded-full border border-gray-300 bg-gray-300/60 p-1 text-sm" }, [t("div", { staticClass: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, [t("CIcon", { staticClass: "text-white", attrs: { type: "check", size: "12" } })], 1), t("div", { staticClass: "text-xs font-medium text-gray-700", domProps: { textContent: e._s(
     e.$t("_common:purchased", { thing: e.$t("_common:template") })
-  ) } })]) : t("CButton", { staticClass: "!justify-start !px-4 text-left", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.buyTemplate } }, [t("div", [e._v(" " + e._s(e.$t("_common:buy", { thing: e.$t("_common:template") })) + " ")]), t("div", { staticClass: "bg-primary-400/80 border-primary-600/60 absolute right-2 top-1/2 -translate-y-1/2 rounded-md border px-2 py-1.5 text-sm leading-none text-white", domProps: { textContent: e._s(e.privateProduct.price) } })])] : e._e(), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseTemplate: s }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
+  ) } })]) : t("CButton", { staticClass: "!justify-start !px-4 text-left", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.buyTemplate } }, [t("div", [e._v(" " + e._s(e.$t("_common:buy", { thing: e.$t("_common:template") })) + " ")]), t("div", { staticClass: "bg-primary-400/80 border-primary-600/60 absolute right-2 top-1/2 -translate-y-1/2 rounded-md border px-2 py-1.5 text-sm leading-none text-white", domProps: { textContent: e._s(e.privateProduct.price) } })])] : e._e(), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseTemplate: n }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
       return [!e.product || e.privateProduct.isPurchased ? t("CButton", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { disabled: e.product ? !e.privateProduct.isPurchased : !1, type: "secondary", wide: "" }, on: { click: function(o) {
-        e.isPublicForm || s ? e.useSelectedTemplate() : n({ callback: e.useSelectedTemplate });
+        e.isPublicForm || n ? e.useSelectedTemplate() : s({ callback: e.useSelectedTemplate });
       } } }, [e._v(" " + e._s(e.$t("_common:use", { thing: e.$t("_common:template") })) + " ")]) : e._e()];
     } }], null, !0) })];
-  } }]) }), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: s }) {
-    return [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
+  } }]) }), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: n }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
       var o;
       return [(e.product ? (o = e.product) != null && o.isPurchased : e.showSave) ? t("CButton", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { loading: e.isLoading, type: e.didSave ? "success" : "none", "icon-left": e.didSave ? "check" : void 0, wide: "" }, on: { click: function(l) {
-        e.didSave || (e.isPublicForm || s ? e.saveAsTemplate() : n({ callback: e.saveAsTemplate }));
+        e.didSave || (e.isPublicForm || n ? e.saveAsTemplate() : s({ callback: e.saveAsTemplate }));
       } } }, [e._v(" " + e._s(e.didSave ? e.$t("_common:savedThing", { thing: e.$t("_common:template") }) : e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")]) : e._e()];
     } }], null, !0) })];
-  } }]) }), e.allowCopyTemplateLink ? t("CButton", { attrs: { type: "none", "icon-left": "link", wide: "" }, on: { click: function(s) {
+  } }]) }), e.allowCopyTemplateLink ? t("CButton", { attrs: { type: "none", "icon-left": "link", wide: "" }, on: { click: function(n) {
     return e.copyToClipboard(e.template.id);
   } } }, [e._v(" " + e._s(e.$t("_common:share", { thing: e.$t("_common:link") })) + " ")]) : e._e()], 2)])]);
 }, Ki = [], Yi = /* @__PURE__ */ d(
@@ -6647,13 +6669,13 @@ const Qi = Yi.exports, Ji = {
     this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", Je);
   },
   async created() {
-    var t, a, s, n;
+    var t, a, n, s;
     this.canPurchase && await this.loadPrices();
     let i = this.galleryCategory;
     !i && ((a = (t = this.$route) == null ? void 0 : t.query) != null && a.list) && ([i] = this.$route.query.list.split(",")), i && (this.activeCategory = this.allCategories.find(
       ({ key: o }) => o === i
     )), await this.loadTemplateGallery();
-    const e = (n = (s = this.$route) == null ? void 0 : s.query) == null ? void 0 : n.id;
+    const e = (s = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : s.id;
     if (e)
       try {
         const o = this.templateGalleryItems.find(
@@ -6696,13 +6718,13 @@ const Qi = Yi.exports, Ji = {
       }
     },
     async getGalleryTemplate(i) {
-      var n;
+      var s;
       const e = {
         _id: i,
         populate: "templateId",
         isVisibleApp: !0,
         includePurchaseInfo: !0
-      }, t = await this.fetchGallery(e), a = (n = t == null ? void 0 : t[0]) == null ? void 0 : n.templateId;
+      }, t = await this.fetchGallery(e), a = (s = t == null ? void 0 : t[0]) == null ? void 0 : s.templateId;
       return a ? (Be(a), new Me(a)) : null;
     },
     onUseTemplate(i) {
@@ -7001,69 +7023,77 @@ const ia = ta.exports, aa = {
     }
   }
 };
-var sa = function() {
+var na = 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) {
+    return [t(e.isExpanded ? "div" : "HorizontalScroll", { tag: "component", staticClass: "template-list", class: { "is-expanded": e.isExpanded }, on: { expand: function(n) {
       e.isExpanded = !0;
-    } } }, e._l(e.myTemplates, function(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: { 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: {
+    } } }, e._l(e.myTemplates, function(n) {
+      return t("DocumentIcon", { key: n.id, staticClass: "template-item", attrs: { "is-add": n.id === "empty", "is-placeholder": n.placeholder, media: n.defaultMedia || e.fallbackMedia, thumbnail: n.thumbnailUrl, name: n.name }, on: { triggerOpenTemplate: function(s) {
+        n.placeholder || (e.canUseTemplate(n) ? e.select({ templateId: n.id }) : a());
+      } }, scopedSlots: e._u([{ key: "badge", fn: function() {
+        return [e.canUseTemplate(n) ? !n.doConsumeDocumentQuota && !n.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" }, [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" }, [t("CIcon", { attrs: { type: "lock", size: "12", "stroke-width": "2.5" } }), t("div", { staticClass: "text-[11px] font-semibold" }, [e._v("Pro")])], 1)];
+      }, proxy: !0 }], null, !0) }, [n.onModify === "create" && !n.doConsumeDocumentQuota ? t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
         content: e.$t("icon.freeTooltip"),
         placement: "bottom"
       }, expression: `{
                 content: $t('icon.freeTooltip'),
                 placement: 'bottom'
-              }` }], staticStyle: { top: "-8px", right: "-4px" }, attrs: { icon: "info", type: "none", pattern: "tertiary", size: "small" }, nativeOn: { click: function(n) {
-        n.stopPropagation();
-      } } }) : t("CDropdown", { staticStyle: { top: "-8px", right: "-4px" }, attrs: { "append-to-body": "" }, nativeOn: { click: function(n) {
-        n.stopPropagation();
-      } } }, [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("icon.tooltip"), expression: "$t('icon.tooltip')" }], attrs: { slot: "trigger", icon: "more-vertical", type: "none", pattern: "tertiary", size: "small" }, slot: "trigger" }), e.onEditTemplate ? t("CDropdownItem", { attrs: { "icon-left": "template-color" }, on: { click: function(n) {
-        return e.onEditTemplate(s.id);
-      } } }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:template") })) + " ")]) : e._e(), t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "edit" }, on: { click: function(n) {
-        return e.openTemplateFormModal({ template: s });
-      } } }, [e._v(" " + e._s(e.$t("_common:change", { thing: e.$t("_common:name") })) + " ")]), t("CDropdownItem", { attrs: { separator: "" } }), t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "link" }, on: { click: function(n) {
-        return e.copyToClipboard(s.id);
-      } } }, [e._v(" " + e._s(e.$t("_common:share", { thing: e.$t("_common:link") })) + " ")]), t("CDropdownItem", { attrs: { separator: "" } }), t("CDropdownItem", { attrs: { "icon-props": { size: 16, stroke: "hsl(360, 100%, 60%)" }, "icon-left": "trash" }, on: { click: function(n) {
-        return e.removeTemplate({ template: s });
+              }` }], staticStyle: { top: "-8px", right: "-4px" }, attrs: { icon: "info", type: "none", pattern: "tertiary", size: "small" }, nativeOn: { click: function(s) {
+        s.stopPropagation();
+      } } }) : t("CDropdown", { staticStyle: { top: "-8px", right: "-4px" }, attrs: { "append-to-body": "" }, nativeOn: { click: function(s) {
+        s.stopPropagation();
+      } }, scopedSlots: e._u([{ key: "trigger", fn: function() {
+        return [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("icon.tooltip"), expression: "$t('icon.tooltip')" }], attrs: { icon: "more-vertical", type: "none", pattern: "tertiary", size: "small" } })];
+      }, proxy: !0 }], null, !0) }, [e.onEditTemplate ? t("CDropdownItem", { attrs: { "icon-left": "template-color" }, on: { click: function(s) {
+        return e.onEditTemplate(n.id);
+      } } }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:template") })) + " ")]) : e._e(), t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "edit" }, on: { click: function(s) {
+        return e.openTemplateFormModal({ template: n });
+      } } }, [e._v(" " + e._s(e.$t("_common:change", { thing: e.$t("_common:name") })) + " ")]), t("CDropdownItem", { attrs: { separator: "" } }), t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "link" }, on: { click: function(s) {
+        return e.copyToClipboard(n.id);
+      } } }, [e._v(" " + e._s(e.$t("_common:share", { thing: e.$t("_common:link") })) + " ")]), t("CDropdownItem", { attrs: { separator: "" } }), t("CDropdownItem", { attrs: { "icon-props": { size: 16, stroke: "hsl(360, 100%, 60%)" }, "icon-left": "trash" }, on: { click: function(s) {
+        return e.removeTemplate({ template: n });
       } } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")])], 1)], 1);
     }), 1)];
   } }]) })], 1), e.showGallery ? [t("GalleryLogic", { attrs: { "fetch-gallery": e.fetchGallery, "use-template": e.select, "show-template-author": e.showGalleryTemplateAuthor, "modal-props": e.galleryModalProps, "gallery-category": e.galleryCategory }, scopedSlots: e._u([{ key: "default", fn: function({
     galleryItems: a,
-    categories: s,
-    activeCategory: n,
+    categories: n,
+    activeCategory: s,
     selectCategory: o,
     selectGalleryItem: l
   }) {
     return [t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "section-title w-full" }, [t("div", { staticClass: "flex items-center justify-between" }, [t("div", [e._v(e._s(e.$t("gallery")))]), t("CDropdown", { staticStyle: { "margin-left": "calc(0.5 * var(--rem))" }, nativeOn: { click: function(r) {
       r.stopPropagation();
-    } } }, [t("CButton", { attrs: { slot: "trigger", size: "small", type: "none", pattern: "secondary", "icon-right": "chevron-down" }, slot: "trigger" }, [e._v(" " + e._s(n ? n.label : "") + " ")]), e._l(s, function(r) {
-      return t("CDropdownItem", { key: r.key, attrs: { "icon-right": n && n.key === r.key ? "check" : "" }, on: { click: function(c) {
+    } }, scopedSlots: e._u([{ key: "trigger", fn: function() {
+      return [t("CButton", { attrs: { size: "small", type: "none", pattern: "secondary", "icon-right": "chevron-down" } }, [e._v(" " + e._s(s ? s.label : "") + " ")])];
+    }, proxy: !0 }], null, !0) }, e._l(n, function(r) {
+      return t("CDropdownItem", { key: r.key, attrs: { "icon-right": s && s.key === r.key ? "check" : "" }, on: { click: function(c) {
         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) {
+    }), 1)], 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: { 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()]);
+      } }, scopedSlots: e._u([{ key: "badge", fn: function() {
+        return [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" }, [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()];
+      }, proxy: !0 }], null, !0) });
     }), 1)], 1)];
-  } }], 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(
+  } }], null, !1, 3414906714) })] : 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)]);
+}, sa = [], oa = /* @__PURE__ */ d(
   aa,
-  sa,
   na,
+  sa,
   !1,
   null,
-  "6422a84b"
+  "3bd7c759"
 );
 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; ) {
+  for (var a = -1, n = e.length, s = {}; ++a < n; ) {
     var o = e[a], l = ra(i, o);
-    t(l, o) && ca(n, da(o, i), l);
+    t(l, o) && ca(s, da(o, i), l);
   }
-  return n;
+  return s;
 }
 var ua = pa, ma = ua, ha = Ee;
 function fa(i, e) {
@@ -7075,7 +7105,7 @@ 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);
+E.use(st);
 const ba = {
   name: "DocForm",
   i18nOptions: {
@@ -7164,8 +7194,8 @@ const ba = {
       docById: "documents2/byId"
     }),
     canDoActions() {
-      var i, e, t, a, s, n;
-      return !!((n = (s = (a = (t = (e = (i = this.document) == null ? void 0 : i._template) == null ? void 0 : e._data) == null ? void 0 : t.views) == null ? void 0 : a.read) == null ? void 0 : s.nodes) != null && n.length);
+      var i, e, t, a, n, s;
+      return !!((s = (n = (a = (t = (e = (i = this.document) == null ? void 0 : i._template) == null ? void 0 : e._data) == null ? void 0 : t.views) == null ? void 0 : a.read) == null ? void 0 : n.nodes) != null && s.length);
     }
   },
   watch: {
@@ -7207,7 +7237,7 @@ const ba = {
       });
     },
     async onTemplateSelect({ templateId: i, documentId: e, formData: t }) {
-      var s;
+      var n;
       const a = wa({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
@@ -7222,7 +7252,7 @@ const ba = {
         templateId: i,
         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";
+      }), (n = a == null ? void 0 : a.data) != null && n.name && this.setDocValue({ key: "data.name", value: a.data.name }), await this.initDoc(), this.view = "editor";
     },
     setDocValue({ key: i, value: e }) {
       return this.setFormValue({ key: i, value: e });
@@ -7240,7 +7270,7 @@ const ba = {
       }), typeof this.closeFunc == "function" && await this.closeFunc(), this.isSavingTemplate = !1;
     },
     async onSaveDocument({ doSend: i = !1 } = {}) {
-      var n;
+      var s;
       let e;
       if (typeof this.beforeSave == "function" && (e = await this.beforeSave(this.document)), i && typeof this.beforeSend == "function" && (e = await this.beforeSend(this.document)), e)
         return;
@@ -7248,8 +7278,8 @@ const ba = {
       if (!t)
         return;
       const a = this.docById(t);
-      let s;
-      i && (s = !!(a != null && a.senderClient) || this.isManualDelivery(a)), s ? (this.document = a, this.view = "postSend") : (n = this.closeFunc) == null || n.call(this);
+      let n;
+      i && (n = !!(a != null && a.senderClient) || this.isManualDelivery(a)), n ? (this.document = a, this.view = "postSend") : (s = this.closeFunc) == null || s.call(this);
     },
     goBack() {
       this.view = "templateSelect", this.setDocValue({ key: "__isNew", value: !0 });
@@ -7262,14 +7292,16 @@ const ba = {
 };
 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);
+  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 }, scopedSlots: e._u([{ key: "nav-right-action", fn: function() {
+    return [e.isEditingTemplate ? t("CButton", { staticClass: "d-nav-button position right save-template-button", staticStyle: { "min-width": "6em", "font-size": "16px" }, attrs: { loading: e.isSavingTemplate, disabled: !e.canDoActions, "icon-left": "template", type: "secondary", thinner: "", rounded: "" }, on: { click: e.onSaveTemplateClick } }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:template") })) + " ")]) : e._e()];
+  }, proxy: !0 }]) }) : e.view === "postSend" ? t("PostSend", { attrs: { document: e.document, "on-send-func": e.closeFunc, "on-close-func": e.closeFunc } }) : e._e()], 1);
 }, _a = [], La = /* @__PURE__ */ d(
   ba,
   ka,
   _a,
   !1,
   null,
-  "2c3d4461"
+  "297c06c4"
 );
 const ja = La.exports;
 export {