@cling-se/widget 0.9.23 → 0.9.25

package/dist/{DocForm-263bac20.js → DocForm-42c0c67c.js}

@@ -1,38 +1,38 @@
-import { b1 as me, b2 as he, b3 as W, b4 as fe, b5 as q, b6 as N, b7 as ge, b8 as Ce, b9 as ve, ba as ye, j, g as m, n as c, u as K, b as u, az as xe, c as f, C as Y, bb as we, bc as be, h as D, bd as _e, be as ke, B as Le, bf as $e, bg as Se, b0 as Te, bh as De, O as d, X as h, aX as y, bi as Ve, bj as Be, bk as Me, bl as Ie, E as Fe, bm as He, d as Ae, i as L, J as Pe, S as Ee, at as ze, T as Ze, bn as Oe, V as H, aZ as Q, a_ as J, I as P, bo as B, a$ as Re, bp as Ge, bq as I, r as Ue, m as We, a as qe, br as Ne } from "./main-8d566a02.js";
+import { b1 as me, b2 as he, b3 as W, b4 as fe, b5 as q, b6 as N, b7 as ge, b8 as Ce, b9 as ve, ba as ye, j, g as m, n as c, u as K, b as u, az as xe, c as f, C as Y, bb as we, bc as be, h as D, bd as _e, be as ke, B as Le, bf as $e, bg as Se, b0 as Te, bh as De, O as d, X as h, aX as y, bi as Ve, bj as Be, bk as Me, bl as Ie, E as Fe, bm as He, d as Ae, i as L, J as Pe, S as Ee, at as ze, T as Ze, bn as Oe, V as H, aZ as Q, a_ as J, I as P, bo as B, a$ as Re, bp as Ge, bq as I, r as Ue, m as We, a as qe, br as Ne } from "./main-4f27b552.js";
 import { m as g, a as x } from "./vuex.esm-4a0fff7c.js";
-import "./index-4afc771b.js";
+import "./index-ad0c2be7.js";
 import { v as F } from "./index-805c56e4.js";
-import { w as $ } from "./CDropdownItem-e0cecd02.js";
-import { a as b, I as _, b as je, c as Ke } from "./IsPremiumPreStep-d2ceb183.js";
-import { D as Ye, l as Qe, g as Je, W as Xe, b as et, a as tt } from "./DocumentLayout-00ec1c6f.js";
-import { s as k } from "./simplebar.min-d30d6e1f.js";
-import { B as it } from "./BlockMedia-b49a63f3.js";
-import { d as A, t as at } from "./debounce-0451fa9d.js";
-import { c as nt, d as st } from "./template-e04cc32f.js";
-import { a as ot } from "./tinycolor-c6f29f33.js";
-import { m as S } from "./mapFormMixin-4446a1bd.js";
-import { S as lt, C as X, i as rt } from "./formComponentsInstall-9c59efba.js";
-import { f as ct } from "./formValidationMixin-7603171e.js";
-import { s as v } from "./formDrawerState-6c57d51e.js";
-import { F as ee, d as dt } from "./tippy.esm-2cb937d0.js";
-import { S as pt } from "./CSlider.vue_vue_type_style_index_0_lang-d964f857.js";
-import { o as ut, d as mt } from "./vuedraggable.umd-a0d21ce9.js";
+import { w as $ } from "./CDropdownItem-109be2e2.js";
+import { a as b, I as _, b as je, c as Ke } from "./IsPremiumPreStep-f3040c7a.js";
+import { D as Ye, l as Qe, g as Je, W as Xe, b as et, a as tt } from "./DocumentLayout-81ae175c.js";
+import { s as k } from "./simplebar.min-c555666e.js";
+import { B as it } from "./BlockMedia-93ee8699.js";
+import { d as A, t as at } from "./debounce-9410d5d6.js";
+import { c as nt, d as st } from "./template-70f4518f.js";
+import { a as ot } from "./tinycolor-2fdfb0b3.js";
+import { m as S } from "./mapFormMixin-9f326a09.js";
+import { S as lt, C as X, i as rt } from "./formComponentsInstall-6a61db21.js";
+import { f as ct } from "./formValidationMixin-047668c3.js";
+import { s as v } from "./formDrawerState-b23639bd.js";
+import { F as ee, d as dt } from "./tippy.esm-e8cf7685.js";
+import { S as pt } from "./CSlider.vue_vue_type_style_index_0_lang-49fcd521.js";
+import { o as ut, d as mt } from "./vuedraggable.umd-79e4b33e.js";
 import { s as ht } from "./dom-962579a6.js";
-import { o as ft } from "./index-cf014fd4.js";
-import gt from "./AnswerModal-6f4004e1.js";
+import { o as ft } from "./index-569793de.js";
+import gt from "./AnswerModal-87be4c0b.js";
 import "./anime.es-e284c852.js";
-import "./image-58c45661.js";
+import "./image-cd324ded.js";
 import "./color-71c20583.js";
-import "./BaseDatePicker-d04f761f.js";
-import "./ErrorCallout-4ce34a95.js";
-import "./AddClientCallout-49655a64.js";
-import "./ClientAutocomplete-28bf2076.js";
-import "./SearchApi-2523a5fb.js";
-import "./ClientModal-b94206f4.js";
-import "./CCallout-baeb732f.js";
-import "./CField-c10f5951.js";
+import "./BaseDatePicker-5a89a264.js";
+import "./ErrorCallout-82e50910.js";
+import "./AddClientCallout-b8390699.js";
+import "./ClientAutocomplete-ee0b54d5.js";
+import "./SearchApi-e5cde5cf.js";
+import "./ClientModal-dc178083.js";
+import "./CCallout-1c3a4b40.js";
+import "./CField-d2390b15.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ColorPicker-b5a7f700.js";
+import "./ColorPicker-94e3b1d4.js";
 var Ct = me, vt = he, yt = W;
 function xt(i, e, t) {
   for (var a = -1, n = e.length, s = {}; ++a < n; ) {
@@ -229,7 +229,11 @@ const R1 = {
       company: "application/company"
     }),
     actionButtonText() {
-      return this.template || this.updateExistingDocTemplate ? this.$t("_common:update", { thing: this.$t("_common:name") }) : this.$t("_common:create", { thing: this.$t("_common:new", { thing: this.$t("_common:template") }).toLowerCase() });
+      return this.template || this.updateExistingDocTemplate ? this.$t("_common:update", { thing: this.$t("_common:name") }) : this.$t("_common:create", {
+        thing: this.$t("_common:new", {
+          thing: this.$t("_common:template")
+        }).toLowerCase()
+      });
     },
     messages() {
       return {
@@ -259,7 +263,9 @@ const R1 = {
     },
     getNewTemplate() {
       return {
-        ...this.document.copyTemplateDocDefault({ keepClients: this.keepClients }),
+        ...this.document.copyTemplateDocDefault({
+          keepClients: this.keepClients
+        }),
         name: this.name,
         _id: void 0,
         id: void 0,
@@ -282,7 +288,10 @@ const R1 = {
       let e = this.templateById(i);
       if (!e)
         try {
-          await this.loadTemplate({ id: i, params: { isVisible: !0 } }), e = this.templateById(i);
+          await this.loadTemplate({
+            id: i,
+            params: { isVisible: !0 }
+          }), e = this.templateById(i);
         } catch {
           this.canUpdateExistingDocTemplate = !1;
           return;
@@ -314,7 +323,7 @@ var G1 = function() {
   U1,
   !1,
   null,
-  "9f39f8ce",
+  "f544bca9",
   null,
   null
 );
@@ -443,20 +452,26 @@ const j1 = {
     }
   },
   created() {
-    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;
-        if (n !== this.template.id)
-          return;
-        const s = {
-          templateId: n,
-          isVisibleApp: !0,
-          includePurchaseInfo: !0
-        }, o = await this.fetchGallery(s);
-        this.privateProduct = se(o[0], { availableProducts: this.stripeProducts });
+    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;
+          if (n !== this.template.id)
+            return;
+          const s = {
+            templateId: n,
+            isVisibleApp: !0,
+            includePurchaseInfo: !0
+          }, o = await this.fetchGallery(s);
+          this.privateProduct = se(
+            o[0],
+            { availableProducts: this.stripeProducts }
+          );
+        }
       }
-    }));
+    ));
   },
   beforeDestroy() {
     this.socketUnsubscribeFn && this.socketUnsubscribeFn();
@@ -486,9 +501,11 @@ const j1 = {
 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: {
+  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,", 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: {
     backgroundImage: `url(${e.meta.author.avatar})`
-  } }), t("div", { staticStyle: { "margin-left": "0.5em" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.meta.author.name))]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px" } }, [e.meta.author.templatesCount ? [e._v(" " + e._s(e.meta.author.templatesCount) + " " + e._s(e.$t("_common:template", { count: e.meta.author.templatesCount })) + " ")] : [e._v(e._s(e.$t("_common:template").capitalize()))]], 2)])]) : e._e()]), t("div", { staticStyle: { "padding-bottom": "2em" } }, [e.product ? [e.privateProduct.isPurchased ? t("div", { staticClass: "flex items-center gap-2 p-1 mb-5 text-sm border border-gray-300 rounded-full bg-gray-300/60" }, [t("div", { staticClass: "flex items-center justify-center w-5 h-5 rounded-full bg-primary-500" }, [t("BaseIcon", { staticClass: "text-white", attrs: { type: "check", size: "12" } })], 1), t("div", { staticClass: "text-xs font-medium text-gray-700", domProps: { textContent: e._s(e.$t("_common:purchased", { thing: e.$t("_common:template") })) } })]) : t("CButton", { staticClass: "text-left !justify-start !px-4", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.buyTemplate } }, [t("div", [e._v(" " + e._s(e.$t("_common:buy", { thing: e.$t("_common:template") })) + " ")]), t("div", { staticClass: "absolute py-1.5 px-2 text-sm leading-none text-white -translate-y-1/2 border rounded-md right-2 top-1/2 bg-primary-400/80 border-primary-600/60", domProps: { textContent: e._s(e.privateProduct.price) } })])] : e._e(), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseTemplate: n }) {
+  } }), t("div", { staticStyle: { "margin-left": "0.5em" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.meta.author.name))]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px" } }, [e.meta.author.templatesCount ? [e._v(" " + e._s(e.meta.author.templatesCount) + " " + e._s(e.$t("_common:template", { count: e.meta.author.templatesCount })) + " ")] : [e._v(e._s(e.$t("_common:template").capitalize()))]], 2)])]) : e._e()]), t("div", { staticStyle: { "padding-bottom": "2em" } }, [e.product ? [e.privateProduct.isPurchased ? t("div", { staticClass: "flex items-center gap-2 p-1 mb-5 text-sm border border-gray-300 rounded-full bg-gray-300/60" }, [t("div", { staticClass: "flex items-center justify-center w-5 h-5 rounded-full bg-primary-500" }, [t("BaseIcon", { staticClass: "text-white", attrs: { type: "check", size: "12" } })], 1), t("div", { staticClass: "text-xs font-medium text-gray-700", domProps: { textContent: e._s(
+    e.$t("_common:purchased", { thing: e.$t("_common:template") })
+  ) } })]) : t("CButton", { staticClass: "text-left !justify-start !px-4", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.buyTemplate } }, [t("div", [e._v(" " + e._s(e.$t("_common:buy", { thing: e.$t("_common:template") })) + " ")]), t("div", { staticClass: "absolute py-1.5 px-2 text-sm leading-none text-white -translate-y-1/2 border rounded-md right-2 top-1/2 bg-primary-400/80 border-primary-600/60", domProps: { textContent: e._s(e.privateProduct.price) } })])] : e._e(), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseTemplate: n }) {
     return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
       return [!e.product || e.privateProduct.isPurchased ? t("CButton", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { disabled: e.product ? !e.privateProduct.isPurchased : !1, type: "secondary", wide: "" }, on: { click: function(o) {
         e.isPublicForm || n ? e.useSelectedTemplate() : s({ callback: e.useSelectedTemplate });
@@ -508,7 +525,7 @@ var K1 = function() {
   Y1,
   !1,
   null,
-  "80ae04ae",
+  "e144913e",
   null,
   null
 );
@@ -531,7 +548,8 @@ const J1 = Q1.exports, X1 = {
           conference: "Conference",
           event: "Event",
           staffing: "Staffing",
-          cleaning: "Cleaning"
+          cleaning: "Cleaning",
+          moving: "Moving"
         }
       },
       sv: {
@@ -548,7 +566,8 @@ const J1 = Q1.exports, X1 = {
           conference: "Konferens",
           event: "Event",
           staffing: "Bemanning",
-          cleaning: "Städning"
+          cleaning: "Städning",
+          moving: "Flytt"
         }
       }
     }
@@ -577,6 +596,11 @@ const J1 = Q1.exports, X1 = {
     canPurchase: {
       type: Boolean,
       default: !0
+    },
+    // Optional which category to show by default
+    galleryCategory: {
+      type: String,
+      default: ""
     }
   },
   data() {
@@ -608,10 +632,14 @@ const J1 = Q1.exports, X1 = {
       stripeProducts: "stripe/products"
     }),
     galleryItems() {
-      return this.isLoading ? Array(6).fill({ placeholder: !0 }) : this.templateGalleryItems.filter(({ categories: i }) => i.includes(this.activeCategory && this.activeCategory.key));
+      return this.isLoading ? Array(6).fill({ placeholder: !0 }) : this.templateGalleryItems.filter(
+        ({ categories: i }) => i.includes(this.activeCategory && this.activeCategory.key)
+      );
     },
     categories() {
-      return this.allCategories.filter(({ key: i }) => this.availableCategoryKeys.includes(i));
+      return this.allCategories.filter(
+        ({ key: i }) => this.availableCategoryKeys.includes(i)
+      );
     },
     language() {
       var e, t;
@@ -628,19 +656,21 @@ const J1 = Q1.exports, X1 = {
     this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", je);
   },
   async created() {
-    var e, t, a, n;
-    if (this.canPurchase && await this.loadPrices(), (t = (e = this.$route) == null ? void 0 : e.query) != null && t.list) {
-      const [s] = this.$route.query.list.split(",");
-      this.activeCategory = this.allCategories.find(({ key: o }) => o === s);
-    }
-    await this.loadTemplateGallery();
-    const i = (n = (a = this.$route) == null ? void 0 : a.query) == null ? void 0 : n.id;
-    if (i)
+    var t, a, n, s;
+    this.canPurchase && await this.loadPrices();
+    let i = this.galleryCategory;
+    !i && ((a = (t = this.$route) == null ? void 0 : t.query) != null && a.list) && ([i] = this.$route.query.list.split(",")), i && (this.activeCategory = this.allCategories.find(
+      ({ key: o }) => o === i
+    )), await this.loadTemplateGallery();
+    const e = (s = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : s.id;
+    if (e)
       try {
-        const s = this.templateGalleryItems.find(({ id: o }) => o === i);
-        this.selectGalleryItem(s);
-      } catch (s) {
-        D(s);
+        const o = this.templateGalleryItems.find(
+          ({ id: l }) => l === e
+        );
+        this.selectGalleryItem(o);
+      } catch (o) {
+        D(o);
       }
   },
   methods: {
@@ -658,11 +688,16 @@ const J1 = Q1.exports, X1 = {
         const e = await this.fetchGallery(i);
         this.templateGalleryItems = (e || []).map((t) => {
           if (this.canPurchase && t.isPurchasable) {
-            const a = se(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])], []);
+        }), this.availableCategoryKeys = e.reduce(
+          (t, a) => [.../* @__PURE__ */ new Set([...t, ...a.categories])],
+          []
+        );
       } catch (e) {
         D(e);
       } finally {
@@ -791,14 +826,16 @@ var s2 = function(e, t) {
     t.listeners.click && t.listeners.click();
   } } }, "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)]);
+  } }) : 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)]);
 }, o2 = [], l2 = /* @__PURE__ */ c(
   n2,
   s2,
   o2,
   !0,
   null,
-  "7ebb1c9a",
+  "e2f4722e",
   null,
   null
 );
@@ -818,12 +855,16 @@ const c2 = {
   beforeDestroy() {
     var e, t;
     const i = (t = (e = this.$refs) == null ? void 0 : e.list) == null ? void 0 : t.scrollElement;
-    i && i.removeEventListener("scroll", this.scrollHandler, { passive: !0 });
+    i && i.removeEventListener("scroll", this.scrollHandler, {
+      passive: !0
+    });
   },
   mounted() {
     var e, t;
     const i = (t = (e = this.$refs) == null ? void 0 : e.list) == null ? void 0 : t.scrollElement;
-    i && (i.addEventListener("scroll", this.scrollHandler, { passive: !0 }), setTimeout(() => {
+    i && (i.addEventListener("scroll", this.scrollHandler, {
+      passive: !0
+    }), setTimeout(() => {
       this.scrollHandler();
     }, 1e3));
   },
@@ -836,7 +877,11 @@ const c2 = {
       if (!t)
         return;
       const { scrollLeft: a } = t;
-      t.scrollTo({ top: 0, left: a + e, behavior: "smooth" });
+      t.scrollTo({
+        top: 0,
+        left: a + e,
+        behavior: "smooth"
+      });
     },
     scrollHandler() {
       clearTimeout(this.scrollTimer), this.scrollTimer = setTimeout(() => {
@@ -869,7 +914,7 @@ var d2 = function() {
   p2,
   !1,
   null,
-  "092feb02",
+  "31e10485",
   null,
   null
 );
@@ -929,7 +974,9 @@ const h2 = {
             {
               clients: {
                 $elemMatch: {
-                  $or: ["name", "email", "socialNo", "orgNo"].map((s) => ({ [s]: { $regex: this.query, $options: "i" } }))
+                  $or: ["name", "email", "socialNo", "orgNo"].map((s) => ({
+                    [s]: { $regex: this.query, $options: "i" }
+                  }))
                 }
               }
             }
@@ -993,7 +1040,7 @@ var f2 = function() {
   g2,
   !1,
   null,
-  "8059c328",
+  "496e96d5",
   null,
   null
 );
@@ -1075,6 +1122,10 @@ const y2 = {
       type: Boolean,
       default: !1
     },
+    galleryCategory: {
+      type: String,
+      default: ""
+    },
     showGalleryTemplateAuthor: {
       type: Boolean,
       default: !0
@@ -1108,7 +1159,10 @@ const y2 = {
       isAuthenticatedCRM: "settings/isAuthenticatedCRM"
     }),
     fallbackMedia() {
-      return { type: "image", resourceUrl: this.getCompanySetting("offerBrandingBackgroundUrl") };
+      return {
+        type: "image",
+        resourceUrl: this.getCompanySetting("offerBrandingBackgroundUrl")
+      };
     },
     defaultSummaryBackground() {
       return this.getCompanySetting("documentThemePriceBackground");
@@ -1158,7 +1212,12 @@ const y2 = {
     },
     async saveTemplate(i) {
       try {
-        const { data: e } = i, t = Te(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) {
         D(e);
@@ -1218,7 +1277,7 @@ var x2 = function() {
         return e.removeTemplate({ template: n });
       } } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")])], 1)], 1);
     }), 1)];
-  } }]) })], 1), e.showGallery ? [t("GalleryLogic", { attrs: { "fetch-gallery": e.fetchGallery, "use-template": e.select, "show-template-author": e.showGalleryTemplateAuthor, "modal-props": e.galleryModalProps }, scopedSlots: e._u([{ key: "default", fn: function({
+  } }]) })], 1), e.showGallery ? [t("GalleryLogic", { attrs: { "fetch-gallery": e.fetchGallery, "use-template": e.select, "show-template-author": e.showGalleryTemplateAuthor, "modal-props": e.galleryModalProps, "gallery-category": e.galleryCategory }, scopedSlots: e._u([{ key: "default", fn: function({
     galleryItems: a,
     categories: n,
     activeCategory: s,
@@ -1236,14 +1295,14 @@ var x2 = function() {
         r.placeholder || l(r);
       } } }, [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)]);
+  } }], null, !1, 3899545480) })] : 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)]);
 }, w2 = [], b2 = /* @__PURE__ */ c(
   y2,
   x2,
   w2,
   !1,
   null,
-  "49fd37d4",
+  "0fbbec4c",
   null,
   null
 );
@@ -1885,7 +1944,7 @@ const k2 = (i) => {
         <image id="meeting-image0" width="2558" height="3837" xlink:href="https://images.unsplash.com/photo-1524758870432-af57e54afa26?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=80"></image>
         </defs>
       </svg>
-      
+
       `,
       contentData: (t) => ({
         [`data.coverBlock-${t}`]: {
@@ -2119,7 +2178,7 @@ const k2 = (i) => {
         </clipPath>
         <image id="image0" width="400" height="267" xlink:href="https://images.unsplash.com/photo-1552581234-26160f608093?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=80" />
         </defs>
-      </svg>    
+      </svg>
       `,
       contentData: (t) => ({
         [`data.header-${t}`]: {
@@ -2179,7 +2238,7 @@ const k2 = (i) => {
         </pattern>
         <image id="green-image0" width="668" height="1002" xlink:href="https://images.unsplash.com/photo-1563863137468-972b0c39d5b2?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=80"></image>
         </defs>
-      </svg>    
+      </svg>
       `,
       contentData: (t) => ({
         [`data.header-${t}`]: {
@@ -2237,7 +2296,7 @@ const k2 = (i) => {
         </pattern>
         <image id="corporate-image0" width="2850" height="1900" xlink:href="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=80"></image>
         </defs>
-      </svg>    
+      </svg>
       `,
       contentData: (t) => ({
         [`data.header-${t}`]: {
@@ -2284,7 +2343,7 @@ const k2 = (i) => {
         <path d="M48.5449 25.0945C48.5449 26.9117 49.9123 28.2701 51.7294 28.2701C53.5106 28.2701 54.9139 26.8937 54.9139 25.1395C54.9139 23.3764 53.5106 22 51.7204 22C49.9483 22 48.5449 23.3674 48.5449 25.0945Z" fill="#C6F895"/>
         <text fill="#C6F895" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="20" font-weight="800" letter-spacing="0em">${e("purpleGossip.previewDocumentName")}</text>
         <text fill="#C6F895" fill-opacity="0.75" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" font-weight="500" letter-spacing="0em">${e("purpleGossip.previewPostText")}</text>
-      </svg>    
+      </svg>
       `,
       contentData: (t) => ({
         [`data.header-${t}`]: {
@@ -2696,7 +2755,7 @@ const yi = ({
           <div class="submenu-item-badge">
             ${o("radio.previewText")}
           </div>
-        </div> 
+        </div>
       `,
       contentData: (l) => {
         const r = Array(2).fill().map(() => d());
@@ -3108,7 +3167,7 @@ const ki = ({ language: i = "en" } = {}) => [
       <svg viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect width="400" height="250" fill="white"/>
         <path d="M219.614 104.846H203.345V130.154H219.614M281.076 104.846H264.806V130.154H281.076M275.653 117.5H264.806M214.191 117.5H203.345M295.537 130.154V104.846L315.422 130.154V104.846M114.768 124.188L134.653 137.384M114.768 124.188V110.811M114.768 124.188L134.653 110.811M134.653 137.384L154.537 124.188M134.653 137.384V124.188M154.537 124.188V110.811M154.537 124.188L134.653 110.811M154.537 110.811L134.653 97.6152M154.537 110.811L134.653 124.008L114.768 110.811M134.653 97.6152L114.768 110.811M134.653 97.6152V110.811M102.114 108.461C99.7642 106.111 96.6911 104.846 93.0757 104.846C85.845 104.846 80.4219 110.269 80.4219 117.5C80.4219 124.731 85.845 130.154 93.0757 130.154C96.6911 130.154 99.7642 128.708 102.114 126.538M234.076 119.308H244.922C248.899 119.308 252.153 116.054 252.153 112.077C252.153 108.1 248.899 104.846 244.922 104.846H234.076V130.154V119.308ZM190.691 117.5C190.691 124.731 185.268 130.154 178.037 130.154H168.999V104.846H178.037C185.268 104.846 190.691 110.269 190.691 117.5Z" stroke="black" stroke-width="4.15769" stroke-linecap="round" stroke-linejoin="round"/>
-      </svg>     
+      </svg>
       <div class="submenu-item-badge">
         Demo
       </div>
@@ -3169,7 +3228,7 @@ const ki = ({ language: i = "en" } = {}) => [
         <rect width="400" height="250" fill="white"/>
         <path fill-rule="evenodd" clip-rule="evenodd" d="M219.79 157.837C213.914 171.264 207.538 181.501 198.65 189.921C188.763 199.357 177.01 204.366 163.537 205.528C152.43 206.471 141.61 205.165 130.934 201.971C120.039 198.777 110.149 193.768 101.551 186.146C94.4577 179.759 89.0119 172.136 84.7831 163.571C78.2622 150.433 73.8915 136.641 71.8848 122.05C70.5959 112.614 70.5241 103.249 72.9616 94.0301C75.2538 85.1745 79.9116 77.7709 86.3608 71.4555C92.7365 65.2119 100.117 60.4219 107.999 56.4297C120.113 50.4047 132.796 45.9035 146.125 43.5085C155.656 41.7661 165.187 41.3305 174.789 43.2882C183.816 45.1775 191.556 49.4601 198.292 55.7755C205.601 62.5999 211.047 70.8013 215.488 79.7303C220.578 90.0379 224.161 100.854 225.809 112.324C227.385 123.719 226.668 134.968 223.59 146.079C222.154 150.869 220.506 155.443 219.789 157.837H219.79Z" stroke="#262627" stroke-width="1.63146"/>
         <path d="M150.256 110.24V105.956H172.542V110.24H163.657V134.631H159.213V110.24H150.256ZM209.948 134.92C207.582 134.92 205.504 133.758 204.499 132.309V142.906H200.273V113.942H204.499V116.337C205.29 114.959 207.582 113.652 210.018 113.652C215.968 113.652 219.122 117.567 219.122 124.248C219.122 130.856 215.896 134.918 209.95 134.918L209.948 134.92ZM214.676 124.25C214.676 122.145 214.175 120.475 213.243 119.241C212.24 118.006 211.021 117.354 209.517 117.354C208.013 117.354 206.722 117.934 205.791 119.241C204.788 120.475 204.359 122.145 204.359 124.25C204.359 126.354 204.859 128.023 205.791 129.258C206.794 130.492 208.013 131.073 209.517 131.073C211.021 131.073 212.312 130.492 213.243 129.258C214.173 128.023 214.676 126.354 214.676 124.25V124.25ZM241.618 125.481H227.217C227.217 128.749 229.08 131.146 232.234 131.146C234.526 131.146 236.533 129.841 237.536 127.661L241.119 129.113C239.04 133.175 236.676 134.921 232.162 134.921C225.424 134.921 222.703 129.185 222.703 124.322C222.703 119.385 225.497 113.722 232.162 113.722C238.683 113.722 241.548 119.094 241.548 123.667V125.478H241.618V125.481ZM227.289 121.925H237.175C236.82 119.386 235.099 117.425 232.232 117.425C229.581 117.425 227.79 119.241 227.289 121.928V121.925ZM245.06 117.716V113.942H247.711V112.852C247.711 107.987 250.289 105.592 254.518 105.592C255.88 105.592 256.955 105.809 257.887 106.318L257.027 109.948C256.309 109.584 255.521 109.367 254.661 109.367C252.87 109.367 251.937 110.456 251.937 112.634V114.012H256.453V117.789H251.939V134.629H247.713V117.789H245.06V117.716V117.716ZM259.107 124.25C259.107 121.274 259.965 118.732 261.828 116.699C263.62 114.668 266.127 113.652 269.137 113.652C272.146 113.652 274.583 114.666 276.375 116.698C278.166 118.73 279.099 121.272 279.099 124.248C279.099 127.224 278.166 129.762 276.375 131.797C274.583 133.83 272.146 134.848 269.137 134.848C266.127 134.848 263.62 133.83 261.828 131.797C260.037 129.839 259.104 127.297 259.104 124.248L259.107 124.25ZM263.548 124.25C263.548 126.137 264.049 127.733 264.98 129.111C265.984 130.492 267.346 131.146 269.066 131.146C270.785 131.146 272.146 130.493 273.149 129.113C274.153 127.733 274.655 126.137 274.655 124.251C274.655 122.362 274.153 120.765 273.149 119.458C272.146 118.08 270.784 117.425 269.066 117.425C267.346 117.425 265.982 118.151 264.98 119.458C264.051 120.838 263.548 122.434 263.548 124.25V124.25ZM287.338 134.557H283.113V113.942H287.338V117.352C288.7 114.959 291.064 113.578 293.358 113.578C294.288 113.578 295.15 113.725 295.936 114.087L295.221 118.006C294.575 117.571 293.786 117.425 292.856 117.425C291.351 117.425 290.061 118.225 288.986 119.894C287.909 121.564 287.338 123.886 287.338 126.935V134.559V134.557ZM300.236 113.942H304.465V117.425C306.113 114.885 308.12 113.578 310.627 113.578C313.349 113.578 315.641 115.249 316.215 117.861C317.647 115.104 319.941 113.577 322.521 113.577C326.175 113.577 328.325 116.045 328.325 119.747V134.482H324.097V120.691C324.097 118.513 322.951 117.352 321.088 117.352C318.435 117.352 316.357 120.837 316.357 126.281V134.557H312.131V120.767C312.131 118.587 310.985 117.425 309.121 117.425C306.397 117.425 304.39 120.91 304.39 126.79V134.629H300.165V113.942H300.235H300.236ZM196.403 113.942H191.532L184.582 129.04L178.059 113.944H173.26L182.144 134.484L178.275 142.907H183.146L196.403 113.944V113.942Z" fill="#262627"/>
-      </svg>    
+      </svg>
       <div class="submenu-item-badge">
         Demo
       </div>
@@ -3199,7 +3258,7 @@ const ki = ({ language: i = "en" } = {}) => [
         <rect width="400" height="250" fill="white"/>
         <path d="M112.999 149.988V175L137.99 149.988H337.996V75H100.499L63 149.988H112.999Z" fill="#D41F26"/>
         <path d="M138.05 124.976H142.22V99.8936H138.05L138.05 124.976ZM142.79 94.4205C142.79 95.9324 141.491 97.0254 140.086 97.0254C138.731 97.0254 137.529 95.9324 137.529 94.4205C137.529 92.8061 138.731 91.7622 140.086 91.7622C141.491 91.7622 142.79 92.8061 142.79 94.4205ZM151.179 107.872V124.976H146.955V99.8409H150.285L150.863 102.401C151.8 100.207 153.825 99.6884 155.234 99.5817C159.763 99.3215 163.516 103.549 163.516 107.872V124.976H159.294V107.872C159.294 105.683 157.426 103.805 155.184 103.805C152.997 103.805 151.18 105.683 151.18 107.872H151.179ZM172.082 125.015H167.916V97.7412C167.916 92.8925 172.549 89.3477 177.81 89.3477V93.5193C174.742 93.5193 172.082 95.4488 172.082 97.7412V105.459H177.239V109.63H172.082V125.015ZM194.295 107.859C194.295 105.199 192.161 103.791 190.026 103.791C187.943 103.791 185.757 105.199 185.757 107.859V116.979C185.757 119.642 187.943 120.997 190.026 120.997C192.161 120.997 194.295 119.642 194.295 116.979L194.295 107.859ZM198.513 116.979C198.513 122.561 194.244 125.274 190.026 125.274C185.757 125.274 181.59 122.561 181.59 116.979V107.859C181.59 102.228 185.808 99.6204 190.026 99.6204C194.295 99.6204 198.513 102.228 198.513 107.859V116.979ZM207.158 117.402C207.006 119.85 209.245 120.942 211.427 120.942C213.406 120.942 215.386 119.588 215.386 117.454V107.233C215.386 105.355 213.199 103.898 211.323 103.843C209.188 103.843 207.158 105.303 207.158 107.388V117.402ZM211.217 135.282C209.403 135.282 206.639 134.293 204.609 132.464L207.006 129.13C208.511 130.378 210.232 131.007 211.217 131.007C213.509 131.007 215.386 129.234 215.386 127.043V122.614C214.661 124.648 212.577 125.169 211.323 125.169C206.951 125.169 202.941 122.298 202.941 117.402V107.388C202.941 103.217 207.006 99.2528 211.323 99.6201C212.991 99.7762 215.075 100.405 215.753 102.805L216.165 99.8796H219.602V127.043C219.602 131.79 215.697 135.282 211.217 135.282V135.282ZM224.256 125.042V100.067H227.744L228.214 102.622C229.673 98.917 233.681 98.8653 236.493 101.111L235.036 104.915C232.586 103.192 228.839 103.615 228.425 107.049V125.042H224.256ZM246.239 121.08C248.215 121.08 250.298 119.464 250.298 117.59V115.037C250.298 112.949 248.482 111.489 246.239 111.489C244.053 111.489 242.227 113.267 242.227 115.505V116.961C242.227 119.209 244.053 121.08 246.239 121.08V121.08ZM238.011 116.961V115.505C238.011 111.127 241.345 107.369 246.133 107.369C247.804 107.369 249.831 108.466 250.405 110.137L250.299 107.945C250.299 105.756 248.482 103.929 246.239 103.929C245.199 103.929 243.691 104.555 242.277 105.91L239.993 102.42C241.763 100.802 244.207 99.6571 246.239 99.6571C250.666 99.6571 254.515 103.354 254.515 107.945V124.996H251.138L250.715 122.329C250.195 124.53 247.538 125.306 246.239 125.306C241.763 125.306 238.011 121.449 238.011 116.961V116.961ZM263.297 124.996H259.136V99.9139H262.409L262.934 102.366C263.977 100.334 265.903 99.6571 267.412 99.6007C269.496 99.55 272.251 100.539 273.549 103.773C274.804 100.539 277.353 99.6007 279.754 99.6007C284.23 99.6007 287.875 103.253 287.875 107.891V124.996H283.705V107.891C283.763 102.209 275.584 102.469 275.584 107.891V124.996H271.419V107.891C271.419 105.702 269.598 103.825 267.305 103.825C265.066 103.825 263.297 105.702 263.297 107.891V124.996Z" fill="#FEFEFE"/>
-      </svg>    
+      </svg>
       <div class="submenu-item-badge">
         Demo
       </div>
@@ -3321,7 +3380,7 @@ const ki = ({ language: i = "en" } = {}) => [
         <rect opacity="0.4" x="330" y="215" width="12" height="12" rx="2" fill="#C4C4C4"/>
         <rect opacity="0.4" x="315" y="215" width="12" height="12" rx="2" fill="#C4C4C4"/>
         <rect opacity="0.4" x="300" y="215" width="12" height="12" rx="2" fill="#C4C4C4"/>
-      </svg>    
+      </svg>
       <div class="submenu-item-badge">
         Demo
       </div>
@@ -3408,7 +3467,7 @@ const ki = ({ language: i = "en" } = {}) => [
         <circle cx="339.5" cy="185.5" r="10.5" fill="#434769"/>
         </g>
         <path d="M203.707 152.291L216.684 162.37C217.245 162.805 217.185 163.671 216.57 164.026L216.568 164.027L216.566 164.029L216.563 164.03L216.561 164.031L216.558 164.033L216.556 164.034L216.554 164.035L216.551 164.037L216.549 164.038L216.547 164.039L216.544 164.041L216.542 164.042L216.54 164.044L216.537 164.045L216.535 164.046L216.532 164.048L216.53 164.049L216.528 164.05L216.525 164.052L216.523 164.053L216.521 164.054L216.518 164.056L216.516 164.057L216.514 164.058L216.511 164.06L216.509 164.061L216.507 164.063L216.504 164.064L216.502 164.065L216.5 164.067L216.497 164.068L216.495 164.069L216.493 164.071L216.49 164.072L216.488 164.073L216.486 164.075L216.483 164.076L216.481 164.077L216.479 164.079L216.476 164.08L216.474 164.081L216.472 164.083L216.469 164.084L216.467 164.085L216.465 164.087L216.462 164.088L216.46 164.089L216.458 164.091L216.455 164.092L216.453 164.093L216.451 164.095L216.449 164.096L216.446 164.097L216.444 164.099L216.442 164.1L216.439 164.101L216.437 164.103L216.435 164.104L216.432 164.105L216.43 164.107L216.428 164.108L216.425 164.109L216.423 164.111L216.421 164.112L216.419 164.113L216.416 164.115L216.414 164.116L216.412 164.117L216.409 164.119L216.407 164.12L216.405 164.121L216.402 164.123L216.4 164.124L216.398 164.125L216.396 164.127L216.393 164.128L216.391 164.129L216.389 164.131L216.386 164.132L216.384 164.133L216.382 164.135L216.38 164.136L216.377 164.137L216.375 164.139L216.373 164.14L216.371 164.141L216.368 164.142L216.366 164.144L216.364 164.145L216.361 164.146L216.359 164.148L216.357 164.149L216.355 164.15L216.352 164.152L216.35 164.153L216.348 164.154L216.346 164.156L216.343 164.157L216.341 164.158L216.339 164.159L216.337 164.161L216.334 164.162L216.332 164.163L216.33 164.165L216.327 164.166L216.325 164.167L216.323 164.169L216.321 164.17L216.318 164.171L216.316 164.172L216.314 164.174L216.312 164.175L216.309 164.176L216.307 164.178L216.305 164.179L216.303 164.18L216.301 164.182L216.298 164.183L216.296 164.184L216.294 164.185L216.292 164.187L216.289 164.188L216.287 164.189L216.285 164.191L216.283 164.192L216.28 164.193L216.278 164.194L216.276 164.196L216.274 164.197L216.271 164.198L216.269 164.2L216.267 164.201L216.265 164.202L216.263 164.203L216.26 164.205L216.258 164.206L216.256 164.207L216.254 164.209L216.252 164.21L216.249 164.211L216.247 164.212L216.245 164.214L216.243 164.215L216.24 164.216L216.238 164.218L216.236 164.219L216.234 164.22L216.232 164.221L216.229 164.223L216.227 164.224L216.225 164.225L216.223 164.226L216.221 164.228L216.218 164.229L216.216 164.23L216.214 164.231L216.212 164.233L216.21 164.234L216.207 164.235L216.205 164.237L216.203 164.238L216.201 164.239L216.199 164.24L216.196 164.242L216.194 164.243L216.192 164.244L216.19 164.245L216.188 164.247L216.186 164.248L216.183 164.249L216.181 164.25L216.179 164.252L216.177 164.253L216.175 164.254L216.172 164.255L216.17 164.257L216.168 164.258L216.166 164.259L216.164 164.26L216.162 164.262L216.159 164.263L216.157 164.264L216.155 164.266L216.153 164.267L216.151 164.268L216.149 164.269L216.146 164.27L216.144 164.272L216.142 164.273L216.14 164.274L216.138 164.275L216.136 164.277L216.133 164.278L216.131 164.279L216.129 164.28L216.127 164.282L216.125 164.283L216.123 164.284L216.121 164.285L216.118 164.287L216.116 164.288L216.114 164.289L216.112 164.29L216.11 164.292L216.108 164.293L216.106 164.294L216.103 164.295L216.101 164.297L216.099 164.298L216.097 164.299L216.095 164.3L216.093 164.301L216.091 164.303L216.088 164.304L216.086 164.305L216.084 164.306L216.082 164.308L216.08 164.309L216.078 164.31L216.076 164.311L216.074 164.313L216.071 164.314L216.069 164.315L216.067 164.316L216.065 164.317L216.063 164.319L216.061 164.32L216.059 164.321L216.057 164.322L216.055 164.324L216.052 164.325L216.05 164.326L216.048 164.327L216.046 164.328L216.044 164.33L216.042 164.331L216.04 164.332L216.038 164.333L216.036 164.335L216.033 164.336L216.031 164.337L216.029 164.338L216.027 164.339L216.025 164.341L216.023 164.342L216.021 164.343L216.019 164.344L216.017 164.345L216.015 164.347L216.013 164.348L216.01 164.349L216.008 164.35L216.006 164.351L216.004 164.353L216.002 164.354L216 164.355L215.998 164.356L215.996 164.357L215.994 164.359L215.992 164.36L215.99 164.361L215.988 164.362L215.985 164.363L215.983 164.365L215.981 164.366L215.979 164.367L215.977 164.368L215.975 164.369L215.973 164.371L215.971 164.372L215.969 164.373L215.967 164.374L215.965 164.375L215.963 164.377L215.961 164.378L215.959 164.379L215.957 164.38L215.954 164.381L215.952 164.383L215.95 164.384L215.948 164.385L215.946 164.386L215.944 164.387L215.942 164.388L215.94 164.39L215.938 164.391L215.936 164.392L215.934 164.393L215.932 164.394L215.93 164.396L215.928 164.397L215.926 164.398L215.924 164.399L215.922 164.4L215.92 164.401L215.918 164.403L215.916 164.404L215.914 164.405L215.912 164.406L215.909 164.407L215.907 164.408L215.905 164.41L215.903 164.411L215.901 164.412L215.899 164.413L215.897 164.414L215.895 164.416L215.893 164.417L215.891 164.418L215.889 164.419L215.887 164.42L215.885 164.421L215.883 164.423L215.881 164.424L215.879 164.425L215.877 164.426L215.875 164.427L215.873 164.428L215.871 164.429L215.869 164.431L215.867 164.432L215.865 164.433L215.863 164.434L215.861 164.435L215.859 164.436L215.857 164.438L215.855 164.439L215.853 164.44L215.851 164.441L215.849 164.442L215.847 164.443L215.845 164.445L215.843 164.446L215.841 164.447L215.839 164.448L215.837 164.449L215.835 164.45L215.833 164.451L215.831 164.453L215.829 164.454L215.827 164.455L215.825 164.456L215.823 164.457L215.821 164.458L215.819 164.459L215.817 164.461L215.815 164.462L215.813 164.463L215.811 164.464L215.809 164.465L215.807 164.466L215.805 164.467L215.803 164.469L215.801 164.47L215.799 164.471L215.798 164.472L215.796 164.473L215.794 164.474L215.792 164.475L215.79 164.476L215.788 164.478L215.786 164.479L215.784 164.48L215.782 164.481L215.78 164.482L215.778 164.483L215.776 164.484L215.774 164.486L215.772 164.487L215.77 164.488L215.768 164.489L215.766 164.49L215.764 164.491L215.762 164.492L215.76 164.493L215.758 164.495L215.756 164.496L215.755 164.497L215.753 164.498L215.751 164.499L215.749 164.5L215.747 164.501L215.745 164.502L215.743 164.503L215.741 164.505L215.739 164.506L215.737 164.507L215.735 164.508L215.733 164.509L215.731 164.51L215.729 164.511L215.727 164.512L215.726 164.513L215.724 164.515L215.722 164.516L215.72 164.517L215.718 164.518L215.716 164.519L215.714 164.52L215.712 164.521L215.71 164.522L215.708 164.523L215.706 164.525L215.704 164.526L215.703 164.527L215.701 164.528L215.699 164.529L215.697 164.53L215.695 164.531L215.693 164.532L215.691 164.533L215.689 164.534L215.687 164.536L215.685 164.537L215.684 164.538L215.682 164.539L215.68 164.54L215.678 164.541L215.676 164.542L215.674 164.543L215.672 164.544L215.67 164.545L215.668 164.546L215.667 164.548L215.665 164.549L215.663 164.55L215.661 164.551L215.659 164.552L215.657 164.553L215.655 164.554L215.653 164.555L215.651 164.556L215.65 164.557L215.648 164.558L215.646 164.56L215.644 164.561L215.642 164.562L215.64 164.563L215.638 164.564L215.637 164.565L215.635 164.566L215.633 164.567L215.631 164.568L215.629 164.569L215.627 164.57L215.625 164.571L215.623 164.572L215.622 164.574L215.62 164.575L215.618 164.576L215.616 164.577L215.614 164.578L215.612 164.579L215.61 164.58L215.609 164.581L215.607 164.582L215.605 164.583L215.603 164.584L215.601 164.585L215.599 164.586L215.598 164.587L215.596 164.588L215.594 164.59L215.592 164.591L215.59 164.592L215.588 164.593L215.587 164.594L215.585 164.595L215.583 164.596L215.581 164.597L215.579 164.598L215.577 164.599L215.576 164.6L215.574 164.601L215.572 164.602L215.57 164.603L215.568 164.604L215.566 164.605L215.565 164.606L215.563 164.607L215.561 164.609L215.559 164.61L215.557 164.611L215.556 164.612L215.554 164.613L215.552 164.614L215.55 164.615L215.548 164.616L215.546 164.617L215.545 164.618L215.543 164.619L215.541 164.62L215.539 164.621L215.537 164.622L215.536 164.623L215.534 164.624L215.532 164.625L215.53 164.626L215.528 164.627L215.527 164.628L215.525 164.629L215.523 164.63L215.521 164.631L215.519 164.632L215.518 164.634L215.516 164.635L215.514 164.636L215.512 164.637L215.511 164.638L215.509 164.639L215.507 164.64L215.505 164.641C214.597 165.165 214.288 166.325 214.811 167.233L218.481 173.588C218.729 174.018 218.582 174.567 218.152 174.815L215.743 176.206C215.313 176.454 214.764 176.307 214.516 175.877L210.847 169.522C210.323 168.614 209.162 168.303 208.254 168.827L207.118 169.483C206.503 169.838 205.724 169.457 205.627 168.754L203.388 152.476C203.363 152.299 203.566 152.182 203.707 152.291Z" fill="white" stroke="#898989"/>
-      </svg>    
+      </svg>
       <div class="submenu-item-badge">
         Demo
       </div>
@@ -3478,7 +3537,7 @@ const ki = ({ language: i = "en" } = {}) => [
   terms: F2,
   parties: E2,
   custom: st,
-  // legacy 
+  // legacy
   presentation: T2,
   estimatedTimeCompleted: R2,
   estimatedWorkStartAndEndAtText: W2,
@@ -3513,7 +3572,12 @@ const ki = ({ language: i = "en" } = {}) => [
         includeMockData: this.includeMockData,
         emit: (...e) => this.$emit(...e)
       }),
-      getBlockPayload: (i) => Ie(i, this.set, G, this.includeMockdata)
+      getBlockPayload: (i) => Ie(
+        i,
+        this.set,
+        G,
+        this.includeMockdata
+      )
     });
   }
 }, Bi = null, Mi = null;
@@ -3593,7 +3657,7 @@ var Hi = function() {
   Ai,
   !1,
   null,
-  "3cb13e4e",
+  "cd4a251a",
   null,
   null
 );
@@ -3733,18 +3797,22 @@ var zi = function() {
     } } }, [e._v(" " + e._s(e.$t("signMissingAdd")) + " ")])];
   } }], null, !1, 2898075047) })], 1)]), e.isPublicForm ? t("CButton", { staticStyle: { height: "48px" }, attrs: { slot: "send", type: "secondary", wide: "" }, on: { click: e.onSaveDocument }, slot: "send" }, [e._v(" " + e._s(e.$t("signupToSend")) + " ")]) : e._e(), t("label", { staticClass: "text-gray-600", staticStyle: { display: "inline-flex", "align-items": "center", cursor: "pointer", "user-select": "none", "font-size": "12px", "font-weight": "500", "padding-top": "calc(1 * var(--rem))" }, attrs: { slot: "footer", for: "checkbox-save-as-temp" }, slot: "footer" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a }) {
     return [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
-      return [t("div", { staticClass: "flex items-center", on: { click: (s) => e.onClickSaveAsTemplate({ event: s, can: a, open: n }) } }, [t("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(s) {
+      return [t("div", { staticClass: "flex items-center", on: { click: (s) => e.onClickSaveAsTemplate({
+        event: s,
+        can: a,
+        open: n
+      }) } }, [t("CCheckbox", { attrs: { id: "checkbox-save-as-temp", size: "small", type: "secondary" }, model: { value: e.saveTemplate, callback: function(s) {
         e.saveTemplate = s;
       }, expression: "saveTemplate" } }), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(e.$t("saveDocAsTemplate")) + " "), t("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();
+  } }], null, !1, 2049373406) })], 1)], 1)], 1)]) : e._e();
 }, Zi = [], Oi = /* @__PURE__ */ c(
   Ei,
   zi,
   Zi,
   !1,
   null,
-  "56ed9100",
+  "41e74cd7",
   null,
   null
 );
@@ -3769,7 +3837,13 @@ const Ri = Oi.exports, Gi = {
       this.elementWidth = e.width, this.elementHeight = e.height, this.clientX = i.clientX, this.clientY = i.clientY, document.addEventListener("mousemove", this.elementDrag), document.addEventListener("mouseup", this.removeListeners);
     },
     elementDrag(i) {
-      i.preventDefault(), this.movementX = this.clientX - i.clientX, this.movementY = this.clientY - i.clientY, this.clientX = i.clientX, this.clientY = i.clientY, this.$el.style.top = `${Math.max(this.$el.offsetTop - this.movementY, 0)}px`, this.$el.style.left = `${Math.min(this.$el.offsetLeft - this.movementX, this.windowWidth - this.elementWidth)}px`;
+      i.preventDefault(), this.movementX = this.clientX - i.clientX, this.movementY = this.clientY - i.clientY, this.clientX = i.clientX, this.clientY = i.clientY, this.$el.style.top = `${Math.max(
+        this.$el.offsetTop - this.movementY,
+        0
+      )}px`, this.$el.style.left = `${Math.min(
+        this.$el.offsetLeft - this.movementX,
+        this.windowWidth - this.elementWidth
+      )}px`;
     },
     removeListeners() {
       document.removeEventListener("mousemove", this.elementDrag), document.removeEventListener("mouseup", this.removeListeners);
@@ -3823,7 +3897,7 @@ var Ki = function() {
   Yi,
   !1,
   null,
-  "9b75010b",
+  "58649fd0",
   null,
   null
 );
@@ -3838,12 +3912,7 @@ const Ji = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ji), Xi = {
     FormInputRow: ee,
     DragWindow: re
   },
-  mixins: [
-    S(
-      ["css"],
-      { useEmit: !1, setFnName: "set" }
-    )
-  ],
+  mixins: [S(["css"], { useEmit: !1, setFnName: "set" })],
   props: {
     set: {
       type: Function,
@@ -3920,11 +3989,7 @@ const Ji = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ji), Xi = {
                     weight: t
                   }
                 },
-                onInput: ({
-                  family: a,
-                  weight: n,
-                  options: s = []
-                }) => {
+                onInput: ({ family: a, weight: n, options: s = [] }) => {
                   this.update(i, a), Qe(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
                 }
               }
@@ -4038,8 +4103,14 @@ const Ji = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ji), Xi = {
                 props: {
                   value: t
                 },
-                onIncrease: () => this.update(i, `${(parseFloat(t || 0) + 0.01).toFixed(2)}em`),
-                onDecrease: () => this.update(i, `${(parseFloat(t || 0) - 0.01).toFixed(2)}em`)
+                onIncrease: () => this.update(
+                  i,
+                  `${(parseFloat(t || 0) + 0.01).toFixed(2)}em`
+                ),
+                onDecrease: () => this.update(
+                  i,
+                  `${(parseFloat(t || 0) - 0.01).toFixed(2)}em`
+                )
               }
             ]
           };
@@ -4079,9 +4150,18 @@ const Ji = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ji), Xi = {
               props: {
                 value: e || "initial",
                 options: [
-                  { value: "initial", label: this.$t("letterCaseTypes.initial") },
-                  { value: "capitalized", label: this.$t("letterCaseTypes.capitalized") },
-                  { value: "uppercase", label: this.$t("letterCaseTypes.uppercase") }
+                  {
+                    value: "initial",
+                    label: this.$t("letterCaseTypes.initial")
+                  },
+                  {
+                    value: "capitalized",
+                    label: this.$t("letterCaseTypes.capitalized")
+                  },
+                  {
+                    value: "uppercase",
+                    label: this.$t("letterCaseTypes.uppercase")
+                  }
                 ]
               },
               onInput: (t) => this.update(i, t)
@@ -4226,8 +4306,14 @@ const Ji = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ji), Xi = {
                   props: {
                     value: n
                   },
-                  onIncrease: () => this.update(e.key, `${parseFloat(n || 0) + 1}px`),
-                  onDecrease: () => this.update(e.key, `${parseFloat(n || 0) - 1}px`)
+                  onIncrease: () => this.update(
+                    e.key,
+                    `${parseFloat(n || 0) + 1}px`
+                  ),
+                  onDecrease: () => this.update(
+                    e.key,
+                    `${parseFloat(n || 0) - 1}px`
+                  )
                 }
               ]
             },
@@ -4407,7 +4493,7 @@ var ea = function() {
   ta,
   !1,
   null,
-  "930a4202",
+  "4404aad6",
   null,
   null
 );
@@ -4544,7 +4630,7 @@ var sa = function() {
   oa,
   !1,
   null,
-  "5cc44007",
+  "186f2d19",
   null,
   null
 );
@@ -4598,11 +4684,7 @@ const ca = {
     options() {
       const { fields: i, usedFields: e } = this._document;
       return Object.keys(i).map((t) => {
-        const a = i[t], {
-          service: n,
-          inputDisabled: s,
-          virtual: o = !1
-        } = a.meta || {}, l = this.crmService && n === this.crmService ? a.meta.service : null;
+        const a = i[t], { service: n, inputDisabled: s, virtual: o = !1 } = a.meta || {}, l = this.crmService && n === this.crmService ? a.meta.service : null;
         return {
           ...a,
           id: t,
@@ -4640,7 +4722,10 @@ const ca = {
             // crmFields added first in order to not override same service values
             ...a,
             // Filter out previous service fields if switching connected crm
-            ...Object.entries(((t = (e = this._document) == null ? void 0 : e.data) == null ? void 0 : t.fields) || {}).reduce((n, [s, o]) => o != null && o.meta.service && o.meta.service !== i ? n : { ...n, [s]: o }, {})
+            ...Object.entries(((t = (e = this._document) == null ? void 0 : e.data) == null ? void 0 : t.fields) || {}).reduce(
+              (n, [s, o]) => o != null && o.meta.service && o.meta.service !== i ? n : { ...n, [s]: o },
+              {}
+            )
           });
         }
       }
@@ -4674,7 +4759,9 @@ const ca = {
       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()));
+      return e.filter(
+        (t) => t.label.toLowerCase().includes(i.toLowerCase())
+      );
     },
     onDragStart(i, e) {
       const t = `<span class="mention" data-mention-id="${e.key}" data-tooltip="${e.value}" contenteditable="false">${e.label}</span>`;
@@ -4703,11 +4790,13 @@ var da = function() {
       defaultOpen: !0,
       items: e.usedFields
     },
-    ...e.crmService && e.crmFields.length ? [{
-      label: e.$t("crmFields", { crm: e.crmService }),
-      defaultOpen: !1,
-      items: e.crmFields
-    }] : [],
+    ...e.crmService && e.crmFields.length ? [
+      {
+        label: e.$t("crmFields", { crm: e.crmService }),
+        defaultOpen: !1,
+        items: e.crmFields
+      }
+    ] : [],
     {
       label: e.$t("unUsedFields"),
       defaultOpen: !e.usedFields.length,
@@ -4733,7 +4822,7 @@ var da = function() {
   pa,
   !1,
   null,
-  "916766d5",
+  "da1996e8",
   null,
   null
 );
@@ -4784,11 +4873,7 @@ const ha = {
     draggable: mt,
     Spinner: Ee
   },
-  mixins: [S([
-    "externalReferences",
-    "clients",
-    "articles"
-  ])],
+  mixins: [S(["externalReferences", "clients", "articles"])],
   data() {
     return {
       activeCrm: null,
@@ -4825,9 +4910,11 @@ const ha = {
     currExternalReferences: {
       immediate: !0,
       async handler(i) {
-        i.length ? await Promise.all(i.map(async (e) => {
-          await this.fetchReference(e.type);
-        })) : (this.dealDetails = null, this.typeDetails = null);
+        i.length ? await Promise.all(
+          i.map(async (e) => {
+            await this.fetchReference(e.type);
+          })
+        ) : (this.dealDetails = null, this.typeDetails = null);
       }
     },
     allAuthenticatedCRMs: {
@@ -4849,7 +4936,10 @@ const ha = {
           this.searchResults = [];
           return;
         }
-        const { data: t } = await L.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;
@@ -4871,15 +4961,23 @@ const ha = {
       const { service: e, type: t, typeId: a } = i;
       if (!e || !t || !a)
         throw new Error("externalReference is not valid");
-      this.externalReferences = [...this.externalReferences, { service: e, type: t, typeId: a }];
+      this.externalReferences = [
+        ...this.externalReferences,
+        { service: e, type: t, typeId: a }
+      ];
     },
     async fetchReference(i = this.dealType) {
       try {
         this.isLoading = !0;
-        const e = this.externalReferences.find((o) => o.service === this.activeCrm && o.type === i);
+        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 L.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;
@@ -4888,15 +4986,22 @@ const ha = {
       }
     },
     removeReference(i = this.dealType) {
-      const e = this.externalReferences.find((s) => s.service === this.activeCrm && s.type === i);
+      const e = this.externalReferences.find(
+        (s) => s.service === this.activeCrm && s.type === i
+      );
       if (!e)
         return;
       const { service: t, type: a, typeId: n } = e;
-      !t || !a || !n || (this.externalReferences = this.externalReferences.filter((s) => !(s.service === t && s.type === a && s.typeId === n)), i !== this.dealType ? this.typeDetails = null : this.dealDetails = null);
+      !t || !a || !n || (this.externalReferences = this.externalReferences.filter(
+        (s) => !(s.service === t && s.type === a && s.typeId === n)
+      ), i !== this.dealType ? this.typeDetails = null : this.dealDetails = null);
     },
     async suggestClients() {
       var n;
-      const { service: i, type: e, typeId: t } = this.currentExternalDeal, { data: a } = await L.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) => ({
           ...ze(),
@@ -4935,7 +5040,12 @@ var fa = function() {
     return t("CDropdownItem", { key: a, attrs: { type: e.activeCrm === a ? "primary" : "secondary", size: "small" }, on: { click: function(n) {
       e.activeCrm = a;
     } } }, [e._v(" " + e._s(a.capitalize()) + " ")]);
-  })], 2) : e._e(), e.isLoading && !e.dealDetails ? t("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { "padding-top": "calc(2 * var(--rem))" } }, [t("Spinner", { attrs: { size: "24", color: "grey" } })], 1) : e.activeCrm ? [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(2 * var(--rem)) calc(0.5 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500", "font-size": "16px" } }, [e._v(" " + e._s(e.activeCrm.capitalize()) + " ")]), e.typeDetails ? t("div", [t("div", { staticClass: "x-hint" }, [t("div", { staticClass: "flex w-full" }, [t("div", { domProps: { textContent: e._s(e.$t("referenceTo", { crm: e.activeCrm.capitalize(), type: e.$t(`type.${e.typeDetails.type}`) })) } }), t("CButton", { staticStyle: { position: "absolute", right: "2px", top: "2px" }, attrs: { icon: "x", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { click: function(a) {
+  })], 2) : e._e(), e.isLoading && !e.dealDetails ? t("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { "padding-top": "calc(2 * var(--rem))" } }, [t("Spinner", { attrs: { size: "24", color: "grey" } })], 1) : e.activeCrm ? [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(2 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500", "font-size": "16px" } }, [e._v(" " + e._s(e.activeCrm.capitalize()) + " ")]), e.typeDetails ? t("div", [t("div", { staticClass: "x-hint" }, [t("div", { staticClass: "flex w-full" }, [t("div", { domProps: { textContent: e._s(
+    e.$t("referenceTo", {
+      crm: e.activeCrm.capitalize(),
+      type: e.$t(`type.${e.typeDetails.type}`)
+    })
+  ) } }), t("CButton", { staticStyle: { position: "absolute", right: "2px", top: "2px" }, attrs: { icon: "x", size: "small", type: "none", pattern: "tertiary", circle: "" }, on: { click: function(a) {
     return e.removeReference(e.typeDetails.type);
   } } })], 1), t("div", { staticClass: "x-hint-name", domProps: { textContent: e._s(e.typeDetails.name || "") } })]), t("div", { staticClass: "divider" })]) : e._e(), t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("headerText", { crm: e.activeCrm.capitalize() })) + " ")]), t("div", { staticStyle: { height: "2em" } }), e.currentExternalDeal ? [t("div", { staticClass: "text-gray-400", staticStyle: { "font-size": "12px" } }, [e._v(" " + e._s(e.$t("connectedTo", { type: e.dealType })) + " ")]), e.dealDetails ? t("div", { staticStyle: { padding: "0.5em", "border-radius": "3px", "background-color": "hsl(205, 100%, 95%)", border: "1px solid hsl(205, 100%, 78%)" } }, [t("div", [t(e.dealDetails.externalUrl ? "a" : "span", { tag: "component", staticClass: "text-primary-500", staticStyle: { "font-weight": "600" }, attrs: { href: e.dealDetails.externalUrl || "#", target: "_blank" }, domProps: { textContent: e._s(e.dealDetails.name) } })], 1), e.dealDetails.currency ? t("div", { staticStyle: { opacity: "0.75", "font-size": "13px" } }, [e._v(" " + e._s(e.priceFormat(e.dealDetails.value, { showZero: !1, currency: e.dealDetails.currency })) + " ")]) : e._e()]) : e._e(), t("div", [t("CButton", { staticStyle: { "font-size": "12px", padding: "7px" }, attrs: { loading: e.isLoading, size: "small", type: "none", pattern: "tertiary" }, domProps: { textContent: e._s(e.$t("refreshData", { type: e.dealType })) }, on: { click: function(a) {
     return e.fetchReference();
@@ -4951,7 +5061,14 @@ var fa = function() {
     return t("div", { staticStyle: { "line-height": "1.5" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(a.name))]), t("div", { staticClass: "text-gray-600", staticStyle: { "font-size": "14px" } }, [e._v(" " + e._s(a.externalReference.type.capitalize()) + " " + e._s(a.externalReference.typeId) + " "), a.value && a.currency ? [e._v(" · " + e._s(e.priceFormat(a.value, { showZero: !1, currency: a.currency })) + " ")] : e._e()], 2)]);
   } }]), model: { value: e.searchQuery, callback: function(a) {
     e.searchQuery = a;
-  }, expression: "searchQuery" } }, [t("template", { slot: "empty" }, [e._v(" " + e._s(e.$t("_common:noResults")) + " ")])], 2)], 1)], 2), e.showDealProducts ? t("div", [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(1 * var(--rem)) calc(0.5 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("productsTitle")) + " "), t("BaseIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: "Use a product by drag & dropping a product to a package.", expression: "'Use a product by drag & dropping a product to a package.'" }], attrs: { type: "info", size: "13" } })], 1), t("div", { staticClass: "text-gray-600", domProps: { textContent: e._s(e.$t("productsText", { type: e.dealType, crm: e.activeCrm.capitalize() })) } })]), e.dealDetails.articles && e.dealDetails.articles.length ? t("draggable", { staticStyle: { "min-height": "calc(3 * var(--rem))", padding: "0 calc(0.5 * var(--rem))" }, attrs: { list: e.dealDetails.articles, group: {
+  }, expression: "searchQuery" } }, [t("template", { slot: "empty" }, [e._v(" " + e._s(e.$t("_common:noResults")) + " ")])], 2)], 1)], 2), e.showDealProducts ? t("div", [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(1 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("productsTitle")) + " "), t("BaseIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: "Use a product by drag & dropping a product to a package.", expression: `
+              'Use a product by drag & dropping a product to a package.'
+            ` }], attrs: { type: "info", size: "13" } })], 1), t("div", { staticClass: "text-gray-600", domProps: { textContent: e._s(
+    e.$t("productsText", {
+      type: e.dealType,
+      crm: e.activeCrm.capitalize()
+    })
+  ) } })]), e.dealDetails.articles && e.dealDetails.articles.length ? t("draggable", { staticStyle: { "min-height": "calc(3 * var(--rem))", padding: "0 calc(0.5 * var(--rem))" }, attrs: { list: e.dealDetails.articles, group: {
     name: "articles",
     pull: "clone",
     put: !1
@@ -4966,7 +5083,7 @@ var fa = function() {
   ga,
   !1,
   null,
-  "b775e9f9",
+  "341fef10",
   null,
   null
 );
@@ -5068,16 +5185,18 @@ const ya = {
       required: !0
     }
   },
-  mixins: [S([
-    "tags",
-    "series",
-    "senderId",
-    "language",
-    "currency",
-    "useVat",
-    "vatType",
-    "rounding"
-  ])],
+  mixins: [
+    S([
+      "tags",
+      "series",
+      "senderId",
+      "language",
+      "currency",
+      "useVat",
+      "vatType",
+      "rounding"
+    ])
+  ],
   data() {
     return {
       docSeriesOptions: ["document", "proposal", "contract", "ata"],
@@ -5103,20 +5222,27 @@ const ya = {
     },
     options() {
       return [
-        ...!this.isLoadingMembers && !this.isPublicForm ? [{
-          label: this.$t("members.title"),
-          infoTooltip: this.$t("members.tooltip"),
-          inputs: [
-            {
-              component: "select",
-              props: {
-                value: this.senderId,
-                options: Object.values(this.members).filter((i) => ["projectleader", "admin"].includes(i.role)).map((i) => ({ value: i.id, label: i.fullName || i.email }))
-              },
-              onInput: (i) => this.update("senderId", parseInt(i, 10))
-            }
-          ]
-        }] : [],
+        ...!this.isLoadingMembers && !this.isPublicForm ? [
+          {
+            label: this.$t("members.title"),
+            infoTooltip: this.$t("members.tooltip"),
+            inputs: [
+              {
+                component: "select",
+                props: {
+                  value: this.senderId,
+                  options: Object.values(this.members).filter(
+                    (i) => ["projectleader", "admin"].includes(i.role)
+                  ).map((i) => ({
+                    value: i.id,
+                    label: i.fullName || i.email
+                  }))
+                },
+                onInput: (i) => this.update("senderId", parseInt(i, 10))
+              }
+            ]
+          }
+        ] : [],
         {
           label: this.$t("language.title"),
           infoTooltip: this.$t("language.tooltip"),
@@ -5125,7 +5251,10 @@ const ya = {
               component: "select",
               props: {
                 value: this.language,
-                options: Oe.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)
             }
@@ -5139,7 +5268,10 @@ const ya = {
               component: "select",
               props: {
                 value: this.series,
-                options: ["document", "proposal", "contract", "ata"].map((i) => ({ value: i, label: this.$t(`_common:series.${i}`) }))
+                options: ["document", "proposal", "contract", "ata"].map((i) => ({
+                  value: i,
+                  label: this.$t(`_common:series.${i}`)
+                }))
               },
               onInput: (i) => this.setSeries(i)
             }
@@ -5185,14 +5317,19 @@ const ya = {
               },
               onInput: (i) => this.update("useVat", i)
             },
-            ...this.useVat && this.vatTypes.length > 1 ? [{
-              component: "select",
-              props: {
-                value: this.vatType,
-                options: this.vatTypes.map((i) => ({ value: i, label: this.$t(`_common:vat.${i}`).capitalize() }))
-              },
-              onInput: (i) => this.update("vatType", i)
-            }] : []
+            ...this.useVat && this.vatTypes.length > 1 ? [
+              {
+                component: "select",
+                props: {
+                  value: this.vatType,
+                  options: this.vatTypes.map((i) => ({
+                    value: i,
+                    label: this.$t(`_common:vat.${i}`).capitalize()
+                  }))
+                },
+                onInput: (i) => this.update("vatType", i)
+              }
+            ] : []
           ]
         },
         {
@@ -5211,46 +5348,55 @@ const ya = {
             }
           ]
         },
-        ...this.rounding.enabled ? [{
-          label: this.$t("rounding.interval.title"),
-          infoTooltip: this.$t("rounding.interval.tooltip"),
-          inputs: [
-            {
-              component: "input",
-              props: {
-                value: (this.rounding.interval * 0.01).toFixed(2),
-                type: "number"
-              },
-              onInput: (i) => this.updateRounding("interval", parseInt(Math.max(i, 0.01) * 100, 10))
-            },
-            {
-              component: "input",
-              props: {
-                type: "range",
-                min: 0,
-                max: 100,
-                step: 5,
-                value: this.rounding.interval
+        ...this.rounding.enabled ? [
+          {
+            label: this.$t("rounding.interval.title"),
+            infoTooltip: this.$t("rounding.interval.tooltip"),
+            inputs: [
+              {
+                component: "input",
+                props: {
+                  value: (this.rounding.interval * 0.01).toFixed(2),
+                  type: "number"
+                },
+                onInput: (i) => this.updateRounding(
+                  "interval",
+                  parseInt(Math.max(i, 0.01) * 100, 10)
+                )
               },
-              onInput: (i) => {
-                const e = parseInt(i, 10);
-                this.updateRounding("interval", e === 0 ? 1 : e);
+              {
+                component: "input",
+                props: {
+                  type: "range",
+                  min: 0,
+                  max: 100,
+                  step: 5,
+                  value: this.rounding.interval
+                },
+                onInput: (i) => {
+                  const e = parseInt(i, 10);
+                  this.updateRounding(
+                    "interval",
+                    e === 0 ? 1 : e
+                  );
+                }
               }
-            }
-          ]
-        }, {
-          label: this.$t("rounding.show.title"),
-          infoTooltip: this.$t("rounding.show.tooltip"),
-          inputs: [
-            {
-              component: "switch",
-              props: {
-                value: this.rounding.show
-              },
-              onInput: (i) => this.updateRounding("show", i)
-            }
-          ]
-        }] : []
+            ]
+          },
+          {
+            label: this.$t("rounding.show.title"),
+            infoTooltip: this.$t("rounding.show.tooltip"),
+            inputs: [
+              {
+                component: "switch",
+                props: {
+                  value: this.rounding.show
+                },
+                onInput: (i) => this.updateRounding("show", i)
+              }
+            ]
+          }
+        ] : []
       ];
     }
   },
@@ -5271,7 +5417,9 @@ const ya = {
       };
     },
     setSeries(i) {
-      const e = this.series, t = (this.tags || []).filter((a) => !(a.type === "category" && a.name === e));
+      const e = this.series, t = (this.tags || []).filter(
+        (a) => !(a.type === "category" && a.name === e)
+      );
       t.push({ name: i, type: "category" }), this.tags = t, this.series = i;
     }
   }
@@ -5291,7 +5439,7 @@ var xa = function() {
   wa,
   !1,
   null,
-  "eec61e30",
+  "c2cb1c6b",
   null,
   null
 );
@@ -5349,9 +5497,13 @@ 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");
+    return i(
+      "div",
+      {
+        staticClass: "text-[10px] font-semibold text-white bg-primary-500 rounded leading-none px-1.5 py-1"
+      },
+      "Pro"
+    );
   }
 }), Va = {
   name: "MenuBlocks",
@@ -5469,15 +5621,26 @@ const Da = H.component("ProBadge", {
       // if all blocks should be visible
       showConvertEditableDialog: !1,
       showConvertEditableDialogTarget: null,
-      primaryFilterNames: ["header", "parties", "packageGroup", "multiGroupPricing", "titleAndText2", "answer"],
+      primaryFilterNames: [
+        "header",
+        "parties",
+        "packageGroup",
+        "multiGroupPricing",
+        "titleAndText2",
+        "answer"
+      ],
       tooltips: {
         parties: `
           <div style="width: 160px;">
             <svg style="border-radius: 2px; width="100%" viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
               <rect width="400" height="250" fill="white"/>
-              <text fill="#686868" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="28" letter-spacing="0em"><tspan x="51" y="55.1818">${this.$t("_common:to").capitalize()}</tspan></text>
+              <text fill="#686868" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="28" letter-spacing="0em"><tspan x="51" y="55.1818">${this.$t(
+          "_common:to"
+        ).capitalize()}</tspan></text>
               <text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="32.9032" font-weight="600" letter-spacing="0em"><tspan x="52" y="98.9648">Nick Adams</tspan></text>
-              <text fill="#686868" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="28" letter-spacing="0em"><tspan x="51" y="169.182">${this.$t("_common:from").capitalize()}</tspan></text>
+              <text fill="#686868" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="28" letter-spacing="0em"><tspan x="51" y="169.182">${this.$t(
+          "_common:from"
+        ).capitalize()}</tspan></text>
               <text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="32.9032" font-weight="600" letter-spacing="0em"><tspan x="52" y="212.965">Dorothy Crawford </tspan></text>
               <line x1="27" y1="124.5" x2="400" y2="124.5" stroke="#808080"/>
             </svg>
@@ -5727,13 +5890,19 @@ const Da = H.component("ProBadge", {
       }), i;
     },
     availableBlocks() {
-      return this.allBlocks.filter(({ isVisible: i }) => this.showAllBlocks || i);
+      return this.allBlocks.filter(
+        ({ isVisible: i }) => this.showAllBlocks || i
+      );
     },
     primaryBlocks() {
-      return this.availableBlocks.filter(({ key: i }) => this.primaryFilterNames.includes(i));
+      return this.availableBlocks.filter(
+        ({ key: i }) => this.primaryFilterNames.includes(i)
+      );
     },
     secondaryBlocks() {
-      return this.availableBlocks.filter(({ key: i }) => !this.primaryFilterNames.includes(i));
+      return this.availableBlocks.filter(
+        ({ key: i }) => !this.primaryFilterNames.includes(i)
+      );
     },
     activeSubMenuKey() {
       return u(this.activeSubMenu, "[0].key") || null;
@@ -5798,9 +5967,13 @@ const Da = H.component("ProBadge", {
         i.destroy();
       }) : this.tippyInstances.destroy && this.tippyInstances.destroy());
     },
-    setSubMenuState: A(function(e) {
-      this.activeSubMenu = e;
-    }, 100, { trailing: !0 }),
+    setSubMenuState: A(
+      function(e) {
+        this.activeSubMenu = e;
+      },
+      100,
+      { trailing: !0 }
+    ),
     onMouseleaveDrawer() {
       this.activeSubMenu = null, this.subMenuToShow = null;
     },
@@ -5822,9 +5995,13 @@ const Da = H.component("ProBadge", {
     },
     getSubMenuPayload({ index: i, getBlockPayload: e }) {
       if (typeof e != "function")
-        throw new Error("Invalid param getBlockPayload, should be type function");
+        throw new Error(
+          "Invalid param getBlockPayload, should be type function"
+        );
       if (!this.activeSubMenu)
-        throw new Error("Active sub menu not set, need active menu to receive payload");
+        throw new Error(
+          "Active sub menu not set, need active menu to receive payload"
+        );
       const { key: t, contentData: a } = this.activeSubMenu[i];
       return {
         ...e(t),
@@ -5847,7 +6024,9 @@ var Ba = function() {
         { data: e.primaryBlocks },
         { data: e.secondaryBlocks }
       ], function(o, l) {
-        return t("div", { key: l }, [l > 0 ? t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(1 * var(--rem))" } }) : e._e(), t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (r) => n(e.getSectionKey({ data: o.data, index: r })), "drop-placeholder": {
+        return t("div", { key: l }, [l > 0 ? t("div", { staticStyle: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(1 * var(--rem))" } }) : e._e(), t("DragList", { attrs: { group: { name: "blocks", pull: "clone", put: !1 }, "get-child-payload": (r) => n(
+          e.getSectionKey({ data: o.data, index: r })
+        ), "drop-placeholder": {
           className: "drag-drop-menu-placeholder"
         }, "get-ghost-parent": e.getGhostParent, "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item", "group-name": "document-blocks", "ghost-class": "drag-drop-ghost", behaviour: "copy" } }, e._l(o.data, function(r) {
           return t("DragItem", { key: r.key, class: { "drag-item": e.canDrag } }, [t("div", e._b(
@@ -5861,7 +6040,9 @@ var Ba = function() {
             "div",
             r.hasTooltip ? { "data-tooltip-key": r.key } : null,
             !1
-          ), [t("CButton", { ref: "blockItem", refInFor: !0, staticClass: "option-row is-thinner is-left", class: { "sub-menu-active": r.key === e.activeSubMenuKey }, staticStyle: { "padding-left": "1.5em", "padding-right": "2em", "border-radius": "0", "font-size": "14px", "border-color": "transparent" }, attrs: { disabled: r.disabled, wide: "", pattern: "secondary" }, on: { click: (p) => e.onUseBlock({ block: r, addBlock: a, openUpgradeModal: s }) } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "230px" } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "initial", flex: "1 1 auto" } }, [t("div", { staticClass: "option-image", domProps: { innerHTML: e._s(r.icon) } }), t("div", { staticClass: "option-title" }, [e._v(" " + e._s(e.$t(`blocks.${r.key}`)) + " ")])]), r.locked ? t("ProBadge") : !e.fixed && r.subMenu ? t("BaseIcon", { staticStyle: { color: "hsl(205, 10%, 65%)" }, attrs: { type: "chevron-right", size: "14" } }) : e._e()], 1)])], 1)]);
+          ), [t("CButton", { ref: "blockItem", refInFor: !0, staticClass: "option-row is-thinner is-left", class: {
+            "sub-menu-active": r.key === e.activeSubMenuKey
+          }, staticStyle: { "padding-left": "1.5em", "padding-right": "2em", "border-radius": "0", "font-size": "14px", "border-color": "transparent" }, attrs: { disabled: r.disabled, wide: "", pattern: "secondary" }, on: { click: (p) => e.onUseBlock({ block: r, addBlock: a, openUpgradeModal: s }) } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "230px" } }, [t("div", { staticClass: "flex items-center", staticStyle: { width: "initial", flex: "1 1 auto" } }, [t("div", { staticClass: "option-image", domProps: { innerHTML: e._s(r.icon) } }), t("div", { staticClass: "option-title" }, [e._v(" " + e._s(e.$t(`blocks.${r.key}`)) + " ")])]), r.locked ? t("ProBadge") : !e.fixed && r.subMenu ? t("BaseIcon", { staticStyle: { color: "hsl(205, 10%, 65%)" }, attrs: { type: "chevron-right", size: "14" } }) : e._e()], 1)])], 1)]);
         }), 1)], 1);
       }), e._t("footer")], 2), t("transition", { attrs: { name: "slide-right" } }, [t("div", { directives: [{ name: "show", rawName: "v-show", value: e.activeSubMenu, expression: "activeSubMenu" }], staticClass: "submenu", on: { "&mouseover": function(o) {
         e.subMenuToShow = e.activeSubMenu;
@@ -5878,7 +6059,7 @@ var Ba = function() {
   Ma,
   !1,
   null,
-  "2f285e04",
+  "126e204b",
   null,
   null
 );
@@ -5903,7 +6084,7 @@ const Ha = {
     Fields: ma,
     ExtensionTab: va,
     DocumentGeneralSettings: _a,
-    DocumentGuide: () => import("./index-47e427b4.js"),
+    DocumentGuide: () => import("./index-22c9f370.js"),
     MenuBlocks: Fa,
     Simplebar: k
   },
@@ -5984,9 +6165,15 @@ var Aa = function() {
   } } }), e.extensionTabType ? t("div", { staticClass: "tab-item", class: { "is-active": e.tab === "extension" }, on: { click: function(a) {
     e.tab = "extension";
   } } }, [t("div", { staticStyle: { width: "18px", height: "18px", background: "#343434", "border-radius": "4px", display: "flex", "align-items": "center", "justify-content": "center", "margin-top": "2px" }, style: [
-    e.extensionTabType === "pipedrive" && { backgroundColor: "#3A3A3A" },
-    e.extensionTabType === "hubspot" && { backgroundColor: "#FF8F3E" },
-    e.extensionTabType === "salesforce" && { backgroundColor: "#009CDB" }
+    e.extensionTabType === "pipedrive" && {
+      backgroundColor: "#3A3A3A"
+    },
+    e.extensionTabType === "hubspot" && {
+      backgroundColor: "#FF8F3E"
+    },
+    e.extensionTabType === "salesforce" && {
+      backgroundColor: "#009CDB"
+    }
   ] }, [t("BaseIcon", { staticStyle: { color: "white" }, attrs: { type: e.extensionTabType, size: "14" } })], 1)]) : e._e(), t("div", { staticClass: "tab-item ml-[2px]", class: { "is-active": e.tab === "generalSettings" }, on: { click: function(a) {
     e.tab = "generalSettings";
   } } }, [t("BaseIcon", { staticStyle: {}, attrs: { type: "cog", size: "16" } })], 1)]), e.tab === "blocks" ? t("MenuBlocks", { attrs: { _document: e.state, set: e.set, "remove-value": e.removeValue, fixed: e.fixed, "can-use-blocks": e.canUseBlocks }, on: { "block-added": e.onAddedBlock } }, [t("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "flex-end", "align-items": "flex-start", padding: "calc(1 * var(--rem))" }, attrs: { slot: "footer" }, slot: "footer" }, [t("CButton", { staticStyle: { position: "relative" }, attrs: { "icon-left": "help", type: "none", pattern: "secondary", size: "small" }, on: { click: e.openGuide } }, [e._v(" " + e._s(e.$t("guideButton")) + " "), e.showGuideNotification ? t("div", { staticClass: "circle-pulse" }) : e._e()])], 1)]) : t("div", { staticClass: "menu-container" }, [t("Simplebar", { staticClass: "w-full h-full" }, [e.tab === "design" ? t("Design", { attrs: { _document: e.state, _value: {
@@ -6016,7 +6203,7 @@ var Aa = function() {
   Pa,
   !1,
   null,
-  "383e8c99",
+  "0e0165ab",
   null,
   null
 );
@@ -6070,7 +6257,7 @@ var Oa = function() {
   Ra,
   !1,
   null,
-  "537216ad",
+  "9e35bda4",
   null,
   null
 );
@@ -6168,7 +6355,7 @@ var qa = function() {
   Na,
   !1,
   null,
-  "1181a172",
+  "3d358acc",
   null,
   null
 );
@@ -6217,7 +6404,7 @@ var Qa = function() {
   Ja,
   !1,
   null,
-  "f0a56edd",
+  "28a55097",
   null,
   null
 );
@@ -6248,7 +6435,7 @@ var an = function() {
   nn,
   !1,
   null,
-  "cfdb5920",
+  "2d9aa751",
   null,
   null
 );
@@ -6272,7 +6459,9 @@ const on = sn.exports, ln = {
 };
 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")) + " ")])])]);
+  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")) + " ")])])]);
 }, cn = [], dn = /* @__PURE__ */ c(
   ln,
   rn,
@@ -6296,7 +6485,7 @@ var mn = function() {
   hn,
   !1,
   null,
-  "fdc19e6a",
+  "39c32da6",
   null,
   null
 );
@@ -6437,28 +6626,35 @@ const ce = (i, e, t = "$children") => {
     },
     currency(i) {
       var e, t;
-      i && (Object.keys(((t = (e = this._document._doc) == null ? void 0 : e.data) == null ? void 0 : t.packageGroups) || []).forEach((a) => {
-        this._document._doc.data.packageGroups[a].packages.forEach((s, o) => {
-          this.setFormValue({
-            key: `data.packageGroups.${a}.packages[${o}].data.prices.currency`,
-            value: i
+      i && (Object.keys(((t = (e = this._document._doc) == null ? void 0 : e.data) == null ? void 0 : t.packageGroups) || []).forEach(
+        (a) => {
+          this._document._doc.data.packageGroups[a].packages.forEach((s, o) => {
+            this.setFormValue({
+              key: `data.packageGroups.${a}.packages[${o}].data.prices.currency`,
+              value: i
+            });
           });
-        });
-      }), this._document.allArticles.forEach((a, n) => {
+        }
+      ), this._document.allArticles.forEach((a, n) => {
         const s = `articles[${n}].currency`;
         this.setFormValue({ key: s, value: i });
       }));
     },
     async externalReferences(i) {
-      await Promise.all((i || []).map(async ({ service: e, type: t, typeId: a }) => {
-        if (t && a && e && this.$store.getters["settings/isAuthenticatedCRM"](e)) {
-          const { data: n } = await L.getFields(e, { type: t, typeId: a, populated: !0 });
-          this.setFormValue({
-            key: "data.fields",
-            value: { ...this._document.fields, ...n }
-          });
-        }
-      }));
+      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 L.getFields(
+              e,
+              { type: t, typeId: a, populated: !0 }
+            );
+            this.setFormValue({
+              key: "data.fields",
+              value: { ...this._document.fields, ...n }
+            });
+          }
+        })
+      );
     }
   },
   methods: {
@@ -6477,7 +6673,10 @@ const ce = (i, e, t = "$children") => {
     // Move functions for sections
     onBlockMove(i, e) {
       const a = e + (i === "down" ? 1 : -1);
-      a >= this._document.readLayout.length || a < 0 || this.onBlockListChange("foo", { removedIndex: e, addedIndex: a });
+      a >= this._document.readLayout.length || a < 0 || this.onBlockListChange("foo", {
+        removedIndex: e,
+        addedIndex: a
+      });
     },
     onBlockRemove(i, e) {
       if (i.itemId.startsWith("packageGroup")) {
@@ -6487,7 +6686,10 @@ const ce = (i, e, t = "$children") => {
         ce(i, (n) => {
           n.value && Object.values(n.value).forEach((s) => {
             this.removeFormKeyValue(`${s}`);
-            let o = s.replace(/^data.(?!properties)/g, "data.properties.");
+            let o = s.replace(
+              /^data.(?!properties)/g,
+              "data.properties."
+            );
             const l = o.split(".");
             l.length > 3 && (o = l.slice(0, l.length - 1).join("."));
             const r = `template.validationSchema.properties.${o}`;
@@ -6504,33 +6706,43 @@ const ce = (i, e, t = "$children") => {
       Array.isArray(e.packages) && e.packages.forEach((a) => {
         this.setFormValue({
           key: "articles",
-          value: u(this._document, "_doc.articles", []).filter(({ packageId: n }) => n !== a.packageId)
+          value: u(this._document, "_doc.articles", []).filter(
+            ({ packageId: n }) => n !== a.packageId
+          )
         });
       });
-      const t = Object.assign({}, u(this._document, "_doc.data.packageGroups"));
-      delete t[i], this.setFormValue({ key: "data.packageGroups", value: t }), Object.keys(u(this._document, "_doc.data.packageGroups", {})).length || this.removeFormValue("template.validationSchema.properties.data.properties.packageGroups");
+      const t = Object.assign(
+        {},
+        u(this._document, "_doc.data.packageGroups")
+      );
+      delete t[i], this.setFormValue({ key: "data.packageGroups", value: t }), Object.keys(u(this._document, "_doc.data.packageGroups", {})).length || this.removeFormValue(
+        "template.validationSchema.properties.data.properties.packageGroups"
+      );
     },
     onBlockListChange(i, { removedIndex: e, addedIndex: t, payload: a }) {
       if (e !== null && t !== null) {
         if (e === t)
           return;
-        const n = Re(this.nestedReadLayout, e, t);
+        const n = Re(
+          this.nestedReadLayout,
+          e,
+          t
+        );
         this.setFormValue({
           key: "template.views.read.nodes",
           value: B(n)
         });
       } else if (!e && t !== null) {
-        const {
-          sectionKey: n,
-          createNewSection: s,
-          addValidation: o,
-          contentData: l
-        } = a, {
+        const { sectionKey: n, createNewSection: s, addValidation: o, contentData: l } = a, {
           readView: r,
           validation: p,
           data: C,
           onAddFnName: V = "onAdd"
-        } = s({ sectionKey: n, document: this._document, contentData: l });
+        } = s({
+          sectionKey: n,
+          document: this._document,
+          contentData: l
+        });
         o({ validation: p, data: C });
         const de = Ge({ tree: r }), pe = [
           ...this.nestedReadLayout.slice(0, t),
@@ -6600,7 +6812,9 @@ var vn = function() {
       e.isDragging = !1;
     }, drop: function(l) {
       return e.onBlockListChange("blocks-list", l);
-    } } }, e._l(e._document.getReadLayout({ showHiddenNodes: e.isEditView }), function(l, r) {
+    } } }, e._l(e._document.getReadLayout({
+      showHiddenNodes: e.isEditView
+    }), function(l, r) {
       return t(e.canMove ? "DragItem" : "div", { key: l.nodeId, tag: "component", class: [
         {
           "drag-item": e.canMove
@@ -6613,7 +6827,11 @@ var vn = 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: 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);
+      } } }, [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);
@@ -6631,7 +6849,7 @@ var vn = function() {
   yn,
   !1,
   null,
-  "49c0d057",
+  "7bbc9812",
   null,
   null
 );
@@ -6681,10 +6899,15 @@ const Tn = {
 };
 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: {
+  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()];
+    } })])]), 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,
@@ -6692,7 +6915,7 @@ var Dn = function() {
   Vn,
   !1,
   null,
-  "37342bec",
+  "a8e48834",
   null,
   null
 );
@@ -6834,7 +7057,7 @@ var Fn = function() {
         } }], null, !0) })], 1)];
       })], 2)];
     } }], null, !0) })];
-  } }], null, !1, 3309064405) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
+  } }], null, !1, 3160700437) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
     expiresAt: "data.expiresAt",
     personalMessage: "data.personalMessage",
     defaultAnswerMethod: "data.defaultAnswerMethod",
@@ -6996,7 +7219,8 @@ const Gn = {
       "beforeSave",
       "beforeSend",
       "setFormValue",
-      "removeFormValue"
+      "removeFormValue",
+      "galleryCategory"
     ])
   ],
   i18nOptions: {
@@ -7137,7 +7361,7 @@ const Gn = {
 };
 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);
+  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, "gallery-category": e.galleryCategory, "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);
 }, Wn = [], qn = /* @__PURE__ */ c(
   Gn,
   Un,