@cling-se/widget 0.9.21 → 0.9.22

package/dist/DocDetails-ec7f2a02.js

@@ -0,0 +1,224 @@
+import { n as c, ac as f, b as g, ad as h, ae as x, af as $, r as y } from "./main-b72127b8.js";
+import { C as w } from "./CPhoneFormat-3db8947d.js";
+import { w as b, C, a as D } from "./CDropdownItem-52cf4f0e.js";
+import { D as S } from "./DocumentVoided-6351a1df.js";
+const z = {
+  name: "PublicDocumentEvents",
+  props: {
+    document: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    events() {
+      const s = [], { acceptedAt: e } = this.document;
+      return this.document.events.filter(({ createdAt: t }) => e ? f(e, t) : !0).forEach((t) => {
+        const {
+          code: i,
+          createdAt: n,
+          children: r = []
+        } = t;
+        let { data: l = {} } = t;
+        l === null && (l = {});
+        const {
+          client: o = {},
+          clients: u = [],
+          status: p,
+          counter: _
+        } = l, m = {
+          sent: () => u.map((a) => {
+            const d = this.getClientName(a.id), v = this.filteredOxfordComma([a.email, a.cellphone]);
+            return {
+              // eslint-disable-next-line prefer-template
+              text: this.document.$t("event.sent", { to: `${d ? d + ", " : ""}${v}` }),
+              time: n
+            };
+          }),
+          viewed: () => {
+            const a = _ || r.length + 1;
+            return [{
+              text: `${this.document.$t(`event.${o.name ? "viewedName" : "viewed"}`, { name: o.name })} ${a ? this.document.$tc("times", { count: a }) : ""}.`,
+              time: n
+            }];
+          },
+          accepted: () => [{
+            text: this.document.$t("event.accepted", { by: o.name || o.email || o.cellphone }),
+            time: n
+          }],
+          denied: () => [{
+            text: this.document.$t("event.denied", { by: o.name || o.email || o.cellphone }),
+            time: n
+          }],
+          statusChanged: () => [{
+            text: this.document.$t("event.statusChanged", { status: this.document.$t(`status.${p}`).toLowerCase() }),
+            time: n
+          }],
+          requestChange: () => [{
+            text: this.document.$t("event.requestChange", { status: this.document.$t(`status.${p}`).toLowerCase() }),
+            time: n
+          }],
+          expired: () => [{
+            text: this.document.$t("event.expired"),
+            time: n
+          }]
+        };
+        m[i] && s.push(...m[i]());
+      }), s;
+    }
+  },
+  methods: {
+    filteredOxfordComma(s = []) {
+      const e = s.filter((i) => !!i), t = e.length;
+      return t ? t < 2 ? e[0] : `${e.slice(0, -1).join(", ")} ${this.document.$t("and")} ${e.slice(-1)}` : "";
+    },
+    getClientName(s) {
+      const e = this.document.clients.find(({ id: t }) => t === s);
+      return e ? e.name : "";
+    }
+  },
+  render() {
+    return this.$scopedSlots.default({
+      events: this.events
+    });
+  }
+}, P = null, k = null;
+var R = /* @__PURE__ */ c(
+  z,
+  P,
+  k,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const F = R.exports;
+const A = {
+  name: "PublicRecipientItem",
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "document.myPagesDrawer"
+  },
+  components: {
+    CPhoneFormat: w
+  },
+  props: {
+    recipient: {
+      type: Object,
+      required: !0
+    }
+  },
+  methods: {
+    get: g,
+    getBrowserString({ browser: s, os: e, device: t }) {
+      return [s && s.name, e && e.name, t && t.model].filter((i) => !!i).join(", ");
+    }
+  }
+};
+var I = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticStyle: { border: "1px solid hsl(0, 0%, 84%)", "border-radius": "3px", "margin-bottom": "1em" } }, [t("div", { staticStyle: { padding: "0.5em 0.75em" } }, [e._l([e.recipient.name, e.recipient.companyName, e.recipient.orgNo], function(i, n) {
+    return t("span", { key: `${i}-${n}`, style: n === 0 ? { fontWeight: 500 } : { opacity: 0.65 } }, [e._v(" " + e._s(i && n > 0 ? "·" : "") + " " + e._s(i) + " ")]);
+  }), t("div", { staticClass: "flex flex-col w-full", staticStyle: { "font-size": "14px", "align-items": "baseline" } }, [e.recipient.email ? t("a", { attrs: { href: `mailto:${e.recipient.email}`, target: "_blank" } }, [e._v(" " + e._s(e.recipient.email) + " ")]) : e._e(), e.recipient.cellphone ? t("CPhoneFormat", { attrs: { phone: e.recipient.cellphone, region: e.recipient.cellphoneRegion }, scopedSlots: e._u([{ key: "default", fn: function({ formattedValue: i }) {
+    return t("a", { attrs: { href: `tel:${e.recipient.cellphone}` } }, [e._v(" " + e._s(i) + " ")]);
+  } }], null, !1, 2469850174) }) : e._e()], 1)], 2), t("div", { staticStyle: { "background-color": "hsl(0, 0%, 94%)", padding: "0.75em 0.75em", "font-weight": "500", "font-size": "13px", "line-height": "1", color: "hsl(0, 0%, 40%)", position: "relative" } }, [t("div", [e._v(e._s(e.$t(`_common:documentRole.${e.recipient.documentRole}.label`)))]), t("div", { staticStyle: { position: "absolute", right: "1em", top: "0px", transform: "translate(0, -50%)" } }, [t("v-popover", { attrs: { "popover-inner-class": "signee-popover", trigger: "hover", placement: "bottom-end" } }, [e.recipient.documentRole === "signee" ? t("div", { staticStyle: { padding: "5px 0.75em", background: "hsl(0, 0%, 60%)", "border-radius": "4px", "font-size": "13px", color: "hsl(0, 0%, 100%)", cursor: "default", display: "inline-flex", "align-items": "center" } }, [t("BaseIcon", { staticStyle: { "margin-right": "0.5ch" }, attrs: { size: 15, type: "info", "stroke-width": "2" } }), e.recipient.answer && e.recipient.answer.didAccept ? [e._v(" " + e._s(e.$t("_common:approved").capitalize()) + " ")] : e.recipient.answer ? [e._v(" " + e._s(e.$t("_common:denied").capitalize()) + " ")] : [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.waitingForAnswer")) + " ")]], 2) : e._e(), t("div", { staticStyle: { padding: "0" }, attrs: { slot: "popover" }, slot: "popover" }, [t("div", { staticStyle: { padding: "1em 1.5em" } }, [e.recipient.answer && e.recipient.answer.didAccept ? [e.recipient.answer.signatureDataURL ? t("div", { staticStyle: { "padding-bottom": "0.5em" } }, [t("div", { staticClass: "has-text-grey", staticStyle: { "padding-bottom": "1em" } }, [e._v(" " + e._s(e.$t("_common:signature").capitalize()) + " ")]), t("img", { staticStyle: { width: "80%" }, attrs: { src: e.recipient.answer.signatureDataURL } })]) : t("div", { staticStyle: { "font-size": "13px", "padding-top": "3px" } }, [e.get(e.recipient, "answerMethod.accept") === "bankId" ? [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.$t("views:publicDocument.pdfVerification.recipient.signedBankId")))]), t("div", [e._v(e._s(e.recipient.answer.response.name))]), t("div", [e._v(e._s(e.recipient.socialNo))])] : e.get(e.recipient, "answerMethod.accept") === "login" ? t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.recipient.verifiedLogin")) + " ")]) : e._e()], 2)] : e.recipient.answer ? t("div", [e._v(" " + e._s(e.$t("_common:denied").capitalize()) + " ")]) : t("div", [e._v(" " + e._s(e.$t("pendingAnswer")) + " ")])], 2), e.recipient.answer ? t("div", { staticStyle: { padding: "8px 1.5em", "border-top": "1px solid hsl(0deg 0% 88%)", "background-color": "hsl(0deg 0% 95%)", "font-size": "13px", color: "hsl(0, 0%, 35%)", "font-weight": "500" } }, [e.recipient.answer.didAnswerAt ? t("div", [t("div", [e._v(e._s(e.$t("_common:date").capitalize()) + ": " + e._s(e.$formatDate(e.recipient.answer.didAnswerAt, "P")))]), t("div", [e._v(e._s(e.$t("_common:time.time").capitalize()) + ": " + e._s(e.$formatDate(e.recipient.answer.didAnswerAt, "p")))])]) : e._e(), e.recipient.answer.ip ? t("div", [e._v(" IP: " + e._s(e.recipient.answer.ip) + " ")]) : e._e(), e.recipient.answer.browser ? t("div", [e._v(" Browser: " + e._s(e.getBrowserString(e.recipient.answer)) + " ")]) : e._e()]) : e._e()])])], 1)])]);
+}, L = [], j = /* @__PURE__ */ c(
+  A,
+  I,
+  L,
+  !1,
+  null,
+  "7190c9bd",
+  null,
+  null
+);
+const B = j.exports;
+const q = {
+  name: "DocumentDetails",
+  mixins: [b],
+  components: {
+    PublicDocumentEvents: F,
+    PublicRecipientItem: B,
+    CDropdown: C,
+    CDropdownItem: D
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    openPrintFunc: {
+      type: Function,
+      default: null
+    }
+  },
+  data() {
+    return {
+      docLanguages: h,
+      nativeTranslations: x
+    };
+  },
+  computed: {
+    viewer() {
+      return this.document.viewer;
+    }
+  },
+  methods: {
+    changeLanguage(s) {
+      this.document.language = s, this.$root.$i18n.i18next.changeLanguage(
+        $.includes(s) ? s : "en"
+      );
+    }
+  }
+};
+var O = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticStyle: { width: "100%", height: "100%", display: "flex", "flex-direction": "column", "font-size": "16px", background: "hsl(0, 0%, 100%)", "border-radius": "10px", overflow: "hidden", "box-shadow": "0 10px 20px rgba(0, 0, 0, 0.2)", position: "relative" } }, [t("div", { staticClass: "flex w-full justify-end items-center", staticStyle: { position: "absolute", top: "20px", right: "20px", "z-index": "2" } }, [e.openPrintFunc ? [t("CButton", { staticStyle: { "padding-left": "1em", "padding-right": "1em" }, attrs: { "icon-left": "print", type: "none", pattern: "tertiary", taller: "", size: "small" }, on: { click: e.openPrintFunc } }, [e._v(" " + e._s(e.document.$t("download", { thing: "PDF" })) + " ")]), t("div", { staticStyle: { height: "2rem", width: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "0 6px" } })] : e._e(), t("CDropdown", { attrs: { value: e.document.language } }, [t("CButton", { staticStyle: { color: "hsla(0, 0%, 45%, 1)" }, attrs: { slot: "trigger", "icon-props": { size: 18 }, size: "normal", icon: "globe", circle: "" }, slot: "trigger" }), e._l(e.docLanguages, function(i) {
+    return t("CDropdownItem", { key: i, attrs: { value: i }, on: { click: function(n) {
+      return e.changeLanguage(i);
+    } } }, [e._v(" " + e._s(e.nativeTranslations[i]) + " ")]);
+  })], 2), t("CButton", { staticStyle: { "margin-left": "6px", color: "hsla(0, 0%, 45%, 1)" }, attrs: { "icon-props": { size: 18 }, size: "normal", icon: "x", circle: "" }, on: { click: function(i) {
+    return e.$emit("close");
+  } } })], 2), t("div", { staticClass: "d-root" }, [t("div", { staticClass: "flex justify-between", staticStyle: { "margin-bottom": "3em" } }, [t("div", [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600" } }, [e._v(" " + e._s(e.document.$t("detail_plural").capitalize()) + " ")]), t("div", { staticClass: "has-text-grey", staticStyle: { "font-size": "14px" } }, [e._v(" " + e._s(e.document.$t("documentDetails.subTitle")) + " ")])])]), t("div", { staticClass: "d-option", staticStyle: { "margin-bottom": "3em" } }, [t("div", { staticClass: "d-option-title", staticStyle: { "padding-bottom": "0.5rem" } }, [e._v(" " + e._s(e.document.$t("participant_plural").capitalize()) + " ")]), e._l(e.document.recipients, function(i, n) {
+    return t("PublicRecipientItem", { key: i._uniqueId + n, attrs: { recipient: i } });
+  })], 2), t("PublicDocumentEvents", { attrs: { document: e.document }, scopedSlots: e._u([{ key: "default", fn: function({ events: i }) {
+    return [i && i.length ? t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [e._v(" " + e._s(e.document.$t("event.event_plural").capitalize()) + " ")]), t("div", { attrs: { id: "timeline" } }, [t("div", e._l(i, function(n, r) {
+      return t("div", { key: r, staticClass: "e-item" }, [t("div", { staticClass: "e-data" }, [t("div", { staticClass: "e-text" }, [e._v(e._s(n.text))]), t("div", { staticClass: "e-timestamp" }, [t("div", { staticClass: "e-date" }, [e._v(e._s(e.$formatDate(n.time, "P")))]), t("div", { staticClass: "e-time", staticStyle: { "padding-left": "0.5ch" } }, [e._v(" " + e._s(e.$formatDate(n.time, "p")) + " ")])])])]);
+    }), 0)])]) : e._e()];
+  } }]) }), e.mq === "sm" ? t("div", [e._t("footer")], 2) : e._e()], 1), e.mq !== "sm" ? t("div", [e._t("footer")], 2) : e._e()]);
+}, N = [], V = /* @__PURE__ */ c(
+  q,
+  O,
+  N,
+  !1,
+  null,
+  "2dc478c2",
+  null,
+  null
+);
+const E = V.exports;
+const M = {
+  components: {
+    DocumentDetails: E,
+    DocumentVoided: S
+  },
+  mixins: [y(["document", "closeFunc"])]
+};
+var T = function() {
+  var e = this, t = e._self._c;
+  return e.document && e.document.status === "voided" ? t("DocumentVoided", { attrs: { document: e.document } }) : t("DocumentDetails", { attrs: { document: e.document }, on: { close: e.closeFunc } });
+}, U = [], W = /* @__PURE__ */ c(
+  M,
+  T,
+  U,
+  !1,
+  null,
+  "4bffbf9c",
+  null,
+  null
+);
+const Q = W.exports;
+export {
+  Q as default
+};

package/dist/{DocForm-02d54368.js → DocForm-c9df5aa0.js}

@@ -1,37 +1,38 @@
-import { a_ as me, a$ as he, b0 as W, b1 as fe, b2 as q, b3 as N, b4 as ge, b5 as Ce, b6 as ve, b7 as ye, j, g as m, n as c, s as K, b as u, aw as xe, c as f, C as Y, b8 as we, b9 as be, h as D, ba as _e, bb as ke, A as Le, bc as $e, bd as Se, aZ as Te, be as De, N as d, U as h, aU as y, bf as Ve, bg as Be, bh as Me, bi as Ie, D as Fe, bj as He, d as Ae, i as L, H as Pe, S as Ee, aq as ze, Q as Ze, bk as Oe, V as H, aW as Q, aX as J, I as P, bl as B, aY as Re, bm as Ge, bn as I, r as Ue, m as We, a as qe, bo as Ne } from "./main-0530c048.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-b72127b8.js";
 import { m as g, a as x } from "./vuex.esm-4a0fff7c.js";
-import "./index-a390debd.js";
+import "./index-1cf2de3c.js";
 import { v as F } from "./index-805c56e4.js";
-import { d as A, w as $, t as je } from "./CDropdownItem-d04a1369.js";
-import { a as b, I as _, b as Ke, c as Ye } from "./IsPremiumPreStep-367dd957.js";
-import { D as Qe, l as Je, g as Xe, W as et, b as tt, a as it } from "./DocumentLayout-abef4251.js";
-import { s as k } from "./simplebar.min-7f44680f.js";
-import { B as at } from "./BlockMedia-ee5bf47c.js";
-import { c as nt, d as st } from "./template-8ac55054.js";
-import { a as ot } from "./tinycolor-9d91bda6.js";
-import { m as S } from "./mapFormMixin-01a2e577.js";
-import { S as lt, C as X, i as rt } from "./formComponentsInstall-c9797c0b.js";
-import { f as ct } from "./formValidationMixin-7144b19f.js";
-import { s as v } from "./formDrawerState-18920c2a.js";
-import { F as ee, d as dt } from "./tippy.esm-8368093c.js";
-import { S as pt } from "./CSlider.vue_vue_type_style_index_0_lang-5301a1aa.js";
-import { o as ut, d as mt } from "./vuedraggable.umd-d9c89b79.js";
+import { w as $ } from "./CDropdownItem-52cf4f0e.js";
+import { a as b, I as _, b as je, c as Ke } from "./IsPremiumPreStep-5760ca12.js";
+import { D as Ye, l as Qe, g as Je, W as Xe, b as et, a as tt } from "./DocumentLayout-11af5e3b.js";
+import { s as k } from "./simplebar.min-c28f1a61.js";
+import { B as it } from "./BlockMedia-3cb86ebf.js";
+import { d as A, t as at } from "./debounce-62af9d61.js";
+import { c as nt, d as st } from "./template-c65478b1.js";
+import { a as ot } from "./tinycolor-10bcd30d.js";
+import { m as S } from "./mapFormMixin-52ec1660.js";
+import { S as lt, C as X, i as rt } from "./formComponentsInstall-dc68b7e8.js";
+import { f as ct } from "./formValidationMixin-a27a1b47.js";
+import { s as v } from "./formDrawerState-6408853b.js";
+import { F as ee, d as dt } from "./tippy.esm-0ef95919.js";
+import { S as pt } from "./CSlider.vue_vue_type_style_index_0_lang-42fea525.js";
+import { o as ut, d as mt } from "./vuedraggable.umd-d2790aec.js";
 import { s as ht } from "./dom-962579a6.js";
-import { o as ft } from "./index-82e3d4b8.js";
-import gt from "./AnswerModal-6231b1e0.js";
+import { o as ft } from "./index-474d6e34.js";
+import gt from "./AnswerModal-d30e03bd.js";
 import "./anime.es-e284c852.js";
-import "./image-6e71d7fa.js";
+import "./image-7f7c16da.js";
 import "./color-71c20583.js";
-import "./BaseDatePicker-52deabed.js";
-import "./ErrorCallout-d8745739.js";
-import "./AddClientCallout-b30fb799.js";
-import "./ClientAutocomplete-9a48c913.js";
-import "./SearchApi-5c205029.js";
-import "./ClientModal-6e232065.js";
-import "./CCallout-a4442013.js";
-import "./CField-1baba8ee.js";
+import "./BaseDatePicker-6a365a09.js";
+import "./ErrorCallout-106838ce.js";
+import "./AddClientCallout-f30100da.js";
+import "./ClientAutocomplete-84cfcc88.js";
+import "./SearchApi-e49da25f.js";
+import "./ClientModal-5c684c95.js";
+import "./CCallout-44e44f26.js";
+import "./CField-a80001b1.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ColorPicker-f53737c4.js";
+import "./ColorPicker-043d7a04.js";
 var Ct = me, vt = he, yt = W;
 function xt(i, e, t) {
   for (var a = -1, n = e.length, s = {}; ++a < n; ) {
@@ -360,7 +361,7 @@ const j1 = {
   name: "GalleryTemplateModal",
   components: {
     simplebar: k,
-    DocumentLayout: Qe,
+    DocumentLayout: Ye,
     IsPremium: b,
     IsPremiumPreStep: _
   },
@@ -624,7 +625,7 @@ const J1 = Q1.exports, X1 = {
     }
   },
   beforeCreate() {
-    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", Ke);
+    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", je);
   },
   async created() {
     var e, t, a, n;
@@ -772,7 +773,7 @@ const n2 = {
   inject: {
     components: {
       default: {
-        BlockMedia: at
+        BlockMedia: it
       }
     }
   }
@@ -851,11 +852,11 @@ const c2 = {
 };
 var d2 = function() {
   var e = this, t = e._self._c;
-  return t("div", { ref: "container", staticClass: "horizontal-scroll" }, [t("div", { staticClass: "hl-navigation" }, [e.hasPrev ? t("div", { staticClass: "hl-btn-left", on: { click: function(a) {
+  return t("div", { ref: "container", staticClass: "horizontal-scroll" }, [t("div", { staticClass: "hl-navigation" }, [e.hasPrev ? t("div", { staticClass: "hl-btn-left max-sm:hidden", on: { click: function(a) {
     return e.go(-1);
   } } }, [e._t("nav-prev", function() {
     return [t("CButton", { attrs: { "icon-props": { size: 22 }, icon: "chevron-left", raised: "", circle: "", size: "medium" } })];
-  })], 2) : e._e(), e.hasNext ? t("div", { staticClass: "hl-btn-right", on: { click: function(a) {
+  })], 2) : e._e(), e.hasNext ? t("div", { staticClass: "hl-btn-right max-sm:hidden", on: { click: function(a) {
     return e.go(1);
   } } }, [e._t("nav-prev", function() {
     return [t("CButton", { attrs: { "icon-props": { size: 22 }, icon: "chevron-right", raised: "", circle: "", size: "medium" }, on: { click: function(a) {
@@ -868,7 +869,7 @@ var d2 = function() {
   p2,
   !1,
   null,
-  "15f25c8e",
+  "092feb02",
   null,
   null
 );
@@ -961,7 +962,7 @@ const h2 = {
 };
 var f2 = function() {
   var e = this, t = e._self._c;
-  return t("div", [t("div", { staticClass: "flex w-full", staticStyle: { "padding-bottom": "1em" } }, [e._t("default"), e.hasItems ? t("CInput", { attrs: { loading: e.isLoading, placeholder: e.$t("_common:search"), type: "search", size: "normal", filled: "" }, on: { input: e.onInput }, model: { value: e.query, callback: function(a) {
+  return t("div", [t("div", { staticClass: "flex w-full", staticStyle: { "padding-bottom": "1em" } }, [e._t("default"), e.hasItems ? t("CInput", { staticClass: "hidden md:flex", attrs: { loading: e.isLoading, placeholder: e.$t("_common:search"), type: "search", size: "normal", filled: "" }, on: { input: e.onInput }, model: { value: e.query, callback: function(a) {
     e.query = a;
   }, expression: "query" } }) : e._e()], 2), t("div", { staticClass: "recent-list" }, [e.isLoading && !e.list.length ? e._l(3, function(a) {
     return t("div", { key: a, staticClass: "recent-item placeholder" }, [t("CSkeleton", { staticClass: "recent-item-name", attrs: { width: "60%" } }), t("CSkeleton", { attrs: { width: "35%" } })], 1);
@@ -992,7 +993,7 @@ var f2 = function() {
   g2,
   !1,
   null,
-  "6746edc1",
+  "8059c328",
   null,
   null
 );
@@ -1193,7 +1194,7 @@ const y2 = {
 };
 var x2 = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "t-root" }, [t("div", { staticClass: "font-inter form-start main", class: { small: e.mq === "sm" } }, [e._t("header"), t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "section-title" }, [t("div", [e._v(e._s(e.$t("myTemplates")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("myTemplatesSubTitle")) + " ")])]), t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: a }) {
+  return t("div", { staticClass: "w-full h-full px-4 pt-10 pb-10 overflow-y-auto bg-white md:pt-16 md:px-10 rounded-2xl" }, [t("div", { staticClass: "max-w-5xl mx-auto font-inter form-start main", class: { small: e.mq === "sm" } }, [e._t("header"), t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "section-title" }, [t("div", [e._v(e._s(e.$t("myTemplates")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("myTemplatesSubTitle")) + " ")])]), t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: a }) {
     return [t(e.isExpanded ? "div" : "HorizontalScroll", { tag: "component", staticClass: "template-list", class: { "is-expanded": e.isExpanded }, on: { expand: function(n) {
       e.isExpanded = !0;
     } } }, e._l(e.myTemplates, function(n) {
@@ -1242,7 +1243,7 @@ var x2 = function() {
   w2,
   !1,
   null,
-  "da389d44",
+  "49fd37d4",
   null,
   null
 );
@@ -3924,7 +3925,7 @@ const Ji = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ji), Xi = {
                   weight: n,
                   options: s = []
                 }) => {
-                  this.update(i, a), Je(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
+                  this.update(i, a), Qe(a), t != n && this.update("fontWeight", n), this.fontWeightOptions = s;
                 }
               }
             ]
@@ -4369,7 +4370,7 @@ const Ji = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Ji), Xi = {
   watch: {
     async activeItem(i) {
       const e = u(i, "style.fontFamily");
-      e && (this.fontWeightOptions = await Xe(e));
+      e && (this.fontWeightOptions = await Je(e));
     }
   },
   methods: {
@@ -4573,7 +4574,7 @@ const ca = {
   name: "DocumentFormFields",
   components: {
     SmartList: pt,
-    CAccordion: Ye,
+    CAccordion: Ke,
     CField: X
   },
   mixins: [S()],
@@ -5902,7 +5903,7 @@ const Ha = {
     Fields: ma,
     ExtensionTab: va,
     DocumentGeneralSettings: _a,
-    DocumentGuide: () => import("./index-465cfbbd.js"),
+    DocumentGuide: () => import("./index-14df19cb.js"),
     MenuBlocks: Fa,
     Simplebar: k
   },
@@ -6238,16 +6239,16 @@ var an = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "nav-toggle font-inter" }, [t("div", { staticClass: "nav-toggle-button", class: { active: e.value === "edit" }, on: { click: function(a) {
     e.value === "preview" && e.$emit("input", "edit");
-  } } }, [e.small ? t("BaseIcon", { attrs: { type: "edit" } }) : [e._v(e._s(e.$t("edit")))]], 2), t("div", { staticClass: "nav-toggle-button", class: { active: e.value === "preview" }, attrs: { "data-onboarding": "preview-button" }, on: { click: function(a) {
+  } } }, [e.small ? t("BaseIcon", { attrs: { type: "edit", size: "18" } }) : [e._v(e._s(e.$t("edit")))]], 2), t("div", { staticClass: "nav-toggle-button", class: { active: e.value === "preview" }, attrs: { "data-onboarding": "preview-button" }, on: { click: function(a) {
     e.value === "edit" && e.$emit("input", "preview");
-  } } }, [e.small ? t("BaseIcon", { attrs: { type: "eye" } }) : [e._v(e._s(e.$t("preview")))]], 2)]);
+  } } }, [e.small ? t("BaseIcon", { attrs: { type: "eye", size: "18" } }) : [e._v(e._s(e.$t("preview")))]], 2)]);
 }, nn = [], sn = /* @__PURE__ */ c(
   tn,
   an,
   nn,
   !1,
   null,
-  "bfd27279",
+  "cfdb5920",
   null,
   null
 );
@@ -6288,14 +6289,14 @@ const un = {
 };
 var mn = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "DocumentFormNav", staticStyle: { padding: "8px calc(1.5 * var(--rem))", position: "fixed", left: "0", top: "0", right: "0", "z-index": "98" } }, [t("div", { staticClass: "flex" }, [t("div", { staticClass: "inline-flex items-center flex-grow" }, [e._t("left")], 2), t("div", { staticClass: "inline-flex items-center justify-center flex-auto" }, [e._t("center")], 2), t("div", { staticClass: "inline-flex items-center justify-end flex-grow" }, [e._t("right")], 2)])]);
+  return t("div", { staticClass: "DocumentFormNav py-2 px-2 md:px-6 fixed left-0 top-0 right-0 z-[98]" }, [t("div", { staticClass: "flex" }, [t("div", { staticClass: "inline-flex items-center flex-grow" }, [e._t("left")], 2), t("div", { staticClass: "inline-flex items-center justify-center flex-auto" }, [e._t("center")], 2), t("div", { staticClass: "inline-flex items-center justify-end flex-grow" }, [e._t("right")], 2)])]);
 }, hn = [], fn = /* @__PURE__ */ c(
   un,
   mn,
   hn,
   !1,
   null,
-  "05fc111c",
+  "fdc19e6a",
   null,
   null
 );
@@ -6322,16 +6323,16 @@ const ce = (i, e, t = "$children") => {
   },
   name: "DocumentFormContainer",
   components: {
-    WithDimensions: et,
+    WithDimensions: Xe,
     DragList: Q,
     DragItem: J,
-    DynamicChapter: tt,
+    DynamicChapter: et,
     DocumentFormMenu: za,
     DynamicBlock: Ka,
     DocumentFormViewRadio: on,
     DocumentFormNav: gn,
     DocumentDrawer: en,
-    DocumentStyleContainer: it,
+    DocumentStyleContainer: tt,
     simplebar: k,
     LogoBanner: pn,
     IsPremium: b
@@ -6584,7 +6585,8 @@ var vn = function() {
       "is-device-edit": e.isEditView,
       "is-empty": !e.nestedReadLayout.length
     },
-    !e.isEditView && `is-device-${e.previewDevice}`
+    !e.isEditView && `is-device-${e.previewDevice}`,
+    e.isEditView && "overflow-hidden min-h-full w-[1200px] mx-auto md:max-w-[90%] max-w-full rounded-md shadow-[0_20px_35px_-8px_hsla(0,0%,0%,0.27)] px-0"
   ] }, [!e.nestedReadLayout.length && !e.isFixedSidebar ? t("div", { staticClass: "text-gray-400 drag-drop-empty-list is-placeholder" }, [t("div", { staticStyle: { position: "relative" } }, [e._m(0), t("svg", { staticClass: "drag-drop-illustration", attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" } }, [t("path", { staticClass: "drag-drop-illustration-finger", attrs: { d: "M8 0a4 4 0 00-2.7 1C4.6 1.6 4 2.7 4 4v21.4c-.4.2-.8.2-1.7 1A7.2 7.2 0 000 31.8c0 2 .8 3.8 1 4.5L4 42s-.1 0 0 0c1.4 3.1 4.5 5 8 5h9c5 0 9-4 9-9V22c0-.8-.1-2-.7-3-.5-1-1.7-2-3.3-2-1 0-2 .4-2.6.9 0-.3-.1-.7-.3-1-.6-1-1.7-1.9-3.1-1.9a4 4 0 00-2.7 1c-.6-1.1-1.7-2-3.3-2-.8 0-1.4.2-2 .6V4a4 4 0 00-4-4z", fill: "#000", "fill-rule": "nonzero" } }), t("path", { staticClass: "drag-drop-illustration-grabbing", attrs: { transform: "translate(0 11)", d: "M14 1c-.8 0-1.8.2-2.6.8l-.9 1a4 4 0 00-5.2.2C4.6 3.6 4 4.7 4 5.9V14c-1.7.7-4 3-4 7 0 2.2.9 4.2 1 4.5L3.9 31c1.5 3.1 4.6 5 8 5H21c5 0 9-4 9-9V9c0-4.4-2.5-5-4-5-.7 0-1.5.1-2.3.7C23 2.5 21.4 2 20 2c-1 0-2 .3-2.6.8l-.6-.9A4 4 0 0014 1z", fill: "#000", "fill-rule": "nonzero" } })])]), t("div", { staticClass: "text-center", staticStyle: { "max-width": "22ch" }, domProps: { innerHTML: e._s(e.$t("emptyBlockPlaceholderLarge")) } })]) : e._e(), t(e.isEditView ? "div" : "simplebar", { tag: "component", staticClass: "w-full h-full" }, [t("WithDimensions", { attrs: { "provide-device": !0 }, on: { width: function(a) {
     e.parentSize.width = a;
   } }, scopedSlots: e._u([{ key: "default", fn: function({ width: a, height: n }) {
@@ -6629,7 +6631,7 @@ var vn = function() {
   yn,
   !1,
   null,
-  "d9b9c0a6",
+  "49c0d057",
   null,
   null
 );
@@ -6637,7 +6639,7 @@ const wn = xn.exports;
 function bn(i, e, t) {
   return i === i && (t !== void 0 && (i = i <= t ? i : t), e !== void 0 && (i = i >= e ? i : e)), i;
 }
-var _n = bn, kn = _n, M = je;
+var _n = bn, kn = _n, M = at;
 function Ln(i, e, t) {
   return t === void 0 && (t = e, e = void 0), t !== void 0 && (t = M(t), t = t === t ? t : 0), e !== void 0 && (e = M(e), e = e === e ? e : 0), kn(M(i), e, t);
 }
@@ -7146,7 +7148,7 @@ var Un = function() {
   null,
   null
 );
-const Ss = qn.exports;
+const Ts = qn.exports;
 export {
-  Ss as default
+  Ts as default
 };

package/dist/{DocFormSend-2667ba21.js → DocFormSend-31f95da1.js}

@@ -1,27 +1,28 @@
-import { V as s, r, m as n, a as i, g as l, C as m, n as c } from "./main-0530c048.js";
-import { i as u, S as d } from "./formComponentsInstall-c9797c0b.js";
+import { V as r, r as s, m as n, a as i, g as l, C as m, n as c } from "./main-b72127b8.js";
+import { i as u, S as d } from "./formComponentsInstall-dc68b7e8.js";
 import "./vuex.esm-4a0fff7c.js";
-import "./simplebar.min-7f44680f.js";
-import "./mapFormMixin-01a2e577.js";
-import "./BaseDatePicker-52deabed.js";
-import "./ErrorCallout-d8745739.js";
-import "./IsPremiumPreStep-367dd957.js";
+import "./simplebar.min-c28f1a61.js";
+import "./mapFormMixin-52ec1660.js";
+import "./BaseDatePicker-6a365a09.js";
+import "./ErrorCallout-106838ce.js";
+import "./IsPremiumPreStep-5760ca12.js";
 import "./anime.es-e284c852.js";
-import "./image-6e71d7fa.js";
-import "./index-a390debd.js";
+import "./image-7f7c16da.js";
+import "./index-1cf2de3c.js";
 import "./index-805c56e4.js";
 import "./dom-962579a6.js";
-import "./AddClientCallout-b30fb799.js";
-import "./ClientAutocomplete-9a48c913.js";
-import "./SearchApi-5c205029.js";
-import "./CDropdownItem-d04a1369.js";
-import "./ClientModal-6e232065.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-5301a1aa.js";
-import "./CCallout-a4442013.js";
-import "./CField-1baba8ee.js";
+import "./AddClientCallout-f30100da.js";
+import "./ClientAutocomplete-84cfcc88.js";
+import "./SearchApi-e49da25f.js";
+import "./debounce-62af9d61.js";
+import "./ClientModal-5c684c95.js";
+import "./CDropdownItem-52cf4f0e.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-42fea525.js";
+import "./CCallout-44e44f26.js";
+import "./CField-a80001b1.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-s.use(u);
-const a = s.observable({
+r.use(u);
+const a = r.observable({
   canEdit: !1,
   isForm: !0,
   setFormValue: null,
@@ -34,7 +35,7 @@ const a = s.observable({
   provide: () => ({ viewSettings: a, allowSenderSign: !1 }),
   // TODO maybe not needed
   mixins: [
-    r([
+    s([
       "setFormValue",
       "removeFormValue",
       "closeFunc",
@@ -141,7 +142,7 @@ var f = function() {
   null,
   null
 );
-const T = v.exports;
+const G = v.exports;
 export {
-  T as default
+  G as default
 };

package/dist/{DocLinks-83145fa9.js → DocLinks-93f538c9.js}

@@ -1,5 +1,5 @@
-import { C as e } from "./index-82e3d4b8.js";
-import { r as o, n as t } from "./main-0530c048.js";
+import { C as e } from "./index-474d6e34.js";
+import { r as o, n as t } from "./main-b72127b8.js";
 import "./vuex.esm-4a0fff7c.js";
 const r = {
   name: "DocLinks",

package/dist/{DocModalBase-bc6b72fc.js → DocModalBase-5c9138cc.js}

@@ -1,4 +1,4 @@
-import { n as t } from "./main-0530c048.js";
+import { n as t } from "./main-b72127b8.js";
 const s = {
   name: "DocModalBase",
   components: {},

package/dist/{DocPrint-6e411f4d.js → DocPrint-a4475559.js}

@@ -1,4 +1,4 @@
-import { n as d, D as h, c, I as l, E as p, F as a, G as m } from "./main-0530c048.js";
+import { n as d, E as h, c, I as l, F as p, G as a, H as m } from "./main-b72127b8.js";
 const u = {
   i18nOptions: {
     namespaces: "documentPrint",

package/dist/{DocReceipt-2da01d4a.js → DocReceipt-4e571cee.js}

@@ -1,4 +1,4 @@
-import { g as p, n as u } from "./main-0530c048.js";
+import { g as p, n as u } from "./main-b72127b8.js";
 import { m as g, a as _ } from "./vuex.esm-4a0fff7c.js";
 const f = {
   sv: {

package/dist/{DocSendReminder-9b5f553c.js → DocSendReminder-fe49cd44.js}

@@ -1,4 +1,4 @@
-import { g as m, n as a } from "./main-0530c048.js";
+import { g as m, n as a } from "./main-b72127b8.js";
 import { m as c, a as d } from "./vuex.esm-4a0fff7c.js";
 const l = {
   name: "DocumentSendReminderModal",