@cling-se/widget 0.9.7 → 0.9.10

package/dist/{DocForm-28752d98.js → DocForm-c69281fc.js}

@@ -1,36 +1,36 @@
-import { aX as ce, aY as le, aZ as R, a_ as ue, a$ as A, b0 as S, b1 as oe, b2 as Pe, b3 as ze, b4 as be, i as xe, g as u, n as d, C as B, b5 as me, l as z, h as O, b6 as pe, b7 as ye, z as Xe, b8 as He, b9 as je, aW as he, ba as Le, M as c, a3 as P, c as o, aR as p, bb as Oe, bc as we, bd as ge, be as Te, B as Ne, bf as Ze, d as Ce, f as H, a2 as q, S as We, r as ke, ao as De, ad as Me, bg as Ve, aT as E, aU as I, I as W, bh as T, aV as Fe, bi as Je, V as w, bj as k, m as Ye, a as Ge, bk as Re, u as Ae } from "./main-8c6aae3a.js";
+import { aX as ce, aY as le, aZ as R, a_ as ue, a$ as A, b0 as S, b1 as oe, b2 as Pe, b3 as ze, b4 as be, f as xe, g as o, n as d, C as B, b5 as me, k as z, h as w, b6 as pe, b7 as ye, z as Xe, b8 as He, b9 as je, aW as he, ba as Le, M as c, a3 as P, b as u, aR as p, bb as Oe, bc as we, bd as ge, be as Te, B as Ne, bf as Ze, c as Ce, e as H, a2 as q, S as We, q as ke, ao as De, ad as Me, bg as Ve, V as j, aT as E, aU as I, I as W, bh as T, aV as Fe, bi as Je, bj as k, r as Ye, m as Ge, a as Re, bk as Ae } from "./main-cf622dd3.js";
 import { m as b, a as y } from "./vuex.esm-4a0fff7c.js";
-import "./index-eab9b762.js";
+import "./index-0f09ca1c.js";
 import { v as Z } from "./index-805c56e4.js";
-import { d as C, w as j } from "./CDropdownItem-32216ea8.js";
-import { D as Se, l as Be, g as qe, W as Ee, b as Ie, a as Ke } from "./DocumentLayout-3882fade.js";
-import { s as h } from "./simplebar.min-baa28a2a.js";
-import { B as Ue } from "./BlockMedia-c0637f45.js";
-import { b as Qe, I as K, a as U } from "./IsPremiumPreStep-310fc507.js";
-import { c as _e, g as $e } from "./template-c64eadf9.js";
-import { a as et } from "./tinycolor-c5753ad0.js";
-import { m as L } from "./mapFormMixin-fe8972cd.js";
-import { S as tt, C as Q, i as nt } from "./formComponentsInstall-60696be3.js";
-import { s as m, f as ft } from "./focusDrawerMixin-7cf9e926.js";
-import { f as rt } from "./formValidationMixin-5d709c26.js";
-import { F as _, d as st } from "./tippy.esm-495f26e4.js";
-import { S as vt } from "./CSlider.vue_vue_type_style_index_0_lang-a2818d05.js";
-import { o as at, d as it } from "./vuedraggable.umd-45109ca7.js";
+import { d as C, w as h } from "./CDropdownItem-ab42f924.js";
+import { D as Se, l as Be, g as qe, W as Ee, b as Ie, a as Ke } from "./DocumentLayout-2ff55f9f.js";
+import { s as L } from "./simplebar.min-3f1edc12.js";
+import { B as Ue } from "./BlockMedia-80a082ed.js";
+import { b as Qe, I as K, a as U } from "./IsPremiumPreStep-8d46fadc.js";
+import { c as _e, g as $e } from "./template-66eba036.js";
+import { a as et } from "./tinycolor-9f3cc25c.js";
+import { m as O } from "./mapFormMixin-490a1765.js";
+import { S as tt, C as Q, i as nt } from "./formComponentsInstall-9e33cb8f.js";
+import { s as m, f as ft } from "./focusDrawerMixin-01b547f0.js";
+import { f as rt } from "./formValidationMixin-74c239ee.js";
+import { F as _, d as st } from "./tippy.esm-dec03596.js";
+import { S as vt } from "./CSlider.vue_vue_type_style_index_0_lang-c70342a2.js";
+import { o as at, d as it } from "./vuedraggable.umd-f2d6d3e3.js";
 import { s as dt } from "./dom-068d1a7b.js";
-import ct from "./AnswerModal-7441b8d3.js";
+import ct from "./AnswerModal-995e7a87.js";
 import "./color-71c20583.js";
 import "./anime.es-e284c852.js";
 import "./regions-29ee6964.js";
-import "./BaseDatePicker-5fcfcdcb.js";
-import "./ErrorCallout-ca6aa8a6.js";
-import "./AddClientCallout-22eea733.js";
-import "./ClientAutocomplete-1569a879.js";
-import "./SearchApi-66a3369e.js";
-import "./ClientModal-4ff2f08c.js";
-import "./CCallout-d5efd737.js";
-import "./CField-b58cafce.js";
+import "./BaseDatePicker-7f047527.js";
+import "./ErrorCallout-84e8168b.js";
+import "./AddClientCallout-98b5d2c9.js";
+import "./ClientAutocomplete-67fc253c.js";
+import "./SearchApi-25909227.js";
+import "./ClientModal-1709e8c7.js";
+import "./CCallout-bd314caa.js";
+import "./CField-6da7299b.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ColorPicker-4a830e26.js";
+import "./ColorPicker-4880a624.js";
 var lt = ce, ut = le, ot = R;
 function Pt(n, e, t) {
   for (var f = -1, r = e.length, s = {}; ++f < r; ) {
@@ -245,9 +245,9 @@ const M1 = {
   },
   methods: {
     ...y({
-      loadTemplate: u.DO_LOAD_TEMPLATE,
-      saveTemplate: u.SAVE_TEMPLATE_FORM,
-      updateSettings: u.UPDATE_SETTINGS
+      loadTemplate: o.DO_LOAD_TEMPLATE,
+      saveTemplate: o.SAVE_TEMPLATE_FORM,
+      updateSettings: o.UPDATE_SETTINGS
     }),
     async onSave() {
       if (!this.document && !this.template && (this.$log.error('Missing prop "document" or "template"'), this.$emit("close")), this.$v.$invalid)
@@ -312,7 +312,7 @@ var V1 = function() {
   F1,
   !1,
   null,
-  "9f39f8ce",
+  "f9bd0c75",
   null,
   null
 );
@@ -320,7 +320,7 @@ const ne = J1.exports;
 const Y1 = {
   name: "GalleryTemplateModal",
   components: {
-    simplebar: h,
+    simplebar: L,
     DocumentLayout: Se
   },
   props: {
@@ -405,9 +405,9 @@ const Y1 = {
 var G1 = function() {
   var f;
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "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" } }, [t("simplebar", [e.previewDocument ? t("DocumentLayout", { attrs: { document: e.previewDocument } }) : 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%)" } }, [(f = e.templateStat) != null && f.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) + " ")]), 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: "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" } }, [t("simplebar", [e.previewDocument ? t("DocumentLayout", { attrs: { document: e.previewDocument } }) : 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%)" } }, [(f = e.templateStat) != null && f.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)])])]), t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("CButton", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.useSelectedTemplate } }, [e._v(" " + e._s(e.$t("_common:use", { thing: e.$t("_common:template") })) + " ")]), e.showSave ? t("CButton", { attrs: { loading: e.isLoading, type: e.didSave ? "success" : "none", "icon-left": e.didSave ? "check" : void 0, wide: "" }, on: { click: function(r) {
+  } }), 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" } }, [t("CButton", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.useSelectedTemplate } }, [e._v(" " + e._s(e.$t("_common:use", { thing: e.$t("_common:template") })) + " ")]), e.showSave ? t("CButton", { attrs: { loading: e.isLoading, type: e.didSave ? "success" : "none", "icon-left": e.didSave ? "check" : void 0, wide: "" }, on: { click: function(r) {
     e.didSave || e.saveAsTemplate();
   } } }, [e._v(" " + e._s(e.didSave ? e.$t("_common:savedThing", { thing: e.$t("_common:template") }) : e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")]) : e._e()], 1)])]);
 }, R1 = [], A1 = /* @__PURE__ */ d(
@@ -416,7 +416,7 @@ var G1 = function() {
   R1,
   !1,
   null,
-  "e2568605",
+  "a06e4d2b",
   null,
   null
 );
@@ -477,6 +477,10 @@ const S1 = A1.exports, B1 = {
     filterLanguage: {
       type: String,
       default: () => ["cling", "fortnoxSe"].includes(z.brand) ? "sv" : "en"
+    },
+    showTemplateAuthor: {
+      type: Boolean,
+      default: !0
     }
   },
   data() {
@@ -535,7 +539,7 @@ const S1 = A1.exports, B1 = {
           const s = this.templateGalleryItems.find(({ id: v }) => v === t);
           this.selectGalleryItem(s);
         } catch (s) {
-          O(s);
+          w(s);
         }
     });
   },
@@ -550,7 +554,7 @@ const S1 = A1.exports, B1 = {
         const t = await this.fetchGallery(e);
         this.templateGalleryItems = t || [], this.availableCategoryKeys = t.reduce((f, r) => [.../* @__PURE__ */ new Set([...f, ...r.categories])], []);
       } catch (t) {
-        O(t);
+        w(t);
       } finally {
         this.isLoading = !1, typeof n == "function" && n();
       }
@@ -591,11 +595,14 @@ const S1 = A1.exports, B1 = {
           meta: {
             name: e.name,
             text: e.description,
-            author: {
-              name: this.$t("_common:brand.name"),
-              avatar: t[z.brand],
-              templatesCount: this.templateGalleryItems.length
-            }
+            ...this.showTemplateAuthor ? {
+              // Only show author if enabled)
+              author: {
+                name: this.$t("_common:brand.name"),
+                avatar: t[z.brand],
+                templatesCount: this.templateGalleryItems.length
+              }
+            } : {}
           },
           ...this.modalProps
         },
@@ -669,14 +676,14 @@ var Q1 = 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.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)]);
 }, _1 = [], $1 = /* @__PURE__ */ d(
   U1,
   Q1,
   _1,
   !0,
   null,
-  "6b8b46e0",
+  "4af01db0",
   null,
   null
 );
@@ -684,7 +691,7 @@ const e2 = $1.exports;
 const t2 = {
   name: "HorizontalScroll",
   components: {
-    Simplebar: h
+    Simplebar: L
   },
   data() {
     return {
@@ -747,7 +754,7 @@ var n2 = function() {
   f2,
   !1,
   null,
-  "15f25c8e",
+  "99e80a12",
   null,
   null
 );
@@ -786,7 +793,7 @@ const v2 = {
   },
   methods: {
     ...y({
-      loadDocument: u.LOAD_DOCUMENT2
+      loadDocument: o.LOAD_DOCUMENT2
     }),
     async onInput() {
       this.isLoading = !0, this.onLoadDocuments();
@@ -854,7 +861,7 @@ var a2 = function() {
   i2,
   !1,
   null,
-  "0096ccb0",
+  "917f8958",
   null,
   null
 );
@@ -877,7 +884,8 @@ const l2 = {
           cancel: "Avbryt"
         },
         icon: {
-          tooltip: "Fler val"
+          tooltip: "Fler val",
+          freeTooltip: "Det här en gratismall som du kan använda obegränsat."
         }
       },
       en: {
@@ -894,13 +902,14 @@ const l2 = {
           cancel: "Cancel"
         },
         icon: {
-          tooltip: "More options"
+          tooltip: "More options",
+          freeTooltip: "This is a template that you can use for free, without limitations."
         }
       }
     }
   },
-  name: "DocumentFormSelect",
-  mixins: [j],
+  name: "TemplateSelector",
+  mixins: [h],
   components: {
     HorizontalScroll: s2,
     DocumentIcon: e2,
@@ -933,9 +942,17 @@ const l2 = {
       type: Boolean,
       default: !1
     },
+    showGalleryTemplateAuthor: {
+      type: Boolean,
+      default: !0
+    },
     listExpanded: {
       type: Boolean,
       default: !1
+    },
+    includePartnerTemplates: {
+      type: Boolean,
+      default: !1
     }
   },
   data() {
@@ -967,7 +984,7 @@ const l2 = {
     },
     myTemplates() {
       const n = [...this.availableTemplates];
-      return !n.length && this.isFetchingTemplates ? Array(5).fill({ placeholder: !0 }) : [{ id: "empty" }, ...n];
+      return !n.length && this.isFetchingTemplates ? Array(5).fill({ placeholder: !0 }) : [{ id: "empty", doConsumeDocumentQuota: !0 }, ...n];
     },
     galleryModalProps() {
       const { fSkatt: n, insurance: e } = this.companySettings;
@@ -987,15 +1004,14 @@ const l2 = {
   },
   methods: {
     ...y({
-      loadTemplatesAction: u.LOAD_TEMPLATES,
-      loadTemplate: u.LOAD_TEMPLATE,
-      createTemplate: u.DO_CREATE_TEMPLATE,
-      hideTemplate: u.HIDE_TEMPLATE,
-      deleteTemplate: u.DELETE_TEMPLATE
+      loadTemplatesAction: o.LOAD_TEMPLATES,
+      loadTemplate: o.LOAD_TEMPLATE,
+      createTemplate: o.DO_CREATE_TEMPLATE,
+      removeTemplate: o.REMOVE_TEMPLATE
     }),
     loadTemplates() {
       const n = {};
-      this.defaultLanguage && (n.sharedLanguage = this.defaultLanguage), this.loadTemplatesAction(n), this.isAuthenticatedCRM("hubspot") && this.loadTemplate({ id: "hubspot" });
+      this.defaultLanguage && (n.sharedLanguage = this.defaultLanguage), this.includePartnerTemplates && (n.includePartnerTemplates = !0), this.loadTemplatesAction(n), this.isAuthenticatedCRM("hubspot") && this.loadTemplate({ id: "hubspot" });
     },
     select({ templateId: n, documentId: e, formData: t }) {
       return this.onUseTemplate({
@@ -1011,13 +1027,10 @@ const l2 = {
         const { data: e } = n, t = he(e, ["_id", "id", "companyId", "isVisible"]);
         return await this.createTemplate({ body: t }), !0;
       } catch (e) {
-        O(e);
+        w(e);
       }
       return !1;
     },
-    async onRemoveTemplate(n) {
-      n.companyId ? await this.deleteTemplate({ id: n.id }) : await this.hideTemplate({ id: n.id });
-    },
     async openTemplateFormModal({ document: n = null, template: e = null }) {
       this.$modal.show(
         ne,
@@ -1049,16 +1062,24 @@ var u2 = function() {
   } } }, e._l(e.myTemplates, function(f) {
     return t("DocumentIcon", { key: f.id, staticClass: "template-item", attrs: { "is-add": f.id === "empty", "is-placeholder": f.placeholder, media: f.defaultMedia || e.fallbackMedia, thumbnail: f.thumbnailUrl, name: f.name }, on: { click: function(r) {
       f.placeholder || e.select({ templateId: f.id });
-    } } }, [t("CDropdown", { staticStyle: { top: "-8px", right: "-4px" }, attrs: { "append-to-body": "" }, nativeOn: { click: function(r) {
+    } } }, [!f.doConsumeDocumentQuota && !f.placeholder ? t("div", { staticClass: "text-sm capitalize font-bold text-white bg-primary-500 rounded leading-none px-1.5 py-1", attrs: { slot: "badge" }, slot: "badge" }, [e._v(" " + e._s(e.$t("_common:free")) + " ")]) : e._e(), f.onModify === "create" && !f.doConsumeDocumentQuota ? t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+      content: e.$t("icon.freeTooltip"),
+      placement: "bottom"
+    }, expression: `{
+              content: $t('icon.freeTooltip'),
+              placement: 'bottom'
+            }` }], staticStyle: { top: "-8px", right: "-4px" }, attrs: { icon: "info", type: "none", pattern: "tertiary", size: "small" }, nativeOn: { click: function(r) {
+      r.stopPropagation();
+    } } }) : t("CDropdown", { staticStyle: { top: "-8px", right: "-4px" }, attrs: { "append-to-body": "" }, nativeOn: { click: function(r) {
       r.stopPropagation();
     } } }, [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("icon.tooltip"), expression: "$t('icon.tooltip')" }], attrs: { slot: "trigger", icon: "more-vertical", type: "none", pattern: "tertiary", size: "small" }, slot: "trigger" }), e.onEditTemplate ? t("CDropdownItem", { attrs: { "icon-left": "template-color" }, on: { click: function(r) {
       return e.onEditTemplate(f.id);
     } } }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:template") })) + " ")]) : e._e(), t("CDropdownItem", { attrs: { "icon-props": { size: 16 }, "icon-left": "edit" }, on: { click: function(r) {
       return e.openTemplateFormModal({ template: f });
     } } }, [e._v(" " + e._s(e.$t("_common:change", { thing: e.$t("_common:name") })) + " ")]), t("CDropdownItem", { attrs: { separator: "" } }), t("CDropdownItem", { attrs: { "icon-props": { size: 16, stroke: "hsl(360, 100%, 60%)" }, "icon-left": "trash" }, on: { click: function(r) {
-      return e.onRemoveTemplate(f);
+      return e.removeTemplate({ template: f });
     } } }, [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, "modal-props": e.galleryModalProps }, scopedSlots: e._u([{ key: "default", fn: function({
+  }), 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({
     galleryItems: f,
     categories: r,
     activeCategory: s,
@@ -1083,7 +1104,7 @@ var u2 = function() {
   o2,
   !1,
   null,
-  "1eb8b257",
+  "f1ac5587",
   null,
   null
 );
@@ -2376,7 +2397,7 @@ const l3 = ({
   _getters: t,
   allArticles: f = []
 } = {}) => {
-  const r = o(t, "settings/defaultVatRate") || null, s = !o(t, "settings/hidePriceOnNewlyAddedArticles"), v = (a) => P.t(`packageGroupContentItems:${a}`, { lng: n });
+  const r = u(t, "settings/defaultVatRate") || null, s = !u(t, "settings/hidePriceOnNewlyAddedArticles"), v = (a) => P.t(`packageGroupContentItems:${a}`, { lng: n });
   return [
     {
       previewUrl: `
@@ -3433,7 +3454,7 @@ var w3 = function() {
   g3,
   !1,
   null,
-  "3cb13e4e",
+  "d54a4290",
   null,
   null
 );
@@ -3470,11 +3491,11 @@ const N3 = {
     CButton: Ce
   },
   mixins: [
-    L([], {
+    O([], {
       useEmit: !1,
       setFnName: "setFormValue"
     }),
-    j
+    h
   ],
   props: {
     setFormValue: {
@@ -3512,7 +3533,7 @@ const N3 = {
       return !!(this.viewSettings && this.viewSettings.isPublicForm);
     },
     hasAnswerBlock() {
-      return (o(this._document, "template.views.read.nodes") || []).some((e) => e.itemType === "answer");
+      return (u(this._document, "template.views.read.nodes") || []).some((e) => e.itemType === "answer");
     }
   },
   watch: {
@@ -3529,7 +3550,7 @@ const N3 = {
   },
   methods: {
     ...y({
-      createTemplate: u.DO_CREATE_TEMPLATE
+      createTemplate: o.DO_CREATE_TEMPLATE
     }),
     open() {
       this.isOpen = !0;
@@ -3539,7 +3560,7 @@ const N3 = {
         return;
       const n = {
         ...this._document.copyTemplateDocDefault(),
-        name: o(this._document, "name") || this.$t("_common:untitled"),
+        name: u(this._document, "name") || this.$t("_common:untitled"),
         _id: void 0,
         id: void 0,
         isVisible: !0
@@ -3572,7 +3593,7 @@ var Z3 = function() {
   C3,
   !1,
   null,
-  "7cbf7355",
+  "fb3658be",
   null,
   null
 );
@@ -3651,7 +3672,7 @@ var G3 = function() {
   R3,
   !1,
   null,
-  "9b75010b",
+  "d394713b",
   null,
   null
 );
@@ -3667,7 +3688,7 @@ const S3 = /([\d+.]*)(.*)/, X = (n) => (n || "").match(S3), B3 = {
     DragWindow: se
   },
   mixins: [
-    L(
+    O(
       ["css"],
       { useEmit: !1, setFnName: "set" }
     )
@@ -3736,7 +3757,7 @@ const S3 = /([\d+.]*)(.*)/, X = (n) => (n || "").match(S3), B3 = {
       // Dynamic depending on font family
       definitionOptions: {
         fontFamily: ({ key: n, value: e }) => {
-          const t = o(this.css, `${this.activeItem.selector}.fontWeight`) || o(this.activeItem, "style.fontWeight") || "400";
+          const t = u(this.css, `${this.activeItem.selector}.fontWeight`) || u(this.activeItem, "style.fontWeight") || "400";
           return {
             label: this.$t("font"),
             inputs: [
@@ -4188,7 +4209,7 @@ const S3 = /([\d+.]*)(.*)/, X = (n) => (n || "").match(S3), B3 = {
     activeItemOptions() {
       if (!this.activeItem)
         return [];
-      const { selector: n, category: e, style: t = {} } = this.activeItem, f = o(this.css, n) || {}, r = (s) => f[s] || t[s];
+      const { selector: n, category: e, style: t = {} } = this.activeItem, f = u(this.css, n) || {}, r = (s) => f[s] || t[s];
       return this[e].map(({ option: s, key: v }, a) => {
         const i = this.definitionOptions[s], l = Array.isArray(v) ? v.map((x) => ({ key: x, value: r(x) })) : { key: v, value: r(v) };
         return i(l, a);
@@ -4197,7 +4218,7 @@ const S3 = /([\d+.]*)(.*)/, X = (n) => (n || "").match(S3), B3 = {
   },
   watch: {
     async activeItem(n) {
-      const e = o(n, "style.fontFamily");
+      const e = u(n, "style.fontFamily");
       e && (this.fontWeightOptions = await qe(e));
     }
   },
@@ -4235,7 +4256,7 @@ var q3 = function() {
   E3,
   !1,
   null,
-  "930a4202",
+  "1ead8632",
   null,
   null
 );
@@ -4330,7 +4351,7 @@ const U3 = {
   },
   created() {
     if (this.existingFieldId) {
-      const n = o(this.document, `fields.${this.existingFieldId}`);
+      const n = u(this.document, `fields.${this.existingFieldId}`);
       n && (this.form = { ...this.form, ...n });
     }
   },
@@ -4372,7 +4393,7 @@ var Q3 = function() {
   _3,
   !1,
   null,
-  "5cc44007",
+  "e9078ef4",
   null,
   null
 );
@@ -4405,7 +4426,7 @@ const tn = {
     CAccordion: Qe,
     CField: Q
   },
-  mixins: [L()],
+  mixins: [O()],
   props: {
     set: {
       type: Function,
@@ -4499,7 +4520,7 @@ const tn = {
       );
     },
     onCopyField(n) {
-      navigator && navigator.clipboard && n && navigator.clipboard.writeText(n).then(() => q("info", this.$t("_common:copyMessage"))).catch((e) => O(e));
+      navigator && navigator.clipboard && n && navigator.clipboard.writeText(n).then(() => q("info", this.$t("_common:copyMessage"))).catch((e) => w(e));
     },
     filterMethod(n, e) {
       return e.filter((t) => t.label.toLowerCase().includes(n.toLowerCase()));
@@ -4561,7 +4582,7 @@ var nn = function() {
   fn,
   !1,
   null,
-  "ef9c2946",
+  "d4a32633",
   null,
   null
 );
@@ -4612,7 +4633,7 @@ const vn = {
     draggable: it,
     Spinner: We
   },
-  mixins: [L([
+  mixins: [O([
     "externalReferences",
     "clients",
     "articles"
@@ -4794,7 +4815,7 @@ var an = function() {
   dn,
   !1,
   null,
-  "b775e9f9",
+  "37eb1ef8",
   null,
   null
 );
@@ -4896,7 +4917,7 @@ const un = {
       required: !0
     }
   },
-  mixins: [L([
+  mixins: [O([
     "tags",
     "series",
     "senderId",
@@ -5087,7 +5108,7 @@ const un = {
   },
   methods: {
     ...y({
-      loadUsers: u.LOAD_COMPANY_USERS
+      loadUsers: o.LOAD_COMPANY_USERS
     }),
     update(n, e) {
       this[n] = e;
@@ -5119,7 +5140,7 @@ var on = function() {
   Pn,
   !1,
   null,
-  "1601b625",
+  "539898df",
   null,
   null
 );
@@ -5251,10 +5272,14 @@ var gn = function() {
   null
 );
 const Zn = Nn.exports;
-const Cn = {
+const Cn = j.component("ProBadge", {
   name: "ProBadge",
-  template: '<div class="text-[10px] font-semibold text-white bg-primary-500 rounded leading-none px-1.5 py-1">Pro</div>'
-}, Wn = {
+  render(n) {
+    return n("div", {
+      staticClass: "text-[10px] font-semibold text-white bg-primary-500 rounded leading-none px-1.5 py-1"
+    }, "Pro");
+  }
+}), Wn = {
   name: "MenuBlocks",
   i18nOptions: {
     namespaces: "menuBlocks",
@@ -5324,7 +5349,7 @@ const Cn = {
     }
   },
   components: {
-    simplebar: h,
+    simplebar: L,
     DragList: E,
     DragItem: I,
     AddBlock: fe,
@@ -5354,7 +5379,7 @@ const Cn = {
       default: !0
     }
   },
-  mixins: [j],
+  mixins: [h],
   data() {
     return {
       subMenuToShow: null,
@@ -5632,7 +5657,7 @@ const Cn = {
       return this.availableBlocks.filter(({ key: n }) => !this.primaryFilterNames.includes(n));
     },
     activeSubMenuKey() {
-      return o(this.activeSubMenu, "[0].key") || null;
+      return u(this.activeSubMenu, "[0].key") || null;
     }
     // section key is added to each element in the menu
   },
@@ -5708,7 +5733,7 @@ const Cn = {
       return !this.feature(`docBlock_${n}`);
     },
     doesBlockExist(n) {
-      return !!o(this._document, "_doc.template.views.read.nodes", []).find((t) => t.itemId.startsWith(n));
+      return !!u(this._document, "_doc.template.views.read.nodes", []).find((t) => t.itemId.startsWith(n));
     },
     getGhostParent() {
       var t, f;
@@ -5773,7 +5798,7 @@ var kn = function() {
   Dn,
   !1,
   null,
-  "4ce1e5ea",
+  "9961b977",
   null,
   null
 );
@@ -5910,13 +5935,24 @@ var Jn = function() {
   Yn,
   !1,
   null,
-  "49f05ec2",
+  "279bcfd8",
   null,
   null
 );
 const Rn = Gn.exports;
 const An = {
   name: "BlockControlButtons",
+  i18nOptions: {
+    namespace: "blockControlButtons",
+    messages: {
+      en: {
+        hidden: "Hidden"
+      },
+      sv: {
+        hidden: "Dold"
+      }
+    }
+  },
   props: {
     isVisible: {
       type: [Boolean, Object],
@@ -5940,7 +5976,7 @@ var Sn = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex flex-col gap-1 control-root" }, [e.canToggleVisibility ? t("div", { staticClass: "control-button", on: { click: function(f) {
     return e.$emit("toggle-visible", !e.isVisible);
-  } } }, [e.isVisible ? e._e() : t("span", { staticClass: "px-1.5 text-xs text-gray-600" }, [e._v("Hidden")]), t("BaseIcon", { class: { "mr-1": !e.isVisible }, attrs: { type: e.isVisible ? "eye" : "eye-off", size: "14" } })], 1) : e._e(), !e.isHidden && e.isMovable ? [t("div", { staticClass: "control-direction" }, [t("div", { staticClass: "control-button", on: { click: function(f) {
+  } } }, [e.isVisible ? e._e() : t("span", { staticClass: "px-1.5 text-xs text-gray-600" }, [e._v(" " + e._s(e.$t("hidden")) + " ")]), t("BaseIcon", { class: { "mr-1": !e.isVisible }, attrs: { type: e.isVisible ? "eye" : "eye-off", size: "14" } })], 1) : e._e(), !e.isHidden && e.isMovable ? [t("div", { staticClass: "control-direction" }, [t("div", { staticClass: "control-button", on: { click: function(f) {
     return e.$emit("move", "up");
   } } }, [t("BaseIcon", { attrs: { type: "chevron-up", size: "16" } })], 1), t("div", { staticClass: "control-button", on: { click: function(f) {
     return e.$emit("move", "down");
@@ -5953,7 +5989,7 @@ var Sn = function() {
   Bn,
   !1,
   null,
-  "930bc32a",
+  "33152708",
   null,
   null
 );
@@ -6003,10 +6039,10 @@ const In = {
       return typeof this.isVisible == "boolean" && !this.isVisible;
     },
     showControls() {
-      return this.disableControls ? !1 : !this.isDragging && this.isHovering ? !0 : this.isHidden;
+      return !this.isEditView || this.disableControls ? !1 : !this.isDragging && this.isHovering ? !0 : this.isHidden;
     },
     contentClass() {
-      return this.isHidden ? "h-16 overflow-hidden after:bg-gradient-to-b after:from-white/50 after:to-white relative after:absolute after:content-[''] after:inset-0" : "";
+      return this.isHidden ? "h-16 overflow-hidden after:bg-gradient-to-b after:from-white/50 after:to-white relative after:absolute after:content-[''] after:inset-0 after:z-[1]" : "";
     }
   }
 };
@@ -6039,7 +6075,7 @@ var Kn = function() {
   Un,
   !1,
   null,
-  "d2b18ffd",
+  "cd626093",
   null,
   null
 );
@@ -6047,7 +6083,7 @@ const _n = Qn.exports;
 const $n = {
   name: "DocumentDrawer",
   components: {
-    simplebar: h,
+    simplebar: L,
     Drawer: re
   },
   props: {
@@ -6088,7 +6124,7 @@ var e7 = function() {
   t7,
   !1,
   null,
-  "f0a56edd",
+  "bce8bd6b",
   null,
   null
 );
@@ -6119,7 +6155,7 @@ var s7 = function() {
   v7,
   !1,
   null,
-  "bfd27279",
+  "89f0c419",
   null,
   null
 );
@@ -6167,7 +6203,7 @@ var z7 = function() {
   b7,
   !1,
   null,
-  "05fc111c",
+  "51b7dda2",
   null,
   null
 );
@@ -6204,7 +6240,7 @@ const ve = (n, e, t = "$children") => {
     DocumentFormNav: m7,
     DocumentDrawer: f7,
     DocumentStyleContainer: Ke,
-    simplebar: h,
+    simplebar: L,
     LogoBanner: o7,
     IsPremium: U
   },
@@ -6243,7 +6279,7 @@ const ve = (n, e, t = "$children") => {
       default: !0
     }
   },
-  mixins: [j],
+  mixins: [h],
   data() {
     return {
       drawerState: m,
@@ -6258,28 +6294,28 @@ const ve = (n, e, t = "$children") => {
   },
   computed: {
     docTemplate() {
-      return o(this._document, "template", null);
+      return u(this._document, "template", null);
     },
     isTemplateEditable() {
-      return o(this.docTemplate, "views.read.isEditable", !1);
+      return u(this.docTemplate, "views.read.isEditable", !1);
     },
     canMove() {
-      return this.isTemplateEditable;
+      return this.isTemplateEditable && this.isEditView;
     },
     readLayout() {
-      return o(this.docTemplate, "views.read.nodes", []);
+      return u(this.docTemplate, "views.read.nodes", []);
     },
     nestedReadLayout() {
       return this._document.getReadLayout({ showHiddenNodes: this.isEditView });
     },
     currency() {
-      return o(this._document, "currency");
+      return u(this._document, "currency");
     },
     externalReferences() {
-      return o(this._document, "externalReferences") || [];
+      return u(this._document, "externalReferences") || [];
     },
     headingColor() {
-      return o(this._document, "theme.headingColor");
+      return u(this._document, "theme.headingColor");
     },
     isEditView() {
       return this.view === "edit";
@@ -6375,11 +6411,11 @@ const ve = (n, e, t = "$children") => {
       Array.isArray(e.packages) && e.packages.forEach((f) => {
         this.setFormValue({
           key: "articles",
-          value: o(this._document, "_doc.articles", []).filter(({ packageId: r }) => r !== f.packageId)
+          value: u(this._document, "_doc.articles", []).filter(({ packageId: r }) => r !== f.packageId)
         });
       });
-      const t = Object.assign({}, o(this._document, "_doc.data.packageGroups"));
-      delete t[n], this.setFormValue({ key: "data.packageGroups", value: t }), Object.keys(o(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[n], 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(n, { removedIndex: e, addedIndex: t, payload: f }) {
       if (e !== null && t !== null) {
@@ -6497,11 +6533,11 @@ var y7 = function() {
   X7,
   !1,
   null,
-  "e8e5349e",
+  "6eacc434",
   null,
   null
 );
-const j7 = H7.exports, N = w.observable({
+const j7 = H7.exports, N = j.observable({
   canEdit: !1,
   isForm: !0,
   setFormValue: null
@@ -6577,7 +6613,7 @@ const j7 = H7.exports, N = w.observable({
   },
   computed: {
     canDoActions() {
-      return !!o(this.document, "template.views.read.nodes", []).length;
+      return !!u(this.document, "template.views.read.nodes", []).length;
     },
     canEdit() {
       const { document: n } = this;
@@ -6702,7 +6738,7 @@ const T7 = {
   },
   methods: {
     ...y({
-      loadDocument: u.LOAD_DOCUMENT2
+      loadDocument: o.LOAD_DOCUMENT2
     }),
     copyToClipboard(n) {
       n.target.previousElementSibling.select(), document.execCommand("copy", !1), q("info", this.$t("copied"));
@@ -6722,14 +6758,14 @@ var N7 = function() {
   Z7,
   !1,
   null,
-  "791a9a8f",
+  "27127273",
   null,
   null
 );
 const W7 = C7.exports, k7 = W7, D7 = ({ id: n }) => {
-  if (!w.prototype.$modal)
+  if (!j.prototype.$modal)
     throw Error("Open client modal requires plugin vue-js-modal");
-  w.prototype.$modal.show(
+  j.prototype.$modal.show(
     k7,
     {
       id: n
@@ -6745,7 +6781,7 @@ const W7 = C7.exports, k7 = W7, D7 = ({ id: n }) => {
 };
 const M7 = {
   name: "PostDocumentSend",
-  mixins: [j],
+  mixins: [h],
   i18nOptions: {
     namespaces: "PostDocumentSend",
     messages: {
@@ -6790,9 +6826,9 @@ const M7 = {
   },
   methods: {
     ...y({
-      updateDocument: u.DO_UPDATE_DOCUMENT2,
-      answerDocument: u.ANSWER_OWN_DOCUMENT2,
-      sendDocument: u.DO_SEND_DOCUMENT2
+      updateDocument: o.DO_UPDATE_DOCUMENT2,
+      answerDocument: o.ANSWER_OWN_DOCUMENT2,
+      sendDocument: o.DO_SEND_DOCUMENT2
     }),
     async handleDocumentLinks() {
       const { id: n } = this.document, e = k(this.document), t = !e.sms && !e.email;
@@ -6877,9 +6913,10 @@ var V7 = function() {
   null
 );
 const Y7 = J7.exports;
-w.use(nt);
+j.use(nt);
 const G7 = {
   name: "DocForm",
+  mixins: [Ye(["closeFunc"])],
   i18nOptions: {
     namespaces: "widgetDocForm",
     messages: {
@@ -6915,7 +6952,7 @@ const G7 = {
     };
   },
   computed: {
-    ...Ye({
+    ...Ge({
       company: "application/company",
       feature: "application/feature",
       can: "application/can",
@@ -6944,14 +6981,14 @@ const G7 = {
     (!this.rawDoc || (n = this.rawDoc) != null && n.__isNew) && (this.view = "templateSelect");
   },
   methods: {
-    ...Ge({
-      setFormValue: u.SET_FORM_VALUE,
-      removeFormValue: u.REMOVE_FORM_VALUE,
-      removeFormKeyValue: u.REMOVE_FORM_KEY_VALUE,
-      loadDocumentForm: u.LOAD_DOCUMENT2_FORM,
-      duplicateDocumentForm: u.LOAD_DUPLICATE_DOCUMENT2_FORM,
-      saveDocument: u.SAVE_DYNDOC_FORM,
-      loadCompanyUser: u.LOAD_COMPANY_USER
+    ...Re({
+      setFormValue: o.SET_FORM_VALUE,
+      removeFormValue: o.REMOVE_FORM_VALUE,
+      removeFormKeyValue: o.REMOVE_FORM_KEY_VALUE,
+      loadDocumentForm: o.LOAD_DOCUMENT2_FORM,
+      duplicateDocumentForm: o.LOAD_DUPLICATE_DOCUMENT2_FORM,
+      saveDocument: o.SAVE_DYNDOC_FORM,
+      loadCompanyUser: o.LOAD_COMPANY_USER
     }),
     async initDoc() {
       if (!this.rawDoc)
@@ -6976,7 +7013,7 @@ const G7 = {
         _formData: f
       }) : await this.loadDocumentForm({
         templateId: n,
-        formData: t ? Re(t, f) : null,
+        formData: t ? Ae(t, f) : null,
         _formData: f
       }), (r = f == null ? void 0 : f.data) != null && r.name && this.setDocValue({ key: "data.name", value: f.data.name }), await this.initDoc(), this.view = "editor";
     },
@@ -6994,7 +7031,12 @@ const G7 = {
       n && (t != null && t.senderClient) ? (this.document = t, this.view = "postSend") : this.close();
     },
     close() {
-      Ae.open = !1;
+      if (this.closeFunc)
+        this.closeFunc();
+      else
+        throw new Error(
+          "[DocForm] closeFunc is missing from route params. Make sure to set it from ui"
+        );
     },
     goBack() {
       this.view = "templateSelect", this.setDocValue({ key: "__isNew", value: !0 });
@@ -7003,7 +7045,7 @@ const G7 = {
 };
 var R7 = 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") } })], 1) : e.view === "editor" ? t("DocumentEditor", { 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.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, "include-partner-templates": "" } })], 1) : e.view === "editor" ? t("DocumentEditor", { 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.goBack, "can-show-banner": !1 } }) : t("PostSend", { attrs: { document: e.document, "on-send-func": e.close, "on-close-func": e.close } })], 1);
 }, A7 = [], S7 = /* @__PURE__ */ d(
   G7,
   R7,