@cling-se/widget 0.19.6 → 0.19.7

package/dist/{DocForm-BLTap-Bb.js → DocForm-DEUVV11n.js}

@@ -1,31 +1,31 @@
-import et from "./AnswerModal-ClyWtHBj.js";
-import { o as tt } from "./index-ByEyJueq.js";
-import { w as Z, C as fe, a as ge } from "./CDropdownItem-BuQONogL.js";
-import { cL as pe, a as W, g as B, _ as F, o as a, b as p, s as l, d as c, v as d, w as u, H as T, e as m, l as E, f as v, a1 as te, n as L, ad as q, K as M, aJ as Q, c as C, ah as G, L as ye, F as I, h as ve, R as we, i as H, x as _e, Q as nt, p as j, ae as xe, cM as it, j as Pe, A as V, k as P, m as O, N as ot, cN as st, S as lt, M as Ae, aa as ee, ab as Ce, cD as at, aF as Te, O as N, ac as le, aE as rt, J as dt, au as be, y as se, c6 as Ee, c7 as ze, P as he, z as ct, ak as De, cO as ae, c8 as ut, cP as mt, b7 as pt, ap as Re, cQ as ht, a0 as ft, cR as gt, cS as yt, aL as Oe, r as vt, cT as Ct, cU as bt, cV as kt, u as wt, aD as Se, am as _t, cW as xt, C as He, cX as Tt, cY as Dt, at as Ue, cZ as St, c_ as $t, ca as It, c$ as Ft, d0 as Lt, d1 as Vt, b0 as Bt, d2 as Mt, d3 as Pt } from "./main-WDVYC60Z.js";
+import tt from "./AnswerModal-DfjF-RVP.js";
+import { o as nt } from "./index-BDb4bM0D.js";
+import { w as Y, C as de, a as G } from "./CDropdownItem-B5rgSee7.js";
+import { cM as ye, a as K, g as M, _ as $, o as l, b as p, j as a, d as c, t as d, w as u, x as _, e as m, Y as R, f as v, Z as oe, y as L, ab as Z, B as P, aK as X, c as C, af as j, D as be, F as S, aj as ce, L as xe, Q as q, p as Te, K as it, h as Q, ac as De, cN as ot, U, n as B, G as A, m as H, H as st, cO as at, S as lt, E as Ae, a8 as ie, a9 as ke, cE as rt, aG as Se, I as N, aa as se, aF as dt, A as ct, av as we, k as re, c7 as Ee, c8 as ze, J as ve, l as ut, ai as Ie, cP as ue, c9 as mt, cQ as pt, b8 as ht, ao as Re, cR as ft, X as Oe, cS as gt, cT as yt, aM as He, r as vt, au as Ue, aE as Ce, cU as Ct, cV as bt, cW as kt, at as wt, al as _t, cX as xt, C as qe, cY as Tt, cZ as Dt, c_ as St, c$ as It, cb as $t, d0 as Ft, d1 as Lt, d2 as Vt, b1 as Bt, d3 as Mt, d4 as Pt } from "./main-C2Q8_T2Y.js";
 /* empty css                       */
-import { l as At, g as Et, a as zt, b as Rt, _ as Ot, D as Ht } from "./DocumentLayout-Bth5tpry.js";
-import { F as qe, d as Ut } from "./tippy.esm-Ikv5_i_g.js";
-import { m as ne, u as Ge, c as $e, i as qt } from "./mapFormMixin-B8xN9LiX.js";
-import "./helpers-BHIbXt8q.js";
-import { a as Gt } from "./ClientAutocomplete-vgxEGqNU.js";
-import { _ as Nt } from "./Sortable.vue_vue_type_script_setup_true_lang-B_f6Nh_O.js";
-import { C as Wt, I as Y, _ as Ne, a as J, s as jt } from "./index-DjHfCViH.js";
-import { _ as ke } from "./CFormField.vue_vue_type_script_setup_true_lang-KdkAe_wn.js";
-import { S as Zt } from "./SmartList-BpNfmUMA.js";
-import { u as We } from "./index-Dbe2ueXc.js";
-import { r as Ie, a as Kt } from "./index-Cwf2aXw3.js";
-import { o as Qt, r as Yt } from "./omit-BhJ-wiH8.js";
-import { s as U } from "./formDrawerState-s4ySD850.js";
+import { l as At, g as Et, a as zt, b as Rt, _ as Ot, D as Ht } from "./DocumentLayout-DaVz9SGF.js";
+import { F as Ge, d as Ut } from "./tippy.esm-Bf86qEue.js";
+import { m as ae, u as Ne, c as $e, i as qt } from "./mapFormMixin-CjfqZnmd.js";
+import "./helpers-BVP2Pul1.js";
+import { a as Gt } from "./ClientAutocomplete-CHfp4YiV.js";
+import { _ as Nt } from "./Sortable.vue_vue_type_script_setup_true_lang-Di1urzqu.js";
+import { C as Wt, I as ee, _ as We, a as te, s as jt } from "./index-CsbYpQqP.js";
+import { _ as _e } from "./CFormField.vue_vue_type_script_setup_true_lang-CVy64zGe.js";
+import { S as Zt } from "./SmartList-B36ffGAZ.js";
+import { u as je } from "./index-B86TZXOh.js";
+import { r as Fe, a as Kt } from "./index-BH5vwOzR.js";
+import { o as Qt, r as Yt } from "./omit-DzlbtNCX.js";
+import { s as W } from "./formDrawerState-B7ASfNsk.js";
 import { s as Jt } from "./dom-DOcGU3-g.js";
-import { S as Xt } from "./SendForm-DHRq76pb.js";
-import "./template-fVxhQbOu.js";
-import { u as en } from "./validation-Bf4rZ8pa.js";
-import { C as tn } from "./CCallout-C32zwICP.js";
-import { _ as nn } from "./CSkeleton.vue_vue_type_script_setup_true_lang-aq47QhPF.js";
-import { B as on } from "./BlockMedia-IMu4YO3J.js";
+import { S as Xt } from "./SendForm-D5jqkofo.js";
+import "./template-DzrGrOEa.js";
+import { u as en } from "./validation-38muBV6x.js";
+import { C as tn } from "./CCallout-BlglVZrm.js";
+import { C as nn } from "./CSkeleton-BF6EYj8H.js";
+import { B as on } from "./BlockMedia-ZHaA4OMV.js";
 const sn = {
   name: "DocumentPostSendStep",
-  mixins: [Z],
+  mixins: [Y],
   i18nOptions: {
     namespaces: "PostDocumentSend",
     messages: {
@@ -57,7 +57,7 @@ const sn = {
   },
   computed: {
     usesManualDelivery() {
-      const e = pe(this.document);
+      const e = ye(this.document);
       return !e.sms && !e.email;
     }
   },
@@ -66,18 +66,18 @@ const sn = {
     (e = this.document) != null && e.senderClient ? await this.senderAnswer() : await this.onSend();
   },
   methods: {
-    ...W({
-      updateDocument: B.DO_UPDATE_DOCUMENT2,
-      answerDocument: B.ANSWER_OWN_DOCUMENT2,
-      sendDocument: B.DO_SEND_DOCUMENT2
+    ...K({
+      updateDocument: M.DO_UPDATE_DOCUMENT2,
+      answerDocument: M.ANSWER_OWN_DOCUMENT2,
+      sendDocument: M.DO_SEND_DOCUMENT2
     }),
     async handleDocumentLinks() {
-      const { id: e } = this.document || {}, t = pe(this.document), n = !t.sms && !t.email;
+      const { id: e } = this.document || {}, t = ye(this.document), n = !t.sms && !t.email;
       n && (await this.updateDocument({
         id: e,
         body: { status: "sent" },
         showMessage: !1
-      }), tt({ id: e })), n || setTimeout(() => this.close(), 2e3);
+      }), nt({ id: e })), n || setTimeout(() => this.close(), 2e3);
     },
     async onSend() {
       typeof this.onSendFunc == "function" && this.onSendFunc(this.document), await this.handleDocumentLinks();
@@ -94,7 +94,7 @@ const sn = {
         body: { isAccepted: !0 },
         checksum: s
       }), await this.sendDocument({ id: e }), this.onSend()) : (this.$modal.show(
-        et,
+        tt,
         {
           _document: this.document,
           isSender: !0,
@@ -136,36 +136,36 @@ const sn = {
       this.onCloseFunc && this.onCloseFunc();
     }
   }
-}, ln = { class: "font-inter root" }, an = { class: "container" }, rn = { class: "icon-wrapper" }, dn = ["textContent"];
+}, an = { class: "font-inter root" }, ln = { class: "container" }, rn = { class: "icon-wrapper" }, dn = ["textContent"];
 function cn(e, t, n, s, i, o) {
   const r = m("CIcon"), g = m("CButton");
-  return a(), p("div", ln, [
-    l("div", an, [
-      l("div", rn, [
+  return l(), p("div", an, [
+    a("div", ln, [
+      a("div", rn, [
         c(r, {
           size: 20,
           type: "email"
         })
       ]),
-      l("div", {
+      a("div", {
         class: "title",
         textContent: d(e.$t("title"))
       }, null, 8, dn),
-      t[0] || (t[0] = l("div", { class: "divider" }, null, -1)),
+      t[0] || (t[0] = a("div", { class: "divider" }, null, -1)),
       c(g, {
         type: "secondary",
         class: "close-button",
         onClick: o.close
       }, {
         default: u(() => [
-          T(d(e.$t("_common:close")), 1)
+          _(d(e.$t("_common:close")), 1)
         ]),
         _: 1
       }, 8, ["onClick"])
     ])
   ]);
 }
-const un = /* @__PURE__ */ F(sn, [["render", cn], ["__scopeId", "data-v-574be9ee"]]), mn = {
+const un = /* @__PURE__ */ $(sn, [["render", cn], ["__scopeId", "data-v-574be9ee"]]), mn = {
   name: "Drawer",
   props: {
     modelValue: {
@@ -210,12 +210,12 @@ const un = /* @__PURE__ */ F(sn, [["render", cn], ["__scopeId", "data-v-574be9ee
   }
 };
 function pn(e, t, n, s, i, o) {
-  return a(), p("div", null, [
-    c(te, { name: "fade" }, {
+  return l(), p("div", null, [
+    c(oe, { name: "fade" }, {
       default: u(() => [
-        !n.hideOverlay && n.modelValue ? (a(), p("div", {
+        !n.hideOverlay && n.modelValue ? (l(), p("div", {
           key: 0,
-          style: E({
+          style: R({
             zIndex: n.zIndex
           }),
           class: "d-overlay"
@@ -223,20 +223,20 @@ function pn(e, t, n, s, i, o) {
       ]),
       _: 1
     }),
-    c(te, {
+    c(oe, {
       name: `slide-${n.placement}`
     }, {
       default: u(() => [
-        n.modelValue ? (a(), p("div", {
+        n.modelValue ? (l(), p("div", {
           key: 0,
           class: L([[n.placement], "d-content"]),
-          style: E({
+          style: R({
             zIndex: n.zIndex
           }),
-          onClick: t[0] || (t[0] = q((...r) => o.onOutsideClick && o.onOutsideClick(...r), ["self"]))
+          onClick: t[0] || (t[0] = Z((...r) => o.onOutsideClick && o.onOutsideClick(...r), ["self"]))
         }, [
-          l("div", {
-            style: E({
+          a("div", {
+            style: R({
               borderRadius: 0,
               margin: 0,
               overflow: "auto",
@@ -246,7 +246,7 @@ function pn(e, t, n, s, i, o) {
             }),
             class: "d-content-slot"
           }, [
-            M(e.$slots, "default", {}, void 0, !0)
+            P(e.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 6)) : v("", !0)
       ]),
@@ -254,11 +254,11 @@ function pn(e, t, n, s, i, o) {
     }, 8, ["name"])
   ]);
 }
-const je = /* @__PURE__ */ F(mn, [["render", pn], ["__scopeId", "data-v-05571167"]]), hn = {
+const Ze = /* @__PURE__ */ $(mn, [["render", pn], ["__scopeId", "data-v-05571167"]]), hn = {
   name: "DocumentDrawer",
   components: {
-    simplebar: Q,
-    Drawer: je
+    simplebar: X,
+    Drawer: Ze
   },
   props: {
     position: {
@@ -282,12 +282,12 @@ const je = /* @__PURE__ */ F(mn, [["render", pn], ["__scopeId", "data-v-05571167
   emits: ["update:open"]
 }, fn = { style: { height: "100%", "z-index": "110" } }, gn = { style: { height: "100%", overflow: "auto" } };
 function yn(e, t, n, s, i, o) {
-  return a(), C(te, {
+  return l(), C(oe, {
     name: n.fixed ? void 0 : "grow-anim",
     mode: "out-in"
   }, {
     default: u(() => [
-      n.open ? (a(), C(G(n.fixed ? "drawer" : "div"), ye({ key: 0 }, e.$props, {
+      n.open ? (l(), C(j(n.fixed ? "drawer" : "div"), be({ key: 0 }, e.$props, {
         ref: "drawer",
         class: [{
           "is-sticky": !n.fixed
@@ -300,10 +300,10 @@ function yn(e, t, n, s, i, o) {
         "onUpdate:modelValue": t[0] || (t[0] = (r) => n.fixed ? e.$emit("update:open", r) : null)
       }), {
         default: u(() => [
-          l("div", fn, [
-            l("div", gn, [
-              l("div", {
-                style: E(
+          a("div", fn, [
+            a("div", gn, [
+              a("div", {
+                style: R(
                   n.fixed && {
                     maxWidth: "100%",
                     width: "280px",
@@ -312,7 +312,7 @@ function yn(e, t, n, s, i, o) {
                   }
                 )
               }, [
-                M(e.$slots, "default", {}, void 0, !0)
+                P(e.$slots, "default", {}, void 0, !0)
               ], 4)
             ])
           ])
@@ -323,25 +323,25 @@ function yn(e, t, n, s, i, o) {
     _: 3
   }, 8, ["name"]);
 }
-const vn = /* @__PURE__ */ F(hn, [["render", yn], ["__scopeId", "data-v-cd55344e"]]), Cn = {
+const vn = /* @__PURE__ */ $(hn, [["render", yn], ["__scopeId", "data-v-cd55344e"]]), Cn = {
   name: "DocumentFormNav"
 }, bn = { class: "DocumentFormNav fixed left-0 right-0 top-0 z-[98] bg-gray-200 px-2 py-2 shadow-lg md:px-6" }, kn = { class: "flex" }, wn = { class: "inline-flex flex-grow items-center" }, _n = { class: "inline-flex flex-auto items-center justify-center" }, xn = { class: "inline-flex flex-grow items-center justify-end" };
 function Tn(e, t, n, s, i, o) {
-  return a(), p("div", bn, [
-    l("div", kn, [
-      l("div", wn, [
-        M(e.$slots, "left")
+  return l(), p("div", bn, [
+    a("div", kn, [
+      a("div", wn, [
+        P(e.$slots, "left")
       ]),
-      l("div", _n, [
-        M(e.$slots, "center")
+      a("div", _n, [
+        P(e.$slots, "center")
       ]),
-      l("div", xn, [
-        M(e.$slots, "right")
+      a("div", xn, [
+        P(e.$slots, "right")
       ])
     ])
   ]);
 }
-const Dn = /* @__PURE__ */ F(Cn, [["render", Tn]]), Sn = {
+const Dn = /* @__PURE__ */ $(Cn, [["render", Tn]]), Sn = {
   name: "DocumentFormViewRadio",
   props: {
     modelValue: {
@@ -354,42 +354,42 @@ const Dn = /* @__PURE__ */ F(Cn, [["render", Tn]]), Sn = {
     }
   },
   emits: ["update:modelValue"]
-}, $n = { class: "inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 text-sm text-white" };
-function In(e, t, n, s, i, o) {
+}, In = { class: "inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 text-sm text-white" };
+function $n(e, t, n, s, i, o) {
   const r = m("CIcon");
-  return a(), p("div", $n, [
-    l("div", {
+  return l(), p("div", In, [
+    a("div", {
       class: L([{
         "m-0 bg-white px-3 py-[1em] text-zinc-900 drop-shadow-md": n.modelValue === "edit"
       }, "inline-flex select-none items-center justify-center rounded-md px-1 font-semibold leading-none text-gray-700 transition duration-150 ease-linear"]),
       onClick: t[0] || (t[0] = (g) => n.modelValue === "preview" ? e.$emit("update:modelValue", "edit") : null)
     }, [
-      n.small ? (a(), C(r, {
+      n.small ? (l(), C(r, {
         key: 0,
         type: "edit",
         size: "20"
-      })) : (a(), p(I, { key: 1 }, [
-        T(d(e.$t("edit")), 1)
+      })) : (l(), p(S, { key: 1 }, [
+        _(d(e.$t("edit")), 1)
       ], 64))
     ], 2),
-    l("div", {
+    a("div", {
       class: L([{
         "m-0 bg-white px-3 py-[1em] text-zinc-900 drop-shadow-md": n.modelValue === "preview"
       }, "inline-flex select-none items-center justify-center rounded-md px-1 font-semibold leading-none text-gray-700 transition duration-150 ease-linear"]),
       "data-onboarding": "preview-button",
       onClick: t[1] || (t[1] = (g) => n.modelValue === "edit" ? e.$emit("update:modelValue", "preview") : null)
     }, [
-      n.small ? (a(), C(r, {
+      n.small ? (l(), C(r, {
         key: 0,
         type: "eye",
         size: "20"
-      })) : (a(), p(I, { key: 1 }, [
-        T(d(e.$t("preview")), 1)
+      })) : (l(), p(S, { key: 1 }, [
+        _(d(e.$t("preview")), 1)
       ], 64))
     ], 2)
   ]);
 }
-const Fn = /* @__PURE__ */ F(Sn, [["render", In]]), Ln = {
+const Fn = /* @__PURE__ */ $(Sn, [["render", $n]]), Ln = {
   name: "BlockControlButtons",
   i18nOptions: {
     namespace: "blockControlButtons",
@@ -430,23 +430,23 @@ const Fn = /* @__PURE__ */ F(Sn, [["render", In]]), Ln = {
 }, Pn = { class: "control-direction" };
 function An(e, t, n, s, i, o) {
   const r = m("CIcon");
-  return a(), p("div", Vn, [
-    o.canToggleVisibility ? (a(), p("div", {
+  return l(), p("div", Vn, [
+    o.canToggleVisibility ? (l(), p("div", {
       key: 0,
       class: "control-button",
       onClick: t[0] || (t[0] = (g) => e.$emit("toggle-visible", !n.isVisible))
     }, [
-      n.isVisible ? v("", !0) : (a(), p("span", Bn, d(e.$t("hidden")), 1)),
+      n.isVisible ? v("", !0) : (l(), p("span", Bn, d(e.$t("hidden")), 1)),
       c(r, {
         type: n.isVisible ? "eye" : "eye-off",
         size: "14",
         class: L({ "mr-1": !n.isVisible })
       }, null, 8, ["type", "class"])
     ])) : v("", !0),
-    M(e.$slots, "default", {}, void 0, !0),
-    !o.isHidden && n.isMovable ? (a(), p("div", Mn, [
-      l("div", Pn, [
-        l("div", {
+    P(e.$slots, "default", {}, void 0, !0),
+    !o.isHidden && n.isMovable ? (l(), p("div", Mn, [
+      a("div", Pn, [
+        a("div", {
           class: "control-button",
           onClick: t[1] || (t[1] = (g) => e.$emit("move", "up"))
         }, [
@@ -455,7 +455,7 @@ function An(e, t, n, s, i, o) {
             size: "16"
           })
         ]),
-        l("div", {
+        a("div", {
           class: "control-button",
           onClick: t[2] || (t[2] = (g) => e.$emit("move", "down"))
         }, [
@@ -465,7 +465,7 @@ function An(e, t, n, s, i, o) {
           })
         ])
       ]),
-      l("div", {
+      a("div", {
         class: "control-button remove",
         onClick: t[3] || (t[3] = (g) => e.$emit("remove"))
       }, [
@@ -477,7 +477,7 @@ function An(e, t, n, s, i, o) {
     ])) : v("", !0)
   ]);
 }
-const En = /* @__PURE__ */ F(Ln, [["render", An], ["__scopeId", "data-v-2b534db7"]]), zn = ["inert"], Rn = /* @__PURE__ */ ve({
+const En = /* @__PURE__ */ $(Ln, [["render", An], ["__scopeId", "data-v-2b534db7"]]), zn = ["inert"], Rn = /* @__PURE__ */ ce({
   __name: "DynamicBlock",
   props: {
     isDragging: { type: Boolean, default: !1 },
@@ -490,48 +490,48 @@ const En = /* @__PURE__ */ F(Ln, [["render", An], ["__scopeId", "data-v-2b534db7
   },
   emits: ["edit", "toggle-visible", "move", "remove"],
   setup(e, { emit: t }) {
-    const n = t, { uid: s } = nt(), i = we(!1), o = we(() => n("edit", s)), r = H(() => typeof e.isVisible == "boolean" && !e.isVisible), g = H(() => e.isEditView ? !e.isDragging && i.value ? !0 : r.value : !1), h = H(() => r.value ? "h-16 overflow-hidden after:bg-gradient-to-b after:from-white/50 after:to-white relative after:absolute after:content-[''] after:inset-0 after:z-[1]" : ""), b = (w) => {
-      typeof w == "function" && (o.value = w);
+    const n = t, { uid: s } = it(), i = xe(!1), o = xe(() => n("edit", s)), r = q(() => typeof e.isVisible == "boolean" && !e.isVisible), g = q(() => e.isEditView ? !e.isDragging && i.value ? !0 : r.value : !1), h = q(() => r.value ? "h-16 overflow-hidden after:bg-gradient-to-b after:from-white/50 after:to-white relative after:absolute after:content-[''] after:inset-0 after:z-[1]" : ""), b = (k) => {
+      typeof k == "function" && (o.value = k);
     };
-    return _e("sectionTopNode", s), _e("setOpenDrawer", b), (w, k) => {
-      const S = m("CButton"), D = m("Animation");
-      return a(), C(D, { class: "w-full" }, {
+    return Te("sectionTopNode", s), Te("setOpenDrawer", b), (k, w) => {
+      const T = m("CButton"), D = m("Animation");
+      return l(), C(D, { class: "w-full" }, {
         default: u(() => [
-          l("div", {
+          a("div", {
             class: L([[
               {
-                "is-edit-view": w.isEditView,
+                "is-edit-view": k.isEditView,
                 "is-hovering": i.value,
-                "min-h-none": w.blockType === "custom" || r.value,
+                "min-h-none": k.blockType === "custom" || r.value,
                 "border-b border-gray-200": r.value
               },
               h.value
             ], "block-root"]),
-            style: E(
-              w.isDragging && {
+            style: R(
+              k.isDragging && {
                 pointerEvents: "none"
               }
             ),
-            onMouseoverPassive: k[3] || (k[3] = (y) => i.value = !0),
-            onMouseleavePassive: k[4] || (k[4] = (y) => i.value = !1)
+            onMouseoverPassive: w[3] || (w[3] = (y) => i.value = !0),
+            onMouseleavePassive: w[4] || (w[4] = (y) => i.value = !1)
           }, [
-            l("div", {
+            a("div", {
               class: L(["block-container", { "spacing-snug": r.value }]),
               inert: r.value
             }, [
-              M(w.$slots, "default", {}, void 0, !0)
+              P(k.$slots, "default", {}, void 0, !0)
             ], 10, zn),
-            g.value ? (a(), C(En, {
+            g.value ? (l(), C(En, {
               key: 0,
               class: "control-root z-10",
-              "is-movable": w.canMove,
-              "is-visible": w.isVisible,
-              onToggleVisible: k[0] || (k[0] = (y) => n("toggle-visible", y)),
-              onMove: k[1] || (k[1] = (y) => n("move", y)),
-              onRemove: k[2] || (k[2] = (y) => n("remove"))
+              "is-movable": k.canMove,
+              "is-visible": k.isVisible,
+              onToggleVisible: w[0] || (w[0] = (y) => n("toggle-visible", y)),
+              onMove: w[1] || (w[1] = (y) => n("move", y)),
+              onRemove: w[2] || (w[2] = (y) => n("remove"))
             }, {
               default: u(() => [
-                w.showEditButton ? (a(), C(S, {
+                k.showEditButton ? (l(), C(T, {
                   key: 0,
                   round: "",
                   size: "small",
@@ -541,7 +541,7 @@ const En = /* @__PURE__ */ F(Ln, [["render", An], ["__scopeId", "data-v-2b534db7
                   onClick: o.value
                 }, {
                   default: u(() => [
-                    T(d(w.$t("_common:edit").capitalize()), 1)
+                    _(d(k.$t("_common:edit").capitalize()), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])) : v("", !0)
@@ -554,7 +554,7 @@ const En = /* @__PURE__ */ F(Ln, [["render", An], ["__scopeId", "data-v-2b534db7
       });
     };
   }
-}), On = /* @__PURE__ */ F(Rn, [["__scopeId", "data-v-9cab60b2"]]), Hn = {
+}), On = /* @__PURE__ */ $(Rn, [["__scopeId", "data-v-9cab60b2"]]), Hn = {
   name: "LogoBanner",
   props: {
     position: {
@@ -567,34 +567,34 @@ const En = /* @__PURE__ */ F(Ln, [["render", An], ["__scopeId", "data-v-2b534db7
   },
   computed: {
     logoUrl() {
-      const { brand: e } = j;
+      const { brand: e } = Q;
       return e === "cling" ? "/img/cling/icons/apple-touch-icon-60x60.png" : `/img/${e.includes("fortnox") ? "fortnox" : e}/icons/apple-touch-icon-60x60.png`;
     }
   }
 }, Un = ["href"], qn = { class: "mr-2 h-5 w-5 overflow-hidden rounded bg-white" }, Gn = ["src", "alt"], Nn = { class: "text-xs font-medium text-white" };
 function Wn(e, t, n, s, i, o) {
-  return a(), p("div", {
+  return l(), p("div", {
     class: L([n.position, "pointer-events-none bottom-0 left-0 right-0 z-50 flex justify-end px-[10px] pb-[10px]"])
   }, [
-    l("a", {
+    a("a", {
       class: "pointer-events-auto inline-flex h-8 items-center rounded-md border border-white/30 bg-black/80 pl-1.5 pr-2",
       href: `https://${e.$t(
         "_common:brand.domain"
       )}?utm_source=document&utm_medium=logo-banner`,
       target: "_blank"
     }, [
-      l("div", qn, [
-        l("img", {
+      a("div", qn, [
+        a("img", {
           src: o.logoUrl,
           alt: e.$t("brand.name"),
           class: "h-full w-full"
         }, null, 8, Gn)
       ]),
-      l("div", Nn, " Made in " + d(e.$t("brand.name")), 1)
+      a("div", Nn, " Made in " + d(e.$t("brand.name")), 1)
     ], 8, Un)
   ], 2);
 }
-const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-full w-full" }, Kn = { class: "mb-4 text-xl font-bold" }, Ze = /* @__PURE__ */ ve({
+const jn = /* @__PURE__ */ $(Hn, [["render", Wn]]), Zn = { class: "relative h-full w-full" }, Kn = { class: "mb-4 text-xl font-bold" }, Ke = /* @__PURE__ */ ce({
   __name: "DragWindow",
   props: {
     offset: {},
@@ -602,21 +602,21 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
   },
   emits: ["close"],
   setup(e, { emit: t }) {
-    const n = t, s = xe("el"), i = xe("handle"), { style: o } = it(s, {
+    const n = t, s = De("el"), i = De("handle"), { style: o } = ot(s, {
       handle: i,
       initialValue: { x: e.offset + 15, y: 70 }
     });
     return (r, g) => {
       const h = m("CButton"), b = m("portal");
-      return a(), C(b, { to: "modal" }, {
+      return l(), C(b, { to: "modal" }, {
         default: u(() => [
-          l("div", {
+          a("div", {
             ref_key: "el",
             ref: s,
-            style: E(Pe(o)),
+            style: R(U(o)),
             class: "popup fixed z-[999] min-h-[400px] w-[280px] rounded-lg bg-white p-[1em] pb-[3em] text-sm shadow-xl"
           }, [
-            l("div", Zn, [
+            a("div", Zn, [
               c(h, {
                 icon: "x",
                 size: "small",
@@ -624,7 +624,7 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
                 pattern: "tertiary",
                 circle: "",
                 class: "absolute right-0 top-0",
-                onClick: g[0] || (g[0] = (w) => n("close"))
+                onClick: g[0] || (g[0] = (k) => n("close"))
               }),
               c(h, {
                 ref_key: "handle",
@@ -636,8 +636,8 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
                 circle: "",
                 class: "absolute right-9 top-0 cursor-grab"
               }, null, 512),
-              l("div", Kn, d(r.title), 1),
-              M(r.$slots, "default")
+              a("div", Kn, d(r.title), 1),
+              P(r.$slots, "default")
             ])
           ], 4)
         ]),
@@ -645,17 +645,17 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
       });
     };
   }
-}), Qn = /([\d+.]*)(.*)/, K = (e) => (e || "").match(Qn), Yn = {
+}), Qn = /([\d+.]*)(.*)/, J = (e) => (e || "").match(Qn), Yn = {
   i18nOptions: {
     namespaces: "common",
     keyPrefix: "designLabels"
   },
   name: "Design",
   components: {
-    FormInputRow: qe,
-    DragWindow: Ze
+    FormInputRow: Ge,
+    DragWindow: Ke
   },
-  mixins: [ne(["css"], { useEmit: !1, setFnName: "set" })],
+  mixins: [ae(["css"], { useEmit: !1, setFnName: "set" })],
   props: {
     set: {
       type: Function,
@@ -720,7 +720,7 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
       // Dynamic depending on font family
       definitionOptions: {
         fontFamily: ({ key: e, value: t }) => {
-          const n = V(this.css, `${this.activeItem.selector}.fontWeight`) || V(this.activeItem, "style.fontWeight") || "400";
+          const n = B(this.css, `${this.activeItem.selector}.fontWeight`) || B(this.activeItem, "style.fontWeight") || "400";
           return {
             label: this.$t("font"),
             inputs: [
@@ -740,7 +740,7 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
           };
         },
         fontSize: ({ key: e, value: t }) => {
-          const [, n, s] = K(t);
+          const [, n, s] = J(t);
           return {
             label: this.$t("size"),
             inputs: [
@@ -828,7 +828,7 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
           };
         },
         letterSpacing: ({ key: e, value: t }) => {
-          const [, n = 0] = K(t);
+          const [, n = 0] = J(t);
           return {
             label: this.$t("letterSpacing"),
             inputs: [
@@ -859,7 +859,7 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
           };
         },
         marginBottom: ({ key: e, value: t }) => {
-          const [, n] = K(t);
+          const [, n] = J(t);
           return {
             label: this.$t("marginBottom"),
             inputs: [
@@ -940,7 +940,7 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
           ]
         }),
         width: ({ key: e, value: t }) => {
-          const [, n, s] = K(t);
+          const [, n, s] = J(t);
           return {
             label: this.$t("contentWidth"),
             inputs: [
@@ -980,7 +980,7 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
           };
         },
         padding: ({ key: e, value: t }) => {
-          const [, n] = K(t);
+          const [, n] = J(t);
           return {
             label: this.$t("padding"),
             inputs: [
@@ -1020,7 +1020,7 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
           };
         },
         border: ([e, t, n]) => {
-          const s = e.value === "solid", [, i] = K(t.value), o = [
+          const s = e.value === "solid", [, i] = J(t.value), o = [
             {
               label: this.$t("border"),
               inputs: [
@@ -1188,16 +1188,16 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
     },
     activeItemOptions() {
       if (!this.activeItem) return [];
-      const { selector: e, category: t, style: n = {} } = this.activeItem, s = V(this.css, e) || {}, i = (o) => s[o] || n[o];
+      const { selector: e, category: t, style: n = {} } = this.activeItem, s = B(this.css, e) || {}, i = (o) => s[o] || n[o];
       return this[t].map(({ option: o, key: r }, g) => {
-        const h = this.definitionOptions[o], b = Array.isArray(r) ? r.map((w) => ({ key: w, value: i(w) })) : { key: r, value: i(r) };
+        const h = this.definitionOptions[o], b = Array.isArray(r) ? r.map((k) => ({ key: k, value: i(k) })) : { key: r, value: i(r) };
         return h(b, g);
       });
     }
   },
   watch: {
     async activeItem(e) {
-      const t = V(e, "style.fontFamily");
+      const t = B(e, "style.fontFamily");
       t && (this.fontWeightOptions = await Et(t));
     }
   },
@@ -1209,18 +1209,18 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
     }
   }
 }, Jn = { style: { padding: "calc(0.5 * var(--rem))", position: "relative" } }, Xn = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, ei = ["onClick"], ti = { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, ni = { style: { padding: "calc(0.75 * var(--rem))" } }, ii = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, oi = ["onClick"], si = { style: { "font-size": "1.075em", "font-weight": "500" } };
-function li(e, t, n, s, i, o) {
+function ai(e, t, n, s, i, o) {
   const r = m("FormInputRow"), g = m("DragWindow");
-  return a(), p("div", null, [
-    l("div", Jn, [
-      l("div", Xn, d(e.$t("typography")), 1),
-      (a(!0), p(I, null, P(o.typography, (h) => (a(), p("div", {
+  return l(), p("div", null, [
+    a("div", Jn, [
+      a("div", Xn, d(e.$t("typography")), 1),
+      (l(!0), p(S, null, A(o.typography, (h) => (l(), p("div", {
         key: h.label,
         class: "list-option",
         onClick: (b) => i.activeItem = h
       }, [
-        l("div", {
-          style: E({
+        a("div", {
+          style: R({
             fontSize: h.fontSize,
             fontFamily: h.style.fontFamily,
             fontWeight: h.style.fontWeight,
@@ -1228,29 +1228,29 @@ function li(e, t, n, s, i, o) {
             lineHeight: 1
           })
         }, d(h.label), 5),
-        l("div", ti, d(h.style.fontFamily) + " " + d(h.style.fontSize), 1)
+        a("div", ti, d(h.style.fontFamily) + " " + d(h.style.fontSize), 1)
       ], 8, ei))), 128))
     ]),
-    t[2] || (t[2] = l("div", { style: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(0.5 * var(--rem)) calc(1 * var(--rem))" } }, null, -1)),
-    l("div", ni, [
-      l("div", ii, d(e.$t("section_other")), 1),
-      (a(!0), p(I, null, P(i.sections, (h) => (a(), p("div", {
+    t[2] || (t[2] = a("div", { style: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(0.5 * var(--rem)) calc(1 * var(--rem))" } }, null, -1)),
+    a("div", ni, [
+      a("div", ii, d(e.$t("section_other")), 1),
+      (l(!0), p(S, null, A(i.sections, (h) => (l(), p("div", {
         key: h.label,
         class: "list-option",
         onClick: (b) => i.activeItem = h
       }, [
-        l("div", si, d(h.label), 1),
-        t[1] || (t[1] = l("div", { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, " #000000 ", -1))
+        a("div", si, d(h.label), 1),
+        t[1] || (t[1] = a("div", { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, " #000000 ", -1))
       ], 8, oi))), 128))
     ]),
-    i.activeItem ? (a(), C(g, {
+    i.activeItem ? (l(), C(g, {
       key: 0,
       title: i.activeItem.label,
       offset: n.offset,
       onClose: t[0] || (t[0] = () => i.activeItem = null)
     }, {
       default: u(() => [
-        (a(!0), p(I, null, P(o.activeItemOptions, (h, b) => (a(), C(r, {
+        (l(!0), p(S, null, A(o.activeItemOptions, (h, b) => (l(), C(r, {
           key: b,
           label: h.label,
           inputs: h.inputs
@@ -1260,7 +1260,7 @@ function li(e, t, n, s, i, o) {
     }, 8, ["title", "offset"])) : v("", !0)
   ]);
 }
-const ai = /* @__PURE__ */ F(Yn, [["render", li], ["__scopeId", "data-v-381aaa3c"]]), ri = {
+const li = /* @__PURE__ */ $(Yn, [["render", ai], ["__scopeId", "data-v-381aaa3c"]]), ri = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -1348,11 +1348,11 @@ const ai = /* @__PURE__ */ F(Yn, [["render", li], ["__scopeId", "data-v-381aaa3c
   },
   name: "DocumentGeneralSettings",
   components: {
-    FormInputRow: qe,
-    DragWindow: Ze
+    FormInputRow: Ge,
+    DragWindow: Ke
   },
   mixins: [
-    ne([
+    ae([
       "tags",
       "series",
       "senderId",
@@ -1376,7 +1376,7 @@ const ai = /* @__PURE__ */ F(Yn, [["render", li], ["__scopeId", "data-v-381aaa3c
     };
   },
   computed: {
-    ...O({
+    ...H({
       members: "companyUsers/all",
       getMember: "companyUsers/byId",
       isLoadingMembers: "companyUsers/isFetching"
@@ -1390,7 +1390,7 @@ const ai = /* @__PURE__ */ F(Yn, [["render", li], ["__scopeId", "data-v-381aaa3c
     vatTypes() {
       var t;
       const e = ["vat"];
-      return ((t = ot[j.brand]) == null ? void 0 : t.defaultRegion) === "US" && e.push("tax"), e;
+      return ((t = st[Q.brand]) == null ? void 0 : t.defaultRegion) === "US" && e.push("tax"), e;
     },
     options() {
       return [
@@ -1421,7 +1421,7 @@ const ai = /* @__PURE__ */ F(Yn, [["render", li], ["__scopeId", "data-v-381aaa3c
               component: "select",
               props: {
                 value: this.language,
-                options: st.map((e) => ({
+                options: at.map((e) => ({
                   value: e,
                   label: this.$t(`iso:language.${e}`)
                 })).sort((e, t) => e.label.localeCompare(t.label))
@@ -1574,8 +1574,8 @@ const ai = /* @__PURE__ */ F(Yn, [["render", li], ["__scopeId", "data-v-381aaa3c
     this.isPublicForm || await this.loadUsers();
   },
   methods: {
-    ...W({
-      loadUsers: B.LOAD_COMPANY_USERS
+    ...K({
+      loadUsers: M.LOAD_COMPANY_USERS
     }),
     update(e, t) {
       this[e] = t;
@@ -1599,22 +1599,22 @@ const ai = /* @__PURE__ */ F(Yn, [["render", li], ["__scopeId", "data-v-381aaa3c
 };
 function ui(e, t, n, s, i, o) {
   const r = m("FormInputRow"), g = m("DragWindow");
-  return a(), p("div", di, [
-    (a(!0), p(I, null, P(o.options, (h, b) => (a(), C(r, {
+  return l(), p("div", di, [
+    (l(!0), p(S, null, A(o.options, (h, b) => (l(), C(r, {
       key: b,
       label: h.label,
       "info-tooltip": h.infoTooltip,
       inputs: h.inputs
     }, null, 8, ["label", "info-tooltip", "inputs"]))), 128)),
-    i.showDragWindow ? (a(), C(g, {
+    i.showDragWindow ? (l(), C(g, {
       key: 0,
       offset: n.offset,
       title: e.$t("pricing.title"),
       onClose: t[0] || (t[0] = (h) => i.showDragWindow = !1)
     }, {
       default: u(() => [
-        (a(!0), p(I, null, P(o.priceOptions, (h, b) => (a(), p(I, { key: b }, [
-          h.type === "divider" ? (a(), p("div", ci)) : (a(), C(r, {
+        (l(!0), p(S, null, A(o.priceOptions, (h, b) => (l(), p(S, { key: b }, [
+          h.type === "divider" ? (l(), p("div", ci)) : (l(), C(r, {
             key: b,
             label: h.label,
             "info-tooltip": h.infoTooltip,
@@ -1626,7 +1626,7 @@ function ui(e, t, n, s, i, o) {
     }, 8, ["offset", "title"])) : v("", !0)
   ]);
 }
-const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb"]]), pi = {
+const mi = /* @__PURE__ */ $(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb"]]), pi = {
   i18nOptions: {
     messages: {
       en: {
@@ -1672,11 +1672,11 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
     Sortable: Nt,
     Spinner: lt,
     CAutocomplete: Gt,
-    CDropdown: fe,
-    CDropdownItem: ge
+    CDropdown: de,
+    CDropdownItem: G
   },
   emits: ["input"],
-  mixins: [ne(["externalReferences", "clients", "articles"])],
+  mixins: [ae(["externalReferences", "clients", "articles"])],
   data() {
     return {
       activeCrm: null,
@@ -1693,7 +1693,7 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
     };
   },
   computed: {
-    ...O({
+    ...H({
       allAuthenticatedCRMs: "settings/allAuthenticatedCRMs"
     }),
     currExternalReferences() {
@@ -1739,7 +1739,7 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
           this.searchResults = [];
           return;
         }
-        const { data: n } = await ee.search(this.activeCrm, {
+        const { data: n } = await ie.search(this.activeCrm, {
           query: e,
           type: "deal"
         });
@@ -1748,7 +1748,7 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
         this.isSearching = !1;
       }
     },
-    search: Ce(async function(t) {
+    search: ke(async function(t) {
       await this._search(t);
     }, 750),
     useSearchResult(e) {
@@ -1773,7 +1773,7 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
           (r) => r.service === this.activeCrm && r.type === e
         );
         if (!t) return;
-        const { service: n, type: s, typeId: i } = t, { data: o } = await ee.getExternalReferenceDetails(
+        const { service: n, type: s, typeId: i } = t, { data: o } = await ie.getExternalReferenceDetails(
           n,
           { type: s, typeId: i }
         );
@@ -1796,13 +1796,13 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
     },
     async suggestClients() {
       var i;
-      const { service: e, type: t, typeId: n } = this.currentExternalDeal, { data: s } = await ee.suggestClients(e, {
+      const { service: e, type: t, typeId: n } = this.currentExternalDeal, { data: s } = await ie.suggestClients(e, {
         type: t,
         typeId: n
       });
       if (Array.isArray(s) && s.length) {
         const o = (i = this._document) == null ? void 0 : i.defaultAnswerMethod, r = s.map((g) => ({
-          ...at(),
+          ...rt(),
           ...o && { answerMethod: o },
           ...g
         }));
@@ -1810,7 +1810,7 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
       }
     },
     cloneArticle(e) {
-      return Te({
+      return Se({
         ...e,
         _uniqueId: void 0
       });
@@ -1819,7 +1819,7 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
       var s, i;
       const [t] = ((i = (s = this._document) == null ? void 0 : s.packageGroups) == null ? void 0 : i.packages) || [];
       if (!(t != null && t.packageId)) return;
-      const n = Te({
+      const n = Se({
         ...e,
         _uniqueId: void 0,
         packageId: t.packageId
@@ -1844,7 +1844,7 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
 }, Di = {
   key: 0,
   style: { opacity: "0.75", "font-size": "13px" }
-}, Si = { key: 2 }, $i = ["textContent"], Ii = { style: { "line-height": "1.5" } }, Fi = { style: { "font-weight": "500" } }, Li = {
+}, Si = { key: 2 }, Ii = ["textContent"], $i = { style: { "line-height": "1.5" } }, Fi = { style: { "font-weight": "500" } }, Li = {
   class: "text-gray-600",
   style: { "font-size": "14px" }
 }, Vi = { key: 0 }, Bi = { style: { padding: `0 calc(0.5 * var(--rem)) calc(1 * var(--rem))
@@ -1864,9 +1864,9 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
   style: { "padding-top": "calc(1 * var(--rem))" }
 };
 function Gi(e, t, n, s, i, o) {
-  const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), b = m("Spinner"), w = m("CAutocomplete"), k = m("CIcon"), S = m("Sortable"), D = m("router-link"), y = le("tooltip");
-  return a(), p("div", hi, [
-    e.allAuthenticatedCRMs.length > 1 ? (a(), C(h, {
+  const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), b = m("Spinner"), k = m("CAutocomplete"), w = m("CIcon"), T = m("Sortable"), D = m("router-link"), y = se("tooltip");
+  return l(), p("div", hi, [
+    e.allAuthenticatedCRMs.length > 1 ? (l(), C(h, {
       key: 0,
       position: "is-bottom-left",
       style: { position: "absolute", right: "calc(0.5 * var(--rem))", top: "calc(0.5 * var(--rem))" }
@@ -1881,32 +1881,32 @@ function Gi(e, t, n, s, i, o) {
         })
       ]),
       default: u(() => [
-        (a(!0), p(I, null, P(e.allAuthenticatedCRMs, (f) => (a(), C(g, {
+        (l(!0), p(S, null, A(e.allAuthenticatedCRMs, (f) => (l(), C(g, {
           key: f,
           type: i.activeCrm === f ? "primary" : "secondary",
           size: "small",
           onClick: (x) => i.activeCrm = f
         }, {
           default: u(() => [
-            T(d(f.capitalize()), 1)
+            _(d(f.capitalize()), 1)
           ]),
           _: 2
         }, 1032, ["type", "onClick"]))), 128))
       ]),
       _: 1
     })) : v("", !0),
-    i.isLoading && !i.dealDetails ? (a(), p("div", fi, [
+    i.isLoading && !i.dealDetails ? (l(), p("div", fi, [
       c(b, {
         size: "24",
         color: "grey"
       })
-    ])) : i.activeCrm ? (a(), p(I, { key: 2 }, [
-      l("div", gi, [
-        l("div", yi, d(i.activeCrm.capitalize()), 1),
-        i.typeDetails ? (a(), p("div", vi, [
-          l("div", Ci, [
-            l("div", bi, [
-              l("div", {
+    ])) : i.activeCrm ? (l(), p(S, { key: 2 }, [
+      a("div", gi, [
+        a("div", yi, d(i.activeCrm.capitalize()), 1),
+        i.typeDetails ? (l(), p("div", vi, [
+          a("div", Ci, [
+            a("div", bi, [
+              a("div", {
                 textContent: d(
                   e.$t("referenceTo", {
                     crm: i.activeCrm.capitalize(),
@@ -1924,20 +1924,20 @@ function Gi(e, t, n, s, i, o) {
                 onClick: t[0] || (t[0] = (f) => o.removeReference(i.typeDetails.type))
               })
             ]),
-            l("div", {
+            a("div", {
               class: "x-hint-name",
               textContent: d(i.typeDetails.name || "")
             }, null, 8, wi)
           ]),
-          t[7] || (t[7] = l("div", { class: "divider" }, null, -1))
+          t[7] || (t[7] = a("div", { class: "divider" }, null, -1))
         ])) : v("", !0),
-        l("div", _i, d(e.$t("headerText", { crm: i.activeCrm.capitalize() })), 1),
-        t[8] || (t[8] = l("div", { style: { height: "2em" } }, null, -1)),
-        o.currentExternalDeal ? (a(), p(I, { key: 1 }, [
-          l("div", xi, d(e.$t("connectedTo", { type: o.dealType })), 1),
-          i.dealDetails ? (a(), p("div", Ti, [
-            l("div", null, [
-              (a(), C(G(i.dealDetails.externalUrl ? "a" : "span"), {
+        a("div", _i, d(e.$t("headerText", { crm: i.activeCrm.capitalize() })), 1),
+        t[8] || (t[8] = a("div", { style: { height: "2em" } }, null, -1)),
+        o.currentExternalDeal ? (l(), p(S, { key: 1 }, [
+          a("div", xi, d(e.$t("connectedTo", { type: o.dealType })), 1),
+          i.dealDetails ? (l(), p("div", Ti, [
+            a("div", null, [
+              (l(), C(j(i.dealDetails.externalUrl ? "a" : "span"), {
                 href: i.dealDetails.externalUrl || "#",
                 target: "_blank",
                 style: { "font-weight": "600" },
@@ -1945,12 +1945,12 @@ function Gi(e, t, n, s, i, o) {
                 textContent: d(i.dealDetails.name)
               }, null, 8, ["href", "textContent"]))
             ]),
-            i.dealDetails.currency ? (a(), p("div", Di, d(o.priceFormat(i.dealDetails.value, {
+            i.dealDetails.currency ? (l(), p("div", Di, d(o.priceFormat(i.dealDetails.value, {
               showZero: !1,
               currency: i.dealDetails.currency
             })), 1)) : v("", !0)
           ])) : v("", !0),
-          l("div", null, [
+          a("div", null, [
             c(r, {
               loading: i.isLoading,
               size: "small",
@@ -1977,13 +1977,13 @@ function Gi(e, t, n, s, i, o) {
               textContent: d(e.$t("suggestClients"))
             }, null, 8, ["textContent"])
           ])
-        ], 64)) : (a(), p("div", Si, [
-          l("div", {
+        ], 64)) : (l(), p("div", Si, [
+          a("div", {
             style: { padding: "0 4px 0.25em" },
             class: "text-gray-600",
             textContent: d(e.$t("linkToDoc", { type: o.dealType }))
-          }, null, 8, $i),
-          c(w, {
+          }, null, 8, Ii),
+          c(k, {
             ref: "input",
             modelValue: i.searchQuery,
             "onUpdate:modelValue": t[4] || (t[4] = (f) => i.searchQuery = f),
@@ -1999,12 +1999,12 @@ function Gi(e, t, n, s, i, o) {
             onSelect: t[6] || (t[6] = (f) => o.useSearchResult(f))
           }, {
             default: u(({ option: f }) => [
-              l("div", Ii, [
-                l("div", Fi, d(f.name), 1),
-                l("div", Li, [
-                  T(d(f.externalReference.type.capitalize()) + " " + d(f.externalReference.typeId) + " ", 1),
-                  f.value && f.currency ? (a(), p(I, { key: 0 }, [
-                    T(" · " + d(o.priceFormat(f.value, {
+              a("div", $i, [
+                a("div", Fi, d(f.name), 1),
+                a("div", Li, [
+                  _(d(f.externalReference.type.capitalize()) + " " + d(f.externalReference.typeId) + " ", 1),
+                  f.value && f.currency ? (l(), p(S, { key: 0 }, [
+                    _(" · " + d(o.priceFormat(f.value, {
                       showZero: !1,
                       currency: f.currency
                     })), 1)
@@ -2013,17 +2013,17 @@ function Gi(e, t, n, s, i, o) {
               ])
             ]),
             empty: u(() => [
-              T(d(e.$t("_common:noResults")), 1)
+              _(d(e.$t("_common:noResults")), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "data", "loading", "placeholder"])
         ]))
       ]),
-      o.showDealProducts ? (a(), p("div", Vi, [
-        l("div", Bi, [
-          l("div", Mi, [
-            T(d(e.$t("productsTitle")) + " ", 1),
-            N(c(k, {
+      o.showDealProducts ? (l(), p("div", Vi, [
+        a("div", Bi, [
+          a("div", Mi, [
+            _(d(e.$t("productsTitle")) + " ", 1),
+            N(c(w, {
               type: "info",
               size: "13"
             }, null, 512), [
@@ -2033,7 +2033,7 @@ function Gi(e, t, n, s, i, o) {
               ]
             ])
           ]),
-          l("div", {
+          a("div", {
             class: "text-gray-600",
             textContent: d(
               e.$t("productsText", {
@@ -2043,7 +2043,7 @@ function Gi(e, t, n, s, i, o) {
             )
           }, null, 8, Pi)
         ]),
-        i.dealDetails.articles && i.dealDetails.articles.length ? (a(), C(S, {
+        i.dealDetails.articles && i.dealDetails.articles.length ? (l(), C(T, {
           key: 0,
           "item-key": "_uniqueId",
           list: i.dealDetails.articles,
@@ -2058,53 +2058,53 @@ function Gi(e, t, n, s, i, o) {
           style: { "min-height": "calc(3 * var(--rem))", padding: "0 calc(0.5 * var(--rem))" }
         }, {
           item: u(({ item: f }) => [
-            l("div", {
+            a("div", {
               style: { 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" },
               onClick: (x) => o.addArticle(f)
             }, [
-              l("div", {
+              a("div", {
                 style: { "font-weight": "500", "padding-bottom": "4px", "font-size": "14px" },
                 textContent: d(f.name)
               }, null, 8, Ei),
-              l("div", zi, [
-                T(d(o.priceFormat(f.price || 0, {
+              a("div", zi, [
+                _(d(o.priceFormat(f.price || 0, {
                   showZero: !1,
                   currency: f.currency || "USD"
                 })) + " · " + d(f.quantity || 0) + "x ", 1),
-                f.vat !== null ? (a(), p(I, { key: 0 }, [
-                  T(" · " + d(e._document.$t("vat").capitalize()) + " " + d(f.vat) + "% ", 1)
+                f.vat !== null ? (l(), p(S, { key: 0 }, [
+                  _(" · " + d(e._document.$t("vat").capitalize()) + " " + d(f.vat) + "% ", 1)
                 ], 64)) : v("", !0)
               ])
             ], 8, Ai)
           ]),
           _: 1
-        }, 8, ["list", "clone"])) : (a(), p("div", Ri, [
-          c(k, {
+        }, 8, ["list", "clone"])) : (l(), p("div", Ri, [
+          c(w, {
             type: "info",
             size: "13",
             style: { margin: "1px 4px 0 0", "flex-shrink": "0" }
           }),
-          l("div", {
+          a("div", {
             textContent: d(e.$t("noProducts", { type: o.dealType }))
           }, null, 8, Oi)
         ]))
       ])) : v("", !0)
-    ], 64)) : (a(), p("div", Hi, [
-      c(k, {
+    ], 64)) : (l(), p("div", Hi, [
+      c(w, {
         type: "info",
         size: "16",
         class: "text-primary-500",
         style: { "padding-bottom": "5px" }
       }),
-      l("div", Ui, d(e.$t("noCrm")), 1),
-      l("div", qi, [
+      a("div", Ui, d(e.$t("noCrm")), 1),
+      a("div", qi, [
         c(D, {
           to: { name: "settings" },
           style: { "font-weight": "500" },
           class: "text-primary-500"
         }, {
           default: u(() => [
-            T(d(e.$t("noCrmAction")), 1)
+            _(d(e.$t("noCrmAction")), 1)
           ]),
           _: 1
         })
@@ -2112,7 +2112,7 @@ function Gi(e, t, n, s, i, o) {
     ]))
   ]);
 }
-const Ni = /* @__PURE__ */ F(pi, [["render", Gi], ["__scopeId", "data-v-5c4afae3"]]), Wi = {
+const Ni = /* @__PURE__ */ $(pi, [["render", Gi], ["__scopeId", "data-v-5c4afae3"]]), Wi = {
   name: "FieldsModal",
   i18nOptions: {
     namespaces: "FieldsModal",
@@ -2146,7 +2146,7 @@ const Ni = /* @__PURE__ */ F(pi, [["render", Gi], ["__scopeId", "data-v-5c4afae3
     }
   },
   components: {
-    CField: ke
+    CField: _e
   },
   emits: ["close"],
   props: {
@@ -2169,7 +2169,7 @@ const Ni = /* @__PURE__ */ F(pi, [["render", Gi], ["__scopeId", "data-v-5c4afae3
   },
   setup() {
     return {
-      v$: We()
+      v$: je()
     };
   },
   data() {
@@ -2183,12 +2183,12 @@ const Ni = /* @__PURE__ */ F(pi, [["render", Gi], ["__scopeId", "data-v-5c4afae3
   validations: {
     form: {
       label: {
-        required: Ie,
+        required: Fe,
         isUniqueLabel(e) {
           return this.fields.reduce((n, { id: s, label: i }) => i === e && s !== this.existingFieldId ? !1 : n, !0);
         }
       },
-      value: { required: Ie }
+      value: { required: Fe }
     }
   },
   computed: {
@@ -2208,14 +2208,14 @@ const Ni = /* @__PURE__ */ F(pi, [["render", Gi], ["__scopeId", "data-v-5c4afae3
   },
   created() {
     if (this.existingFieldId) {
-      const e = V(this.document, `fields.${this.existingFieldId}`);
+      const e = B(this.document, `fields.${this.existingFieldId}`);
       e && (this.form = { ...this.form, ...e });
     }
   },
   methods: {
     submit() {
       if (this.v$.$touch(), this.v$.$invalid) return;
-      const e = this.existingFieldId || rt();
+      const e = this.existingFieldId || dt();
       this.set({
         key: `data.fields.${e}`,
         value: {
@@ -2236,15 +2236,15 @@ const Ni = /* @__PURE__ */ F(pi, [["render", Gi], ["__scopeId", "data-v-5c4afae3
 }, Zi = { style: { "padding-bottom": "2em" } }, Ki = { style: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, Qi = { style: { "margin-bottom": "0.25em", opacity: "0.65" } };
 function Yi(e, t, n, s, i, o) {
   const r = m("CInput"), g = m("CField"), h = m("CButton");
-  return a(), p("div", ji, [
-    l("div", Zi, [
-      l("div", Ki, d(n.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")), 1),
-      l("div", Qi, d(e.$t("description")), 1)
+  return l(), p("div", ji, [
+    a("div", Zi, [
+      a("div", Ki, d(n.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")), 1),
+      a("div", Qi, d(e.$t("description")), 1)
     ]),
-    l("form", {
+    a("form", {
       style: { width: "100%" },
-      onSubmit: t[2] || (t[2] = q((...b) => o.submit && o.submit(...b), ["prevent"])),
-      onKeyup: t[3] || (t[3] = dt((...b) => o.submit && o.submit(...b), ["enter"]))
+      onSubmit: t[2] || (t[2] = Z((...b) => o.submit && o.submit(...b), ["prevent"])),
+      onKeyup: t[3] || (t[3] = ct((...b) => o.submit && o.submit(...b), ["enter"]))
     }, [
       c(g, {
         label: e.$t("label"),
@@ -2287,7 +2287,7 @@ function Yi(e, t, n, s, i, o) {
         onClick: o.submit,
         textContent: d(e.$t("_common:save"))
       }, null, 8, ["onClick", "textContent"]),
-      n.existingFieldId ? (a(), C(h, {
+      n.existingFieldId ? (l(), C(h, {
         key: 0,
         style: { "margin-top": "5px" },
         type: "none",
@@ -2299,7 +2299,7 @@ function Yi(e, t, n, s, i, o) {
     ], 32)
   ]);
 }
-const Ji = /* @__PURE__ */ F(Wi, [["render", Yi]]), Xi = {
+const Ji = /* @__PURE__ */ $(Wi, [["render", Yi]]), Xi = {
   i18nOptions: {
     namespaces: "DocumentFormFields",
     messages: {
@@ -2325,9 +2325,9 @@ const Ji = /* @__PURE__ */ F(Wi, [["render", Yi]]), Xi = {
   components: {
     SmartList: Zt,
     CAccordion: Wt,
-    CField: ke
+    CField: _e
   },
-  mixins: [ne()],
+  mixins: [ae()],
   props: {
     set: {
       type: Function,
@@ -2381,7 +2381,7 @@ const Ji = /* @__PURE__ */ F(Wi, [["render", Yi]]), Xi = {
       async handler(e) {
         var t, n;
         if (this.isEditingTemplate && e) {
-          const { data: s } = await ee.getFields(e);
+          const { data: s } = await ie.getFields(e);
           this.updateValue("data.fields", {
             // crmFields added first in order to not override same service values
             ...s,
@@ -2420,7 +2420,7 @@ const Ji = /* @__PURE__ */ F(Wi, [["render", Yi]]), Xi = {
       );
     },
     onCopyField(e) {
-      navigator && navigator.clipboard && e && navigator.clipboard.writeText(e).then(() => be("info", this.$t("_common:copyMessage"))).catch((t) => se(t));
+      navigator && navigator.clipboard && e && navigator.clipboard.writeText(e).then(() => we("info", this.$t("_common:copyMessage"))).catch((t) => re(t));
     },
     filterMethod(e, t) {
       return t.filter(
@@ -2438,7 +2438,7 @@ const Ji = /* @__PURE__ */ F(Wi, [["render", Yi]]), Xi = {
 }, so = {
   class: "field-container",
   style: { position: "relative", flex: "1 1 auto" }
-}, lo = ["onDragstart", "textContent"], ao = { class: "field-actions" }, ro = {
+}, ao = ["onDragstart", "textContent"], lo = { class: "field-actions" }, ro = {
   key: 1,
   style: { "text-align": "center" }
 }, co = {
@@ -2452,50 +2452,50 @@ const Ji = /* @__PURE__ */ F(Wi, [["render", Yi]]), Xi = {
   style: { position: "relative", flex: "1 1 auto" }
 }, vo = ["onDragstart", "textContent"], Co = { class: "field-actions" };
 function bo(e, t, n, s, i, o) {
-  const r = m("CInput"), g = m("CField"), h = m("CButton"), b = m("SmartList"), w = m("CIcon"), k = m("CAccordion");
-  return a(), p("div", eo, [
-    l("div", to, [
-      l("div", {
+  const r = m("CInput"), g = m("CField"), h = m("CButton"), b = m("SmartList"), k = m("CIcon"), w = m("CAccordion");
+  return l(), p("div", eo, [
+    a("div", to, [
+      a("div", {
         style: { "font-size": "16px", "font-weight": "600" },
         textContent: d(e.$t("title"))
       }, null, 8, no),
-      l("div", {
+      a("div", {
         style: { color: "hsl(0, 0%, 35%)" },
         textContent: d(e.$t("description"))
       }, null, 8, io)
     ]),
     c(r, {
       modelValue: i.query,
-      "onUpdate:modelValue": t[0] || (t[0] = (S) => i.query = S),
+      "onUpdate:modelValue": t[0] || (t[0] = (T) => i.query = T),
       placeholder: e.$t("_common:search"),
       filled: "",
       size: "small"
     }, null, 8, ["modelValue", "placeholder"]),
-    i.query ? (a(), p("div", oo, [
+    i.query ? (l(), p("div", oo, [
       c(b, {
         items: o.options,
         "filter-method": o.filterMethod,
         query: i.query
       }, {
-        default: u(({ items: S }) => [
-          l("div", null, [
-            S.length ? (a(!0), p(I, { key: 0 }, P(S, (D, y) => (a(), p("div", {
+        default: u(({ items: T }) => [
+          a("div", null, [
+            T.length ? (l(!0), p(S, { key: 0 }, A(T, (D, y) => (l(), p("div", {
               key: y,
               class: "field-parent flex w-full items-center"
             }, [
-              l("div", so, [
+              a("div", so, [
                 c(g, {
                   label: " ",
                   "label-position": "inside",
                   style: { width: "100%" }
                 }, {
                   default: u(() => [
-                    l("span", {
+                    a("span", {
                       class: "drag-label",
                       draggable: !0,
                       onDragstart: (f) => o.onDragStart(f, D),
                       textContent: d(D.label)
-                    }, null, 40, lo),
+                    }, null, 40, ao),
                     c(r, {
                       "model-value": D.value,
                       disabled: D.inputDisabled,
@@ -2510,8 +2510,8 @@ function bo(e, t, n, s, i, o) {
                   ]),
                   _: 2
                 }, 1024),
-                l("div", ao, [
-                  !D.inputDisabled && !D.virtual ? (a(), C(h, {
+                a("div", lo, [
+                  !D.inputDisabled && !D.virtual ? (l(), C(h, {
                     key: 0,
                     icon: "edit",
                     size: "small",
@@ -2530,13 +2530,13 @@ function bo(e, t, n, s, i, o) {
                   }, null, 8, ["onClick"])
                 ])
               ])
-            ]))), 128)) : (a(), p("div", ro, d(e.$t("_common:noResults")), 1))
+            ]))), 128)) : (l(), p("div", ro, d(e.$t("_common:noResults")), 1))
           ])
         ]),
         _: 1
       }, 8, ["items", "filter-method", "query"])
-    ])) : (a(), p("div", co, [
-      l("div", uo, [
+    ])) : (l(), p("div", co, [
+      a("div", uo, [
         c(h, {
           type: "none",
           pattern: "secondary",
@@ -2546,7 +2546,7 @@ function bo(e, t, n, s, i, o) {
           textContent: d(e.$t("_common:add", { thing: e.$t("_common:field") }))
         }, null, 8, ["onClick", "textContent"])
       ]),
-      (a(!0), p(I, null, P([
+      (l(!0), p(S, null, A([
         {
           label: e.$t("usedFields"),
           defaultOpen: !0,
@@ -2564,43 +2564,43 @@ function bo(e, t, n, s, i, o) {
           defaultOpen: !o.usedFields.length,
           items: o.unUsedFields
         }
-      ], (S, D) => (a(), C(k, {
+      ], (T, D) => (l(), C(w, {
         key: D,
-        "default-open": S.defaultOpen,
+        "default-open": T.defaultOpen,
         style: { "border-top": "1px solid hsl(0, 0%, 88%)" }
       }, {
         trigger: u(({ expanded: y }) => [
-          l("div", mo, [
-            l("span", null, [
-              l("span", {
-                textContent: d(S.label)
+          a("div", mo, [
+            a("span", null, [
+              a("span", {
+                textContent: d(T.label)
               }, null, 8, po),
-              l("span", {
+              a("span", {
                 style: { opacity: "0.45", "padding-left": "0.5em" },
-                textContent: d(S.items.length)
+                textContent: d(T.items.length)
               }, null, 8, ho)
             ]),
-            c(w, {
-              style: E([{ transform: `rotate(${y ? "180deg" : "0deg"})` }, { transition: "200ms" }]),
+            c(k, {
+              style: R([{ transform: `rotate(${y ? "180deg" : "0deg"})` }, { transition: "200ms" }]),
               type: "chevron-down",
               size: "15"
             }, null, 8, ["style"])
           ])
         ]),
         default: u(() => [
-          l("div", fo, [
-            S.items.length ? (a(!0), p(I, { key: 1 }, P(S.items, (y, f) => (a(), p("div", {
+          a("div", fo, [
+            T.items.length ? (l(!0), p(S, { key: 1 }, A(T.items, (y, f) => (l(), p("div", {
               key: f,
               class: "field-parent flex w-full items-center"
             }, [
-              l("div", yo, [
+              a("div", yo, [
                 c(g, {
                   label: " ",
                   "label-position": "inside",
                   style: { width: "100%" }
                 }, {
                   default: u(() => [
-                    l("span", {
+                    a("span", {
                       class: "drag-label",
                       draggable: !0,
                       onDragstart: (x) => o.onDragStart(x, y),
@@ -2613,15 +2613,15 @@ function bo(e, t, n, s, i, o) {
                       size: "small",
                       style: { width: "100%" },
                       onBlur: (x) => {
-                        var _;
-                        return y.onInput(((_ = x == null ? void 0 : x.target) == null ? void 0 : _.value) || "");
+                        var I;
+                        return y.onInput(((I = x == null ? void 0 : x.target) == null ? void 0 : I.value) || "");
                       }
                     }, null, 8, ["model-value", "disabled", "onBlur"])
                   ]),
                   _: 2
                 }, 1024),
-                l("div", Co, [
-                  !y.inputDisabled && !y.virtual ? (a(), C(h, {
+                a("div", Co, [
+                  !y.inputDisabled && !y.virtual ? (l(), C(h, {
                     key: 0,
                     icon: "edit",
                     size: "small",
@@ -2640,7 +2640,7 @@ function bo(e, t, n, s, i, o) {
                   }, null, 8, ["onClick"])
                 ])
               ])
-            ]))), 128)) : (a(), p("div", {
+            ]))), 128)) : (l(), p("div", {
               key: 0,
               style: { "font-size": "13px", "text-align": "center", "user-select": "none", padding: "0.5em", "border-radius": "0.25em", opacity: "0.5" },
               textContent: d(e.$t("noResults"))
@@ -2652,7 +2652,7 @@ function bo(e, t, n, s, i, o) {
     ]))
   ]);
 }
-const ko = /* @__PURE__ */ F(Xi, [["render", bo], ["__scopeId", "data-v-454d81b5"]]), wo = {
+const ko = /* @__PURE__ */ $(Xi, [["render", bo], ["__scopeId", "data-v-454d81b5"]]), wo = {
   name: "MenuBlockConvertPopover",
   emits: ["close", "convert"],
   props: {
@@ -2691,12 +2691,12 @@ const ko = /* @__PURE__ */ F(Xi, [["render", bo], ["__scopeId", "data-v-454d81b5
 }, xo = ["innerHTML"];
 function To(e, t, n, s, i, o) {
   const r = m("CButton");
-  return a(), p("div", null, [
-    l("div", {
+  return l(), p("div", null, [
+    a("div", {
       class: "fixed inset-0 z-10",
-      onClick: t[0] || (t[0] = q((g) => e.$emit("close"), ["self"]))
+      onClick: t[0] || (t[0] = Z((g) => e.$emit("close"), ["self"]))
     }),
-    c(te, {
+    c(oe, {
       appear: "",
       mode: "out-in",
       "enter-active-class": "transition-all duration-100 ease-out",
@@ -2707,8 +2707,8 @@ function To(e, t, n, s, i, o) {
       "leave-to-class": "opacity-0"
     }, {
       default: u(() => [
-        l("div", _o, [
-          l("div", {
+        a("div", _o, [
+          a("div", {
             class: "pb-4",
             innerHTML: e.$t("text")
           }, null, 8, xo),
@@ -2719,7 +2719,7 @@ function To(e, t, n, s, i, o) {
             onClick: t[1] || (t[1] = (g) => e.$emit("convert"))
           }, {
             default: u(() => [
-              T(d(e.$t("button")), 1)
+              _(d(e.$t("button")), 1)
             ]),
             _: 1
           })
@@ -2729,7 +2729,7 @@ function To(e, t, n, s, i, o) {
     })
   ]);
 }
-const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
+const Do = /* @__PURE__ */ $(wo, [["render", To]]), So = {
   name: "MenuBlocks",
   i18nOptions: {
     namespaces: "menuBlocks",
@@ -2799,14 +2799,14 @@ const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
     }
   },
   components: {
-    Simplebar: Q,
+    Simplebar: X,
     DragList: Ee,
     DragItem: ze,
-    IsPremiumPreStep: Y,
-    ProBadge: Ne,
+    IsPremiumPreStep: ee,
+    ProBadge: We,
     MenuBlockConvertPopover: Do
   },
-  mixins: [Z],
+  mixins: [Y],
   inject: {
     viewSettings: {
       default: () => ({ isPublicForm: !1 })
@@ -2836,7 +2836,7 @@ const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
   },
   emits: ["block-added"],
   setup(e) {
-    const { addBlock: t, getBlockPayload: n } = Ge({
+    const { addBlock: t, getBlockPayload: n } = Ne({
       setter: e.set
     });
     return { addBlock: t, getBlockPayload: n };
@@ -3000,7 +3000,7 @@ const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
     };
   },
   computed: {
-    ...O({
+    ...H({
       allAuthenticatedCRMs: "settings/allAuthenticatedCRMs",
       feature: "application/feature"
     }),
@@ -3135,7 +3135,7 @@ const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
       );
     },
     activeSubMenuKey() {
-      return V(this.activeSubMenu, "[0].key") || null;
+      return B(this.activeSubMenu, "[0].key") || null;
     }
     // section key is added to each element in the menu
   },
@@ -3195,7 +3195,7 @@ const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
         e.destroy();
       }) : this.tippyInstances.destroy && this.tippyInstances.destroy());
     },
-    setSubMenuState: Ce(
+    setSubMenuState: ke(
       function(t) {
         this.activeSubMenu = t;
       },
@@ -3214,7 +3214,7 @@ const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
       return !this.feature(`docBlock_${e}`) && !((t = this.viewSettings) != null && t.isPublicForm);
     },
     doesBlockExist(e) {
-      return !!V(this._document, "_doc.template.views.read.nodes", []).find((n) => n.itemId.startsWith(e));
+      return !!B(this._document, "_doc.template.views.read.nodes", []).find((n) => n.itemId.startsWith(e));
     },
     getGhostParent() {
       var n, s;
@@ -3237,7 +3237,7 @@ const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
       };
     }
   }
-}, $o = { class: "menu-container" }, Io = {
+}, Io = { class: "menu-container" }, $o = {
   key: 0,
   style: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(1 * var(--rem))" }
 }, Fo = ["onMouseoverPassive"], Lo = {
@@ -3248,27 +3248,27 @@ const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
   style: { width: "initial", flex: "1 1 auto" }
 }, Bo = ["innerHTML"], Mo = { class: "option-title" }, Po = { class: "relative" }, Ao = ["onClick", "innerHTML"];
 function Eo(e, t, n, s, i, o) {
-  const r = m("MenuBlockConvertPopover"), g = m("ProBadge"), h = m("CIcon"), b = m("CButton"), w = m("DragItem"), k = m("DragList"), S = m("Simplebar"), D = m("IsPremiumPreStep");
-  return a(), p("div", {
+  const r = m("MenuBlockConvertPopover"), g = m("ProBadge"), h = m("CIcon"), b = m("CButton"), k = m("DragItem"), w = m("DragList"), T = m("Simplebar"), D = m("IsPremiumPreStep");
+  return l(), p("div", {
     onMouseleavePassive: t[4] || (t[4] = (...y) => o.onMouseleaveDrawer && o.onMouseleaveDrawer(...y))
   }, [
     c(D, { feature: "documentBlocks" }, {
       default: u(({ onClick: y }) => [
-        !n.canUseBlocks && i.showConvertEditableDialog ? (a(), C(r, {
+        !n.canUseBlocks && i.showConvertEditableDialog ? (l(), C(r, {
           key: 0,
           target: i.showConvertEditableDialogTarget,
           onConvert: o.deSyncTemplate,
           onClose: t[0] || (t[0] = (f) => i.showConvertEditableDialog = !1)
         }, null, 8, ["target", "onConvert"])) : v("", !0),
-        l("div", $o, [
-          (a(!0), p(I, null, P([
+        a("div", Io, [
+          (l(!0), p(S, null, A([
             { data: o.primaryBlocks },
             { data: o.secondaryBlocks }
-          ], (f, x) => (a(), p("div", { key: x }, [
-            x > 0 ? (a(), p("div", Io)) : v("", !0),
-            c(k, {
+          ], (f, x) => (l(), p("div", { key: x }, [
+            x > 0 ? (l(), p("div", $o)) : v("", !0),
+            c(w, {
               group: { name: "blocks", pull: "clone", put: !1 },
-              "get-child-payload": (_) => s.getBlockPayload(o.getSectionKey({ data: f.data, index: _ })),
+              "get-child-payload": (I) => s.getBlockPayload(o.getSectionKey({ data: f.data, index: I })),
               "drop-placeholder": {
                 className: "drag-drop-menu-placeholder"
               },
@@ -3280,44 +3280,44 @@ function Eo(e, t, n, s, i, o) {
               behaviour: "copy"
             }, {
               default: u(() => [
-                (a(!0), p(I, null, P(f.data, (_) => (a(), C(w, {
-                  key: _.key,
+                (l(!0), p(S, null, A(f.data, (I) => (l(), C(k, {
+                  key: I.key,
                   class: L({ "drag-item": o.canDrag })
                 }, {
                   default: u(() => [
-                    l("div", ye(
+                    a("div", be(
                       { ref_for: !0 },
-                      _.hasTooltip ? { "data-tooltip-key": _.key } : null,
+                      I.hasTooltip ? { "data-tooltip-key": I.key } : null,
                       {
                         class: {
-                          "no-drag": _.disabled || _.locked || !n.canUseBlocks
+                          "no-drag": I.disabled || I.locked || !n.canUseBlocks
                         },
-                        onMouseoverPassive: (A) => i.subMenuToShow = !_.disabled && o.canDrag && _.subMenu || null,
-                        onMouseleavePassive: t[1] || (t[1] = (A) => i.subMenuToShow = null)
+                        onMouseoverPassive: (F) => i.subMenuToShow = !I.disabled && o.canDrag && I.subMenu || null,
+                        onMouseleavePassive: t[1] || (t[1] = (F) => i.subMenuToShow = null)
                       }
                     ), [
                       c(b, {
                         ref_for: !0,
                         ref: "blockItem",
-                        disabled: _.disabled,
+                        disabled: I.disabled,
                         class: L([{
-                          "sub-menu-active": _.key === o.activeSubMenuKey
+                          "sub-menu-active": I.key === o.activeSubMenuKey
                         }, "option-row is-thinner is-left"]),
                         wide: "",
                         pattern: "secondary",
                         style: { "padding-left": "1.5em", "padding-right": "2em", "border-radius": "0", "font-size": "14px", "border-color": "transparent" },
-                        onClick: (A) => o.onUseBlock({ block: _, openUpgradeModal: y })
+                        onClick: (F) => o.onUseBlock({ block: I, openUpgradeModal: y })
                       }, {
                         default: u(() => [
-                          l("div", Lo, [
-                            l("div", Vo, [
-                              l("div", {
+                          a("div", Lo, [
+                            a("div", Vo, [
+                              a("div", {
                                 class: "option-image",
-                                innerHTML: _.icon
+                                innerHTML: I.icon
                               }, null, 8, Bo),
-                              l("div", Mo, d(e.$t(`blocks.${_.key}`)), 1)
+                              a("div", Mo, d(e.$t(`blocks.${I.key}`)), 1)
                             ]),
-                            _.locked ? (a(), C(g, { key: 0 })) : !n.fixed && _.subMenu ? (a(), C(h, {
+                            I.locked ? (l(), C(g, { key: 0 })) : !n.fixed && I.subMenu ? (l(), C(h, {
                               key: 1,
                               type: "chevron-right",
                               size: "14",
@@ -3335,21 +3335,21 @@ function Eo(e, t, n, s, i, o) {
               _: 2
             }, 1032, ["get-child-payload", "get-ghost-parent"])
           ]))), 128)),
-          M(e.$slots, "footer", {}, void 0, !0)
+          P(e.$slots, "footer", {}, void 0, !0)
         ]),
-        c(te, { name: "slide-right" }, {
+        c(oe, { name: "slide-right" }, {
           default: u(() => [
-            N(l("div", {
+            N(a("div", {
               class: "submenu",
               onMouseoverPassive: t[2] || (t[2] = (f) => i.subMenuToShow = i.activeSubMenu),
               onMouseleavePassive: t[3] || (t[3] = (f) => i.subMenuToShow = null)
             }, [
-              c(S, {
+              c(T, {
                 class: "h-full py-4 pl-3",
                 "data-simplebar-auto-hide": "false"
               }, {
                 default: u(() => [
-                  c(k, {
+                  c(w, {
                     group: { name: "blocks", pull: "clone", put: !1 },
                     "get-child-payload": (f) => o.getSubMenuPayload({ index: f, getBlockPayload: s.getBlockPayload }),
                     "drop-placeholder": { className: "drag-drop-menu-placeholder" },
@@ -3361,18 +3361,18 @@ function Eo(e, t, n, s, i, o) {
                     behaviour: "copy"
                   }, {
                     default: u(() => [
-                      (a(!0), p(I, null, P(i.activeSubMenu, (f, x) => (a(), C(w, {
+                      (l(!0), p(S, null, A(i.activeSubMenu, (f, x) => (l(), C(k, {
                         key: f.key + x,
                         class: L(["px-1.5", { "drag-item": !f.locked && n.canUseBlocks }])
                       }, {
                         default: u(() => [
-                          l("div", Po, [
-                            l("div", {
+                          a("div", Po, [
+                            a("div", {
                               class: "drag-item-preview",
-                              onClick: (_) => o.onUseBlock({ block: f, openUpgradeModal: y }),
+                              onClick: (I) => o.onUseBlock({ block: f, openUpgradeModal: y }),
                               innerHTML: f.previewUrl
                             }, null, 8, Ao),
-                            f.locked ? (a(), C(g, {
+                            f.locked ? (l(), C(g, {
                               key: 0,
                               class: "absolute bottom-2 right-4"
                             })) : v("", !0)
@@ -3387,7 +3387,7 @@ function Eo(e, t, n, s, i, o) {
                 _: 2
               }, 1024)
             ], 544), [
-              [he, i.activeSubMenu]
+              [ve, i.activeSubMenu]
             ])
           ]),
           _: 2
@@ -3397,7 +3397,7 @@ function Eo(e, t, n, s, i, o) {
     })
   ], 32);
 }
-const zo = /* @__PURE__ */ F(So, [["render", Eo], ["__scopeId", "data-v-babdf4c0"]]), Ro = {
+const zo = /* @__PURE__ */ $(So, [["render", Eo], ["__scopeId", "data-v-babdf4c0"]]), Ro = {
   name: "DocumentFormMenu",
   i18nOptions: {
     namespaces: "documentFormMenu",
@@ -3413,15 +3413,15 @@ const zo = /* @__PURE__ */ F(So, [["render", Eo], ["__scopeId", "data-v-babdf4c0
     }
   },
   components: {
-    Design: ai,
+    Design: li,
     Fields: ko,
     ExtensionTab: Ni,
     DocumentGeneralSettings: mi,
-    DocumentGuide: ct(
-      () => import("./index-BTw8ZC8k.js")
+    DocumentGuide: ut(
+      () => import("./index-DXNrJnEc.js")
     ),
     MenuBlocks: zo,
-    Simplebar: Q
+    Simplebar: X
   },
   emits: ["close"],
   props: {
@@ -3457,12 +3457,12 @@ const zo = /* @__PURE__ */ F(So, [["render", Eo], ["__scopeId", "data-v-babdf4c0
   data() {
     return {
       showGuide: !1,
-      showGuideNotification: !De.getItem("hideFormGuideNotification"),
+      showGuideNotification: !Ie.getItem("hideFormGuideNotification"),
       tab: "blocks"
     };
   },
   computed: {
-    ...O({
+    ...H({
       allAuthenticatedCRMs: "settings/allAuthenticatedCRMs"
     }),
     extensionTabType() {
@@ -3479,7 +3479,7 @@ const zo = /* @__PURE__ */ F(So, [["render", Eo], ["__scopeId", "data-v-babdf4c0
   },
   methods: {
     openGuide() {
-      this.showGuide = !0, this.showGuideNotification = !1, De.setItem("hideFormGuideNotification", !0);
+      this.showGuide = !0, this.showGuideNotification = !1, Ie.setItem("hideFormGuideNotification", !0);
     }
   }
 }, Oo = {
@@ -3493,43 +3493,43 @@ const zo = /* @__PURE__ */ F(So, [["render", Eo], ["__scopeId", "data-v-babdf4c0
   class: "menu-container"
 };
 function jo(e, t, n, s, i, o) {
-  const r = m("CIcon"), g = m("CButton"), h = m("MenuBlocks"), b = m("Design"), w = m("Fields"), k = m("ExtensionTab"), S = m("DocumentGeneralSettings"), D = m("Simplebar"), y = m("DocumentGuide");
-  return a(), p("div", null, [
-    l("div", {
-      style: E([{ width: `${n.width}px` }, n.fixed && { zIndex: 999 }]),
+  const r = m("CIcon"), g = m("CButton"), h = m("MenuBlocks"), b = m("Design"), k = m("Fields"), w = m("ExtensionTab"), T = m("DocumentGeneralSettings"), D = m("Simplebar"), y = m("DocumentGuide");
+  return l(), p("div", null, [
+    a("div", {
+      style: R([{ width: `${n.width}px` }, n.fixed && { zIndex: 999 }]),
       class: "root menu-wrapper fixed left-0 top-14 z-[99] bg-white"
     }, [
-      n.fixed ? (a(), p("div", {
+      n.fixed ? (l(), p("div", {
         key: 0,
         class: "fixed inset-0",
         onClick: t[0] || (t[0] = (f) => e.$emit("close"))
       })) : v("", !0),
-      l("div", {
-        style: E([{ width: `${n.width}px` }, { height: "100%", "font-size": "14px", "border-radius": "0 8px 8px 0", "box-shadow": "0 10px 20px rgba(0, 0, 0, 0.2)" }])
+      a("div", {
+        style: R([{ width: `${n.width}px` }, { height: "100%", "font-size": "14px", "border-radius": "0 8px 8px 0", "box-shadow": "0 10px 20px rgba(0, 0, 0, 0.2)" }])
       }, [
-        n.isLegacyTemplate ? v("", !0) : (a(), p("div", Oo, [
-          l("div", {
+        n.isLegacyTemplate ? v("", !0) : (l(), p("div", Oo, [
+          a("div", {
             class: L([{ "is-active": i.tab === "blocks" }, "tab-item"]),
             onClick: t[1] || (t[1] = (f) => i.tab = "blocks"),
             textContent: d(e.$t("tabs.blocks"))
           }, null, 10, Ho),
-          l("div", {
+          a("div", {
             class: L([{ "is-active": i.tab === "design" }, "tab-item"]),
             onClick: t[2] || (t[2] = (f) => i.tab = "design"),
             textContent: d(e.$t("tabs.design"))
           }, null, 10, Uo),
-          l("div", {
+          a("div", {
             class: L([{ "is-active": i.tab === "fields" }, "tab-item"]),
             onClick: t[3] || (t[3] = (f) => i.tab = "fields"),
             textContent: d(e.$t("tabs.fields"))
           }, null, 10, qo),
-          o.extensionTabType ? (a(), p("div", {
+          o.extensionTabType ? (l(), p("div", {
             key: 0,
             class: L([{ "is-active": i.tab === "extension" }, "tab-item"]),
             onClick: t[4] || (t[4] = (f) => i.tab = "extension")
           }, [
-            l("div", {
-              style: E([{ width: "18px", height: "18px", background: "#343434", "border-radius": "4px", display: "flex", "align-items": "center", "justify-content": "center", "margin-top": "2px" }, [
+            a("div", {
+              style: R([{ width: "18px", height: "18px", background: "#343434", "border-radius": "4px", display: "flex", "align-items": "center", "justify-content": "center", "margin-top": "2px" }, [
                 o.extensionTabType === "pipedrive" && {
                   backgroundColor: "#3A3A3A"
                 },
@@ -3545,7 +3545,7 @@ function jo(e, t, n, s, i, o) {
               }, null, 8, ["type"])
             ], 4)
           ], 2)) : v("", !0),
-          l("div", {
+          a("div", {
             class: L([{ "is-active": i.tab === "generalSettings" }, "tab-item ml-[2px]"]),
             onClick: t[5] || (t[5] = (f) => i.tab = "generalSettings")
           }, [
@@ -3556,7 +3556,7 @@ function jo(e, t, n, s, i, o) {
             })
           ], 2)
         ])),
-        i.tab === "blocks" ? (a(), C(h, {
+        i.tab === "blocks" ? (l(), C(h, {
           key: 1,
           _document: n.state,
           set: n.set,
@@ -3566,7 +3566,7 @@ function jo(e, t, n, s, i, o) {
           onBlockAdded: t[6] || (t[6] = (f) => n.fixed ? e.$emit("close") : null)
         }, {
           footer: u(() => [
-            l("div", Go, [
+            a("div", Go, [
               c(g, {
                 "icon-left": "help",
                 type: "none",
@@ -3576,18 +3576,18 @@ function jo(e, t, n, s, i, o) {
                 onClick: o.openGuide
               }, {
                 default: u(() => [
-                  T(d(e.$t("guideButton")) + " ", 1),
-                  i.showGuideNotification ? (a(), p("div", No)) : v("", !0)
+                  _(d(e.$t("guideButton")) + " ", 1),
+                  i.showGuideNotification ? (l(), p("div", No)) : v("", !0)
                 ]),
                 _: 1
               }, 8, ["onClick"])
             ])
           ]),
           _: 1
-        }, 8, ["_document", "set", "remove-value", "fixed", "can-use-blocks"])) : (a(), p("div", Wo, [
+        }, 8, ["_document", "set", "remove-value", "fixed", "can-use-blocks"])) : (l(), p("div", Wo, [
           c(D, { class: "h-full w-full" }, {
             default: u(() => [
-              i.tab === "design" ? (a(), C(b, {
+              i.tab === "design" ? (l(), C(b, {
                 key: 0,
                 _document: n.state,
                 _value: {
@@ -3595,7 +3595,7 @@ function jo(e, t, n, s, i, o) {
                 },
                 set: n.set,
                 offset: n.fixed ? 0 : n.width
-              }, null, 8, ["_document", "set", "offset"])) : i.tab === "fields" ? (a(), C(w, {
+              }, null, 8, ["_document", "set", "offset"])) : i.tab === "fields" ? (l(), C(k, {
                 key: 1,
                 _document: n.state,
                 "crm-service": o.extensionTabType,
@@ -3603,7 +3603,7 @@ function jo(e, t, n, s, i, o) {
                   css: "data.css"
                 },
                 set: n.set
-              }, null, 8, ["_document", "crm-service", "set"])) : i.tab === "extension" ? (a(), C(k, {
+              }, null, 8, ["_document", "crm-service", "set"])) : i.tab === "extension" ? (l(), C(w, {
                 key: 2,
                 _document: n.state,
                 _value: {
@@ -3613,7 +3613,7 @@ function jo(e, t, n, s, i, o) {
                 },
                 onInput: t[7] || (t[7] = ({ key: f, value: x }) => n.set({ key: f, value: x }))
               }, null, 8, ["_document"])) : v("", !0),
-              i.tab === "generalSettings" ? (a(), C(S, {
+              i.tab === "generalSettings" ? (l(), C(T, {
                 key: 3,
                 _document: n.state,
                 _value: {
@@ -3635,7 +3635,7 @@ function jo(e, t, n, s, i, o) {
             _: 1
           })
         ])),
-        i.showGuide ? (a(), C(y, {
+        i.showGuide ? (l(), C(y, {
           key: 3,
           onClose: t[9] || (t[9] = (f) => i.showGuide = !1)
         })) : v("", !0)
@@ -3643,11 +3643,11 @@ function jo(e, t, n, s, i, o) {
     ], 4)
   ]);
 }
-const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f"]]), Ke = (e, t, n = "children") => {
+const Zo = /* @__PURE__ */ $(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f"]]), Qe = (e, t, n = "children") => {
   if (!e) return;
   t(e);
   const s = e[n];
-  !s && !Array.isArray(s) || s.forEach((i) => Ke(i, t));
+  !s && !Array.isArray(s) || s.forEach((i) => Qe(i, t));
 }, Ko = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
@@ -3674,12 +3674,12 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
     DocumentFormNav: Dn,
     DocumentDrawer: vn,
     DocumentStyleContainer: Ot,
-    simplebar: Q,
+    simplebar: X,
     LogoBanner: jn,
-    IsPremium: J
+    IsPremium: te
   },
   emits: ["update:view"],
-  mixins: [Z],
+  mixins: [Y],
   props: {
     _document: {
       type: Object,
@@ -3717,7 +3717,7 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
   },
   data() {
     return {
-      drawerState: U,
+      drawerState: W,
       isDragging: !1,
       previewDevice: "desktop",
       sidebarWidth: 270
@@ -3725,25 +3725,25 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
   },
   computed: {
     docTemplate() {
-      return V(this._document, "template", null);
+      return B(this._document, "template", null);
     },
     isTemplateEditable() {
-      return V(this.docTemplate, "views.read.isEditable", !1);
+      return B(this.docTemplate, "views.read.isEditable", !1);
     },
     canMove() {
       return this.isTemplateEditable && this.isEditView;
     },
     readLayout() {
-      return V(this.docTemplate, "views.read.nodes", []);
+      return B(this.docTemplate, "views.read.nodes", []);
     },
     nestedReadLayout() {
       return this._document.getReadLayout({ showHiddenNodes: this.isEditView });
     },
     currency() {
-      return V(this._document, "currency");
+      return B(this._document, "currency");
     },
     externalReferences() {
-      return V(this._document, "externalReferences") || [];
+      return B(this._document, "externalReferences") || [];
     },
     isEditView() {
       return this.view === "edit";
@@ -3764,13 +3764,13 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
     isEditView: {
       immediate: !0,
       handler(e, t) {
-        U.isFixed = e ? this.isFixedSidebar : !0, e && !U.isFixed ? t === void 0 ? U.setLeft(!0) : U.useSavedLeftState() : U.showLeft = !1;
+        W.isFixed = e ? this.isFixedSidebar : !0, e && !W.isFixed ? t === void 0 ? W.setLeft(!0) : W.useSavedLeftState() : W.showLeft = !1;
       }
     },
     isFixedSidebar: {
       immediate: !0,
       handler(e) {
-        U.isFixed = e, U.showLeft = !e;
+        W.isFixed = e, W.showLeft = !e;
       }
     },
     currency(e) {
@@ -3793,7 +3793,7 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
       await Promise.all(
         (e || []).map(async ({ service: t, type: n, typeId: s }) => {
           if (n && s && t && this.$store.getters["settings/isAuthenticatedCRM"](t)) {
-            const { data: i } = await ee.getFields(
+            const { data: i } = await ie.getFields(
               t,
               { type: n, typeId: s, populated: !0 }
             );
@@ -3828,14 +3828,14 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
       });
     },
     async onBlockRemove(e, t) {
-      if (ae([this.nestedReadLayout[t]]).forEach((s) => {
+      if (ue([this.nestedReadLayout[t]]).forEach((s) => {
         const i = this.readLayout.findIndex((o) => o.nodeId === s.nodeId);
         this.removeFormValue(`template.views.read.nodes[${i}]`);
       }), await this.$nextTick(), e.itemId.startsWith("packageGroup")) {
         const s = e.itemId.split("-")[1];
         this.removePackageGroup(s);
       } else
-        Ke(e, (i) => {
+        Qe(e, (i) => {
           i.value && Object.values(i.value).forEach((o) => {
             this.removeFormKeyValue(`${o}`);
             let r = o.replace(
@@ -3854,46 +3854,46 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
       Array.isArray(t.packages) && t.packages.forEach((s) => {
         this.setFormValue({
           key: "articles",
-          value: V(this._document, "_doc.articles", []).filter(
+          value: B(this._document, "_doc.articles", []).filter(
             ({ packageId: i }) => i !== s.packageId
           )
         });
       });
       const n = Object.assign(
         {},
-        V(this._document, "_doc.data.packageGroups")
+        B(this._document, "_doc.data.packageGroups")
       );
-      delete n[e], this.setFormValue({ key: "data.packageGroups", value: n }), Object.keys(V(this._document, "_doc.data.packageGroups", {})).length || this.removeFormValue(
+      delete n[e], this.setFormValue({ key: "data.packageGroups", value: n }), Object.keys(B(this._document, "_doc.data.packageGroups", {})).length || this.removeFormValue(
         "template.validationSchema.properties.data.properties.packageGroups"
       );
     },
     onBlockListChange(e, { removedIndex: t, addedIndex: n, payload: s }) {
       if (t !== null && n !== null) {
         if (t === n) return;
-        const i = ut(
+        const i = mt(
           this.nestedReadLayout,
           t,
           n
         );
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: ae(i)
+          value: ue(i)
         });
       } else if (!t && n !== null) {
-        const { sectionKey: i, createNewSection: o, addValidation: r, contentData: g } = s, { readView: h, validation: b, data: w } = o({
+        const { sectionKey: i, createNewSection: o, addValidation: r, contentData: g } = s, { readView: h, validation: b, data: k } = o({
           sectionKey: i,
           document: this._document,
           contentData: g
         });
-        r({ validation: b, data: w });
-        const k = mt({ tree: h }), S = [
+        r({ validation: b, data: k });
+        const w = pt({ tree: h }), T = [
           ...this.nestedReadLayout.slice(0, n),
-          ...k,
+          ...w,
           ...this.nestedReadLayout.slice(n)
         ];
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: ae(S)
+          value: ue(T)
         });
       }
     },
@@ -3910,9 +3910,9 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
   class: "drag-drop-empty-list is-placeholder text-gray-400"
 }, ns = ["innerHTML"];
 function is(e, t, n, s, i, o) {
-  const r = m("CButton"), g = m("DocumentFormViewRadio"), h = m("CIcon"), b = m("DocumentFormNav"), w = m("DocumentFormMenu"), k = m("DynamicChapter"), S = m("DynamicBlock"), D = m("LogoBanner"), y = m("IsPremium"), f = m("DocumentStyleContainer"), x = m("WithDimensions"), _ = m("portal-target"), A = m("DocumentDrawer");
-  return a(), p("div", Qo, [
-    l("div", {
+  const r = m("CButton"), g = m("DocumentFormViewRadio"), h = m("CIcon"), b = m("DocumentFormNav"), k = m("DocumentFormMenu"), w = m("DynamicChapter"), T = m("DynamicBlock"), D = m("LogoBanner"), y = m("IsPremium"), f = m("DocumentStyleContainer"), x = m("WithDimensions"), I = m("portal-target"), F = m("DocumentDrawer");
+  return l(), p("div", Qo, [
+    a("div", {
       class: L([{
         "is-edit-view": o.isEditView,
         "is-empty-list": !o.nestedReadLayout.length
@@ -3920,8 +3920,8 @@ function is(e, t, n, s, i, o) {
     }, [
       c(b, { close: n.close }, {
         left: u(() => [
-          l("div", Yo, [
-            n.close ? (a(), C(r, {
+          a("div", Yo, [
+            n.close ? (l(), C(r, {
               key: 0,
               "icon-props": { size: 20 },
               size: "normal",
@@ -3931,7 +3931,7 @@ function is(e, t, n, s, i, o) {
               pattern: "tertiary",
               onClick: n.close
             }, null, 8, ["onClick"])) : v("", !0),
-            n.goBack && e.mq !== "sm" ? (a(), C(r, {
+            n.goBack && e.mq !== "sm" ? (l(), C(r, {
               key: 1,
               "icon-props": { size: 20 },
               type: "none",
@@ -3949,35 +3949,35 @@ function is(e, t, n, s, i, o) {
               class: "max-sm:hidden",
               thinner: "",
               icon: "sidebar",
-              onClick: q(i.drawerState.toggleLeft, ["stop"])
+              onClick: Z(i.drawerState.toggleLeft, ["stop"])
             }, null, 8, ["onClick"]),
-            M(e.$slots, "nav-left", {}, void 0, !0)
+            P(e.$slots, "nav-left", {}, void 0, !0)
           ])
         ]),
         center: u(() => [
-          l("div", Jo, [
+          a("div", Jo, [
             N(c(g, {
               small: e.mq === "sm",
               "model-value": n.view,
-              "onUpdate:modelValue": t[0] || (t[0] = (z) => e.$emit("update:view", z))
+              "onUpdate:modelValue": t[0] || (t[0] = (E) => e.$emit("update:view", E))
             }, null, 8, ["small", "model-value"]), [
-              [he, o.nestedReadLayout.length]
+              [ve, o.nestedReadLayout.length]
             ]),
-            !o.isEditView && !["sm", "md", "lg"].includes(e.mq) ? (a(), p("div", Xo, [
-              (a(), p(I, null, P(["desktop", "tablet", "mobile"], (z) => l("div", {
-                key: z,
-                style: E(
-                  i.previewDevice === z && {
+            !o.isEditView && !["sm", "md", "lg"].includes(e.mq) ? (l(), p("div", Xo, [
+              (l(), p(S, null, A(["desktop", "tablet", "mobile"], (E) => a("div", {
+                key: E,
+                style: R(
+                  i.previewDevice === E && {
                     boxShadow: "0 1px 1px rgba(0, 0, 0, 0.2)",
                     backgroundColor: "hsl(0, 0%, 100%)",
                     color: "hsl(0, 0%, 7%)"
                   }
                 ),
                 class: "pointer inline-flex select-none items-center justify-center rounded-md p-[10px] font-semibold text-gray-700 transition duration-150 ease-linear",
-                onClick: (X) => i.previewDevice = z
+                onClick: (ne) => i.previewDevice = E
               }, [
                 c(h, {
-                  type: z,
+                  type: E,
                   size: "20"
                 }, null, 8, ["type"])
               ], 12, es)), 64))
@@ -3985,11 +3985,11 @@ function is(e, t, n, s, i, o) {
           ])
         ]),
         right: u(() => [
-          M(e.$slots, "nav-right", {}, void 0, !0)
+          P(e.$slots, "nav-right", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["close"]),
-      N(c(w, {
+      N(c(k, {
         state: n._document,
         set: n.setFormValue,
         "remove-value": n.removeFormValue,
@@ -3998,22 +3998,22 @@ function is(e, t, n, s, i, o) {
         "can-use-blocks": o.isTemplateEditable,
         "is-legacy-template": o.isLegacyTemplate,
         width: i.sidebarWidth,
-        onClose: t[1] || (t[1] = (z) => i.drawerState.showLeft = !1)
+        onClose: t[1] || (t[1] = (E) => i.drawerState.showLeft = !1)
       }, null, 8, ["state", "set", "remove-value", "template", "fixed", "can-use-blocks", "is-legacy-template", "width"]), [
-        [he, i.drawerState.showLeft]
+        [ve, i.drawerState.showLeft]
       ]),
-      l("div", {
+      a("div", {
         ref: "scroll-body",
         class: L([{
           "device-offset": o.isEditView
         }, "doc-scroll-container flex w-full justify-center"]),
-        style: E(
+        style: R(
           i.drawerState.showLeft && !i.drawerState.isFixed && {
             marginLeft: `${i.sidebarWidth}px`
           }
         )
       }, [
-        l("div", {
+        a("div", {
           class: L([[
             {
               "is-device-edit": o.isEditView,
@@ -4023,26 +4023,26 @@ function is(e, t, n, s, i, o) {
             o.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%]"
           ], "list-container"])
         }, [
-          !o.nestedReadLayout.length && !o.isFixedSidebar ? (a(), p("div", ts, [
-            t[8] || (t[8] = pt('<div style="position:relative;" data-v-b1290feb><div class="drag-drop-illustration-block" data-v-b1290feb><div data-v-b1290feb></div><div data-v-b1290feb></div></div><svg class="drag-drop-illustration" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" data-v-b1290feb><path class="drag-drop-illustration-finger" 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" data-v-b1290feb></path><path class="drag-drop-illustration-grabbing" 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" data-v-b1290feb></path></svg></div>', 1)),
-            l("div", {
+          !o.nestedReadLayout.length && !o.isFixedSidebar ? (l(), p("div", ts, [
+            t[8] || (t[8] = ht('<div style="position:relative;" data-v-b1290feb><div class="drag-drop-illustration-block" data-v-b1290feb><div data-v-b1290feb></div><div data-v-b1290feb></div></div><svg class="drag-drop-illustration" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" data-v-b1290feb><path class="drag-drop-illustration-finger" 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" data-v-b1290feb></path><path class="drag-drop-illustration-grabbing" 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" data-v-b1290feb></path></svg></div>', 1)),
+            a("div", {
               class: "text-center",
               style: { "max-width": "22ch" },
               innerHTML: e.$t("emptyBlockPlaceholderLarge")
             }, null, 8, ns)
           ])) : v("", !0),
-          (a(), C(G(o.isEditView ? "div" : "simplebar"), { class: "h-full w-full" }, {
+          (l(), C(j(o.isEditView ? "div" : "simplebar"), { class: "h-full w-full" }, {
             default: u(() => [
               c(x, { "provide-device": !0 }, {
                 default: u(() => {
-                  var z, X;
+                  var E, ne;
                   return [
                     c(f, {
                       class: "relative h-full w-full",
-                      "input-style": ((X = (z = n._document) == null ? void 0 : z.data) == null ? void 0 : X.css) || null
+                      "input-style": ((ne = (E = n._document) == null ? void 0 : E.data) == null ? void 0 : ne.css) || null
                     }, {
                       default: u(() => [
-                        o.nestedReadLayout ? (a(), C(G(o.dndEnabled ? "DragList" : "div"), {
+                        o.nestedReadLayout ? (l(), C(j(o.dndEnabled ? "DragList" : "div"), {
                           key: 0,
                           handle: ".NO-SELECTOR",
                           "drop-placeholder": { className: "drag-drop-placeholder" },
@@ -4054,15 +4054,15 @@ function is(e, t, n, s, i, o) {
                           "group-name": "document-blocks",
                           "non-drag-area-selector": ".no-drag",
                           "drag-handle-selector": ".drag-item",
-                          onDragStart: t[3] || (t[3] = ($) => i.isDragging = !0),
-                          onDragEnd: t[4] || (t[4] = ($) => i.isDragging = !1),
-                          onDrop: t[5] || (t[5] = ($) => o.onBlockListChange("blocks-list", $))
+                          onDragStart: t[3] || (t[3] = (V) => i.isDragging = !0),
+                          onDragEnd: t[4] || (t[4] = (V) => i.isDragging = !1),
+                          onDrop: t[5] || (t[5] = (V) => o.onBlockListChange("blocks-list", V))
                         }, {
                           default: u(() => [
-                            (a(!0), p(I, null, P(n._document.getReadLayout({
+                            (l(!0), p(S, null, A(n._document.getReadLayout({
                               showHiddenNodes: o.isEditView
-                            }), ($, ie) => (a(), C(G(o.dndEnabled ? "DragItem" : "div"), {
-                              key: $.nodeId,
+                            }), (V, z) => (l(), C(j(o.dndEnabled ? "DragItem" : "div"), {
+                              key: V.nodeId,
                               class: L([
                                 {
                                   "drag-item": o.dndEnabled
@@ -4070,34 +4070,34 @@ function is(e, t, n, s, i, o) {
                               ])
                             }, {
                               default: u(() => [
-                                c(S, {
+                                c(T, {
                                   ref_for: !0,
-                                  ref: $.nodeId,
+                                  ref: V.nodeId,
                                   "is-dragging": i.isDragging,
                                   "is-edit-view": o.isEditView,
                                   "can-move": o.canMove,
-                                  "block-type": $.itemType,
-                                  "is-visible": $.isVisible,
-                                  "show-edit-button": !!$.showEditButton,
-                                  onRemove: (R) => o.onBlockRemove($, ie),
-                                  onMove: (R) => o.onBlockMove(R, ie),
-                                  onEdit: t[2] || (t[2] = (R) => i.drawerState.openSection = R),
-                                  onToggleVisible: (R) => o.onBlockToggleVisible($, R)
+                                  "block-type": V.itemType,
+                                  "is-visible": V.isVisible,
+                                  "show-edit-button": !!V.showEditButton,
+                                  onRemove: (O) => o.onBlockRemove(V, z),
+                                  onMove: (O) => o.onBlockMove(O, z),
+                                  onEdit: t[2] || (t[2] = (O) => i.drawerState.openSection = O),
+                                  onToggleVisible: (O) => o.onBlockToggleVisible(V, O)
                                 }, {
                                   default: u(() => [
-                                    c(k, {
-                                      "component-name": $.componentName,
+                                    c(w, {
+                                      "component-name": V.componentName,
                                       "component-props": {
-                                        ...$.props,
+                                        ...V.props,
                                         _document: n._document,
-                                        _value: $.value,
-                                        _nodeId: $.nodeId
+                                        _value: V.value,
+                                        _nodeId: V.nodeId
                                       },
-                                      children: $.children,
-                                      "is-visible": $.isVisible,
-                                      "on-input": ({ key: R, value: Je, options: Xe }) => n.setFormValue({ key: R, value: Je, options: Xe }),
-                                      "on-remove": ({ key: R }) => n.removeFormValue(R),
-                                      "on-mount": (R) => o.onAddBlockMount($.nodeId, R)
+                                      children: V.children,
+                                      "is-visible": V.isVisible,
+                                      "on-input": ({ key: O, value: Xe, options: et }) => n.setFormValue({ key: O, value: Xe, options: et }),
+                                      "on-remove": ({ key: O }) => n.removeFormValue(O),
+                                      "on-mount": (O) => o.onAddBlockMount(V.nodeId, O)
                                     }, null, 8, ["component-name", "component-props", "children", "is-visible", "on-input", "on-remove", "on-mount"])
                                   ]),
                                   _: 2
@@ -4108,9 +4108,9 @@ function is(e, t, n, s, i, o) {
                           ]),
                           _: 1
                         }, 40, ["should-animate-drop"])) : v("", !0),
-                        n.canShowBanner ? (a(), C(y, { key: 1 }, {
-                          default: u(({ isProLike: $ }) => [
-                            !o.isEditView && !$ ? (a(), C(D, {
+                        n.canShowBanner ? (l(), C(y, { key: 1 }, {
+                          default: u(({ isProLike: V }) => [
+                            !o.isEditView && !V ? (l(), C(D, {
                               key: 0,
                               position: "sticky"
                             })) : v("", !0)
@@ -4129,13 +4129,13 @@ function is(e, t, n, s, i, o) {
           }))
         ], 2)
       ], 6),
-      (a(), C(A, {
+      (l(), C(F, {
         id: "settingsDrawer",
         key: "settingsDrawer",
         open: !!i.drawerState.openSection,
         fixed: !0,
         position: "right",
-        "onUpdate:open": t[7] || (t[7] = (z) => i.drawerState.openSection = null)
+        "onUpdate:open": t[7] || (t[7] = (E) => i.drawerState.openSection = null)
       }, {
         default: u(() => [
           c(r, {
@@ -4146,16 +4146,16 @@ function is(e, t, n, s, i, o) {
             type: "none",
             pattern: "tertiary",
             class: "absolute right-2 top-2",
-            onClick: t[6] || (t[6] = (z) => i.drawerState.openSection = null)
+            onClick: t[6] || (t[6] = (E) => i.drawerState.openSection = null)
           }),
-          c(_, { name: "drawer-content" })
+          c(I, { name: "drawer-content" })
         ]),
         _: 1
       }, 8, ["open"]))
     ], 2)
   ]);
 }
-const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-b1290feb"]]), ss = {
+const os = /* @__PURE__ */ $(Ko, [["render", is], ["__scopeId", "data-v-b1290feb"]]), ss = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -4185,21 +4185,21 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-b1290feb
     }
   },
   components: {
-    Drawer: je,
+    Drawer: Ze,
     SendForm: Xt,
     CCheckbox: Re,
-    CIcon: ht,
-    CButton: ft,
-    ProBadge: Ne,
-    IsPremium: J,
-    IsPremiumPreStep: Y
+    CIcon: ft,
+    CButton: Oe,
+    ProBadge: We,
+    IsPremium: te,
+    IsPremiumPreStep: ee
   },
   mixins: [
-    ne([], {
+    ae([], {
       useEmit: !1,
       setFnName: "setFormValue"
     }),
-    Z
+    Y
   ],
   props: {
     setFormValue: {
@@ -4216,7 +4216,7 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-b1290feb
     }
   },
   setup(e) {
-    const { addBlock: t } = Ge({
+    const { addBlock: t } = Ne({
       setter: e.setFormValue
     });
     return { addBlock: t };
@@ -4238,7 +4238,7 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-b1290feb
     };
   },
   computed: {
-    ...O({
+    ...H({
       accountConfigName: "application/accountConfigName"
     }),
     isOffertaCxt() {
@@ -4254,10 +4254,10 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-b1290feb
       return !!(this.viewSettings && this.viewSettings.isPublicForm);
     },
     hasAnswerBlock() {
-      return (V(this._document, "template.views.read.nodes") || []).some((t) => t.itemType === "answer");
+      return (B(this._document, "template.views.read.nodes") || []).some((t) => t.itemType === "answer");
     },
     tooManyClients() {
-      return (V(this._document, "clients") || []).length > 15;
+      return (B(this._document, "clients") || []).length > 15;
     }
   },
   watch: {
@@ -4271,8 +4271,8 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-b1290feb
     !this.isPublicForm && this.$fab && (this.$fab.show = !0);
   },
   methods: {
-    ...W({
-      createTemplate: B.DO_CREATE_TEMPLATE
+    ...K({
+      createTemplate: M.DO_CREATE_TEMPLATE
     }),
     open() {
       this.isOpen = !0;
@@ -4281,7 +4281,7 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-b1290feb
       if (!this._document) return;
       const e = {
         ...this._document.copyTemplateDocDefault(),
-        name: V(this._document, "name") || this.$t("_common:untitled"),
+        name: B(this._document, "name") || this.$t("_common:untitled"),
         _id: void 0,
         id: void 0,
         isVisible: !0
@@ -4299,10 +4299,10 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-b1290feb
       }));
     }
   }
-}, ls = {
+}, as = {
   key: "1",
   class: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3"
-}, as = { class: "pl-2" }, rs = ["textContent"], ds = { class: "text-sm text-red-600 text-opacity-80" }, cs = {
+}, ls = { class: "pl-2" }, rs = ["textContent"], ds = { class: "text-sm text-red-600 text-opacity-80" }, cs = {
   key: "2",
   class: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3"
 }, us = { class: "pl-2" }, ms = ["textContent"], ps = { class: "mb-4 text-sm text-red-600 text-opacity-80" }, hs = {
@@ -4310,15 +4310,15 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-b1290feb
   class: "inline-flex cursor-pointer select-none items-center py-2 text-[12px] font-[500] text-gray-600"
 }, fs = ["onClick"], gs = { style: { "padding-left": "0.5em" } };
 function ys(e, t, n, s, i, o) {
-  const r = m("CButton"), g = m("CIcon"), h = m("CCheckbox"), b = m("ProBadge"), w = m("IsPremiumPreStep"), k = m("IsPremium"), S = m("SendForm"), D = le("tooltip");
-  return e.mq !== "sm" || i.isOpen ? (a(), C(G(e.mq === "sm" ? "div" : "Drawer"), {
+  const r = m("CButton"), g = m("CIcon"), h = m("CCheckbox"), b = m("ProBadge"), k = m("IsPremiumPreStep"), w = m("IsPremium"), T = m("SendForm"), D = se("tooltip");
+  return e.mq !== "sm" || i.isOpen ? (l(), C(j(e.mq === "sm" ? "div" : "Drawer"), {
     key: 0,
     modelValue: i.isOpen,
     "onUpdate:modelValue": t[3] || (t[3] = (y) => i.isOpen = y),
     placement: "right"
   }, {
     default: u(() => [
-      l("div", {
+      a("div", {
         class: L([{
           "is-fullscreen": e.mq === "sm"
         }, "send-modal font-inter"])
@@ -4330,7 +4330,7 @@ function ys(e, t, n, s, i, o) {
           style: { position: "absolute", right: "1em", top: "1em", "z-index": "99" },
           onClick: t[0] || (t[0] = (y) => i.isOpen = !1)
         }),
-        c(S, {
+        c(T, {
           _document: e._document,
           _value: e._value,
           "set-form-value": n.setFormValue,
@@ -4339,7 +4339,7 @@ function ys(e, t, n, s, i, o) {
           "use-scroll": ""
         }, {
           send: u(() => [
-            o.isPublicForm ? (a(), C(r, {
+            o.isPublicForm ? (l(), C(r, {
               key: 0,
               type: "secondary",
               wide: "",
@@ -4347,18 +4347,18 @@ function ys(e, t, n, s, i, o) {
               onClick: n.onSaveDocument
             }, {
               default: u(() => [
-                T(d(e.$t("signupToSend")), 1)
+                _(d(e.$t("signupToSend")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])) : v("", !0)
           ]),
           [o.saveTemplateSlot]: u(() => [
-            l("label", hs, [
-              c(k, null, {
+            a("label", hs, [
+              c(w, null, {
                 default: u(({ canCreateTemplate: y }) => [
-                  c(w, { feature: "saveDocTemplate" }, {
+                  c(k, { feature: "saveDocTemplate" }, {
                     default: u(({ onClick: f }) => [
-                      l("div", {
+                      a("div", {
                         class: "flex items-center",
                         onClick: (x) => o.onClickSaveAsTemplate({
                           event: x,
@@ -4373,8 +4373,8 @@ function ys(e, t, n, s, i, o) {
                           size: "small",
                           type: "secondary"
                         }, null, 8, ["modelValue"]),
-                        l("div", gs, [
-                          T(d(e.$t("saveDocAsTemplate")) + " ", 1),
+                        a("div", gs, [
+                          _(d(e.$t("saveDocAsTemplate")) + " ", 1),
                           N(c(g, {
                             type: "info",
                             size: "15"
@@ -4382,7 +4382,7 @@ function ys(e, t, n, s, i, o) {
                             [D, o.saveTemplateTooltip]
                           ])
                         ]),
-                        y ? v("", !0) : (a(), C(b, {
+                        y ? v("", !0) : (l(), C(b, {
                           key: 0,
                           class: "ml-2 self-center"
                         }))
@@ -4396,39 +4396,39 @@ function ys(e, t, n, s, i, o) {
             ])
           ]),
           default: u(() => [
-            o.tooManyClients ? (a(), p("div", ls, [
-              l("div", null, [
+            o.tooManyClients ? (l(), p("div", as, [
+              a("div", null, [
                 c(g, {
                   type: "error",
                   size: "18",
                   class: "-mt-1 text-red-600"
                 })
               ]),
-              l("div", null, [
-                l("div", as, [
-                  l("div", {
+              a("div", null, [
+                a("div", ls, [
+                  a("div", {
                     class: "text-sm font-semibold text-red-600",
                     textContent: d(e.$t("tooManyClientsTitle"))
                   }, null, 8, rs),
-                  l("div", ds, d(e.$t("tooManyClientsText")), 1)
+                  a("div", ds, d(e.$t("tooManyClientsText")), 1)
                 ])
               ])
             ])) : v("", !0),
-            o.hasAnswerBlock ? v("", !0) : (a(), p("div", cs, [
-              l("div", null, [
+            o.hasAnswerBlock ? v("", !0) : (l(), p("div", cs, [
+              a("div", null, [
                 c(g, {
                   type: "error",
                   size: "18",
                   class: "-mt-1 text-red-600"
                 })
               ]),
-              l("div", null, [
-                l("div", us, [
-                  l("div", {
+              a("div", null, [
+                a("div", us, [
+                  a("div", {
                     class: "text-sm font-semibold text-red-600",
                     textContent: d(e.$t("signMissingTitle"))
                   }, null, 8, ms),
-                  l("div", ps, d(e.$t("signMissingText")), 1)
+                  a("div", ps, d(e.$t("signMissingText")), 1)
                 ]),
                 c(r, {
                   type: "secondary",
@@ -4437,7 +4437,7 @@ function ys(e, t, n, s, i, o) {
                   onClick: t[1] || (t[1] = (y) => s.addBlock({ sectionKey: "answer", document: e._document }))
                 }, {
                   default: u(() => [
-                    T(d(e.$t("signMissingAdd")), 1)
+                    _(d(e.$t("signMissingAdd")), 1)
                   ]),
                   _: 1
                 })
@@ -4451,7 +4451,7 @@ function ys(e, t, n, s, i, o) {
     _: 1
   }, 8, ["modelValue"])) : v("", !0);
 }
-const vs = /* @__PURE__ */ F(ss, [["render", ys], ["__scopeId", "data-v-fde11d9e"]]), Cs = {
+const vs = /* @__PURE__ */ $(ss, [["render", ys], ["__scopeId", "data-v-fde11d9e"]]), Cs = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
     messages: {
@@ -4483,7 +4483,7 @@ const vs = /* @__PURE__ */ F(ss, [["render", ys], ["__scopeId", "data-v-fde11d9e
   components: {
     CCallout: tn,
     CCheckbox: Re,
-    CField: ke
+    CField: _e
   },
   emits: ["close"],
   props: {
@@ -4506,7 +4506,7 @@ const vs = /* @__PURE__ */ F(ss, [["render", ys], ["__scopeId", "data-v-fde11d9e
   },
   setup() {
     return {
-      v$: We()
+      v$: je()
     };
   },
   data() {
@@ -4525,7 +4525,7 @@ const vs = /* @__PURE__ */ F(ss, [["render", ys], ["__scopeId", "data-v-fde11d9e
     };
   },
   computed: {
-    ...O({
+    ...H({
       isPosting: "templates/isPosting",
       templateById: "templates/byId",
       docById: "documents2/byId",
@@ -4553,10 +4553,10 @@ const vs = /* @__PURE__ */ F(ss, [["render", ys], ["__scopeId", "data-v-fde11d9e
     this.$refs.input && this.$refs.input.focus();
   },
   methods: {
-    ...W({
-      loadTemplate: B.DO_LOAD_TEMPLATE,
-      saveTemplate: B.SAVE_TEMPLATE_FORM,
-      updateSettings: B.UPDATE_SETTINGS
+    ...K({
+      loadTemplate: M.DO_LOAD_TEMPLATE,
+      saveTemplate: M.SAVE_TEMPLATE_FORM,
+      updateSettings: M.UPDATE_SETTINGS
     }),
     async onSave() {
       if (!this.document && !this.template && (gt.error('Missing prop "document" or "template"'), this.$emit("close")), this.v$.$invalid) return;
@@ -4611,13 +4611,13 @@ const vs = /* @__PURE__ */ F(ss, [["render", ys], ["__scopeId", "data-v-fde11d9e
   }
 }, bs = { class: "t-root font-inter" }, ks = { style: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, ws = { key: 1 }, _s = { class: "text-gray-600" }, xs = { key: 2 }, Ts = { class: "text-gray-600" };
 function Ds(e, t, n, s, i, o) {
-  const r = m("CCallout"), g = m("CInput"), h = m("CField"), b = m("CCheckbox"), w = m("CButton");
-  return a(), p("div", bs, [
-    l("div", ks, d(n.template ? e.$t("_common:edit", { thing: e.$t("_common:name") }) : e.$t("_common:save", { thing: e.$t("_common:template") })), 1),
-    l("div", null, [
-      n.template ? v("", !0) : (a(), C(r, { key: 0 }, {
+  const r = m("CCallout"), g = m("CInput"), h = m("CField"), b = m("CCheckbox"), k = m("CButton");
+  return l(), p("div", bs, [
+    a("div", ks, d(n.template ? e.$t("_common:edit", { thing: e.$t("_common:name") }) : e.$t("_common:save", { thing: e.$t("_common:template") })), 1),
+    a("div", null, [
+      n.template ? v("", !0) : (l(), C(r, { key: 0 }, {
         default: u(() => [
-          T(d(e.$t("calloutDescription")), 1)
+          _(d(e.$t("calloutDescription")), 1)
         ]),
         _: 1
       })),
@@ -4636,22 +4636,22 @@ function Ds(e, t, n, s, i, o) {
             size: "medium",
             class: "rounder",
             style: { "margin-bottom": "calc(1 * var(--rem))" },
-            "onUpdate:modelValue": t[0] || (t[0] = (k) => i.name = k)
+            "onUpdate:modelValue": t[0] || (t[0] = (w) => i.name = w)
           }, null, 8, ["model-value", "placeholder", "disabled"])
         ]),
         _: 1
       }, 8, ["vuelidate", "vuelidate-messages", "label"]),
-      n.document && n.document.template.id && i.canUpdateExistingDocTemplate ? (a(), p("div", ws, [
+      n.document && n.document.template.id && i.canUpdateExistingDocTemplate ? (l(), p("div", ws, [
         c(h, { style: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, {
           default: u(() => [
             c(b, {
               modelValue: i.updateExistingDocTemplate,
-              "onUpdate:modelValue": t[1] || (t[1] = (k) => i.updateExistingDocTemplate = k),
+              "onUpdate:modelValue": t[1] || (t[1] = (w) => i.updateExistingDocTemplate = w),
               type: "secondary",
               size: "normal"
             }, {
               default: u(() => [
-                l("div", _s, d(e.$t("updateExisting")), 1)
+                a("div", _s, d(e.$t("updateExisting")), 1)
               ]),
               _: 1
             }, 8, ["modelValue"])
@@ -4659,17 +4659,17 @@ function Ds(e, t, n, s, i, o) {
           _: 1
         })
       ])) : v("", !0),
-      n.document && n.document.clients.length && n.showKeepClientsOption ? (a(), p("div", xs, [
+      n.document && n.document.clients.length && n.showKeepClientsOption ? (l(), p("div", xs, [
         c(h, { style: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, {
           default: u(() => [
             c(b, {
               modelValue: i.keepClients,
-              "onUpdate:modelValue": t[2] || (t[2] = (k) => i.keepClients = k),
+              "onUpdate:modelValue": t[2] || (t[2] = (w) => i.keepClients = w),
               type: "secondary",
               size: "normal"
             }, {
               default: u(() => [
-                l("div", Ts, d(e.$t("keepClients")), 1)
+                a("div", Ts, d(e.$t("keepClients")), 1)
               ]),
               _: 1
             }, 8, ["modelValue"])
@@ -4678,7 +4678,7 @@ function Ds(e, t, n, s, i, o) {
         })
       ])) : v("", !0)
     ]),
-    c(w, {
+    c(k, {
       loading: e.isPosting,
       type: "secondary",
       wide: "",
@@ -4687,36 +4687,36 @@ function Ds(e, t, n, s, i, o) {
       onClick: o.onSave
     }, {
       default: u(() => [
-        T(d(o.actionButtonText), 1)
+        _(d(o.actionButtonText), 1)
       ]),
       _: 1
     }, 8, ["loading", "onClick"])
   ]);
 }
-const Qe = /* @__PURE__ */ F(Cs, [["render", Ds], ["__scopeId", "data-v-54a3575d"]]);
-var re, Fe;
+const Ye = /* @__PURE__ */ $(Cs, [["render", Ds], ["__scopeId", "data-v-54a3575d"]]);
+var me, Le;
 function Ss() {
-  if (Fe) return re;
-  Fe = 1;
+  if (Le) return me;
+  Le = 1;
   function e(t, n, s) {
     return t === t && (s !== void 0 && (t = t <= s ? t : s), n !== void 0 && (t = t >= n ? t : n)), t;
   }
-  return re = e, re;
+  return me = e, me;
 }
-var de, Le;
-function $s() {
-  if (Le) return de;
-  Le = 1;
+var pe, Ve;
+function Is() {
+  if (Ve) return pe;
+  Ve = 1;
   var e = Ss(), t = yt();
   function n(s, i, o) {
     return o === void 0 && (o = i, i = void 0), o !== void 0 && (o = t(o), o = o === o ? o : 0), i !== void 0 && (i = t(i), i = i === i ? i : 0), e(t(s), i, o);
   }
-  return de = n, de;
+  return pe = n, pe;
 }
-var Is = $s();
-const Fs = /* @__PURE__ */ Oe(Is), Ls = {
+var $s = Is();
+const Fs = /* @__PURE__ */ He($s), Ls = {
   name: "RemainingTrialButton",
-  components: { IsPremium: J },
+  components: { IsPremium: te },
   i18nOptions: {
     namespace: "RemainingTrialButton",
     messages: {
@@ -4744,45 +4744,45 @@ const Fs = /* @__PURE__ */ Oe(Is), Ls = {
       }
     }
   },
-  mixins: [Z],
+  mixins: [Y],
   methods: {
     clamp: Fs
   }
 }, Vs = { class: "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" }, Bs = { class: "text-gray-600" }, Ms = { class: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, Ps = { class: "w-56 p-4 text-sm" }, As = { class: "font-semibold" }, Es = { class: "bg-primary-100 border-primary-200 text-primary-800 inline-flex rounded-md border px-1.5 py-[3px] text-xs leading-none" }, zs = { class: "text-sm text-gray-600" }, Rs = { class: "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" }, Os = { class: "mt-5" };
 function Hs(e, t, n, s, i, o) {
-  const r = m("CButton"), g = m("VDropdown"), h = m("IsPremium"), b = le("close-popper");
-  return a(), C(h, null, {
+  const r = m("CButton"), g = m("VDropdown"), h = m("IsPremium"), b = se("close-popper");
+  return l(), C(h, null, {
     default: u(({
-      accountType: w,
-      trialDaysLeft: k,
-      openUpgradeModal: S,
+      accountType: k,
+      trialDaysLeft: w,
+      openUpgradeModal: T,
       initialFreePremiumDays: D
     }) => [
-      w === "trial" && e.mq !== "sm" ? (a(), C(g, {
+      k === "trial" && e.mq !== "sm" ? (l(), C(g, {
         key: 0,
         "popper-class": "trial-popover"
       }, {
         popper: u(() => [
-          l("div", Ps, [
-            l("div", As, [
-              T(d(e.$t("title.1")) + " ", 1),
-              l("span", Es, d(e.$t("title.2")), 1),
-              T(" " + d(e.$t("title.3", { trialDaysLeft: k })) + ". ", 1)
+          a("div", Ps, [
+            a("div", As, [
+              _(d(e.$t("title.1")) + " ", 1),
+              a("span", Es, d(e.$t("title.2")), 1),
+              _(" " + d(e.$t("title.3", { trialDaysLeft: w })) + ". ", 1)
             ]),
-            l("div", zs, [
-              T(d(e.$t("title.4")) + " ", 1),
-              l("span", Rs, d(e.$t("title.5")), 1),
-              t[0] || (t[0] = T(". "))
+            a("div", zs, [
+              _(d(e.$t("title.4")) + " ", 1),
+              a("span", Rs, d(e.$t("title.5")), 1),
+              t[0] || (t[0] = _(". "))
             ]),
-            l("div", Os, [
-              N((a(), C(r, {
+            a("div", Os, [
+              N((l(), C(r, {
                 type: "secondary",
                 size: "small",
                 "icon-right": "arrow-right",
-                onClick: S
+                onClick: T
               }, {
                 default: u(() => [
-                  T(d(e.$t("actionButton")), 1)
+                  _(d(e.$t("actionButton")), 1)
                 ]),
                 _: 2
               }, 1032, ["onClick"])), [
@@ -4792,12 +4792,12 @@ function Hs(e, t, n, s, i, o) {
           ])
         ]),
         default: u(() => [
-          l("div", Vs, [
-            l("div", Bs, d(e.$tc("_common:day", { count: k })) + " " + d(e.$t("button")), 1),
-            l("div", Ms, [
-              l("div", {
-                style: E({
-                  width: o.clamp(k / D * 100, 0, 100) + "%"
+          a("div", Vs, [
+            a("div", Bs, d(e.$tc("_common:day", { count: w })) + " " + d(e.$t("button")), 1),
+            a("div", Ms, [
+              a("div", {
+                style: R({
+                  width: o.clamp(w / D * 100, 0, 100) + "%"
                 }),
                 class: "to-primary-600 absolute h-full rounded-full bg-gradient-to-r from-green-500 via-emerald-500"
               }, null, 4)
@@ -4810,7 +4810,7 @@ function Hs(e, t, n, s, i, o) {
     _: 1
   });
 }
-const Us = /* @__PURE__ */ F(Ls, [["render", Hs]]), oe = vt({
+const Us = /* @__PURE__ */ $(Ls, [["render", Hs]]), le = vt({
   canEdit: !1,
   isForm: !0,
   setFormValue: null,
@@ -4819,19 +4819,19 @@ const Us = /* @__PURE__ */ F(Ls, [["render", Hs]]), oe = vt({
   name: "DocumentForm",
   components: {
     DocumentFormContainer: os,
-    IsPremium: J,
-    IsPremiumPreStep: Y,
+    IsPremium: te,
+    IsPremiumPreStep: ee,
     DocumentSend: vs,
     RemainingTrialButton: Us,
-    CDropdown: fe,
-    CDropdownItem: ge
+    CDropdown: de,
+    CDropdownItem: G
   },
   setup() {
     const { isValid: e } = en();
     return { isValid: e };
   },
-  mixins: [Z],
-  provide: () => ({ viewSettings: oe }),
+  mixins: [Y],
+  provide: () => ({ viewSettings: le }),
   props: {
     document: {
       type: Object,
@@ -4886,14 +4886,14 @@ const Us = /* @__PURE__ */ F(Ls, [["render", Hs]]), oe = vt({
   },
   computed: {
     canDoActions() {
-      return !!V(this.document, "template.views.read.nodes", []).length;
+      return !!B(this.document, "template.views.read.nodes", []).length;
     },
     canEdit() {
       const { document: e } = this;
       return this.view === "edit" && e && (e.id ? e.can("modify") : e.can("create")) && e.status !== "accepted";
     },
     doConsumeQuota() {
-      const e = V(this.document, "template.doConsumeDocumentQuota");
+      const e = B(this.document, "template.doConsumeDocumentQuota");
       return typeof e == "boolean" ? e : !0;
     }
   },
@@ -4901,12 +4901,12 @@ const Us = /* @__PURE__ */ F(Ls, [["render", Hs]]), oe = vt({
     canEdit: {
       immediate: !0,
       handler(e) {
-        oe.canEdit = !!e;
+        le.canEdit = !!e;
       }
     }
   },
   created() {
-    this.setDocValue && (oe.setFormValue = this.setDocValue), this.removeDocValue && (oe.removeFormValue = this.removeDocValue);
+    this.setDocValue && (le.setFormValue = this.setDocValue), this.removeDocValue && (le.removeFormValue = this.removeDocValue);
   },
   methods: {
     async openSendModal() {
@@ -4919,7 +4919,7 @@ const Us = /* @__PURE__ */ F(Ls, [["render", Hs]]), oe = vt({
     },
     async saveAsTemplate() {
       this.document && this.$modal.show(
-        Qe,
+        Ye,
         {
           document: this.document,
           onSaveTemplate: this.onSaveTemplate,
@@ -4941,9 +4941,9 @@ const Us = /* @__PURE__ */ F(Ls, [["render", Hs]]), oe = vt({
   class: "flex w-screen flex-col bg-white"
 }, Ns = { class: "flex self-center" }, Ws = { class: "buttons has-addons whitespace-nowrap" };
 function js(e, t, n, s, i, o) {
-  const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), b = m("IsPremiumPreStep"), w = m("RemainingTrialButton"), k = m("IsPremium"), S = m("DocumentFormContainer"), D = m("DocumentSend");
-  return n.document ? (a(), p("div", Gs, [
-    c(S, {
+  const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), b = m("IsPremiumPreStep"), k = m("RemainingTrialButton"), w = m("IsPremium"), T = m("DocumentFormContainer"), D = m("DocumentSend");
+  return n.document ? (l(), p("div", Gs, [
+    c(T, {
       view: i.view,
       "onUpdate:view": t[0] || (t[0] = (y) => i.view = y),
       _document: n.document,
@@ -4955,17 +4955,17 @@ function js(e, t, n, s, i, o) {
       "can-show-banner": n.canShowBanner
     }, {
       "nav-right": u(() => [
-        c(k, null, {
+        c(w, null, {
           default: u(({ canCreateDocument: y, canCreateTemplate: f }) => [
             c(b, { feature: "documents" }, {
               default: u(({ onClick: x }) => [
-                (a(), p("div", {
+                (l(), p("div", {
                   key: o.canDoActions,
                   class: "inline-flex flex-1 justify-end space-x-5"
                 }, [
                   c(b, { feature: "saveDocTemplate" }, {
-                    default: u(({ onClick: _ }) => [
-                      l("div", Ns, [
+                    default: u(({ onClick: I }) => [
+                      a("div", Ns, [
                         c(h, {
                           disabled: !o.canDoActions
                         }, {
@@ -4988,10 +4988,10 @@ function js(e, t, n, s, i, o) {
                             c(g, {
                               "icon-props": { stroke: "hsl(205, 100%, 50%)" },
                               "icon-left": "save",
-                              onClick: (A) => y || n.document.id ? o.submitSave() : x({ callback: o.submitSave })
+                              onClick: (F) => y || n.document.id ? o.submitSave() : x({ callback: o.submitSave })
                             }, {
                               default: u(() => [
-                                T(d(e.$t("_common:save", {
+                                _(d(e.$t("_common:save", {
                                   thing: e.$t("_common:document").toLowerCase()
                                 })), 1)
                               ]),
@@ -5000,12 +5000,12 @@ function js(e, t, n, s, i, o) {
                             c(g, {
                               disabled: n.isLoading,
                               "icon-left": "template-color",
-                              onClick: (A) => f ? o.saveAsTemplate() : _({
+                              onClick: (F) => f ? o.saveAsTemplate() : I({
                                 callback: o.saveAsTemplate
                               })
                             }, {
                               default: u(() => [
-                                T(d(e.$t("_common:saveAs", {
+                                _(d(e.$t("_common:saveAs", {
                                   thing: e.$t("_common:template")
                                 })), 1)
                               ]),
@@ -5018,9 +5018,9 @@ function js(e, t, n, s, i, o) {
                     ]),
                     _: 2
                   }, 1024),
-                  M(e.$slots, "nav-right-action", {}, () => [
-                    c(w),
-                    l("div", Ws, [
+                  P(e.$slots, "nav-right-action", {}, () => [
+                    c(k),
+                    a("div", Ws, [
                       c(r, {
                         ref: "sendButton",
                         disabled: !o.canDoActions,
@@ -5031,7 +5031,7 @@ function js(e, t, n, s, i, o) {
                         type: "secondary",
                         icon: e.mq === "sm" ? "send" : "",
                         label: e.mq === "sm" ? "" : e.$t("_common:reviewSend"),
-                        onClick: (_) => y || !o.doConsumeQuota || n.document.id ? o.openSendModal() : x({ callback: o.openSendModal })
+                        onClick: (I) => y || !o.doConsumeQuota || n.document.id ? o.openSendModal() : x({ callback: o.openSendModal })
                       }, null, 8, ["disabled", "loading", "class", "icon", "label", "onClick"])
                     ])
                   ])
@@ -5062,7 +5062,97 @@ function js(e, t, n, s, i, o) {
     }, null, 8, ["_document", "set-form-value", "remove-form-value", "on-save-document"])
   ])) : v("", !0);
 }
-const Zs = /* @__PURE__ */ F(qs, [["render", js]]), Ks = {
+const Zs = /* @__PURE__ */ $(qs, [["render", js]]), Ks = /* @__PURE__ */ ce({
+  __name: "TemplateActionsDropdown",
+  props: {
+    template: {},
+    tooltip: {}
+  },
+  emits: ["edit", "rename", "remove"],
+  setup(e, { emit: t }) {
+    const { t: n } = Ce, s = Q.baseUrl, i = e, o = t;
+    function r() {
+      o("edit", i.template.id);
+    }
+    function g() {
+      o("rename", { template: i.template });
+    }
+    function h() {
+      o("remove", { template: i.template });
+    }
+    async function b() {
+      const k = `${s}/template/${i.template.id}`;
+      await Ue(k) && we("info", n("copyMessage"));
+    }
+    return (k, w) => {
+      const T = se("tooltip");
+      return l(), C(U(de), {
+        style: { top: "-8px", right: "-4px" },
+        onClick: w[0] || (w[0] = Z(() => {
+        }, ["stop"]))
+      }, {
+        trigger: u(() => [
+          N(c(U(Oe), {
+            icon: "more-vertical",
+            type: "none",
+            pattern: "tertiary",
+            size: "small"
+          }, null, 512), [
+            [T, k.tooltip]
+          ])
+        ]),
+        default: u(() => [
+          c(U(G), {
+            "icon-left": "template-color",
+            onClick: r,
+            "data-test": "edit-item"
+          }, {
+            default: u(() => [
+              _(d(k.$t("_common:edit", { thing: k.$t("_common:template") })), 1)
+            ]),
+            _: 1
+          }),
+          c(U(G), {
+            "icon-props": { size: 16 },
+            "icon-left": "edit",
+            onClick: g,
+            "data-test": "rename-item"
+          }, {
+            default: u(() => [
+              _(d(k.$t("_common:change", { thing: k.$t("_common:name") })), 1)
+            ]),
+            _: 1
+          }),
+          c(U(G), { separator: "" }),
+          c(U(G), {
+            "icon-props": { size: 16 },
+            "icon-left": "link",
+            onClick: b,
+            "data-test": "copy-item"
+          }, {
+            default: u(() => [
+              _(d(k.$t("_common:share", { thing: k.$t("_common:link") })), 1)
+            ]),
+            _: 1
+          }),
+          c(U(G), { separator: "" }),
+          c(U(G), {
+            "icon-props": { size: 16, stroke: "hsl(360, 100%, 60%)" },
+            "icon-left": "trash",
+            onClick: h,
+            "data-test": "remove-item"
+          }, {
+            default: u(() => [
+              _(d(k.$t("_common:remove")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Qs = {
   name: "DocumentFormRecent",
   i18nOptions: {
     namespaces: "DocumentFormRecent",
@@ -5078,8 +5168,8 @@ const Zs = /* @__PURE__ */ F(qs, [["render", js]]), Ks = {
     }
   },
   components: {
-    IsPremium: J,
-    IsPremiumPreStep: Y,
+    IsPremium: te,
+    IsPremiumPreStep: ee,
     CSkeleton: nn
   },
   emits: ["save-template", "use-doc-template"],
@@ -5093,7 +5183,7 @@ const Zs = /* @__PURE__ */ F(qs, [["render", js]]), Ks = {
     };
   },
   computed: {
-    ...O({
+    ...H({
       docById: "documents2/byId"
     })
   },
@@ -5101,8 +5191,8 @@ const Zs = /* @__PURE__ */ F(qs, [["render", js]]), Ks = {
     this.onLoadDocuments();
   },
   methods: {
-    ...W({
-      loadDocument: B.LOAD_DOCUMENT2
+    ...K({
+      loadDocument: M.LOAD_DOCUMENT2
     }),
     async onInput() {
       this.isLoading = !0, this.onLoadDocuments();
@@ -5137,7 +5227,7 @@ const Zs = /* @__PURE__ */ F(qs, [["render", js]]), Ks = {
       }), { items: i = [] } = s || {};
       return i;
     },
-    onLoadDocuments: Ce(async function() {
+    onLoadDocuments: ke(async function() {
       this.isLoading = !0, this.hasItems = !0;
       const t = await this.fetchDocuments();
       (!t || !t.length) && (this.canFetchMore = !1), this.list = [...t || []], this.isLoading = !1;
@@ -5151,31 +5241,31 @@ const Zs = /* @__PURE__ */ F(qs, [["render", js]]), Ks = {
       return this.$emit("use-doc-template", { documentId: e });
     }
   }
-}, Qs = {
+}, Ys = {
   class: "flex w-full",
   style: { "padding-bottom": "1em" }
-}, Ys = { class: "recent-list" }, Js = {
+}, Js = { class: "recent-list" }, Xs = {
   key: 1,
   class: "rounded-md border border-gray-200 bg-gray-100 p-4 text-center text-gray-400",
   style: { "font-size": "15px" }
-}, Xs = {
+}, ea = {
   key: 2,
   class: "text-center text-gray-400",
   style: { padding: "1em" }
-}, el = ["onClick", "onMouseoverPassive"], tl = {
+}, ta = ["onClick", "onMouseoverPassive"], na = {
   key: 0,
   style: { display: "inline-flex", "align-items": "center", position: "absolute", right: "1em", top: "50%", transform: "translateY(-50%)" }
 };
-function nl(e, t, n, s, i, o) {
-  const r = m("CInput"), g = m("CSkeleton"), h = m("CButton"), b = m("IsPremiumPreStep"), w = m("IsPremium");
-  return a(), p("div", null, [
-    l("div", Qs, [
-      M(e.$slots, "default", {}, void 0, !0),
-      i.hasItems ? (a(), C(r, {
+function ia(e, t, n, s, i, o) {
+  const r = m("CInput"), g = m("CSkeleton"), h = m("CButton"), b = m("IsPremiumPreStep"), k = m("IsPremium");
+  return l(), p("div", null, [
+    a("div", Ys, [
+      P(e.$slots, "default", {}, void 0, !0),
+      i.hasItems ? (l(), C(r, {
         key: 0,
         modelValue: i.query,
         "onUpdate:modelValue": [
-          t[0] || (t[0] = (k) => i.query = k),
+          t[0] || (t[0] = (w) => i.query = w),
           o.onInput
         ],
         loading: i.isLoading,
@@ -5186,9 +5276,9 @@ function nl(e, t, n, s, i, o) {
         class: "hidden md:flex"
       }, null, 8, ["modelValue", "loading", "placeholder", "onUpdate:modelValue"])) : v("", !0)
     ]),
-    l("div", Ys, [
-      i.isLoading && !i.list.length ? (a(), p(I, { key: 0 }, P(3, (k) => l("div", {
-        key: k,
+    a("div", Js, [
+      i.isLoading && !i.list.length ? (l(), p(S, { key: 0 }, A(3, (w) => a("div", {
+        key: w,
         class: "recent-item placeholder"
       }, [
         c(g, {
@@ -5196,36 +5286,36 @@ function nl(e, t, n, s, i, o) {
           class: "recent-item-name"
         }),
         c(g, { width: "35%" })
-      ])), 64)) : !i.isLoading && !i.query && !i.list.length ? (a(), p("div", Js, d(e.$t("emptyPlaceholder")), 1)) : i.query && !i.isLoading && !i.list.length ? (a(), p("div", Xs, d(e.$t("noResults")), 1)) : (a(), C(w, { key: 3 }, {
-        default: u(({ canCreateTemplate: k, canUseTemplate: S }) => [
+      ])), 64)) : !i.isLoading && !i.query && !i.list.length ? (l(), p("div", Xs, d(e.$t("emptyPlaceholder")), 1)) : i.query && !i.isLoading && !i.list.length ? (l(), p("div", ea, d(e.$t("noResults")), 1)) : (l(), C(k, { key: 3 }, {
+        default: u(({ canCreateTemplate: w, canUseTemplate: T }) => [
           c(b, { feature: "useDocTemplate" }, {
             default: u(({ onClick: D }) => [
-              l("div", null, [
-                (a(!0), p(I, null, P(i.list, (y, f) => (a(), p("div", {
+              a("div", null, [
+                (l(!0), p(S, null, A(i.list, (y, f) => (l(), p("div", {
                   key: y._id,
                   class: "recent-item",
-                  onClick: (x) => S ? o.onUseDocTemplate(y._id) : D({
+                  onClick: (x) => T ? o.onUseDocTemplate(y._id) : D({
                     callback: () => o.onUseDocTemplate(y._id)
                   }),
                   onMouseoverPassive: (x) => i.hoverIndex = f,
                   onMouseleavePassive: t[1] || (t[1] = (x) => i.hoverIndex = null)
                 }, [
-                  l("div", {
+                  a("div", {
                     class: L([{ "text-gray-400": !y.data.name }, "recent-item-name"])
                   }, d(y.data.name || e.$t("_common:untitled")), 3),
-                  l("div", null, d(e.$formatDistanceToNow(y.createdAt)), 1),
-                  i.hoverIndex === f ? (a(), p("div", tl, [
+                  a("div", null, d(e.$formatDistanceToNow(y.createdAt)), 1),
+                  i.hoverIndex === f ? (l(), p("div", na, [
                     c(b, { feature: "saveDocTemplate" }, {
                       default: u(({ onClick: x }) => [
                         c(h, {
                           style: { "margin-left": "1em" },
                           size: "small",
-                          onClick: q((_) => k ? o.onSaveDocumentTemplate(y._id) : x({
+                          onClick: Z((I) => w ? o.onSaveDocumentTemplate(y._id) : x({
                             callback: () => o.onSaveDocumentTemplate(y._id)
                           }), ["stop"])
                         }, {
                           default: u(() => [
-                            T(d(e.$t("_common:saveAs", { thing: e.$t("_common:template") })), 1)
+                            _(d(e.$t("_common:saveAs", { thing: e.$t("_common:template") })), 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick"])
@@ -5238,12 +5328,12 @@ function nl(e, t, n, s, i, o) {
                       type: "secondary"
                     }, {
                       default: u(() => [
-                        T(d(e.$t("_common:use", { thing: e.$t("_common:template") })), 1)
+                        _(d(e.$t("_common:use", { thing: e.$t("_common:template") })), 1)
                       ]),
                       _: 1
                     })
                   ])) : v("", !0)
-                ], 40, el))), 128))
+                ], 40, ta))), 128))
               ])
             ]),
             _: 2
@@ -5254,13 +5344,13 @@ function nl(e, t, n, s, i, o) {
     ])
   ]);
 }
-const il = /* @__PURE__ */ F(Ks, [["render", nl], ["__scopeId", "data-v-afd30dd3"]]), ol = { class: "item-paper" }, sl = {
+const oa = /* @__PURE__ */ $(Qs, [["render", ia], ["__scopeId", "data-v-afd30dd3"]]), sa = { class: "item-paper" }, aa = {
   key: 2,
   class: "absolute bottom-2 right-2"
-}, ll = {
+}, la = {
   key: 3,
   class: "add-button"
-}, al = { class: "item-footer" }, rl = ["textContent"], dl = ["textContent"], cl = /* @__PURE__ */ ve({
+}, ra = { class: "item-footer" }, da = ["textContent"], ca = ["textContent"], ua = /* @__PURE__ */ ce({
   __name: "DocumentIcon",
   props: {
     isPlaceholder: { type: Boolean, default: !1 },
@@ -5272,13 +5362,13 @@ const il = /* @__PURE__ */ F(Ks, [["render", nl], ["__scopeId", "data-v-afd30dd3
   },
   emits: ["triggerOpenTemplate"],
   setup(e, { emit: t }) {
-    const n = e, s = t, i = () => s("triggerOpenTemplate"), o = kt(), r = wt(), g = H(() => r.style), h = H(() => r.staticClass), b = H(() => r.class), w = H(() => r.key), k = H(() => r.attrs), S = H(
-      () => Se.t("_common:empty", { thing: Se.t("_common:template") })
-    ), D = H(() => _t(n.name, 60));
+    const n = e, s = t, i = () => s("triggerOpenTemplate"), o = kt(), r = wt(), g = q(() => r.style), h = q(() => r.staticClass), b = q(() => r.class), k = q(() => r.key), w = q(() => r.attrs), T = q(
+      () => Ce.t("_common:empty", { thing: Ce.t("_common:template") })
+    ), D = q(() => _t(n.name, 60));
     return (y, f) => {
       const x = m("CIcon");
-      return a(), p("div", ye(k.value, {
-        key: w.value,
+      return l(), p("div", be(w.value, {
+        key: k.value,
         class: [[
           h.value,
           b.value,
@@ -5291,22 +5381,22 @@ const il = /* @__PURE__ */ F(Ks, [["render", nl], ["__scopeId", "data-v-afd30dd3
         style: g.value,
         onClick: i
       }), [
-        l("div", ol, [
-          y.thumbnail ? (a(), p("div", {
+        a("div", sa, [
+          y.thumbnail ? (l(), p("div", {
             key: 0,
-            style: E([{
+            style: R([{
               backgroundImage: `url(${y.thumbnail})`
             }, { width: "100%", height: "100%", "background-size": "100% auto", "background-repeat": "no-repeat", "background-position": "0% 0%" }])
-          }, null, 4)) : y.isPlaceholder || y.isAdd ? v("", !0) : (a(), C(on, {
+          }, null, 4)) : y.isPlaceholder || y.isAdd ? v("", !0) : (l(), C(on, {
             key: 1,
             media: y.media,
             preview: "",
             class: "item-media"
           }, null, 8, ["media"])),
-          Pe(o).badge ? (a(), p("div", sl, [
-            M(y.$slots, "badge", {}, void 0, !0)
+          U(o).badge ? (l(), p("div", aa, [
+            P(y.$slots, "badge", {}, void 0, !0)
           ])) : v("", !0),
-          y.isAdd ? (a(), p("div", ll, [
+          y.isAdd ? (l(), p("div", la, [
             c(x, {
               size: 18,
               "stroke-width": 3,
@@ -5314,27 +5404,27 @@ const il = /* @__PURE__ */ F(Ks, [["render", nl], ["__scopeId", "data-v-afd30dd3
             })
           ])) : v("", !0)
         ]),
-        l("div", al, [
-          y.isAdd ? (a(), p("div", {
+        a("div", ra, [
+          y.isAdd ? (l(), p("div", {
             key: 0,
             class: "item-text",
             style: { color: "hsl(0, 0%, 55%)" },
-            textContent: d(S.value)
-          }, null, 8, rl)) : y.name ? (a(), p(I, { key: 1 }, [
-            l("div", {
+            textContent: d(T.value)
+          }, null, 8, da)) : y.name ? (l(), p(S, { key: 1 }, [
+            a("div", {
               class: "item-text",
               textContent: d(D.value)
-            }, null, 8, dl),
-            M(y.$slots, "default", {}, void 0, !0)
+            }, null, 8, ca),
+            P(y.$slots, "default", {}, void 0, !0)
           ], 64)) : v("", !0)
         ])
       ], 16);
     };
   }
-}), ul = /* @__PURE__ */ F(cl, [["__scopeId", "data-v-f3357197"]]), ml = {
+}), ma = /* @__PURE__ */ $(ua, [["__scopeId", "data-v-f3357197"]]), pa = {
   name: "HorizontalScroll",
   components: {
-    Simplebar: Q
+    Simplebar: X
   },
   emits: ["expand"],
   data() {
@@ -5383,20 +5473,20 @@ const il = /* @__PURE__ */ F(Ks, [["render", nl], ["__scopeId", "data-v-afd30dd3
       }, 50);
     }
   }
-}, pl = {
+}, ha = {
   ref: "container",
   class: "horizontal-scroll"
-}, hl = { class: "hl-navigation" }, fl = { class: "hl-container" }, gl = { class: "flex w-full" };
-function yl(e, t, n, s, i, o) {
+}, fa = { class: "hl-navigation" }, ga = { class: "hl-container" }, ya = { class: "flex w-full" };
+function va(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("Simplebar");
-  return a(), p("div", pl, [
-    l("div", hl, [
-      i.hasPrev ? (a(), p("div", {
+  return l(), p("div", ha, [
+    a("div", fa, [
+      i.hasPrev ? (l(), p("div", {
         key: 0,
         class: "hl-btn-left max-sm:hidden",
         onClick: t[0] || (t[0] = (h) => o.go(-1))
       }, [
-        M(e.$slots, "nav-prev", {}, () => [
+        P(e.$slots, "nav-prev", {}, () => [
           c(r, {
             "icon-props": { size: 22 },
             icon: "chevron-left",
@@ -5406,12 +5496,12 @@ function yl(e, t, n, s, i, o) {
           })
         ], !0)
       ])) : v("", !0),
-      i.hasNext ? (a(), p("div", {
+      i.hasNext ? (l(), p("div", {
         key: 1,
         class: "hl-btn-right max-sm:hidden",
         onClick: t[2] || (t[2] = (h) => o.go(1))
       }, [
-        M(e.$slots, "nav-prev", {}, () => [
+        P(e.$slots, "nav-prev", {}, () => [
           c(r, {
             "icon-props": { size: 22 },
             icon: "chevron-right",
@@ -5423,15 +5513,15 @@ function yl(e, t, n, s, i, o) {
         ], !0)
       ])) : v("", !0)
     ]),
-    l("div", fl, [
+    a("div", ga, [
       c(g, {
         ref: "list",
         class: "hl-list",
         onScroll: o.scrollHandler
       }, {
         default: u(() => [
-          l("div", gl, [
-            M(e.$slots, "default", {}, void 0, !0)
+          a("div", ya, [
+            P(e.$slots, "default", {}, void 0, !0)
           ])
         ]),
         _: 3
@@ -5439,12 +5529,12 @@ function yl(e, t, n, s, i, o) {
     ])
   ], 512);
 }
-const vl = /* @__PURE__ */ F(ml, [["render", yl], ["__scopeId", "data-v-f0c49197"]]);
-function Cl(e, { availableProducts: t }) {
+const Ca = /* @__PURE__ */ $(pa, [["render", va], ["__scopeId", "data-v-f0c49197"]]);
+function ba(e, { availableProducts: t }) {
   if (!e) throw new Error("Missing parameter templateId");
   const n = t, s = Object.keys(n).find((i) => {
     var r;
-    const o = V(
+    const o = B(
       n[i],
       "metadata.companyPurchase"
     );
@@ -5452,7 +5542,7 @@ function Cl(e, { availableProducts: t }) {
   });
   return s ? n[s] : null;
 }
-async function bl(e) {
+async function ka(e) {
   if (!e) throw new Error("Missing argument stripeProduct");
   const t = e == null ? void 0 : e.prices[0], { data: n } = await xt.createCheckoutSession({
     items: [
@@ -5461,15 +5551,15 @@ async function bl(e) {
         quantity: 1
       }
     ],
-    successUrl: `${j.baseUrl}/purchase/success`
+    successUrl: `${Q.baseUrl}/purchase/success`
     // cancelUrl: window.location.href
   }), { redirectUrl: s } = n;
   window.open(s, "_blank");
 }
-function Ye(e, { availableProducts: t }) {
+function Je(e, { availableProducts: t }) {
   var i, o, r;
   let n = null;
-  const s = Cl(e.templateId, {
+  const s = ba(e.templateId, {
     availableProducts: t
   });
   return s && (n = {
@@ -5477,16 +5567,16 @@ function Ye(e, { availableProducts: t }) {
       currency: (o = s == null ? void 0 : s.prices) == null ? void 0 : o[0].currency
     }),
     isPurchased: ((r = e.purchaseInfo) == null ? void 0 : r.isPurchased) || !1,
-    onBuy: async () => bl(s)
+    onBuy: async () => ka(s)
   }), n;
 }
-const kl = {
+const wa = {
   name: "GalleryTemplateModal",
   components: {
-    Simplebar: Q,
+    Simplebar: X,
     DocumentLayout: Ht,
-    IsPremium: J,
-    IsPremiumPreStep: Y
+    IsPremium: te,
+    IsPremiumPreStep: ee
   },
   emits: ["use-template", "close"],
   props: {
@@ -5549,13 +5639,13 @@ const kl = {
     };
   },
   computed: {
-    ...O({
+    ...H({
       isLoading: "templates/isPosting",
       stripeProducts: "stripe/products",
       isSuperUser: "application/isSuperUser"
     }),
     previewDocument() {
-      const { data: e, defaultData: t } = this.template, n = new He({
+      const { data: e, defaultData: t } = this.template, n = new qe({
         data: {
           ...t,
           template: e,
@@ -5583,7 +5673,7 @@ const kl = {
             isVisibleApp: !0,
             includePurchaseInfo: !0
           }, r = await this.fetchGallery(o);
-          this.privateProduct = Ye(
+          this.privateProduct = Je(
             r[0],
             { availableProducts: this.stripeProducts }
           );
@@ -5615,37 +5705,37 @@ const kl = {
       this.template && typeof this.onSaveTemplate == "function" && (this.didSave = await this.onSaveTemplate(this.template));
     },
     async copyToClipboard(e) {
-      const t = `${j.baseUrl}/template/${e}`;
-      await Ue(t) && be("info", this.$t("copyMessage"));
+      const t = `${Q.baseUrl}/template/${e}`;
+      await Ue(t) && we("info", this.$t("copyMessage"));
     }
   }
-}, wl = { class: "template-modal font-inter bg-gray-200" }, _l = { style: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", "box-shadow": `rgb(244, 244, 244) 0px 2px 14px 0px inset,
+}, _a = { class: "template-modal font-inter bg-gray-200" }, xa = { style: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", "box-shadow": `rgb(244, 244, 244) 0px 2px 14px 0px inset,
           rgba(0, 0, 0, 0.09) 0px 8px 35px 0px,
-          rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset`, flex: "1 1 auto", "min-height": "0" } }, xl = { style: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, Tl = { style: { "padding-bottom": "2em" } }, Dl = { style: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, Sl = { style: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, $l = { style: { hyphens: "auto" } }, Il = {
+          rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset`, flex: "1 1 auto", "min-height": "0" } }, Ta = { style: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, Da = { style: { "padding-bottom": "2em" } }, Sa = { style: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, Ia = { style: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, $a = { style: { hyphens: "auto" } }, Fa = {
   key: 0,
   style: { "padding-top": "1.5em" },
   class: "flex items-center"
-}, Fl = { style: { "margin-left": "0.5em" } }, Ll = { style: { "font-weight": "500" } }, Vl = { style: { "font-weight": "400", "font-size": "14px" } }, Bl = { style: { "padding-bottom": "2em" } }, Ml = {
+}, La = { style: { "margin-left": "0.5em" } }, Va = { style: { "font-weight": "500" } }, Ba = { style: { "font-weight": "400", "font-size": "14px" } }, Ma = { style: { "padding-bottom": "2em" } }, Pa = {
   key: 0,
   class: "mb-5 flex items-center gap-2 rounded-full border border-gray-300 bg-gray-300/60 p-1 text-sm"
-}, Pl = { class: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, Al = ["textContent"], El = ["textContent"];
-function zl(e, t, n, s, i, o) {
-  var S;
-  const r = m("DocumentLayout"), g = m("Simplebar"), h = m("CIcon"), b = m("CButton"), w = m("IsPremiumPreStep"), k = m("IsPremium");
-  return a(), p("div", wl, [
-    l("div", _l, [
+}, Aa = { class: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, Ea = ["textContent"], za = ["textContent"];
+function Ra(e, t, n, s, i, o) {
+  var T;
+  const r = m("DocumentLayout"), g = m("Simplebar"), h = m("CIcon"), b = m("CButton"), k = m("IsPremiumPreStep"), w = m("IsPremium");
+  return l(), p("div", _a, [
+    a("div", xa, [
       c(g, {
         class: "h-full w-full",
         "data-simplebar-auto-hide": "false"
       }, {
         default: u(() => [
-          o.previewDocument ? (a(), C(r, {
+          o.previewDocument ? (l(), C(r, {
             key: 0,
             document: o.previewDocument
           }, null, 8, ["document"])) : v("", !0),
-          n.product && !i.privateProduct.isPurchased ? (a(), C(G("style"), { key: 1 }, {
+          n.product && !i.privateProduct.isPurchased ? (l(), C(j("style"), { key: 1 }, {
             default: u(() => t[1] || (t[1] = [
-              T(" .ProseMirror > * + * { filter: blur(8px); user-select: none; pointer-events: none; } ")
+              _(" .ProseMirror > * + * { filter: blur(8px); user-select: none; pointer-events: none; } ")
             ])),
             _: 1
           })) : v("", !0)
@@ -5653,50 +5743,50 @@ function zl(e, t, n, s, i, o) {
         _: 1
       })
     ]),
-    l("div", xl, [
-      l("div", Tl, [
-        l("div", Dl, d(n.meta.name), 1),
-        l("div", Sl, [
-          (S = i.templateStat) != null && S.usedTimes ? (a(), p(I, { key: 0 }, [
-            T(d(e.$t("_common:used").capitalize()) + " " + d(i.templateStat.usedTimes) + " " + d(e.$t("_common:times", { count: i.templateStat.usedTimes })), 1)
+    a("div", Ta, [
+      a("div", Da, [
+        a("div", Sa, d(n.meta.name), 1),
+        a("div", Ia, [
+          (T = i.templateStat) != null && T.usedTimes ? (l(), p(S, { key: 0 }, [
+            _(d(e.$t("_common:used").capitalize()) + " " + d(i.templateStat.usedTimes) + " " + d(e.$t("_common:times", { count: i.templateStat.usedTimes })), 1)
           ], 64)) : v("", !0)
         ]),
-        l("div", $l, d(n.meta.text), 1),
-        n.meta.author ? (a(), p("div", Il, [
-          l("div", {
-            style: E([{ "background-color": "#03f", "border-radius": "50%", width: "2.5em", height: "2.5em", "background-size": "cover", "background-position": "center", "background-repeat": "no-repeat" }, {
+        a("div", $a, d(n.meta.text), 1),
+        n.meta.author ? (l(), p("div", Fa, [
+          a("div", {
+            style: R([{ "background-color": "#03f", "border-radius": "50%", width: "2.5em", height: "2.5em", "background-size": "cover", "background-position": "center", "background-repeat": "no-repeat" }, {
               backgroundImage: `url(${n.meta.author.avatar})`
             }])
           }, null, 4),
-          l("div", Fl, [
-            l("div", Ll, d(n.meta.author.name), 1),
-            l("div", Vl, [
-              n.meta.author.templatesCount ? (a(), p(I, { key: 0 }, [
-                T(d(n.meta.author.templatesCount) + " " + d(e.$t("_common:template", { count: n.meta.author.templatesCount })), 1)
-              ], 64)) : (a(), p(I, { key: 1 }, [
-                T(d(e.$t("_common:template").capitalize()), 1)
+          a("div", La, [
+            a("div", Va, d(n.meta.author.name), 1),
+            a("div", Ba, [
+              n.meta.author.templatesCount ? (l(), p(S, { key: 0 }, [
+                _(d(n.meta.author.templatesCount) + " " + d(e.$t("_common:template", { count: n.meta.author.templatesCount })), 1)
+              ], 64)) : (l(), p(S, { key: 1 }, [
+                _(d(e.$t("_common:template").capitalize()), 1)
               ], 64))
             ])
           ])
         ])) : v("", !0)
       ]),
-      l("div", Bl, [
-        n.product ? (a(), p(I, { key: 0 }, [
-          i.privateProduct.isPurchased ? (a(), p("div", Ml, [
-            l("div", Pl, [
+      a("div", Ma, [
+        n.product ? (l(), p(S, { key: 0 }, [
+          i.privateProduct.isPurchased ? (l(), p("div", Pa, [
+            a("div", Aa, [
               c(h, {
                 type: "check",
                 size: "12",
                 class: "text-white"
               })
             ]),
-            l("div", {
+            a("div", {
               class: "text-xs font-medium text-gray-700",
               textContent: d(
                 e.$t("_common:purchased", { thing: e.$t("_common:template") })
               )
-            }, null, 8, Al)
-          ])) : (a(), C(b, {
+            }, null, 8, Ea)
+          ])) : (l(), C(b, {
             key: 1,
             type: "secondary",
             wide: "",
@@ -5705,20 +5795,20 @@ function zl(e, t, n, s, i, o) {
             onClick: o.buyTemplate
           }, {
             default: u(() => [
-              l("div", null, d(e.$t("_common:buy", { thing: e.$t("_common:template") })), 1),
-              l("div", {
+              a("div", null, d(e.$t("_common:buy", { thing: e.$t("_common:template") })), 1),
+              a("div", {
                 class: "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",
                 textContent: d(i.privateProduct.price)
-              }, null, 8, El)
+              }, null, 8, za)
             ]),
             _: 1
           }, 8, ["onClick"]))
         ], 64)) : v("", !0),
-        c(k, null, {
+        c(w, null, {
           default: u(({ canUseTemplate: D }) => [
-            c(w, { feature: "useDocTemplate" }, {
+            c(k, { feature: "useDocTemplate" }, {
               default: u(({ onClick: y }) => [
-                !n.product || i.privateProduct.isPurchased ? (a(), C(b, {
+                !n.product || i.privateProduct.isPurchased ? (l(), C(b, {
                   key: 0,
                   disabled: n.product ? !i.privateProduct.isPurchased : !1,
                   type: "secondary",
@@ -5727,7 +5817,7 @@ function zl(e, t, n, s, i, o) {
                   onClick: (f) => n.isPublicForm || D ? o.useSelectedTemplate() : y({ callback: o.useSelectedTemplate })
                 }, {
                   default: u(() => [
-                    T(d(e.$t("_common:use", { thing: e.$t("_common:template") })), 1)
+                    _(d(e.$t("_common:use", { thing: e.$t("_common:template") })), 1)
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick"])) : v("", !0)
@@ -5737,13 +5827,13 @@ function zl(e, t, n, s, i, o) {
           ]),
           _: 1
         }),
-        c(k, null, {
+        c(w, null, {
           default: u(({ canCreateTemplate: D }) => [
-            c(w, { feature: "saveDocTemplate" }, {
+            c(k, { feature: "saveDocTemplate" }, {
               default: u(({ onClick: y }) => {
                 var f;
                 return [
-                  (n.product ? (f = n.product) != null && f.isPurchased : n.showSave) ? (a(), C(b, {
+                  (n.product ? (f = n.product) != null && f.isPurchased : n.showSave) ? (l(), C(b, {
                     key: 0,
                     loading: e.isLoading,
                     type: i.didSave ? "success" : "none",
@@ -5753,7 +5843,7 @@ function zl(e, t, n, s, i, o) {
                     onClick: (x) => i.didSave ? null : n.isPublicForm || D ? o.saveAsTemplate() : y({ callback: o.saveAsTemplate })
                   }, {
                     default: u(() => [
-                      T(d(i.didSave ? e.$t("_common:savedThing", { thing: e.$t("_common:template") }) : e.$t("_common:saveAs", { thing: e.$t("_common:template") })), 1)
+                      _(d(i.didSave ? e.$t("_common:savedThing", { thing: e.$t("_common:template") }) : e.$t("_common:saveAs", { thing: e.$t("_common:template") })), 1)
                     ]),
                     _: 2
                   }, 1032, ["loading", "type", "icon-left", "onClick"])) : v("", !0)
@@ -5764,7 +5854,7 @@ function zl(e, t, n, s, i, o) {
           ]),
           _: 1
         }),
-        o.allowCopyTemplateLink ? (a(), C(b, {
+        o.allowCopyTemplateLink ? (l(), C(b, {
           key: 1,
           type: "none",
           "icon-left": "link",
@@ -5772,7 +5862,7 @@ function zl(e, t, n, s, i, o) {
           onClick: t[0] || (t[0] = (D) => o.copyToClipboard(n.template.id))
         }, {
           default: u(() => [
-            T(d(e.$t("_common:share", { thing: e.$t("_common:link") })), 1)
+            _(d(e.$t("_common:share", { thing: e.$t("_common:link") })), 1)
           ]),
           _: 1
         })) : v("", !0)
@@ -5780,7 +5870,7 @@ function zl(e, t, n, s, i, o) {
     ])
   ]);
 }
-const Rl = /* @__PURE__ */ F(kl, [["render", zl], ["__scopeId", "data-v-d37ef215"]]), Ol = {
+const Oa = /* @__PURE__ */ $(wa, [["render", Ra], ["__scopeId", "data-v-d37ef215"]]), Ha = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -5838,7 +5928,7 @@ const Rl = /* @__PURE__ */ F(kl, [["render", zl], ["__scopeId", "data-v-d37ef215
     },
     filterLanguage: {
       type: String,
-      default: () => ["cling", "fortnoxSe"].includes(j.brand) ? "sv" : "en"
+      default: () => ["cling", "fortnoxSe"].includes(Q.brand) ? "sv" : "en"
     },
     showTemplateAuthor: {
       type: Boolean,
@@ -5880,7 +5970,7 @@ const Rl = /* @__PURE__ */ F(kl, [["render", zl], ["__scopeId", "data-v-d37ef215
     };
   },
   computed: {
-    ...O({
+    ...H({
       stripeProducts: "stripe/products"
     }),
     galleryItems() {
@@ -5922,12 +6012,12 @@ const Rl = /* @__PURE__ */ F(kl, [["render", zl], ["__scopeId", "data-v-d37ef215
         );
         this.selectGalleryItem(r);
       } catch (r) {
-        se(r);
+        re(r);
       }
   },
   methods: {
-    ...W({
-      loadPrices: B.LOAD_PRICES
+    ...K({
+      loadPrices: M.LOAD_PRICES
     }),
     async loadTemplateGallery() {
       this.isLoading = !0;
@@ -5940,7 +6030,7 @@ const Rl = /* @__PURE__ */ F(kl, [["render", zl], ["__scopeId", "data-v-d37ef215
         const t = await this.fetchGallery(e);
         this.templateGalleryItems = (t || []).map((n) => {
           if (this.canPurchase && n.isPurchasable) {
-            const s = Ye(n, {
+            const s = Je(n, {
               availableProducts: this.stripeProducts
             });
             s && (n.product = s);
@@ -5951,7 +6041,7 @@ const Rl = /* @__PURE__ */ F(kl, [["render", zl], ["__scopeId", "data-v-d37ef215
           []
         );
       } catch (t) {
-        se(t);
+        re(t);
       } finally {
         this.isLoading = !1;
       }
@@ -5964,7 +6054,7 @@ const Rl = /* @__PURE__ */ F(kl, [["render", zl], ["__scopeId", "data-v-d37ef215
         isVisibleApp: !0,
         includePurchaseInfo: !0
       }, n = await this.fetchGallery(t), s = (o = n == null ? void 0 : n[0]) == null ? void 0 : o.templateId;
-      return s ? (St(s), new $t(s)) : null;
+      return s ? (St(s), new It(s)) : null;
     },
     onUseTemplate(e) {
       if (!e) throw new Error("Could not find template");
@@ -5986,7 +6076,7 @@ const Rl = /* @__PURE__ */ F(kl, [["render", zl], ["__scopeId", "data-v-d37ef215
         fortnoxCom: "/img/fortnox/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        Rl,
+        Oa,
         {
           template: e,
           fetchGallery: this.fetchGallery,
@@ -5999,7 +6089,7 @@ const Rl = /* @__PURE__ */ F(kl, [["render", zl], ["__scopeId", "data-v-d37ef215
               // Only show author if enabled)
               author: {
                 name: this.$t("_common:brand.name"),
-                avatar: n[j.brand],
+                avatar: n[Q.brand],
                 templatesCount: this.templateGalleryItems.length
               }
             } : {}
@@ -6031,8 +6121,8 @@ const Rl = /* @__PURE__ */ F(kl, [["render", zl], ["__scopeId", "data-v-d37ef215
     }
   }
 };
-function Hl(e, t, n, s, i, o) {
-  return M(e.$slots, "default", {
+function Ua(e, t, n, s, i, o) {
+  return P(e.$slots, "default", {
     galleryItems: o.galleryItems,
     categories: o.categories,
     activeCategory: i.activeCategory,
@@ -6040,7 +6130,7 @@ function Hl(e, t, n, s, i, o) {
     selectGalleryItem: o.selectGalleryItem
   });
 }
-const Ul = /* @__PURE__ */ F(Ol, [["render", Hl]]), ql = {
+const qa = /* @__PURE__ */ $(Ha, [["render", Ua]]), Ga = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -6084,15 +6174,16 @@ const Ul = /* @__PURE__ */ F(Ol, [["render", Hl]]), ql = {
   },
   name: "TemplateSelector",
   components: {
-    HorizontalScroll: vl,
-    DocumentIcon: ul,
-    DocumentRecent: il,
-    GalleryLogic: Ul,
-    IsPremiumPreStep: Y,
-    CDropdown: fe,
-    CDropdownItem: ge
-  },
-  mixins: [Z],
+    HorizontalScroll: Ca,
+    DocumentIcon: ma,
+    DocumentRecent: oa,
+    GalleryLogic: qa,
+    IsPremiumPreStep: ee,
+    CDropdown: de,
+    CDropdownItem: G,
+    TemplateActionsDropdown: Ks
+  },
+  mixins: [Y],
   props: {
     // Used for creating documents form project/client views
     projectId: {
@@ -6147,7 +6238,7 @@ const Ul = /* @__PURE__ */ F(Ol, [["render", Hl]]), ql = {
     };
   },
   computed: {
-    ...O({
+    ...H({
       canFeature: "application/feature",
       templateById: "templates/byId",
       isFetchingTemplates: "templates/isFetching",
@@ -6193,11 +6284,11 @@ const Ul = /* @__PURE__ */ F(Ol, [["render", Hl]]), ql = {
     this.loadTemplates();
   },
   methods: {
-    ...W({
-      loadTemplatesAction: B.LOAD_TEMPLATES,
-      loadTemplate: B.LOAD_TEMPLATE,
-      createTemplate: B.DO_CREATE_TEMPLATE,
-      removeTemplate: B.REMOVE_TEMPLATE
+    ...K({
+      loadTemplatesAction: M.LOAD_TEMPLATES,
+      loadTemplate: M.LOAD_TEMPLATE,
+      createTemplate: M.DO_CREATE_TEMPLATE,
+      removeTemplate: M.REMOVE_TEMPLATE
     }),
     loadTemplates() {
       const e = {};
@@ -6214,7 +6305,7 @@ const Ul = /* @__PURE__ */ F(Ol, [["render", Hl]]), ql = {
     },
     async saveTemplate(e) {
       try {
-        const { data: t } = e, n = It(t, [
+        const { data: t } = e, n = $t(t, [
           "_id",
           "id",
           "companyId",
@@ -6222,13 +6313,13 @@ const Ul = /* @__PURE__ */ F(Ol, [["render", Hl]]), ql = {
         ]);
         return await this.createTemplate({ body: n }), !0;
       } catch (t) {
-        se(t);
+        re(t);
       }
       return !1;
     },
     async openTemplateFormModal({ document: e = null, template: t = null }) {
       this.$modal.show(
-        Qe,
+        Ye,
         {
           document: e,
           template: t,
@@ -6251,142 +6342,85 @@ const Ul = /* @__PURE__ */ F(Ol, [["render", Hl]]), ql = {
     },
     canUseTemplate(e) {
       return e.doConsumeDocumentQuota ? this.canFeature("useDocTemplate") : !0;
-    },
-    async copyToClipboard(e) {
-      const t = `${j.baseUrl}/template/${e}`;
-      await Ue(t) && be("info", this.$t("copyMessage"));
     }
   }
-}, Gl = { class: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, Nl = { style: { width: "100%", "padding-bottom": "5em" } }, Wl = { class: "section-title" }, jl = { class: "section-subtitle" }, Zl = {
+}, Na = { class: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, Wa = { style: { width: "100%", "padding-bottom": "5em" } }, ja = { class: "section-title" }, Za = { class: "section-subtitle" }, Ka = {
   key: 0,
   class: "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"
-}, Kl = {
+}, Qa = {
   key: 1,
   class: "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"
-}, Ql = { style: { width: "100%", "padding-bottom": "5em" } }, Yl = { class: "section-title w-full" }, Jl = { class: "flex items-center justify-between" }, Xl = ["innerHTML"], ea = {
+}, Ya = { style: { width: "100%", "padding-bottom": "5em" } }, Ja = { class: "section-title w-full" }, Xa = { class: "flex items-center justify-between" }, el = ["innerHTML"], tl = {
   key: 0,
   class: "bg-primary-500 border-primary-700/40 rounded border p-1 text-xs font-semibold leading-none text-white shadow-lg"
-}, ta = ["textContent"], na = {
+}, nl = ["textContent"], il = {
   class: "section-title",
   style: { flex: "1 1 auto", "padding-bottom": "0.5em" }
-}, ia = { class: "section-subtitle" };
-function oa(e, t, n, s, i, o) {
-  const r = m("CIcon"), g = m("CButton"), h = m("CDropdownItem"), b = m("CDropdown"), w = m("DocumentIcon"), k = m("IsPremiumPreStep"), S = m("HorizontalScroll"), D = m("GalleryLogic"), y = m("DocumentRecent"), f = le("tooltip");
-  return a(), p("div", Gl, [
-    l("div", {
+}, ol = { class: "section-subtitle" };
+function sl(e, t, n, s, i, o) {
+  const r = m("CIcon"), g = m("CButton"), h = m("TemplateActionsDropdown"), b = m("DocumentIcon"), k = m("IsPremiumPreStep"), w = m("CDropdownItem"), T = m("CDropdown"), D = m("HorizontalScroll"), y = m("GalleryLogic"), f = m("DocumentRecent"), x = se("tooltip");
+  return l(), p("div", Na, [
+    a("div", {
       class: L([{ small: e.mq === "sm" }, "font-inter form-start main mx-auto max-w-5xl"])
     }, [
-      M(e.$slots, "header", {}, void 0, !0),
-      l("div", Nl, [
-        l("div", Wl, [
-          l("div", null, d(e.$t("myTemplates")), 1),
-          l("div", jl, d(e.$t("myTemplatesSubTitle")), 1)
+      P(e.$slots, "header", {}, void 0, !0),
+      a("div", Wa, [
+        a("div", ja, [
+          a("div", null, d(e.$t("myTemplates")), 1),
+          a("div", Za, d(e.$t("myTemplatesSubTitle")), 1)
         ]),
         c(k, { feature: "useDocTemplate" }, {
-          default: u(({ onClick: x }) => [
-            (a(), C(G(i.isExpanded ? "div" : "HorizontalScroll"), {
+          default: u(({ onClick: I }) => [
+            (l(), C(j(i.isExpanded ? "div" : "HorizontalScroll"), {
               class: L([{ "is-expanded": i.isExpanded }, "template-list"]),
-              onExpand: t[2] || (t[2] = (_) => i.isExpanded = !0)
+              onExpand: t[1] || (t[1] = (F) => i.isExpanded = !0)
             }, {
               default: u(() => [
-                (a(!0), p(I, null, P(o.myTemplates, (_) => (a(), C(w, {
-                  key: _.id,
-                  "is-add": _.id === "empty",
-                  "is-placeholder": _.placeholder,
-                  media: _.defaultMedia || o.fallbackMedia,
-                  thumbnail: _.thumbnailUrl,
-                  name: _.name,
+                (l(!0), p(S, null, A(o.myTemplates, (F) => (l(), C(b, {
+                  key: F.id,
+                  "is-add": F.id === "empty",
+                  "is-placeholder": F.placeholder,
+                  media: F.defaultMedia || o.fallbackMedia,
+                  thumbnail: F.thumbnailUrl,
+                  name: F.name,
                   class: "template-item",
-                  onTriggerOpenTemplate: (A) => _.placeholder ? null : o.canUseTemplate(_) ? o.select({ templateId: _.id }) : x()
+                  onTriggerOpenTemplate: (E) => F.placeholder ? null : o.canUseTemplate(F) ? o.select({ templateId: F.id }) : I()
                 }, {
                   badge: u(() => [
-                    o.canUseTemplate(_) ? !_.doConsumeDocumentQuota && !_.placeholder ? (a(), p("div", Kl, d(e.$t("_common:free")), 1)) : v("", !0) : (a(), p("div", Zl, [
+                    o.canUseTemplate(F) ? !F.doConsumeDocumentQuota && !F.placeholder ? (l(), p("div", Qa, d(e.$t("_common:free")), 1)) : v("", !0) : (l(), p("div", Ka, [
                       c(r, {
                         type: "lock",
                         size: "12",
                         "stroke-width": "2.5"
                       }),
-                      t[4] || (t[4] = l("div", { class: "text-[11px] font-semibold" }, "Pro", -1))
+                      t[3] || (t[3] = a("div", { class: "text-[11px] font-semibold" }, "Pro", -1))
                     ]))
                   ]),
                   default: u(() => [
-                    _.onModify === "create" && !_.doConsumeDocumentQuota ? N((a(), C(g, {
+                    F.onModify === "create" && !F.doConsumeDocumentQuota ? N((l(), C(g, {
                       key: 0,
                       icon: "info",
                       type: "none",
                       pattern: "tertiary",
                       size: "small",
                       style: { top: "-8px", right: "-4px" },
-                      onClick: t[0] || (t[0] = q(() => {
+                      onClick: t[0] || (t[0] = Z(() => {
                       }, ["stop"]))
                     }, null, 512)), [
-                      [f, {
+                      [x, {
                         content: e.$t("icon.freeTooltip"),
                         placement: "bottom"
                       }]
-                    ]) : (a(), C(b, {
+                    ]) : N((l(), C(h, {
                       key: 1,
                       "append-to-body": "",
-                      style: { top: "-8px", right: "-4px" },
-                      onClick: t[1] || (t[1] = q(() => {
-                      }, ["stop"]))
-                    }, {
-                      trigger: u(() => [
-                        N(c(g, {
-                          icon: "more-vertical",
-                          type: "none",
-                          pattern: "tertiary",
-                          size: "small"
-                        }, null, 512), [
-                          [f, e.$t("icon.tooltip")]
-                        ])
-                      ]),
-                      default: u(() => [
-                        n.onEditTemplate ? (a(), C(h, {
-                          key: 0,
-                          "icon-left": "template-color",
-                          onClick: (A) => n.onEditTemplate(_.id)
-                        }, {
-                          default: u(() => [
-                            T(d(e.$t("_common:edit", { thing: e.$t("_common:template") })), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["onClick"])) : v("", !0),
-                        c(h, {
-                          "icon-props": { size: 16 },
-                          "icon-left": "edit",
-                          onClick: (A) => o.openTemplateFormModal({ template: _ })
-                        }, {
-                          default: u(() => [
-                            T(d(e.$t("_common:change", { thing: e.$t("_common:name") })), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["onClick"]),
-                        c(h, { separator: "" }),
-                        c(h, {
-                          "icon-props": { size: 16 },
-                          "icon-left": "link",
-                          onClick: (A) => o.copyToClipboard(_.id)
-                        }, {
-                          default: u(() => [
-                            T(d(e.$t("_common:share", { thing: e.$t("_common:link") })), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["onClick"]),
-                        c(h, { separator: "" }),
-                        c(h, {
-                          "icon-props": { size: 16, stroke: "hsl(360, 100%, 60%)" },
-                          "icon-left": "trash",
-                          onClick: (A) => e.removeTemplate({ template: _ })
-                        }, {
-                          default: u(() => [
-                            T(d(e.$t("_common:remove")), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["onClick"])
-                      ]),
-                      _: 2
-                    }, 1024))
+                      template: F,
+                      onEdit: n.onEditTemplate,
+                      onRename: o.openTemplateFormModal,
+                      onRemove: e.removeTemplate
+                    }, null, 8, ["template", "onEdit", "onRename", "onRemove"])), [
+                      [x, e.$t("icon.tooltip")]
+                    ])
                   ]),
                   _: 2
                 }, 1032, ["is-add", "is-placeholder", "media", "thumbnail", "name", "onTriggerOpenTemplate"]))), 128))
@@ -6397,7 +6431,7 @@ function oa(e, t, n, s, i, o) {
           _: 1
         })
       ]),
-      n.showGallery ? (a(), C(D, {
+      n.showGallery ? (l(), C(y, {
         key: 0,
         "fetch-gallery": o.fetchGallery,
         "use-template": o.select,
@@ -6406,19 +6440,19 @@ function oa(e, t, n, s, i, o) {
         "gallery-category": n.galleryCategory
       }, {
         default: u(({
-          galleryItems: x,
-          categories: _,
-          activeCategory: A,
-          selectCategory: z,
-          selectGalleryItem: X
+          galleryItems: I,
+          categories: F,
+          activeCategory: E,
+          selectCategory: ne,
+          selectGalleryItem: V
         }) => [
-          l("div", Ql, [
-            l("div", Yl, [
-              l("div", Jl, [
-                l("div", null, d(e.$t("gallery")), 1),
-                c(b, {
+          a("div", Ya, [
+            a("div", Ja, [
+              a("div", Xa, [
+                a("div", null, d(e.$t("gallery")), 1),
+                c(T, {
                   style: { "margin-left": "calc(0.5 * var(--rem))" },
-                  onClick: t[3] || (t[3] = q(() => {
+                  onClick: t[2] || (t[2] = Z(() => {
                   }, ["stop"]))
                 }, {
                   trigger: u(() => [
@@ -6429,19 +6463,19 @@ function oa(e, t, n, s, i, o) {
                       "icon-right": "chevron-down"
                     }, {
                       default: u(() => [
-                        T(d(A ? A.label : ""), 1)
+                        _(d(E ? E.label : ""), 1)
                       ]),
                       _: 2
                     }, 1024)
                   ]),
                   default: u(() => [
-                    (a(!0), p(I, null, P(_, ($) => (a(), C(h, {
-                      key: $.key,
-                      "icon-right": A && A.key === $.key ? "check" : "",
-                      onClick: (ie) => z($)
+                    (l(!0), p(S, null, A(F, (z) => (l(), C(w, {
+                      key: z.key,
+                      "icon-right": E && E.key === z.key ? "check" : "",
+                      onClick: (O) => ne(z)
                     }, {
                       default: u(() => [
-                        T(d($.label), 1)
+                        _(d(z.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["icon-right", "onClick"]))), 128))
@@ -6449,32 +6483,32 @@ function oa(e, t, n, s, i, o) {
                   _: 2
                 }, 1024)
               ]),
-              l("div", {
+              a("div", {
                 class: "section-subtitle",
                 innerHTML: e.$t("gallerySubTitle")
-              }, null, 8, Xl)
+              }, null, 8, el)
             ]),
-            c(S, { class: "template-list" }, {
+            c(D, { class: "template-list" }, {
               default: u(() => [
-                (a(!0), p(I, null, P(x, ($) => (a(), C(w, {
-                  key: $.id,
-                  "is-placeholder": $.placeholder,
-                  media: { type: "image", resourceUrl: $.backgroundUrl },
-                  name: $.name,
+                (l(!0), p(S, null, A(I, (z) => (l(), C(b, {
+                  key: z.id,
+                  "is-placeholder": z.placeholder,
+                  media: { type: "image", resourceUrl: z.backgroundUrl },
+                  name: z.name,
                   class: "template-item",
-                  onTriggerOpenTemplate: (ie) => $.placeholder ? null : X($)
+                  onTriggerOpenTemplate: (O) => z.placeholder ? null : V(z)
                 }, {
                   badge: u(() => [
-                    $.product ? (a(), p("div", ea, [
-                      $.product.isPurchased ? (a(), C(r, {
+                    z.product ? (l(), p("div", tl, [
+                      z.product.isPurchased ? (l(), C(r, {
                         key: 0,
                         type: "check",
                         size: "14",
                         "stroke-width": "3"
-                      })) : (a(), p("div", {
+                      })) : (l(), p("div", {
                         key: 1,
-                        textContent: d($.product.price)
-                      }, null, 8, ta))
+                        textContent: d(z.product.price)
+                      }, null, 8, nl))
                     ])) : v("", !0)
                   ]),
                   _: 2
@@ -6486,15 +6520,15 @@ function oa(e, t, n, s, i, o) {
         ]),
         _: 1
       }, 8, ["fetch-gallery", "use-template", "show-template-author", "modal-props", "gallery-category"])) : v("", !0),
-      c(y, {
+      c(f, {
         style: { width: "100%", "padding-bottom": "5em" },
         onUseDocTemplate: o.select,
         onSaveTemplate: o.openTemplateFormModal
       }, {
         default: u(() => [
-          l("div", na, [
-            l("div", null, d(e.$t("recent")), 1),
-            l("div", ia, d(e.$t("recentSubTitle")), 1)
+          a("div", il, [
+            a("div", null, d(e.$t("recent")), 1),
+            a("div", ol, d(e.$t("recentSubTitle")), 1)
           ])
         ]),
         _: 1
@@ -6502,44 +6536,44 @@ function oa(e, t, n, s, i, o) {
     ], 2)
   ]);
 }
-const sa = /* @__PURE__ */ F(ql, [["render", oa], ["__scopeId", "data-v-2fb04074"]]);
-var ce, Ve;
-function la() {
-  if (Ve) return ce;
-  Ve = 1;
+const al = /* @__PURE__ */ $(Ga, [["render", sl], ["__scopeId", "data-v-825ca28b"]]);
+var he, Be;
+function ll() {
+  if (Be) return he;
+  Be = 1;
   var e = Lt(), t = Vt(), n = Bt();
   function s(i, o, r) {
     for (var g = -1, h = o.length, b = {}; ++g < h; ) {
-      var w = o[g], k = e(i, w);
-      r(k, w) && t(b, n(w, i), k);
+      var k = o[g], w = e(i, k);
+      r(w, k) && t(b, n(k, i), w);
     }
     return b;
   }
-  return ce = s, ce;
+  return he = s, he;
 }
-var ue, Be;
-function aa() {
-  if (Be) return ue;
-  Be = 1;
-  var e = la(), t = Mt();
+var fe, Me;
+function rl() {
+  if (Me) return fe;
+  Me = 1;
+  var e = ll(), t = Mt();
   function n(s, i) {
     return e(s, i, function(o, r) {
       return t(s, r);
     });
   }
-  return ue = n, ue;
+  return fe = n, fe;
 }
-var me, Me;
-function ra() {
-  if (Me) return me;
-  Me = 1;
-  var e = aa(), t = Yt(), n = t(function(s, i) {
+var ge, Pe;
+function dl() {
+  if (Pe) return ge;
+  Pe = 1;
+  var e = rl(), t = Yt(), n = t(function(s, i) {
     return s == null ? {} : e(s, i);
   });
-  return me = n, me;
+  return ge = n, ge;
 }
-var da = ra();
-const ca = /* @__PURE__ */ Oe(da), ua = {
+var cl = dl();
+const ul = /* @__PURE__ */ He(cl), ml = {
   name: "DocForm",
   i18nOptions: {
     namespaces: "widgetDocForm",
@@ -6553,7 +6587,7 @@ const ca = /* @__PURE__ */ Oe(da), ua = {
     }
   },
   components: {
-    TemplateSelector: sa,
+    TemplateSelector: al,
     DocumentForm: Zs,
     PostSend: un
   },
@@ -6622,7 +6656,7 @@ const ca = /* @__PURE__ */ Oe(da), ua = {
     };
   },
   computed: {
-    ...O({
+    ...H({
       company: "application/company",
       feature: "application/feature",
       can: "application/can",
@@ -6655,17 +6689,17 @@ const ca = /* @__PURE__ */ Oe(da), ua = {
     (!this.rawDoc || (e = this.rawDoc) != null && e.__isNew) && (this.view = "templateSelect");
   },
   methods: {
-    ...W({
-      removeFormKeyValue: B.REMOVE_FORM_KEY_VALUE,
-      loadDocumentForm: B.LOAD_DOCUMENT2_FORM,
-      duplicateDocumentForm: B.LOAD_DUPLICATE_DOCUMENT2_FORM,
-      saveDocument: B.SAVE_DYNDOC_FORM,
-      loadCompanyUser: B.LOAD_COMPANY_USER,
-      saveTemplate: B.SAVE_TEMPLATE_FORM
+    ...K({
+      removeFormKeyValue: M.REMOVE_FORM_KEY_VALUE,
+      loadDocumentForm: M.LOAD_DOCUMENT2_FORM,
+      duplicateDocumentForm: M.LOAD_DUPLICATE_DOCUMENT2_FORM,
+      saveDocument: M.SAVE_DYNDOC_FORM,
+      loadCompanyUser: M.LOAD_COMPANY_USER,
+      saveTemplate: M.SAVE_TEMPLATE_FORM
     }),
     async initDoc() {
       if (!this.rawDoc) throw new Error("Missing initiated form document");
-      this.document = new He({
+      this.document = new qe({
         data: this.rawDoc,
         can: this.can,
         getters: this.$store.getters,
@@ -6674,7 +6708,7 @@ const ca = /* @__PURE__ */ Oe(da), ua = {
     },
     async onTemplateSelect({ templateId: e, documentId: t, formData: n }) {
       var i;
-      const s = ca({ ...this.rawDoc }, [
+      const s = ul({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
         "subscriberCompanyUserIds",
@@ -6719,27 +6753,27 @@ const ca = /* @__PURE__ */ Oe(da), ua = {
       this.view = "templateSelect", this.setDocValue({ key: "__isNew", value: !0 });
     },
     isManualDelivery(e) {
-      const t = pe(e);
+      const t = ye(e);
       return !t.sms && !t.email;
     }
   }
-}, ma = { class: "flex h-full w-full flex-col" }, pa = {
+}, pl = { class: "flex h-full w-full flex-col" }, hl = {
   key: 0,
   class: "flex h-full w-full flex-col"
-}, ha = { class: "relative flex h-16 items-center justify-center border-b border-gray-200" };
-function fa(e, t, n, s, i, o) {
+}, fl = { class: "relative flex h-16 items-center justify-center border-b border-gray-200" };
+function gl(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("TemplateSelector"), h = m("DocumentForm"), b = m("PostSend");
-  return a(), p("div", ma, [
-    i.view === "templateSelect" ? (a(), p("div", pa, [
-      l("div", ha, [
-        n.closeFunc ? (a(), C(r, {
+  return l(), p("div", pl, [
+    i.view === "templateSelect" ? (l(), p("div", hl, [
+      a("div", fl, [
+        n.closeFunc ? (l(), C(r, {
           key: 0,
           icon: "x",
           circle: "",
           class: "absolute left-4 top-1/2 -translate-y-1/2",
           onClick: n.closeFunc
         }, null, 8, ["onClick"])) : v("", !0),
-        l("div", null, d(e.$t("selectNavTitle")), 1)
+        a("div", null, d(e.$t("selectNavTitle")), 1)
       ]),
       c(g, {
         "on-use-template": o.onTemplateSelect,
@@ -6751,7 +6785,7 @@ function fa(e, t, n, s, i, o) {
         "include-partner-templates": "",
         class: "body-scroll min-h-0"
       }, null, 8, ["on-use-template", "show-gallery", "gallery-category", "on-save-template", "show-keep-clients-option"])
-    ])) : i.view === "editor" ? (a(), C(h, {
+    ])) : i.view === "editor" ? (l(), C(h, {
       key: 1,
       document: i.document,
       "set-doc-value": o.setDocValue,
@@ -6767,7 +6801,7 @@ function fa(e, t, n, s, i, o) {
       "show-keep-clients-option": n.showKeepClientsOption
     }, {
       "nav-right-action": u(() => [
-        n.isEditingTemplate ? (a(), C(r, {
+        n.isEditingTemplate ? (l(), C(r, {
           key: 0,
           loading: i.isSavingTemplate,
           disabled: !o.canDoActions,
@@ -6779,13 +6813,13 @@ function fa(e, t, n, s, i, o) {
           onClick: o.onSaveTemplateClick
         }, {
           default: u(() => [
-            T(d(e.$t("_common:save", { thing: e.$t("_common:template") })), 1)
+            _(d(e.$t("_common:save", { thing: e.$t("_common:template") })), 1)
           ]),
           _: 1
         }, 8, ["loading", "disabled", "onClick"])) : v("", !0)
       ]),
       _: 1
-    }, 8, ["document", "set-doc-value", "set-form-value", "remove-doc-value", "remove-doc-key-value", "on-save-template", "on-save-document", "is-loading", "close", "go-back", "show-keep-clients-option"])) : i.view === "postSend" ? (a(), C(b, {
+    }, 8, ["document", "set-doc-value", "set-form-value", "remove-doc-value", "remove-doc-key-value", "on-save-template", "on-save-document", "is-loading", "close", "go-back", "show-keep-clients-option"])) : i.view === "postSend" ? (l(), C(b, {
       key: 2,
       document: i.document,
       "on-send-func": n.closeFunc,
@@ -6793,7 +6827,7 @@ function fa(e, t, n, s, i, o) {
     }, null, 8, ["document", "on-send-func", "on-close-func"])) : v("", !0)
   ]);
 }
-const Ha = /* @__PURE__ */ F(ua, [["render", fa], ["__scopeId", "data-v-4c6b6a6b"]]);
+const Ul = /* @__PURE__ */ $(ml, [["render", gl], ["__scopeId", "data-v-4c6b6a6b"]]);
 export {
-  Ha as default
+  Ul as default
 };