@cling-se/widget 0.22.3 → 0.23.0

package/dist/{DocForm-DvT2fhEM.js → DocForm-B0HWL32c.js}

@@ -1,29 +1,29 @@
-import et from "./AnswerModal-BQ9VR89q.js";
-import { o as tt } from "./index-CrQzVsCT.js";
-import { w as Q, C as q, a as re } from "./CDropdownItem-DyWrpOb-.js";
-import { _ as F, m as Z, cQ as ye, g as P, b as u, d as p, o as l, j as a, f as c, t as d, w as m, s as x, e as C, X as z, al as ne, an as j, y as B, U as A, aV as J, c as b, ap as W, T as be, F as I, a7 as de, A as nt, B as xe, I as U, p as Te, i as K, a3 as De, cR as it, J as O, af as M, q as E, a as R, cS as ot, z as st, Y as ke, u as Ae, S as at, aG as Se, Z as te, cO as lt, a5 as ie, v as G, ai as rt, aF as dt, aC as we, l as le, cg as Ee, ch as ze, x as ve, n as ct, ax as Ie, ci as ut, cT as ue, cU as mt, bn as pt, a1 as Re, cj as ht, aa as Oe, cV as ft, cW as gt, aL as Ue, r as yt, aE as Ce, aB as He, cX as vt, cY as Ct, cZ as bt, aA as kt, a9 as wt, c_ as _t, c$ as xt, d0 as Tt, C as qe, d1 as Dt, d2 as St, d3 as It, cl as $t, d4 as Ft, d5 as Lt, b0 as Bt, d6 as Vt, d7 as Mt } from "./main-D4afcIIy.js";
+import et from "./AnswerModal-BH7HUCFy.js";
+import { o as tt } from "./index-hj2QoJyP.js";
+import { w as Q, a as q, b as re } from "./CDropdownItem-CFTdvAJc.js";
+import { _ as L, m as Z, cQ as ye, g as A, b as m, d as p, o as l, j as a, f as c, t as d, w as u, s as x, e as C, Q as z, al as J, an as j, y as F, O as M, aV as X, c as b, ap as W, a5 as be, F as $, $ as de, A as nt, B as xe, I as O, p as Te, i as K, W as De, cR as it, J as R, ae as P, q as E, a as H, cS as ot, z as st, S as ke, u as Ae, a0 as at, aG as Se, T as ne, cO as lt, Y as ie, v as G, ah as rt, aF as dt, aC as we, l as le, cg as Ee, ch as ze, x as ve, n as ct, ax as $e, ci as ut, cT as ue, cU as mt, bn as pt, ak as Re, cj as ht, a9 as Oe, cV as ft, cW as gt, aL as He, r as yt, aE as Ce, aB as Ue, cX as vt, cY as Ct, cZ as bt, aA as kt, a8 as wt, c_ as _t, c$ as xt, d0 as Tt, C as qe, d1 as Dt, d2 as St, d3 as $t, cl as It, d4 as Lt, d5 as Bt, b0 as Ft, d6 as Vt, d7 as Mt } from "./main-BnJTDeKH.js";
 /* empty css                       */
-import { g as Pt, l as At, _ as Et, a as zt, D as Rt } from "./DocumentLayout-BLeVh3wu.js";
-import { F as Ge, d as Ot } from "./tippy.esm-D8I3Noyw.js";
-import { m as oe, c as $e, u as Ne, i as Ut } from "./mapFormMixin-DcTZ2NvY.js";
-import "./helpers-CUo71XPG.js";
-import { a as Ht } from "./ClientAutocomplete-DS08QQ5C.js";
-import { _ as qt } from "./Sortable.vue_vue_type_script_setup_true_lang-CcTjzIyK.js";
-import { C as Gt, _ as We, a as X, I as ee, s as Nt } from "./index-DCq6gjGI.js";
-import { _ as _e } from "./CFormField.vue_vue_type_script_setup_true_lang-CSMB_HdZ.js";
-import { S as Wt } from "./SmartList-B2ZpLA8V.js";
-import { u as je } from "./index-FsgsKPqg.js";
-import { r as Fe, a as jt } from "./index-CFm8CNEc.js";
-import { o as Zt, r as Kt } from "./omit-Bq20xrhI.js";
-import { s as N } from "./formDrawerState-Cf5itKVM.js";
-import { s as Qt } from "./dom-DOcGU3-g.js";
-import { S as Yt } from "./SendForm-C-VTNpve.js";
-import "./template-CDxtqtv6.js";
-import { u as Jt } from "./validation-ERFxig5z.js";
-import { C as Xt } from "./CCallout-DCvCm65V.js";
-import { C as en } from "./CSkeleton-DRbFIBZS.js";
-import { B as tn } from "./BlockMedia-najJzMYF.js";
-const nn = {
+import { g as Pt, l as At, _ as Et, a as zt, D as Rt } from "./DocumentLayout-DdXflWEb.js";
+import { F as Ge, d as Ot } from "./tippy.esm-Bu14Lq2S.js";
+import { m as oe, c as Ie, u as Ne, i as Ht } from "./mapFormMixin-sXjgYtfb.js";
+import "./helpers-B1vYJYc-.js";
+import { a as Ut } from "./ClientAutocomplete-Ci08U3Eg.js";
+import { _ as qt } from "./Sortable.vue_vue_type_script_setup_true_lang-D22AqpXY.js";
+import { _ as _e } from "./CFormField.vue_vue_type_script_setup_true_lang-B0HHxy2B.js";
+import { S as Gt } from "./SmartList-mO6hykju.js";
+import { u as We } from "./index-DnMhYLAz.js";
+import { r as Le, a as Nt } from "./index-CXYvBw0i.js";
+import { o as Wt, r as jt } from "./omit-DQlOTuQS.js";
+import { _ as je, a as ee, I as te, u as Zt } from "./index-DK3w2fdd.js";
+import { s as N } from "./formDrawerState-DlaQS_ZT.js";
+import { s as Kt } from "./dom-B_lSczxY.js";
+import { S as Qt } from "./SendForm-DWiNVIs2.js";
+import "./template-dbF0t2om.js";
+import { u as Yt } from "./validation-D_KP2hMr.js";
+import { C as Jt } from "./CCallout-BbBdzwkb.js";
+import { C as Xt } from "./CSkeleton-Ro7hmy5_.js";
+import { B as en } from "./BlockMedia-BcvfBi4G.js";
+const tn = {
   name: "DocumentPostSendStep",
   mixins: [Q],
   i18nOptions: {
@@ -67,9 +67,9 @@ const nn = {
   },
   methods: {
     ...Z({
-      updateDocument: P.DO_UPDATE_DOCUMENT2,
-      answerDocument: P.ANSWER_OWN_DOCUMENT2,
-      sendDocument: P.DO_SEND_DOCUMENT2
+      updateDocument: A.DO_UPDATE_DOCUMENT2,
+      answerDocument: A.ANSWER_OWN_DOCUMENT2,
+      sendDocument: A.DO_SEND_DOCUMENT2
     }),
     async handleDocumentLinks() {
       const { id: e } = this.document || {}, t = ye(this.document), n = !t.sms && !t.email;
@@ -136,12 +136,12 @@ const nn = {
       this.onCloseFunc && this.onCloseFunc();
     }
   }
-}, on = { class: "font-inter root" }, sn = { class: "container" }, an = { class: "icon-wrapper" }, ln = ["textContent"];
-function rn(e, t, n, s, i, o) {
-  const r = u("CIcon"), g = u("CButton");
-  return l(), p("div", on, [
-    a("div", sn, [
-      a("div", an, [
+}, nn = { class: "font-inter root" }, on = { class: "container" }, sn = { class: "icon-wrapper" }, an = ["textContent"];
+function ln(e, t, n, s, i, o) {
+  const r = m("CIcon"), g = m("CButton");
+  return l(), p("div", nn, [
+    a("div", on, [
+      a("div", sn, [
         c(r, {
           size: 20,
           type: "email"
@@ -150,14 +150,14 @@ function rn(e, t, n, s, i, o) {
       a("div", {
         class: "title",
         textContent: d(e.$t("title"))
-      }, null, 8, ln),
+      }, null, 8, an),
       t[0] || (t[0] = a("div", { class: "divider" }, null, -1)),
       c(g, {
         type: "secondary",
         class: "close-button",
         onClick: o.close
       }, {
-        default: m(() => [
+        default: u(() => [
           x(d(e.$t("_common:close")), 1)
         ]),
         _: 1
@@ -165,7 +165,7 @@ function rn(e, t, n, s, i, o) {
     ])
   ]);
 }
-const dn = /* @__PURE__ */ F(nn, [["render", rn], ["__scopeId", "data-v-baaee379"]]), cn = {
+const rn = /* @__PURE__ */ L(tn, [["render", ln], ["__scopeId", "data-v-baaee379"]]), dn = {
   name: "Drawer",
   props: {
     modelValue: {
@@ -209,10 +209,10 @@ const dn = /* @__PURE__ */ F(nn, [["render", rn], ["__scopeId", "data-v-baaee379
     }
   }
 };
-function un(e, t, n, s, i, o) {
+function cn(e, t, n, s, i, o) {
   return l(), p("div", null, [
-    c(ne, { name: "fade" }, {
-      default: m(() => [
+    c(J, { name: "fade" }, {
+      default: u(() => [
         !n.hideOverlay && n.modelValue ? (l(), p("div", {
           key: 0,
           style: z({
@@ -223,13 +223,13 @@ function un(e, t, n, s, i, o) {
       ]),
       _: 1
     }),
-    c(ne, {
+    c(J, {
       name: `slide-${n.placement}`
     }, {
-      default: m(() => [
+      default: u(() => [
         n.modelValue ? (l(), p("div", {
           key: 0,
-          class: B([[n.placement], "d-content"]),
+          class: F([[n.placement], "d-content"]),
           style: z({
             zIndex: n.zIndex
           }),
@@ -246,7 +246,7 @@ function un(e, t, n, s, i, o) {
             }),
             class: "d-content-slot"
           }, [
-            A(e.$slots, "default", {}, void 0, !0)
+            M(e.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 6)) : C("", !0)
       ]),
@@ -254,10 +254,10 @@ function un(e, t, n, s, i, o) {
     }, 8, ["name"])
   ]);
 }
-const Ze = /* @__PURE__ */ F(cn, [["render", un], ["__scopeId", "data-v-f20cb0cf"]]), mn = {
+const Ze = /* @__PURE__ */ L(dn, [["render", cn], ["__scopeId", "data-v-f20cb0cf"]]), un = {
   name: "DocumentDrawer",
   components: {
-    simplebar: J,
+    simplebar: X,
     Drawer: Ze
   },
   props: {
@@ -280,13 +280,13 @@ const Ze = /* @__PURE__ */ F(cn, [["render", un], ["__scopeId", "data-v-f20cb0cf
     }
   },
   emits: ["update:open"]
-}, pn = { style: { height: "100%", "z-index": "110" } }, hn = { style: { height: "100%", overflow: "auto" } };
-function fn(e, t, n, s, i, o) {
-  return l(), b(ne, {
+}, mn = { style: { height: "100%", "z-index": "110" } }, pn = { style: { height: "100%", overflow: "auto" } };
+function hn(e, t, n, s, i, o) {
+  return l(), b(J, {
     name: n.fixed ? void 0 : "grow-anim",
     mode: "out-in"
   }, {
-    default: m(() => [
+    default: u(() => [
       n.open ? (l(), b(W(n.fixed ? "drawer" : "div"), be({ key: 0 }, e.$props, {
         ref: "drawer",
         class: [{
@@ -299,9 +299,9 @@ function fn(e, t, n, s, i, o) {
         "box-shadow": "0px -1em 2em 0.2em rgba(0, 0, 0, 0.2)",
         "onUpdate:modelValue": t[0] || (t[0] = (r) => n.fixed ? e.$emit("update:open", r) : null)
       }), {
-        default: m(() => [
-          a("div", pn, [
-            a("div", hn, [
+        default: u(() => [
+          a("div", mn, [
+            a("div", pn, [
               a("div", {
                 style: z(
                   n.fixed && {
@@ -312,7 +312,7 @@ function fn(e, t, n, s, i, o) {
                   }
                 )
               }, [
-                A(e.$slots, "default", {}, void 0, !0)
+                M(e.$slots, "default", {}, void 0, !0)
               ], 4)
             ])
           ])
@@ -323,25 +323,25 @@ function fn(e, t, n, s, i, o) {
     _: 3
   }, 8, ["name"]);
 }
-const gn = /* @__PURE__ */ F(mn, [["render", fn], ["__scopeId", "data-v-2bc51f6f"]]), yn = {
+const fn = /* @__PURE__ */ L(un, [["render", hn], ["__scopeId", "data-v-2bc51f6f"]]), gn = {
   name: "DocumentFormNav"
-}, vn = { class: "DocumentFormNav fixed left-0 right-0 top-0 z-[98] bg-gray-200 px-2 py-2 shadow-lg md:px-6" }, Cn = { class: "flex" }, bn = { class: "inline-flex flex-grow items-center" }, kn = { class: "inline-flex flex-auto items-center justify-center" }, wn = { class: "inline-flex flex-grow items-center justify-end" };
-function _n(e, t, n, s, i, o) {
-  return l(), p("div", vn, [
-    a("div", Cn, [
+}, yn = { class: "DocumentFormNav fixed left-0 right-0 top-0 z-[98] bg-gray-200 px-2 py-2 shadow-lg md:px-6" }, vn = { class: "flex" }, Cn = { class: "inline-flex flex-grow items-center" }, bn = { class: "inline-flex flex-auto items-center justify-center" }, kn = { class: "inline-flex flex-grow items-center justify-end" };
+function wn(e, t, n, s, i, o) {
+  return l(), p("div", yn, [
+    a("div", vn, [
+      a("div", Cn, [
+        M(e.$slots, "left")
+      ]),
       a("div", bn, [
-        A(e.$slots, "left")
+        M(e.$slots, "center")
       ]),
       a("div", kn, [
-        A(e.$slots, "center")
-      ]),
-      a("div", wn, [
-        A(e.$slots, "right")
+        M(e.$slots, "right")
       ])
     ])
   ]);
 }
-const xn = /* @__PURE__ */ F(yn, [["render", _n]]), Tn = {
+const _n = /* @__PURE__ */ L(gn, [["render", wn]]), xn = {
   name: "DocumentFormViewRadio",
   props: {
     modelValue: {
@@ -354,12 +354,12 @@ const xn = /* @__PURE__ */ F(yn, [["render", _n]]), Tn = {
     }
   },
   emits: ["update:modelValue"]
-}, Dn = { class: "inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 text-sm text-white" };
-function Sn(e, t, n, s, i, o) {
-  const r = u("CIcon");
-  return l(), p("div", Dn, [
+}, Tn = { class: "inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 text-sm text-white" };
+function Dn(e, t, n, s, i, o) {
+  const r = m("CIcon");
+  return l(), p("div", Tn, [
     a("div", {
-      class: B([{
+      class: F([{
         "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)
@@ -368,12 +368,12 @@ function Sn(e, t, n, s, i, o) {
         key: 0,
         type: "edit",
         size: "20"
-      })) : (l(), p(I, { key: 1 }, [
+      })) : (l(), p($, { key: 1 }, [
         x(d(e.$t("edit")), 1)
       ], 64))
     ], 2),
     a("div", {
-      class: B([{
+      class: F([{
         "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",
@@ -383,13 +383,13 @@ function Sn(e, t, n, s, i, o) {
         key: 0,
         type: "eye",
         size: "20"
-      })) : (l(), p(I, { key: 1 }, [
+      })) : (l(), p($, { key: 1 }, [
         x(d(e.$t("preview")), 1)
       ], 64))
     ], 2)
   ]);
 }
-const In = /* @__PURE__ */ F(Tn, [["render", Sn]]), $n = {
+const Sn = /* @__PURE__ */ L(xn, [["render", Dn]]), $n = {
   name: "BlockControlButtons",
   i18nOptions: {
     namespace: "blockControlButtons",
@@ -421,16 +421,16 @@ const In = /* @__PURE__ */ F(Tn, [["render", Sn]]), $n = {
       return typeof this.isVisible == "boolean" && !this.isVisible;
     }
   }
-}, Fn = { class: "control-root flex gap-2" }, Ln = {
+}, In = { class: "control-root flex gap-2" }, Ln = {
   key: 0,
   class: "px-1.5 text-xs text-gray-600"
 }, Bn = {
   key: 1,
   class: "flex flex-col gap-1.5"
-}, Vn = { class: "control-direction" };
-function Mn(e, t, n, s, i, o) {
-  const r = u("CIcon");
-  return l(), p("div", Fn, [
+}, Fn = { class: "control-direction" };
+function Vn(e, t, n, s, i, o) {
+  const r = m("CIcon");
+  return l(), p("div", In, [
     o.canToggleVisibility ? (l(), p("div", {
       key: 0,
       class: "control-button",
@@ -440,12 +440,12 @@ function Mn(e, t, n, s, i, o) {
       c(r, {
         type: n.isVisible ? "eye" : "eye-off",
         size: "14",
-        class: B({ "mr-1": !n.isVisible })
+        class: F({ "mr-1": !n.isVisible })
       }, null, 8, ["type", "class"])
     ])) : C("", !0),
-    A(e.$slots, "default", {}, void 0, !0),
+    M(e.$slots, "default", {}, void 0, !0),
     !o.isHidden && n.isMovable ? (l(), p("div", Bn, [
-      a("div", Vn, [
+      a("div", Fn, [
         a("div", {
           class: "control-button",
           onClick: t[1] || (t[1] = (g) => e.$emit("move", "up"))
@@ -477,7 +477,7 @@ function Mn(e, t, n, s, i, o) {
     ])) : C("", !0)
   ]);
 }
-const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-5ae455ee"]]), An = ["inert"], En = /* @__PURE__ */ de({
+const Mn = /* @__PURE__ */ L($n, [["render", Vn], ["__scopeId", "data-v-5ae455ee"]]), Pn = ["inert"], An = /* @__PURE__ */ de({
   __name: "DynamicBlock",
   props: {
     isDragging: { type: Boolean, default: !1 },
@@ -490,15 +490,15 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-5ae455ee
   },
   emits: ["edit", "toggle-visible", "move", "remove"],
   setup(e, { emit: t }) {
-    const n = t, { uid: s } = nt(), i = xe(!1), o = xe(() => n("edit", s)), r = U(() => typeof e.isVisible == "boolean" && !e.isVisible), g = U(() => e.isEditView ? !e.isDragging && i.value ? !0 : r.value : !1), h = U(() => 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]" : ""), y = (w) => {
+    const n = t, { uid: s } = nt(), i = xe(!1), o = xe(() => n("edit", s)), r = O(() => typeof e.isVisible == "boolean" && !e.isVisible), g = O(() => e.isEditView ? !e.isDragging && i.value ? !0 : r.value : !1), h = O(() => 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]" : ""), y = (w) => {
       typeof w == "function" && (o.value = w);
     };
     return Te("sectionTopNode", s), Te("setOpenDrawer", y), (w, k) => {
-      const D = u("CButton"), T = u("Animation");
+      const D = m("CButton"), T = m("Animation");
       return l(), b(T, { class: "w-full" }, {
-        default: m(() => [
+        default: u(() => [
           a("div", {
-            class: B([[
+            class: F([[
               {
                 "is-edit-view": w.isEditView,
                 "is-hovering": i.value,
@@ -516,12 +516,12 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-5ae455ee
             onMouseleavePassive: k[4] || (k[4] = (v) => i.value = !1)
           }, [
             a("div", {
-              class: B(["block-container", { "spacing-snug": r.value }]),
+              class: F(["block-container", { "spacing-snug": r.value }]),
               inert: r.value
             }, [
-              A(w.$slots, "default", {}, void 0, !0)
-            ], 10, An),
-            g.value ? (l(), b(Pn, {
+              M(w.$slots, "default", {}, void 0, !0)
+            ], 10, Pn),
+            g.value ? (l(), b(Mn, {
               key: 0,
               class: "control-root z-10",
               "is-movable": w.canMove,
@@ -530,7 +530,7 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-5ae455ee
               onMove: k[1] || (k[1] = (v) => n("move", v)),
               onRemove: k[2] || (k[2] = (v) => n("remove"))
             }, {
-              default: m(() => [
+              default: u(() => [
                 w.showEditButton ? (l(), b(D, {
                   key: 0,
                   round: "",
@@ -540,7 +540,7 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-5ae455ee
                   class: "document-block__edit-button",
                   onClick: o.value
                 }, {
-                  default: m(() => [
+                  default: u(() => [
                     x(d(w.$t("_common:edit").capitalize()), 1)
                   ]),
                   _: 1
@@ -554,7 +554,7 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-5ae455ee
       });
     };
   }
-}), zn = /* @__PURE__ */ F(En, [["__scopeId", "data-v-37c2f0a6"]]), Rn = {
+}), En = /* @__PURE__ */ L(An, [["__scopeId", "data-v-37c2f0a6"]]), zn = {
   name: "LogoBanner",
   props: {
     position: {
@@ -571,10 +571,10 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-5ae455ee
       return `/img/${e}/icons/apple-touch-icon-60x60.png`;
     }
   }
-}, On = ["href"], Un = { class: "mr-2 h-5 w-5 overflow-hidden rounded bg-white" }, Hn = ["src", "alt"], qn = { class: "text-xs font-medium text-white" };
-function Gn(e, t, n, s, i, o) {
+}, Rn = ["href"], On = { class: "mr-2 h-5 w-5 overflow-hidden rounded bg-white" }, Hn = ["src", "alt"], Un = { class: "text-xs font-medium text-white" };
+function qn(e, t, n, s, i, o) {
   return l(), p("div", {
-    class: B([n.position, "pointer-events-none bottom-0 left-0 right-0 z-50 flex justify-end px-[10px] pb-[10px]"])
+    class: F([n.position, "pointer-events-none bottom-0 left-0 right-0 z-50 flex justify-end px-[10px] pb-[10px]"])
   }, [
     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",
@@ -583,18 +583,18 @@ function Gn(e, t, n, s, i, o) {
       )}?utm_source=document&utm_medium=logo-banner`,
       target: "_blank"
     }, [
-      a("div", Un, [
+      a("div", On, [
         a("img", {
           src: o.logoUrl,
           alt: e.$t("brand.name"),
           class: "h-full w-full"
         }, null, 8, Hn)
       ]),
-      a("div", qn, " Made in " + d(e.$t("brand.name")), 1)
-    ], 8, On)
+      a("div", Un, " Made in " + d(e.$t("brand.name")), 1)
+    ], 8, Rn)
   ], 2);
 }
-const Nn = /* @__PURE__ */ F(Rn, [["render", Gn]]), Wn = { class: "relative h-full w-full" }, jn = { class: "mb-4 text-xl font-bold" }, Ke = /* @__PURE__ */ de({
+const Gn = /* @__PURE__ */ L(zn, [["render", qn]]), Nn = { class: "relative h-full w-full" }, Wn = { class: "mb-4 text-xl font-bold" }, Ke = /* @__PURE__ */ de({
   __name: "DragWindow",
   props: {
     offset: {},
@@ -607,16 +607,16 @@ const Nn = /* @__PURE__ */ F(Rn, [["render", Gn]]), Wn = { class: "relative h-fu
       initialValue: { x: e.offset + 15, y: 70 }
     });
     return (r, g) => {
-      const h = u("CButton"), y = u("portal");
+      const h = m("CButton"), y = m("portal");
       return l(), b(y, { to: "modal" }, {
-        default: m(() => [
+        default: u(() => [
           a("div", {
             ref_key: "el",
             ref: s,
-            style: z(O(o)),
+            style: z(R(o)),
             class: "popup fixed z-[999] min-h-[400px] w-[280px] rounded-lg bg-white p-[1em] pb-[3em] text-sm shadow-xl"
           }, [
-            a("div", Wn, [
+            a("div", Nn, [
               c(h, {
                 icon: "x",
                 size: "small",
@@ -636,8 +636,8 @@ const Nn = /* @__PURE__ */ F(Rn, [["render", Gn]]), Wn = { class: "relative h-fu
                 circle: "",
                 class: "absolute right-9 top-0 cursor-grab"
               }, null, 512),
-              a("div", jn, d(r.title), 1),
-              A(r.$slots, "default")
+              a("div", Wn, d(r.title), 1),
+              M(r.$slots, "default")
             ])
           ], 4)
         ]),
@@ -645,7 +645,7 @@ const Nn = /* @__PURE__ */ F(Rn, [["render", Gn]]), Wn = { class: "relative h-fu
       });
     };
   }
-}), Zn = /([\d+.]*)(.*)/, Y = (e) => (e || "").match(Zn), Kn = {
+}), jn = /([\d+.]*)(.*)/, Y = (e) => (e || "").match(jn), Zn = {
   i18nOptions: {
     namespaces: "common",
     keyPrefix: "designLabels"
@@ -720,7 +720,7 @@ const Nn = /* @__PURE__ */ F(Rn, [["render", Gn]]), Wn = { class: "relative h-fu
       // Dynamic depending on font family
       definitionOptions: {
         fontFamily: ({ key: e, value: t }) => {
-          const n = M(this.css, `${this.activeItem.selector}.fontWeight`) || M(this.activeItem, "style.fontWeight") || "400";
+          const n = P(this.css, `${this.activeItem.selector}.fontWeight`) || P(this.activeItem, "style.fontWeight") || "400";
           return {
             label: this.$t("font"),
             inputs: [
@@ -1188,7 +1188,7 @@ const Nn = /* @__PURE__ */ F(Rn, [["render", Gn]]), Wn = { class: "relative h-fu
     },
     activeItemOptions() {
       if (!this.activeItem) return [];
-      const { selector: e, category: t, style: n = {} } = this.activeItem, s = M(this.css, e) || {}, i = (o) => s[o] || n[o];
+      const { selector: e, category: t, style: n = {} } = this.activeItem, s = P(this.css, e) || {}, i = (o) => s[o] || n[o];
       return this[t].map(({ option: o, key: r }, g) => {
         const h = this.definitionOptions[o], y = Array.isArray(r) ? r.map((w) => ({ key: w, value: i(w) })) : { key: r, value: i(r) };
         return h(y, g);
@@ -1197,7 +1197,7 @@ const Nn = /* @__PURE__ */ F(Rn, [["render", Gn]]), Wn = { class: "relative h-fu
   },
   watch: {
     async activeItem(e) {
-      const t = M(e, "style.fontFamily");
+      const t = P(e, "style.fontFamily");
       t && (this.fontWeightOptions = await Pt(t));
     }
   },
@@ -1208,13 +1208,13 @@ const Nn = /* @__PURE__ */ F(Rn, [["render", Gn]]), Wn = { class: "relative h-fu
       n[e] = t || "", this.css = { ...this.css, [this.activeItem.selector]: n };
     }
   }
-}, Qn = { style: { padding: "calc(0.5 * var(--rem))", position: "relative" } }, Yn = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, Jn = ["onClick"], Xn = { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, ei = { style: { padding: "calc(0.75 * var(--rem))" } }, ti = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, ni = ["onClick"], ii = { style: { "font-size": "1.075em", "font-weight": "500" } };
-function oi(e, t, n, s, i, o) {
-  const r = u("FormInputRow"), g = u("DragWindow");
+}, Kn = { style: { padding: "calc(0.5 * var(--rem))", position: "relative" } }, Qn = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, Yn = ["onClick"], Jn = { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, Xn = { style: { padding: "calc(0.75 * var(--rem))" } }, ei = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, ti = ["onClick"], ni = { style: { "font-size": "1.075em", "font-weight": "500" } };
+function ii(e, t, n, s, i, o) {
+  const r = m("FormInputRow"), g = m("DragWindow");
   return l(), p("div", null, [
-    a("div", Qn, [
-      a("div", Yn, d(e.$t("typography")), 1),
-      (l(!0), p(I, null, E(o.typography, (h) => (l(), p("div", {
+    a("div", Kn, [
+      a("div", Qn, d(e.$t("typography")), 1),
+      (l(!0), p($, null, E(o.typography, (h) => (l(), p("div", {
         key: h.label,
         class: "list-option",
         onClick: (y) => i.activeItem = h
@@ -1228,20 +1228,20 @@ function oi(e, t, n, s, i, o) {
             lineHeight: 1
           })
         }, d(h.label), 5),
-        a("div", Xn, d(h.style.fontFamily) + " " + d(h.style.fontSize), 1)
-      ], 8, Jn))), 128))
+        a("div", Jn, d(h.style.fontFamily) + " " + d(h.style.fontSize), 1)
+      ], 8, Yn))), 128))
     ]),
     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", ei, [
-      a("div", ti, d(e.$t("section_other")), 1),
-      (l(!0), p(I, null, E(i.sections, (h) => (l(), p("div", {
+    a("div", Xn, [
+      a("div", ei, d(e.$t("section_other")), 1),
+      (l(!0), p($, null, E(i.sections, (h) => (l(), p("div", {
         key: h.label,
         class: "list-option",
         onClick: (y) => i.activeItem = h
       }, [
-        a("div", ii, d(h.label), 1),
+        a("div", ni, 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, ni))), 128))
+      ], 8, ti))), 128))
     ]),
     i.activeItem ? (l(), b(g, {
       key: 0,
@@ -1249,8 +1249,8 @@ function oi(e, t, n, s, i, o) {
       offset: n.offset,
       onClose: t[0] || (t[0] = () => i.activeItem = null)
     }, {
-      default: m(() => [
-        (l(!0), p(I, null, E(o.activeItemOptions, (h, y) => (l(), b(r, {
+      default: u(() => [
+        (l(!0), p($, null, E(o.activeItemOptions, (h, y) => (l(), b(r, {
           key: y,
           label: h.label,
           inputs: h.inputs
@@ -1260,7 +1260,7 @@ function oi(e, t, n, s, i, o) {
     }, 8, ["title", "offset"])) : C("", !0)
   ]);
 }
-const si = /* @__PURE__ */ F(Kn, [["render", oi], ["__scopeId", "data-v-647176fc"]]), ai = {
+const oi = /* @__PURE__ */ L(Zn, [["render", ii], ["__scopeId", "data-v-647176fc"]]), si = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -1376,7 +1376,7 @@ const si = /* @__PURE__ */ F(Kn, [["render", oi], ["__scopeId", "data-v-647176fc
     };
   },
   computed: {
-    ...R({
+    ...H({
       members: "companyUsers/all",
       getMember: "companyUsers/byId",
       isLoadingMembers: "companyUsers/isFetching"
@@ -1574,7 +1574,7 @@ const si = /* @__PURE__ */ F(Kn, [["render", oi], ["__scopeId", "data-v-647176fc
   },
   methods: {
     ...Z({
-      loadUsers: P.LOAD_COMPANY_USERS
+      loadUsers: A.LOAD_COMPANY_USERS
     }),
     update(e, t) {
       this[e] = t;
@@ -1592,14 +1592,14 @@ const si = /* @__PURE__ */ F(Kn, [["render", oi], ["__scopeId", "data-v-647176fc
       n.push({ name: e, type: "category" }), this.tags = n, this.series = e;
     }
   }
-}, li = { style: { height: "100%", padding: "1em" } }, ri = {
+}, ai = { style: { height: "100%", padding: "1em" } }, li = {
   key: 0,
   class: "divider"
 };
-function di(e, t, n, s, i, o) {
-  const r = u("FormInputRow"), g = u("DragWindow");
-  return l(), p("div", li, [
-    (l(!0), p(I, null, E(o.options, (h, y) => (l(), b(r, {
+function ri(e, t, n, s, i, o) {
+  const r = m("FormInputRow"), g = m("DragWindow");
+  return l(), p("div", ai, [
+    (l(!0), p($, null, E(o.options, (h, y) => (l(), b(r, {
       key: y,
       label: h.label,
       "info-tooltip": h.infoTooltip,
@@ -1611,9 +1611,9 @@ function di(e, t, n, s, i, o) {
       title: e.$t("pricing.title"),
       onClose: t[0] || (t[0] = (h) => i.showDragWindow = !1)
     }, {
-      default: m(() => [
-        (l(!0), p(I, null, E(o.priceOptions, (h, y) => (l(), p(I, { key: y }, [
-          h.type === "divider" ? (l(), p("div", ri)) : (l(), b(r, {
+      default: u(() => [
+        (l(!0), p($, null, E(o.priceOptions, (h, y) => (l(), p($, { key: y }, [
+          h.type === "divider" ? (l(), p("div", li)) : (l(), b(r, {
             key: y,
             label: h.label,
             "info-tooltip": h.infoTooltip,
@@ -1625,7 +1625,7 @@ function di(e, t, n, s, i, o) {
     }, 8, ["offset", "title"])) : C("", !0)
   ]);
 }
-const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-24d13169"]]), ui = {
+const di = /* @__PURE__ */ L(si, [["render", ri], ["__scopeId", "data-v-24d13169"]]), ci = {
   i18nOptions: {
     messages: {
       en: {
@@ -1670,7 +1670,7 @@ const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-24d13169
   components: {
     Sortable: qt,
     Spinner: at,
-    CAutocomplete: Ht,
+    CAutocomplete: Ut,
     CDropdown: re,
     CDropdownItem: q
   },
@@ -1692,7 +1692,7 @@ const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-24d13169
     };
   },
   computed: {
-    ...R({
+    ...H({
       allAuthenticatedCRMs: "settings/allAuthenticatedCRMs"
     }),
     currExternalReferences() {
@@ -1738,7 +1738,7 @@ const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-24d13169
           this.searchResults = [];
           return;
         }
-        const { data: n } = await te.search(this.activeCrm, {
+        const { data: n } = await ne.search(this.activeCrm, {
           query: e,
           type: "deal"
         });
@@ -1772,7 +1772,7 @@ const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-24d13169
           (r) => r.service === this.activeCrm && r.type === e
         );
         if (!t) return;
-        const { service: n, type: s, typeId: i } = t, { data: o } = await te.getExternalReferenceDetails(
+        const { service: n, type: s, typeId: i } = t, { data: o } = await ne.getExternalReferenceDetails(
           n,
           { type: s, typeId: i }
         );
@@ -1795,7 +1795,7 @@ const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-24d13169
     },
     async suggestClients() {
       var i;
-      const { service: e, type: t, typeId: n } = this.currentExternalDeal, { data: s } = await te.suggestClients(e, {
+      const { service: e, type: t, typeId: n } = this.currentExternalDeal, { data: s } = await ne.suggestClients(e, {
         type: t,
         typeId: n
       });
@@ -1829,48 +1829,48 @@ const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-24d13169
       });
     }
   }
-}, mi = { style: { "font-size": "13px", "padding-left": "calc(0.5 * var(--rem))", "padding-right": "calc(0.5 * var(--rem))", "padding-bottom": "calc(4 * var(--rem))" } }, pi = {
+}, ui = { style: { "font-size": "13px", "padding-left": "calc(0.5 * var(--rem))", "padding-right": "calc(0.5 * var(--rem))", "padding-bottom": "calc(4 * var(--rem))" } }, mi = {
   key: 1,
   style: { "padding-top": "calc(2 * var(--rem))" },
   class: "flex w-full items-center justify-center"
-}, hi = { style: { padding: `0 calc(0.5 * var(--rem)) calc(2 * var(--rem))
-            calc(0.5 * var(--rem))` } }, fi = { style: { "font-weight": "500", "font-size": "16px" } }, gi = { key: 0 }, yi = { class: "x-hint" }, vi = { class: "flex w-full" }, Ci = ["textContent"], bi = ["textContent"], ki = { class: "text-gray-600" }, wi = {
+}, pi = { style: { padding: `0 calc(0.5 * var(--rem)) calc(2 * var(--rem))
+            calc(0.5 * var(--rem))` } }, hi = { style: { "font-weight": "500", "font-size": "16px" } }, fi = { key: 0 }, gi = { class: "x-hint" }, yi = { class: "flex w-full" }, vi = ["textContent"], Ci = ["textContent"], bi = { class: "text-gray-600" }, ki = {
   class: "text-gray-400",
   style: { "font-size": "12px" }
-}, _i = {
+}, wi = {
   key: 0,
   style: { padding: "0.5em", "border-radius": "3px", "background-color": "hsl(205, 100%, 95%)", border: "1px solid hsl(205, 100%, 78%)" }
-}, xi = {
+}, _i = {
   key: 0,
   style: { opacity: "0.75", "font-size": "13px" }
-}, Ti = { key: 2 }, Di = ["textContent"], Si = { style: { "line-height": "1.5" } }, Ii = { style: { "font-weight": "500" } }, $i = {
+}, xi = { key: 2 }, Ti = ["textContent"], Di = { style: { "line-height": "1.5" } }, Si = { style: { "font-weight": "500" } }, $i = {
   class: "text-gray-600",
   style: { "font-size": "14px" }
-}, Fi = { key: 0 }, Li = { style: { padding: `0 calc(0.5 * var(--rem)) calc(1 * var(--rem))
-              calc(0.5 * var(--rem))` } }, Bi = { style: { "font-weight": "500" } }, Vi = ["textContent"], Mi = ["onClick"], Pi = ["textContent"], Ai = {
+}, Ii = { key: 0 }, Li = { style: { padding: `0 calc(0.5 * var(--rem)) calc(1 * var(--rem))
+              calc(0.5 * var(--rem))` } }, Bi = { style: { "font-weight": "500" } }, Fi = ["textContent"], Vi = ["onClick"], Mi = ["textContent"], Pi = {
   class: "text-gray-600",
   style: { "font-size": "12px" }
-}, Ei = {
+}, Ai = {
   key: 1,
   class: "flex w-full text-gray-600",
   style: { "background-color": "hsl(var(--gray-color-100) / 1)", padding: "5px", "font-size": "12px", "border-radius": "5px", "line-height": "1.35" }
-}, zi = ["textContent"], Ri = {
+}, Ei = ["textContent"], zi = {
   key: 3,
   class: "flex w-full flex-col items-center justify-center text-center",
   style: { "padding-top": "calc(1 * var(--rem))" }
-}, Oi = { class: "text-gray-600" }, Ui = {
+}, Ri = { class: "text-gray-600" }, Oi = {
   class: "text-center",
   style: { "padding-top": "calc(1 * var(--rem))" }
 };
 function Hi(e, t, n, s, i, o) {
-  const r = u("CButton"), g = u("CDropdownItem"), h = u("CDropdown"), y = u("Spinner"), w = u("CAutocomplete"), k = u("CIcon"), D = u("Sortable"), T = u("router-link"), v = ie("tooltip");
-  return l(), p("div", mi, [
+  const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), y = m("Spinner"), w = m("CAutocomplete"), k = m("CIcon"), D = m("Sortable"), T = m("router-link"), v = ie("tooltip");
+  return l(), p("div", ui, [
     e.allAuthenticatedCRMs.length > 1 ? (l(), b(h, {
       key: 0,
       position: "is-bottom-left",
       style: { position: "absolute", right: "calc(0.5 * var(--rem))", top: "calc(0.5 * var(--rem))" }
     }, {
-      trigger: m(() => [
+      trigger: u(() => [
         c(r, {
           size: "small",
           circle: "",
@@ -1879,14 +1879,14 @@ function Hi(e, t, n, s, i, o) {
           icon: "more-vertical"
         })
       ]),
-      default: m(() => [
-        (l(!0), p(I, null, E(e.allAuthenticatedCRMs, (f) => (l(), b(g, {
+      default: u(() => [
+        (l(!0), p($, null, E(e.allAuthenticatedCRMs, (f) => (l(), b(g, {
           key: f,
           type: i.activeCrm === f ? "primary" : "secondary",
           size: "small",
           onClick: (_) => i.activeCrm = f
         }, {
-          default: m(() => [
+          default: u(() => [
             x(d(f.capitalize()), 1)
           ]),
           _: 2
@@ -1894,17 +1894,17 @@ function Hi(e, t, n, s, i, o) {
       ]),
       _: 1
     })) : C("", !0),
-    i.isLoading && !i.dealDetails ? (l(), p("div", pi, [
+    i.isLoading && !i.dealDetails ? (l(), p("div", mi, [
       c(y, {
         size: "24",
         color: "grey"
       })
-    ])) : i.activeCrm ? (l(), p(I, { key: 2 }, [
-      a("div", hi, [
-        a("div", fi, d(i.activeCrm.capitalize()), 1),
-        i.typeDetails ? (l(), p("div", gi, [
-          a("div", yi, [
-            a("div", vi, [
+    ])) : i.activeCrm ? (l(), p($, { key: 2 }, [
+      a("div", pi, [
+        a("div", hi, d(i.activeCrm.capitalize()), 1),
+        i.typeDetails ? (l(), p("div", fi, [
+          a("div", gi, [
+            a("div", yi, [
               a("div", {
                 textContent: d(
                   e.$t("referenceTo", {
@@ -1912,7 +1912,7 @@ function Hi(e, t, n, s, i, o) {
                     type: e.$t(`type.${i.typeDetails.type}`)
                   })
                 )
-              }, null, 8, Ci),
+              }, null, 8, vi),
               c(r, {
                 icon: "x",
                 size: "small",
@@ -1926,15 +1926,15 @@ function Hi(e, t, n, s, i, o) {
             a("div", {
               class: "x-hint-name",
               textContent: d(i.typeDetails.name || "")
-            }, null, 8, bi)
+            }, null, 8, Ci)
           ]),
           t[7] || (t[7] = a("div", { class: "divider" }, null, -1))
         ])) : C("", !0),
-        a("div", ki, d(e.$t("headerText", { crm: i.activeCrm.capitalize() })), 1),
+        a("div", bi, d(e.$t("headerText", { crm: i.activeCrm.capitalize() })), 1),
         t[8] || (t[8] = a("div", { style: { height: "2em" } }, null, -1)),
-        o.currentExternalDeal ? (l(), p(I, { key: 1 }, [
-          a("div", wi, d(e.$t("connectedTo", { type: o.dealType })), 1),
-          i.dealDetails ? (l(), p("div", _i, [
+        o.currentExternalDeal ? (l(), p($, { key: 1 }, [
+          a("div", ki, d(e.$t("connectedTo", { type: o.dealType })), 1),
+          i.dealDetails ? (l(), p("div", wi, [
             a("div", null, [
               (l(), b(W(i.dealDetails.externalUrl ? "a" : "span"), {
                 href: i.dealDetails.externalUrl || "#",
@@ -1944,7 +1944,7 @@ function Hi(e, t, n, s, i, o) {
                 textContent: d(i.dealDetails.name)
               }, null, 8, ["href", "textContent"]))
             ]),
-            i.dealDetails.currency ? (l(), p("div", xi, d(o.priceFormat(i.dealDetails.value, {
+            i.dealDetails.currency ? (l(), p("div", _i, d(o.priceFormat(i.dealDetails.value, {
               showZero: !1,
               currency: i.dealDetails.currency
             })), 1)) : C("", !0)
@@ -1976,12 +1976,12 @@ function Hi(e, t, n, s, i, o) {
               textContent: d(e.$t("suggestClients"))
             }, null, 8, ["textContent"])
           ])
-        ], 64)) : (l(), p("div", Ti, [
+        ], 64)) : (l(), p("div", xi, [
           a("div", {
             style: { padding: "0 4px 0.25em" },
             class: "text-gray-600",
             textContent: d(e.$t("linkToDoc", { type: o.dealType }))
-          }, null, 8, Di),
+          }, null, 8, Ti),
           c(w, {
             ref: "input",
             modelValue: i.searchQuery,
@@ -1997,12 +1997,12 @@ function Hi(e, t, n, s, i, o) {
             onTyping: t[5] || (t[5] = (f) => o.search(f)),
             onSelect: t[6] || (t[6] = (f) => o.useSearchResult(f))
           }, {
-            default: m(({ option: f }) => [
-              a("div", Si, [
-                a("div", Ii, d(f.name), 1),
+            default: u(({ option: f }) => [
+              a("div", Di, [
+                a("div", Si, d(f.name), 1),
                 a("div", $i, [
                   x(d(f.externalReference.type.capitalize()) + " " + d(f.externalReference.typeId) + " ", 1),
-                  f.value && f.currency ? (l(), p(I, { key: 0 }, [
+                  f.value && f.currency ? (l(), p($, { key: 0 }, [
                     x(" · " + d(o.priceFormat(f.value, {
                       showZero: !1,
                       currency: f.currency
@@ -2011,14 +2011,14 @@ function Hi(e, t, n, s, i, o) {
                 ])
               ])
             ]),
-            empty: m(() => [
+            empty: u(() => [
               x(d(e.$t("_common:noResults")), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "data", "loading", "placeholder"])
         ]))
       ]),
-      o.showDealProducts ? (l(), p("div", Fi, [
+      o.showDealProducts ? (l(), p("div", Ii, [
         a("div", Li, [
           a("div", Bi, [
             x(d(e.$t("productsTitle")) + " ", 1),
@@ -2040,7 +2040,7 @@ function Hi(e, t, n, s, i, o) {
                 crm: i.activeCrm.capitalize()
               })
             )
-          }, null, 8, Vi)
+          }, null, 8, Fi)
         ]),
         i.dealDetails.articles && i.dealDetails.articles.length ? (l(), b(D, {
           key: 0,
@@ -2056,7 +2056,7 @@ function Hi(e, t, n, s, i, o) {
           clone: o.cloneArticle,
           style: { "min-height": "calc(3 * var(--rem))", padding: "0 calc(0.5 * var(--rem))" }
         }, {
-          item: m(({ item: f }) => [
+          item: u(({ item: f }) => [
             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: (_) => o.addArticle(f)
@@ -2064,20 +2064,20 @@ function Hi(e, t, n, s, i, o) {
               a("div", {
                 style: { "font-weight": "500", "padding-bottom": "4px", "font-size": "14px" },
                 textContent: d(f.name)
-              }, null, 8, Pi),
-              a("div", Ai, [
+              }, null, 8, Mi),
+              a("div", Pi, [
                 x(d(o.priceFormat(f.price || 0, {
                   showZero: !1,
                   currency: f.currency || "USD"
                 })) + " · " + d(f.quantity || 0) + "x ", 1),
-                f.vat !== null ? (l(), p(I, { key: 0 }, [
+                f.vat !== null ? (l(), p($, { key: 0 }, [
                   x(" · " + d(e._document.$t("vat").capitalize()) + " " + d(f.vat) + "% ", 1)
                 ], 64)) : C("", !0)
               ])
-            ], 8, Mi)
+            ], 8, Vi)
           ]),
           _: 1
-        }, 8, ["list", "clone"])) : (l(), p("div", Ei, [
+        }, 8, ["list", "clone"])) : (l(), p("div", Ai, [
           c(k, {
             type: "info",
             size: "13",
@@ -2085,24 +2085,24 @@ function Hi(e, t, n, s, i, o) {
           }),
           a("div", {
             textContent: d(e.$t("noProducts", { type: o.dealType }))
-          }, null, 8, zi)
+          }, null, 8, Ei)
         ]))
       ])) : C("", !0)
-    ], 64)) : (l(), p("div", Ri, [
+    ], 64)) : (l(), p("div", zi, [
       c(k, {
         type: "info",
         size: "16",
         class: "text-primary-500",
         style: { "padding-bottom": "5px" }
       }),
-      a("div", Oi, d(e.$t("noCrm")), 1),
-      a("div", Ui, [
+      a("div", Ri, d(e.$t("noCrm")), 1),
+      a("div", Oi, [
         c(T, {
           to: { name: "settings" },
           style: { "font-weight": "500" },
           class: "text-primary-500"
         }, {
-          default: m(() => [
+          default: u(() => [
             x(d(e.$t("noCrmAction")), 1)
           ]),
           _: 1
@@ -2111,7 +2111,103 @@ function Hi(e, t, n, s, i, o) {
     ]))
   ]);
 }
-const qi = /* @__PURE__ */ F(ui, [["render", Hi], ["__scopeId", "data-v-ac46aaa2"]]), Gi = {
+const Ui = /* @__PURE__ */ L(ci, [["render", Hi], ["__scopeId", "data-v-ac46aaa2"]]), qi = {
+  props: {
+    defaultOpen: {
+      type: Boolean,
+      default: !0
+    },
+    modelValue: {
+      type: Boolean,
+      default: null
+    },
+    duration: {
+      type: Number,
+      default: 250
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      internalExpanded: !1
+    };
+  },
+  computed: {
+    wrapperStyle() {
+      return {
+        transitionDuration: `${this.duration}ms`
+      };
+    },
+    expanded: {
+      get() {
+        return this.modelValue === null ? this.internalExpanded : this.modelValue;
+      },
+      set(e) {
+        this.modelValue === null ? this.internalExpanded = e : this.$emit("update:modelValue", this.modelValue);
+      }
+    }
+  },
+  created() {
+    this.defaultOpen && (this.expanded = !0);
+  },
+  mounted() {
+    this.expanded && this.setWrapperHeightTo("auto");
+  },
+  methods: {
+    onEnter(e) {
+      this.setWrapperHeightTo(this.getContentHeight(), e);
+    },
+    onAfterEnter(e) {
+      this.setWrapperHeightTo("auto", e);
+    },
+    onBeforeLeave(e) {
+      this.setWrapperHeightTo(this.getContentHeight(), e);
+    },
+    onLeave(e) {
+      e.scrollHeight, this.setWrapperHeightTo(0, e);
+    },
+    getContentHeight() {
+      var e;
+      return ((e = this.$refs.inner) == null ? void 0 : e.getBoundingClientRect().height) || 0;
+    },
+    setWrapperHeightTo(e, t = this.$refs.wrapper) {
+      t.style.height = typeof e == "number" ? `${e}px` : e;
+    }
+  }
+}, Gi = {
+  ref: "inner",
+  class: "c-accordion__inner"
+};
+function Ni(e, t, n, s, i, o) {
+  return l(), p("div", null, [
+    a("div", {
+      onClick: t[0] || (t[0] = (r) => o.expanded = !o.expanded)
+    }, [
+      M(e.$slots, "trigger", { expanded: o.expanded })
+    ]),
+    c(J, {
+      onEnter: o.onEnter,
+      onAfterEnter: o.onAfterEnter,
+      onBeforeLeave: o.onBeforeLeave,
+      onLeave: o.onLeave
+    }, {
+      default: u(() => [
+        o.expanded ? (l(), p("div", {
+          key: 0,
+          ref: "wrapper",
+          style: z(o.wrapperStyle),
+          class: "c-accordion"
+        }, [
+          a("div", Gi, [
+            M(e.$slots, "default")
+          ], 512)
+        ], 4)) : C("", !0)
+      ]),
+      _: 3
+    }, 8, ["onEnter", "onAfterEnter", "onBeforeLeave", "onLeave"])
+  ]);
+}
+const Wi = /* @__PURE__ */ L(qi, [["render", Ni]]), ji = {
   name: "FieldsModal",
   i18nOptions: {
     namespaces: "FieldsModal",
@@ -2168,7 +2264,7 @@ const qi = /* @__PURE__ */ F(ui, [["render", Hi], ["__scopeId", "data-v-ac46aaa2
   },
   setup() {
     return {
-      v$: je()
+      v$: We()
     };
   },
   data() {
@@ -2182,12 +2278,12 @@ const qi = /* @__PURE__ */ F(ui, [["render", Hi], ["__scopeId", "data-v-ac46aaa2
   validations: {
     form: {
       label: {
-        required: Fe,
+        required: Le,
         isUniqueLabel(e) {
           return this.fields.reduce((n, { id: s, label: i }) => i === e && s !== this.existingFieldId ? !1 : n, !0);
         }
       },
-      value: { required: Fe }
+      value: { required: Le }
     }
   },
   computed: {
@@ -2207,7 +2303,7 @@ const qi = /* @__PURE__ */ F(ui, [["render", Hi], ["__scopeId", "data-v-ac46aaa2
   },
   created() {
     if (this.existingFieldId) {
-      const e = M(this.document, `fields.${this.existingFieldId}`);
+      const e = P(this.document, `fields.${this.existingFieldId}`);
       e && (this.form = { ...this.form, ...e });
     }
   },
@@ -2225,20 +2321,20 @@ const qi = /* @__PURE__ */ F(ui, [["render", Hi], ["__scopeId", "data-v-ac46aaa2
     },
     remove() {
       if (!this.existingFieldId) return;
-      const e = Zt(this.document.fields, [this.existingFieldId]);
+      const e = Wt(this.document.fields, [this.existingFieldId]);
       this.set({ key: "data.fields", value: e }), this.$emit("close");
     }
   }
-}, Ni = {
+}, Zi = {
   class: "font-inter flex w-full flex-col items-center bg-white text-center",
   style: { padding: "2em", "border-radius": "10px" }
-}, Wi = { style: { "padding-bottom": "2em" } }, ji = { style: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, Zi = { style: { "margin-bottom": "0.25em", opacity: "0.65" } };
-function Ki(e, t, n, s, i, o) {
-  const r = u("CInput"), g = u("CField"), h = u("CButton");
-  return l(), p("div", Ni, [
-    a("div", Wi, [
-      a("div", ji, d(n.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")), 1),
-      a("div", Zi, d(e.$t("description")), 1)
+}, Ki = { style: { "padding-bottom": "2em" } }, Qi = { style: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, Yi = { style: { "margin-bottom": "0.25em", opacity: "0.65" } };
+function Ji(e, t, n, s, i, o) {
+  const r = m("CInput"), g = m("CField"), h = m("CButton");
+  return l(), p("div", Zi, [
+    a("div", Ki, [
+      a("div", Qi, d(n.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")), 1),
+      a("div", Yi, d(e.$t("description")), 1)
     ]),
     a("form", {
       style: { width: "100%" },
@@ -2252,7 +2348,7 @@ function Ki(e, t, n, s, i, o) {
         "label-position": "inside",
         style: { width: "100%", "text-align": "left", "margin-bottom": "1em" }
       }, {
-        default: m(() => [
+        default: u(() => [
           c(r, {
             modelValue: i.form.label,
             "onUpdate:modelValue": t[0] || (t[0] = (y) => i.form.label = y),
@@ -2269,7 +2365,7 @@ function Ki(e, t, n, s, i, o) {
         "label-position": "inside",
         style: { width: "100%", "text-align": "left", "margin-bottom": "1em" }
       }, {
-        default: m(() => [
+        default: u(() => [
           c(r, {
             modelValue: i.form.value,
             "onUpdate:modelValue": t[1] || (t[1] = (y) => i.form.value = y),
@@ -2298,7 +2394,7 @@ function Ki(e, t, n, s, i, o) {
     ], 32)
   ]);
 }
-const Qi = /* @__PURE__ */ F(Gi, [["render", Ki]]), Yi = {
+const Xi = /* @__PURE__ */ L(ji, [["render", Ji]]), eo = {
   i18nOptions: {
     namespaces: "DocumentFormFields",
     messages: {
@@ -2322,8 +2418,8 @@ const Qi = /* @__PURE__ */ F(Gi, [["render", Ki]]), Yi = {
   },
   name: "DocumentFormFields",
   components: {
-    SmartList: Wt,
-    CAccordion: Gt,
+    SmartList: Gt,
+    CAccordion: Wi,
     CField: _e
   },
   mixins: [oe()],
@@ -2380,7 +2476,7 @@ const Qi = /* @__PURE__ */ F(Gi, [["render", Ki]]), Yi = {
       async handler(e) {
         var t, n;
         if (this.isEditingTemplate && e) {
-          const { data: s } = await te.getFields(e);
+          const { data: s } = await ne.getFields(e);
           this.updateValue("data.fields", {
             // crmFields added first in order to not override same service values
             ...s,
@@ -2400,7 +2496,7 @@ const Qi = /* @__PURE__ */ F(Gi, [["render", Ki]]), Yi = {
     },
     openFieldModal({ existingFieldId: e }) {
       this.$modal.show(
-        Qi,
+        Xi,
         {
           document: this._document,
           set: this.set,
@@ -2431,37 +2527,37 @@ const Qi = /* @__PURE__ */ F(Gi, [["render", Ki]]), Yi = {
       e.dataTransfer.setData("text/html", n), e.dataTransfer.setData("text", `{{${t.key}}}`);
     }
   }
-}, Ji = { style: { padding: "1em" } }, Xi = { style: { margin: "15px 0" } }, eo = ["textContent"], to = ["textContent"], no = {
+}, to = { style: { padding: "1em" } }, no = { style: { margin: "15px 0" } }, io = ["textContent"], oo = ["textContent"], so = {
   key: 0,
   style: { "margin-top": "15px", "padding-top": "15px", "border-top": "1px solid hsl(0, 0%, 88%)" }
-}, io = {
+}, ao = {
   class: "field-container",
   style: { position: "relative", flex: "1 1 auto" }
-}, oo = ["onDragstart", "textContent"], so = { class: "field-actions" }, ao = {
+}, lo = ["onDragstart", "textContent"], ro = { class: "field-actions" }, co = {
   key: 1,
   style: { "text-align": "center" }
-}, lo = {
+}, uo = {
   key: 1,
   style: { "padding-top": "20px" }
-}, ro = {
+}, mo = {
   class: "flex w-full justify-end",
   style: { "margin-top": "0.5em", "margin-bottom": "0.5em" }
-}, co = { class: "list-button" }, uo = ["textContent"], mo = ["textContent"], po = { style: { "padding-bottom": "2em" } }, ho = ["textContent"], fo = {
+}, po = { class: "list-button" }, ho = ["textContent"], fo = ["textContent"], go = { style: { "padding-bottom": "2em" } }, yo = ["textContent"], vo = {
   class: "field-container",
   style: { position: "relative", flex: "1 1 auto" }
-}, go = ["onDragstart", "textContent"], yo = { class: "field-actions" };
-function vo(e, t, n, s, i, o) {
-  const r = u("CInput"), g = u("CField"), h = u("CButton"), y = u("SmartList"), w = u("CIcon"), k = u("CAccordion");
-  return l(), p("div", Ji, [
-    a("div", Xi, [
+}, Co = ["onDragstart", "textContent"], bo = { class: "field-actions" };
+function ko(e, t, n, s, i, o) {
+  const r = m("CInput"), g = m("CField"), h = m("CButton"), y = m("SmartList"), w = m("CIcon"), k = m("CAccordion");
+  return l(), p("div", to, [
+    a("div", no, [
       a("div", {
         style: { "font-size": "16px", "font-weight": "600" },
         textContent: d(e.$t("title"))
-      }, null, 8, eo),
+      }, null, 8, io),
       a("div", {
         style: { color: "hsl(0, 0%, 35%)" },
         textContent: d(e.$t("description"))
-      }, null, 8, to)
+      }, null, 8, oo)
     ]),
     c(r, {
       modelValue: i.query,
@@ -2470,31 +2566,31 @@ function vo(e, t, n, s, i, o) {
       filled: "",
       size: "small"
     }, null, 8, ["modelValue", "placeholder"]),
-    i.query ? (l(), p("div", no, [
+    i.query ? (l(), p("div", so, [
       c(y, {
         items: o.options,
         "filter-method": o.filterMethod,
         query: i.query
       }, {
-        default: m(({ items: D }) => [
+        default: u(({ items: D }) => [
           a("div", null, [
-            D.length ? (l(!0), p(I, { key: 0 }, E(D, (T, v) => (l(), p("div", {
+            D.length ? (l(!0), p($, { key: 0 }, E(D, (T, v) => (l(), p("div", {
               key: v,
               class: "field-parent flex w-full items-center"
             }, [
-              a("div", io, [
+              a("div", ao, [
                 c(g, {
                   label: " ",
                   "label-position": "inside",
                   style: { width: "100%" }
                 }, {
-                  default: m(() => [
+                  default: u(() => [
                     a("span", {
                       class: "drag-label",
                       draggable: !0,
                       onDragstart: (f) => o.onDragStart(f, T),
                       textContent: d(T.label)
-                    }, null, 40, oo),
+                    }, null, 40, lo),
                     c(r, {
                       "model-value": T.value,
                       disabled: T.inputDisabled,
@@ -2509,7 +2605,7 @@ function vo(e, t, n, s, i, o) {
                   ]),
                   _: 2
                 }, 1024),
-                a("div", so, [
+                a("div", ro, [
                   !T.inputDisabled && !T.virtual ? (l(), b(h, {
                     key: 0,
                     icon: "edit",
@@ -2529,13 +2625,13 @@ function vo(e, t, n, s, i, o) {
                   }, null, 8, ["onClick"])
                 ])
               ])
-            ]))), 128)) : (l(), p("div", ao, d(e.$t("_common:noResults")), 1))
+            ]))), 128)) : (l(), p("div", co, d(e.$t("_common:noResults")), 1))
           ])
         ]),
         _: 1
       }, 8, ["items", "filter-method", "query"])
-    ])) : (l(), p("div", lo, [
-      a("div", ro, [
+    ])) : (l(), p("div", uo, [
+      a("div", mo, [
         c(h, {
           type: "none",
           pattern: "secondary",
@@ -2545,7 +2641,7 @@ function vo(e, t, n, s, i, o) {
           textContent: d(e.$t("_common:add", { thing: e.$t("_common:field") }))
         }, null, 8, ["onClick", "textContent"])
       ]),
-      (l(!0), p(I, null, E([
+      (l(!0), p($, null, E([
         {
           label: e.$t("usedFields"),
           defaultOpen: !0,
@@ -2568,16 +2664,16 @@ function vo(e, t, n, s, i, o) {
         "default-open": D.defaultOpen,
         style: { "border-top": "1px solid hsl(0, 0%, 88%)" }
       }, {
-        trigger: m(({ expanded: v }) => [
-          a("div", co, [
+        trigger: u(({ expanded: v }) => [
+          a("div", po, [
             a("span", null, [
               a("span", {
                 textContent: d(D.label)
-              }, null, 8, uo),
+              }, null, 8, ho),
               a("span", {
                 style: { opacity: "0.45", "padding-left": "0.5em" },
                 textContent: d(D.items.length)
-              }, null, 8, mo)
+              }, null, 8, fo)
             ]),
             c(w, {
               style: z([{ transform: `rotate(${v ? "180deg" : "0deg"})` }, { transition: "200ms" }]),
@@ -2586,25 +2682,25 @@ function vo(e, t, n, s, i, o) {
             }, null, 8, ["style"])
           ])
         ]),
-        default: m(() => [
-          a("div", po, [
-            D.items.length ? (l(!0), p(I, { key: 1 }, E(D.items, (v, f) => (l(), p("div", {
+        default: u(() => [
+          a("div", go, [
+            D.items.length ? (l(!0), p($, { key: 1 }, E(D.items, (v, f) => (l(), p("div", {
               key: f,
               class: "field-parent flex w-full items-center"
             }, [
-              a("div", fo, [
+              a("div", vo, [
                 c(g, {
                   label: " ",
                   "label-position": "inside",
                   style: { width: "100%" }
                 }, {
-                  default: m(() => [
+                  default: u(() => [
                     a("span", {
                       class: "drag-label",
                       draggable: !0,
                       onDragstart: (_) => o.onDragStart(_, v),
                       textContent: d(v.label)
-                    }, null, 40, go),
+                    }, null, 40, Co),
                     c(r, {
                       "model-value": v.value,
                       disabled: v.inputDisabled,
@@ -2612,14 +2708,14 @@ function vo(e, t, n, s, i, o) {
                       size: "small",
                       style: { width: "100%" },
                       onBlur: (_) => {
-                        var $;
-                        return v.onInput((($ = _ == null ? void 0 : _.target) == null ? void 0 : $.value) || "");
+                        var I;
+                        return v.onInput(((I = _ == null ? void 0 : _.target) == null ? void 0 : I.value) || "");
                       }
                     }, null, 8, ["model-value", "disabled", "onBlur"])
                   ]),
                   _: 2
                 }, 1024),
-                a("div", yo, [
+                a("div", bo, [
                   !v.inputDisabled && !v.virtual ? (l(), b(h, {
                     key: 0,
                     icon: "edit",
@@ -2643,7 +2739,7 @@ function vo(e, t, n, s, i, o) {
               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"))
-            }, null, 8, ho))
+            }, null, 8, yo))
           ])
         ]),
         _: 2
@@ -2651,7 +2747,7 @@ function vo(e, t, n, s, i, o) {
     ]))
   ]);
 }
-const Co = /* @__PURE__ */ F(Yi, [["render", vo], ["__scopeId", "data-v-366abad0"]]), bo = {
+const wo = /* @__PURE__ */ L(eo, [["render", ko], ["__scopeId", "data-v-366abad0"]]), _o = {
   name: "MenuBlockConvertPopover",
   emits: ["close", "convert"],
   props: {
@@ -2684,18 +2780,18 @@ const Co = /* @__PURE__ */ F(Yi, [["render", vo], ["__scopeId", "data-v-366abad0
       }
     }
   }
-}, ko = {
+}, xo = {
   ref: "popover",
   class: "absolute z-10 w-52 -translate-y-1/2 rounded-lg bg-white p-4 text-sm shadow-xl"
-}, wo = ["innerHTML"];
-function _o(e, t, n, s, i, o) {
-  const r = u("CButton");
+}, To = ["innerHTML"];
+function Do(e, t, n, s, i, o) {
+  const r = m("CButton");
   return l(), p("div", null, [
     a("div", {
       class: "fixed inset-0 z-10",
       onClick: t[0] || (t[0] = j((g) => e.$emit("close"), ["self"]))
     }),
-    c(ne, {
+    c(J, {
       appear: "",
       mode: "out-in",
       "enter-active-class": "transition-all duration-100 ease-out",
@@ -2705,19 +2801,19 @@ function _o(e, t, n, s, i, o) {
       "leave-from-class": "opacity-100",
       "leave-to-class": "opacity-0"
     }, {
-      default: m(() => [
-        a("div", ko, [
+      default: u(() => [
+        a("div", xo, [
           a("div", {
             class: "pb-4",
             innerHTML: e.$t("text")
-          }, null, 8, wo),
+          }, null, 8, To),
           c(r, {
             type: "secondary",
             size: "small",
             "icon-right": "arrow-right",
             onClick: t[1] || (t[1] = (g) => e.$emit("convert"))
           }, {
-            default: m(() => [
+            default: u(() => [
               x(d(e.$t("button")), 1)
             ]),
             _: 1
@@ -2728,7 +2824,7 @@ function _o(e, t, n, s, i, o) {
     })
   ]);
 }
-const xo = /* @__PURE__ */ F(bo, [["render", _o]]), To = {
+const So = /* @__PURE__ */ L(_o, [["render", Do]]), $o = {
   name: "MenuBlocks",
   i18nOptions: {
     namespaces: "menuBlocks",
@@ -2798,12 +2894,12 @@ const xo = /* @__PURE__ */ F(bo, [["render", _o]]), To = {
     }
   },
   components: {
-    Simplebar: J,
+    Simplebar: X,
     DragList: ze,
     DragItem: Ee,
-    IsPremiumPreStep: X,
-    ProBadge: We,
-    MenuBlockConvertPopover: xo
+    IsPremiumPreStep: ee,
+    ProBadge: je,
+    MenuBlockConvertPopover: So
   },
   mixins: [Q],
   inject: {
@@ -2999,7 +3095,7 @@ const xo = /* @__PURE__ */ F(bo, [["render", _o]]), To = {
     };
   },
   computed: {
-    ...R({
+    ...H({
       allAuthenticatedCRMs: "settings/allAuthenticatedCRMs",
       feature: "application/feature"
     }),
@@ -3115,7 +3211,7 @@ const xo = /* @__PURE__ */ F(bo, [["render", _o]]), To = {
         }
       ];
       return e.forEach((t) => {
-        $e[t.key] && (t.subMenu = ($e[t.key](this._document || {}) || []).map((n) => ({
+        Ie[t.key] && (t.subMenu = (Ie[t.key](this._document || {}) || []).map((n) => ({
           ...n,
           key: t.key,
           locked: t.locked
@@ -3138,7 +3234,7 @@ const xo = /* @__PURE__ */ F(bo, [["render", _o]]), To = {
       );
     },
     activeSubMenuKey() {
-      return M(this.activeSubMenu, "[0].key") || null;
+      return P(this.activeSubMenu, "[0].key") || null;
     }
     // section key is added to each element in the menu
   },
@@ -3216,7 +3312,7 @@ const xo = /* @__PURE__ */ F(bo, [["render", _o]]), To = {
       return !this.feature(`docBlock_${e}`);
     },
     doesBlockExist(e) {
-      return !!M(this._document, "_doc.template.views.read.nodes", []).find((n) => n.itemId.startsWith(e));
+      return !!P(this._document, "_doc.template.views.read.nodes", []).find((n) => n.itemId.startsWith(e));
     },
     getGhostParent() {
       var n, s;
@@ -3239,38 +3335,38 @@ const xo = /* @__PURE__ */ F(bo, [["render", _o]]), To = {
       };
     }
   }
-}, Do = { class: "menu-container" }, So = {
+}, Io = { class: "menu-container" }, Lo = {
   key: 0,
   style: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(1 * var(--rem))" }
-}, Io = ["onMouseoverPassive"], $o = {
+}, Bo = ["onMouseoverPassive"], Fo = {
   class: "flex items-center",
   style: { width: "230px" }
-}, Fo = {
+}, Vo = {
   class: "flex items-center",
   style: { width: "initial", flex: "1 1 auto" }
-}, Lo = ["innerHTML"], Bo = { class: "option-title" }, Vo = { class: "relative" }, Mo = ["onClick", "innerHTML"];
-function Po(e, t, n, s, i, o) {
-  const r = u("MenuBlockConvertPopover"), g = u("ProBadge"), h = u("CIcon"), y = u("CButton"), w = u("DragItem"), k = u("DragList"), D = u("Simplebar"), T = u("IsPremiumPreStep");
+}, Mo = ["innerHTML"], Po = { class: "option-title" }, Ao = { class: "relative" }, Eo = ["onClick", "innerHTML"];
+function zo(e, t, n, s, i, o) {
+  const r = m("MenuBlockConvertPopover"), g = m("ProBadge"), h = m("CIcon"), y = m("CButton"), w = m("DragItem"), k = m("DragList"), D = m("Simplebar"), T = m("IsPremiumPreStep");
   return l(), p("div", {
     onMouseleavePassive: t[4] || (t[4] = (...v) => o.onMouseleaveDrawer && o.onMouseleaveDrawer(...v))
   }, [
     c(T, { feature: "documentBlocks" }, {
-      default: m(({ onClick: v }) => [
+      default: u(({ onClick: v }) => [
         !n.canUseBlocks && i.showConvertEditableDialog ? (l(), b(r, {
           key: 0,
           target: i.showConvertEditableDialogTarget,
           onConvert: o.deSyncTemplate,
           onClose: t[0] || (t[0] = (f) => i.showConvertEditableDialog = !1)
         }, null, 8, ["target", "onConvert"])) : C("", !0),
-        a("div", Do, [
-          (l(!0), p(I, null, E([
+        a("div", Io, [
+          (l(!0), p($, null, E([
             { data: o.primaryBlocks },
             { data: o.secondaryBlocks }
           ], (f, _) => (l(), p("div", { key: _ }, [
-            _ > 0 ? (l(), p("div", So)) : C("", !0),
+            _ > 0 ? (l(), p("div", Lo)) : C("", !0),
             c(k, {
               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"
               },
@@ -3281,45 +3377,45 @@ function Po(e, t, n, s, i, o) {
               "ghost-class": "drag-drop-ghost",
               behaviour: "copy"
             }, {
-              default: m(() => [
-                (l(!0), p(I, null, E(f.data, ($) => (l(), b(w, {
-                  key: $.key,
-                  class: B({ "drag-item": o.canDrag })
+              default: u(() => [
+                (l(!0), p($, null, E(f.data, (I) => (l(), b(w, {
+                  key: I.key,
+                  class: F({ "drag-item": o.canDrag })
                 }, {
-                  default: m(() => [
+                  default: u(() => [
                     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: (S) => i.subMenuToShow = !$.disabled && o.canDrag && $.subMenu || null,
+                        onMouseoverPassive: (S) => i.subMenuToShow = !I.disabled && o.canDrag && I.subMenu || null,
                         onMouseleavePassive: t[1] || (t[1] = (S) => i.subMenuToShow = null)
                       }
                     ), [
                       c(y, {
                         ref_for: !0,
                         ref: "blockItem",
-                        disabled: $.disabled,
-                        class: B([{
-                          "sub-menu-active": $.key === o.activeSubMenuKey
+                        disabled: I.disabled,
+                        class: F([{
+                          "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: (S) => o.onUseBlock({ block: $, openUpgradeModal: v })
+                        onClick: (S) => o.onUseBlock({ block: I, openUpgradeModal: v })
                       }, {
-                        default: m(() => [
-                          a("div", $o, [
-                            a("div", Fo, [
+                        default: u(() => [
+                          a("div", Fo, [
+                            a("div", Vo, [
                               a("div", {
                                 class: "option-image",
-                                innerHTML: $.icon
-                              }, null, 8, Lo),
-                              a("div", Bo, d(e.$t(`blocks.${$.key}`)), 1)
+                                innerHTML: I.icon
+                              }, null, 8, Mo),
+                              a("div", Po, d(e.$t(`blocks.${I.key}`)), 1)
                             ]),
-                            $.locked ? (l(), b(g, { key: 0 })) : !n.fixed && $.subMenu ? (l(), b(h, {
+                            I.locked ? (l(), b(g, { key: 0 })) : !n.fixed && I.subMenu ? (l(), b(h, {
                               key: 1,
                               type: "chevron-right",
                               size: "14",
@@ -3329,7 +3425,7 @@ function Po(e, t, n, s, i, o) {
                         ]),
                         _: 2
                       }, 1032, ["disabled", "class", "onClick"])
-                    ], 16, Io)
+                    ], 16, Bo)
                   ]),
                   _: 2
                 }, 1032, ["class"]))), 128))
@@ -3337,10 +3433,10 @@ function Po(e, t, n, s, i, o) {
               _: 2
             }, 1032, ["get-child-payload", "get-ghost-parent"])
           ]))), 128)),
-          A(e.$slots, "footer", {}, void 0, !0)
+          M(e.$slots, "footer", {}, void 0, !0)
         ]),
-        c(ne, { name: "slide-right" }, {
-          default: m(() => [
+        c(J, { name: "slide-right" }, {
+          default: u(() => [
             G(a("div", {
               class: "submenu",
               onMouseoverPassive: t[2] || (t[2] = (f) => i.subMenuToShow = i.activeSubMenu),
@@ -3350,7 +3446,7 @@ function Po(e, t, n, s, i, o) {
                 class: "h-full py-4 pl-3",
                 "data-simplebar-auto-hide": "false"
               }, {
-                default: m(() => [
+                default: u(() => [
                   c(k, {
                     group: { name: "blocks", pull: "clone", put: !1 },
                     "get-child-payload": (f) => o.getSubMenuPayload({ index: f, getBlockPayload: s.getBlockPayload }),
@@ -3362,18 +3458,18 @@ function Po(e, t, n, s, i, o) {
                     "ghost-class": "drag-drop-ghost",
                     behaviour: "copy"
                   }, {
-                    default: m(() => [
-                      (l(!0), p(I, null, E(i.activeSubMenu, (f, _) => (l(), b(w, {
+                    default: u(() => [
+                      (l(!0), p($, null, E(i.activeSubMenu, (f, _) => (l(), b(w, {
                         key: f.key + _,
-                        class: B(["px-1.5", { "drag-item": !f.locked && n.canUseBlocks }])
+                        class: F(["px-1.5", { "drag-item": !f.locked && n.canUseBlocks }])
                       }, {
-                        default: m(() => [
-                          a("div", Vo, [
+                        default: u(() => [
+                          a("div", Ao, [
                             a("div", {
                               class: "drag-item-preview",
-                              onClick: ($) => o.onUseBlock({ block: f, openUpgradeModal: v }),
+                              onClick: (I) => o.onUseBlock({ block: f, openUpgradeModal: v }),
                               innerHTML: f.previewUrl
-                            }, null, 8, Mo),
+                            }, null, 8, Eo),
                             f.locked ? (l(), b(g, {
                               key: 0,
                               class: "absolute bottom-2 right-4"
@@ -3399,7 +3495,7 @@ function Po(e, t, n, s, i, o) {
     })
   ], 32);
 }
-const Ao = /* @__PURE__ */ F(To, [["render", Po], ["__scopeId", "data-v-8f7b8a70"]]), Eo = {
+const Ro = /* @__PURE__ */ L($o, [["render", zo], ["__scopeId", "data-v-8f7b8a70"]]), Oo = {
   name: "DocumentFormMenu",
   i18nOptions: {
     namespaces: "documentFormMenu",
@@ -3415,15 +3511,15 @@ const Ao = /* @__PURE__ */ F(To, [["render", Po], ["__scopeId", "data-v-8f7b8a70
     }
   },
   components: {
-    Design: si,
-    Fields: Co,
-    ExtensionTab: qi,
-    DocumentGeneralSettings: ci,
+    Design: oi,
+    Fields: wo,
+    ExtensionTab: Ui,
+    DocumentGeneralSettings: di,
     DocumentGuide: ct(
-      () => import("./index-DzyXygjd.js")
+      () => import("./index-BPR1VsLM.js")
     ),
-    MenuBlocks: Ao,
-    Simplebar: J
+    MenuBlocks: Ro,
+    Simplebar: X
   },
   emits: ["close"],
   props: {
@@ -3459,12 +3555,12 @@ const Ao = /* @__PURE__ */ F(To, [["render", Po], ["__scopeId", "data-v-8f7b8a70
   data() {
     return {
       showGuide: !1,
-      showGuideNotification: !Ie.getItem("hideFormGuideNotification"),
+      showGuideNotification: !$e.getItem("hideFormGuideNotification"),
       tab: "blocks"
     };
   },
   computed: {
-    ...R({
+    ...H({
       allAuthenticatedCRMs: "settings/allAuthenticatedCRMs"
     }),
     extensionTabType() {
@@ -3481,21 +3577,21 @@ const Ao = /* @__PURE__ */ F(To, [["render", Po], ["__scopeId", "data-v-8f7b8a70
   },
   methods: {
     openGuide() {
-      this.showGuide = !0, this.showGuideNotification = !1, Ie.setItem("hideFormGuideNotification", !0);
+      this.showGuide = !0, this.showGuideNotification = !1, $e.setItem("hideFormGuideNotification", !0);
     }
   }
-}, zo = {
+}, Ho = {
   key: 0,
   class: "tab-list"
-}, Ro = ["textContent"], Oo = ["textContent"], Uo = ["textContent"], Ho = { style: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "flex-end", "align-items": "flex-start", padding: "calc(1 * var(--rem))" } }, qo = {
+}, Uo = ["textContent"], qo = ["textContent"], Go = ["textContent"], No = { style: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "flex-end", "align-items": "flex-start", padding: "calc(1 * var(--rem))" } }, Wo = {
   key: 0,
   class: "circle-pulse"
-}, Go = {
+}, jo = {
   key: 2,
   class: "menu-container"
 };
-function No(e, t, n, s, i, o) {
-  const r = u("CIcon"), g = u("CButton"), h = u("MenuBlocks"), y = u("Design"), w = u("Fields"), k = u("ExtensionTab"), D = u("DocumentGeneralSettings"), T = u("Simplebar"), v = u("DocumentGuide");
+function Zo(e, t, n, s, i, o) {
+  const r = m("CIcon"), g = m("CButton"), h = m("MenuBlocks"), y = m("Design"), w = m("Fields"), k = m("ExtensionTab"), D = m("DocumentGeneralSettings"), T = m("Simplebar"), v = m("DocumentGuide");
   return l(), p("div", null, [
     a("div", {
       style: z([{ width: `${n.width}px` }, n.fixed && { zIndex: 999 }]),
@@ -3509,25 +3605,25 @@ function No(e, t, n, s, i, o) {
       a("div", {
         style: z([{ 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 ? C("", !0) : (l(), p("div", zo, [
+        n.isLegacyTemplate ? C("", !0) : (l(), p("div", Ho, [
           a("div", {
-            class: B([{ "is-active": i.tab === "blocks" }, "tab-item"]),
+            class: F([{ "is-active": i.tab === "blocks" }, "tab-item"]),
             onClick: t[1] || (t[1] = (f) => i.tab = "blocks"),
             textContent: d(e.$t("tabs.blocks"))
-          }, null, 10, Ro),
+          }, null, 10, Uo),
           a("div", {
-            class: B([{ "is-active": i.tab === "design" }, "tab-item"]),
+            class: F([{ "is-active": i.tab === "design" }, "tab-item"]),
             onClick: t[2] || (t[2] = (f) => i.tab = "design"),
             textContent: d(e.$t("tabs.design"))
-          }, null, 10, Oo),
+          }, null, 10, qo),
           a("div", {
-            class: B([{ "is-active": i.tab === "fields" }, "tab-item"]),
+            class: F([{ "is-active": i.tab === "fields" }, "tab-item"]),
             onClick: t[3] || (t[3] = (f) => i.tab = "fields"),
             textContent: d(e.$t("tabs.fields"))
-          }, null, 10, Uo),
+          }, null, 10, Go),
           o.extensionTabType ? (l(), p("div", {
             key: 0,
-            class: B([{ "is-active": i.tab === "extension" }, "tab-item"]),
+            class: F([{ "is-active": i.tab === "extension" }, "tab-item"]),
             onClick: t[4] || (t[4] = (f) => i.tab = "extension")
           }, [
             a("div", {
@@ -3548,7 +3644,7 @@ function No(e, t, n, s, i, o) {
             ], 4)
           ], 2)) : C("", !0),
           a("div", {
-            class: B([{ "is-active": i.tab === "generalSettings" }, "tab-item ml-[2px]"]),
+            class: F([{ "is-active": i.tab === "generalSettings" }, "tab-item ml-[2px]"]),
             onClick: t[5] || (t[5] = (f) => i.tab = "generalSettings")
           }, [
             c(r, {
@@ -3567,8 +3663,8 @@ function No(e, t, n, s, i, o) {
           "can-use-blocks": n.canUseBlocks,
           onBlockAdded: t[6] || (t[6] = (f) => n.fixed ? e.$emit("close") : null)
         }, {
-          footer: m(() => [
-            a("div", Ho, [
+          footer: u(() => [
+            a("div", No, [
               c(g, {
                 "icon-left": "help",
                 type: "none",
@@ -3577,18 +3673,18 @@ function No(e, t, n, s, i, o) {
                 style: { position: "relative" },
                 onClick: o.openGuide
               }, {
-                default: m(() => [
+                default: u(() => [
                   x(d(e.$t("guideButton")) + " ", 1),
-                  i.showGuideNotification ? (l(), p("div", qo)) : C("", !0)
+                  i.showGuideNotification ? (l(), p("div", Wo)) : C("", !0)
                 ]),
                 _: 1
               }, 8, ["onClick"])
             ])
           ]),
           _: 1
-        }, 8, ["_document", "set", "remove-value", "fixed", "can-use-blocks"])) : (l(), p("div", Go, [
+        }, 8, ["_document", "set", "remove-value", "fixed", "can-use-blocks"])) : (l(), p("div", jo, [
           c(T, { class: "h-full w-full" }, {
-            default: m(() => [
+            default: u(() => [
               i.tab === "design" ? (l(), b(y, {
                 key: 0,
                 _document: n.state,
@@ -3630,7 +3726,7 @@ function No(e, t, n, s, i, o) {
                   rounding: "data.formSettings.rounding"
                 },
                 offset: n.fixed ? 0 : n.width,
-                class: B({ "!top-0 rounded-sm": n.isLegacyTemplate }),
+                class: F({ "!top-0 rounded-sm": n.isLegacyTemplate }),
                 onInput: t[8] || (t[8] = ({ key: f, value: _ }) => n.set({ key: f, value: _ }))
               }, null, 8, ["_document", "offset", "class"])) : C("", !0)
             ]),
@@ -3645,12 +3741,12 @@ function No(e, t, n, s, i, o) {
     ], 4)
   ]);
 }
-const Wo = /* @__PURE__ */ F(Eo, [["render", No], ["__scopeId", "data-v-98f898b4"]]), Qe = (e, t, n = "children") => {
+const Ko = /* @__PURE__ */ L(Oo, [["render", Zo], ["__scopeId", "data-v-98f898b4"]]), Qe = (e, t, n = "children") => {
   if (!e) return;
   t(e);
   const s = e[n];
   !s && !Array.isArray(s) || s.forEach((i) => Qe(i, t));
-}, jo = {
+}, Qo = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
     messages: {
@@ -3669,15 +3765,15 @@ const Wo = /* @__PURE__ */ F(Eo, [["render", No], ["__scopeId", "data-v-98f898b4
     DragList: ze,
     DragItem: Ee,
     DynamicChapter: zt,
-    DocumentFormMenu: Wo,
-    DynamicBlock: zn,
-    DocumentFormViewRadio: In,
-    DocumentFormNav: xn,
-    DocumentDrawer: gn,
+    DocumentFormMenu: Ko,
+    DynamicBlock: En,
+    DocumentFormViewRadio: Sn,
+    DocumentFormNav: _n,
+    DocumentDrawer: fn,
     DocumentStyleContainer: Et,
-    simplebar: J,
-    LogoBanner: Nn,
-    IsPremium: ee
+    simplebar: X,
+    LogoBanner: Gn,
+    IsPremium: te
   },
   emits: ["update:view"],
   mixins: [Q],
@@ -3726,25 +3822,25 @@ const Wo = /* @__PURE__ */ F(Eo, [["render", No], ["__scopeId", "data-v-98f898b4
   },
   computed: {
     docTemplate() {
-      return M(this._document, "template", null);
+      return P(this._document, "template", null);
     },
     isTemplateEditable() {
-      return M(this.docTemplate, "views.read.isEditable", !1);
+      return P(this.docTemplate, "views.read.isEditable", !1);
     },
     canMove() {
       return this.isTemplateEditable && this.isEditView;
     },
     readLayout() {
-      return M(this.docTemplate, "views.read.nodes", []);
+      return P(this.docTemplate, "views.read.nodes", []);
     },
     nestedReadLayout() {
       return this._document.getReadLayout({ showHiddenNodes: this.isEditView });
     },
     currency() {
-      return M(this._document, "currency");
+      return P(this._document, "currency");
     },
     externalReferences() {
-      return M(this._document, "externalReferences") || [];
+      return P(this._document, "externalReferences") || [];
     },
     isEditView() {
       return this.view === "edit";
@@ -3794,7 +3890,7 @@ const Wo = /* @__PURE__ */ F(Eo, [["render", No], ["__scopeId", "data-v-98f898b4
       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 te.getFields(
+            const { data: i } = await ne.getFields(
               t,
               { type: n, typeId: s, populated: !0 }
             );
@@ -3809,7 +3905,7 @@ const Wo = /* @__PURE__ */ F(Eo, [["render", No], ["__scopeId", "data-v-98f898b4
   },
   methods: {
     onAddBlockMount(e, t) {
-      t && Ut(e) && this.$nextTick(() => Qt(t, { offset: 100 }));
+      t && Ht(e) && this.$nextTick(() => Kt(t, { offset: 100 }));
     },
     onBlockToggleVisible(e, t) {
       const s = [...this.readLayout].findIndex(
@@ -3855,16 +3951,16 @@ const Wo = /* @__PURE__ */ F(Eo, [["render", No], ["__scopeId", "data-v-98f898b4
       Array.isArray(t.packages) && t.packages.forEach((s) => {
         this.setFormValue({
           key: "articles",
-          value: M(this._document, "_doc.articles", []).filter(
+          value: P(this._document, "_doc.articles", []).filter(
             ({ packageId: i }) => i !== s.packageId
           )
         });
       });
       const n = Object.assign(
         {},
-        M(this._document, "_doc.data.packageGroups")
+        P(this._document, "_doc.data.packageGroups")
       );
-      delete n[e], this.setFormValue({ key: "data.packageGroups", value: n }), Object.keys(M(this._document, "_doc.data.packageGroups", {})).length || this.removeFormValue(
+      delete n[e], this.setFormValue({ key: "data.packageGroups", value: n }), Object.keys(P(this._document, "_doc.data.packageGroups", {})).length || this.removeFormValue(
         "template.validationSchema.properties.data.properties.packageGroups"
       );
     },
@@ -3902,26 +3998,26 @@ const Wo = /* @__PURE__ */ F(Eo, [["render", No], ["__scopeId", "data-v-98f898b4
       return e && e.behaviour === "move";
     }
   }
-}, Zo = { class: "h-screen overflow-auto" }, Ko = { class: "relative flex w-full items-center space-x-4" }, Qo = { class: "relative" }, Yo = {
+}, Yo = { class: "h-screen overflow-auto" }, Jo = { class: "relative flex w-full items-center space-x-4" }, Xo = { class: "relative" }, es = {
   key: 0,
   style: { left: "calc(100% + calc(1.25 * var(--rem)))" },
   class: "absolute inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 backdrop-blur-lg backdrop-saturate-[180%]"
-}, Jo = ["onClick"], Xo = {
+}, ts = ["onClick"], ns = {
   key: 0,
   class: "drag-drop-empty-list is-placeholder text-gray-400"
-}, es = ["innerHTML"];
-function ts(e, t, n, s, i, o) {
-  const r = u("CButton"), g = u("DocumentFormViewRadio"), h = u("CIcon"), y = u("DocumentFormNav"), w = u("DocumentFormMenu"), k = u("DynamicChapter"), D = u("DynamicBlock"), T = u("LogoBanner"), v = u("IsPremium"), f = u("DocumentStyleContainer"), _ = u("portal-target"), $ = u("DocumentDrawer");
-  return l(), p("div", Zo, [
+}, is = ["innerHTML"];
+function os(e, t, n, s, i, o) {
+  const r = m("CButton"), g = m("DocumentFormViewRadio"), h = m("CIcon"), y = m("DocumentFormNav"), w = m("DocumentFormMenu"), k = m("DynamicChapter"), D = m("DynamicBlock"), T = m("LogoBanner"), v = m("IsPremium"), f = m("DocumentStyleContainer"), _ = m("portal-target"), I = m("DocumentDrawer");
+  return l(), p("div", Yo, [
     a("div", {
-      class: B([{
+      class: F([{
         "is-edit-view": o.isEditView,
         "is-empty-list": !o.nestedReadLayout.length
       }, "relative flex min-h-screen flex-row bg-gray-200"])
     }, [
       c(y, { close: n.close }, {
-        left: m(() => [
-          a("div", Ko, [
+        left: u(() => [
+          a("div", Jo, [
             n.close ? (l(), b(r, {
               key: 0,
               "icon-props": { size: 20 },
@@ -3952,11 +4048,11 @@ function ts(e, t, n, s, i, o) {
               icon: "sidebar",
               onClick: j(i.drawerState.toggleLeft, ["stop"])
             }, null, 8, ["onClick"]),
-            A(e.$slots, "nav-left", {}, void 0, !0)
+            M(e.$slots, "nav-left", {}, void 0, !0)
           ])
         ]),
-        center: m(() => [
-          a("div", Qo, [
+        center: u(() => [
+          a("div", Xo, [
             G(c(g, {
               small: e.mq === "sm",
               "model-value": n.view,
@@ -3964,8 +4060,8 @@ function ts(e, t, n, s, i, o) {
             }, null, 8, ["small", "model-value"]), [
               [ve, o.nestedReadLayout.length]
             ]),
-            !o.isEditView && !["sm", "md", "lg"].includes(e.mq) ? (l(), p("div", Yo, [
-              (l(), p(I, null, E(["desktop", "tablet", "mobile"], (S) => a("div", {
+            !o.isEditView && !["sm", "md", "lg"].includes(e.mq) ? (l(), p("div", es, [
+              (l(), p($, null, E(["desktop", "tablet", "mobile"], (S) => a("div", {
                 key: S,
                 style: z(
                   i.previewDevice === S && {
@@ -3975,18 +4071,18 @@ function ts(e, t, n, s, i, o) {
                   }
                 ),
                 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: (H) => i.previewDevice = S
+                onClick: (U) => i.previewDevice = S
               }, [
                 c(h, {
                   type: S,
                   size: "20"
                 }, null, 8, ["type"])
-              ], 12, Jo)), 64))
+              ], 12, ts)), 64))
             ])) : C("", !0)
           ])
         ]),
-        right: m(() => [
-          A(e.$slots, "nav-right", {}, void 0, !0)
+        right: u(() => [
+          M(e.$slots, "nav-right", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["close"]),
@@ -4005,7 +4101,7 @@ function ts(e, t, n, s, i, o) {
       ]),
       a("div", {
         ref: "scroll-body",
-        class: B([{
+        class: F([{
           "device-offset": o.isEditView
         }, "doc-scroll-container flex w-full justify-center"]),
         style: z(
@@ -4015,7 +4111,7 @@ function ts(e, t, n, s, i, o) {
         )
       }, [
         a("div", {
-          class: B([[
+          class: F([[
             {
               "is-device-edit": o.isEditView,
               "is-empty": !o.nestedReadLayout.length
@@ -4024,23 +4120,23 @@ function ts(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 ? (l(), p("div", Xo, [
+          !o.nestedReadLayout.length && !o.isFixedSidebar ? (l(), p("div", ns, [
             t[8] || (t[8] = pt('<div style="position:relative;" data-v-7f3fffc7><div class="drag-drop-illustration-block" data-v-7f3fffc7><div data-v-7f3fffc7></div><div data-v-7f3fffc7></div></div><svg class="drag-drop-illustration" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" data-v-7f3fffc7><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-7f3fffc7></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-7f3fffc7></path></svg></div>', 1)),
             a("div", {
               class: "text-center",
               style: { "max-width": "22ch" },
               innerHTML: e.$t("emptyBlockPlaceholderLarge")
-            }, null, 8, es)
+            }, null, 8, is)
           ])) : C("", !0),
           (l(), b(W(o.isEditView ? "div" : "simplebar"), { class: "h-full w-full" }, {
-            default: m(() => {
-              var S, H;
+            default: u(() => {
+              var S, U;
               return [
                 c(f, {
                   class: "relative h-full w-full",
-                  "input-style": ((H = (S = n._document) == null ? void 0 : S.data) == null ? void 0 : H.css) || null
+                  "input-style": ((U = (S = n._document) == null ? void 0 : S.data) == null ? void 0 : U.css) || null
                 }, {
-                  default: m(() => [
+                  default: u(() => [
                     o.nestedReadLayout ? (l(), b(W(o.dndEnabled ? "DragList" : "div"), {
                       key: 0,
                       handle: ".NO-SELECTOR",
@@ -4057,18 +4153,18 @@ function ts(e, t, n, s, i, o) {
                       onDragEnd: t[4] || (t[4] = (V) => i.isDragging = !1),
                       onDrop: t[5] || (t[5] = (V) => o.onBlockListChange("blocks-list", V))
                     }, {
-                      default: m(() => [
-                        (l(!0), p(I, null, E(n._document.getReadLayout({
+                      default: u(() => [
+                        (l(!0), p($, null, E(n._document.getReadLayout({
                           showHiddenNodes: o.isEditView
                         }), (V, se) => (l(), b(W(o.dndEnabled ? "DragItem" : "div"), {
                           key: V.nodeId,
-                          class: B([
+                          class: F([
                             {
                               "drag-item": o.dndEnabled
                             }
                           ])
                         }, {
-                          default: m(() => [
+                          default: u(() => [
                             c(D, {
                               ref_for: !0,
                               ref: V.nodeId,
@@ -4078,12 +4174,12 @@ function ts(e, t, n, s, i, o) {
                               "block-type": V.itemType,
                               "is-visible": V.isVisible,
                               "show-edit-button": !!V.showEditButton,
-                              onRemove: (L) => o.onBlockRemove(V, se),
-                              onMove: (L) => o.onBlockMove(L, se),
-                              onEdit: t[2] || (t[2] = (L) => i.drawerState.openSection = L),
-                              onToggleVisible: (L) => o.onBlockToggleVisible(V, L)
+                              onRemove: (B) => o.onBlockRemove(V, se),
+                              onMove: (B) => o.onBlockMove(B, se),
+                              onEdit: t[2] || (t[2] = (B) => i.drawerState.openSection = B),
+                              onToggleVisible: (B) => o.onBlockToggleVisible(V, B)
                             }, {
-                              default: m(() => [
+                              default: u(() => [
                                 c(k, {
                                   "component-name": V.componentName,
                                   "component-props": {
@@ -4094,9 +4190,9 @@ function ts(e, t, n, s, i, o) {
                                   },
                                   children: V.children,
                                   "is-visible": V.isVisible,
-                                  "on-input": ({ key: L, value: ce, options: Xe }) => n.setFormValue({ key: L, value: ce, options: Xe }),
-                                  "on-remove": ({ key: L }) => n.removeFormValue(L),
-                                  "on-mount": (L) => o.onAddBlockMount(V.nodeId, L)
+                                  "on-input": ({ key: B, value: ce, options: Xe }) => n.setFormValue({ key: B, value: ce, options: Xe }),
+                                  "on-remove": ({ key: B }) => n.removeFormValue(B),
+                                  "on-mount": (B) => o.onAddBlockMount(V.nodeId, B)
                                 }, null, 8, ["component-name", "component-props", "children", "is-visible", "on-input", "on-remove", "on-mount"])
                               ]),
                               _: 2
@@ -4108,7 +4204,7 @@ function ts(e, t, n, s, i, o) {
                       _: 1
                     }, 40, ["should-animate-drop"])) : C("", !0),
                     n.canShowBanner ? (l(), b(v, { key: 1 }, {
-                      default: m(({ isProLike: V }) => [
+                      default: u(({ isProLike: V }) => [
                         !o.isEditView && !V ? (l(), b(T, {
                           key: 0,
                           position: "sticky"
@@ -4125,7 +4221,7 @@ function ts(e, t, n, s, i, o) {
           }))
         ], 2)
       ], 6),
-      (l(), b($, {
+      (l(), b(I, {
         id: "settingsDrawer",
         key: "settingsDrawer",
         open: !!i.drawerState.openSection,
@@ -4133,7 +4229,7 @@ function ts(e, t, n, s, i, o) {
         position: "right",
         "onUpdate:open": t[7] || (t[7] = (S) => i.drawerState.openSection = null)
       }, {
-        default: m(() => [
+        default: u(() => [
           c(r, {
             "icon-props": { size: 20 },
             size: "normal",
@@ -4151,7 +4247,7 @@ function ts(e, t, n, s, i, o) {
     ], 2)
   ]);
 }
-const ns = /* @__PURE__ */ F(jo, [["render", ts], ["__scopeId", "data-v-7f3fffc7"]]), is = {
+const ss = /* @__PURE__ */ L(Qo, [["render", os], ["__scopeId", "data-v-7f3fffc7"]]), as = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -4182,13 +4278,13 @@ const ns = /* @__PURE__ */ F(jo, [["render", ts], ["__scopeId", "data-v-7f3fffc7
   },
   components: {
     Drawer: Ze,
-    SendForm: Yt,
+    SendForm: Qt,
     CCheckbox: Oe,
     CIcon: ht,
     CButton: Re,
-    ProBadge: We,
-    IsPremium: ee,
-    IsPremiumPreStep: X
+    ProBadge: je,
+    IsPremium: te,
+    IsPremiumPreStep: ee
   },
   mixins: [
     oe([], {
@@ -4234,7 +4330,7 @@ const ns = /* @__PURE__ */ F(jo, [["render", ts], ["__scopeId", "data-v-7f3fffc7
     };
   },
   computed: {
-    ...R({
+    ...H({
       accountConfigName: "application/accountConfigName"
     }),
     isOffertaCxt() {
@@ -4247,10 +4343,10 @@ const ns = /* @__PURE__ */ F(jo, [["render", ts], ["__scopeId", "data-v-7f3fffc7
       return this.isOffertaCxt ? "send-header" : "footer";
     },
     hasAnswerBlock() {
-      return (M(this._document, "template.views.read.nodes") || []).some((t) => t.itemType === "answer");
+      return (P(this._document, "template.views.read.nodes") || []).some((t) => t.itemType === "answer");
     },
     tooManyClients() {
-      return (M(this._document, "clients") || []).length > 15;
+      return (P(this._document, "clients") || []).length > 15;
     }
   },
   watch: {
@@ -4265,7 +4361,7 @@ const ns = /* @__PURE__ */ F(jo, [["render", ts], ["__scopeId", "data-v-7f3fffc7
   },
   methods: {
     ...Z({
-      createTemplate: P.DO_CREATE_TEMPLATE
+      createTemplate: A.DO_CREATE_TEMPLATE
     }),
     open() {
       this.isOpen = !0;
@@ -4274,7 +4370,7 @@ const ns = /* @__PURE__ */ F(jo, [["render", ts], ["__scopeId", "data-v-7f3fffc7
       if (!this._document) return;
       const e = {
         ...this._document.copyTemplateDocDefault(),
-        name: M(this._document, "name") || this.$t("_common:untitled"),
+        name: P(this._document, "name") || this.$t("_common:untitled"),
         _id: void 0,
         id: void 0,
         isVisible: !0
@@ -4292,27 +4388,27 @@ const ns = /* @__PURE__ */ F(jo, [["render", ts], ["__scopeId", "data-v-7f3fffc7
       }));
     }
   }
-}, os = {
+}, ls = {
   key: "1",
   class: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3"
-}, ss = { class: "pl-2" }, as = ["textContent"], ls = { class: "text-sm text-red-600 text-opacity-80" }, rs = {
+}, rs = { class: "pl-2" }, ds = ["textContent"], cs = { class: "text-sm text-red-600 text-opacity-80" }, us = {
   key: "2",
   class: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3"
-}, ds = { class: "pl-2" }, cs = ["textContent"], us = { class: "mb-4 text-sm text-red-600 text-opacity-80" }, ms = {
+}, ms = { class: "pl-2" }, ps = ["textContent"], hs = { class: "mb-4 text-sm text-red-600 text-opacity-80" }, fs = {
   for: "checkbox-save-as-temp",
   class: "inline-flex cursor-pointer select-none items-center py-2 text-[12px] font-[500] text-gray-600"
-}, ps = ["onClick"], hs = { style: { "padding-left": "0.5em" } };
-function fs(e, t, n, s, i, o) {
-  const r = u("CButton"), g = u("CIcon"), h = u("CCheckbox"), y = u("ProBadge"), w = u("IsPremiumPreStep"), k = u("IsPremium"), D = u("SendForm"), T = ie("tooltip");
+}, gs = ["onClick"], ys = { style: { "padding-left": "0.5em" } };
+function vs(e, t, n, s, i, o) {
+  const r = m("CButton"), g = m("CIcon"), h = m("CCheckbox"), y = m("ProBadge"), w = m("IsPremiumPreStep"), k = m("IsPremium"), D = m("SendForm"), T = ie("tooltip");
   return e.mq !== "sm" || i.isOpen ? (l(), b(W(e.mq === "sm" ? "div" : "Drawer"), {
     key: 0,
     modelValue: i.isOpen,
     "onUpdate:modelValue": t[3] || (t[3] = (v) => i.isOpen = v),
     placement: "right"
   }, {
-    default: m(() => [
+    default: u(() => [
       a("div", {
-        class: B([{
+        class: F([{
           "is-fullscreen": e.mq === "sm"
         }, "send-modal font-inter"])
       }, [
@@ -4331,13 +4427,13 @@ function fs(e, t, n, s, i, o) {
           "on-save-document": o.onSaveDoc,
           "use-scroll": ""
         }, {
-          send: m(() => t[4] || (t[4] = [])),
-          [o.saveTemplateSlot]: m(() => [
-            a("label", ms, [
+          send: u(() => t[4] || (t[4] = [])),
+          [o.saveTemplateSlot]: u(() => [
+            a("label", fs, [
               c(k, null, {
-                default: m(({ canCreateTemplate: v }) => [
+                default: u(({ canCreateTemplate: v }) => [
                   c(w, { feature: "saveDocTemplate" }, {
-                    default: m(({ onClick: f }) => [
+                    default: u(({ onClick: f }) => [
                       a("div", {
                         class: "flex items-center",
                         onClick: (_) => o.onClickSaveAsTemplate({
@@ -4353,7 +4449,7 @@ function fs(e, t, n, s, i, o) {
                           size: "small",
                           type: "secondary"
                         }, null, 8, ["modelValue"]),
-                        a("div", hs, [
+                        a("div", ys, [
                           x(d(e.$t("saveDocAsTemplate")) + " ", 1),
                           G(c(g, {
                             type: "info",
@@ -4366,7 +4462,7 @@ function fs(e, t, n, s, i, o) {
                           key: 0,
                           class: "ml-2 self-center"
                         }))
-                      ], 8, ps)
+                      ], 8, gs)
                     ]),
                     _: 2
                   }, 1024)
@@ -4375,8 +4471,8 @@ function fs(e, t, n, s, i, o) {
               })
             ])
           ]),
-          default: m(() => [
-            o.tooManyClients ? (l(), p("div", os, [
+          default: u(() => [
+            o.tooManyClients ? (l(), p("div", ls, [
               a("div", null, [
                 c(g, {
                   type: "error",
@@ -4385,16 +4481,16 @@ function fs(e, t, n, s, i, o) {
                 })
               ]),
               a("div", null, [
-                a("div", ss, [
+                a("div", rs, [
                   a("div", {
                     class: "text-sm font-semibold text-red-600",
                     textContent: d(e.$t("tooManyClientsTitle"))
-                  }, null, 8, as),
-                  a("div", ls, d(e.$t("tooManyClientsText")), 1)
+                  }, null, 8, ds),
+                  a("div", cs, d(e.$t("tooManyClientsText")), 1)
                 ])
               ])
             ])) : C("", !0),
-            o.hasAnswerBlock ? C("", !0) : (l(), p("div", rs, [
+            o.hasAnswerBlock ? C("", !0) : (l(), p("div", us, [
               a("div", null, [
                 c(g, {
                   type: "error",
@@ -4403,12 +4499,12 @@ function fs(e, t, n, s, i, o) {
                 })
               ]),
               a("div", null, [
-                a("div", ds, [
+                a("div", ms, [
                   a("div", {
                     class: "text-sm font-semibold text-red-600",
                     textContent: d(e.$t("signMissingTitle"))
-                  }, null, 8, cs),
-                  a("div", us, d(e.$t("signMissingText")), 1)
+                  }, null, 8, ps),
+                  a("div", hs, d(e.$t("signMissingText")), 1)
                 ]),
                 c(r, {
                   type: "secondary",
@@ -4416,7 +4512,7 @@ function fs(e, t, n, s, i, o) {
                   size: "small",
                   onClick: t[1] || (t[1] = (v) => s.addBlock({ sectionKey: "answer", document: e._document }))
                 }, {
-                  default: m(() => [
+                  default: u(() => [
                     x(d(e.$t("signMissingAdd")), 1)
                   ]),
                   _: 1
@@ -4431,7 +4527,7 @@ function fs(e, t, n, s, i, o) {
     _: 1
   }, 8, ["modelValue"])) : C("", !0);
 }
-const gs = /* @__PURE__ */ F(is, [["render", fs], ["__scopeId", "data-v-641e0baa"]]), ys = {
+const Cs = /* @__PURE__ */ L(as, [["render", vs], ["__scopeId", "data-v-641e0baa"]]), bs = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
     messages: {
@@ -4461,7 +4557,7 @@ const gs = /* @__PURE__ */ F(is, [["render", fs], ["__scopeId", "data-v-641e0baa
   },
   name: "DocumentTemplateFormModal",
   components: {
-    CCallout: Xt,
+    CCallout: Jt,
     CCheckbox: Oe,
     CField: _e
   },
@@ -4486,7 +4582,7 @@ const gs = /* @__PURE__ */ F(is, [["render", fs], ["__scopeId", "data-v-641e0baa
   },
   setup() {
     return {
-      v$: je()
+      v$: We()
     };
   },
   data() {
@@ -4500,12 +4596,12 @@ const gs = /* @__PURE__ */ F(is, [["render", fs], ["__scopeId", "data-v-641e0baa
   validations() {
     return {
       name: {
-        required: jt(!this.updateExistingDocTemplate)
+        required: Nt(!this.updateExistingDocTemplate)
       }
     };
   },
   computed: {
-    ...R({
+    ...H({
       isPosting: "templates/isPosting",
       templateById: "templates/byId",
       docById: "documents2/byId",
@@ -4534,9 +4630,9 @@ const gs = /* @__PURE__ */ F(is, [["render", fs], ["__scopeId", "data-v-641e0baa
   },
   methods: {
     ...Z({
-      loadTemplate: P.DO_LOAD_TEMPLATE,
-      saveTemplate: P.SAVE_TEMPLATE_FORM,
-      updateSettings: P.UPDATE_SETTINGS
+      loadTemplate: A.DO_LOAD_TEMPLATE,
+      saveTemplate: A.SAVE_TEMPLATE_FORM,
+      updateSettings: A.UPDATE_SETTINGS
     }),
     async onSave() {
       if (!this.document && !this.template && (ft.error('Missing prop "document" or "template"'), this.$emit("close")), this.v$.$invalid) return;
@@ -4589,14 +4685,14 @@ const gs = /* @__PURE__ */ F(is, [["render", fs], ["__scopeId", "data-v-641e0baa
       this.canUpdateExistingDocTemplate = !1;
     }
   }
-}, vs = { class: "t-root font-inter" }, Cs = { style: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, bs = { key: 1 }, ks = { class: "text-gray-600" }, ws = { key: 2 }, _s = { class: "text-gray-600" };
-function xs(e, t, n, s, i, o) {
-  const r = u("CCallout"), g = u("CInput"), h = u("CField"), y = u("CCheckbox"), w = u("CButton");
-  return l(), p("div", vs, [
-    a("div", Cs, d(n.template ? e.$t("_common:edit", { thing: e.$t("_common:name") }) : e.$t("_common:save", { thing: e.$t("_common:template") })), 1),
+}, ks = { class: "t-root font-inter" }, ws = { style: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, _s = { key: 1 }, xs = { class: "text-gray-600" }, Ts = { key: 2 }, Ds = { class: "text-gray-600" };
+function Ss(e, t, n, s, i, o) {
+  const r = m("CCallout"), g = m("CInput"), h = m("CField"), y = m("CCheckbox"), w = m("CButton");
+  return l(), p("div", ks, [
+    a("div", ws, 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 ? C("", !0) : (l(), b(r, { key: 0 }, {
-        default: m(() => [
+        default: u(() => [
           x(d(e.$t("calloutDescription")), 1)
         ]),
         _: 1
@@ -4607,7 +4703,7 @@ function xs(e, t, n, s, i, o) {
         label: e.$t("_common:name").capitalize(),
         "label-position": "inside"
       }, {
-        default: m(() => [
+        default: u(() => [
           c(g, {
             ref: "input",
             "model-value": i.updateExistingDocTemplate ? n.document.template.name : i.name,
@@ -4621,17 +4717,17 @@ function xs(e, t, n, s, i, o) {
         ]),
         _: 1
       }, 8, ["vuelidate", "vuelidate-messages", "label"]),
-      n.document && n.document.template.id && i.canUpdateExistingDocTemplate ? (l(), p("div", bs, [
+      n.document && n.document.template.id && i.canUpdateExistingDocTemplate ? (l(), p("div", _s, [
         c(h, { style: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, {
-          default: m(() => [
+          default: u(() => [
             c(y, {
               modelValue: i.updateExistingDocTemplate,
               "onUpdate:modelValue": t[1] || (t[1] = (k) => i.updateExistingDocTemplate = k),
               type: "secondary",
               size: "normal"
             }, {
-              default: m(() => [
-                a("div", ks, d(e.$t("updateExisting")), 1)
+              default: u(() => [
+                a("div", xs, d(e.$t("updateExisting")), 1)
               ]),
               _: 1
             }, 8, ["modelValue"])
@@ -4639,17 +4735,17 @@ function xs(e, t, n, s, i, o) {
           _: 1
         })
       ])) : C("", !0),
-      n.document && n.document.clients.length && n.showKeepClientsOption ? (l(), p("div", ws, [
+      n.document && n.document.clients.length && n.showKeepClientsOption ? (l(), p("div", Ts, [
         c(h, { style: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, {
-          default: m(() => [
+          default: u(() => [
             c(y, {
               modelValue: i.keepClients,
               "onUpdate:modelValue": t[2] || (t[2] = (k) => i.keepClients = k),
               type: "secondary",
               size: "normal"
             }, {
-              default: m(() => [
-                a("div", _s, d(e.$t("keepClients")), 1)
+              default: u(() => [
+                a("div", Ds, d(e.$t("keepClients")), 1)
               ]),
               _: 1
             }, 8, ["modelValue"])
@@ -4666,37 +4762,37 @@ function xs(e, t, n, s, i, o) {
       style: { "margin-top": "1.5em" },
       onClick: o.onSave
     }, {
-      default: m(() => [
+      default: u(() => [
         x(d(o.actionButtonText), 1)
       ]),
       _: 1
     }, 8, ["loading", "onClick"])
   ]);
 }
-const Ye = /* @__PURE__ */ F(ys, [["render", xs], ["__scopeId", "data-v-c9e15ed5"]]);
-var me, Le;
-function Ts() {
-  if (Le) return me;
-  Le = 1;
+const Ye = /* @__PURE__ */ L(bs, [["render", Ss], ["__scopeId", "data-v-c9e15ed5"]]);
+var me, Be;
+function $s() {
+  if (Be) return me;
+  Be = 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 me = e, me;
 }
-var pe, Be;
-function Ds() {
-  if (Be) return pe;
-  Be = 1;
-  var e = Ts(), t = gt();
+var pe, Fe;
+function Is() {
+  if (Fe) return pe;
+  Fe = 1;
+  var e = $s(), t = gt();
   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 pe = n, pe;
 }
-var Ss = Ds();
-const Is = /* @__PURE__ */ Ue(Ss), $s = {
+var Ls = Is();
+const Bs = /* @__PURE__ */ He(Ls), Fs = {
   name: "RemainingTrialButton",
-  components: { IsPremium: ee },
+  components: { IsPremium: te },
   i18nOptions: {
     namespace: "RemainingTrialButton",
     messages: {
@@ -4726,13 +4822,13 @@ const Is = /* @__PURE__ */ Ue(Ss), $s = {
   },
   mixins: [Q],
   methods: {
-    clamp: Is
+    clamp: Bs
   }
-}, Fs = { 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" }, Ls = { class: "text-gray-600" }, Bs = { class: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, Vs = { class: "w-56 p-4 text-sm" }, Ms = { class: "font-semibold" }, Ps = { class: "bg-primary-100 border-primary-200 text-primary-800 inline-flex rounded-md border px-1.5 py-[3px] text-xs leading-none" }, As = { class: "text-sm text-gray-600" }, Es = { 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" }, zs = { class: "mt-5" };
-function Rs(e, t, n, s, i, o) {
-  const r = u("CButton"), g = u("VDropdown"), h = u("IsPremium"), y = ie("close-popper");
+}, 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" }, Ms = { class: "text-gray-600" }, Ps = { class: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, As = { class: "w-56 p-4 text-sm" }, Es = { class: "font-semibold" }, zs = { class: "bg-primary-100 border-primary-200 text-primary-800 inline-flex rounded-md border px-1.5 py-[3px] text-xs leading-none" }, Rs = { class: "text-sm text-gray-600" }, Os = { 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" }, Hs = { class: "mt-5" };
+function Us(e, t, n, s, i, o) {
+  const r = m("CButton"), g = m("VDropdown"), h = m("IsPremium"), y = ie("close-popper");
   return l(), b(h, null, {
-    default: m(({
+    default: u(({
       accountType: w,
       trialDaysLeft: k,
       openUpgradeModal: D,
@@ -4742,26 +4838,26 @@ function Rs(e, t, n, s, i, o) {
         key: 0,
         "popper-class": "trial-popover"
       }, {
-        popper: m(() => [
-          a("div", Vs, [
-            a("div", Ms, [
+        popper: u(() => [
+          a("div", As, [
+            a("div", Es, [
               x(d(e.$t("title.1")) + " ", 1),
-              a("span", Ps, d(e.$t("title.2")), 1),
+              a("span", zs, d(e.$t("title.2")), 1),
               x(" " + d(e.$t("title.3", { trialDaysLeft: k })) + ". ", 1)
             ]),
-            a("div", As, [
+            a("div", Rs, [
               x(d(e.$t("title.4")) + " ", 1),
-              a("span", Es, d(e.$t("title.5")), 1),
+              a("span", Os, d(e.$t("title.5")), 1),
               t[0] || (t[0] = x(". "))
             ]),
-            a("div", zs, [
+            a("div", Hs, [
               G((l(), b(r, {
                 type: "secondary",
                 size: "small",
                 "icon-right": "arrow-right",
                 onClick: D
               }, {
-                default: m(() => [
+                default: u(() => [
                   x(d(e.$t("actionButton")), 1)
                 ]),
                 _: 2
@@ -4771,10 +4867,10 @@ function Rs(e, t, n, s, i, o) {
             ])
           ])
         ]),
-        default: m(() => [
-          a("div", Fs, [
-            a("div", Ls, d(e.$tc("_common:day", { count: k })) + " " + d(e.$t("button")), 1),
-            a("div", Bs, [
+        default: u(() => [
+          a("div", Vs, [
+            a("div", Ms, d(e.$tc("_common:day", { count: k })) + " " + d(e.$t("button")), 1),
+            a("div", Ps, [
               a("div", {
                 style: z({
                   width: o.clamp(k / T * 100, 0, 100) + "%"
@@ -4790,24 +4886,24 @@ function Rs(e, t, n, s, i, o) {
     _: 1
   });
 }
-const Os = /* @__PURE__ */ F($s, [["render", Rs]]), ae = yt({
+const qs = /* @__PURE__ */ L(Fs, [["render", Us]]), ae = yt({
   canEdit: !1,
   isForm: !0,
   setFormValue: null,
   removeFormValue: null
-}), Us = {
+}), Gs = {
   name: "DocumentForm",
   components: {
-    DocumentFormContainer: ns,
-    IsPremium: ee,
-    IsPremiumPreStep: X,
-    DocumentSend: gs,
-    RemainingTrialButton: Os,
+    DocumentFormContainer: ss,
+    IsPremium: te,
+    IsPremiumPreStep: ee,
+    DocumentSend: Cs,
+    RemainingTrialButton: qs,
     CDropdown: re,
     CDropdownItem: q
   },
   setup() {
-    const { isValid: e } = Jt();
+    const { isValid: e } = Yt();
     return { isValid: e };
   },
   mixins: [Q],
@@ -4866,14 +4962,14 @@ const Os = /* @__PURE__ */ F($s, [["render", Rs]]), ae = yt({
   },
   computed: {
     canDoActions() {
-      return !!M(this.document, "template.views.read.nodes", []).length;
+      return !!P(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 = M(this.document, "template.doConsumeDocumentQuota");
+      const e = P(this.document, "template.doConsumeDocumentQuota");
       return typeof e == "boolean" ? e : !0;
     }
   },
@@ -4916,13 +5012,13 @@ const Os = /* @__PURE__ */ F($s, [["render", Rs]]), ae = yt({
       );
     }
   }
-}, Hs = {
+}, Ns = {
   key: 0,
   class: "flex w-screen flex-col bg-white"
-}, qs = { class: "flex self-center" }, Gs = { class: "buttons has-addons whitespace-nowrap" };
-function Ns(e, t, n, s, i, o) {
-  const r = u("CButton"), g = u("CDropdownItem"), h = u("CDropdown"), y = u("IsPremiumPreStep"), w = u("RemainingTrialButton"), k = u("IsPremium"), D = u("DocumentFormContainer"), T = u("DocumentSend");
-  return n.document ? (l(), p("div", Hs, [
+}, Ws = { class: "flex self-center" }, js = { class: "buttons has-addons whitespace-nowrap" };
+function Zs(e, t, n, s, i, o) {
+  const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), y = m("IsPremiumPreStep"), w = m("RemainingTrialButton"), k = m("IsPremium"), D = m("DocumentFormContainer"), T = m("DocumentSend");
+  return n.document ? (l(), p("div", Ns, [
     c(D, {
       view: i.view,
       "onUpdate:view": t[0] || (t[0] = (v) => i.view = v),
@@ -4934,22 +5030,22 @@ function Ns(e, t, n, s, i, o) {
       "go-back": n.goBack,
       "can-show-banner": n.canShowBanner
     }, {
-      "nav-right": m(() => [
+      "nav-right": u(() => [
         c(k, null, {
-          default: m(({ canCreateDocument: v, canCreateTemplate: f }) => [
+          default: u(({ canCreateDocument: v, canCreateTemplate: f }) => [
             c(y, { feature: "documents" }, {
-              default: m(({ onClick: _ }) => [
+              default: u(({ onClick: _ }) => [
                 (l(), p("div", {
                   key: o.canDoActions,
                   class: "inline-flex flex-1 justify-end space-x-5"
                 }, [
                   c(y, { feature: "saveDocTemplate" }, {
-                    default: m(({ onClick: $ }) => [
-                      a("div", qs, [
+                    default: u(({ onClick: I }) => [
+                      a("div", Ws, [
                         c(h, {
                           disabled: !o.canDoActions
                         }, {
-                          trigger: m(() => [
+                          trigger: u(() => [
                             c(r, {
                               "icon-props": {
                                 size: 20,
@@ -4964,13 +5060,13 @@ function Ns(e, t, n, s, i, o) {
                               icon: "save"
                             })
                           ]),
-                          default: m(() => [
+                          default: u(() => [
                             c(g, {
                               "icon-props": { stroke: "hsl(205, 100%, 50%)" },
                               "icon-left": "save",
                               onClick: (S) => v || n.document.id ? o.submitSave() : _({ callback: o.submitSave })
                             }, {
-                              default: m(() => [
+                              default: u(() => [
                                 x(d(e.$t("_common:save", {
                                   thing: e.$t("_common:document").toLowerCase()
                                 })), 1)
@@ -4980,11 +5076,11 @@ function Ns(e, t, n, s, i, o) {
                             c(g, {
                               disabled: n.isLoading,
                               "icon-left": "template-color",
-                              onClick: (S) => f ? o.saveAsTemplate() : $({
+                              onClick: (S) => f ? o.saveAsTemplate() : I({
                                 callback: o.saveAsTemplate
                               })
                             }, {
-                              default: m(() => [
+                              default: u(() => [
                                 x(d(e.$t("_common:saveAs", {
                                   thing: e.$t("_common:template")
                                 })), 1)
@@ -4998,20 +5094,20 @@ function Ns(e, t, n, s, i, o) {
                     ]),
                     _: 2
                   }, 1024),
-                  A(e.$slots, "nav-right-action", {}, () => [
+                  M(e.$slots, "nav-right-action", {}, () => [
                     c(w),
-                    a("div", Gs, [
+                    a("div", js, [
                       c(r, {
                         ref: "sendButton",
                         disabled: !o.canDoActions,
                         loading: n.isLoading,
                         "data-onboarding": "send-button",
                         size: "small",
-                        class: B(["d-nav-button position right !h-full", e.mq === "sm" && "w-9"]),
+                        class: F(["d-nav-button position right !h-full", e.mq === "sm" && "w-9"]),
                         type: "secondary",
                         icon: e.mq === "sm" ? "send" : "",
                         label: e.mq === "sm" ? "" : e.$t("_common:reviewSend"),
-                        onClick: ($) => v || !o.doConsumeQuota || n.document.id ? o.openSendModal() : _({ callback: o.openSendModal })
+                        onClick: (I) => v || !o.doConsumeQuota || n.document.id ? o.openSendModal() : _({ callback: o.openSendModal })
                       }, null, 8, ["disabled", "loading", "class", "icon", "label", "onClick"])
                     ])
                   ])
@@ -5042,7 +5138,7 @@ function Ns(e, t, n, s, i, o) {
     }, null, 8, ["_document", "set-form-value", "remove-form-value", "on-save-document"])
   ])) : C("", !0);
 }
-const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
+const Ks = /* @__PURE__ */ L(Gs, [["render", Zs]]), Qs = /* @__PURE__ */ de({
   __name: "TemplateActionsDropdown",
   props: {
     template: {},
@@ -5063,18 +5159,18 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
     }
     async function h() {
       const w = `${K.baseUrl}/template/${s.template.id}`;
-      await He(w) && we("info", n("copyMessage"));
+      await Ue(w) && we("info", n("copyMessage"));
     }
     return (y, w) => {
       const k = ie("tooltip");
-      return l(), b(O(re), {
+      return l(), b(R(re), {
         "append-to-body": y.appendToBody,
         style: { top: "-8px", right: "-4px" },
         onClick: w[0] || (w[0] = j(() => {
         }, ["stop"]))
       }, {
-        trigger: m(() => [
-          G(c(O(Re), {
+        trigger: u(() => [
+          G(c(R(Re), {
             icon: "more-vertical",
             type: "none",
             pattern: "tertiary",
@@ -5083,48 +5179,48 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
             [k, y.tooltip]
           ])
         ]),
-        default: m(() => [
-          c(O(q), {
+        default: u(() => [
+          c(R(q), {
             "icon-left": "template-color",
             onClick: o,
             "data-test": "edit-item"
           }, {
-            default: m(() => [
+            default: u(() => [
               x(d(y.$t("_common:edit", { thing: y.$t("_common:template") })), 1)
             ]),
             _: 1
           }),
-          c(O(q), {
+          c(R(q), {
             "icon-props": { size: 16 },
             "icon-left": "edit",
             onClick: r,
             "data-test": "rename-item"
           }, {
-            default: m(() => [
+            default: u(() => [
               x(d(y.$t("_common:change", { thing: y.$t("_common:name") })), 1)
             ]),
             _: 1
           }),
-          c(O(q), { separator: "" }),
-          c(O(q), {
+          c(R(q), { separator: "" }),
+          c(R(q), {
             "icon-props": { size: 16 },
             "icon-left": "link",
             onClick: h,
             "data-test": "copy-item"
           }, {
-            default: m(() => [
+            default: u(() => [
               x(d(y.$t("_common:share", { thing: y.$t("_common:link") })), 1)
             ]),
             _: 1
           }),
-          c(O(q), { separator: "" }),
-          c(O(q), {
+          c(R(q), { separator: "" }),
+          c(R(q), {
             "icon-props": { size: 16, stroke: "hsl(360, 100%, 60%)" },
             "icon-left": "trash",
             onClick: g,
             "data-test": "remove-item"
           }, {
-            default: m(() => [
+            default: u(() => [
               x(d(y.$t("_common:remove")), 1)
             ]),
             _: 1
@@ -5134,7 +5230,7 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
       }, 8, ["append-to-body"]);
     };
   }
-}), Zs = {
+}), Ys = {
   name: "DocumentFormRecent",
   i18nOptions: {
     namespaces: "DocumentFormRecent",
@@ -5150,9 +5246,9 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
     }
   },
   components: {
-    IsPremium: ee,
-    IsPremiumPreStep: X,
-    CSkeleton: en
+    IsPremium: te,
+    IsPremiumPreStep: ee,
+    CSkeleton: Xt
   },
   emits: ["save-template", "use-doc-template"],
   data() {
@@ -5165,7 +5261,7 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
     };
   },
   computed: {
-    ...R({
+    ...H({
       docById: "documents2/byId"
     })
   },
@@ -5174,7 +5270,7 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
   },
   methods: {
     ...Z({
-      loadDocument: P.LOAD_DOCUMENT2
+      loadDocument: A.LOAD_DOCUMENT2
     }),
     async onInput() {
       this.isLoading = !0, this.onLoadDocuments();
@@ -5223,26 +5319,26 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
       return this.$emit("use-doc-template", { documentId: e });
     }
   }
-}, Ks = {
+}, Js = {
   class: "flex w-full",
   style: { "padding-bottom": "1em" }
-}, Qs = { class: "recent-list" }, Ys = {
+}, Xs = { class: "recent-list" }, ea = {
   key: 1,
   class: "rounded-md border border-gray-200 bg-gray-100 p-4 text-center text-gray-400",
   style: { "font-size": "15px" }
-}, Js = {
+}, ta = {
   key: 2,
   class: "text-center text-gray-400",
   style: { padding: "1em" }
-}, Xs = ["onClick", "onMouseoverPassive"], ea = {
+}, na = ["onClick", "onMouseoverPassive"], ia = {
   key: 0,
   style: { display: "inline-flex", "align-items": "center", position: "absolute", right: "1em", top: "50%", transform: "translateY(-50%)" }
 };
-function ta(e, t, n, s, i, o) {
-  const r = u("CInput"), g = u("CSkeleton"), h = u("CButton"), y = u("IsPremiumPreStep"), w = u("IsPremium");
+function oa(e, t, n, s, i, o) {
+  const r = m("CInput"), g = m("CSkeleton"), h = m("CButton"), y = m("IsPremiumPreStep"), w = m("IsPremium");
   return l(), p("div", null, [
-    a("div", Ks, [
-      A(e.$slots, "default", {}, void 0, !0),
+    a("div", Js, [
+      M(e.$slots, "default", {}, void 0, !0),
       i.hasItems ? (l(), b(r, {
         key: 0,
         modelValue: i.query,
@@ -5258,8 +5354,8 @@ function ta(e, t, n, s, i, o) {
         class: "hidden md:flex"
       }, null, 8, ["modelValue", "loading", "placeholder", "onUpdate:modelValue"])) : C("", !0)
     ]),
-    a("div", Qs, [
-      i.isLoading && !i.list.length ? (l(), p(I, { key: 0 }, E(3, (k) => a("div", {
+    a("div", Xs, [
+      i.isLoading && !i.list.length ? (l(), p($, { key: 0 }, E(3, (k) => a("div", {
         key: k,
         class: "recent-item placeholder"
       }, [
@@ -5268,12 +5364,12 @@ function ta(e, t, n, s, i, o) {
           class: "recent-item-name"
         }),
         c(g, { width: "35%" })
-      ])), 64)) : !i.isLoading && !i.query && !i.list.length ? (l(), p("div", Ys, d(e.$t("emptyPlaceholder")), 1)) : i.query && !i.isLoading && !i.list.length ? (l(), p("div", Js, d(e.$t("noResults")), 1)) : (l(), b(w, { key: 3 }, {
-        default: m(({ canCreateTemplate: k, canUseTemplate: D }) => [
+      ])), 64)) : !i.isLoading && !i.query && !i.list.length ? (l(), p("div", ea, d(e.$t("emptyPlaceholder")), 1)) : i.query && !i.isLoading && !i.list.length ? (l(), p("div", ta, d(e.$t("noResults")), 1)) : (l(), b(w, { key: 3 }, {
+        default: u(({ canCreateTemplate: k, canUseTemplate: D }) => [
           c(y, { feature: "useDocTemplate" }, {
-            default: m(({ onClick: T }) => [
+            default: u(({ onClick: T }) => [
               a("div", null, [
-                (l(!0), p(I, null, E(i.list, (v, f) => (l(), p("div", {
+                (l(!0), p($, null, E(i.list, (v, f) => (l(), p("div", {
                   key: v._id,
                   class: "recent-item",
                   onClick: (_) => D ? o.onUseDocTemplate(v._id) : T({
@@ -5283,20 +5379,20 @@ function ta(e, t, n, s, i, o) {
                   onMouseleavePassive: t[1] || (t[1] = (_) => i.hoverIndex = null)
                 }, [
                   a("div", {
-                    class: B([{ "text-gray-400": !v.data.name }, "recent-item-name"])
+                    class: F([{ "text-gray-400": !v.data.name }, "recent-item-name"])
                   }, d(v.data.name || e.$t("_common:untitled")), 3),
                   a("div", null, d(e.$formatDistanceToNow(v.createdAt)), 1),
-                  i.hoverIndex === f ? (l(), p("div", ea, [
+                  i.hoverIndex === f ? (l(), p("div", ia, [
                     c(y, { feature: "saveDocTemplate" }, {
-                      default: m(({ onClick: _ }) => [
+                      default: u(({ onClick: _ }) => [
                         c(h, {
                           style: { "margin-left": "1em" },
                           size: "small",
-                          onClick: j(($) => k ? o.onSaveDocumentTemplate(v._id) : _({
+                          onClick: j((I) => k ? o.onSaveDocumentTemplate(v._id) : _({
                             callback: () => o.onSaveDocumentTemplate(v._id)
                           }), ["stop"])
                         }, {
-                          default: m(() => [
+                          default: u(() => [
                             x(d(e.$t("_common:saveAs", { thing: e.$t("_common:template") })), 1)
                           ]),
                           _: 2
@@ -5309,13 +5405,13 @@ function ta(e, t, n, s, i, o) {
                       size: "small",
                       type: "secondary"
                     }, {
-                      default: m(() => [
+                      default: u(() => [
                         x(d(e.$t("_common:use", { thing: e.$t("_common:template") })), 1)
                       ]),
                       _: 1
                     })
                   ])) : C("", !0)
-                ], 40, Xs))), 128))
+                ], 40, na))), 128))
               ])
             ]),
             _: 2
@@ -5326,13 +5422,13 @@ function ta(e, t, n, s, i, o) {
     ])
   ]);
 }
-const na = /* @__PURE__ */ F(Zs, [["render", ta], ["__scopeId", "data-v-718e3064"]]), ia = { class: "item-paper" }, oa = {
+const sa = /* @__PURE__ */ L(Ys, [["render", oa], ["__scopeId", "data-v-718e3064"]]), aa = { class: "item-paper" }, la = {
   key: 2,
   class: "absolute bottom-2 right-2"
-}, sa = {
+}, ra = {
   key: 3,
   class: "add-button"
-}, aa = { class: "item-footer" }, la = ["textContent"], ra = ["textContent"], da = /* @__PURE__ */ de({
+}, da = { class: "item-footer" }, ca = ["textContent"], ua = ["textContent"], ma = /* @__PURE__ */ de({
   __name: "DocumentIcon",
   props: {
     isPlaceholder: { type: Boolean, default: !1 },
@@ -5344,11 +5440,11 @@ const na = /* @__PURE__ */ F(Zs, [["render", ta], ["__scopeId", "data-v-718e3064
   },
   emits: ["triggerOpenTemplate"],
   setup(e, { emit: t }) {
-    const n = e, s = t, i = () => s("triggerOpenTemplate"), o = bt(), r = kt(), g = U(() => r.style), h = U(() => r.staticClass), y = U(() => r.class), w = U(() => r.key), k = U(() => r.attrs), D = U(
+    const n = e, s = t, i = () => s("triggerOpenTemplate"), o = bt(), r = kt(), g = O(() => r.style), h = O(() => r.staticClass), y = O(() => r.class), w = O(() => r.key), k = O(() => r.attrs), D = O(
       () => Ce.t("_common:empty", { thing: Ce.t("_common:template") })
-    ), T = U(() => wt(n.name, 60));
+    ), T = O(() => wt(n.name, 60));
     return (v, f) => {
-      const _ = u("CIcon");
+      const _ = m("CIcon");
       return l(), p("div", be(k.value, {
         key: w.value,
         class: [[
@@ -5363,22 +5459,22 @@ const na = /* @__PURE__ */ F(Zs, [["render", ta], ["__scopeId", "data-v-718e3064
         style: g.value,
         onClick: i
       }), [
-        a("div", ia, [
+        a("div", aa, [
           v.thumbnail ? (l(), p("div", {
             key: 0,
             style: z([{
               backgroundImage: `url(${v.thumbnail})`
             }, { width: "100%", height: "100%", "background-size": "100% auto", "background-repeat": "no-repeat", "background-position": "0% 0%" }])
-          }, null, 4)) : v.isPlaceholder || v.isAdd ? C("", !0) : (l(), b(tn, {
+          }, null, 4)) : v.isPlaceholder || v.isAdd ? C("", !0) : (l(), b(en, {
             key: 1,
             media: v.media,
             preview: "",
             class: "item-media"
           }, null, 8, ["media"])),
-          O(o).badge ? (l(), p("div", oa, [
-            A(v.$slots, "badge", {}, void 0, !0)
+          R(o).badge ? (l(), p("div", la, [
+            M(v.$slots, "badge", {}, void 0, !0)
           ])) : C("", !0),
-          v.isAdd ? (l(), p("div", sa, [
+          v.isAdd ? (l(), p("div", ra, [
             c(_, {
               size: 18,
               "stroke-width": 3,
@@ -5386,27 +5482,27 @@ const na = /* @__PURE__ */ F(Zs, [["render", ta], ["__scopeId", "data-v-718e3064
             })
           ])) : C("", !0)
         ]),
-        a("div", aa, [
+        a("div", da, [
           v.isAdd ? (l(), p("div", {
             key: 0,
             class: "item-text",
             style: { color: "hsl(0, 0%, 55%)" },
             textContent: d(D.value)
-          }, null, 8, la)) : v.name ? (l(), p(I, { key: 1 }, [
+          }, null, 8, ca)) : v.name ? (l(), p($, { key: 1 }, [
             a("div", {
               class: "item-text",
               textContent: d(T.value)
-            }, null, 8, ra),
-            A(v.$slots, "default", {}, void 0, !0)
+            }, null, 8, ua),
+            M(v.$slots, "default", {}, void 0, !0)
           ], 64)) : C("", !0)
         ])
       ], 16);
     };
   }
-}), ca = /* @__PURE__ */ F(da, [["__scopeId", "data-v-73746647"]]), ua = {
+}), pa = /* @__PURE__ */ L(ma, [["__scopeId", "data-v-73746647"]]), ha = {
   name: "HorizontalScroll",
   components: {
-    Simplebar: J
+    Simplebar: X
   },
   emits: ["expand"],
   data() {
@@ -5455,20 +5551,20 @@ const na = /* @__PURE__ */ F(Zs, [["render", ta], ["__scopeId", "data-v-718e3064
       }, 50);
     }
   }
-}, ma = {
+}, fa = {
   ref: "container",
   class: "horizontal-scroll"
-}, pa = { class: "hl-navigation" }, ha = { class: "hl-container" }, fa = { class: "flex w-full" };
-function ga(e, t, n, s, i, o) {
-  const r = u("CButton"), g = u("Simplebar");
-  return l(), p("div", ma, [
-    a("div", pa, [
+}, ga = { class: "hl-navigation" }, ya = { class: "hl-container" }, va = { class: "flex w-full" };
+function Ca(e, t, n, s, i, o) {
+  const r = m("CButton"), g = m("Simplebar");
+  return l(), p("div", fa, [
+    a("div", ga, [
       i.hasPrev ? (l(), p("div", {
         key: 0,
         class: "hl-btn-left max-sm:hidden",
         onClick: t[0] || (t[0] = (h) => o.go(-1))
       }, [
-        A(e.$slots, "nav-prev", {}, () => [
+        M(e.$slots, "nav-prev", {}, () => [
           c(r, {
             "icon-props": { size: 22 },
             icon: "chevron-left",
@@ -5483,7 +5579,7 @@ function ga(e, t, n, s, i, o) {
         class: "hl-btn-right max-sm:hidden",
         onClick: t[2] || (t[2] = (h) => o.go(1))
       }, [
-        A(e.$slots, "nav-prev", {}, () => [
+        M(e.$slots, "nav-prev", {}, () => [
           c(r, {
             "icon-props": { size: 22 },
             icon: "chevron-right",
@@ -5495,15 +5591,15 @@ function ga(e, t, n, s, i, o) {
         ], !0)
       ])) : C("", !0)
     ]),
-    a("div", ha, [
+    a("div", ya, [
       c(g, {
         ref: "list",
         class: "hl-list",
         onScroll: o.scrollHandler
       }, {
-        default: m(() => [
-          a("div", fa, [
-            A(e.$slots, "default", {}, void 0, !0)
+        default: u(() => [
+          a("div", va, [
+            M(e.$slots, "default", {}, void 0, !0)
           ])
         ]),
         _: 3
@@ -5511,12 +5607,12 @@ function ga(e, t, n, s, i, o) {
     ])
   ], 512);
 }
-const ya = /* @__PURE__ */ F(ua, [["render", ga], ["__scopeId", "data-v-8c23700f"]]);
-function va(e, { availableProducts: t }) {
+const ba = /* @__PURE__ */ L(ha, [["render", Ca], ["__scopeId", "data-v-8c23700f"]]);
+function ka(e, { availableProducts: t }) {
   if (!e) throw new Error("Missing parameter templateId");
   const n = t, s = Object.keys(n).find((i) => {
     var r;
-    const o = M(
+    const o = P(
       n[i],
       "metadata.companyPurchase"
     );
@@ -5524,7 +5620,7 @@ function va(e, { availableProducts: t }) {
   });
   return s ? n[s] : null;
 }
-async function Ca(e) {
+async function wa(e) {
   if (!e) throw new Error("Missing argument stripeProduct");
   const t = e == null ? void 0 : e.prices[0], { data: n } = await _t.createCheckoutSession({
     items: [
@@ -5541,7 +5637,7 @@ async function Ca(e) {
 function Je(e, { availableProducts: t }) {
   var i, o, r;
   let n = null;
-  const s = va(e.templateId, {
+  const s = ka(e.templateId, {
     availableProducts: t
   });
   return s && (n = {
@@ -5549,16 +5645,16 @@ function Je(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 () => Ca(s)
+    onBuy: async () => wa(s)
   }), n;
 }
-const ba = {
+const _a = {
   name: "GalleryTemplateModal",
   components: {
-    Simplebar: J,
+    Simplebar: X,
     DocumentLayout: Rt,
-    IsPremium: ee,
-    IsPremiumPreStep: X
+    IsPremium: te,
+    IsPremiumPreStep: ee
   },
   emits: ["use-template", "close"],
   props: {
@@ -5621,7 +5717,7 @@ const ba = {
     };
   },
   computed: {
-    ...R({
+    ...H({
       isLoading: "templates/isPosting",
       stripeProducts: "stripe/products",
       isSuperUser: "application/isSuperUser"
@@ -5688,41 +5784,41 @@ const ba = {
     },
     async copyToClipboard(e) {
       const t = `${K.baseUrl}/template/${e}`;
-      await He(t) && we("info", this.$t("copyMessage"));
+      await Ue(t) && we("info", this.$t("copyMessage"));
     }
   }
-}, ka = { class: "template-modal font-inter relative flex h-full w-full flex-col overflow-y-auto rounded-[1.25em] bg-gray-200 p-[10px] md:flex-row md:overflow-hidden" }, wa = {
+}, xa = { class: "template-modal font-inter relative flex h-full w-full flex-col overflow-y-auto rounded-[1.25em] bg-gray-200 p-[10px] md:flex-row md:overflow-hidden" }, Ta = {
   class: "min-h-[400px] flex-none md:min-h-0 md:flex-auto",
   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` }
-}, _a = {
+}, Da = {
   class: "order-first w-full p-6 md:order-none md:flex-[0_1_300px] md:p-[2em_1em_3em_2em]",
   style: { "font-size": "18px" }
-}, xa = { style: { "padding-bottom": "2em" } }, Ta = { style: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, Da = { style: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, Sa = { style: { hyphens: "auto" } }, Ia = {
+}, Sa = { style: { "padding-bottom": "2em" } }, $a = { 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%)" } }, La = { style: { hyphens: "auto" } }, Ba = {
   key: 0,
   style: { "padding-top": "1.5em" },
   class: "flex items-center"
-}, $a = { style: { "margin-left": "0.5em" } }, Fa = { style: { "font-weight": "500" } }, La = { style: { "font-weight": "400", "font-size": "14px" } }, Ba = { style: { "padding-bottom": "2em" } }, Va = {
+}, Fa = { style: { "margin-left": "0.5em" } }, Va = { style: { "font-weight": "500" } }, Ma = { style: { "font-weight": "400", "font-size": "14px" } }, Pa = { style: { "padding-bottom": "2em" } }, Aa = {
   key: 0,
   class: "mb-5 flex items-center gap-2 rounded-full border border-gray-300 bg-gray-300/60 p-1 text-sm"
-}, Ma = { class: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, Pa = ["textContent"], Aa = ["textContent"];
-function Ea(e, t, n, s, i, o) {
+}, Ea = { class: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, za = ["textContent"], Ra = ["textContent"];
+function Oa(e, t, n, s, i, o) {
   var D;
-  const r = u("DocumentLayout"), g = u("Simplebar"), h = u("CIcon"), y = u("CButton"), w = u("IsPremiumPreStep"), k = u("IsPremium");
-  return l(), p("div", ka, [
-    a("div", wa, [
+  const r = m("DocumentLayout"), g = m("Simplebar"), h = m("CIcon"), y = m("CButton"), w = m("IsPremiumPreStep"), k = m("IsPremium");
+  return l(), p("div", xa, [
+    a("div", Ta, [
       c(g, {
         class: "h-full w-full",
         "data-simplebar-auto-hide": "false"
       }, {
-        default: m(() => [
+        default: u(() => [
           o.previewDocument ? (l(), b(r, {
             key: 0,
             document: o.previewDocument
           }, null, 8, ["document"])) : C("", !0),
           n.product && !i.privateProduct.isPurchased ? (l(), b(W("style"), { key: 1 }, {
-            default: m(() => t[1] || (t[1] = [
+            default: u(() => t[1] || (t[1] = [
               x(" .ProseMirror > * + * { filter: blur(8px); user-select: none; pointer-events: none; } ")
             ])),
             _: 1
@@ -5731,37 +5827,37 @@ function Ea(e, t, n, s, i, o) {
         _: 1
       })
     ]),
-    a("div", _a, [
-      a("div", xa, [
-        a("div", Ta, d(n.meta.name), 1),
-        a("div", Da, [
-          (D = i.templateStat) != null && D.usedTimes ? (l(), p(I, { key: 0 }, [
+    a("div", Da, [
+      a("div", Sa, [
+        a("div", $a, d(n.meta.name), 1),
+        a("div", Ia, [
+          (D = i.templateStat) != null && D.usedTimes ? (l(), p($, { key: 0 }, [
             x(d(e.$t("_common:used").capitalize()) + " " + d(i.templateStat.usedTimes) + " " + d(e.$t("_common:times", { count: i.templateStat.usedTimes })), 1)
           ], 64)) : C("", !0)
         ]),
-        a("div", Sa, d(n.meta.text), 1),
-        n.meta.author ? (l(), p("div", Ia, [
+        a("div", La, d(n.meta.text), 1),
+        n.meta.author ? (l(), p("div", Ba, [
           a("div", {
             style: z([{ "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),
-          a("div", $a, [
-            a("div", Fa, d(n.meta.author.name), 1),
-            a("div", La, [
-              n.meta.author.templatesCount ? (l(), p(I, { key: 0 }, [
+          a("div", Fa, [
+            a("div", Va, d(n.meta.author.name), 1),
+            a("div", Ma, [
+              n.meta.author.templatesCount ? (l(), p($, { key: 0 }, [
                 x(d(n.meta.author.templatesCount) + " " + d(e.$t("_common:template", { count: n.meta.author.templatesCount })), 1)
-              ], 64)) : (l(), p(I, { key: 1 }, [
+              ], 64)) : (l(), p($, { key: 1 }, [
                 x(d(e.$t("_common:template").capitalize()), 1)
               ], 64))
             ])
           ])
         ])) : C("", !0)
       ]),
-      a("div", Ba, [
-        n.product ? (l(), p(I, { key: 0 }, [
-          i.privateProduct.isPurchased ? (l(), p("div", Va, [
-            a("div", Ma, [
+      a("div", Pa, [
+        n.product ? (l(), p($, { key: 0 }, [
+          i.privateProduct.isPurchased ? (l(), p("div", Aa, [
+            a("div", Ea, [
               c(h, {
                 type: "check",
                 size: "12",
@@ -5773,7 +5869,7 @@ function Ea(e, t, n, s, i, o) {
               textContent: d(
                 e.$t("_common:purchased", { thing: e.$t("_common:template") })
               )
-            }, null, 8, Pa)
+            }, null, 8, za)
           ])) : (l(), b(y, {
             key: 1,
             type: "secondary",
@@ -5782,20 +5878,20 @@ function Ea(e, t, n, s, i, o) {
             style: { "margin-bottom": "0.5em" },
             onClick: o.buyTemplate
           }, {
-            default: m(() => [
+            default: u(() => [
               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, Aa)
+              }, null, 8, Ra)
             ]),
             _: 1
           }, 8, ["onClick"]))
         ], 64)) : C("", !0),
         c(k, null, {
-          default: m(({ canUseTemplate: T }) => [
+          default: u(({ canUseTemplate: T }) => [
             c(w, { feature: "useDocTemplate" }, {
-              default: m(({ onClick: v }) => [
+              default: u(({ onClick: v }) => [
                 !n.product || i.privateProduct.isPurchased ? (l(), b(y, {
                   key: 0,
                   disabled: n.product ? !i.privateProduct.isPurchased : !1,
@@ -5804,7 +5900,7 @@ function Ea(e, t, n, s, i, o) {
                   style: { "margin-bottom": "0.5em" },
                   onClick: (f) => n.isPublicForm || T ? o.useSelectedTemplate() : v({ callback: o.useSelectedTemplate })
                 }, {
-                  default: m(() => [
+                  default: u(() => [
                     x(d(e.$t("_common:use", { thing: e.$t("_common:template") })), 1)
                   ]),
                   _: 2
@@ -5816,9 +5912,9 @@ function Ea(e, t, n, s, i, o) {
           _: 1
         }),
         c(k, null, {
-          default: m(({ canCreateTemplate: T }) => [
+          default: u(({ canCreateTemplate: T }) => [
             c(w, { feature: "saveDocTemplate" }, {
-              default: m(({ onClick: v }) => {
+              default: u(({ onClick: v }) => {
                 var f;
                 return [
                   (n.product ? (f = n.product) != null && f.isPurchased : n.showSave) ? (l(), b(y, {
@@ -5830,7 +5926,7 @@ function Ea(e, t, n, s, i, o) {
                     wide: "",
                     onClick: (_) => i.didSave ? null : n.isPublicForm || T ? o.saveAsTemplate() : v({ callback: o.saveAsTemplate })
                   }, {
-                    default: m(() => [
+                    default: u(() => [
                       x(d(i.didSave ? e.$t("_common:savedThing", { thing: e.$t("_common:template") }) : e.$t("_common:saveAs", { thing: e.$t("_common:template") })), 1)
                     ]),
                     _: 2
@@ -5849,7 +5945,7 @@ function Ea(e, t, n, s, i, o) {
           wide: "",
           onClick: t[0] || (t[0] = (T) => o.copyToClipboard(n.template.id))
         }, {
-          default: m(() => [
+          default: u(() => [
             x(d(e.$t("_common:share", { thing: e.$t("_common:link") })), 1)
           ]),
           _: 1
@@ -5858,7 +5954,7 @@ function Ea(e, t, n, s, i, o) {
     ])
   ]);
 }
-const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-2ccff3bb"]]), Ra = {
+const Ha = /* @__PURE__ */ L(_a, [["render", Oa], ["__scopeId", "data-v-2ccff3bb"]]), Ua = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -5901,6 +5997,9 @@ const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-2ccff3bb
       }
     }
   },
+  setup() {
+    return { paywall: Zt() };
+  },
   props: {
     fetchGallery: {
       type: Function,
@@ -5958,9 +6057,9 @@ const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-2ccff3bb
     };
   },
   computed: {
-    ...R({
-      stripeProducts: "stripe/products"
-    }),
+    stripeProducts() {
+      return this.paywall.isAvailable ? this.$store.getters["stripe/products"] || {} : {};
+    },
     galleryItems() {
       return this.isLoading ? Array(6).fill({ placeholder: !0 }) : this.templateGalleryItems.filter(
         ({ categories: e }) => e.includes(this.activeCategory && this.activeCategory.key)
@@ -5982,12 +6081,9 @@ const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-2ccff3bb
       !e || !e.length || (!this.activeCategory || !e.includes(this.activeCategory)) && this.selectCategory(e[0]);
     }
   },
-  beforeCreate() {
-    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", Nt);
-  },
   async created() {
     var n, s, i, o;
-    this.canPurchase && await this.loadPrices();
+    this.canPurchase && this.paywall.isAvailable && await this.loadPrices();
     let e = this.galleryCategory;
     !e && ((s = (n = this.$route) == null ? void 0 : n.query) != null && s.list) && ([e] = this.$route.query.list.split(",")), e && (this.activeCategory = this.allCategories.find(
       ({ key: r }) => r === e
@@ -6005,7 +6101,7 @@ const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-2ccff3bb
   },
   methods: {
     ...Z({
-      loadPrices: P.LOAD_PRICES
+      loadPrices: A.LOAD_PRICES
     }),
     async loadTemplateGallery() {
       this.isLoading = !0;
@@ -6017,7 +6113,7 @@ const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-2ccff3bb
       try {
         const t = await this.fetchGallery(e);
         this.templateGalleryItems = (t || []).map((n) => {
-          if (this.canPurchase && n.isPurchasable) {
+          if (this.canPurchase && this.paywall.isAvailable && n.isPurchasable) {
             const s = Je(n, {
               availableProducts: this.stripeProducts
             });
@@ -6058,7 +6154,7 @@ const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-2ccff3bb
         docspo: "/img/docspo/icons/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        za,
+        Ha,
         {
           template: e,
           fetchGallery: this.fetchGallery,
@@ -6103,8 +6199,8 @@ const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-2ccff3bb
     }
   }
 };
-function Oa(e, t, n, s, i, o) {
-  return A(e.$slots, "default", {
+function qa(e, t, n, s, i, o) {
+  return M(e.$slots, "default", {
     galleryItems: o.galleryItems,
     categories: o.categories,
     activeCategory: i.activeCategory,
@@ -6112,7 +6208,7 @@ function Oa(e, t, n, s, i, o) {
     selectGalleryItem: o.selectGalleryItem
   });
 }
-const Ua = /* @__PURE__ */ F(Ra, [["render", Oa]]), Ha = {
+const Ga = /* @__PURE__ */ L(Ua, [["render", qa]]), Na = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -6156,14 +6252,14 @@ const Ua = /* @__PURE__ */ F(Ra, [["render", Oa]]), Ha = {
   },
   name: "TemplateSelector",
   components: {
-    HorizontalScroll: ya,
-    DocumentIcon: ca,
-    DocumentRecent: na,
-    GalleryLogic: Ua,
-    IsPremiumPreStep: X,
+    HorizontalScroll: ba,
+    DocumentIcon: pa,
+    DocumentRecent: sa,
+    GalleryLogic: Ga,
+    IsPremiumPreStep: ee,
     CDropdown: re,
     CDropdownItem: q,
-    TemplateActionsDropdown: js
+    TemplateActionsDropdown: Qs
   },
   mixins: [Q],
   props: {
@@ -6220,7 +6316,7 @@ const Ua = /* @__PURE__ */ F(Ra, [["render", Oa]]), Ha = {
     };
   },
   computed: {
-    ...R({
+    ...H({
       canFeature: "application/feature",
       templateById: "templates/byId",
       isFetchingTemplates: "templates/isFetching",
@@ -6267,10 +6363,10 @@ const Ua = /* @__PURE__ */ F(Ra, [["render", Oa]]), Ha = {
   },
   methods: {
     ...Z({
-      loadTemplatesAction: P.LOAD_TEMPLATES,
-      loadTemplate: P.LOAD_TEMPLATE,
-      createTemplate: P.DO_CREATE_TEMPLATE,
-      removeTemplate: P.REMOVE_TEMPLATE
+      loadTemplatesAction: A.LOAD_TEMPLATES,
+      loadTemplate: A.LOAD_TEMPLATE,
+      createTemplate: A.DO_CREATE_TEMPLATE,
+      removeTemplate: A.REMOVE_TEMPLATE
     }),
     loadTemplates() {
       const e = {};
@@ -6287,7 +6383,7 @@ const Ua = /* @__PURE__ */ F(Ra, [["render", Oa]]), Ha = {
     },
     async saveTemplate(e) {
       try {
-        const { data: t } = e, n = $t(t, [
+        const { data: t } = e, n = It(t, [
           "_id",
           "id",
           "companyId",
@@ -6319,46 +6415,46 @@ const Ua = /* @__PURE__ */ F(Ra, [["render", Oa]]), Ha = {
       );
     },
     async fetchGallery(e = {}) {
-      const { data: t } = await It.get(e);
+      const { data: t } = await $t.get(e);
       return t;
     },
     canUseTemplate(e) {
       return e.doConsumeDocumentQuota ? this.canFeature("useDocTemplate") : !0;
     }
   }
-}, qa = { class: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, Ga = { style: { width: "100%", "padding-bottom": "5em" } }, Na = { class: "section-title" }, Wa = { class: "section-subtitle" }, ja = {
+}, Wa = { class: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, ja = { style: { width: "100%", "padding-bottom": "5em" } }, Za = { class: "section-title" }, Ka = { class: "section-subtitle" }, Qa = {
   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"
-}, Za = {
+}, Ya = {
   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"
-}, Ka = { style: { width: "100%", "padding-bottom": "5em" } }, Qa = { class: "section-title w-full" }, Ya = { class: "flex items-center justify-between" }, Ja = ["innerHTML"], Xa = {
+}, Ja = { style: { width: "100%", "padding-bottom": "5em" } }, Xa = { class: "section-title w-full" }, el = { class: "flex items-center justify-between" }, tl = ["innerHTML"], nl = {
   key: 0,
   class: "bg-primary-500 border-primary-700/40 rounded border p-1 text-xs font-semibold leading-none text-white shadow-lg"
-}, el = ["textContent"], tl = {
+}, il = ["textContent"], ol = {
   class: "section-title",
   style: { flex: "1 1 auto", "padding-bottom": "0.5em" }
-}, nl = { class: "section-subtitle" };
-function il(e, t, n, s, i, o) {
-  const r = u("CIcon"), g = u("CButton"), h = u("TemplateActionsDropdown"), y = u("DocumentIcon"), w = u("IsPremiumPreStep"), k = u("CDropdownItem"), D = u("CDropdown"), T = u("HorizontalScroll"), v = u("GalleryLogic"), f = u("DocumentRecent"), _ = ie("tooltip");
-  return l(), p("div", qa, [
+}, sl = { class: "section-subtitle" };
+function al(e, t, n, s, i, o) {
+  const r = m("CIcon"), g = m("CButton"), h = m("TemplateActionsDropdown"), y = m("DocumentIcon"), w = m("IsPremiumPreStep"), k = m("CDropdownItem"), D = m("CDropdown"), T = m("HorizontalScroll"), v = m("GalleryLogic"), f = m("DocumentRecent"), _ = ie("tooltip");
+  return l(), p("div", Wa, [
     a("div", {
-      class: B([{ small: e.mq === "sm" }, "font-inter form-start main mx-auto max-w-5xl"])
+      class: F([{ small: e.mq === "sm" }, "font-inter form-start main mx-auto max-w-5xl"])
     }, [
-      A(e.$slots, "header", {}, void 0, !0),
-      a("div", Ga, [
-        a("div", Na, [
+      M(e.$slots, "header", {}, void 0, !0),
+      a("div", ja, [
+        a("div", Za, [
           a("div", null, d(e.$t("myTemplates")), 1),
-          a("div", Wa, d(e.$t("myTemplatesSubTitle")), 1)
+          a("div", Ka, d(e.$t("myTemplatesSubTitle")), 1)
         ]),
         c(w, { feature: "useDocTemplate" }, {
-          default: m(({ onClick: $ }) => [
+          default: u(({ onClick: I }) => [
             (l(), b(W(i.isExpanded ? "div" : "HorizontalScroll"), {
-              class: B([{ "is-expanded": i.isExpanded }, "template-list"]),
+              class: F([{ "is-expanded": i.isExpanded }, "template-list"]),
               onExpand: t[1] || (t[1] = (S) => i.isExpanded = !0)
             }, {
-              default: m(() => [
-                (l(!0), p(I, null, E(o.myTemplates, (S) => (l(), b(y, {
+              default: u(() => [
+                (l(!0), p($, null, E(o.myTemplates, (S) => (l(), b(y, {
                   key: S.id,
                   "is-add": S.id === "empty",
                   "is-placeholder": S.placeholder,
@@ -6366,10 +6462,10 @@ function il(e, t, n, s, i, o) {
                   thumbnail: S.thumbnailUrl,
                   name: S.name,
                   class: "template-item",
-                  onTriggerOpenTemplate: (H) => S.placeholder ? null : o.canUseTemplate(S) ? o.select({ templateId: S.id }) : $()
+                  onTriggerOpenTemplate: (U) => S.placeholder ? null : o.canUseTemplate(S) ? o.select({ templateId: S.id }) : I()
                 }, {
-                  badge: m(() => [
-                    o.canUseTemplate(S) ? !S.doConsumeDocumentQuota && !S.placeholder ? (l(), p("div", Za, d(e.$t("_common:free")), 1)) : C("", !0) : (l(), p("div", ja, [
+                  badge: u(() => [
+                    o.canUseTemplate(S) ? !S.doConsumeDocumentQuota && !S.placeholder ? (l(), p("div", Ya, d(e.$t("_common:free")), 1)) : C("", !0) : (l(), p("div", Qa, [
                       c(r, {
                         type: "lock",
                         size: "12",
@@ -6378,7 +6474,7 @@ function il(e, t, n, s, i, o) {
                       t[3] || (t[3] = a("div", { class: "text-[11px] font-semibold" }, "Pro", -1))
                     ]))
                   ]),
-                  default: m(() => [
+                  default: u(() => [
                     S.onModify === "create" && !S.doConsumeDocumentQuota ? G((l(), b(g, {
                       key: 0,
                       icon: "info",
@@ -6421,43 +6517,43 @@ function il(e, t, n, s, i, o) {
         "modal-props": o.galleryModalProps,
         "gallery-category": n.galleryCategory
       }, {
-        default: m(({
-          galleryItems: $,
+        default: u(({
+          galleryItems: I,
           categories: S,
-          activeCategory: H,
+          activeCategory: U,
           selectCategory: V,
           selectGalleryItem: se
         }) => [
-          a("div", Ka, [
-            a("div", Qa, [
-              a("div", Ya, [
+          a("div", Ja, [
+            a("div", Xa, [
+              a("div", el, [
                 a("div", null, d(e.$t("gallery")), 1),
                 c(D, {
                   style: { "margin-left": "calc(0.5 * var(--rem))" },
                   onClick: t[2] || (t[2] = j(() => {
                   }, ["stop"]))
                 }, {
-                  trigger: m(() => [
+                  trigger: u(() => [
                     c(g, {
                       size: "small",
                       type: "none",
                       pattern: "secondary",
                       "icon-right": "chevron-down"
                     }, {
-                      default: m(() => [
-                        x(d(H ? H.label : ""), 1)
+                      default: u(() => [
+                        x(d(U ? U.label : ""), 1)
                       ]),
                       _: 2
                     }, 1024)
                   ]),
-                  default: m(() => [
-                    (l(!0), p(I, null, E(S, (L) => (l(), b(k, {
-                      key: L.key,
-                      "icon-right": H && H.key === L.key ? "check" : "",
-                      onClick: (ce) => V(L)
+                  default: u(() => [
+                    (l(!0), p($, null, E(S, (B) => (l(), b(k, {
+                      key: B.key,
+                      "icon-right": U && U.key === B.key ? "check" : "",
+                      onClick: (ce) => V(B)
                     }, {
-                      default: m(() => [
-                        x(d(L.label), 1)
+                      default: u(() => [
+                        x(d(B.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["icon-right", "onClick"]))), 128))
@@ -6468,29 +6564,29 @@ function il(e, t, n, s, i, o) {
               a("div", {
                 class: "section-subtitle",
                 innerHTML: e.$t("gallerySubTitle")
-              }, null, 8, Ja)
+              }, null, 8, tl)
             ]),
             c(T, { class: "template-list" }, {
-              default: m(() => [
-                (l(!0), p(I, null, E($, (L) => (l(), b(y, {
-                  key: L.id,
-                  "is-placeholder": L.placeholder,
-                  media: { type: "image", resourceUrl: L.backgroundUrl },
-                  name: L.name,
+              default: u(() => [
+                (l(!0), p($, null, E(I, (B) => (l(), b(y, {
+                  key: B.id,
+                  "is-placeholder": B.placeholder,
+                  media: { type: "image", resourceUrl: B.backgroundUrl },
+                  name: B.name,
                   class: "template-item",
-                  onTriggerOpenTemplate: (ce) => L.placeholder ? null : se(L)
+                  onTriggerOpenTemplate: (ce) => B.placeholder ? null : se(B)
                 }, {
-                  badge: m(() => [
-                    L.product ? (l(), p("div", Xa, [
-                      L.product.isPurchased ? (l(), b(r, {
+                  badge: u(() => [
+                    B.product ? (l(), p("div", nl, [
+                      B.product.isPurchased ? (l(), b(r, {
                         key: 0,
                         type: "check",
                         size: "14",
                         "stroke-width": "3"
                       })) : (l(), p("div", {
                         key: 1,
-                        textContent: d(L.product.price)
-                      }, null, 8, el))
+                        textContent: d(B.product.price)
+                      }, null, 8, il))
                     ])) : C("", !0)
                   ]),
                   _: 2
@@ -6507,10 +6603,10 @@ function il(e, t, n, s, i, o) {
         onUseDocTemplate: o.select,
         onSaveTemplate: o.openTemplateFormModal
       }, {
-        default: m(() => [
-          a("div", tl, [
+        default: u(() => [
+          a("div", ol, [
             a("div", null, d(e.$t("recent")), 1),
-            a("div", nl, d(e.$t("recentSubTitle")), 1)
+            a("div", sl, d(e.$t("recentSubTitle")), 1)
           ])
         ]),
         _: 1
@@ -6518,12 +6614,12 @@ function il(e, t, n, s, i, o) {
     ], 2)
   ]);
 }
-const ol = /* @__PURE__ */ F(Ha, [["render", il], ["__scopeId", "data-v-8b78439a"]]);
+const ll = /* @__PURE__ */ L(Na, [["render", al], ["__scopeId", "data-v-8b78439a"]]);
 var he, Ve;
-function sl() {
+function rl() {
   if (Ve) return he;
   Ve = 1;
-  var e = Ft(), t = Lt(), n = Bt();
+  var e = Lt(), t = Bt(), n = Ft();
   function s(i, o, r) {
     for (var g = -1, h = o.length, y = {}; ++g < h; ) {
       var w = o[g], k = e(i, w);
@@ -6534,10 +6630,10 @@ function sl() {
   return he = s, he;
 }
 var fe, Me;
-function al() {
+function dl() {
   if (Me) return fe;
   Me = 1;
-  var e = sl(), t = Vt();
+  var e = rl(), t = Vt();
   function n(s, i) {
     return e(s, i, function(o, r) {
       return t(s, r);
@@ -6546,16 +6642,16 @@ function al() {
   return fe = n, fe;
 }
 var ge, Pe;
-function ll() {
+function cl() {
   if (Pe) return ge;
   Pe = 1;
-  var e = al(), t = Kt(), n = t(function(s, i) {
+  var e = dl(), t = jt(), n = t(function(s, i) {
     return s == null ? {} : e(s, i);
   });
   return ge = n, ge;
 }
-var rl = ll();
-const dl = /* @__PURE__ */ Ue(rl), cl = {
+var ul = cl();
+const ml = /* @__PURE__ */ He(ul), pl = {
   name: "DocForm",
   i18nOptions: {
     namespaces: "widgetDocForm",
@@ -6569,9 +6665,9 @@ const dl = /* @__PURE__ */ Ue(rl), cl = {
     }
   },
   components: {
-    TemplateSelector: ol,
-    DocumentForm: Ws,
-    PostSend: dn
+    TemplateSelector: ll,
+    DocumentForm: Ks,
+    PostSend: rn
   },
   provide() {
     return {
@@ -6638,7 +6734,7 @@ const dl = /* @__PURE__ */ Ue(rl), cl = {
     };
   },
   computed: {
-    ...R({
+    ...H({
       company: "application/company",
       feature: "application/feature",
       can: "application/can",
@@ -6672,12 +6768,12 @@ const dl = /* @__PURE__ */ Ue(rl), cl = {
   },
   methods: {
     ...Z({
-      removeFormKeyValue: P.REMOVE_FORM_KEY_VALUE,
-      loadDocumentForm: P.LOAD_DOCUMENT2_FORM,
-      duplicateDocumentForm: P.LOAD_DUPLICATE_DOCUMENT2_FORM,
-      saveDocument: P.SAVE_DYNDOC_FORM,
-      loadCompanyUser: P.LOAD_COMPANY_USER,
-      saveTemplate: P.SAVE_TEMPLATE_FORM
+      removeFormKeyValue: A.REMOVE_FORM_KEY_VALUE,
+      loadDocumentForm: A.LOAD_DOCUMENT2_FORM,
+      duplicateDocumentForm: A.LOAD_DUPLICATE_DOCUMENT2_FORM,
+      saveDocument: A.SAVE_DYNDOC_FORM,
+      loadCompanyUser: A.LOAD_COMPANY_USER,
+      saveTemplate: A.SAVE_TEMPLATE_FORM
     }),
     async initDoc() {
       if (!this.rawDoc) throw new Error("Missing initiated form document");
@@ -6690,7 +6786,7 @@ const dl = /* @__PURE__ */ Ue(rl), cl = {
     },
     async onTemplateSelect({ templateId: e, documentId: t, formData: n }) {
       var i;
-      const s = dl({ ...this.rawDoc }, [
+      const s = ml({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
         "subscriberCompanyUserIds",
@@ -6739,15 +6835,15 @@ const dl = /* @__PURE__ */ Ue(rl), cl = {
       return !t.sms && !t.email;
     }
   }
-}, ul = { class: "flex h-full w-full flex-col" }, ml = {
+}, hl = { class: "flex h-full w-full flex-col" }, fl = {
   key: 0,
   class: "flex h-full w-full flex-col"
-}, pl = { class: "relative flex h-16 items-center justify-center border-b border-gray-200" };
-function hl(e, t, n, s, i, o) {
-  const r = u("CButton"), g = u("TemplateSelector"), h = u("DocumentForm"), y = u("PostSend");
-  return l(), p("div", ul, [
-    i.view === "templateSelect" ? (l(), p("div", ml, [
-      a("div", pl, [
+}, gl = { class: "relative flex h-16 items-center justify-center border-b border-gray-200" };
+function yl(e, t, n, s, i, o) {
+  const r = m("CButton"), g = m("TemplateSelector"), h = m("DocumentForm"), y = m("PostSend");
+  return l(), p("div", hl, [
+    i.view === "templateSelect" ? (l(), p("div", fl, [
+      a("div", gl, [
         n.closeFunc ? (l(), b(r, {
           key: 0,
           icon: "x",
@@ -6782,7 +6878,7 @@ function hl(e, t, n, s, i, o) {
       "can-show-banner": !1,
       "show-keep-clients-option": n.showKeepClientsOption
     }, {
-      "nav-right-action": m(() => [
+      "nav-right-action": u(() => [
         n.isEditingTemplate ? (l(), b(r, {
           key: 0,
           loading: i.isSavingTemplate,
@@ -6794,7 +6890,7 @@ function hl(e, t, n, s, i, o) {
           thinner: "",
           onClick: o.onSaveTemplateClick
         }, {
-          default: m(() => [
+          default: u(() => [
             x(d(e.$t("_common:save", { thing: e.$t("_common:template") })), 1)
           ]),
           _: 1
@@ -6809,7 +6905,7 @@ function hl(e, t, n, s, i, o) {
     }, null, 8, ["document", "on-send-func", "on-close-func"])) : C("", !0)
   ]);
 }
-const Ol = /* @__PURE__ */ F(cl, [["render", hl], ["__scopeId", "data-v-d0a00abf"]]);
+const ql = /* @__PURE__ */ L(pl, [["render", yl], ["__scopeId", "data-v-d0a00abf"]]);
 export {
-  Ol as default
+  ql as default
 };