@cling-se/widget 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/{DocForm-D6_tGw06.js → DocForm-DqcBP2UJ.js}

@@ -1,30 +1,30 @@
-import Ne from "./AnswerModal-Dc3cgkap.js";
-import { o as We } from "./index-jOufDnZ8.js";
-import { w as Z, C as ue, a as me } from "./CDropdownItem-DvaU14-V.js";
-import { dV as de, a as W, g as B, _ as F, b as m, o as a, d as p, s as l, e as c, v as d, w as u, B as T, l as E, f as C, aj as te, n as L, ao as q, S as M, a$ as Q, c as v, aq as G, Z as pe, F as I, h as he, I as ve, i as H, x as Ce, H as je, p as j, $ as be, dW as Ze, j as De, aa as V, k as P, m as O, D as Ke, dX as Qe, ah as Ye, A as Se, W as ee, dA as Je, aL as ke, a3 as le, E as N, aG as Xe, af as et, aA as fe, y as se, dM as $e, dN as Ie, G as ce, z as tt, a5 as we, dY as ae, dO as nt, dZ as it, bF as ot, a8 as Fe, d_ as st, Y as lt, a1 as Le, r as at, d$ as rt, e0 as dt, cR as ct, u as ut, aK as _e, a7 as mt, e1 as pt, C as Ve, e2 as ht, e3 as ft, az as Be, e4 as gt, e5 as yt, dP as vt, e6 as Ct, e7 as bt, e8 as kt, aV as wt, e9 as _t, ea as xt } from "./main-C4OdoeS2.js";
+import Ne from "./AnswerModal-C3ZiCo8B.js";
+import { o as We } from "./index-dVnUqU3i.js";
+import { w as Z, C as ue, a as me } from "./CDropdownItem-D_JIqQry.js";
+import { dW as de, a as W, g as B, _ as F, b as m, o as a, d as p, s as l, e as c, v as d, w as u, B as T, l as E, f as C, aj as te, n as L, ao as q, S as M, a$ as Q, c as v, aq as G, Z as pe, F as I, h as he, I as ve, i as H, x as Ce, H as je, p as j, $ as be, dX as Ze, j as De, aa as V, k as P, m as O, D as Ke, dY as Qe, ah as Ye, A as Se, W as ee, dB as Je, aL as ke, a3 as le, E as N, aG as Xe, af as et, aA as fe, y as se, dN as $e, dO as Ie, G as ce, z as tt, a5 as we, dZ as ae, dP as nt, d_ as it, bF as ot, a8 as Fe, d$ as st, Y as lt, e0 as at, a1 as Le, r as rt, e1 as dt, e2 as ct, cR as ut, u as mt, aK as _e, a7 as pt, e3 as ht, C as Ve, e4 as ft, e5 as gt, az as Be, e6 as yt, e7 as vt, dQ as Ct, e8 as bt, e9 as kt, ea as wt, aV as _t, eb as xt, ec as Tt } from "./main-HovvOABR.js";
 /* empty css                       */
-import { l as Tt, g as Dt, a as St, b as $t, _ as It, D as Ft } from "./DocumentLayout-BRfEjoYq.js";
-import { F as Me, d as Lt } from "./tippy.esm-Dz-faEsS.js";
-import { m as ne, u as Pe, c as xe, i as Vt } from "./mapFormMixin-v-nbaWcx.js";
-import "./helpers-Vo_6Zz3M.js";
-import { a as Bt } from "./ClientAutocomplete-D5veIKyZ.js";
-import { _ as Mt } from "./Sortable.vue_vue_type_script_setup_true_lang-D0mloJIN.js";
-import { d as ge, t as Pt } from "./debounce-CBRJalZI.js";
-import { C as At, I as Y, _ as Ae, a as J, s as Et } from "./index-D63IJVsJ.js";
-import { _ as ye } from "./CFormField.vue_vue_type_script_setup_true_lang-B4s_Zfsp.js";
-import { S as zt } from "./SmartList-BmmtZoZ0.js";
-import { u as Ee } from "./index-8g2jwLJx.js";
-import { r as Te, a as Rt } from "./index-FRHGChx1.js";
-import { o as Ot, _ as Ht } from "./omit-GuxX6Zt-.js";
-import { s as U } from "./formDrawerState-jssoGOce.js";
-import { s as Ut } from "./dom-CkTGWrfu.js";
-import { S as qt } from "./SendForm-Be8uiuaJ.js";
-import "./template-m1V22cUt.js";
-import { u as Gt } from "./validation-C-dQpENM.js";
-import { C as Nt } from "./CCallout-81NkOge7.js";
-import { _ as Wt } from "./CSkeleton.vue_vue_type_script_setup_true_lang-D56L_PYT.js";
-import { B as jt } from "./BlockMedia-DbVE3vsb.js";
-const Zt = {
+import { l as Dt, g as St, a as $t, b as It, _ as Ft, D as Lt } from "./DocumentLayout-BaoFdMO6.js";
+import { F as Me, d as Vt } from "./tippy.esm-15L5vY3N.js";
+import { m as ne, u as Pe, c as xe, i as Bt } from "./mapFormMixin-Drw03jK5.js";
+import "./helpers-lVEFx0PD.js";
+import { a as Mt } from "./ClientAutocomplete-BgNYrRFx.js";
+import { _ as Pt } from "./Sortable.vue_vue_type_script_setup_true_lang-BKt64PhC.js";
+import { d as ge, t as At } from "./debounce-maYKTo6w.js";
+import { C as Et, I as Y, _ as Ae, a as J, s as zt } from "./index-5ijAriB0.js";
+import { _ as ye } from "./CFormField.vue_vue_type_script_setup_true_lang-Dc8lJfJY.js";
+import { S as Rt } from "./SmartList-BbJIkRWT.js";
+import { u as Ee } from "./index-ypqE1092.js";
+import { r as Te, a as Ot } from "./index-D0vSroeo.js";
+import { o as Ht, _ as Ut } from "./omit-CD-TQz-x.js";
+import { s as U } from "./formDrawerState-Cdrp-3tw.js";
+import { s as qt } from "./dom-CkTGWrfu.js";
+import { S as Gt } from "./SendForm-CEA1OWuP.js";
+import "./template-Cjq_4YHS.js";
+import { u as Nt } from "./validation-021sKbqs.js";
+import { C as Wt } from "./CCallout-DpRDlPTh.js";
+import { _ as jt } from "./CSkeleton.vue_vue_type_script_setup_true_lang-YuPayxdi.js";
+import { B as Zt } from "./BlockMedia-CaOxWdgC.js";
+const Kt = {
   name: "DocumentPostSendStep",
   mixins: [Z],
   i18nOptions: {
@@ -57,9 +57,6 @@ const Zt = {
     }
   },
   computed: {
-    modalHeight() {
-      return this.mq === "sm" ? "100%" : "auto";
-    },
     usesManualDelivery() {
       const e = de(this.document);
       return !e.sms && !e.email;
@@ -101,7 +98,6 @@ const Zt = {
         Ne,
         {
           _document: this.document,
-          fullScreen: this.modalHeight === "100%",
           isSender: !0,
           // todo: redundant or for easy access in template for other translations etc?
           // actions intended mirror public requests made in accept/bankId modals
@@ -124,8 +120,8 @@ const Zt = {
         {
           adaptive: !0,
           scrollable: !0,
-          height: this.modalHeight,
-          maxWidth: this.modalHeight === "100%" ? 999 : 450,
+          height: "auto",
+          maxWidth: this.mq === "sm" ? 999 : 450,
           classes: "overflow-visible",
           transition: "fade-in-slide-up"
         },
@@ -141,12 +137,12 @@ const Zt = {
       this.onCloseFunc && this.onCloseFunc();
     }
   }
-}, Kt = { class: "font-inter root" }, Qt = { class: "container" }, Yt = { class: "icon-wrapper" }, Jt = ["textContent"];
-function Xt(e, t, n, s, i, o) {
+}, Qt = { class: "font-inter root" }, Yt = { class: "container" }, Jt = { class: "icon-wrapper" }, Xt = ["textContent"];
+function en(e, t, n, s, i, o) {
   const r = m("CIcon"), g = m("CButton");
-  return a(), p("div", Kt, [
-    l("div", Qt, [
-      l("div", Yt, [
+  return a(), p("div", Qt, [
+    l("div", Yt, [
+      l("div", Jt, [
         c(r, {
           size: 20,
           type: "email"
@@ -155,7 +151,7 @@ function Xt(e, t, n, s, i, o) {
       l("div", {
         class: "title",
         textContent: d(e.$t("title"))
-      }, null, 8, Jt),
+      }, null, 8, Xt),
       t[0] || (t[0] = l("div", { class: "divider" }, null, -1)),
       c(g, {
         type: "secondary",
@@ -170,7 +166,7 @@ function Xt(e, t, n, s, i, o) {
     ])
   ]);
 }
-const en = /* @__PURE__ */ F(Zt, [["render", Xt], ["__scopeId", "data-v-4ecd38dc"]]), tn = {
+const tn = /* @__PURE__ */ F(Kt, [["render", en], ["__scopeId", "data-v-063acc4f"]]), nn = {
   name: "Drawer",
   props: {
     modelValue: {
@@ -214,7 +210,7 @@ const en = /* @__PURE__ */ F(Zt, [["render", Xt], ["__scopeId", "data-v-4ecd38dc
     }
   }
 };
-function nn(e, t, n, s, i, o) {
+function on(e, t, n, s, i, o) {
   return a(), p("div", null, [
     c(te, { name: "fade" }, {
       default: u(() => [
@@ -259,7 +255,7 @@ function nn(e, t, n, s, i, o) {
     }, 8, ["name"])
   ]);
 }
-const ze = /* @__PURE__ */ F(tn, [["render", nn], ["__scopeId", "data-v-05571167"]]), on = {
+const ze = /* @__PURE__ */ F(nn, [["render", on], ["__scopeId", "data-v-05571167"]]), sn = {
   name: "DocumentDrawer",
   components: {
     simplebar: Q,
@@ -285,8 +281,8 @@ const ze = /* @__PURE__ */ F(tn, [["render", nn], ["__scopeId", "data-v-05571167
     }
   },
   emits: ["update:open"]
-}, sn = { style: { height: "100%", "z-index": "110" } }, ln = { style: { height: "100%", overflow: "auto" } };
-function an(e, t, n, s, i, o) {
+}, ln = { style: { height: "100%", "z-index": "110" } }, an = { style: { height: "100%", overflow: "auto" } };
+function rn(e, t, n, s, i, o) {
   return a(), v(te, {
     name: n.fixed ? void 0 : "grow-anim",
     mode: "out-in"
@@ -305,8 +301,8 @@ function an(e, t, n, s, i, o) {
         "onUpdate:modelValue": t[0] || (t[0] = (r) => n.fixed ? e.$emit("update:open", r) : null)
       }), {
         default: u(() => [
-          l("div", sn, [
-            l("div", ln, [
+          l("div", ln, [
+            l("div", an, [
               l("div", {
                 style: E(
                   n.fixed && {
@@ -328,25 +324,25 @@ function an(e, t, n, s, i, o) {
     _: 3
   }, 8, ["name"]);
 }
-const rn = /* @__PURE__ */ F(on, [["render", an], ["__scopeId", "data-v-cd55344e"]]), dn = {
+const dn = /* @__PURE__ */ F(sn, [["render", rn], ["__scopeId", "data-v-cd55344e"]]), cn = {
   name: "DocumentFormNav"
-}, cn = { class: "DocumentFormNav fixed left-0 right-0 top-0 z-[98] bg-gray-200 px-2 py-2 shadow-lg md:px-6" }, un = { class: "flex" }, mn = { class: "inline-flex flex-grow items-center" }, pn = { class: "inline-flex flex-auto items-center justify-center" }, hn = { class: "inline-flex flex-grow items-center justify-end" };
-function fn(e, t, n, s, i, o) {
-  return a(), p("div", cn, [
-    l("div", un, [
-      l("div", mn, [
+}, un = { class: "DocumentFormNav fixed left-0 right-0 top-0 z-[98] bg-gray-200 px-2 py-2 shadow-lg md:px-6" }, mn = { class: "flex" }, pn = { class: "inline-flex flex-grow items-center" }, hn = { class: "inline-flex flex-auto items-center justify-center" }, fn = { class: "inline-flex flex-grow items-center justify-end" };
+function gn(e, t, n, s, i, o) {
+  return a(), p("div", un, [
+    l("div", mn, [
+      l("div", pn, [
         M(e.$slots, "left")
       ]),
-      l("div", pn, [
+      l("div", hn, [
         M(e.$slots, "center")
       ]),
-      l("div", hn, [
+      l("div", fn, [
         M(e.$slots, "right")
       ])
     ])
   ]);
 }
-const gn = /* @__PURE__ */ F(dn, [["render", fn]]), yn = {
+const yn = /* @__PURE__ */ F(cn, [["render", gn]]), vn = {
   name: "DocumentFormViewRadio",
   props: {
     modelValue: {
@@ -359,10 +355,10 @@ const gn = /* @__PURE__ */ F(dn, [["render", fn]]), yn = {
     }
   },
   emits: ["update:modelValue"]
-}, vn = { class: "inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 text-sm text-white" };
-function Cn(e, t, n, s, i, o) {
+}, Cn = { class: "inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 text-sm text-white" };
+function bn(e, t, n, s, i, o) {
   const r = m("CIcon");
-  return a(), p("div", vn, [
+  return a(), p("div", Cn, [
     l("div", {
       class: L([{
         "m-0 bg-white px-3 py-[1em] text-zinc-900 drop-shadow-md": n.modelValue === "edit"
@@ -394,7 +390,7 @@ function Cn(e, t, n, s, i, o) {
     ], 2)
   ]);
 }
-const bn = /* @__PURE__ */ F(yn, [["render", Cn]]), kn = {
+const kn = /* @__PURE__ */ F(vn, [["render", bn]]), wn = {
   name: "BlockControlButtons",
   i18nOptions: {
     namespace: "blockControlButtons",
@@ -426,22 +422,22 @@ const bn = /* @__PURE__ */ F(yn, [["render", Cn]]), kn = {
       return typeof this.isVisible == "boolean" && !this.isVisible;
     }
   }
-}, wn = { class: "control-root flex gap-2" }, _n = {
+}, _n = { class: "control-root flex gap-2" }, xn = {
   key: 0,
   class: "px-1.5 text-xs text-gray-600"
-}, xn = {
+}, Tn = {
   key: 1,
   class: "flex flex-col gap-1.5"
-}, Tn = { class: "control-direction" };
-function Dn(e, t, n, s, i, o) {
+}, Dn = { class: "control-direction" };
+function Sn(e, t, n, s, i, o) {
   const r = m("CIcon");
-  return a(), p("div", wn, [
+  return a(), p("div", _n, [
     o.canToggleVisibility ? (a(), p("div", {
       key: 0,
       class: "control-button",
       onClick: t[0] || (t[0] = (g) => e.$emit("toggle-visible", !n.isVisible))
     }, [
-      n.isVisible ? C("", !0) : (a(), p("span", _n, d(e.$t("hidden")), 1)),
+      n.isVisible ? C("", !0) : (a(), p("span", xn, d(e.$t("hidden")), 1)),
       c(r, {
         type: n.isVisible ? "eye" : "eye-off",
         size: "14",
@@ -449,8 +445,8 @@ function Dn(e, t, n, s, i, o) {
       }, null, 8, ["type", "class"])
     ])) : C("", !0),
     M(e.$slots, "default", {}, void 0, !0),
-    !o.isHidden && n.isMovable ? (a(), p("div", xn, [
-      l("div", Tn, [
+    !o.isHidden && n.isMovable ? (a(), p("div", Tn, [
+      l("div", Dn, [
         l("div", {
           class: "control-button",
           onClick: t[1] || (t[1] = (g) => e.$emit("move", "up"))
@@ -482,7 +478,7 @@ function Dn(e, t, n, s, i, o) {
     ])) : C("", !0)
   ]);
 }
-const Sn = /* @__PURE__ */ F(kn, [["render", Dn], ["__scopeId", "data-v-2b534db7"]]), $n = ["inert"], In = /* @__PURE__ */ he({
+const $n = /* @__PURE__ */ F(wn, [["render", Sn], ["__scopeId", "data-v-2b534db7"]]), In = ["inert"], Fn = /* @__PURE__ */ he({
   __name: "DynamicBlock",
   props: {
     isDragging: { type: Boolean, default: !1 },
@@ -525,8 +521,8 @@ const Sn = /* @__PURE__ */ F(kn, [["render", Dn], ["__scopeId", "data-v-2b534db7
               inert: r.value
             }, [
               M(_.$slots, "default", {}, void 0, !0)
-            ], 10, $n),
-            g.value ? (a(), v(Sn, {
+            ], 10, In),
+            g.value ? (a(), v($n, {
               key: 0,
               class: "control-root z-10",
               "is-movable": _.canMove,
@@ -559,7 +555,7 @@ const Sn = /* @__PURE__ */ F(kn, [["render", Dn], ["__scopeId", "data-v-2b534db7
       });
     };
   }
-}), Fn = /* @__PURE__ */ F(In, [["__scopeId", "data-v-9cab60b2"]]), Ln = {
+}), Ln = /* @__PURE__ */ F(Fn, [["__scopeId", "data-v-9cab60b2"]]), Vn = {
   name: "LogoBanner",
   props: {
     position: {
@@ -576,8 +572,8 @@ const Sn = /* @__PURE__ */ F(kn, [["render", Dn], ["__scopeId", "data-v-2b534db7
       return e === "cling" ? "/img/cling/icons/apple-touch-icon-60x60.png" : `/img/${e.includes("fortnox") ? "fortnox" : e}/icons/apple-touch-icon-60x60.png`;
     }
   }
-}, Vn = ["href"], Bn = { class: "mr-2 h-5 w-5 overflow-hidden rounded bg-white" }, Mn = ["src", "alt"], Pn = { class: "text-xs font-medium text-white" };
-function An(e, t, n, s, i, o) {
+}, Bn = ["href"], Mn = { class: "mr-2 h-5 w-5 overflow-hidden rounded bg-white" }, Pn = ["src", "alt"], An = { class: "text-xs font-medium text-white" };
+function En(e, t, n, s, i, o) {
   return a(), p("div", {
     class: L([n.position, "pointer-events-none bottom-0 left-0 right-0 z-50 flex justify-end px-[10px] pb-[10px]"])
   }, [
@@ -588,18 +584,18 @@ function An(e, t, n, s, i, o) {
       )}?utm_source=document&utm_medium=logo-banner`,
       target: "_blank"
     }, [
-      l("div", Bn, [
+      l("div", Mn, [
         l("img", {
           src: o.logoUrl,
           alt: e.$t("brand.name"),
           class: "h-full w-full"
-        }, null, 8, Mn)
+        }, null, 8, Pn)
       ]),
-      l("div", Pn, " Made in " + d(e.$t("brand.name")), 1)
-    ], 8, Vn)
+      l("div", An, " Made in " + d(e.$t("brand.name")), 1)
+    ], 8, Bn)
   ], 2);
 }
-const En = /* @__PURE__ */ F(Ln, [["render", An]]), zn = { class: "relative h-full w-full" }, Rn = { class: "mb-4 text-xl font-bold" }, Re = /* @__PURE__ */ he({
+const zn = /* @__PURE__ */ F(Vn, [["render", En]]), Rn = { class: "relative h-full w-full" }, On = { class: "mb-4 text-xl font-bold" }, Re = /* @__PURE__ */ he({
   __name: "DragWindow",
   props: {
     offset: {},
@@ -621,7 +617,7 @@ const En = /* @__PURE__ */ F(Ln, [["render", An]]), zn = { class: "relative h-fu
             style: E(De(o)),
             class: "popup fixed z-[999] min-h-[400px] w-[280px] rounded-lg bg-white p-[1em] pb-[3em] text-sm shadow-xl"
           }, [
-            l("div", zn, [
+            l("div", Rn, [
               c(h, {
                 icon: "x",
                 size: "small",
@@ -641,7 +637,7 @@ const En = /* @__PURE__ */ F(Ln, [["render", An]]), zn = { class: "relative h-fu
                 circle: "",
                 class: "absolute right-9 top-0 cursor-grab"
               }, null, 512),
-              l("div", Rn, d(r.title), 1),
+              l("div", On, d(r.title), 1),
               M(r.$slots, "default")
             ])
           ], 4)
@@ -650,7 +646,7 @@ const En = /* @__PURE__ */ F(Ln, [["render", An]]), zn = { class: "relative h-fu
       });
     };
   }
-}), On = /([\d+.]*)(.*)/, K = (e) => (e || "").match(On), Hn = {
+}), Hn = /([\d+.]*)(.*)/, K = (e) => (e || "").match(Hn), Un = {
   i18nOptions: {
     namespaces: "common",
     keyPrefix: "designLabels"
@@ -738,7 +734,7 @@ const En = /* @__PURE__ */ F(Ln, [["render", An]]), zn = { class: "relative h-fu
                   }
                 },
                 onInput: ({ family: s, weight: i, options: o = [] }) => {
-                  this.update(e, s), Tt(s), n != i && this.update("fontWeight", i), this.fontWeightOptions = o;
+                  this.update(e, s), Dt(s), n != i && this.update("fontWeight", i), this.fontWeightOptions = o;
                 }
               }
             ]
@@ -1203,7 +1199,7 @@ const En = /* @__PURE__ */ F(Ln, [["render", An]]), zn = { class: "relative h-fu
   watch: {
     async activeItem(e) {
       const t = V(e, "style.fontFamily");
-      t && (this.fontWeightOptions = await Dt(t));
+      t && (this.fontWeightOptions = await St(t));
     }
   },
   methods: {
@@ -1213,12 +1209,12 @@ const En = /* @__PURE__ */ F(Ln, [["render", An]]), zn = { class: "relative h-fu
       n[e] = t || "", this.css = { ...this.css, [this.activeItem.selector]: n };
     }
   }
-}, Un = { 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" } }, Gn = ["onClick"], Nn = { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, Wn = { style: { padding: "calc(0.75 * var(--rem))" } }, jn = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, Zn = ["onClick"], Kn = { style: { "font-size": "1.075em", "font-weight": "500" } };
-function Qn(e, t, n, s, i, o) {
+}, qn = { style: { padding: "calc(0.5 * var(--rem))", position: "relative" } }, Gn = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, Nn = ["onClick"], Wn = { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, jn = { style: { padding: "calc(0.75 * var(--rem))" } }, Zn = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, Kn = ["onClick"], Qn = { style: { "font-size": "1.075em", "font-weight": "500" } };
+function Yn(e, t, n, s, i, o) {
   const r = m("FormInputRow"), g = m("DragWindow");
   return a(), p("div", null, [
-    l("div", Un, [
-      l("div", qn, d(e.$t("typography")), 1),
+    l("div", qn, [
+      l("div", Gn, d(e.$t("typography")), 1),
       (a(!0), p(I, null, P(o.typography, (h) => (a(), p("div", {
         key: h.label,
         class: "list-option",
@@ -1233,20 +1229,20 @@ function Qn(e, t, n, s, i, o) {
             lineHeight: 1
           })
         }, d(h.label), 5),
-        l("div", Nn, d(h.style.fontFamily) + " " + d(h.style.fontSize), 1)
-      ], 8, Gn))), 128))
+        l("div", Wn, d(h.style.fontFamily) + " " + d(h.style.fontSize), 1)
+      ], 8, Nn))), 128))
     ]),
     t[2] || (t[2] = l("div", { style: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(0.5 * var(--rem)) calc(1 * var(--rem))" } }, null, -1)),
-    l("div", Wn, [
-      l("div", jn, d(e.$t("section_plural")), 1),
+    l("div", jn, [
+      l("div", Zn, d(e.$t("section_plural")), 1),
       (a(!0), p(I, null, P(i.sections, (h) => (a(), p("div", {
         key: h.label,
         class: "list-option",
         onClick: (b) => i.activeItem = h
       }, [
-        l("div", Kn, d(h.label), 1),
+        l("div", Qn, d(h.label), 1),
         t[1] || (t[1] = l("div", { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, " #000000 ", -1))
-      ], 8, Zn))), 128))
+      ], 8, Kn))), 128))
     ]),
     i.activeItem ? (a(), v(g, {
       key: 0,
@@ -1265,7 +1261,7 @@ function Qn(e, t, n, s, i, o) {
     }, 8, ["title", "offset"])) : C("", !0)
   ]);
 }
-const Yn = /* @__PURE__ */ F(Hn, [["render", Qn], ["__scopeId", "data-v-83027693"]]), Jn = {
+const Jn = /* @__PURE__ */ F(Un, [["render", Yn], ["__scopeId", "data-v-83027693"]]), Xn = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -1598,13 +1594,13 @@ const Yn = /* @__PURE__ */ F(Hn, [["render", Qn], ["__scopeId", "data-v-83027693
       n.push({ name: e, type: "category" }), this.tags = n, this.series = e;
     }
   }
-}, Xn = { style: { height: "100%", padding: "1em" } }, ei = {
+}, ei = { style: { height: "100%", padding: "1em" } }, ti = {
   key: 0,
   class: "divider"
 };
-function ti(e, t, n, s, i, o) {
+function ni(e, t, n, s, i, o) {
   const r = m("FormInputRow"), g = m("DragWindow");
-  return a(), p("div", Xn, [
+  return a(), p("div", ei, [
     (a(!0), p(I, null, P(o.options, (h, b) => (a(), v(r, {
       key: b,
       label: h.label,
@@ -1619,7 +1615,7 @@ function ti(e, t, n, s, i, o) {
     }, {
       default: u(() => [
         (a(!0), p(I, null, P(o.priceOptions, (h, b) => (a(), p(I, { key: b }, [
-          h.type === "divider" ? (a(), p("div", ei)) : (a(), v(r, {
+          h.type === "divider" ? (a(), p("div", ti)) : (a(), v(r, {
             key: b,
             label: h.label,
             "info-tooltip": h.infoTooltip,
@@ -1631,7 +1627,7 @@ function ti(e, t, n, s, i, o) {
     }, 8, ["offset", "title"])) : C("", !0)
   ]);
 }
-const ni = /* @__PURE__ */ F(Jn, [["render", ti], ["__scopeId", "data-v-5b9bfecb"]]), ii = {
+const ii = /* @__PURE__ */ F(Xn, [["render", ni], ["__scopeId", "data-v-5b9bfecb"]]), oi = {
   i18nOptions: {
     messages: {
       en: {
@@ -1674,9 +1670,9 @@ const ni = /* @__PURE__ */ F(Jn, [["render", ti], ["__scopeId", "data-v-5b9bfecb
   },
   name: "ExtensionTab",
   components: {
-    Sortable: Mt,
+    Sortable: Pt,
     Spinner: Ye,
-    CAutocomplete: Bt,
+    CAutocomplete: Mt,
     CDropdown: ue,
     CDropdownItem: me
   },
@@ -1835,42 +1831,42 @@ const ni = /* @__PURE__ */ F(Jn, [["render", ti], ["__scopeId", "data-v-5b9bfecb
       });
     }
   }
-}, oi = { style: { "font-size": "13px", "padding-left": "calc(0.5 * var(--rem))", "padding-right": "calc(0.5 * var(--rem))", "padding-bottom": "calc(4 * var(--rem))" } }, si = {
+}, si = { style: { "font-size": "13px", "padding-left": "calc(0.5 * var(--rem))", "padding-right": "calc(0.5 * var(--rem))", "padding-bottom": "calc(4 * var(--rem))" } }, li = {
   key: 1,
   style: { "padding-top": "calc(2 * var(--rem))" },
   class: "flex w-full items-center justify-center"
-}, li = { style: { padding: `0 calc(0.5 * var(--rem)) calc(2 * var(--rem))
-            calc(0.5 * var(--rem))` } }, ai = { style: { "font-weight": "500", "font-size": "16px" } }, ri = { key: 0 }, di = { class: "x-hint" }, ci = { class: "flex w-full" }, ui = ["textContent"], mi = ["textContent"], pi = { class: "text-gray-600" }, hi = {
+}, ai = { style: { padding: `0 calc(0.5 * var(--rem)) calc(2 * var(--rem))
+            calc(0.5 * var(--rem))` } }, ri = { style: { "font-weight": "500", "font-size": "16px" } }, di = { key: 0 }, ci = { class: "x-hint" }, ui = { class: "flex w-full" }, mi = ["textContent"], pi = ["textContent"], hi = { class: "text-gray-600" }, fi = {
   class: "text-gray-400",
   style: { "font-size": "12px" }
-}, fi = {
+}, gi = {
   key: 0,
   style: { padding: "0.5em", "border-radius": "3px", "background-color": "hsl(205, 100%, 95%)", border: "1px solid hsl(205, 100%, 78%)" }
-}, gi = {
+}, yi = {
   key: 0,
   style: { opacity: "0.75", "font-size": "13px" }
-}, yi = { key: 2 }, vi = ["textContent"], Ci = { style: { "line-height": "1.5" } }, bi = { style: { "font-weight": "500" } }, ki = {
+}, vi = { key: 2 }, Ci = ["textContent"], bi = { style: { "line-height": "1.5" } }, ki = { style: { "font-weight": "500" } }, wi = {
   class: "text-gray-600",
   style: { "font-size": "14px" }
-}, wi = { key: 0 }, _i = { style: { padding: `0 calc(0.5 * var(--rem)) calc(1 * var(--rem))
-              calc(0.5 * var(--rem))` } }, xi = { style: { "font-weight": "500" } }, Ti = ["textContent"], Di = ["onClick"], Si = ["textContent"], $i = {
+}, _i = { key: 0 }, xi = { style: { padding: `0 calc(0.5 * var(--rem)) calc(1 * var(--rem))
+              calc(0.5 * var(--rem))` } }, Ti = { style: { "font-weight": "500" } }, Di = ["textContent"], Si = ["onClick"], $i = ["textContent"], Ii = {
   class: "text-gray-600",
   style: { "font-size": "12px" }
-}, Ii = {
+}, Fi = {
   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" }
-}, Fi = ["textContent"], Li = {
+}, Li = ["textContent"], Vi = {
   key: 3,
   class: "flex w-full flex-col items-center justify-center text-center",
   style: { "padding-top": "calc(1 * var(--rem))" }
-}, Vi = { class: "text-gray-600" }, Bi = {
+}, Bi = { class: "text-gray-600" }, Mi = {
   class: "text-center",
   style: { "padding-top": "calc(1 * var(--rem))" }
 };
-function Mi(e, t, n, s, i, o) {
+function Pi(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), b = m("Spinner"), _ = m("CAutocomplete"), k = m("CIcon"), S = m("Sortable"), D = m("router-link"), y = le("tooltip");
-  return a(), p("div", oi, [
+  return a(), p("div", si, [
     e.allAuthenticatedCRMs.length > 1 ? (a(), v(h, {
       key: 0,
       position: "is-bottom-left",
@@ -1900,17 +1896,17 @@ function Mi(e, t, n, s, i, o) {
       ]),
       _: 1
     })) : C("", !0),
-    i.isLoading && !i.dealDetails ? (a(), p("div", si, [
+    i.isLoading && !i.dealDetails ? (a(), p("div", li, [
       c(b, {
         size: "24",
         color: "grey"
       })
     ])) : i.activeCrm ? (a(), p(I, { key: 2 }, [
-      l("div", li, [
-        l("div", ai, d(i.activeCrm.capitalize()), 1),
-        i.typeDetails ? (a(), p("div", ri, [
-          l("div", di, [
-            l("div", ci, [
+      l("div", ai, [
+        l("div", ri, d(i.activeCrm.capitalize()), 1),
+        i.typeDetails ? (a(), p("div", di, [
+          l("div", ci, [
+            l("div", ui, [
               l("div", {
                 textContent: d(
                   e.$t("referenceTo", {
@@ -1918,7 +1914,7 @@ function Mi(e, t, n, s, i, o) {
                     type: e.$t(`type.${i.typeDetails.type}`)
                   })
                 )
-              }, null, 8, ui),
+              }, null, 8, mi),
               c(r, {
                 icon: "x",
                 size: "small",
@@ -1932,15 +1928,15 @@ function Mi(e, t, n, s, i, o) {
             l("div", {
               class: "x-hint-name",
               textContent: d(i.typeDetails.name || "")
-            }, null, 8, mi)
+            }, null, 8, pi)
           ]),
           t[7] || (t[7] = l("div", { class: "divider" }, null, -1))
         ])) : C("", !0),
-        l("div", pi, d(e.$t("headerText", { crm: i.activeCrm.capitalize() })), 1),
+        l("div", hi, d(e.$t("headerText", { crm: i.activeCrm.capitalize() })), 1),
         t[8] || (t[8] = l("div", { style: { height: "2em" } }, null, -1)),
         o.currentExternalDeal ? (a(), p(I, { key: 1 }, [
-          l("div", hi, d(e.$t("connectedTo", { type: o.dealType })), 1),
-          i.dealDetails ? (a(), p("div", fi, [
+          l("div", fi, d(e.$t("connectedTo", { type: o.dealType })), 1),
+          i.dealDetails ? (a(), p("div", gi, [
             l("div", null, [
               (a(), v(G(i.dealDetails.externalUrl ? "a" : "span"), {
                 href: i.dealDetails.externalUrl || "#",
@@ -1950,7 +1946,7 @@ function Mi(e, t, n, s, i, o) {
                 textContent: d(i.dealDetails.name)
               }, null, 8, ["href", "textContent"]))
             ]),
-            i.dealDetails.currency ? (a(), p("div", gi, d(o.priceFormat(i.dealDetails.value, {
+            i.dealDetails.currency ? (a(), p("div", yi, d(o.priceFormat(i.dealDetails.value, {
               showZero: !1,
               currency: i.dealDetails.currency
             })), 1)) : C("", !0)
@@ -1982,12 +1978,12 @@ function Mi(e, t, n, s, i, o) {
               textContent: d(e.$t("suggestClients"))
             }, null, 8, ["textContent"])
           ])
-        ], 64)) : (a(), p("div", yi, [
+        ], 64)) : (a(), p("div", vi, [
           l("div", {
             style: { padding: "0 4px 0.25em" },
             class: "text-gray-600",
             textContent: d(e.$t("linkToDoc", { type: o.dealType }))
-          }, null, 8, vi),
+          }, null, 8, Ci),
           c(_, {
             ref: "input",
             modelValue: i.searchQuery,
@@ -2004,9 +2000,9 @@ function Mi(e, t, n, s, i, o) {
             onSelect: t[6] || (t[6] = (f) => o.useSearchResult(f))
           }, {
             default: u(({ option: f }) => [
-              l("div", Ci, [
-                l("div", bi, d(f.name), 1),
-                l("div", ki, [
+              l("div", bi, [
+                l("div", ki, d(f.name), 1),
+                l("div", wi, [
                   T(d(f.externalReference.type.capitalize()) + " " + d(f.externalReference.typeId) + " ", 1),
                   f.value && f.currency ? (a(), p(I, { key: 0 }, [
                     T(" · " + d(o.priceFormat(f.value, {
@@ -2024,9 +2020,9 @@ function Mi(e, t, n, s, i, o) {
           }, 8, ["modelValue", "data", "loading", "placeholder"])
         ]))
       ]),
-      o.showDealProducts ? (a(), p("div", wi, [
-        l("div", _i, [
-          l("div", xi, [
+      o.showDealProducts ? (a(), p("div", _i, [
+        l("div", xi, [
+          l("div", Ti, [
             T(d(e.$t("productsTitle")) + " ", 1),
             N(c(k, {
               type: "info",
@@ -2046,7 +2042,7 @@ function Mi(e, t, n, s, i, o) {
                 crm: i.activeCrm.capitalize()
               })
             )
-          }, null, 8, Ti)
+          }, null, 8, Di)
         ]),
         i.dealDetails.articles && i.dealDetails.articles.length ? (a(), v(S, {
           key: 0,
@@ -2070,8 +2066,8 @@ function Mi(e, t, n, s, i, o) {
               l("div", {
                 style: { "font-weight": "500", "padding-bottom": "4px", "font-size": "14px" },
                 textContent: d(f.name)
-              }, null, 8, Si),
-              l("div", $i, [
+              }, null, 8, $i),
+              l("div", Ii, [
                 T(d(o.priceFormat(f.price || 0, {
                   showZero: !1,
                   currency: f.currency || "USD"
@@ -2080,10 +2076,10 @@ function Mi(e, t, n, s, i, o) {
                   T(" · " + d(e._document.$t("vat").capitalize()) + " " + d(f.vat) + "% ", 1)
                 ], 64)) : C("", !0)
               ])
-            ], 8, Di)
+            ], 8, Si)
           ]),
           _: 1
-        }, 8, ["list", "clone"])) : (a(), p("div", Ii, [
+        }, 8, ["list", "clone"])) : (a(), p("div", Fi, [
           c(k, {
             type: "info",
             size: "13",
@@ -2091,18 +2087,18 @@ function Mi(e, t, n, s, i, o) {
           }),
           l("div", {
             textContent: d(e.$t("noProducts", { type: o.dealType }))
-          }, null, 8, Fi)
+          }, null, 8, Li)
         ]))
       ])) : C("", !0)
-    ], 64)) : (a(), p("div", Li, [
+    ], 64)) : (a(), p("div", Vi, [
       c(k, {
         type: "info",
         size: "16",
         class: "text-primary-500",
         style: { "padding-bottom": "5px" }
       }),
-      l("div", Vi, d(e.$t("noCrm")), 1),
-      l("div", Bi, [
+      l("div", Bi, d(e.$t("noCrm")), 1),
+      l("div", Mi, [
         c(D, {
           to: { name: "settings" },
           style: { "font-weight": "500" },
@@ -2117,7 +2113,7 @@ function Mi(e, t, n, s, i, o) {
     ]))
   ]);
 }
-const Pi = /* @__PURE__ */ F(ii, [["render", Mi], ["__scopeId", "data-v-5c4afae3"]]), Ai = {
+const Ai = /* @__PURE__ */ F(oi, [["render", Pi], ["__scopeId", "data-v-5c4afae3"]]), Ei = {
   name: "FieldsModal",
   i18nOptions: {
     namespaces: "FieldsModal",
@@ -2231,20 +2227,20 @@ const Pi = /* @__PURE__ */ F(ii, [["render", Mi], ["__scopeId", "data-v-5c4afae3
     },
     remove() {
       if (!this.existingFieldId) return;
-      const e = Ot(this.document.fields, [this.existingFieldId]);
+      const e = Ht(this.document.fields, [this.existingFieldId]);
       this.set({ key: "data.fields", value: e }), this.$emit("close");
     }
   }
-}, Ei = {
+}, zi = {
   class: "font-inter flex w-full flex-col items-center bg-white text-center",
   style: { padding: "2em", "border-radius": "10px" }
-}, zi = { style: { "padding-bottom": "2em" } }, Ri = { style: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, Oi = { style: { "margin-bottom": "0.25em", opacity: "0.65" } };
-function Hi(e, t, n, s, i, o) {
+}, Ri = { style: { "padding-bottom": "2em" } }, Oi = { style: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, Hi = { style: { "margin-bottom": "0.25em", opacity: "0.65" } };
+function Ui(e, t, n, s, i, o) {
   const r = m("CInput"), g = m("CField"), h = m("CButton");
-  return a(), p("div", Ei, [
-    l("div", zi, [
-      l("div", Ri, d(n.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")), 1),
-      l("div", Oi, d(e.$t("description")), 1)
+  return a(), p("div", zi, [
+    l("div", Ri, [
+      l("div", Oi, d(n.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")), 1),
+      l("div", Hi, d(e.$t("description")), 1)
     ]),
     l("form", {
       style: { width: "100%" },
@@ -2304,7 +2300,7 @@ function Hi(e, t, n, s, i, o) {
     ], 32)
   ]);
 }
-const Ui = /* @__PURE__ */ F(Ai, [["render", Hi]]), qi = {
+const qi = /* @__PURE__ */ F(Ei, [["render", Ui]]), Gi = {
   i18nOptions: {
     namespaces: "DocumentFormFields",
     messages: {
@@ -2328,8 +2324,8 @@ const Ui = /* @__PURE__ */ F(Ai, [["render", Hi]]), qi = {
   },
   name: "DocumentFormFields",
   components: {
-    SmartList: zt,
-    CAccordion: At,
+    SmartList: Rt,
+    CAccordion: Et,
     CField: ye
   },
   mixins: [ne()],
@@ -2406,7 +2402,7 @@ const Ui = /* @__PURE__ */ F(Ai, [["render", Hi]]), qi = {
     },
     openFieldModal({ existingFieldId: e }) {
       this.$modal.show(
-        Ui,
+        qi,
         {
           document: this._document,
           set: this.set,
@@ -2437,37 +2433,37 @@ const Ui = /* @__PURE__ */ F(Ai, [["render", Hi]]), qi = {
       e.dataTransfer.setData("text/html", n), e.dataTransfer.setData("text", `{{${t.key}}}`);
     }
   }
-}, Gi = { style: { padding: "1em" } }, Ni = { style: { margin: "15px 0" } }, Wi = ["textContent"], ji = ["textContent"], Zi = {
+}, Ni = { style: { padding: "1em" } }, Wi = { style: { margin: "15px 0" } }, ji = ["textContent"], Zi = ["textContent"], Ki = {
   key: 0,
   style: { "margin-top": "15px", "padding-top": "15px", "border-top": "1px solid hsl(0, 0%, 88%)" }
-}, Ki = {
+}, Qi = {
   class: "field-container",
   style: { position: "relative", flex: "1 1 auto" }
-}, Qi = ["onDragstart", "textContent"], Yi = { class: "field-actions" }, Ji = {
+}, Yi = ["onDragstart", "textContent"], Ji = { class: "field-actions" }, Xi = {
   key: 1,
   style: { "text-align": "center" }
-}, Xi = {
+}, eo = {
   key: 1,
   style: { "padding-top": "20px" }
-}, eo = {
+}, to = {
   class: "flex w-full justify-end",
   style: { "margin-top": "0.5em", "margin-bottom": "0.5em" }
-}, to = { class: "list-button" }, no = ["textContent"], io = ["textContent"], oo = { style: { "padding-bottom": "2em" } }, so = ["textContent"], lo = {
+}, no = { class: "list-button" }, io = ["textContent"], oo = ["textContent"], so = { style: { "padding-bottom": "2em" } }, lo = ["textContent"], ao = {
   class: "field-container",
   style: { position: "relative", flex: "1 1 auto" }
-}, ao = ["onDragstart", "textContent"], ro = { class: "field-actions" };
-function co(e, t, n, s, i, o) {
+}, ro = ["onDragstart", "textContent"], co = { class: "field-actions" };
+function uo(e, t, n, s, i, o) {
   const r = m("CInput"), g = m("CField"), h = m("CButton"), b = m("SmartList"), _ = m("CIcon"), k = m("CAccordion");
-  return a(), p("div", Gi, [
-    l("div", Ni, [
+  return a(), p("div", Ni, [
+    l("div", Wi, [
       l("div", {
         style: { "font-size": "16px", "font-weight": "600" },
         textContent: d(e.$t("title"))
-      }, null, 8, Wi),
+      }, null, 8, ji),
       l("div", {
         style: { color: "hsl(0, 0%, 35%)" },
         textContent: d(e.$t("description"))
-      }, null, 8, ji)
+      }, null, 8, Zi)
     ]),
     c(r, {
       modelValue: i.query,
@@ -2476,7 +2472,7 @@ function co(e, t, n, s, i, o) {
       filled: "",
       size: "small"
     }, null, 8, ["modelValue", "placeholder"]),
-    i.query ? (a(), p("div", Zi, [
+    i.query ? (a(), p("div", Ki, [
       c(b, {
         items: o.options,
         "filter-method": o.filterMethod,
@@ -2488,7 +2484,7 @@ function co(e, t, n, s, i, o) {
               key: y,
               class: "field-parent flex w-full items-center"
             }, [
-              l("div", Ki, [
+              l("div", Qi, [
                 c(g, {
                   label: " ",
                   "label-position": "inside",
@@ -2500,7 +2496,7 @@ function co(e, t, n, s, i, o) {
                       draggable: !0,
                       onDragstart: (f) => o.onDragStart(f, D),
                       textContent: d(D.label)
-                    }, null, 40, Qi),
+                    }, null, 40, Yi),
                     c(r, {
                       "model-value": D.value,
                       disabled: D.inputDisabled,
@@ -2515,7 +2511,7 @@ function co(e, t, n, s, i, o) {
                   ]),
                   _: 2
                 }, 1024),
-                l("div", Yi, [
+                l("div", Ji, [
                   !D.inputDisabled && !D.virtual ? (a(), v(h, {
                     key: 0,
                     icon: "edit",
@@ -2535,13 +2531,13 @@ function co(e, t, n, s, i, o) {
                   }, null, 8, ["onClick"])
                 ])
               ])
-            ]))), 128)) : (a(), p("div", Ji, d(e.$t("_common:noResults")), 1))
+            ]))), 128)) : (a(), p("div", Xi, d(e.$t("_common:noResults")), 1))
           ])
         ]),
         _: 1
       }, 8, ["items", "filter-method", "query"])
-    ])) : (a(), p("div", Xi, [
-      l("div", eo, [
+    ])) : (a(), p("div", eo, [
+      l("div", to, [
         c(h, {
           type: "none",
           pattern: "secondary",
@@ -2575,15 +2571,15 @@ function co(e, t, n, s, i, o) {
         style: { "border-top": "1px solid hsl(0, 0%, 88%)" }
       }, {
         trigger: u(({ expanded: y }) => [
-          l("div", to, [
+          l("div", no, [
             l("span", null, [
               l("span", {
                 textContent: d(S.label)
-              }, null, 8, no),
+              }, null, 8, io),
               l("span", {
                 style: { opacity: "0.45", "padding-left": "0.5em" },
                 textContent: d(S.items.length)
-              }, null, 8, io)
+              }, null, 8, oo)
             ]),
             c(_, {
               style: E([{ transform: `rotate(${y ? "180deg" : "0deg"})` }, { transition: "200ms" }]),
@@ -2593,12 +2589,12 @@ function co(e, t, n, s, i, o) {
           ])
         ]),
         default: u(() => [
-          l("div", oo, [
+          l("div", so, [
             S.items.length ? (a(!0), p(I, { key: 1 }, P(S.items, (y, f) => (a(), p("div", {
               key: f,
               class: "field-parent flex w-full items-center"
             }, [
-              l("div", lo, [
+              l("div", ao, [
                 c(g, {
                   label: " ",
                   "label-position": "inside",
@@ -2610,7 +2606,7 @@ function co(e, t, n, s, i, o) {
                       draggable: !0,
                       onDragstart: (x) => o.onDragStart(x, y),
                       textContent: d(y.label)
-                    }, null, 40, ao),
+                    }, null, 40, ro),
                     c(r, {
                       "model-value": y.value,
                       disabled: y.inputDisabled,
@@ -2625,7 +2621,7 @@ function co(e, t, n, s, i, o) {
                   ]),
                   _: 2
                 }, 1024),
-                l("div", ro, [
+                l("div", co, [
                   !y.inputDisabled && !y.virtual ? (a(), v(h, {
                     key: 0,
                     icon: "edit",
@@ -2649,7 +2645,7 @@ function co(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, so))
+            }, null, 8, lo))
           ])
         ]),
         _: 2
@@ -2657,7 +2653,7 @@ function co(e, t, n, s, i, o) {
     ]))
   ]);
 }
-const uo = /* @__PURE__ */ F(qi, [["render", co], ["__scopeId", "data-v-454d81b5"]]), mo = {
+const mo = /* @__PURE__ */ F(Gi, [["render", uo], ["__scopeId", "data-v-454d81b5"]]), po = {
   name: "MenuBlockConvertPopover",
   emits: ["close", "convert"],
   props: {
@@ -2690,11 +2686,11 @@ const uo = /* @__PURE__ */ F(qi, [["render", co], ["__scopeId", "data-v-454d81b5
       }
     }
   }
-}, po = {
+}, ho = {
   ref: "popover",
   class: "absolute z-10 w-52 -translate-y-1/2 rounded-lg bg-white p-4 text-sm shadow-xl"
-}, ho = ["innerHTML"];
-function fo(e, t, n, s, i, o) {
+}, fo = ["innerHTML"];
+function go(e, t, n, s, i, o) {
   const r = m("CButton");
   return a(), p("div", null, [
     l("div", {
@@ -2712,11 +2708,11 @@ function fo(e, t, n, s, i, o) {
       "leave-to-class": "opacity-0"
     }, {
       default: u(() => [
-        l("div", po, [
+        l("div", ho, [
           l("div", {
             class: "pb-4",
             innerHTML: e.$t("text")
-          }, null, 8, ho),
+          }, null, 8, fo),
           c(r, {
             type: "secondary",
             size: "small",
@@ -2734,7 +2730,7 @@ function fo(e, t, n, s, i, o) {
     })
   ]);
 }
-const go = /* @__PURE__ */ F(mo, [["render", fo]]), yo = {
+const yo = /* @__PURE__ */ F(po, [["render", go]]), vo = {
   name: "MenuBlocks",
   i18nOptions: {
     namespaces: "menuBlocks",
@@ -2809,7 +2805,7 @@ const go = /* @__PURE__ */ F(mo, [["render", fo]]), yo = {
     DragItem: Ie,
     IsPremiumPreStep: Y,
     ProBadge: Ae,
-    MenuBlockConvertPopover: go
+    MenuBlockConvertPopover: yo
   },
   mixins: [Z],
   inject: {
@@ -3175,7 +3171,7 @@ const go = /* @__PURE__ */ F(mo, [["render", fo]]), yo = {
       var i, o;
       if (this.mq === "sm") return;
       const { tooltips: e } = this, t = (o = (i = this.$el).getRootNode) == null ? void 0 : o.call(i), s = (t == null ? void 0 : t.toString()) === "[object ShadowRoot]" ? t : document.body;
-      this.tippyInstances = Lt(this.$el, {
+      this.tippyInstances = Vt(this.$el, {
         target: "[data-tooltip-key]",
         allowHTML: !0,
         duration: [150, 0],
@@ -3242,17 +3238,17 @@ const go = /* @__PURE__ */ F(mo, [["render", fo]]), yo = {
       };
     }
   }
-}, vo = { class: "menu-container" }, Co = {
+}, Co = { class: "menu-container" }, bo = {
   key: 0,
   style: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(1 * var(--rem))" }
-}, bo = ["onMouseoverPassive"], ko = {
+}, ko = ["onMouseoverPassive"], wo = {
   class: "flex items-center",
   style: { width: "230px" }
-}, wo = {
+}, _o = {
   class: "flex items-center",
   style: { width: "initial", flex: "1 1 auto" }
-}, _o = ["innerHTML"], xo = { class: "option-title" }, To = { class: "relative" }, Do = ["onClick", "innerHTML"];
-function So(e, t, n, s, i, o) {
+}, xo = ["innerHTML"], To = { class: "option-title" }, Do = { class: "relative" }, So = ["onClick", "innerHTML"];
+function $o(e, t, n, s, i, o) {
   const r = m("MenuBlockConvertPopover"), g = m("ProBadge"), h = m("CIcon"), b = m("CButton"), _ = m("DragItem"), k = m("DragList"), S = m("Simplebar"), D = m("IsPremiumPreStep");
   return a(), p("div", {
     onMouseleavePassive: t[4] || (t[4] = (...y) => o.onMouseleaveDrawer && o.onMouseleaveDrawer(...y))
@@ -3265,12 +3261,12 @@ function So(e, t, n, s, i, o) {
           onConvert: o.deSyncTemplate,
           onClose: t[0] || (t[0] = (f) => i.showConvertEditableDialog = !1)
         }, null, 8, ["target", "onConvert"])) : C("", !0),
-        l("div", vo, [
+        l("div", Co, [
           (a(!0), p(I, null, P([
             { data: o.primaryBlocks },
             { data: o.secondaryBlocks }
           ], (f, x) => (a(), p("div", { key: x }, [
-            x > 0 ? (a(), p("div", Co)) : C("", !0),
+            x > 0 ? (a(), p("div", bo)) : C("", !0),
             c(k, {
               group: { name: "blocks", pull: "clone", put: !1 },
               "get-child-payload": (w) => s.getBlockPayload(o.getSectionKey({ data: f.data, index: w })),
@@ -3314,13 +3310,13 @@ function So(e, t, n, s, i, o) {
                         onClick: (A) => o.onUseBlock({ block: w, openUpgradeModal: y })
                       }, {
                         default: u(() => [
-                          l("div", ko, [
-                            l("div", wo, [
+                          l("div", wo, [
+                            l("div", _o, [
                               l("div", {
                                 class: "option-image",
                                 innerHTML: w.icon
-                              }, null, 8, _o),
-                              l("div", xo, d(e.$t(`blocks.${w.key}`)), 1)
+                              }, null, 8, xo),
+                              l("div", To, d(e.$t(`blocks.${w.key}`)), 1)
                             ]),
                             w.locked ? (a(), v(g, { key: 0 })) : !n.fixed && w.subMenu ? (a(), v(h, {
                               key: 1,
@@ -3332,7 +3328,7 @@ function So(e, t, n, s, i, o) {
                         ]),
                         _: 2
                       }, 1032, ["disabled", "class", "onClick"])
-                    ], 16, bo)
+                    ], 16, ko)
                   ]),
                   _: 2
                 }, 1032, ["class"]))), 128))
@@ -3371,12 +3367,12 @@ function So(e, t, n, s, i, o) {
                         class: L(["px-1.5", { "drag-item": !f.locked && n.canUseBlocks }])
                       }, {
                         default: u(() => [
-                          l("div", To, [
+                          l("div", Do, [
                             l("div", {
                               class: "drag-item-preview",
                               onClick: (w) => o.onUseBlock({ block: f, openUpgradeModal: y }),
                               innerHTML: f.previewUrl
-                            }, null, 8, Do),
+                            }, null, 8, So),
                             f.locked ? (a(), v(g, {
                               key: 0,
                               class: "absolute bottom-2 right-4"
@@ -3402,7 +3398,7 @@ function So(e, t, n, s, i, o) {
     })
   ], 32);
 }
-const $o = /* @__PURE__ */ F(yo, [["render", So], ["__scopeId", "data-v-babdf4c0"]]), Io = {
+const Io = /* @__PURE__ */ F(vo, [["render", $o], ["__scopeId", "data-v-babdf4c0"]]), Fo = {
   name: "DocumentFormMenu",
   i18nOptions: {
     namespaces: "documentFormMenu",
@@ -3418,14 +3414,14 @@ const $o = /* @__PURE__ */ F(yo, [["render", So], ["__scopeId", "data-v-babdf4c0
     }
   },
   components: {
-    Design: Yn,
-    Fields: uo,
-    ExtensionTab: Pi,
-    DocumentGeneralSettings: ni,
+    Design: Jn,
+    Fields: mo,
+    ExtensionTab: Ai,
+    DocumentGeneralSettings: ii,
     DocumentGuide: tt(
-      () => import("./index-B0udVHyo.js")
+      () => import("./index-x9x0Q0A6.js")
     ),
-    MenuBlocks: $o,
+    MenuBlocks: Io,
     Simplebar: Q
   },
   emits: ["close"],
@@ -3487,17 +3483,17 @@ const $o = /* @__PURE__ */ F(yo, [["render", So], ["__scopeId", "data-v-babdf4c0
       this.showGuide = !0, this.showGuideNotification = !1, we.setItem("hideFormGuideNotification", !0);
     }
   }
-}, Fo = {
+}, Lo = {
   key: 0,
   class: "tab-list"
-}, Lo = ["textContent"], Vo = ["textContent"], Bo = ["textContent"], Mo = { style: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "flex-end", "align-items": "flex-start", padding: "calc(1 * var(--rem))" } }, Po = {
+}, Vo = ["textContent"], Bo = ["textContent"], Mo = ["textContent"], Po = { style: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "flex-end", "align-items": "flex-start", padding: "calc(1 * var(--rem))" } }, Ao = {
   key: 0,
   class: "circle-pulse"
-}, Ao = {
+}, Eo = {
   key: 2,
   class: "menu-container"
 };
-function Eo(e, t, n, s, i, o) {
+function zo(e, t, n, s, i, o) {
   const r = m("CIcon"), g = m("CButton"), h = m("MenuBlocks"), b = m("Design"), _ = m("Fields"), k = m("ExtensionTab"), S = m("DocumentGeneralSettings"), D = m("Simplebar"), y = m("DocumentGuide");
   return a(), p("div", null, [
     l("div", {
@@ -3512,22 +3508,22 @@ function Eo(e, t, n, s, i, o) {
       l("div", {
         style: E([{ width: `${n.width}px` }, { height: "100%", "font-size": "14px", "border-radius": "0 8px 8px 0", "box-shadow": "0 10px 20px rgba(0, 0, 0, 0.2)" }])
       }, [
-        n.isLegacyTemplate ? C("", !0) : (a(), p("div", Fo, [
+        n.isLegacyTemplate ? C("", !0) : (a(), p("div", Lo, [
           l("div", {
             class: L([{ "is-active": i.tab === "blocks" }, "tab-item"]),
             onClick: t[1] || (t[1] = (f) => i.tab = "blocks"),
             textContent: d(e.$t("tabs.blocks"))
-          }, null, 10, Lo),
+          }, null, 10, Vo),
           l("div", {
             class: L([{ "is-active": i.tab === "design" }, "tab-item"]),
             onClick: t[2] || (t[2] = (f) => i.tab = "design"),
             textContent: d(e.$t("tabs.design"))
-          }, null, 10, Vo),
+          }, null, 10, Bo),
           l("div", {
             class: L([{ "is-active": i.tab === "fields" }, "tab-item"]),
             onClick: t[3] || (t[3] = (f) => i.tab = "fields"),
             textContent: d(e.$t("tabs.fields"))
-          }, null, 10, Bo),
+          }, null, 10, Mo),
           o.extensionTabType ? (a(), p("div", {
             key: 0,
             class: L([{ "is-active": i.tab === "extension" }, "tab-item"]),
@@ -3571,7 +3567,7 @@ function Eo(e, t, n, s, i, o) {
           onBlockAdded: t[6] || (t[6] = (f) => n.fixed ? e.$emit("close") : null)
         }, {
           footer: u(() => [
-            l("div", Mo, [
+            l("div", Po, [
               c(g, {
                 "icon-left": "help",
                 type: "none",
@@ -3582,14 +3578,14 @@ function Eo(e, t, n, s, i, o) {
               }, {
                 default: u(() => [
                   T(d(e.$t("guideButton")) + " ", 1),
-                  i.showGuideNotification ? (a(), p("div", Po)) : C("", !0)
+                  i.showGuideNotification ? (a(), p("div", Ao)) : C("", !0)
                 ]),
                 _: 1
               }, 8, ["onClick"])
             ])
           ]),
           _: 1
-        }, 8, ["_document", "set", "remove-value", "fixed", "can-use-blocks"])) : (a(), p("div", Ao, [
+        }, 8, ["_document", "set", "remove-value", "fixed", "can-use-blocks"])) : (a(), p("div", Eo, [
           c(D, { class: "h-full w-full" }, {
             default: u(() => [
               i.tab === "design" ? (a(), v(b, {
@@ -3648,12 +3644,12 @@ function Eo(e, t, n, s, i, o) {
     ], 4)
   ]);
 }
-const zo = /* @__PURE__ */ F(Io, [["render", Eo], ["__scopeId", "data-v-2721fb3f"]]), Oe = (e, t, n = "children") => {
+const Ro = /* @__PURE__ */ F(Fo, [["render", zo], ["__scopeId", "data-v-2721fb3f"]]), Oe = (e, t, n = "children") => {
   if (!e) return;
   t(e);
   const s = e[n];
   !s && !Array.isArray(s) || s.forEach((i) => Oe(i, t));
-}, Ro = {
+}, Oo = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
     messages: {
@@ -3669,18 +3665,18 @@ const zo = /* @__PURE__ */ F(Io, [["render", Eo], ["__scopeId", "data-v-2721fb3f
   },
   name: "DocumentFormContainer",
   components: {
-    WithDimensions: St,
+    WithDimensions: $t,
     DragList: $e,
     DragItem: Ie,
-    DynamicChapter: $t,
-    DocumentFormMenu: zo,
-    DynamicBlock: Fn,
-    DocumentFormViewRadio: bn,
-    DocumentFormNav: gn,
-    DocumentDrawer: rn,
-    DocumentStyleContainer: It,
+    DynamicChapter: It,
+    DocumentFormMenu: Ro,
+    DynamicBlock: Ln,
+    DocumentFormViewRadio: kn,
+    DocumentFormNav: yn,
+    DocumentDrawer: dn,
+    DocumentStyleContainer: Ft,
     simplebar: Q,
-    LogoBanner: En,
+    LogoBanner: zn,
     IsPremium: J
   },
   emits: ["update:view"],
@@ -3813,7 +3809,7 @@ const zo = /* @__PURE__ */ F(Io, [["render", Eo], ["__scopeId", "data-v-2721fb3f
   },
   methods: {
     onAddBlockMount(e, t) {
-      t && Vt(e) && this.$nextTick(() => Ut(t, { offset: 100 }));
+      t && Bt(e) && this.$nextTick(() => qt(t, { offset: 100 }));
     },
     onBlockToggleVisible(e, t) {
       const s = [...this.readLayout].findIndex(
@@ -3907,17 +3903,17 @@ const zo = /* @__PURE__ */ F(Io, [["render", Eo], ["__scopeId", "data-v-2721fb3f
       return e && e.behaviour === "move";
     }
   }
-}, Oo = { class: "h-screen overflow-auto" }, Ho = { class: "relative flex w-full items-center space-x-4" }, Uo = { class: "relative" }, qo = {
+}, Ho = { class: "h-screen overflow-auto" }, Uo = { class: "relative flex w-full items-center space-x-4" }, qo = { class: "relative" }, Go = {
   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%]"
-}, Go = ["onClick"], No = {
+}, No = ["onClick"], Wo = {
   key: 0,
   class: "drag-drop-empty-list is-placeholder text-gray-400"
-}, Wo = ["innerHTML"];
-function jo(e, t, n, s, i, o) {
+}, jo = ["innerHTML"];
+function Zo(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("DocumentFormViewRadio"), h = m("CIcon"), b = m("DocumentFormNav"), _ = m("DocumentFormMenu"), k = m("DynamicChapter"), S = m("DynamicBlock"), D = m("LogoBanner"), y = m("IsPremium"), f = m("DocumentStyleContainer"), x = m("WithDimensions"), w = m("portal-target"), A = m("DocumentDrawer");
-  return a(), p("div", Oo, [
+  return a(), p("div", Ho, [
     l("div", {
       class: L([{
         "is-edit-view": o.isEditView,
@@ -3926,7 +3922,7 @@ function jo(e, t, n, s, i, o) {
     }, [
       c(b, { close: n.close }, {
         left: u(() => [
-          l("div", Ho, [
+          l("div", Uo, [
             n.close ? (a(), v(r, {
               key: 0,
               "icon-props": { size: 20 },
@@ -3961,7 +3957,7 @@ function jo(e, t, n, s, i, o) {
           ])
         ]),
         center: u(() => [
-          l("div", Uo, [
+          l("div", qo, [
             N(c(g, {
               small: e.mq === "sm",
               "model-value": n.view,
@@ -3969,7 +3965,7 @@ function jo(e, t, n, s, i, o) {
             }, null, 8, ["small", "model-value"]), [
               [ce, o.nestedReadLayout.length]
             ]),
-            !o.isEditView && !["sm", "md", "lg"].includes(e.mq) ? (a(), p("div", qo, [
+            !o.isEditView && !["sm", "md", "lg"].includes(e.mq) ? (a(), p("div", Go, [
               (a(), p(I, null, P(["desktop", "tablet", "mobile"], (z) => l("div", {
                 key: z,
                 style: E(
@@ -3986,7 +3982,7 @@ function jo(e, t, n, s, i, o) {
                   type: z,
                   size: "20"
                 }, null, 8, ["type"])
-              ], 12, Go)), 64))
+              ], 12, No)), 64))
             ])) : C("", !0)
           ])
         ]),
@@ -4029,13 +4025,13 @@ function jo(e, t, n, s, i, o) {
             o.isEditView && "mx-auto min-h-full w-[1200px] max-w-full overflow-hidden rounded-md px-0 shadow-[0_20px_35px_-8px_hsla(0,0%,0%,0.27)] md:max-w-[90%]"
           ], "list-container"])
         }, [
-          !o.nestedReadLayout.length && !o.isFixedSidebar ? (a(), p("div", No, [
+          !o.nestedReadLayout.length && !o.isFixedSidebar ? (a(), p("div", Wo, [
             t[8] || (t[8] = ot('<div style="position:relative;" data-v-91d0aa83><div class="drag-drop-illustration-block" data-v-91d0aa83><div data-v-91d0aa83></div><div data-v-91d0aa83></div></div><svg class="drag-drop-illustration" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" data-v-91d0aa83><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-91d0aa83></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-91d0aa83></path></svg></div>', 1)),
             l("div", {
               class: "text-center",
               style: { "max-width": "22ch" },
               innerHTML: e.$t("emptyBlockPlaceholderLarge")
-            }, null, 8, Wo)
+            }, null, 8, jo)
           ])) : C("", !0),
           (a(), v(G(o.isEditView ? "div" : "simplebar"), { class: "h-full w-full" }, {
             default: u(() => [
@@ -4161,7 +4157,7 @@ function jo(e, t, n, s, i, o) {
     ], 2)
   ]);
 }
-const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-91d0aa83"]]), Ko = {
+const Ko = /* @__PURE__ */ F(Oo, [["render", Zo], ["__scopeId", "data-v-91d0aa83"]]), Qo = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -4188,7 +4184,7 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-91d0aa83
   },
   components: {
     Drawer: ze,
-    SendForm: qt,
+    SendForm: Gt,
     CCheckbox: Fe,
     CIcon: st,
     CButton: lt,
@@ -4300,14 +4296,14 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-91d0aa83
       }));
     }
   }
-}, Qo = {
+}, Yo = {
   key: "1",
   class: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3"
-}, Yo = { class: "pl-2" }, Jo = ["textContent"], Xo = { class: "mb-4 text-sm text-red-600 text-opacity-80" }, es = {
+}, Jo = { class: "pl-2" }, Xo = ["textContent"], es = { class: "mb-4 text-sm text-red-600 text-opacity-80" }, ts = {
   for: "checkbox-save-as-temp",
   class: "inline-flex cursor-pointer select-none items-center py-2 text-[12px] font-[500] text-gray-600"
-}, ts = ["onClick"], ns = { style: { "padding-left": "0.5em" } };
-function is(e, t, n, s, i, o) {
+}, ns = ["onClick"], is = { style: { "padding-left": "0.5em" } };
+function os(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("CIcon"), h = m("CCheckbox"), b = m("ProBadge"), _ = m("IsPremiumPreStep"), k = m("IsPremium"), S = m("SendForm"), D = le("tooltip");
   return e.mq !== "sm" || i.isOpen ? (a(), v(G(e.mq === "sm" ? "div" : "Drawer"), {
     key: 0,
@@ -4351,7 +4347,7 @@ function is(e, t, n, s, i, o) {
             }, 8, ["onClick"])) : C("", !0)
           ]),
           [o.saveTemplateSlot]: u(() => [
-            l("label", es, [
+            l("label", ts, [
               c(k, null, {
                 default: u(({ canCreateTemplate: y }) => [
                   c(_, { feature: "saveDocTemplate" }, {
@@ -4371,7 +4367,7 @@ function is(e, t, n, s, i, o) {
                           size: "small",
                           type: "secondary"
                         }, null, 8, ["modelValue"]),
-                        l("div", ns, [
+                        l("div", is, [
                           T(d(e.$t("saveDocAsTemplate")) + " ", 1),
                           N(c(g, {
                             type: "info",
@@ -4384,7 +4380,7 @@ function is(e, t, n, s, i, o) {
                           key: 0,
                           class: "ml-2 self-center"
                         }))
-                      ], 8, ts)
+                      ], 8, ns)
                     ]),
                     _: 2
                   }, 1024)
@@ -4394,7 +4390,7 @@ function is(e, t, n, s, i, o) {
             ])
           ]),
           default: u(() => [
-            o.hasAnswerBlock ? C("", !0) : (a(), p("div", Qo, [
+            o.hasAnswerBlock ? C("", !0) : (a(), p("div", Yo, [
               l("div", null, [
                 c(g, {
                   type: "error",
@@ -4403,12 +4399,12 @@ function is(e, t, n, s, i, o) {
                 })
               ]),
               l("div", null, [
-                l("div", Yo, [
+                l("div", Jo, [
                   l("div", {
                     class: "text-sm font-semibold text-red-600",
                     textContent: d(e.$t("signMissingTitle"))
-                  }, null, 8, Jo),
-                  l("div", Xo, d(e.$t("signMissingText")), 1)
+                  }, null, 8, Xo),
+                  l("div", es, d(e.$t("signMissingText")), 1)
                 ]),
                 c(r, {
                   type: "secondary",
@@ -4431,7 +4427,7 @@ function is(e, t, n, s, i, o) {
     _: 1
   }, 8, ["modelValue"])) : C("", !0);
 }
-const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-d0c772d2"]]), ss = {
+const ss = /* @__PURE__ */ F(Qo, [["render", os], ["__scopeId", "data-v-d0c772d2"]]), ls = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
     messages: {
@@ -4461,7 +4457,7 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-d0c772d2
   },
   name: "DocumentTemplateFormModal",
   components: {
-    CCallout: Nt,
+    CCallout: Wt,
     CCheckbox: Fe,
     CField: ye
   },
@@ -4500,7 +4496,7 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-d0c772d2
   validations() {
     return {
       name: {
-        required: Rt(!this.updateExistingDocTemplate)
+        required: Ot(!this.updateExistingDocTemplate)
       }
     };
   },
@@ -4539,7 +4535,7 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-d0c772d2
       updateSettings: B.UPDATE_SETTINGS
     }),
     async onSave() {
-      if (!this.document && !this.template && (this.$log.error('Missing prop "document" or "template"'), this.$emit("close")), this.v$.$invalid) return;
+      if (!this.document && !this.template && (at.error('Missing prop "document" or "template"'), this.$emit("close")), this.v$.$invalid) return;
       let e;
       this.document ? (e = this.getNewTemplate(), this.updateExistingDocTemplate && this.canUpdateExistingDocTemplate && this.document.template.id && (e.id = this.document.template.id, delete e.name)) : this.template && (e = this.getExistingTemplateBody()), await this.saveTemplate({ body: e, callback: this.onSaveTemplate }), this.$emit("close");
     },
@@ -4589,11 +4585,11 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-d0c772d2
       this.canUpdateExistingDocTemplate = !1;
     }
   }
-}, ls = { class: "t-root font-inter" }, as = { style: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, rs = { key: 1 }, ds = { class: "text-gray-600" }, cs = { key: 2 }, us = { class: "text-gray-600" };
-function ms(e, t, n, s, i, o) {
+}, as = { class: "t-root font-inter" }, rs = { style: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, ds = { key: 1 }, cs = { class: "text-gray-600" }, us = { key: 2 }, ms = { class: "text-gray-600" };
+function ps(e, t, n, s, i, o) {
   const r = m("CCallout"), g = m("CInput"), h = m("CField"), b = m("CCheckbox"), _ = m("CButton");
-  return a(), p("div", ls, [
-    l("div", as, d(n.template ? e.$t("_common:edit", { thing: e.$t("_common:name") }) : e.$t("_common:save", { thing: e.$t("_common:template") })), 1),
+  return a(), p("div", as, [
+    l("div", rs, d(n.template ? e.$t("_common:edit", { thing: e.$t("_common:name") }) : e.$t("_common:save", { thing: e.$t("_common:template") })), 1),
     l("div", null, [
       n.template ? C("", !0) : (a(), v(r, { key: 0 }, {
         default: u(() => [
@@ -4621,7 +4617,7 @@ function ms(e, t, n, s, i, o) {
         ]),
         _: 1
       }, 8, ["vuelidate", "vuelidate-messages", "label"]),
-      n.document && n.document.template.id && i.canUpdateExistingDocTemplate ? (a(), p("div", rs, [
+      n.document && n.document.template.id && i.canUpdateExistingDocTemplate ? (a(), p("div", ds, [
         c(h, { style: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, {
           default: u(() => [
             c(b, {
@@ -4631,7 +4627,7 @@ function ms(e, t, n, s, i, o) {
               size: "normal"
             }, {
               default: u(() => [
-                l("div", ds, d(e.$t("updateExisting")), 1)
+                l("div", cs, d(e.$t("updateExisting")), 1)
               ]),
               _: 1
             }, 8, ["modelValue"])
@@ -4639,7 +4635,7 @@ function ms(e, t, n, s, i, o) {
           _: 1
         })
       ])) : C("", !0),
-      n.document && n.document.clients.length && n.showKeepClientsOption ? (a(), p("div", cs, [
+      n.document && n.document.clients.length && n.showKeepClientsOption ? (a(), p("div", us, [
         c(h, { style: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, {
           default: u(() => [
             c(b, {
@@ -4649,7 +4645,7 @@ function ms(e, t, n, s, i, o) {
               size: "normal"
             }, {
               default: u(() => [
-                l("div", us, d(e.$t("keepClients")), 1)
+                l("div", ms, d(e.$t("keepClients")), 1)
               ]),
               _: 1
             }, 8, ["modelValue"])
@@ -4673,16 +4669,16 @@ function ms(e, t, n, s, i, o) {
     }, 8, ["loading", "onClick"])
   ]);
 }
-const He = /* @__PURE__ */ F(ss, [["render", ms], ["__scopeId", "data-v-7a55cc2d"]]);
-function ps(e, t, n) {
+const He = /* @__PURE__ */ F(ls, [["render", ps], ["__scopeId", "data-v-54a3575d"]]);
+function hs(e, t, n) {
   return e === e && (n !== void 0 && (e = e <= n ? e : n), t !== void 0 && (e = e >= t ? e : t)), e;
 }
-var hs = ps, fs = hs, re = Pt;
-function gs(e, t, n) {
-  return n === void 0 && (n = t, t = void 0), n !== void 0 && (n = re(n), n = n === n ? n : 0), t !== void 0 && (t = re(t), t = t === t ? t : 0), fs(re(e), t, n);
+var fs = hs, gs = fs, re = At;
+function ys(e, t, n) {
+  return n === void 0 && (n = t, t = void 0), n !== void 0 && (n = re(n), n = n === n ? n : 0), t !== void 0 && (t = re(t), t = t === t ? t : 0), gs(re(e), t, n);
 }
-var ys = gs;
-const vs = /* @__PURE__ */ Le(ys), Cs = {
+var vs = ys;
+const Cs = /* @__PURE__ */ Le(vs), bs = {
   name: "RemainingTrialButton",
   components: { IsPremium: J },
   i18nOptions: {
@@ -4714,10 +4710,10 @@ const vs = /* @__PURE__ */ Le(ys), Cs = {
   },
   mixins: [Z],
   methods: {
-    clamp: vs
+    clamp: Cs
   }
-}, bs = { 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" }, ks = { class: "text-gray-600" }, ws = { class: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, _s = { class: "w-56 p-4 text-sm" }, xs = { class: "font-semibold" }, Ts = { class: "bg-primary-100 border-primary-200 text-primary-800 inline-flex rounded-md border px-1.5 py-[3px] text-xs leading-none" }, Ds = { class: "text-sm text-gray-600" }, Ss = { 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" }, $s = { class: "mt-5" };
-function Is(e, t, n, s, i, o) {
+}, ks = { 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" }, ws = { class: "text-gray-600" }, _s = { class: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, xs = { class: "w-56 p-4 text-sm" }, Ts = { class: "font-semibold" }, Ds = { class: "bg-primary-100 border-primary-200 text-primary-800 inline-flex rounded-md border px-1.5 py-[3px] text-xs leading-none" }, Ss = { class: "text-sm text-gray-600" }, $s = { 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" }, Is = { class: "mt-5" };
+function Fs(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("VDropdown"), h = m("IsPremium"), b = le("close-popper");
   return a(), v(h, null, {
     default: u(({
@@ -4731,18 +4727,18 @@ function Is(e, t, n, s, i, o) {
         "popper-class": "trial-popover"
       }, {
         popper: u(() => [
-          l("div", _s, [
-            l("div", xs, [
+          l("div", xs, [
+            l("div", Ts, [
               T(d(e.$t("title.1")) + " ", 1),
-              l("span", Ts, d(e.$t("title.2")), 1),
+              l("span", Ds, d(e.$t("title.2")), 1),
               T(" " + d(e.$t("title.3", { trialDaysLeft: k })) + ". ", 1)
             ]),
-            l("div", Ds, [
+            l("div", Ss, [
               T(d(e.$t("title.4")) + " ", 1),
-              l("span", Ss, d(e.$t("title.5")), 1),
+              l("span", $s, d(e.$t("title.5")), 1),
               t[0] || (t[0] = T(". "))
             ]),
-            l("div", $s, [
+            l("div", Is, [
               N((a(), v(r, {
                 type: "secondary",
                 size: "small",
@@ -4760,9 +4756,9 @@ function Is(e, t, n, s, i, o) {
           ])
         ]),
         default: u(() => [
-          l("div", bs, [
-            l("div", ks, d(e.$tc("_common:day", { count: k })) + " " + d(e.$t("button")), 1),
-            l("div", ws, [
+          l("div", ks, [
+            l("div", ws, d(e.$tc("_common:day", { count: k })) + " " + d(e.$t("button")), 1),
+            l("div", _s, [
               l("div", {
                 style: E({
                   width: o.clamp(k / D * 100, 0, 100) + "%"
@@ -4778,24 +4774,24 @@ function Is(e, t, n, s, i, o) {
     _: 1
   });
 }
-const Fs = /* @__PURE__ */ F(Cs, [["render", Is]]), oe = at({
+const Ls = /* @__PURE__ */ F(bs, [["render", Fs]]), oe = rt({
   canEdit: !1,
   isForm: !0,
   setFormValue: null,
   removeFormValue: null
-}), Ls = {
+}), Vs = {
   name: "DocumentForm",
   components: {
-    DocumentFormContainer: Zo,
+    DocumentFormContainer: Ko,
     IsPremium: J,
     IsPremiumPreStep: Y,
-    DocumentSend: os,
-    RemainingTrialButton: Fs,
+    DocumentSend: ss,
+    RemainingTrialButton: Ls,
     CDropdown: ue,
     CDropdownItem: me
   },
   setup() {
-    const { isValid: e } = Gt();
+    const { isValid: e } = Nt();
     return { isValid: e };
   },
   mixins: [Z],
@@ -4904,13 +4900,13 @@ const Fs = /* @__PURE__ */ F(Cs, [["render", Is]]), oe = at({
       );
     }
   }
-}, Vs = {
+}, Bs = {
   key: 0,
   class: "flex w-screen flex-col bg-white"
-}, Bs = { class: "flex self-center" }, Ms = { class: "buttons has-addons whitespace-nowrap" };
-function Ps(e, t, n, s, i, o) {
+}, Ms = { class: "flex self-center" }, Ps = { class: "buttons has-addons whitespace-nowrap" };
+function As(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), b = m("IsPremiumPreStep"), _ = m("RemainingTrialButton"), k = m("IsPremium"), S = m("DocumentFormContainer"), D = m("DocumentSend");
-  return n.document ? (a(), p("div", Vs, [
+  return n.document ? (a(), p("div", Bs, [
     c(S, {
       view: i.view,
       "onUpdate:view": t[0] || (t[0] = (y) => i.view = y),
@@ -4933,7 +4929,7 @@ function Ps(e, t, n, s, i, o) {
                 }, [
                   c(b, { feature: "saveDocTemplate" }, {
                     default: u(({ onClick: w }) => [
-                      l("div", Bs, [
+                      l("div", Ms, [
                         c(h, {
                           disabled: !o.canDoActions
                         }, {
@@ -4988,7 +4984,7 @@ function Ps(e, t, n, s, i, o) {
                   }, 1024),
                   M(e.$slots, "nav-right-action", {}, () => [
                     c(_),
-                    l("div", Ms, [
+                    l("div", Ps, [
                       c(r, {
                         ref: "sendButton",
                         disabled: !o.canDoActions,
@@ -5030,7 +5026,7 @@ function Ps(e, t, n, s, i, o) {
     }, null, 8, ["_document", "set-form-value", "remove-form-value", "on-save-document"])
   ])) : C("", !0);
 }
-const As = /* @__PURE__ */ F(Ls, [["render", Ps]]), Es = {
+const Es = /* @__PURE__ */ F(Vs, [["render", As]]), zs = {
   name: "DocumentFormRecent",
   i18nOptions: {
     namespaces: "DocumentFormRecent",
@@ -5048,7 +5044,7 @@ const As = /* @__PURE__ */ F(Ls, [["render", Ps]]), Es = {
   components: {
     IsPremium: J,
     IsPremiumPreStep: Y,
-    CSkeleton: Wt
+    CSkeleton: jt
   },
   emits: ["save-template", "use-doc-template"],
   data() {
@@ -5078,7 +5074,7 @@ const As = /* @__PURE__ */ F(Ls, [["render", Ps]]), Es = {
     async fetchDocuments(e) {
       const t = this.query ? 180 : 90, n = {
         createdAt: {
-          $gte: this.$formatDate(rt(/* @__PURE__ */ new Date(), t), "yyyy-MM-dd")
+          $gte: this.$formatDate(dt(/* @__PURE__ */ new Date(), t), "yyyy-MM-dd")
         },
         // Only provide or if there is a search query to filter on
         ...this.query && {
@@ -5095,7 +5091,7 @@ const As = /* @__PURE__ */ F(Ls, [["render", Ps]]), Es = {
             }
           ]
         }
-      }, { data: s } = await dt.getAll({
+      }, { data: s } = await ct.getAll({
         lean: !0,
         filter: encodeURIComponent(JSON.stringify(n)),
         fields: "clients,data.name,createdAt",
@@ -5119,25 +5115,25 @@ const As = /* @__PURE__ */ F(Ls, [["render", Ps]]), Es = {
       return this.$emit("use-doc-template", { documentId: e });
     }
   }
-}, zs = {
+}, Rs = {
   class: "flex w-full",
   style: { "padding-bottom": "1em" }
-}, Rs = { class: "recent-list" }, Os = {
+}, Os = { class: "recent-list" }, Hs = {
   key: 1,
   class: "rounded-md border border-gray-200 bg-gray-100 p-4 text-center text-gray-400",
   style: { "font-size": "15px" }
-}, Hs = {
+}, Us = {
   key: 2,
   class: "text-center text-gray-400",
   style: { padding: "1em" }
-}, Us = ["onClick", "onMouseoverPassive"], qs = {
+}, qs = ["onClick", "onMouseoverPassive"], Gs = {
   key: 0,
   style: { display: "inline-flex", "align-items": "center", position: "absolute", right: "1em", top: "50%", transform: "translateY(-50%)" }
 };
-function Gs(e, t, n, s, i, o) {
+function Ns(e, t, n, s, i, o) {
   const r = m("CInput"), g = m("CSkeleton"), h = m("CButton"), b = m("IsPremiumPreStep"), _ = m("IsPremium");
   return a(), p("div", null, [
-    l("div", zs, [
+    l("div", Rs, [
       M(e.$slots, "default", {}, void 0, !0),
       i.hasItems ? (a(), v(r, {
         key: 0,
@@ -5154,7 +5150,7 @@ function Gs(e, t, n, s, i, o) {
         class: "hidden md:flex"
       }, null, 8, ["modelValue", "loading", "placeholder", "onUpdate:modelValue"])) : C("", !0)
     ]),
-    l("div", Rs, [
+    l("div", Os, [
       i.isLoading && !i.list.length ? (a(), p(I, { key: 0 }, P(3, (k) => l("div", {
         key: k,
         class: "recent-item placeholder"
@@ -5164,7 +5160,7 @@ function Gs(e, t, n, s, i, o) {
           class: "recent-item-name"
         }),
         c(g, { width: "35%" })
-      ])), 64)) : !i.isLoading && !i.query && !i.list.length ? (a(), p("div", Os, d(e.$t("emptyPlaceholder")), 1)) : i.query && !i.isLoading && !i.list.length ? (a(), p("div", Hs, d(e.$t("noResults")), 1)) : (a(), v(_, { key: 3 }, {
+      ])), 64)) : !i.isLoading && !i.query && !i.list.length ? (a(), p("div", Hs, d(e.$t("emptyPlaceholder")), 1)) : i.query && !i.isLoading && !i.list.length ? (a(), p("div", Us, d(e.$t("noResults")), 1)) : (a(), v(_, { key: 3 }, {
         default: u(({ canCreateTemplate: k, canUseTemplate: S }) => [
           c(b, { feature: "useDocTemplate" }, {
             default: u(({ onClick: D }) => [
@@ -5182,7 +5178,7 @@ function Gs(e, t, n, s, i, o) {
                     class: L([{ "text-gray-400": !y.data.name }, "recent-item-name"])
                   }, d(y.data.name || e.$t("_common:untitled")), 3),
                   l("div", null, d(e.$formatDistanceToNow(y.createdAt)), 1),
-                  i.hoverIndex === f ? (a(), p("div", qs, [
+                  i.hoverIndex === f ? (a(), p("div", Gs, [
                     c(b, { feature: "saveDocTemplate" }, {
                       default: u(({ onClick: x }) => [
                         c(h, {
@@ -5211,7 +5207,7 @@ function Gs(e, t, n, s, i, o) {
                       _: 1
                     })
                   ])) : C("", !0)
-                ], 40, Us))), 128))
+                ], 40, qs))), 128))
               ])
             ]),
             _: 2
@@ -5222,13 +5218,13 @@ function Gs(e, t, n, s, i, o) {
     ])
   ]);
 }
-const Ns = /* @__PURE__ */ F(Es, [["render", Gs], ["__scopeId", "data-v-afd30dd3"]]), Ws = { class: "item-paper" }, js = {
+const Ws = /* @__PURE__ */ F(zs, [["render", Ns], ["__scopeId", "data-v-afd30dd3"]]), js = { class: "item-paper" }, Zs = {
   key: 2,
   class: "absolute bottom-2 right-2"
-}, Zs = {
+}, Ks = {
   key: 3,
   class: "add-button"
-}, Ks = { class: "item-footer" }, Qs = ["textContent"], Ys = ["textContent"], Js = /* @__PURE__ */ he({
+}, Qs = { class: "item-footer" }, Ys = ["textContent"], Js = ["textContent"], Xs = /* @__PURE__ */ he({
   __name: "DocumentIcon",
   props: {
     isPlaceholder: { type: Boolean, default: !1 },
@@ -5240,9 +5236,9 @@ const Ns = /* @__PURE__ */ F(Es, [["render", Gs], ["__scopeId", "data-v-afd30dd3
   },
   emits: ["triggerOpenTemplate"],
   setup(e, { emit: t }) {
-    const n = e, s = t, i = () => s("triggerOpenTemplate"), o = ct(), r = ut(), g = H(() => r.style), h = H(() => r.staticClass), b = H(() => r.class), _ = H(() => r.key), k = H(() => r.attrs), S = H(
+    const n = e, s = t, i = () => s("triggerOpenTemplate"), o = ut(), r = mt(), g = H(() => r.style), h = H(() => r.staticClass), b = H(() => r.class), _ = H(() => r.key), k = H(() => r.attrs), S = H(
       () => _e.t("_common:empty", { thing: _e.t("_common:template") })
-    ), D = H(() => mt(n.name, 60));
+    ), D = H(() => pt(n.name, 60));
     return (y, f) => {
       const x = m("CIcon");
       return a(), p("div", pe(k.value, {
@@ -5259,22 +5255,22 @@ const Ns = /* @__PURE__ */ F(Es, [["render", Gs], ["__scopeId", "data-v-afd30dd3
         style: g.value,
         onClick: i
       }), [
-        l("div", Ws, [
+        l("div", js, [
           y.thumbnail ? (a(), p("div", {
             key: 0,
             style: E([{
               backgroundImage: `url(${y.thumbnail})`
             }, { width: "100%", height: "100%", "background-size": "100% auto", "background-repeat": "no-repeat", "background-position": "0% 0%" }])
-          }, null, 4)) : y.isPlaceholder || y.isAdd ? C("", !0) : (a(), v(jt, {
+          }, null, 4)) : y.isPlaceholder || y.isAdd ? C("", !0) : (a(), v(Zt, {
             key: 1,
             media: y.media,
             preview: "",
             class: "item-media"
           }, null, 8, ["media"])),
-          De(o).badge ? (a(), p("div", js, [
+          De(o).badge ? (a(), p("div", Zs, [
             M(y.$slots, "badge", {}, void 0, !0)
           ])) : C("", !0),
-          y.isAdd ? (a(), p("div", Zs, [
+          y.isAdd ? (a(), p("div", Ks, [
             c(x, {
               size: 18,
               "stroke-width": 3,
@@ -5282,24 +5278,24 @@ const Ns = /* @__PURE__ */ F(Es, [["render", Gs], ["__scopeId", "data-v-afd30dd3
             })
           ])) : C("", !0)
         ]),
-        l("div", Ks, [
+        l("div", Qs, [
           y.isAdd ? (a(), p("div", {
             key: 0,
             class: "item-text",
             style: { color: "hsl(0, 0%, 55%)" },
             textContent: d(S.value)
-          }, null, 8, Qs)) : y.name ? (a(), p(I, { key: 1 }, [
+          }, null, 8, Ys)) : y.name ? (a(), p(I, { key: 1 }, [
             l("div", {
               class: "item-text",
               textContent: d(D.value)
-            }, null, 8, Ys),
+            }, null, 8, Js),
             M(y.$slots, "default", {}, void 0, !0)
           ], 64)) : C("", !0)
         ])
       ], 16);
     };
   }
-}), Xs = /* @__PURE__ */ F(Js, [["__scopeId", "data-v-f3357197"]]), el = {
+}), el = /* @__PURE__ */ F(Xs, [["__scopeId", "data-v-f3357197"]]), tl = {
   name: "HorizontalScroll",
   components: {
     Simplebar: Q
@@ -5351,14 +5347,14 @@ const Ns = /* @__PURE__ */ F(Es, [["render", Gs], ["__scopeId", "data-v-afd30dd3
       }, 50);
     }
   }
-}, tl = {
+}, nl = {
   ref: "container",
   class: "horizontal-scroll"
-}, nl = { class: "hl-navigation" }, il = { class: "hl-container" }, ol = { class: "flex w-full" };
-function sl(e, t, n, s, i, o) {
+}, il = { class: "hl-navigation" }, ol = { class: "hl-container" }, sl = { class: "flex w-full" };
+function ll(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("Simplebar");
-  return a(), p("div", tl, [
-    l("div", nl, [
+  return a(), p("div", nl, [
+    l("div", il, [
       i.hasPrev ? (a(), p("div", {
         key: 0,
         class: "hl-btn-left max-sm:hidden",
@@ -5391,14 +5387,14 @@ function sl(e, t, n, s, i, o) {
         ], !0)
       ])) : C("", !0)
     ]),
-    l("div", il, [
+    l("div", ol, [
       c(g, {
         ref: "list",
         class: "hl-list",
         onScroll: o.scrollHandler
       }, {
         default: u(() => [
-          l("div", ol, [
+          l("div", sl, [
             M(e.$slots, "default", {}, void 0, !0)
           ])
         ]),
@@ -5407,8 +5403,8 @@ function sl(e, t, n, s, i, o) {
     ])
   ], 512);
 }
-const ll = /* @__PURE__ */ F(el, [["render", sl], ["__scopeId", "data-v-f0c49197"]]);
-function al(e, { availableProducts: t }) {
+const al = /* @__PURE__ */ F(tl, [["render", ll], ["__scopeId", "data-v-f0c49197"]]);
+function rl(e, { availableProducts: t }) {
   if (!e) throw new Error("Missing parameter templateId");
   const n = t, s = Object.keys(n).find((i) => {
     var r;
@@ -5420,9 +5416,9 @@ function al(e, { availableProducts: t }) {
   });
   return s ? n[s] : null;
 }
-async function rl(e) {
+async function dl(e) {
   if (!e) throw new Error("Missing argument stripeProduct");
-  const t = e == null ? void 0 : e.prices[0], { data: n } = await pt.createCheckoutSession({
+  const t = e == null ? void 0 : e.prices[0], { data: n } = await ht.createCheckoutSession({
     items: [
       {
         stripePriceStripeId: t.stripeId,
@@ -5437,7 +5433,7 @@ async function rl(e) {
 function Ue(e, { availableProducts: t }) {
   var i, o, r;
   let n = null;
-  const s = al(e.templateId, {
+  const s = rl(e.templateId, {
     availableProducts: t
   });
   return s && (n = {
@@ -5445,14 +5441,14 @@ function Ue(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 () => rl(s)
+    onBuy: async () => dl(s)
   }), n;
 }
-const dl = {
+const cl = {
   name: "GalleryTemplateModal",
   components: {
     Simplebar: Q,
-    DocumentLayout: Ft,
+    DocumentLayout: Lt,
     IsPremium: J,
     IsPremiumPreStep: Y
   },
@@ -5539,7 +5535,7 @@ const dl = {
     }
   },
   created() {
-    this.privateProduct = this.product, this.loadTemplateStat(), this.product && (this.socketUnsubscribeFn = ht.on(
+    this.privateProduct = this.product, this.loadTemplateStat(), this.product && (this.socketUnsubscribeFn = ft.on(
       "event",
       async ({ type: e, action: t, data: n }) => {
         var s;
@@ -5567,7 +5563,7 @@ const dl = {
       const e = this.template.id;
       e || (this.templateStat = null);
       try {
-        const { data: t } = await ft.get(e);
+        const { data: t } = await gt.get(e);
         this.templateStat = t;
       } catch {
         this.templateStat = null;
@@ -5587,21 +5583,21 @@ const dl = {
       await Be(t) && fe("info", this.$t("copyMessage"));
     }
   }
-}, cl = { class: "template-modal font-inter bg-gray-200" }, ul = { style: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", "box-shadow": `rgb(244, 244, 244) 0px 2px 14px 0px inset,
+}, ul = { class: "template-modal font-inter bg-gray-200" }, ml = { style: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", "box-shadow": `rgb(244, 244, 244) 0px 2px 14px 0px inset,
           rgba(0, 0, 0, 0.09) 0px 8px 35px 0px,
-          rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset`, flex: "1 1 auto", "min-height": "0" } }, ml = { style: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, pl = { style: { "padding-bottom": "2em" } }, hl = { style: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, fl = { style: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, gl = { style: { hyphens: "auto" } }, yl = {
+          rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset`, flex: "1 1 auto", "min-height": "0" } }, pl = { style: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, hl = { style: { "padding-bottom": "2em" } }, fl = { style: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, gl = { style: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, yl = { style: { hyphens: "auto" } }, vl = {
   key: 0,
   style: { "padding-top": "1.5em" },
   class: "flex items-center"
-}, vl = { style: { "margin-left": "0.5em" } }, Cl = { style: { "font-weight": "500" } }, bl = { style: { "font-weight": "400", "font-size": "14px" } }, kl = { style: { "padding-bottom": "2em" } }, wl = {
+}, Cl = { style: { "margin-left": "0.5em" } }, bl = { style: { "font-weight": "500" } }, kl = { style: { "font-weight": "400", "font-size": "14px" } }, wl = { style: { "padding-bottom": "2em" } }, _l = {
   key: 0,
   class: "mb-5 flex items-center gap-2 rounded-full border border-gray-300 bg-gray-300/60 p-1 text-sm"
-}, _l = { class: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, xl = ["textContent"], Tl = ["textContent"];
-function Dl(e, t, n, s, i, o) {
+}, xl = { class: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, Tl = ["textContent"], Dl = ["textContent"];
+function Sl(e, t, n, s, i, o) {
   var S;
   const r = m("DocumentLayout"), g = m("Simplebar"), h = m("CIcon"), b = m("CButton"), _ = m("IsPremiumPreStep"), k = m("IsPremium");
-  return a(), p("div", cl, [
-    l("div", ul, [
+  return a(), p("div", ul, [
+    l("div", ml, [
       c(g, {
         class: "h-full w-full",
         "data-simplebar-auto-hide": "false"
@@ -5621,24 +5617,24 @@ function Dl(e, t, n, s, i, o) {
         _: 1
       })
     ]),
-    l("div", ml, [
-      l("div", pl, [
-        l("div", hl, d(n.meta.name), 1),
-        l("div", fl, [
+    l("div", pl, [
+      l("div", hl, [
+        l("div", fl, d(n.meta.name), 1),
+        l("div", gl, [
           (S = i.templateStat) != null && S.usedTimes ? (a(), p(I, { key: 0 }, [
             T(d(e.$t("_common:used").capitalize()) + " " + d(i.templateStat.usedTimes) + " " + d(e.$t("_common:times", { count: i.templateStat.usedTimes })), 1)
           ], 64)) : C("", !0)
         ]),
-        l("div", gl, d(n.meta.text), 1),
-        n.meta.author ? (a(), p("div", yl, [
+        l("div", yl, d(n.meta.text), 1),
+        n.meta.author ? (a(), p("div", vl, [
           l("div", {
             style: E([{ "background-color": "#03f", "border-radius": "50%", width: "2.5em", height: "2.5em", "background-size": "cover", "background-position": "center", "background-repeat": "no-repeat" }, {
               backgroundImage: `url(${n.meta.author.avatar})`
             }])
           }, null, 4),
-          l("div", vl, [
-            l("div", Cl, d(n.meta.author.name), 1),
-            l("div", bl, [
+          l("div", Cl, [
+            l("div", bl, d(n.meta.author.name), 1),
+            l("div", kl, [
               n.meta.author.templatesCount ? (a(), p(I, { key: 0 }, [
                 T(d(n.meta.author.templatesCount) + " " + d(e.$t("_common:template", { count: n.meta.author.templatesCount })), 1)
               ], 64)) : (a(), p(I, { key: 1 }, [
@@ -5648,10 +5644,10 @@ function Dl(e, t, n, s, i, o) {
           ])
         ])) : C("", !0)
       ]),
-      l("div", kl, [
+      l("div", wl, [
         n.product ? (a(), p(I, { key: 0 }, [
-          i.privateProduct.isPurchased ? (a(), p("div", wl, [
-            l("div", _l, [
+          i.privateProduct.isPurchased ? (a(), p("div", _l, [
+            l("div", xl, [
               c(h, {
                 type: "check",
                 size: "12",
@@ -5663,7 +5659,7 @@ function Dl(e, t, n, s, i, o) {
               textContent: d(
                 e.$t("_common:purchased", { thing: e.$t("_common:template") })
               )
-            }, null, 8, xl)
+            }, null, 8, Tl)
           ])) : (a(), v(b, {
             key: 1,
             type: "secondary",
@@ -5677,7 +5673,7 @@ function Dl(e, t, n, s, i, o) {
               l("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, Tl)
+              }, null, 8, Dl)
             ]),
             _: 1
           }, 8, ["onClick"]))
@@ -5748,7 +5744,7 @@ function Dl(e, t, n, s, i, o) {
     ])
   ]);
 }
-const Sl = /* @__PURE__ */ F(dl, [["render", Dl], ["__scopeId", "data-v-dc48f31c"]]), $l = {
+const $l = /* @__PURE__ */ F(cl, [["render", Sl], ["__scopeId", "data-v-dc48f31c"]]), Il = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -5873,7 +5869,7 @@ const Sl = /* @__PURE__ */ F(dl, [["render", Dl], ["__scopeId", "data-v-dc48f31c
     }
   },
   beforeCreate() {
-    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", Et);
+    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", zt);
   },
   async created() {
     var n, s, i, o;
@@ -5932,7 +5928,7 @@ const Sl = /* @__PURE__ */ F(dl, [["render", Dl], ["__scopeId", "data-v-dc48f31c
         isVisibleApp: !0,
         includePurchaseInfo: !0
       }, n = await this.fetchGallery(t), s = (o = n == null ? void 0 : n[0]) == null ? void 0 : o.templateId;
-      return s ? (gt(s), new yt(s)) : null;
+      return s ? (yt(s), new vt(s)) : null;
     },
     onUseTemplate(e) {
       if (!e) throw new Error("Could not find template");
@@ -5954,7 +5950,7 @@ const Sl = /* @__PURE__ */ F(dl, [["render", Dl], ["__scopeId", "data-v-dc48f31c
         fortnoxCom: "/img/fortnox/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        Sl,
+        $l,
         {
           template: e,
           fetchGallery: this.fetchGallery,
@@ -5999,7 +5995,7 @@ const Sl = /* @__PURE__ */ F(dl, [["render", Dl], ["__scopeId", "data-v-dc48f31c
     }
   }
 };
-function Il(e, t, n, s, i, o) {
+function Fl(e, t, n, s, i, o) {
   return M(e.$slots, "default", {
     galleryItems: o.galleryItems,
     categories: o.categories,
@@ -6008,7 +6004,7 @@ function Il(e, t, n, s, i, o) {
     selectGalleryItem: o.selectGalleryItem
   });
 }
-const Fl = /* @__PURE__ */ F($l, [["render", Il]]), Ll = {
+const Ll = /* @__PURE__ */ F(Il, [["render", Fl]]), Vl = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -6052,10 +6048,10 @@ const Fl = /* @__PURE__ */ F($l, [["render", Il]]), Ll = {
   },
   name: "TemplateSelector",
   components: {
-    HorizontalScroll: ll,
-    DocumentIcon: Xs,
-    DocumentRecent: Ns,
-    GalleryLogic: Fl,
+    HorizontalScroll: al,
+    DocumentIcon: el,
+    DocumentRecent: Ws,
+    GalleryLogic: Ll,
     IsPremiumPreStep: Y,
     CDropdown: ue,
     CDropdownItem: me
@@ -6182,7 +6178,7 @@ const Fl = /* @__PURE__ */ F($l, [["render", Il]]), Ll = {
     },
     async saveTemplate(e) {
       try {
-        const { data: t } = e, n = vt(t, [
+        const { data: t } = e, n = Ct(t, [
           "_id",
           "id",
           "companyId",
@@ -6214,7 +6210,7 @@ const Fl = /* @__PURE__ */ F($l, [["render", Il]]), Ll = {
       );
     },
     async fetchGallery(e = {}) {
-      const { data: t } = await Ct.get(e);
+      const { data: t } = await bt.get(e);
       return t;
     },
     canUseTemplate(e) {
@@ -6225,30 +6221,30 @@ const Fl = /* @__PURE__ */ F($l, [["render", Il]]), Ll = {
       await Be(t) && fe("info", this.$t("copyMessage"));
     }
   }
-}, Vl = { class: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, Bl = { style: { width: "100%", "padding-bottom": "5em" } }, Ml = { class: "section-title" }, Pl = { class: "section-subtitle" }, Al = {
+}, Bl = { class: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, Ml = { style: { width: "100%", "padding-bottom": "5em" } }, Pl = { class: "section-title" }, Al = { class: "section-subtitle" }, El = {
   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"
-}, El = {
+}, zl = {
   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"
-}, zl = { style: { width: "100%", "padding-bottom": "5em" } }, Rl = { class: "section-title w-full" }, Ol = { class: "flex items-center justify-between" }, Hl = ["innerHTML"], Ul = {
+}, Rl = { style: { width: "100%", "padding-bottom": "5em" } }, Ol = { class: "section-title w-full" }, Hl = { class: "flex items-center justify-between" }, Ul = ["innerHTML"], ql = {
   key: 0,
   class: "bg-primary-500 border-primary-700/40 rounded border p-1 text-xs font-semibold leading-none text-white shadow-lg"
-}, ql = ["textContent"], Gl = {
+}, Gl = ["textContent"], Nl = {
   class: "section-title",
   style: { flex: "1 1 auto", "padding-bottom": "0.5em" }
-}, Nl = { class: "section-subtitle" };
-function Wl(e, t, n, s, i, o) {
+}, Wl = { class: "section-subtitle" };
+function jl(e, t, n, s, i, o) {
   const r = m("CIcon"), g = m("CButton"), h = m("CDropdownItem"), b = m("CDropdown"), _ = m("DocumentIcon"), k = m("IsPremiumPreStep"), S = m("HorizontalScroll"), D = m("GalleryLogic"), y = m("DocumentRecent"), f = le("tooltip");
-  return a(), p("div", Vl, [
+  return a(), p("div", Bl, [
     l("div", {
       class: L([{ small: e.mq === "sm" }, "font-inter form-start main mx-auto max-w-5xl"])
     }, [
       M(e.$slots, "header", {}, void 0, !0),
-      l("div", Bl, [
-        l("div", Ml, [
+      l("div", Ml, [
+        l("div", Pl, [
           l("div", null, d(e.$t("myTemplates")), 1),
-          l("div", Pl, d(e.$t("myTemplatesSubTitle")), 1)
+          l("div", Al, d(e.$t("myTemplatesSubTitle")), 1)
         ]),
         c(k, { feature: "useDocTemplate" }, {
           default: u(({ onClick: x }) => [
@@ -6268,7 +6264,7 @@ function Wl(e, t, n, s, i, o) {
                   onTriggerOpenTemplate: (A) => w.placeholder ? null : o.canUseTemplate(w) ? o.select({ templateId: w.id }) : x()
                 }, {
                   badge: u(() => [
-                    o.canUseTemplate(w) ? !w.doConsumeDocumentQuota && !w.placeholder ? (a(), p("div", El, d(e.$t("_common:free")), 1)) : C("", !0) : (a(), p("div", Al, [
+                    o.canUseTemplate(w) ? !w.doConsumeDocumentQuota && !w.placeholder ? (a(), p("div", zl, d(e.$t("_common:free")), 1)) : C("", !0) : (a(), p("div", El, [
                       c(r, {
                         type: "lock",
                         size: "12",
@@ -6380,9 +6376,9 @@ function Wl(e, t, n, s, i, o) {
           selectCategory: z,
           selectGalleryItem: X
         }) => [
-          l("div", zl, [
-            l("div", Rl, [
-              l("div", Ol, [
+          l("div", Rl, [
+            l("div", Ol, [
+              l("div", Hl, [
                 l("div", null, d(e.$t("gallery")), 1),
                 c(b, {
                   style: { "margin-left": "calc(0.5 * var(--rem))" },
@@ -6420,7 +6416,7 @@ function Wl(e, t, n, s, i, o) {
               l("div", {
                 class: "section-subtitle",
                 innerHTML: e.$t("gallerySubTitle")
-              }, null, 8, Hl)
+              }, null, 8, Ul)
             ]),
             c(S, { class: "template-list" }, {
               default: u(() => [
@@ -6433,7 +6429,7 @@ function Wl(e, t, n, s, i, o) {
                   onTriggerOpenTemplate: (ie) => $.placeholder ? null : X($)
                 }, {
                   badge: u(() => [
-                    $.product ? (a(), p("div", Ul, [
+                    $.product ? (a(), p("div", ql, [
                       $.product.isPurchased ? (a(), v(r, {
                         key: 0,
                         type: "check",
@@ -6442,7 +6438,7 @@ function Wl(e, t, n, s, i, o) {
                       })) : (a(), p("div", {
                         key: 1,
                         textContent: d($.product.price)
-                      }, null, 8, ql))
+                      }, null, 8, Gl))
                     ])) : C("", !0)
                   ]),
                   _: 2
@@ -6460,9 +6456,9 @@ function Wl(e, t, n, s, i, o) {
         onSaveTemplate: o.openTemplateFormModal
       }, {
         default: u(() => [
-          l("div", Gl, [
+          l("div", Nl, [
             l("div", null, d(e.$t("recent")), 1),
-            l("div", Nl, d(e.$t("recentSubTitle")), 1)
+            l("div", Wl, d(e.$t("recentSubTitle")), 1)
           ])
         ]),
         _: 1
@@ -6470,25 +6466,25 @@ function Wl(e, t, n, s, i, o) {
     ], 2)
   ]);
 }
-const jl = /* @__PURE__ */ F(Ll, [["render", Wl], ["__scopeId", "data-v-2fb04074"]]);
-var Zl = bt, Kl = kt, Ql = wt;
-function Yl(e, t, n) {
+const Zl = /* @__PURE__ */ F(Vl, [["render", jl], ["__scopeId", "data-v-2fb04074"]]);
+var Kl = kt, Ql = wt, Yl = _t;
+function Jl(e, t, n) {
   for (var s = -1, i = t.length, o = {}; ++s < i; ) {
-    var r = t[s], g = Zl(e, r);
-    n(g, r) && Kl(o, Ql(r, e), g);
+    var r = t[s], g = Kl(e, r);
+    n(g, r) && Ql(o, Yl(r, e), g);
   }
   return o;
 }
-var Jl = Yl, Xl = Jl, ea = _t;
-function ta(e, t) {
-  return Xl(e, t, function(n, s) {
-    return ea(e, s);
+var Xl = Jl, ea = Xl, ta = xt;
+function na(e, t) {
+  return ea(e, t, function(n, s) {
+    return ta(e, s);
   });
 }
-var na = ta, ia = na, oa = Ht, sa = oa(function(e, t) {
-  return e == null ? {} : ia(e, t);
-}), la = sa;
-const aa = /* @__PURE__ */ Le(la), ra = {
+var ia = na, oa = ia, sa = Ut, la = sa(function(e, t) {
+  return e == null ? {} : oa(e, t);
+}), aa = la;
+const ra = /* @__PURE__ */ Le(aa), da = {
   name: "DocForm",
   i18nOptions: {
     namespaces: "widgetDocForm",
@@ -6502,9 +6498,9 @@ const aa = /* @__PURE__ */ Le(la), ra = {
     }
   },
   components: {
-    TemplateSelector: jl,
-    DocumentForm: As,
-    PostSend: en
+    TemplateSelector: Zl,
+    DocumentForm: Es,
+    PostSend: tn
   },
   provide() {
     return {
@@ -6623,7 +6619,7 @@ const aa = /* @__PURE__ */ Le(la), ra = {
     },
     async onTemplateSelect({ templateId: e, documentId: t, formData: n }) {
       var i;
-      const s = aa({ ...this.rawDoc }, [
+      const s = ra({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
         "subscriberCompanyUserIds",
@@ -6635,7 +6631,7 @@ const aa = /* @__PURE__ */ Le(la), ra = {
         _formData: s
       }) : await this.loadDocumentForm({
         templateId: e,
-        formData: n ? xt(n, s) : null,
+        formData: n ? Tt(n, s) : null,
         _formData: s
       }), (i = s == null ? void 0 : s.data) != null && i.name && this.setDocValue({ key: "data.name", value: s.data.name }), await this.initDoc(), this.view = "editor";
     },
@@ -6672,15 +6668,15 @@ const aa = /* @__PURE__ */ Le(la), ra = {
       return !t.sms && !t.email;
     }
   }
-}, da = { class: "flex h-full w-full flex-col" }, ca = {
+}, ca = { class: "flex h-full w-full flex-col" }, ua = {
   key: 0,
   class: "flex h-full w-full flex-col"
-}, ua = { class: "relative flex h-16 items-center justify-center border-b border-gray-200" };
-function ma(e, t, n, s, i, o) {
+}, ma = { class: "relative flex h-16 items-center justify-center border-b border-gray-200" };
+function pa(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("TemplateSelector"), h = m("DocumentForm"), b = m("PostSend");
-  return a(), p("div", da, [
-    i.view === "templateSelect" ? (a(), p("div", ca, [
-      l("div", ua, [
+  return a(), p("div", ca, [
+    i.view === "templateSelect" ? (a(), p("div", ua, [
+      l("div", ma, [
         n.closeFunc ? (a(), v(r, {
           key: 0,
           icon: "x",
@@ -6742,7 +6738,7 @@ function ma(e, t, n, s, i, o) {
     }, null, 8, ["document", "on-send-func", "on-close-func"])) : C("", !0)
   ]);
 }
-const Ra = /* @__PURE__ */ F(ra, [["render", ma], ["__scopeId", "data-v-4c6b6a6b"]]);
+const Oa = /* @__PURE__ */ F(da, [["render", pa], ["__scopeId", "data-v-4c6b6a6b"]]);
 export {
-  Ra as default
+  Oa as default
 };