@cling-se/widget 0.9.18 → 0.9.20

package/dist/{DocForm-d39f62d7.js → DocForm-408eacc2.js}

@@ -1,108 +1,108 @@
-import { aZ as pe, a_ as ue, a$ as U, b0 as me, b1 as W, b2 as q, b3 as he, b4 as fe, b5 as ge, b6 as Ce, j as ve, g as m, n as c, s as N, b as u, av as ye, c as f, C as j, b7 as xe, b8 as we, h as T, b9 as be, ba as _e, A as ke, bb as Le, bc as $e, aY as Se, bd as Te, N as d, a4 as h, aT as y, be as De, bf as Ve, bg as Be, bh as Me, D as Ie, bi as Fe, d as He, i as k, H as Ae, S as Pe, ap as Ee, ae as ze, bj as Ze, V as F, aV as K, aW as Y, I as A, bk as V, aX as Oe, bl as Ge, bm as M, r as Re, m as Ue, a as We, bn as qe } from "./main-870410b4.js";
+import { aZ as me, a_ as he, a$ as W, b0 as fe, b1 as q, b2 as N, b3 as ge, b4 as Ce, b5 as ve, b6 as ye, j, g as m, n as c, s as K, b as u, av as xe, c as f, C as Y, b7 as we, b8 as be, h as D, b9 as _e, ba as ke, A as Le, bb as $e, bc as Se, aY as Te, bd as De, N as d, a5 as h, aT as y, be as Ve, bf as Be, bg as Me, bh as Ie, D as Fe, bi as He, d as Ae, i as L, H as Pe, S as Ee, ap as ze, Q as Ze, bj as Oe, V as H, aV as Q, aW as J, I as P, bk as B, aX as Re, bl as Ge, bm as I, r as Ue, m as We, a as qe, bn as Ne } from "./main-1f937d87.js";
 import { m as g, a as x } from "./vuex.esm-4a0fff7c.js";
-import "./index-ef653c95.js";
-import { v as I } from "./index-805c56e4.js";
-import { d as H, w as L } from "./CDropdownItem-fa27c5e4.js";
-import { a as $, I as b, b as Ne, c as je } from "./IsPremiumPreStep-e4caf2dd.js";
-import { D as Ke, l as Ye, g as Qe, W as Je, b as Xe, a as e1 } from "./DocumentLayout-759a064d.js";
-import { s as _ } from "./simplebar.min-db10f993.js";
-import { B as t1 } from "./BlockMedia-f95986a5.js";
-import { c as i1, g as a1 } from "./template-a0e45f2c.js";
-import { a as n1 } from "./tinycolor-17c54210.js";
-import { m as S } from "./mapFormMixin-3e8412ac.js";
-import { S as s1, C as Q, i as o1 } from "./formComponentsInstall-a371e037.js";
-import { f as l1 } from "./formValidationMixin-699c04c8.js";
-import { s as v } from "./formDrawerState-db84952d.js";
-import { F as J, d as r1 } from "./tippy.esm-e1516e3d.js";
-import { S as c1 } from "./CSlider.vue_vue_type_style_index_0_lang-5d538988.js";
-import { o as d1, d as p1 } from "./vuedraggable.umd-b951d1bb.js";
-import { s as u1 } from "./dom-962579a6.js";
-import { o as m1 } from "./index-0f4dd31a.js";
-import h1 from "./AnswerModal-09ffb221.js";
+import "./index-a19a5c70.js";
+import { v as F } from "./index-805c56e4.js";
+import { d as A, w as $, t as je } from "./CDropdownItem-66b82296.js";
+import { a as b, I as _, b as Ke, c as Ye } from "./IsPremiumPreStep-b154b6c5.js";
+import { D as Qe, l as Je, g as Xe, W as et, b as tt, a as it } from "./DocumentLayout-e7b72468.js";
+import { s as k } from "./simplebar.min-76317c3b.js";
+import { B as at } from "./BlockMedia-50fb330d.js";
+import { c as nt, g as st } from "./template-6422cbb1.js";
+import { a as ot } from "./tinycolor-024fb881.js";
+import { m as S } from "./mapFormMixin-8c09dab9.js";
+import { S as lt, C as X, i as rt } from "./formComponentsInstall-f4e2b7d5.js";
+import { f as ct } from "./formValidationMixin-cd15cf18.js";
+import { s as v } from "./formDrawerState-aae83c3d.js";
+import { F as ee, d as dt } from "./tippy.esm-d006e34e.js";
+import { S as pt } from "./CSlider.vue_vue_type_style_index_0_lang-2d8796e1.js";
+import { o as ut, d as mt } from "./vuedraggable.umd-8be16eb5.js";
+import { s as ht } from "./dom-962579a6.js";
+import { o as ft } from "./index-a44f193f.js";
+import gt from "./AnswerModal-f1389947.js";
 import "./anime.es-e284c852.js";
-import "./image-45637029.js";
+import "./image-6862651d.js";
 import "./color-71c20583.js";
-import "./BaseDatePicker-03ece6df.js";
-import "./ErrorCallout-78e56929.js";
-import "./AddClientCallout-e8abe369.js";
-import "./ClientAutocomplete-a569db77.js";
-import "./SearchApi-9d26dde8.js";
-import "./ClientModal-708de29c.js";
-import "./CCallout-6ff50025.js";
-import "./CField-855c1d0a.js";
+import "./BaseDatePicker-4d9b61fd.js";
+import "./ErrorCallout-a662ea20.js";
+import "./AddClientCallout-9619a0cd.js";
+import "./ClientAutocomplete-9501cf84.js";
+import "./SearchApi-7b15f157.js";
+import "./ClientModal-067ecc75.js";
+import "./CCallout-78e08a9d.js";
+import "./CField-ef95a1e3.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ColorPicker-eeac209c.js";
-var f1 = pe, g1 = ue, C1 = U;
-function v1(i, e, t) {
+import "./ColorPicker-8cb1f27c.js";
+var Ct = me, vt = he, yt = W;
+function xt(i, e, t) {
   for (var a = -1, n = e.length, s = {}; ++a < n; ) {
-    var o = e[a], l = f1(i, o);
-    t(l, o) && g1(s, C1(o, i), l);
+    var o = e[a], l = Ct(i, o);
+    t(l, o) && vt(s, yt(o, i), l);
   }
   return s;
 }
-var y1 = v1;
-function x1(i, e) {
+var wt = xt;
+function bt(i, e) {
   return i != null && e in Object(i);
 }
-var w1 = x1, b1 = me, _1 = W, k1 = "[object Arguments]";
-function L1(i) {
-  return _1(i) && b1(i) == k1;
+var _t = bt, kt = fe, Lt = q, $t = "[object Arguments]";
+function St(i) {
+  return Lt(i) && kt(i) == $t;
 }
-var $1 = L1, P = $1, S1 = W, X = Object.prototype, T1 = X.hasOwnProperty, D1 = X.propertyIsEnumerable, V1 = P(function() {
+var Tt = St, E = Tt, Dt = q, te = Object.prototype, Vt = te.hasOwnProperty, Bt = te.propertyIsEnumerable, Mt = E(function() {
   return arguments;
-}()) ? P : function(i) {
-  return S1(i) && T1.call(i, "callee") && !D1.call(i, "callee");
-}, ee = V1, B1 = 9007199254740991;
-function M1(i) {
-  return typeof i == "number" && i > -1 && i % 1 == 0 && i <= B1;
+}()) ? E : function(i) {
+  return Dt(i) && Vt.call(i, "callee") && !Bt.call(i, "callee");
+}, ie = Mt, It = 9007199254740991;
+function Ft(i) {
+  return typeof i == "number" && i > -1 && i % 1 == 0 && i <= It;
 }
-var I1 = M1, F1 = U, H1 = ee, A1 = q, P1 = he, E1 = I1, z1 = fe;
-function Z1(i, e, t) {
-  e = F1(e, i);
+var Ht = Ft, At = W, Pt = ie, Et = N, zt = ge, Zt = Ht, Ot = Ce;
+function Rt(i, e, t) {
+  e = At(e, i);
   for (var a = -1, n = e.length, s = !1; ++a < n; ) {
-    var o = z1(e[a]);
+    var o = Ot(e[a]);
     if (!(s = i != null && t(i, o)))
       break;
     i = i[o];
   }
-  return s || ++a != n ? s : (n = i == null ? 0 : i.length, !!n && E1(n) && P1(o, n) && (A1(i) || H1(i)));
+  return s || ++a != n ? s : (n = i == null ? 0 : i.length, !!n && Zt(n) && zt(o, n) && (Et(i) || Pt(i)));
 }
-var O1 = Z1, G1 = w1, R1 = O1;
-function U1(i, e) {
-  return i != null && R1(i, e, G1);
+var Gt = Rt, Ut = _t, Wt = Gt;
+function qt(i, e) {
+  return i != null && Wt(i, e, Ut);
 }
-var W1 = U1, q1 = y1, N1 = W1;
-function j1(i, e) {
-  return q1(i, e, function(t, a) {
-    return N1(i, a);
+var Nt = qt, jt = wt, Kt = Nt;
+function Yt(i, e) {
+  return jt(i, e, function(t, a) {
+    return Kt(i, a);
   });
 }
-var K1 = j1;
-function Y1(i, e) {
+var Qt = Yt;
+function Jt(i, e) {
   for (var t = -1, a = e.length, n = i.length; ++t < a; )
     i[n + t] = e[t];
   return i;
 }
-var Q1 = Y1, E = ge, J1 = ee, X1 = q, z = E ? E.isConcatSpreadable : void 0;
-function et(i) {
-  return X1(i) || J1(i) || !!(z && i && i[z]);
+var Xt = Jt, z = ve, e1 = ie, t1 = N, Z = z ? z.isConcatSpreadable : void 0;
+function i1(i) {
+  return t1(i) || e1(i) || !!(Z && i && i[Z]);
 }
-var tt = et, it = Q1, at = tt;
-function te(i, e, t, a, n) {
+var a1 = i1, n1 = Xt, s1 = a1;
+function ae(i, e, t, a, n) {
   var s = -1, o = i.length;
-  for (t || (t = at), n || (n = []); ++s < o; ) {
+  for (t || (t = s1), n || (n = []); ++s < o; ) {
     var l = i[s];
-    e > 0 && t(l) ? e > 1 ? te(l, e - 1, t, a, n) : it(n, l) : a || (n[n.length] = l);
+    e > 0 && t(l) ? e > 1 ? ae(l, e - 1, t, a, n) : n1(n, l) : a || (n[n.length] = l);
   }
   return n;
 }
-var nt = te, st = nt;
-function ot(i) {
+var o1 = ae, l1 = o1;
+function r1(i) {
   var e = i == null ? 0 : i.length;
-  return e ? st(i, 1) : [];
+  return e ? l1(i, 1) : [];
 }
-var lt = ot;
-function rt(i, e, t) {
+var c1 = r1;
+function d1(i, e, t) {
   switch (t.length) {
     case 0:
       return i.call(e);
@@ -115,56 +115,56 @@ function rt(i, e, t) {
   }
   return i.apply(e, t);
 }
-var ct = rt, dt = ct, Z = Math.max;
-function pt(i, e, t) {
-  return e = Z(e === void 0 ? i.length - 1 : e, 0), function() {
-    for (var a = arguments, n = -1, s = Z(a.length - e, 0), o = Array(s); ++n < s; )
+var p1 = d1, u1 = p1, O = Math.max;
+function m1(i, e, t) {
+  return e = O(e === void 0 ? i.length - 1 : e, 0), function() {
+    for (var a = arguments, n = -1, s = O(a.length - e, 0), o = Array(s); ++n < s; )
       o[n] = a[e + n];
     n = -1;
     for (var l = Array(e + 1); ++n < e; )
       l[n] = a[n];
-    return l[e] = t(o), dt(i, this, l);
+    return l[e] = t(o), u1(i, this, l);
   };
 }
-var ut = pt;
-function mt(i) {
+var h1 = m1;
+function f1(i) {
   return function() {
     return i;
   };
 }
-var ht = mt;
-function ft(i) {
+var g1 = f1;
+function C1(i) {
   return i;
 }
-var gt = ft, Ct = ht, O = Ce, vt = gt, yt = O ? function(i, e) {
-  return O(i, "toString", {
+var v1 = C1, y1 = g1, R = ye, x1 = v1, w1 = R ? function(i, e) {
+  return R(i, "toString", {
     configurable: !0,
     enumerable: !1,
-    value: Ct(e),
+    value: y1(e),
     writable: !0
   });
-} : vt, xt = yt, wt = 800, bt = 16, _t = Date.now;
-function kt(i) {
+} : x1, b1 = w1, _1 = 800, k1 = 16, L1 = Date.now;
+function $1(i) {
   var e = 0, t = 0;
   return function() {
-    var a = _t(), n = bt - (a - t);
+    var a = L1(), n = k1 - (a - t);
     if (t = a, n > 0) {
-      if (++e >= wt)
+      if (++e >= _1)
         return arguments[0];
     } else
       e = 0;
     return i.apply(void 0, arguments);
   };
 }
-var Lt = kt, $t = xt, St = Lt, Tt = St($t), Dt = Tt, Vt = lt, Bt = ut, Mt = Dt;
-function It(i) {
-  return Mt(Bt(i, void 0, Vt), i + "");
+var S1 = $1, T1 = b1, D1 = S1, V1 = D1(T1), B1 = V1, M1 = c1, I1 = h1, F1 = B1;
+function H1(i) {
+  return F1(I1(i, void 0, M1), i + "");
 }
-var Ft = It, Ht = K1, At = Ft, Pt = At(function(i, e) {
-  return i == null ? {} : Ht(i, e);
-}), Et = Pt;
-const zt = /* @__PURE__ */ ve(Et);
-const Zt = {
+var A1 = H1, P1 = Qt, E1 = A1, z1 = E1(function(i, e) {
+  return i == null ? {} : P1(i, e);
+}), Z1 = z1;
+const O1 = /* @__PURE__ */ j(Z1);
+const R1 = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
     messages: {
@@ -217,7 +217,7 @@ const Zt = {
   },
   validations: {
     name: {
-      required: I.requiredIf((i) => !i.updateExistingDocTemplate)
+      required: F.requiredIf((i) => !i.updateExistingDocTemplate)
     }
   },
   computed: {
@@ -298,7 +298,7 @@ const Zt = {
     }
   }
 };
-var Ot = function() {
+var G1 = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "t-root font-inter" }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, [e._v(" " + e._s(e.template ? e.$t("_common:edit", { thing: e.$t("_common:name") }) : e.$t("_common:save", { thing: e.$t("_common:template") })) + " ")]), t("div", [e.template ? e._e() : t("CCallout", [e._v(" " + e._s(e.$t("calloutDescription")) + " ")]), t("CField", { attrs: { vuelidate: e.$v.name, "vuelidate-messages": e.messages.name, label: e.$t("_common:name").capitalize(), "label-position": "inside" } }, [t("CInput", { ref: "input", staticClass: "rounder", staticStyle: { "margin-bottom": "calc(1 * var(--rem))" }, attrs: { value: e.updateExistingDocTemplate ? e.document.template.name : e.name, placeholder: e.$t("namePlaceholder"), disabled: e.updateExistingDocTemplate, autofocus: "", size: "medium" }, on: { input: function(a) {
     e.name = a;
@@ -307,18 +307,18 @@ var Ot = function() {
   }, expression: "updateExistingDocTemplate" } }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("updateExisting")) + " ")])])], 1)], 1) : e._e(), e.document && e.document.clients.length ? t("div", [t("CField", { staticStyle: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, [t("CCheckbox", { attrs: { type: "secondary", size: "normal" }, model: { value: e.keepClients, callback: function(a) {
     e.keepClients = a;
   }, expression: "keepClients" } }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("keepClients")) + " ")])])], 1)], 1) : e._e()], 1), t("CButton", { staticStyle: { "margin-top": "1.5em" }, attrs: { loading: e.isPosting, type: "secondary", wide: "", taller: "" }, on: { click: e.onSave } }, [e._v(" " + e._s(e.actionButtonText) + " ")])], 1);
-}, Gt = [], Rt = /* @__PURE__ */ c(
-  Zt,
-  Ot,
-  Gt,
+}, U1 = [], W1 = /* @__PURE__ */ c(
+  R1,
+  G1,
+  U1,
   !1,
   null,
   "9f39f8ce",
   null,
   null
 );
-const ie = Rt.exports;
-function Ut(i, { availableProducts: e }) {
+const ne = W1.exports;
+function q1(i, { availableProducts: e }) {
   if (!i)
     throw new Error("Missing parameter templateId");
   const t = e, a = Object.keys(t).find((n) => {
@@ -331,10 +331,10 @@ function Ut(i, { availableProducts: e }) {
   });
   return a ? t[a] : null;
 }
-async function Wt(i) {
+async function N1(i) {
   if (!i)
     throw new Error("Missing argument stripeProduct");
-  const e = i == null ? void 0 : i.prices[0], { data: t } = await ye.createCheckoutSession({
+  const e = i == null ? void 0 : i.prices[0], { data: t } = await xe.createCheckoutSession({
     items: [
       {
         stripePriceStripeId: e.stripeId,
@@ -346,23 +346,23 @@ async function Wt(i) {
   }), { redirectUrl: a } = t;
   window.open(a, "_blank");
 }
-function ae(i, { availableProducts: e }) {
+function se(i, { availableProducts: e }) {
   var n, s, o;
   let t = null;
-  const a = Ut(i.templateId, { availableProducts: e });
+  const a = q1(i.templateId, { availableProducts: e });
   return a && (t = {
-    price: N((n = a == null ? void 0 : a.prices) == null ? void 0 : n[0].amount, { currency: (s = a == null ? void 0 : a.prices) == null ? void 0 : s[0].currency }),
+    price: K((n = a == null ? void 0 : a.prices) == null ? void 0 : n[0].amount, { currency: (s = a == null ? void 0 : a.prices) == null ? void 0 : s[0].currency }),
     isPurchased: ((o = i.purchaseInfo) == null ? void 0 : o.isPurchased) || !1,
-    onBuy: async () => Wt(a)
+    onBuy: async () => N1(a)
   }), t;
 }
-const qt = {
+const j1 = {
   name: "GalleryTemplateModal",
   components: {
-    simplebar: _,
-    DocumentLayout: Ke,
-    IsPremium: $,
-    IsPremiumPreStep: b
+    simplebar: k,
+    DocumentLayout: Qe,
+    IsPremium: b,
+    IsPremiumPreStep: _
   },
   props: {
     // Instance of template
@@ -429,7 +429,7 @@ const qt = {
       stripeProducts: "stripe/products"
     }),
     previewDocument() {
-      const { data: i, defaultData: e } = this.template, t = new j({
+      const { data: i, defaultData: e } = this.template, t = new Y({
         data: {
           ...e,
           template: i,
@@ -442,7 +442,7 @@ const qt = {
     }
   },
   created() {
-    this.privateProduct = this.product, this.loadTemplateStat(), this.product && (this.socketUnsubscribeFn = xe.on("event", async ({ type: i, action: e, data: t }) => {
+    this.privateProduct = this.product, this.loadTemplateStat(), this.product && (this.socketUnsubscribeFn = we.on("event", async ({ type: i, action: e, data: t }) => {
       var a;
       if (i === "companyPurchase" && e === "applied" && (t == null ? void 0 : t.type) === "template") {
         const n = (a = t == null ? void 0 : t.data) == null ? void 0 : a.id;
@@ -453,7 +453,7 @@ const qt = {
           isVisibleApp: !0,
           includePurchaseInfo: !0
         }, o = await this.fetchGallery(s);
-        this.privateProduct = ae(o[0], { availableProducts: this.stripeProducts });
+        this.privateProduct = se(o[0], { availableProducts: this.stripeProducts });
       }
     }));
   },
@@ -465,7 +465,7 @@ const qt = {
       const i = this.template.id;
       i || (this.templateStat = null);
       try {
-        const { data: e } = await we.get(i);
+        const { data: e } = await be.get(i);
         this.templateStat = e;
       } catch {
         this.templateStat = null;
@@ -482,7 +482,7 @@ const qt = {
     }
   }
 };
-var Nt = function() {
+var K1 = function() {
   var a;
   var e = this, t = e._self._c;
   return t("div", { staticClass: "bg-gray-200 template-modal font-inter" }, [t("div", { staticStyle: { "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" } }, [t("simplebar", { staticClass: "w-full h-full", attrs: { "data-simplebar-auto-hide": "false" } }, [e.previewDocument ? t("DocumentLayout", { attrs: { document: e.previewDocument } }) : e._e(), e.product && !e.privateProduct.isPurchased ? t("style", { tag: "component" }, [e._v(" .ProseMirror > * + * { filter: blur(8px); user-select: none; pointer-events: none; } ")]) : e._e()], 1)], 1), t("div", { staticStyle: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, [e._v(" " + e._s(e.meta.name) + " ")]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, [(a = e.templateStat) != null && a.usedTimes ? [e._v(" " + e._s(e.$t("_common:used").capitalize()) + " " + e._s(e.templateStat.usedTimes) + " " + e._s(e.$t("_common:times", { count: e.templateStat.usedTimes })) + " ")] : e._e()], 2), t("div", { staticStyle: { hyphens: "auto" } }, [e._v(" " + e._s(e.meta.text) + " ")]), e.meta.author ? t("div", { staticClass: "flex items-center", staticStyle: { "padding-top": "1.5em" } }, [t("div", { staticStyle: { "background-color": "#03f", "border-radius": "50%", width: "2.5em", height: "2.5em", "background-size": "cover", "background-position": "center", "background-repeat": "no-repeat" }, style: {
@@ -501,17 +501,17 @@ var Nt = function() {
       } } }, [e._v(" " + e._s(e.didSave ? e.$t("_common:savedThing", { thing: e.$t("_common:template") }) : e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")]) : e._e()];
     } }], null, !0) })];
   } }]) })], 2)])]);
-}, jt = [], Kt = /* @__PURE__ */ c(
-  qt,
-  Nt,
-  jt,
+}, Y1 = [], Q1 = /* @__PURE__ */ c(
+  j1,
+  K1,
+  Y1,
   !1,
   null,
   "80ae04ae",
   null,
   null
 );
-const Yt = Kt.exports, Qt = {
+const J1 = Q1.exports, X1 = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -624,7 +624,7 @@ const Yt = Kt.exports, Qt = {
     }
   },
   beforeCreate() {
-    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", Ne);
+    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", Ke);
   },
   async created() {
     var e, t, a, n;
@@ -639,7 +639,7 @@ const Yt = Kt.exports, Qt = {
         const s = this.templateGalleryItems.find(({ id: o }) => o === i);
         this.selectGalleryItem(s);
       } catch (s) {
-        T(s);
+        D(s);
       }
   },
   methods: {
@@ -657,13 +657,13 @@ const Yt = Kt.exports, Qt = {
         const e = await this.fetchGallery(i);
         this.templateGalleryItems = (e || []).map((t) => {
           if (this.canPurchase && t.isPurchasable) {
-            const a = ae(t, { availableProducts: this.stripeProducts });
+            const a = se(t, { availableProducts: this.stripeProducts });
             a && (t.product = a);
           }
           return t;
         }), this.availableCategoryKeys = e.reduce((t, a) => [.../* @__PURE__ */ new Set([...t, ...a.categories])], []);
       } catch (e) {
-        T(e);
+        D(e);
       } finally {
         this.isLoading = !1;
       }
@@ -676,7 +676,7 @@ const Yt = Kt.exports, Qt = {
         isVisibleApp: !0,
         includePurchaseInfo: !0
       }, t = await this.fetchGallery(e), a = (s = t == null ? void 0 : t[0]) == null ? void 0 : s.templateId;
-      return a ? (be(a), new _e(a)) : null;
+      return a ? (_e(a), new ke(a)) : null;
     },
     onUseTemplate(i) {
       if (!i)
@@ -699,7 +699,7 @@ const Yt = Kt.exports, Qt = {
         fortnoxCom: "/img/fortnox/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        Yt,
+        J1,
         {
           template: i,
           fetchGallery: this.fetchGallery,
@@ -754,30 +754,30 @@ const Yt = Kt.exports, Qt = {
       selectGalleryItem: this.selectGalleryItem
     });
   }
-}, Jt = null, Xt = null;
-var e2 = /* @__PURE__ */ c(
-  Qt,
-  Jt,
-  Xt,
+}, e2 = null, t2 = null;
+var i2 = /* @__PURE__ */ c(
+  X1,
+  e2,
+  t2,
   !1,
   null,
   null,
   null,
   null
 );
-const t2 = e2.exports;
-const i2 = {
+const a2 = i2.exports;
+const n2 = {
   name: "DocumentIcon",
-  truncate: ke,
+  truncate: Le,
   inject: {
     components: {
       default: {
-        BlockMedia: t1
+        BlockMedia: at
       }
     }
   }
 };
-var a2 = function(e, t) {
+var s2 = function(e, t) {
   return e("div", t._b({ key: t.data.key, staticClass: "item", class: [
     t.data.staticClass,
     t.data.class,
@@ -791,21 +791,21 @@ var a2 = function(e, t) {
   } } }, "div", t.data.attrs, !1), [e("div", { staticClass: "item-paper" }, [t.props.thumbnail ? e("div", { staticStyle: { width: "100%", height: "100%", "background-size": "100% auto", "background-repeat": "no-repeat", "background-position": "0% 0%" }, style: {
     backgroundImage: `url(${t.props.thumbnail})`
   } }) : t.props.isPlaceholder || t.props.isAdd ? t._e() : e(t.injections.components.BlockMedia, { tag: "component", staticClass: "item-media", attrs: { media: t.props.media, preview: "" } }), t.scopedSlots.badge ? e("div", { staticClass: "absolute right-2 bottom-2" }, [t._t("badge")], 2) : t._e(), t.props.isAdd ? e("div", { staticClass: "add-button" }, [e("BaseIcon", { attrs: { size: 18, "stroke-width": 3, type: "plus" } })], 1) : t._e()], 1), e("div", { staticClass: "item-footer" }, [t.props.isAdd ? e("div", { staticClass: "item-text", staticStyle: { color: "hsl(0, 0%, 55%)" }, domProps: { textContent: t._s(t.parent.$t("_common:empty", { thing: t.parent.$t("_common:template") })) } }) : t.props.name ? [e("div", { staticClass: "item-text", domProps: { textContent: t._s(t.$options.truncate(t.props.name, 60)) } }), t._t("default")] : t._e()], 2)]);
-}, n2 = [], s2 = /* @__PURE__ */ c(
-  i2,
-  a2,
+}, o2 = [], l2 = /* @__PURE__ */ c(
   n2,
+  s2,
+  o2,
   !0,
   null,
   "7ebb1c9a",
   null,
   null
 );
-const o2 = s2.exports;
-const l2 = {
+const r2 = l2.exports;
+const c2 = {
   name: "HorizontalScroll",
   components: {
-    Simplebar: _
+    Simplebar: k
   },
   data() {
     return {
@@ -849,7 +849,7 @@ const l2 = {
     }
   }
 };
-var r2 = function() {
+var d2 = function() {
   var e = this, t = e._self._c;
   return t("div", { ref: "container", staticClass: "horizontal-scroll" }, [t("div", { staticClass: "hl-navigation" }, [e.hasPrev ? t("div", { staticClass: "hl-btn-left", on: { click: function(a) {
     return e.go(-1);
@@ -862,18 +862,18 @@ var r2 = function() {
       return e.$emit("expand");
     } } })];
   })], 2) : e._e()]), t("div", { staticClass: "hl-container" }, [t("Simplebar", { ref: "list", staticClass: "hl-list", on: { scroll: e.scrollHandler } }, [t("div", { staticClass: "flex w-full" }, [e._t("default")], 2)])], 1)]);
-}, c2 = [], d2 = /* @__PURE__ */ c(
-  l2,
-  r2,
+}, p2 = [], u2 = /* @__PURE__ */ c(
   c2,
+  d2,
+  p2,
   !1,
   null,
   "15f25c8e",
   null,
   null
 );
-const p2 = d2.exports;
-const u2 = {
+const m2 = u2.exports;
+const h2 = {
   name: "DocumentFormRecent",
   i18nOptions: {
     namespaces: "DocumentFormRecent",
@@ -889,8 +889,8 @@ const u2 = {
     }
   },
   components: {
-    IsPremium: $,
-    IsPremiumPreStep: b
+    IsPremium: b,
+    IsPremiumPreStep: _
   },
   data() {
     return {
@@ -919,7 +919,7 @@ const u2 = {
     async fetchDocuments(i) {
       const e = this.query ? 180 : 90, t = {
         createdAt: {
-          $gte: this.$formatDate(Le(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
+          $gte: this.$formatDate($e(/* @__PURE__ */ new Date(), e), "yyyy-MM-dd")
         },
         // Only provide or if there is a search query to filter on
         ...this.query && {
@@ -934,7 +934,7 @@ const u2 = {
             }
           ]
         }
-      }, { data: a } = await $e.getAll({
+      }, { data: a } = await Se.getAll({
         lean: !0,
         filter: encodeURIComponent(JSON.stringify(t)),
         fields: "clients,data.name,createdAt",
@@ -944,7 +944,7 @@ const u2 = {
       }), { items: n = [] } = a || {};
       return n;
     },
-    onLoadDocuments: H(async function() {
+    onLoadDocuments: A(async function() {
       this.isLoading = !0, this.hasItems = !0;
       const e = await this.fetchDocuments();
       (!e || !e.length) && (this.canFetchMore = !1), this.list = [...e || []], this.isLoading = !1;
@@ -959,7 +959,7 @@ const u2 = {
     }
   }
 };
-var m2 = function() {
+var f2 = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "flex w-full", staticStyle: { "padding-bottom": "1em" } }, [e._t("default"), e.hasItems ? t("CInput", { attrs: { loading: e.isLoading, placeholder: e.$t("_common:search"), type: "search", size: "normal", filled: "" }, on: { input: e.onInput }, model: { value: e.query, callback: function(a) {
     e.query = a;
@@ -986,18 +986,18 @@ var m2 = function() {
       }), 0)];
     } }], null, !0) })];
   } }]) })]], 2)]);
-}, h2 = [], f2 = /* @__PURE__ */ c(
-  u2,
-  m2,
+}, g2 = [], C2 = /* @__PURE__ */ c(
   h2,
+  f2,
+  g2,
   !1,
   null,
   "6746edc1",
   null,
   null
 );
-const g2 = f2.exports;
-const C2 = {
+const v2 = C2.exports;
+const y2 = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -1040,13 +1040,13 @@ const C2 = {
     }
   },
   name: "TemplateSelector",
-  mixins: [L],
+  mixins: [$],
   components: {
-    HorizontalScroll: p2,
-    DocumentIcon: o2,
-    DocumentRecent: g2,
-    GalleryLogic: t2,
-    IsPremiumPreStep: b
+    HorizontalScroll: m2,
+    DocumentIcon: r2,
+    DocumentRecent: v2,
+    GalleryLogic: a2,
+    IsPremiumPreStep: _
   },
   props: {
     // Used for creating documents form project/client views
@@ -1157,16 +1157,16 @@ const C2 = {
     },
     async saveTemplate(i) {
       try {
-        const { data: e } = i, t = Se(e, ["_id", "id", "companyId", "isVisible"]);
+        const { data: e } = i, t = Te(e, ["_id", "id", "companyId", "isVisible"]);
         return await this.createTemplate({ body: t }), !0;
       } catch (e) {
-        T(e);
+        D(e);
       }
       return !1;
     },
     async openTemplateFormModal({ document: i = null, template: e = null }) {
       this.$modal.show(
-        ie,
+        ne,
         {
           document: i,
           template: e,
@@ -1183,7 +1183,7 @@ const C2 = {
       );
     },
     async fetchGallery(i = {}) {
-      const { data: e } = await Te.get(i);
+      const { data: e } = await De.get(i);
       return e;
     },
     canUseTemplate(i) {
@@ -1191,7 +1191,7 @@ const C2 = {
     }
   }
 };
-var v2 = function() {
+var x2 = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "t-root" }, [t("div", { staticClass: "font-inter form-start main", class: { small: e.mq === "sm" } }, [e._t("header"), t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "section-title" }, [t("div", [e._v(e._s(e.$t("myTemplates")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("myTemplatesSubTitle")) + " ")])]), t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: a }) {
     return [t(e.isExpanded ? "div" : "HorizontalScroll", { tag: "component", staticClass: "template-list", class: { "is-expanded": e.isExpanded }, on: { expand: function(n) {
@@ -1236,18 +1236,18 @@ var v2 = function() {
       } } }, [r.product ? t("div", { staticClass: "p-1 text-xs font-semibold leading-none text-white border rounded shadow-lg bg-primary-500 border-primary-700/40", attrs: { slot: "badge" }, slot: "badge" }, [r.product.isPurchased ? t("BaseIcon", { attrs: { type: "check", size: "14", "stroke-width": "3" } }) : t("div", { domProps: { textContent: e._s(r.product.price) } })], 1) : e._e()]);
     }), 1)], 1)];
   } }], null, !1, 4229824708) })] : e._e(), t("DocumentRecent", { staticStyle: { width: "100%", "padding-bottom": "5em" }, on: { "use-doc-template": e.select, "save-template": e.openTemplateFormModal } }, [t("div", { staticClass: "section-title", staticStyle: { flex: "1 1 auto", "padding-bottom": "0.5em" } }, [t("div", [e._v(e._s(e.$t("recent")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("recentSubTitle")) + " ")])])])], 2)]);
-}, y2 = [], x2 = /* @__PURE__ */ c(
-  C2,
-  v2,
+}, w2 = [], b2 = /* @__PURE__ */ c(
   y2,
+  x2,
+  w2,
   !1,
   null,
   "da389d44",
   null,
   null
 );
-const w2 = x2.exports;
-const b2 = (i) => {
+const _2 = b2.exports;
+const k2 = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -1269,7 +1269,7 @@ const b2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, _2 = (i, e = "en") => [
+}, L2 = (i, e = "en") => [
   { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: h.t("attachment_plural", { lng: e }).capitalize() },
   {
     key: `files-${i}`,
@@ -1278,13 +1278,13 @@ const b2 = (i) => {
       $ref: `${f.api.baseUrl}/schemas/file/1.json`
     }
   }
-], k2 = ({ document: i = null }) => {
+], $2 = ({ document: i = null }) => {
   const e = d(), { language: t } = i || {};
   return {
-    readView: b2(e),
-    validation: _2(e, t)
+    readView: k2(e),
+    validation: L2(e, t)
   };
-}, L2 = () => [
+}, S2 = () => [
   {
     itemId: "presentation",
     itemType: "presentation",
@@ -1292,11 +1292,11 @@ const b2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], $2 = () => ({
-  readView: L2(),
+], T2 = () => ({
+  readView: S2(),
   validation: []
   // all relevant data is either within base doc or company settings etc
-}), S2 = () => {
+}), D2 = () => {
   const i = Array(2).fill().map(() => d());
   return [
     {
@@ -1319,19 +1319,19 @@ const b2 = (i) => {
       // uniqid(),
     }
   ];
-}, T2 = (i = "en") => [
+}, V2 = (i = "en") => [
   {
     key: "multiGroupPricing-title",
     anyOf: [{ type: "string" }, { type: "null" }],
     defaultValue: h.t("components:document.chapters.multiGroupPricing.title", { lng: i })
   }
-], D2 = ({ document: i = null }) => {
+], B2 = ({ document: i = null }) => {
   const { language: e } = i || {};
   return {
-    readView: S2(),
-    validation: T2(e)
+    readView: D2(),
+    validation: V2(e)
   };
-}, V2 = () => [
+}, M2 = () => [
   {
     itemId: "terms",
     itemType: "termsDisclaimer",
@@ -1349,7 +1349,7 @@ const b2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], B2 = () => [
+], I2 = () => [
   {
     key: "terms",
     anyOf: [
@@ -1357,10 +1357,10 @@ const b2 = (i) => {
       { type: "null" }
     ]
   }
-], M2 = () => ({
-  readView: V2(),
-  validation: B2()
-}), I2 = () => {
+], F2 = () => ({
+  readView: M2(),
+  validation: I2()
+}), H2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1409,7 +1409,7 @@ const b2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, F2 = () => ({
+}, A2 = () => ({
   clients: [{
     name: "Pernilla P.",
     email: "pernilla@mail.se",
@@ -1419,20 +1419,20 @@ const b2 = (i) => {
     deliveryTypes: ["email"],
     answerMethod: { accept: "signature", deny: "button" }
   }]
-}), H2 = (i = "en") => [
+}), P2 = (i = "en") => [
   { key: "senderString", anyOf: [{ type: "string" }, { type: "null" }] },
   { key: "receiverString", anyOf: [{ type: "string" }, { type: "null" }] },
   { key: "partiesString", anyOf: [{ type: "string" }, { type: "null" }], defaultValue: h.t("components:document.chapters.parties.title", { lng: i }) }
-], A2 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+], E2 = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const { language: a } = e || {};
   let n = null;
-  return typeof t == "function" ? n = t() : i && (n = F2()), {
-    readView: I2(),
-    validation: H2(a),
+  return typeof t == "function" ? n = t() : i && (n = A2()), {
+    readView: H2(),
+    validation: P2(a),
     // Client / company will for now always exist on doc and in validation
     ...n && { data: n }
   };
-}, P2 = (i) => {
+}, z2 = (i) => {
   const e = Array(3).fill().map(() => d());
   return [
     {
@@ -1461,7 +1461,7 @@ const b2 = (i) => {
       nodeId: e[2]
     }
   ];
-}, E2 = (i) => [
+}, Z2 = (i) => [
   {
     key: `estimatedTimeComplete-${i}`,
     type: "object",
@@ -1482,20 +1482,20 @@ const b2 = (i) => {
       }
     }
   }
-], z2 = (i) => ({
+], O2 = (i) => ({
   [`estimatedTimeComplete-${i}`]: {
     value: 4,
     unitType: "hour"
   }
-}), Z2 = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), R2 = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = z2(t)), {
-    readView: P2(t),
-    validation: E2(t),
+  return typeof e == "function" ? a = e(t) : i && (a = O2(t)), {
+    readView: z2(t),
+    validation: Z2(t),
     ...a && { data: a }
   };
-}, O2 = () => {
+}, G2 = () => {
   const i = Array(3).fill().map(() => d());
   return [
     {
@@ -1529,7 +1529,7 @@ const b2 = (i) => {
       nodeId: i[2]
     }
   ];
-}, G2 = () => [
+}, U2 = () => [
   {
     key: "estimatedWorkDates",
     type: "object",
@@ -1538,10 +1538,10 @@ const b2 = (i) => {
       endAt: { anyOf: [{ type: "null" }, { type: "string" }] }
     }
   }
-], R2 = () => ({
-  readView: O2(),
-  validation: G2()
-}), U2 = () => {
+], W2 = () => ({
+  readView: G2(),
+  validation: U2()
+}), q2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1607,7 +1607,7 @@ const b2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, W2 = () => [
+}, N2 = () => [
   {
     key: "extraWorkConstruction",
     extraWorkConstruction: {
@@ -1631,11 +1631,11 @@ const b2 = (i) => {
       }
     }
   }
-], q2 = () => ({
-  readView: U2(),
-  validation: W2()
+], j2 = () => ({
+  readView: q2(),
+  validation: N2()
   // Client / company will for now always exist on doc and in validation
-}), N2 = () => {
+}), K2 = () => {
   const i = Array(3).fill().map(() => d());
   return [
     {
@@ -1675,7 +1675,7 @@ const b2 = (i) => {
       nodeId: i[2]
     }
   ];
-}, j2 = () => [
+}, Y2 = () => [
   {
     key: "extraWorkTimeImpact",
     anyOf: [
@@ -1699,10 +1699,10 @@ const b2 = (i) => {
       }
     ]
   }
-], K2 = () => ({
-  readView: N2(),
-  validation: j2()
-}), Y2 = () => {
+], Q2 = () => ({
+  readView: K2(),
+  validation: Y2()
+}), J2 = () => {
   const i = Array(5).fill().map(() => d());
   return [
     {
@@ -1755,13 +1755,13 @@ const b2 = (i) => {
       nodeId: i[4]
     }
   ];
-}, Q2 = () => [
+}, X2 = () => [
   { key: "miscAgreements", anyOf: [{ type: "string" }, { type: null }] },
   { key: "notBinding", type: "boolean" }
-], J2 = () => ({
-  readView: Y2(),
-  validation: Q2()
-}), X2 = (i) => {
+], ei = () => ({
+  readView: J2(),
+  validation: X2()
+}), ti = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -1783,22 +1783,22 @@ const b2 = (i) => {
       nodeId: e[1]
     }
   ];
-}, ei = (i) => [
+}, ii = (i) => [
   { key: `title-${i}`, anyOf: [{ type: "string" }, { type: "null" }], defaultValue: "" },
   { key: `content-${i}`, anyOf: [{ type: "string" }, { type: "null" }] }
-], ti = (i) => ({
+], ai = (i) => ({
   [`data.title-${i}`]: "My custom text",
   [`data.content-${i}`]: "<p>First impressions matter. Make it count by sending beautiful proposals to your clients. Proposals that look great on any device. Proposals that help you to close with notifications and digital signatures.</p>"
-}), ii = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), ni = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = ti(t)), {
-    readView: X2(t),
-    validation: ei(t),
+  return typeof e == "function" ? a = e(t) : i && (a = ai(t)), {
+    readView: ti(t),
+    validation: ii(t),
     ...a && { data: a },
     onAddFnName: "conditionalOnAdd"
   };
-}, ai = (i) => [
+}, si = (i) => [
   {
     itemId: "coverBlock",
     itemType: "coverBlock",
@@ -1808,7 +1808,7 @@ const b2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], ni = (i, e = "en") => [
+], oi = (i, e = "en") => [
   {
     key: `coverBlock-${i}`,
     defaultValue: {
@@ -1825,7 +1825,7 @@ const b2 = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/coverBlock/1.json`
   }
-], si = (i) => ({
+], li = (i) => ({
   [`data.coverBlock-${i}`]: {
     text: "<h1>We know communication</h1>",
     cover: {
@@ -1835,15 +1835,15 @@ const b2 = (i) => {
       blur: 0
     }
   }
-}), oi = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+}), ri = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
   const a = d(), { language: n } = e || {};
   let s = null;
-  return typeof t == "function" ? s = t(a) : i && (s = si(a)), {
-    readView: ai(a),
-    validation: ni(a, n),
+  return typeof t == "function" ? s = t(a) : i && (s = li(a)), {
+    readView: si(a),
+    validation: oi(a, n),
     ...s && { data: s }
   };
-}, li = ({ language: i = "en" } = {}) => {
+}, ci = ({ language: i = "en" } = {}) => {
   const e = (t) => h.t(`components:account.documentForm.contentItems.coverBlock.${t}`, {
     lng: i
   });
@@ -1988,7 +1988,7 @@ const b2 = (i) => {
       })
     }
   ];
-}, ri = (i) => [
+}, di = (i) => [
   {
     itemId: `header-${i}`,
     itemType: "header",
@@ -1998,7 +1998,7 @@ const b2 = (i) => {
     parentId: "0",
     nodeId: d()
   }
-], ci = (i, e = null) => {
+], pi = (i, e = null) => {
   const {
     language: t = "en",
     name: a = "",
@@ -2009,7 +2009,7 @@ const b2 = (i) => {
     background: o,
     priceSummaryBackground: l,
     backgroundFilter: r
-  } = n || {}, p = l || "hsl(228, 52%, 18%)", C = n1.readability(p, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
+  } = n || {}, p = l || "hsl(228, 52%, 18%)", C = ot.readability(p, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
   return [
     {
       key: `header-${i}`,
@@ -2050,7 +2050,7 @@ const b2 = (i) => {
       }
     }
   ];
-}, di = (i) => ({
+}, ui = (i) => ({
   [`data.header-${i}`]: {
     layout: "vertical",
     baseStyle: { textAlign: "left", textColor: "#FFFFFF" },
@@ -2080,15 +2080,15 @@ const b2 = (i) => {
       }
     ]
   }
-}), pi = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
+}), mi = ({ includeMockData: i = !1, document: e = null, contentData: t = null }) => {
   const a = d();
   let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = di(a)), {
-    readView: ri(a),
-    validation: ci(a, e),
+  return typeof t == "function" ? n = t(a) : i && (n = ui(a)), {
+    readView: di(a),
+    validation: pi(a, e),
     ...n && { data: n }
   };
-}, ui = ({ language: i = "en" } = {}) => {
+}, hi = ({ language: i = "en" } = {}) => {
   const e = (t) => h.t(`components:account.documentForm.contentItems.header.${t}`, {
     lng: i,
     interpolation: { prefix: "__", suffix: "__" }
@@ -2388,7 +2388,7 @@ h.loadOptions({
     }
   }
 });
-const mi = (i) => {
+const fi = (i) => {
   const e = Array(2).fill().map(() => d());
   return [
     {
@@ -2413,7 +2413,7 @@ const mi = (i) => {
       nodeId: e[1]
     }
   ];
-}, hi = (i, e = "en") => [
+}, gi = (i, e = "en") => [
   {
     key: `packageGroups.${i}`,
     validationKey: "packageGroups",
@@ -2433,11 +2433,11 @@ const mi = (i) => {
     },
     $ref: `${f.api.baseUrl}/schemas/packageGroups/1.json`
   }
-], fi = () => null, gi = ({ includeMockData: i, document: e = null, contentData: t = null } = {}) => {
+], Ci = () => null, vi = ({ includeMockData: i, document: e = null, contentData: t = null } = {}) => {
   const a = d(), { language: n } = e || {};
   let s = null;
-  typeof t == "function" ? s = t(a) : i && (s = fi());
-  const o = mi(a), l = hi(a, n);
+  typeof t == "function" ? s = t(a) : i && (s = Ci());
+  const o = fi(a), l = gi(a, n);
   return {
     readView: o,
     validation: l,
@@ -2529,7 +2529,7 @@ h.loadOptions({
     }
   }
 });
-const Ci = ({
+const yi = ({
   language: i = "en",
   currency: e = "USD",
   _getters: t,
@@ -2886,7 +2886,7 @@ const Ci = ({
       }
     }
   ];
-}, vi = (i) => [
+}, xi = (i) => [
   {
     itemId: "embed",
     itemType: "embed",
@@ -2900,7 +2900,7 @@ const Ci = ({
     parentId: "0",
     nodeId: d()
   }
-], yi = (i) => [
+], wi = (i) => [
   {
     key: `embed-${i}`,
     $ref: `${f.api.baseUrl}/schemas/embed/1.json`,
@@ -2909,12 +2909,12 @@ const Ci = ({
       size: "small"
     }
   }
-], xi = () => null, wi = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
+], bi = () => null, _i = ({ includeMockData: i = !1, document: e = null, contentData: t = null } = {}) => {
   const a = d();
   let n = null;
-  return typeof t == "function" ? n = t(a) : i && (n = xi()), {
-    readView: vi(a),
-    validation: yi(a),
+  return typeof t == "function" ? n = t(a) : i && (n = bi()), {
+    readView: xi(a),
+    validation: wi(a),
     ...n && { data: n }
   };
 };
@@ -2929,7 +2929,7 @@ h.loadOptions({
     }
   }
 });
-const bi = ({ language: i = "en" } = {}) => [
+const ki = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -3221,7 +3221,7 @@ const bi = ({ language: i = "en" } = {}) => [
       }
     })
   }
-], _i = (i) => [
+], Li = (i) => [
   {
     itemId: "videoPlayer",
     itemType: "videoPlayer",
@@ -3234,7 +3234,7 @@ const bi = ({ language: i = "en" } = {}) => [
     parentId: "0",
     nodeId: d()
   }
-], ki = (i) => [
+], $i = (i) => [
   {
     key: `video-${i}`,
     $ref: `${f.api.baseUrl}/schemas/videoPlayer/1.json`,
@@ -3245,7 +3245,7 @@ const bi = ({ language: i = "en" } = {}) => [
       }
     }
   }
-], Li = (i) => ({
+], Si = (i) => ({
   [`data.video-${i}`]: {
     size: "small",
     video: {
@@ -3254,15 +3254,15 @@ const bi = ({ language: i = "en" } = {}) => [
       id: "166JEb6qkr4"
     }
   }
-}), $i = ({ includeMockData: i = !1, contentData: e = null }) => {
+}), Ti = ({ includeMockData: i = !1, contentData: e = null }) => {
   const t = d();
   let a = null;
-  return typeof e == "function" ? a = e(t) : i && (a = Li(t)), {
-    readView: _i(t),
-    validation: ki(t),
+  return typeof e == "function" ? a = e(t) : i && (a = Si(t)), {
+    readView: Li(t),
+    validation: $i(t),
     ...a && { data: a }
   };
-}, Si = ({ language: i = "en" } = {}) => [
+}, Di = ({ language: i = "en" } = {}) => [
   {
     previewUrl: `
     <div style="position: relative;">
@@ -3464,34 +3464,34 @@ const bi = ({ language: i = "en" } = {}) => [
     })
   }
 ], G = {
-  titleAndText2: ii,
-  attachments2: k2,
-  pdf: De,
-  packageGroup: gi,
-  multiGroupPricing: D2,
-  coverBlock: oi,
-  videoPlayer: $i,
-  embed: wi,
-  header: pi,
-  answer: Ve,
-  terms: M2,
-  parties: A2,
-  custom: a1,
+  titleAndText2: ni,
+  attachments2: $2,
+  pdf: Ve,
+  packageGroup: vi,
+  multiGroupPricing: B2,
+  coverBlock: ri,
+  videoPlayer: Ti,
+  embed: _i,
+  header: mi,
+  answer: Be,
+  terms: F2,
+  parties: E2,
+  custom: st,
   // legacy 
-  presentation: $2,
-  estimatedTimeCompleted: Z2,
-  estimatedWorkStartAndEndAtText: R2,
-  extraWorkConstructionPricingList: q2,
-  extraWorkTimeImpactText: K2,
-  notBinding: J2
-}, R = {
-  coverBlock: li,
-  header: ui,
-  packageGroup: Ci,
-  embed: bi,
-  videoPlayer: Si,
-  custom: i1
-}, Ti = {
+  presentation: T2,
+  estimatedTimeCompleted: R2,
+  estimatedWorkStartAndEndAtText: W2,
+  extraWorkConstructionPricingList: j2,
+  extraWorkTimeImpactText: Q2,
+  notBinding: ei
+}, U = {
+  coverBlock: ci,
+  header: hi,
+  packageGroup: yi,
+  embed: ki,
+  videoPlayer: Di,
+  custom: nt
+}, Vi = {
   name: "AddBlock",
   props: {
     set: {
@@ -3505,29 +3505,29 @@ const bi = ({ language: i = "en" } = {}) => [
   },
   render() {
     return this.$scopedSlots.default({
-      addBlock: (i) => Be({
+      addBlock: (i) => Me({
         ...i,
         set: this.set,
         tplGenerators: G,
         includeMockData: this.includeMockData,
         emit: (...e) => this.$emit(...e)
       }),
-      getBlockPayload: (i) => Me(i, this.set, G, this.includeMockdata)
+      getBlockPayload: (i) => Ie(i, this.set, G, this.includeMockdata)
     });
   }
-}, Di = null, Vi = null;
-var Bi = /* @__PURE__ */ c(
-  Ti,
-  Di,
+}, Bi = null, Mi = null;
+var Ii = /* @__PURE__ */ c(
   Vi,
+  Bi,
+  Mi,
   !1,
   null,
   null,
   null,
   null
 );
-const ne = Bi.exports;
-const Mi = {
+const oe = Ii.exports;
+const Fi = {
   name: "Drawer",
   props: {
     value: {
@@ -3570,7 +3570,7 @@ const Mi = {
     }
   }
 };
-var Ii = function() {
+var Hi = function() {
   var e = this, t = e._self._c;
   return t("div", [t("transition", { attrs: { name: "fade" } }, [!e.hideOverlay && e.value ? t("div", { staticClass: "d-overlay", style: {
     zIndex: e.zIndex
@@ -3586,18 +3586,18 @@ var Ii = function() {
     boxShadow: e.boxShadow,
     ...e.contentStyle
   } }, [e._t("default")], 2)]) : e._e()])], 1);
-}, Fi = [], Hi = /* @__PURE__ */ c(
-  Mi,
-  Ii,
+}, Ai = [], Pi = /* @__PURE__ */ c(
   Fi,
+  Hi,
+  Ai,
   !1,
   null,
   "3cb13e4e",
   null,
   null
 );
-const se = Hi.exports;
-const Ai = {
+const le = Pi.exports;
+const Ei = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -3621,21 +3621,21 @@ const Ai = {
     }
   },
   components: {
-    AddBlock: ne,
-    Drawer: se,
-    SendForm: s1,
-    CCheckbox: Ie,
-    BaseIcon: Fe,
-    CButton: He,
-    IsPremium: $,
-    IsPremiumPreStep: b
+    AddBlock: oe,
+    Drawer: le,
+    SendForm: lt,
+    CCheckbox: Fe,
+    BaseIcon: He,
+    CButton: Ae,
+    IsPremium: b,
+    IsPremiumPreStep: _
   },
   mixins: [
     S([], {
       useEmit: !1,
       setFnName: "setFormValue"
     }),
-    L
+    $
   ],
   props: {
     setFormValue: {
@@ -3718,7 +3718,7 @@ const Ai = {
     }
   }
 };
-var Pi = function() {
+var zi = function() {
   var e = this, t = e._self._c;
   return e.mq !== "sm" || e.isOpen ? t(e.mq === "sm" ? "div" : "Drawer", { tag: "component", attrs: { placement: "right" }, model: { value: e.isOpen, callback: function(a) {
     e.isOpen = a;
@@ -3737,17 +3737,17 @@ var Pi = function() {
       }, expression: "saveTemplate" } }), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(e.$t("saveDocAsTemplate")) + " "), t("BaseIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.saveTemplateTooltip, expression: "saveTemplateTooltip" }], attrs: { type: "info", size: "15" } })], 1)], 1)];
     } }], null, !0) })];
   } }], null, !1, 763192116) })], 1)], 1)], 1)]) : e._e();
-}, Ei = [], zi = /* @__PURE__ */ c(
-  Ai,
-  Pi,
+}, Zi = [], Oi = /* @__PURE__ */ c(
   Ei,
+  zi,
+  Zi,
   !1,
   null,
   "56ed9100",
   null,
   null
 );
-const Zi = zi.exports, Oi = {
+const Ri = Oi.exports, Gi = {
   name: "Draggable",
   data() {
     return {
@@ -3779,21 +3779,21 @@ const Zi = zi.exports, Oi = {
       dragMousedown: this.onDragMouseDown
     });
   }
-}, Gi = null, Ri = null;
-var Ui = /* @__PURE__ */ c(
-  Oi,
+}, Ui = null, Wi = null;
+var qi = /* @__PURE__ */ c(
   Gi,
-  Ri,
+  Ui,
+  Wi,
   !1,
   null,
   null,
   null,
   null
 );
-const Wi = Ui.exports;
-const qi = {
+const Ni = qi.exports;
+const ji = {
   components: {
-    Draggable: Wi
+    Draggable: Ni
   },
   props: {
     offset: {
@@ -3806,7 +3806,7 @@ const qi = {
     }
   }
 };
-var Ni = function() {
+var Ki = function() {
   var e = this, t = e._self._c;
   return t("portal", { attrs: { to: "modal" } }, [t("Draggable", { scopedSlots: e._u([{ key: "default", fn: function({ dragMousedown: a }) {
     return [t("div", { staticClass: "popup", staticStyle: { position: "fixed", width: "280px", "border-radius": "calc(0.5 * var(--rem))", padding: "1em 1em 3em 1em", "font-size": "14px", "background-color": "white", "min-height": "400px", "box-shadow": "0 5px 30px -5px rgb(0, 0, 0, 0.2)", "z-index": "1000" }, style: {
@@ -3816,26 +3816,26 @@ var Ni = function() {
       return e.$emit("close");
     } } }), t("CButton", { staticStyle: { position: "absolute", right: "calc(2.25 * var(--rem))", top: "0", cursor: "grab" }, attrs: { icon: "handle", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { mousedown: a } }), t("div", { staticStyle: { "font-weight": "700", "font-size": "1.5em", "margin-bottom": "calc(1 * var(--rem))" } }, [e._v(" " + e._s(e.title) + " ")]), e._t("default")], 2)])];
   } }], null, !0) })], 1);
-}, ji = [], Ki = /* @__PURE__ */ c(
-  qi,
-  Ni,
+}, Yi = [], Qi = /* @__PURE__ */ c(
   ji,
+  Ki,
+  Yi,
   !1,
   null,
   "9b75010b",
   null,
   null
 );
-const oe = Ki.exports;
-const Yi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Yi), Qi = {
+const re = Qi.exports;
+const Ji = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ji), Xi = {
   i18nOptions: {
     namespaces: "common",
     keyPrefix: "designLabels"
   },
   name: "Design",
   components: {
-    FormInputRow: J,
-    DragWindow: oe
+    FormInputRow: ee,
+    DragWindow: re
   },
   mixins: [
     S(
@@ -3924,7 +3924,7 @@ const Yi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Yi), Qi = {
                   weight: n,
                   options: s = []
                 }) => {
-                  this.update(i, a), Ye(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
+                  this.update(i, a), Je(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
                 }
               }
             ]
@@ -4369,7 +4369,7 @@ const Yi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Yi), Qi = {
   watch: {
     async activeItem(i) {
       const e = u(i, "style.fontFamily");
-      e && (this.fontWeightOptions = await Qe(e));
+      e && (this.fontWeightOptions = await Xe(e));
     }
   },
   methods: {
@@ -4381,7 +4381,7 @@ const Yi = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Yi), Qi = {
     }
   }
 };
-var Ji = function() {
+var ea = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticStyle: { padding: "calc(0.5 * var(--rem))", position: "relative" } }, [t("div", { staticStyle: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, [e._v(" " + e._s(e.$t("typography")) + " ")]), e._l(e.typography, function(a) {
     return t("div", { key: a.label, staticClass: "list-option", on: { click: function(n) {
@@ -4400,18 +4400,18 @@ var Ji = function() {
   })], 2), e.activeItem ? t("DragWindow", { attrs: { title: e.activeItem.label, offset: e.offset }, on: { close: () => e.activeItem = null } }, e._l(e.activeItemOptions, function(a, n) {
     return t("FormInputRow", { key: n, attrs: { label: a.label, inputs: a.inputs } });
   }), 1) : e._e()], 1);
-}, Xi = [], ea = /* @__PURE__ */ c(
-  Qi,
-  Ji,
+}, ta = [], ia = /* @__PURE__ */ c(
   Xi,
+  ea,
+  ta,
   !1,
   null,
   "930a4202",
   null,
   null
 );
-const ta = ea.exports;
-const ia = {
+const aa = ia.exports;
+const na = {
   name: "FieldsModal",
   i18nOptions: {
     namespaces: "FieldsModal",
@@ -4445,7 +4445,7 @@ const ia = {
     }
   },
   components: {
-    CField: Q
+    CField: X
   },
   props: {
     document: {
@@ -4476,12 +4476,12 @@ const ia = {
   validations: {
     form: {
       label: {
-        required: I.required,
+        required: F.required,
         isUniqueLabel(i) {
           return this.fields.reduce((t, { label: a }) => a === i ? !1 : t, !0);
         }
       },
-      value: { required: I.required }
+      value: { required: F.required }
     }
   },
   computed: {
@@ -4521,12 +4521,12 @@ const ia = {
     remove() {
       if (!this.existingFieldId)
         return;
-      const i = d1(this.document.fields, [this.existingFieldId]);
+      const i = ut(this.document.fields, [this.existingFieldId]);
       this.set({ key: "data.fields", value: i }), this.$emit("close");
     }
   }
 };
-var aa = function() {
+var sa = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex flex-col items-center w-full text-center bg-white font-inter", staticStyle: { padding: "2em", "border-radius": "10px" } }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, [e._v(" " + e._s(e.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")) + " ")]), t("div", { staticStyle: { "margin-bottom": "0.25em", opacity: "0.65" } }, [e._v(" " + e._s(e.$t("description")) + " ")])]), t("form", { staticStyle: { width: "100%" }, on: { submit: function(a) {
     return a.preventDefault(), e.submit.apply(null, arguments);
@@ -4537,18 +4537,18 @@ var aa = function() {
   }, expression: "form.label" } })], 1), t("CField", { staticStyle: { width: "100%", "text-align": "left", "margin-bottom": "1em" }, attrs: { label: e.$t("value"), messages: e.messages.form.value, validator: e.$v.form.value, "label-position": "inside" } }, [t("CInput", { attrs: { placeholder: e.$t("valuePlaceholder"), filled: "" }, model: { value: e.form.value, callback: function(a) {
     e.$set(e.form, "value", a);
   }, expression: "form.value" } })], 1), t("CButton", { staticStyle: { "margin-top": "1.5em" }, attrs: { type: "secondary", wide: "" }, domProps: { textContent: e._s(e.$t("_common:save")) }, on: { click: e.submit } }), e.existingFieldId ? t("CButton", { staticStyle: { "margin-top": "5px" }, attrs: { type: "none", pattern: "tertiary", wide: "" }, domProps: { textContent: e._s(e.$t("_common:remove")) }, on: { click: e.remove } }) : e._e()], 1)]);
-}, na = [], sa = /* @__PURE__ */ c(
-  ia,
-  aa,
+}, oa = [], la = /* @__PURE__ */ c(
   na,
+  sa,
+  oa,
   !1,
   null,
   "5cc44007",
   null,
   null
 );
-const oa = sa.exports;
-const la = {
+const ra = la.exports;
+const ca = {
   i18nOptions: {
     namespaces: "DocumentFormFields",
     messages: {
@@ -4572,9 +4572,9 @@ const la = {
   },
   name: "DocumentFormFields",
   components: {
-    SmartList: c1,
-    CAccordion: je,
-    CField: Q
+    SmartList: pt,
+    CAccordion: Ye,
+    CField: X
   },
   mixins: [S()],
   props: {
@@ -4634,7 +4634,7 @@ const la = {
       async handler(i) {
         var e, t;
         if (this.isEditingTemplate && i) {
-          const { data: a } = await k.getFields(i);
+          const { data: a } = await L.getFields(i);
           this.updateValue("data.fields", {
             // crmFields added first in order to not override same service values
             ...a,
@@ -4651,7 +4651,7 @@ const la = {
     },
     openFieldModal({ existingFieldId: i }) {
       this.$modal.show(
-        oa,
+        ra,
         {
           document: this._document,
           set: this.set,
@@ -4670,7 +4670,7 @@ const la = {
       );
     },
     onCopyField(i) {
-      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => Ae("info", this.$t("_common:copyMessage"))).catch((e) => T(e));
+      navigator && navigator.clipboard && i && navigator.clipboard.writeText(i).then(() => Pe("info", this.$t("_common:copyMessage"))).catch((e) => D(e));
     },
     filterMethod(i, e) {
       return e.filter((t) => t.label.toLowerCase().includes(i.toLowerCase()));
@@ -4681,7 +4681,7 @@ const la = {
     }
   }
 };
-var ra = function() {
+var da = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { padding: "1em" } }, [t("div", { staticStyle: { margin: "15px 0" } }, [t("div", { staticStyle: { "font-size": "16px", "font-weight": "600" }, domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticStyle: { color: "hsl(0, 0%, 35%)" }, domProps: { textContent: e._s(e.$t("description")) } })]), t("CInput", { attrs: { placeholder: e.$t("_common:search"), filled: "", size: "small" }, model: { value: e.query, callback: function(a) {
     e.query = a;
@@ -4726,18 +4726,18 @@ var ra = function() {
       } } })], 1)], 1)]);
     }) : t("div", { staticStyle: { "font-size": "13px", "text-align": "center", "user-select": "none", padding: "0.5em", "border-radius": "0.25em", opacity: "0.5" }, domProps: { textContent: e._s(e.$t("noResults")) } })], 2)]);
   })], 2)], 1);
-}, ca = [], da = /* @__PURE__ */ c(
-  la,
-  ra,
+}, pa = [], ua = /* @__PURE__ */ c(
   ca,
+  da,
+  pa,
   !1,
   null,
   "916766d5",
   null,
   null
 );
-const pa = da.exports;
-const ua = {
+const ma = ua.exports;
+const ha = {
   i18nOptions: {
     messages: {
       en: {
@@ -4780,8 +4780,8 @@ const ua = {
   },
   name: "ExtensionTab",
   components: {
-    draggable: p1,
-    Spinner: Pe
+    draggable: mt,
+    Spinner: Ee
   },
   mixins: [S([
     "externalReferences",
@@ -4837,7 +4837,7 @@ const ua = {
     }
   },
   methods: {
-    priceFormat: N,
+    priceFormat: K,
     async _search(i) {
       try {
         this.isSearching = !0;
@@ -4848,7 +4848,7 @@ const ua = {
           this.searchResults = [];
           return;
         }
-        const { data: t } = await k.search(this.activeCrm, { query: i, type: "deal" });
+        const { data: t } = await L.search(this.activeCrm, { query: i, type: "deal" });
         t && Array.isArray(t) && (this.searchResults = t), t.length || (this.emptyQuery = e);
       } catch (e) {
         throw e;
@@ -4856,7 +4856,7 @@ const ua = {
         this.isSearching = !1;
       }
     },
-    search: H(async function(e) {
+    search: A(async function(e) {
       await this._search(e);
     }, 750),
     useSearchResult(i) {
@@ -4878,7 +4878,7 @@ const ua = {
         const e = this.externalReferences.find((o) => o.service === this.activeCrm && o.type === i);
         if (!e)
           return;
-        const { service: t, type: a, typeId: n } = e, { data: s } = await k.getExternalReferenceDetails(t, { type: a, typeId: n });
+        const { service: t, type: a, typeId: n } = e, { data: s } = await L.getExternalReferenceDetails(t, { type: a, typeId: n });
         i !== this.dealType ? this.typeDetails = { ...s, type: i } : this.dealDetails = s;
       } catch {
         i !== this.dealType ? this.typeDetails = null : this.dealDetails = null;
@@ -4895,10 +4895,10 @@ const ua = {
     },
     async suggestClients() {
       var n;
-      const { service: i, type: e, typeId: t } = this.currentExternalDeal, { data: a } = await k.suggestClients(i, { type: e, typeId: t });
+      const { service: i, type: e, typeId: t } = this.currentExternalDeal, { data: a } = await L.suggestClients(i, { type: e, typeId: t });
       if (Array.isArray(a) && a.length) {
         const s = (n = this._document) == null ? void 0 : n.defaultAnswerMethod, o = a.map((l) => ({
-          ...Ee(),
+          ...ze(),
           ...s && { answerMethod: s },
           ...l
         }));
@@ -4928,7 +4928,7 @@ const ua = {
     }
   }
 };
-var ma = function() {
+var fa = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { "font-size": "13px", "padding-left": "calc(0.5 * var(--rem))", "padding-right": "calc(0.5 * var(--rem))", "padding-bottom": "calc(4 * var(--rem))" } }, [e.allAuthenticatedCRMs.length > 1 ? t("CDropdown", { staticStyle: { position: "absolute", right: "calc(0.5 * var(--rem))", top: "calc(0.5 * var(--rem))" }, attrs: { position: "is-bottom-left" } }, [t("CButton", { attrs: { slot: "trigger", size: "small", circle: "", type: "none", pattern: "tertiary", icon: "more-vertical" }, slot: "trigger" }), e._l(e.allAuthenticatedCRMs, function(a) {
     return t("CDropdownItem", { key: a, attrs: { type: e.activeCrm === a ? "primary" : "secondary", size: "small" }, on: { click: function(n) {
@@ -4959,18 +4959,18 @@ var ma = function() {
       return e.addArticle(a);
     } } }, [t("div", { staticStyle: { "font-weight": "500", "padding-bottom": "4px", "font-size": "14px" }, domProps: { textContent: e._s(a.name) } }), t("div", { staticClass: "text-gray-600", staticStyle: { "font-size": "12px" } }, [e._v(" " + e._s(e.priceFormat(a.price || 0, { showZero: !1, currency: a.currency || "USD" })) + " · " + e._s(a.quantity || 0) + "x "), a.vat !== null ? [e._v(" · " + e._s(e._document.$t("vat").capitalize()) + " " + e._s(a.vat) + "% ")] : e._e()], 2)]);
   }), 0) : t("div", { staticClass: "flex w-full text-gray-600", staticStyle: { "background-color": "hsl(var(--gray-color-100) / 1)", padding: "5px", "font-size": "12px", "border-radius": "5px", "line-height": "1.35" } }, [t("BaseIcon", { staticStyle: { margin: "1px 4px 0 0", "flex-shrink": "0" }, attrs: { type: "info", size: "13" } }), t("div", { domProps: { textContent: e._s(e.$t("noProducts", { type: e.dealType })) } })], 1)], 1) : e._e()] : t("div", { staticClass: "flex flex-col items-center justify-center w-full text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("BaseIcon", { staticClass: "text-primary-500", staticStyle: { "padding-bottom": "5px" }, attrs: { type: "info", size: "16" } }), t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("noCrm")) + " ")]), t("div", { staticClass: "text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("router-link", { staticClass: "text-primary-500", staticStyle: { "font-weight": "500" }, attrs: { to: { name: "settings" } } }, [e._v(" " + e._s(e.$t("noCrmAction")) + " ")])], 1)], 1)], 2);
-}, ha = [], fa = /* @__PURE__ */ c(
-  ua,
-  ma,
+}, ga = [], Ca = /* @__PURE__ */ c(
   ha,
+  fa,
+  ga,
   !1,
   null,
   "b775e9f9",
   null,
   null
 );
-const ga = fa.exports;
-const Ca = {
+const va = Ca.exports;
+const ya = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -5058,8 +5058,8 @@ const Ca = {
   },
   name: "DocumentGeneralSettings",
   components: {
-    FormInputRow: J,
-    DragWindow: oe
+    FormInputRow: ee,
+    DragWindow: re
   },
   props: {
     offset: {
@@ -5098,7 +5098,7 @@ const Ca = {
     vatTypes() {
       var e;
       const i = ["vat"];
-      return ((e = ze[f.brand]) == null ? void 0 : e.defaultRegion) === "US" && i.push("tax"), i;
+      return ((e = Ze[f.brand]) == null ? void 0 : e.defaultRegion) === "US" && i.push("tax"), i;
     },
     options() {
       return [
@@ -5124,7 +5124,7 @@ const Ca = {
               component: "select",
               props: {
                 value: this.language,
-                options: Ze.map((i) => ({ value: i, label: this.$t(`iso:language.${i}`) })).sort((i, e) => i.label.localeCompare(e.label))
+                options: Oe.map((i) => ({ value: i, label: this.$t(`iso:language.${i}`) })).sort((i, e) => i.label.localeCompare(e.label))
               },
               onInput: (i) => this.update("language", i)
             }
@@ -5275,7 +5275,7 @@ const Ca = {
     }
   }
 };
-var va = function() {
+var xa = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { height: "100%", padding: "1em" } }, [e._l(e.options, function(a, n) {
     return t("FormInputRow", { key: n, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } });
@@ -5284,17 +5284,17 @@ var va = function() {
   } } }, [e._l(e.priceOptions, function(a, n) {
     return [a.type === "divider" ? t("div", { key: n, staticClass: "divider" }) : t("FormInputRow", { key: n, attrs: { label: a.label, "info-tooltip": a.infoTooltip, inputs: a.inputs } })];
   })], 2) : e._e()], 2);
-}, ya = [], xa = /* @__PURE__ */ c(
-  Ca,
-  va,
+}, wa = [], ba = /* @__PURE__ */ c(
   ya,
+  xa,
+  wa,
   !1,
   null,
   "eec61e30",
   null,
   null
 );
-const wa = xa.exports, ba = {
+const _a = ba.exports, ka = {
   name: "MenuBlockConvertPopover",
   props: {
     target: {
@@ -5327,32 +5327,32 @@ const wa = xa.exports, ba = {
     }
   }
 };
-var _a = function() {
+var La = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "fixed inset-0 z-10", on: { click: function(a) {
     return a.target !== a.currentTarget ? null : e.$emit("close");
   } } }), t("transition", { attrs: { appear: "", mode: "out-in", "enter-active-class": "transition-all duration-100 ease-out", "enter-class": "-translate-x-4 opacity-0", "enter-to-class": "translate-x-0 opacity-100", "leave-active-class": "transition-opacity duration-100 ease-out", "leave-class": "opacity-100", "leave-to-class": "opacity-0" } }, [t("div", { ref: "popover", staticClass: "absolute z-10 p-4 text-sm -translate-y-1/2 bg-white rounded-lg shadow-xl w-52" }, [t("div", { staticClass: "pb-4", domProps: { innerHTML: e._s(e.$t("text")) } }), t("CButton", { attrs: { type: "secondary", size: "small", "icon-right": "arrow-right" }, on: { click: function(a) {
     return e.$emit("convert");
   } } }, [e._v(" " + e._s(e.$t("button")) + " ")])], 1)])], 1);
-}, ka = [], La = /* @__PURE__ */ c(
-  ba,
-  _a,
+}, $a = [], Sa = /* @__PURE__ */ c(
   ka,
+  La,
+  $a,
   !1,
   null,
   null,
   null,
   null
 );
-const $a = La.exports;
-const Sa = F.component("ProBadge", {
+const Ta = Sa.exports;
+const Da = H.component("ProBadge", {
   name: "ProBadge",
   render(i) {
     return i("div", {
       staticClass: "text-[10px] font-semibold text-white bg-primary-500 rounded leading-none px-1.5 py-1"
     }, "Pro");
   }
-}), Ta = {
+}), Va = {
   name: "MenuBlocks",
   i18nOptions: {
     namespaces: "menuBlocks",
@@ -5422,13 +5422,13 @@ const Sa = F.component("ProBadge", {
     }
   },
   components: {
-    simplebar: _,
-    DragList: K,
-    DragItem: Y,
-    AddBlock: ne,
-    IsPremiumPreStep: b,
-    ProBadge: Sa,
-    MenuBlockConvertPopover: $a
+    simplebar: k,
+    DragList: Q,
+    DragItem: J,
+    AddBlock: oe,
+    IsPremiumPreStep: _,
+    ProBadge: Da,
+    MenuBlockConvertPopover: Ta
   },
   props: {
     _document: {
@@ -5457,7 +5457,7 @@ const Sa = F.component("ProBadge", {
       default: () => ({ isPublicForm: !1 })
     }
   },
-  mixins: [L],
+  mixins: [$],
   data() {
     return {
       subMenuToShow: null,
@@ -5722,7 +5722,7 @@ const Sa = F.component("ProBadge", {
         }
       ];
       return i.forEach((e) => {
-        R[e.key] && (e.subMenu = (R[e.key](this._document || {}) || []).map((t) => ({ ...t, key: e.key, locked: e.locked }))), this.tooltips[e.key] && (e.hasTooltip = !0);
+        U[e.key] && (e.subMenu = (U[e.key](this._document || {}) || []).map((t) => ({ ...t, key: e.key, locked: e.locked }))), this.tooltips[e.key] && (e.hasTooltip = !0);
       }), i;
     },
     availableBlocks() {
@@ -5772,7 +5772,7 @@ const Sa = F.component("ProBadge", {
       if (this.mq === "sm")
         return;
       const { tooltips: i } = this, e = (s = (n = this.$el).getRootNode) == null ? void 0 : s.call(n), a = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document.body;
-      this.tippyInstances = r1(this.$el, {
+      this.tippyInstances = dt(this.$el, {
         target: "[data-tooltip-key]",
         allowHTML: !0,
         duration: [150, 0],
@@ -5797,7 +5797,7 @@ const Sa = F.component("ProBadge", {
         i.destroy();
       }) : this.tippyInstances.destroy && this.tippyInstances.destroy());
     },
-    setSubMenuState: H(function(e) {
+    setSubMenuState: A(function(e) {
       this.activeSubMenu = e;
     }, 100, { trailing: !0 }),
     onMouseleaveDrawer() {
@@ -5832,7 +5832,7 @@ const Sa = F.component("ProBadge", {
     }
   }
 };
-var Da = function() {
+var Ba = function() {
   var e = this, t = e._self._c;
   return t("AddBlock", { attrs: { set: e.set }, on: { "block-added": function(a) {
     return e.$emit("block-added", a);
@@ -5871,18 +5871,18 @@ var Da = function() {
       }), 1)], 1)], 1)])], 1)];
     } }], null, !0) })];
   } }]) });
-}, Va = [], Ba = /* @__PURE__ */ c(
-  Ta,
-  Da,
+}, Ma = [], Ia = /* @__PURE__ */ c(
   Va,
+  Ba,
+  Ma,
   !1,
   null,
   "2f285e04",
   null,
   null
 );
-const Ma = Ba.exports;
-const Ia = {
+const Fa = Ia.exports;
+const Ha = {
   name: "DocumentFormMenu",
   i18nOptions: {
     namespaces: "documentFormMenu",
@@ -5898,13 +5898,13 @@ const Ia = {
     }
   },
   components: {
-    Design: ta,
-    Fields: pa,
-    ExtensionTab: ga,
-    DocumentGeneralSettings: wa,
-    DocumentGuide: () => import("./index-68aa0619.js"),
-    MenuBlocks: Ma,
-    Simplebar: _
+    Design: aa,
+    Fields: ma,
+    ExtensionTab: va,
+    DocumentGeneralSettings: _a,
+    DocumentGuide: () => import("./index-a1f81228.js"),
+    MenuBlocks: Fa,
+    Simplebar: k
   },
   props: {
     state: {
@@ -5944,7 +5944,7 @@ const Ia = {
   data() {
     return {
       showGuide: !1,
-      showGuideNotification: !A.getItem("hideFormGuideNotification"),
+      showGuideNotification: !P.getItem("hideFormGuideNotification"),
       tab: "blocks"
     };
   },
@@ -5966,11 +5966,11 @@ const Ia = {
   },
   methods: {
     openGuide() {
-      this.showGuide = !0, this.showGuideNotification = !1, A.setItem("hideFormGuideNotification", !0);
+      this.showGuide = !0, this.showGuideNotification = !1, P.setItem("hideFormGuideNotification", !0);
     }
   }
 };
-var Fa = function() {
+var Aa = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "root menu-wrapper", style: [{ width: `${e.width}px` }, e.fixed && { zIndex: 999 }] }, [e.fixed ? t("div", { staticClass: "fixed inset-0", on: { click: function(a) {
     return e.$emit("close");
@@ -6009,18 +6009,18 @@ var Fa = function() {
   }, offset: e.width }, on: { input: ({ key: a, value: n }) => e.set({ key: a, value: n }) } }) : e._e()], 1)], 1), e.showGuide ? t("DocumentGuide", { on: { close: function(a) {
     e.showGuide = !1;
   } } }) : e._e()], 1)])]);
-}, Ha = [], Aa = /* @__PURE__ */ c(
-  Ia,
-  Fa,
+}, Pa = [], Ea = /* @__PURE__ */ c(
   Ha,
+  Aa,
+  Pa,
   !1,
   null,
   "383e8c99",
   null,
   null
 );
-const Pa = Aa.exports;
-const Ea = {
+const za = Ea.exports;
+const Za = {
   name: "BlockControlButtons",
   i18nOptions: {
     namespace: "blockControlButtons",
@@ -6052,7 +6052,7 @@ const Ea = {
     }
   }
 };
-var za = function() {
+var Oa = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex gap-2 control-root" }, [e.canToggleVisibility ? t("div", { staticClass: "control-button", on: { click: function(a) {
     return e.$emit("toggle-visible", !e.isVisible);
@@ -6063,21 +6063,21 @@ var za = function() {
   } } }, [t("BaseIcon", { attrs: { type: "chevron-down", size: "16" } })], 1)]), t("div", { staticClass: "control-button remove", on: { click: function(a) {
     return e.$emit("remove");
   } } }, [t("BaseIcon", { attrs: { type: "x", size: "16" } })], 1)]) : e._e()], 2);
-}, Za = [], Oa = /* @__PURE__ */ c(
-  Ea,
-  za,
+}, Ra = [], Ga = /* @__PURE__ */ c(
   Za,
+  Oa,
+  Ra,
   !1,
   null,
   "537216ad",
   null,
   null
 );
-const Ga = Oa.exports;
-const Ra = {
+const Ua = Ga.exports;
+const Wa = {
   name: "DynamicBlock",
   components: {
-    BlockControlButtons: Ga
+    BlockControlButtons: Ua
   },
   props: {
     isDragging: {
@@ -6138,7 +6138,7 @@ const Ra = {
     }
   }
 };
-var Ua = function() {
+var qa = function() {
   var e = this, t = e._self._c;
   return t("Animation", { staticClass: "w-full" }, [t("div", { staticClass: "block-root", class: [
     {
@@ -6161,22 +6161,22 @@ var Ua = function() {
   }, remove: function(a) {
     return e.$emit("remove");
   } } }, [e.showEditButton ? t("CButton", { staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: e.onEdit } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]) : e._e()], 1) : e._e()], 1)]);
-}, Wa = [], qa = /* @__PURE__ */ c(
-  Ra,
-  Ua,
+}, Na = [], ja = /* @__PURE__ */ c(
   Wa,
+  qa,
+  Na,
   !1,
   null,
   "1181a172",
   null,
   null
 );
-const Na = qa.exports;
-const ja = {
+const Ka = ja.exports;
+const Ya = {
   name: "DocumentDrawer",
   components: {
-    simplebar: _,
-    Drawer: se
+    simplebar: k,
+    Drawer: le
   },
   props: {
     position: {
@@ -6198,7 +6198,7 @@ const ja = {
     }
   }
 };
-var Ka = function() {
+var Qa = function() {
   var e = this, t = e._self._c;
   return t("transition", { attrs: { name: e.fixed ? void 0 : "grow-anim", mode: "out-in" } }, [e.open ? t(e.fixed ? "drawer" : "div", e._b({ ref: "drawer", tag: "component", staticClass: "font-inter document-drawer-root", class: {
     "is-sticky": !e.fixed
@@ -6210,18 +6210,18 @@ var Ka = function() {
     padding: "calc(2.5 * var(--rem)) calc(1 * var(--rem)) calc(6 * var(--rem)) calc(1 * var(--rem))",
     ...e.fixedStyle
   } }, [e._t("default")], 2)])])]) : e._e()], 1);
-}, Ya = [], Qa = /* @__PURE__ */ c(
-  ja,
-  Ka,
+}, Ja = [], Xa = /* @__PURE__ */ c(
   Ya,
+  Qa,
+  Ja,
   !1,
   null,
   "f0a56edd",
   null,
   null
 );
-const Ja = Qa.exports;
-const Xa = {
+const en = Xa.exports;
+const tn = {
   name: "DocumentFormViewRadio",
   props: {
     value: {
@@ -6234,24 +6234,24 @@ const Xa = {
     }
   }
 };
-var en = function() {
+var an = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "nav-toggle font-inter" }, [t("div", { staticClass: "nav-toggle-button", class: { active: e.value === "edit" }, on: { click: function(a) {
     e.value === "preview" && e.$emit("input", "edit");
   } } }, [e.small ? t("BaseIcon", { attrs: { type: "edit" } }) : [e._v(e._s(e.$t("edit")))]], 2), t("div", { staticClass: "nav-toggle-button", class: { active: e.value === "preview" }, attrs: { "data-onboarding": "preview-button" }, on: { click: function(a) {
     e.value === "edit" && e.$emit("input", "preview");
   } } }, [e.small ? t("BaseIcon", { attrs: { type: "eye" } }) : [e._v(e._s(e.$t("preview")))]], 2)]);
-}, tn = [], an = /* @__PURE__ */ c(
-  Xa,
-  en,
+}, nn = [], sn = /* @__PURE__ */ c(
   tn,
+  an,
+  nn,
   !1,
   null,
   "bfd27279",
   null,
   null
 );
-const nn = an.exports, sn = {
+const on = sn.exports, ln = {
   name: "LogoBanner",
   props: {
     position: {
@@ -6269,44 +6269,44 @@ const nn = an.exports, sn = {
     }
   }
 };
-var on = function() {
+var rn = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "z-50 flex justify-end bottom-0 left-0 right-0 pb-[10px] px-[10px] pointer-events-none", class: e.position }, [t("a", { staticClass: "pointer-events-auto inline-flex items-center h-8 pl-1.5 pr-2 border rounded-md bg-black/80 border-white/30", attrs: { href: `https://${e.$t("_common:brand.domain")}?utm_source=document&utm_medium=logo-banner`, target: "_blank" } }, [t("div", { staticClass: "w-5 h-5 mr-2 overflow-hidden bg-white rounded" }, [t("img", { staticClass: "w-full h-full", attrs: { src: e.logoUrl, alt: e.$t("brand.name") } })]), t("div", { staticClass: "text-xs font-medium text-white" }, [e._v(" Made in " + e._s(e.$t("brand.name")) + " ")])])]);
-}, ln = [], rn = /* @__PURE__ */ c(
-  sn,
-  on,
+}, cn = [], dn = /* @__PURE__ */ c(
   ln,
+  rn,
+  cn,
   !1,
   null,
   null,
   null,
   null
 );
-const cn = rn.exports;
-const dn = {
+const pn = dn.exports;
+const un = {
   name: "DocumentFormNav"
 };
-var pn = function() {
+var mn = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "DocumentFormNav", staticStyle: { padding: "8px calc(1.5 * var(--rem))", position: "fixed", left: "0", top: "0", right: "0", "z-index": "98" } }, [t("div", { staticClass: "flex" }, [t("div", { staticClass: "inline-flex items-center flex-grow" }, [e._t("left")], 2), t("div", { staticClass: "inline-flex items-center justify-center flex-auto" }, [e._t("center")], 2), t("div", { staticClass: "inline-flex items-center justify-end flex-grow" }, [e._t("right")], 2)])]);
-}, un = [], mn = /* @__PURE__ */ c(
-  dn,
-  pn,
+}, hn = [], fn = /* @__PURE__ */ c(
   un,
+  mn,
+  hn,
   !1,
   null,
   "05fc111c",
   null,
   null
 );
-const hn = mn.exports;
-const le = (i, e, t = "$children") => {
+const gn = fn.exports;
+const ce = (i, e, t = "$children") => {
   if (!i)
     return;
   e(i);
   const a = i[t];
-  !a && !Array.isArray(a) || a.forEach((n) => le(n, e));
-}, fn = {
+  !a && !Array.isArray(a) || a.forEach((n) => ce(n, e));
+}, Cn = {
   i18nOptions: {
     namespaces: "DocumentFormContainer",
     messages: {
@@ -6322,19 +6322,19 @@ const le = (i, e, t = "$children") => {
   },
   name: "DocumentFormContainer",
   components: {
-    WithDimensions: Je,
-    DragList: K,
-    DragItem: Y,
-    DynamicChapter: Xe,
-    DocumentFormMenu: Pa,
-    DynamicBlock: Na,
-    DocumentFormViewRadio: nn,
-    DocumentFormNav: hn,
-    DocumentDrawer: Ja,
-    DocumentStyleContainer: e1,
-    simplebar: _,
-    LogoBanner: cn,
-    IsPremium: $
+    WithDimensions: et,
+    DragList: Q,
+    DragItem: J,
+    DynamicChapter: tt,
+    DocumentFormMenu: za,
+    DynamicBlock: Ka,
+    DocumentFormViewRadio: on,
+    DocumentFormNav: gn,
+    DocumentDrawer: en,
+    DocumentStyleContainer: it,
+    simplebar: k,
+    LogoBanner: pn,
+    IsPremium: b
   },
   props: {
     _document: {
@@ -6371,7 +6371,7 @@ const le = (i, e, t = "$children") => {
       default: !0
     }
   },
-  mixins: [L],
+  mixins: [$],
   data() {
     return {
       drawerState: v,
@@ -6451,7 +6451,7 @@ const le = (i, e, t = "$children") => {
     async externalReferences(i) {
       await Promise.all((i || []).map(async ({ service: e, type: t, typeId: a }) => {
         if (t && a && e && this.$store.getters["settings/isAuthenticatedCRM"](e)) {
-          const { data: n } = await k.getFields(e, { type: t, typeId: a, populated: !0 });
+          const { data: n } = await L.getFields(e, { type: t, typeId: a, populated: !0 });
           this.setFormValue({
             key: "data.fields",
             value: { ...this._document.fields, ...n }
@@ -6462,7 +6462,7 @@ const le = (i, e, t = "$children") => {
   },
   methods: {
     onAddBlockMount(i, e) {
-      !this.onAddRedis[i] || !e || (e.$el && this.$nextTick(() => u1(e.$el, { offset: 100 })), typeof e[this.onAddRedis[i]] == "function" && e[this.onAddRedis[i]](), delete this.onAddRedis[i]);
+      !this.onAddRedis[i] || !e || (e.$el && this.$nextTick(() => ht(e.$el, { offset: 100 })), typeof e[this.onAddRedis[i]] == "function" && e[this.onAddRedis[i]](), delete this.onAddRedis[i]);
     },
     onBlockToggleVisible(i, e) {
       const a = [...this.readLayout].findIndex(
@@ -6483,7 +6483,7 @@ const le = (i, e, t = "$children") => {
         const a = i.itemId.split("-")[1];
         this.removePackageGroup(a);
       } else
-        le(i, (n) => {
+        ce(i, (n) => {
           n.value && Object.values(n.value).forEach((s) => {
             this.removeFormKeyValue(`${s}`);
             let o = s.replace(/^data.(?!properties)/g, "data.properties.");
@@ -6493,7 +6493,7 @@ const le = (i, e, t = "$children") => {
             this.removeFormKeyValue(r);
           });
         }, "children");
-      V([this.nestedReadLayout[e]]).forEach((a) => {
+      B([this.nestedReadLayout[e]]).forEach((a) => {
         const n = this.readLayout.findIndex((s) => s.nodeId === a.nodeId);
         this.removeFormValue(`template.views.read.nodes[${n}]`);
       });
@@ -6513,10 +6513,10 @@ const le = (i, e, t = "$children") => {
       if (e !== null && t !== null) {
         if (e === t)
           return;
-        const n = Oe(this.nestedReadLayout, e, t);
+        const n = Re(this.nestedReadLayout, e, t);
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: V(n)
+          value: B(n)
         });
       } else if (!e && t !== null) {
         const {
@@ -6528,20 +6528,20 @@ const le = (i, e, t = "$children") => {
           readView: r,
           validation: p,
           data: C,
-          onAddFnName: D = "onAdd"
+          onAddFnName: V = "onAdd"
         } = s({ sectionKey: n, document: this._document, contentData: l });
         o({ validation: p, data: C });
-        const re = Ge({ tree: r }), ce = [
+        const de = Ge({ tree: r }), pe = [
           ...this.nestedReadLayout.slice(0, t),
-          ...re,
+          ...de,
           ...this.nestedReadLayout.slice(t)
         ];
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: V(ce)
+          value: B(pe)
         });
-        const [{ nodeId: de }] = r;
-        this.onAddRedis[de] = D;
+        const [{ nodeId: ue }] = r;
+        this.onAddRedis[ue] = V;
       }
     },
     shouldAnimateDrop(i) {
@@ -6549,7 +6549,7 @@ const le = (i, e, t = "$children") => {
     }
   }
 };
-var gn = function() {
+var vn = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { overflow: "auto", height: "100vh" } }, [t("div", { staticClass: "flex container-root font-inter", class: {
     "is-edit-view": e.isEditView,
@@ -6611,7 +6611,7 @@ var gn = function() {
         e.drawerState.openSection = p;
       }, "toggle-visible": function(p) {
         return e.onBlockToggleVisible(l, p);
-      } } }, [t("DynamicChapter", { attrs: { "component-name": l.componentName, "component-props": { ...l.props, _document: e._document, _value: l.value }, children: l.children, "parent-size": e.parentSize, "is-visible": l.isVisible, "on-input": ({ key: p, value: C, options: D }) => e.setFormValue({ key: p, value: C, options: D }), "on-remove": ({ key: p }) => e.removeFormValue(p), "on-mount": (p) => e.onAddBlockMount(l.nodeId, p) } })], 1)], 1);
+      } } }, [t("DynamicChapter", { attrs: { "component-name": l.componentName, "component-props": { ...l.props, _document: e._document, _value: l.value }, children: l.children, "parent-size": e.parentSize, "is-visible": l.isVisible, "on-input": ({ key: p, value: C, options: V }) => e.setFormValue({ key: p, value: C, options: V }), "on-remove": ({ key: p }) => e.removeFormValue(p), "on-mount": (p) => e.onAddBlockMount(l.nodeId, p) } })], 1)], 1);
     }), 1) : e._e(), e.canShowBanner ? t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ isProLike: l }) {
       return [!e.isEditView && !l ? t("LogoBanner", { attrs: { position: "sticky" } }) : e._e()];
     } }], null, !0) }) : e._e()], 1);
@@ -6620,32 +6620,95 @@ var gn = function() {
   } } }, [t("CButton", { staticClass: "absolute top-2 right-2", attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(a) {
     e.drawerState.openSection = null;
   } } }), t("portal-target", { attrs: { name: "drawer-content" } })], 1)], 1)]);
-}, Cn = [function() {
+}, yn = [function() {
   var i = this, e = i._self._c;
   return e("div", { staticClass: "drag-drop-illustration-block" }, [e("div"), e("div")]);
-}], vn = /* @__PURE__ */ c(
-  fn,
-  gn,
+}], xn = /* @__PURE__ */ c(
   Cn,
+  vn,
+  yn,
   !1,
   null,
   "d9b9c0a6",
   null,
   null
 );
-const yn = vn.exports, B = F.observable({
+const wn = xn.exports;
+function bn(i, e, t) {
+  return i === i && (t !== void 0 && (i = i <= t ? i : t), e !== void 0 && (i = i >= e ? i : e)), i;
+}
+var _n = bn, kn = _n, M = je;
+function Ln(i, e, t) {
+  return t === void 0 && (t = e, e = void 0), t !== void 0 && (t = M(t), t = t === t ? t : 0), e !== void 0 && (e = M(e), e = e === e ? e : 0), kn(M(i), e, t);
+}
+var $n = Ln;
+const Sn = /* @__PURE__ */ j($n);
+const Tn = {
+  name: "RemainingTrialButton",
+  components: { IsPremium: b },
+  i18nOptions: {
+    namespace: "RemainingTrialButton",
+    messages: {
+      sv: {
+        button: "kvar",
+        title: {
+          1: "Prova på",
+          2: "Pro",
+          3: "i {{ trialDaysLeft }} dagar till",
+          4: "Därefter kommer ditt konto nedgraderas till ",
+          5: "Free"
+        },
+        actionButton: "Uppgradera nu"
+      },
+      en: {
+        button: "left",
+        title: {
+          1: "Try",
+          2: "Pro",
+          3: "for {{ trialDaysLeft }} more days",
+          4: "Afterwards your account will get downgraded to",
+          5: "Free"
+        },
+        actionButton: "Upgrade now"
+      }
+    }
+  },
+  methods: {
+    clamp: Sn
+  }
+};
+var Dn = function() {
+  var e = this, t = e._self._c;
+  return t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ accountType: a, trialDaysLeft: n, openUpgradeModal: s, initialFreePremiumDays: o }) {
+    return [a === "trial" ? t("v-popover", { attrs: { "popover-inner-class": "bg-white rounded-md shadow-xl" } }, [t("div", { staticClass: "relative flex flex-col justify-center px-2 mr-2 text-xs font-semibold rounded-md cursor-pointer select-none bg-gray-200/50 h-9 backdrop-blur-lg backdrop-saturate-150" }, [t("div", { staticClass: "text-gray-600" }, [e._v(e._s(e.$tc("_common:day", { count: n })) + " " + e._s(e.$t("button")))]), t("div", { staticClass: "h-[3px] bg-gray-300 absolute bottom-1 left-2 right-2 rounded-full ring-1 ring-white/10" }, [t("div", { staticClass: "absolute h-full rounded-full bg-gradient-to-r from-green-500 via-emerald-500 to-primary-600", style: {
+      width: e.clamp(n / o * 100, 0, 100) + "%"
+    } })])]), t("div", { staticClass: "p-4 text-sm w-56", attrs: { slot: "popover" }, slot: "popover" }, [t("div", { staticClass: "font-semibold" }, [e._v(" " + e._s(e.$t("title.1")) + " "), t("span", { staticClass: "inline-flex py-[3px] px-1.5 leading-none bg-primary-100 border border-primary-200 text-primary-800 rounded-md text-xs" }, [e._v(e._s(e.$t("title.2")))]), e._v(" " + e._s(e.$t("title.3", { trialDaysLeft: n })) + ". ")]), t("div", { staticClass: "text-sm text-gray-600" }, [e._v(e._s(e.$t("title.4")) + " "), t("span", { staticClass: "inline-flex py-[3px] px-1.5 leading-none bg-gray-200 border border-gray-300 text-gray-600 rounded-md text-xs font-semibold" }, [e._v(e._s(e.$t("title.5")))]), e._v(".")]), t("div", { staticClass: "mt-5" }, [t("CButton", { directives: [{ name: "close-popover", rawName: "v-close-popover" }], attrs: { type: "secondary", size: "small", "icon-right": "arrow-right" }, on: { click: s } }, [e._v(" " + e._s(e.$t("actionButton")) + " ")])], 1)])]) : e._e()];
+  } }]) });
+}, Vn = [], Bn = /* @__PURE__ */ c(
+  Tn,
+  Dn,
+  Vn,
+  !1,
+  null,
+  "37342bec",
+  null,
+  null
+);
+const Mn = Bn.exports, T = H.observable({
   canEdit: !1,
   isForm: !0,
-  setFormValue: null
-}), xn = {
+  setFormValue: null,
+  removeFormValue: null
+}), In = {
   name: "DocumentForm",
   components: {
-    DocumentFormContainer: yn,
-    IsPremium: $,
-    IsPremiumPreStep: b,
-    DocumentSend: Zi
+    DocumentFormContainer: wn,
+    IsPremium: b,
+    IsPremiumPreStep: _,
+    DocumentSend: Ri,
+    RemainingTrialButton: Mn
   },
-  mixins: [l1],
+  mixins: [ct],
   props: {
     document: {
       type: Object,
@@ -6655,10 +6718,6 @@ const yn = vn.exports, B = F.observable({
       type: Boolean,
       default: !1
     },
-    setFormValue: {
-      type: Function,
-      required: !0
-    },
     setDocValue: {
       type: Function,
       required: !0
@@ -6692,7 +6751,7 @@ const yn = vn.exports, B = F.observable({
       default: !0
     }
   },
-  provide: () => ({ viewSettings: B }),
+  provide: () => ({ viewSettings: T }),
   data() {
     return {
       view: "edit",
@@ -6703,7 +6762,7 @@ const yn = vn.exports, B = F.observable({
     canEdit: {
       immediate: !0,
       handler(i) {
-        B.canEdit = !!i;
+        T.canEdit = !!i;
       }
     }
   },
@@ -6717,7 +6776,7 @@ const yn = vn.exports, B = F.observable({
     }
   },
   created() {
-    this.setFormValue && (B.setFormValue = this.setDocValue);
+    this.setDocValue && (T.setFormValue = this.setDocValue), this.removeDocValue && (T.removeFormValue = this.removeDocValue);
   },
   methods: {
     isValid() {
@@ -6732,7 +6791,7 @@ const yn = vn.exports, B = F.observable({
     },
     async saveAsTemplate() {
       this.document && this.$modal.show(
-        ie,
+        ne,
         {
           document: this.document,
           onSaveTemplate: this.onSaveTemplate
@@ -6749,14 +6808,14 @@ const yn = vn.exports, B = F.observable({
     }
   }
 };
-var wn = function() {
+var Fn = function() {
   var e = this, t = e._self._c;
   return e.document ? t("div", { staticClass: "flex flex-col w-screen bg-white" }, [t("DocumentFormContainer", { attrs: { _document: e.document, view: e.view, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "remove-form-key-value": e.removeDocKeyValue, close: e.close, "go-back": e.goBack, "can-show-banner": e.canShowBanner }, on: { "update:view": function(a) {
     e.view = a;
   } } }, [t("template", { slot: "nav-right" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateDocument: a, canCreateTemplate: n }) {
     return [t("IsPremiumPreStep", { attrs: { feature: "documents" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
       return [t("div", { key: e.canDoActions, staticStyle: { flex: "1", display: "inline-flex", "justify-content": "flex-end" } }, [e._t("nav-right-action", function() {
-        return [t("div", { staticClass: "buttons has-addons", staticStyle: { "white-space": "nowrap" } }, [t("CButton", { ref: "sendButton", staticClass: "d-nav-button position right", staticStyle: { "border-radius": "7px 0 0 7px", height: "36px", "padding-left": "11px", "padding-right": "10px", "font-size": "13px", "font-weight": "500" }, attrs: { disabled: !e.canDoActions, loading: e.isLoading, "data-onboarding": "send-button", size: "small", type: "secondary", thinner: "" }, on: { click: function(o) {
+        return [t("RemainingTrialButton"), t("div", { staticClass: "buttons has-addons", staticStyle: { "white-space": "nowrap" } }, [t("CButton", { ref: "sendButton", staticClass: "d-nav-button position right", staticStyle: { "border-radius": "7px 0 0 7px", height: "36px", "padding-left": "11px", "padding-right": "10px", "font-size": "13px", "font-weight": "500" }, attrs: { disabled: !e.canDoActions, loading: e.isLoading, "data-onboarding": "send-button", size: "small", type: "secondary", thinner: "" }, on: { click: function(o) {
           a || e.document.id ? e.openSendModal() : s({ callback: e.openSendModal });
         } } }, [e._v(" " + e._s(e.$t("_common:reviewSend")) + " ")]), t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: o }) {
           return [t("CDropdown", { attrs: { disabled: !e.canDoActions } }, [t("CButton", { staticClass: "d-nav-button position right", staticStyle: { "border-radius": "0px 7px 7px 0px", height: "36px", "border-left": "1px solid hsla(0, 0%, 100%, 0.35)", "font-size": "13px", "padding-left": "14px", "padding-right": "14px" }, attrs: { slot: "trigger", "icon-props": { size: 13, strokeWidth: 2.5 }, size: "small", type: "secondary", thinner: "", icon: "chevron-down" }, slot: "trigger" }), t("CDropdownItem", { attrs: { "icon-props": { stroke: "hsl(205, 100%, 50%)" }, "icon-left": "save" }, on: { click: function(l) {
@@ -6769,7 +6828,7 @@ var wn = function() {
         } }], null, !0) })], 1)];
       })], 2)];
     } }], null, !0) })];
-  } }], null, !1, 3125491924) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
+  } }], null, !1, 3477518125) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
     expiresAt: "data.expiresAt",
     personalMessage: "data.personalMessage",
     defaultAnswerMethod: "data.defaultAnswerMethod",
@@ -6777,20 +6836,20 @@ var wn = function() {
     reminders: "data.reminders",
     name: "data.name"
   }, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "on-save-document": e.onSaveDocument } })], 1) : e._e();
-}, bn = [], _n = /* @__PURE__ */ c(
-  xn,
-  wn,
-  bn,
+}, Hn = [], An = /* @__PURE__ */ c(
+  In,
+  Fn,
+  Hn,
   !1,
   null,
   null,
   null,
   null
 );
-const kn = _n.exports;
-const Ln = {
+const Pn = An.exports;
+const En = {
   name: "DocumentPostSendStep",
-  mixins: [L],
+  mixins: [$],
   i18nOptions: {
     namespaces: "PostDocumentSend",
     messages: {
@@ -6825,7 +6884,7 @@ const Ln = {
       return this.mq === "sm" ? "100%" : "auto";
     },
     usesManualDelivery() {
-      const i = M(this.document);
+      const i = I(this.document);
       return !i.sms && !i.email;
     }
   },
@@ -6840,12 +6899,12 @@ const Ln = {
       sendDocument: m.DO_SEND_DOCUMENT2
     }),
     async handleDocumentLinks() {
-      const { id: i } = this.document, e = M(this.document), t = !e.sms && !e.email;
+      const { id: i } = this.document, e = I(this.document), t = !e.sms && !e.email;
       t && (await this.updateDocument({
         id: i,
         body: { status: "sent" },
         showMessage: !1
-      }), m1({ id: i })), t || setTimeout(() => this.close(), 2e3);
+      }), ft({ id: i })), t || setTimeout(() => this.close(), 2e3);
     },
     async onSend() {
       typeof this.onSendFunc == "function" && this.onSendFunc(this.document), await this.handleDocumentLinks();
@@ -6864,7 +6923,7 @@ const Ln = {
         body: { isAccepted: !0 },
         checksum: a
       }), await this.sendDocument({ id: i }), this.onSend()) : (this.$modal.show(
-        h1,
+        gt,
         {
           _document: this.document,
           fullScreen: this.modalHeight === "100%",
@@ -6908,24 +6967,32 @@ const Ln = {
     }
   }
 };
-var $n = function() {
+var zn = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-inter root" }, [t("div", { staticClass: "container" }, [t("div", { staticClass: "icon-wrapper" }, [t("BaseIcon", { attrs: { size: 20, type: "email" } })], 1), t("div", { staticClass: "title", domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticClass: "divider" }), t("CButton", { staticClass: "close-button", attrs: { type: "secondary" }, on: { click: e.close } }, [e._v(" " + e._s(e.$t("_common:close")) + " ")])], 1)]);
-}, Sn = [], Tn = /* @__PURE__ */ c(
-  Ln,
-  $n,
-  Sn,
+}, Zn = [], On = /* @__PURE__ */ c(
+  En,
+  zn,
+  Zn,
   !1,
   null,
   "673cd86f",
   null,
   null
 );
-const Dn = Tn.exports;
-F.use(o1);
-const Vn = {
+const Rn = On.exports;
+H.use(rt);
+const Gn = {
   name: "DocForm",
-  mixins: [Re(["closeFunc", "beforeSave", "beforeSend"])],
+  mixins: [
+    Ue([
+      "closeFunc",
+      "beforeSave",
+      "beforeSend",
+      "setFormValue",
+      "removeFormValue"
+    ])
+  ],
   i18nOptions: {
     namespaces: "widgetDocForm",
     messages: {
@@ -6938,9 +7005,9 @@ const Vn = {
     }
   },
   components: {
-    TemplateSelector: w2,
-    DocumentForm: kn,
-    PostSend: Dn
+    TemplateSelector: _2,
+    DocumentForm: Pn,
+    PostSend: Rn
   },
   props: {
     isNew: {
@@ -6961,7 +7028,7 @@ const Vn = {
     };
   },
   computed: {
-    ...Ue({
+    ...We({
       company: "application/company",
       feature: "application/feature",
       can: "application/can",
@@ -6990,9 +7057,7 @@ const Vn = {
     (!this.rawDoc || (i = this.rawDoc) != null && i.__isNew) && (this.view = "templateSelect");
   },
   methods: {
-    ...We({
-      setFormValue: m.SET_FORM_VALUE,
-      removeFormValue: m.REMOVE_FORM_VALUE,
+    ...qe({
       removeFormKeyValue: m.REMOVE_FORM_KEY_VALUE,
       loadDocumentForm: m.LOAD_DOCUMENT2_FORM,
       duplicateDocumentForm: m.LOAD_DUPLICATE_DOCUMENT2_FORM,
@@ -7002,7 +7067,7 @@ const Vn = {
     async initDoc() {
       if (!this.rawDoc)
         throw new Error("Missing initiated form document");
-      this.document = new j({
+      this.document = new Y({
         data: this.rawDoc,
         can: this.can,
         getters: this.$store.getters,
@@ -7011,7 +7076,7 @@ const Vn = {
     },
     async onTemplateSelect({ templateId: i, documentId: e, formData: t }) {
       var n;
-      const a = zt({ ...this.rawDoc }, [
+      const a = O1({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
         "subscriberCompanyUserIds",
@@ -7023,15 +7088,15 @@ const Vn = {
         _formData: a
       }) : await this.loadDocumentForm({
         templateId: i,
-        formData: t ? qe(t, a) : null,
+        formData: t ? Ne(t, a) : null,
         _formData: a
       }), (n = a == null ? void 0 : a.data) != null && n.name && this.setDocValue({ key: "data.name", value: a.data.name }), await this.initDoc(), this.view = "editor";
     },
     setDocValue({ key: i, value: e }) {
-      return this.setFormValue({ key: `document2.${i}`, value: e });
+      return this.setFormValue({ key: i, value: e });
     },
     removeDocValue(i) {
-      return this.removeFormValue(`document2.${i}`);
+      return this.removeFormValue(i);
     },
     removeDocKeyValue(i) {
       return this.removeFormKeyValue(`document2.${i}`);
@@ -7057,25 +7122,25 @@ const Vn = {
       this.view = "templateSelect", this.setDocValue({ key: "__isNew", value: !0 });
     },
     isManualDelivery(i) {
-      const e = M(i);
+      const e = I(i);
       return !e.sms && !e.email;
     }
   }
 };
-var Bn = function() {
+var Un = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex flex-col w-full h-full" }, [e.view === "templateSelect" ? t("div", { staticClass: "flex flex-col w-full h-full" }, [t("div", { staticClass: "relative flex items-center justify-center h-16 border-b border-gray-200" }, [t("CButton", { staticClass: "absolute -translate-y-1/2 top-1/2 left-4", attrs: { icon: "x", circle: "" }, on: { click: e.close } }), t("div", [e._v(e._s(e.$t("selectNavTitle")))])], 1), t("TemplateSelector", { staticClass: "min-h-0 body-scroll", attrs: { "on-use-template": e.onTemplateSelect, "show-gallery": e.feature("templateGallery"), "show-gallery-template-author": !1, "include-partner-templates": "" } })], 1) : e.view === "editor" ? t("DocumentForm", { attrs: { document: e.document, "set-doc-value": e.setDocValue, "set-form-value": e.setFormValue, "remove-doc-value": e.removeDocValue, "remove-doc-key-value": e.removeDocKeyValue, "on-save-document": e.onSaveDocument, "is-loading": e.isPosting, close: e.close, "go-back": e.document.id ? null : e.goBack, "can-show-banner": !1 } }) : t("PostSend", { attrs: { document: e.document, "on-send-func": e.close, "on-close-func": e.close } })], 1);
-}, Mn = [], In = /* @__PURE__ */ c(
-  Vn,
-  Bn,
-  Mn,
+}, Wn = [], qn = /* @__PURE__ */ c(
+  Gn,
+  Un,
+  Wn,
   !1,
   null,
   null,
   null,
   null
 );
-const hs = In.exports;
+const Ss = qn.exports;
 export {
-  hs as default
+  Ss as default
 };