@cling-se/widget 0.15.2 → 0.15.3

package/dist/{ContentWrapper-BKWZy4Bp.js → ContentWrapper-B9NQqp2q.js}

@@ -1,8 +1,8 @@
-import { m as n } from "./mapFormMixin-Hj1Y7rVt.js";
-import { B as l } from "./BlockMedia-CUCZYVdZ.js";
-import { t as r } from "./tinycolor-BaK26Ky-.js";
-import { T as i } from "./DocTextEditor-CM1f8eMD.js";
-import { n as s, af as c, z as u, B as m, A as p } from "./main-CerYX9PA.js";
+import { m as s } from "./mapFormMixin-e2PJ431T.js";
+import { B as r } from "./BlockMedia-D4nhek2s.js";
+import { t as l } from "./tinycolor-vIxz4Xgi.js";
+import { T as i } from "./DocTextEditor-BYsXFRLg.js";
+import { n, af as c, z as u, B as p, A as m } from "./main-BIwKzAN8.js";
 import { i as d } from "./i18nMessages-Chz_lxGG.js";
 const f = {
   name: "StaticComboLayout",
@@ -18,27 +18,27 @@ var _ = function() {
   return ["horizontal"].includes(t.layout) ? e("div", { staticClass: "flex w-full flex-col", staticStyle: { flex: "1 1 auto", "min-height": "100%" } }, [t._t("logo"), e("div", { staticClass: "flex w-full flex-col justify-end", staticStyle: { flex: "1 1 auto" } }, [t._t("preText"), t._t("documentName"), t._t("postText")], 2)], 2) : e("div", { staticClass: "flex w-full flex-col justify-between", class: {
     "items-center": t.layout === "center"
   }, staticStyle: { flex: "1 1 auto", "min-height": "100%" } }, [t._t("logo"), e("div", { staticClass: "flex w-full flex-col justify-center", staticStyle: { flex: "1 1 auto" } }, [t._t("preText"), t._t("documentName")], 2), t._t("postText")], 2);
-}, x = [], y = /* @__PURE__ */ s(
+}, y = [], x = /* @__PURE__ */ n(
   f,
   _,
-  x,
+  y,
   !1,
   null,
   "8e41c57b"
 );
-const h = y.exports, v = {
+const h = x.exports, v = {
   name: "StaticLayout",
   i18nOptions: {
     namespaces: "staticLayout",
     messages: d
   },
   components: {
-    DocumentLogotype: () => import("./DocumentLogotype-Cilc0ElE.js"),
+    DocumentLogotype: () => import("./DocumentLogotype-BgFCWcwC.js"),
     StaticComboLayout: h,
     TextEditor: i
   },
   mixins: [
-    n([
+    s([
       "layout",
       "preText",
       "documentName",
@@ -80,56 +80,64 @@ const h = y.exports, v = {
   },
   methods: {
     mustacheToSpan: u,
-    spanToMustache: m,
-    interpolateString: p
+    spanToMustache: p,
+    interpolateString: m
   }
 };
 var g = function() {
   var t = this, e = t._self._c;
-  return e("div", { staticClass: "dont-break-out hyphens-auto flex w-full flex-col break-words", class: [`is-layout-${t.layout}`], staticStyle: { "word-wrap": "break-word", "word-break": "break-word" } }, [e("StaticComboLayout", { attrs: { layout: t.layout } }, [e("DocumentLogotype", { attrs: { slot: "logo", "show-logo": t.showLogo, "company-logotype": t.companyLogotype, "has-hover": t.hasHover }, on: { "update:showLogo": function(a) {
-    t.showLogo = a;
-  }, "update:show-logo": function(a) {
-    t.showLogo = a;
-  } }, slot: "logo", model: { value: t.logotype, callback: function(a) {
-    t.logotype = a;
-  }, expression: "logotype" } }), e("template", { slot: "preText" }, [e("TextEditor", { key: "preText" + t.canEdit, ref: "preTextEditor", staticClass: "no-drag header-text", attrs: { value: t.canEdit ? t.mustacheToSpan(
-    t.preText,
-    t._document.textTemplateMap,
-    t._document._doc
-  ) : t.interpolateString(t.preText, t._document._doc), mentions: t.mentions, snippets: !0, placeholder: t.$t("optional").capitalize(), static: "", unstyled: "" }, on: { input: function(a) {
-    t.preText = t.spanToMustache(a);
-  } } })], 1), e("div", { staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "700", margin: "calc(1 * var(--rem)) 0" }, attrs: { slot: "documentName" }, slot: "documentName" }, [t.canEdit ? e("TextEditor", { ref: "nameEditor", staticClass: "no-drag header-text", attrs: { value: t.internalName, extensions: {
-    bulletList: !0,
-    heading: [1, 2, 3],
-    bold: !0,
-    link: !0,
-    underline: !0,
-    blockquote: !0,
-    table: !1
-  }, placeholder: t.$t("name.placeholder"), unstyled: "", static: "" }, on: { input: function(a) {
-    t.internalName = a;
-  } } }) : e("div", { staticClass: "header-text", domProps: { innerHTML: t._s(t.internalName) } })], 1), e("template", { slot: "postText" }, [e("TextEditor", { key: "postText" + t.canEdit, ref: "postTextEditor", staticClass: "no-drag header-text", staticStyle: { width: "100%" }, attrs: { value: t.canEdit ? t.mustacheToSpan(
-    t.postText,
-    t._document.textTemplateMap,
-    t._document._doc
-  ) : t.interpolateString(t.postText, t._document._doc), editable: t.canEdit, mentions: t.mentions, snippets: !0, placeholder: t.$t("optional").capitalize(), static: "", unstyled: "" }, on: { input: function(a) {
-    t.postText = t.spanToMustache(a);
-  } } })], 1)], 2)], 1);
-}, T = [], b = /* @__PURE__ */ s(
+  return e("div", { staticClass: "dont-break-out hyphens-auto flex w-full flex-col break-words", class: [`is-layout-${t.layout}`], staticStyle: { "word-wrap": "break-word", "word-break": "break-word" } }, [e("StaticComboLayout", { attrs: { layout: t.layout }, scopedSlots: t._u([{ key: "logo", fn: function() {
+    return [e("DocumentLogotype", { attrs: { "show-logo": t.showLogo, "company-logotype": t.companyLogotype, "has-hover": t.hasHover }, on: { "update:showLogo": function(a) {
+      t.showLogo = a;
+    }, "update:show-logo": function(a) {
+      t.showLogo = a;
+    } }, model: { value: t.logotype, callback: function(a) {
+      t.logotype = a;
+    }, expression: "logotype" } })];
+  }, proxy: !0 }, { key: "preText", fn: function() {
+    return [e("TextEditor", { key: "preText" + t.canEdit, ref: "preTextEditor", staticClass: "no-drag header-text", attrs: { value: t.canEdit ? t.mustacheToSpan(
+      t.preText,
+      t._document.textTemplateMap,
+      t._document._doc
+    ) : t.interpolateString(t.preText, t._document._doc), mentions: t.mentions, snippets: !0, placeholder: t.$t("optional").capitalize(), static: "", unstyled: "" }, on: { input: function(a) {
+      t.preText = t.spanToMustache(a);
+    } } })];
+  }, proxy: !0 }, { key: "documentName", fn: function() {
+    return [e("div", { staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "700", margin: "calc(1 * var(--rem)) 0" } }, [t.canEdit ? e("TextEditor", { ref: "nameEditor", staticClass: "no-drag header-text", attrs: { value: t.internalName, extensions: {
+      bulletList: !0,
+      heading: [1, 2, 3],
+      bold: !0,
+      link: !0,
+      underline: !0,
+      blockquote: !0,
+      table: !1
+    }, placeholder: t.$t("name.placeholder"), unstyled: "", static: "" }, on: { input: function(a) {
+      t.internalName = a;
+    } } }) : e("div", { staticClass: "header-text", domProps: { innerHTML: t._s(t.internalName) } })], 1)];
+  }, proxy: !0 }, { key: "postText", fn: function() {
+    return [e("TextEditor", { key: "postText" + t.canEdit, ref: "postTextEditor", staticClass: "no-drag header-text", staticStyle: { width: "100%" }, attrs: { value: t.canEdit ? t.mustacheToSpan(
+      t.postText,
+      t._document.textTemplateMap,
+      t._document._doc
+    ) : t.interpolateString(t.postText, t._document._doc), editable: t.canEdit, mentions: t.mentions, snippets: !0, placeholder: t.$t("optional").capitalize(), static: "", unstyled: "" }, on: { input: function(a) {
+      t.postText = t.spanToMustache(a);
+    } } })];
+  }, proxy: !0 }]) })], 1);
+}, T = [], b = /* @__PURE__ */ n(
   v,
   g,
   T,
   !1,
   null,
-  "5e1fe7d6"
+  "a4b43835"
 );
-const C = b.exports, w = {
+const C = b.exports, S = {
   name: "ContentWrapper",
   components: {
     StaticCombo: C,
-    BlockMedia: l
+    BlockMedia: r
   },
-  mixins: [n(["layout", "item", "baseStyle"])],
+  mixins: [s(["layout", "item", "baseStyle"])],
   props: {
     hasHover: {
       type: Boolean,
@@ -155,11 +163,11 @@ const C = b.exports, w = {
       return ((o = this.baseStyle) == null ? void 0 : o.textAlign) || "left";
     },
     fallbackTextColor() {
-      return this.backgroundColor && r.readability(this.backgroundColor, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
+      return this.backgroundColor && l.readability(this.backgroundColor, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
     }
   }
 };
-var S = function() {
+var w = function() {
   var t = this, e = t._self._c;
   return e("div", { staticClass: "content-root", class: { "has-hover": t.hasHover }, style: { color: t.color, textAlign: t.textAlign } }, [t.layout !== "center" ? e("BlockMedia", { staticClass: "content-media", attrs: { media: t.item.media } }) : t._e(), e("div", { staticClass: "content-spacing" }, [e("StaticCombo", t._g({ attrs: { "has-hover": t.hasHover, _document: t._document, _value: {
     layout: t._value.layout,
@@ -169,15 +177,15 @@ var S = function() {
     showLogo: `${t._value.item}.value.showLogo`,
     logotype: `${t._value.item}.value.logotype`
   }, validator: t.validator } }, t.$listeners))], 1)], 1);
-}, $ = [], L = /* @__PURE__ */ s(
-  w,
+}, k = [], $ = /* @__PURE__ */ n(
   S,
-  $,
+  w,
+  k,
   !1,
   null,
   "3dfe0998"
 );
-const z = L.exports;
+const z = $.exports;
 export {
   z as default
 };

package/dist/{CoverBlockSettings-7Ivt9zN0.js → CoverBlockSettings-Bcz_W5I3.js}

@@ -1,6 +1,6 @@
-import { m as d } from "./mapFormMixin-Hj1Y7rVt.js";
-import { T as l } from "./ThemeColorRow-DxcMvBGq.js";
-import { n as s, Q as p, J as u } from "./main-CerYX9PA.js";
+import { m as d } from "./mapFormMixin-e2PJ431T.js";
+import { T as l } from "./ThemeColorRow-Cy1NKEIG.js";
+import { n as s, Q as p, J as u } from "./main-BIwKzAN8.js";
 const m = (i, e, t, o) => Math.atan2(i - t, e - o) * (180 / Math.PI) * -1 + 180, v = {
   name: "DegreePicker",
   props: {
@@ -135,8 +135,8 @@ var C = function() {
   "e22a6b42"
 );
 const $ = w.exports, x = {
-  image: () => import("./ImageSelectModal-BTMFM3o9.js"),
-  video: () => import("./VideoSelectModal-VMcSU3bM.js")
+  image: () => import("./ImageSelectModal-DvQz2VPi.js"),
+  video: () => import("./VideoSelectModal-CeaG2tME.js")
 }, S = {
   name: "CoverBlockSettings",
   i18nOptions: {

package/dist/{DocAnswer-CaoTYUNh.js → DocAnswer-BlxFv_Gc.js}

@@ -1,5 +1,5 @@
-import r from "./AnswerModal-DEwMlsT8.js";
-import { n as o } from "./main-CerYX9PA.js";
+import r from "./AnswerModal-Cnp43tGo.js";
+import { n as o } from "./main-BIwKzAN8.js";
 const t = {
   components: {
     AnswerModal: r

package/dist/{DocDetails-C9EEpNg2.js → DocDetails-dGcYGJpp.js}

@@ -1,7 +1,7 @@
-import { D as f } from "./DocumentVoided-BH8pkv85.js";
-import { C as g, a as h, w } from "./CDropdownItem-b6ZzOnv-.js";
-import { n as c, ak as $, b as y, al as x, am as b, an as C } from "./main-CerYX9PA.js";
-import { C as S } from "./CPhoneFormat-Bf2fgYtr.js";
+import { D as f } from "./DocumentVoided-DT2hhHk2.js";
+import { C as g, a as h, w } from "./CDropdownItem-BSPNul90.js";
+import { n as c, ak as y, b as $, al as x, am as b, an as C } from "./main-BIwKzAN8.js";
+import { C as S } from "./CPhoneFormat-C017AoM0.js";
 const D = {
   name: "PublicDocumentEvents",
   props: {
@@ -13,12 +13,12 @@ const D = {
   computed: {
     events() {
       const s = [], { acceptedAt: e } = this.document;
-      return this.document.events.filter(({ createdAt: t }) => e ? $(e, t) : !0).forEach((t) => {
-        const { code: i, createdAt: n, children: r = [] } = t;
+      return this.document.events.filter(({ createdAt: t }) => e ? y(e, t) : !0).forEach((t) => {
+        const { code: n, createdAt: i, children: r = [] } = t;
         let { data: l = {} } = t;
         l === null && (l = {});
-        const { client: a = {}, clients: u = [], status: p, counter: _ } = l, m = {
-          sent: () => u.map((o) => {
+        const { client: a = {}, clients: m = [], status: p, counter: _ } = l, u = {
+          sent: () => m.map((o) => {
             const d = this.getClientName(o.id), v = this.filteredOxfordComma([
               o.email,
               o.cellphone
@@ -27,7 +27,7 @@ const D = {
               text: this.document.$t("event.sent", {
                 to: `${d ? d + ", " : ""}${v}`
               }),
-              time: n
+              time: i
             };
           }),
           viewed: () => {
@@ -38,7 +38,7 @@ const D = {
                   `event.${a.name ? "viewedName" : "viewed"}`,
                   { name: a.name }
                 )} ${o ? this.document.$tc("times", { count: o }) : ""}.`,
-                time: n
+                time: i
               }
             ];
           },
@@ -47,7 +47,7 @@ const D = {
               text: this.document.$t("event.accepted", {
                 by: a.name || a.email || a.cellphone
               }),
-              time: n
+              time: i
             }
           ],
           denied: () => [
@@ -55,7 +55,7 @@ const D = {
               text: this.document.$t("event.denied", {
                 by: a.name || a.email || a.cellphone
               }),
-              time: n
+              time: i
             }
           ],
           statusChanged: () => [
@@ -63,7 +63,7 @@ const D = {
               text: this.document.$t("event.statusChanged", {
                 status: this.document.$t(`status.${p}`).toLowerCase()
               }),
-              time: n
+              time: i
             }
           ],
           requestChange: () => [
@@ -71,23 +71,23 @@ const D = {
               text: this.document.$t("event.requestChange", {
                 status: this.document.$t(`status.${p}`).toLowerCase()
               }),
-              time: n
+              time: i
             }
           ],
           expired: () => [
             {
               text: this.document.$t("event.expired"),
-              time: n
+              time: i
             }
           ]
         };
-        m[i] && s.push(...m[i]());
+        u[n] && s.push(...u[n]());
       }), s;
     }
   },
   methods: {
     filteredOxfordComma(s = []) {
-      const e = s.filter((i) => !!i), t = e.length;
+      const e = s.filter((n) => !!n), t = e.length;
       return t ? t < 2 ? e[0] : `${e.slice(0, -1).join(", ")} ${this.document.$t("and")} ${e.slice(
         -1
       )}` : "";
@@ -127,9 +127,9 @@ const F = P.exports, L = {
     }
   },
   methods: {
-    get: y,
+    get: $,
     getBrowserString({ browser: s, os: e, device: t }) {
-      return [s && s.name, e && e.name, t && t.model].filter((i) => !!i).join(", ");
+      return [s && s.name, e && e.name, t && t.model].filter((n) => !!n).join(", ");
     }
   }
 };
@@ -139,18 +139,20 @@ var A = function() {
     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 w-full flex-col", 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("CIcon", { 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").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)])]);
+  ], function(n, i) {
+    return t("span", { key: `${n}-${i}`, style: i === 0 ? { fontWeight: 500 } : { opacity: 0.65 } }, [e._v(" " + e._s(n && i > 0 ? "·" : "") + " " + e._s(n) + " ")]);
+  }), t("div", { staticClass: "flex w-full flex-col", 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: n }) {
+    return [t("a", { attrs: { href: `tel:${e.recipient.cellphone}` } }, [e._v(" " + e._s(n) + " ")])];
+  } }], null, !1, 3383182840) }) : 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" }, scopedSlots: e._u([{ key: "popover", fn: function() {
+    return [t("div", { staticStyle: { padding: "0" } }, [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").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()])];
+  }, proxy: !0 }]) }, [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("CIcon", { 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()])], 1)])]);
 }, R = [], I = /* @__PURE__ */ c(
   L,
   A,
   R,
   !1,
   null,
-  "eee5c92d"
+  "4a2faff7"
 );
 const j = I.exports, B = {
   name: "DocumentDetails",
@@ -203,15 +205,17 @@ const j = I.exports, B = {
 };
 var q = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "relative flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-base" }, [e.showActionNav ? t("div", { staticClass: "z-10 flex w-full items-center justify-end px-6 py-4 shadow-sm" }, [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(), e.showLanguageSelect ? 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) : e._e(), e.close ? t("CButton", { staticStyle: { "margin-left": "6px", color: "hsla(0, 0%, 45%, 1)" }, attrs: { "icon-props": { size: 18 }, size: "normal", icon: "x", circle: "" }, on: { click: e.close } }) : e._e()], 2) : e._e(), t("div", { staticClass: "d-root h-full min-h-0 flex-1 overflow-auto px-6 py-8 md:px-12 md:py-16" }, [t("div", { staticClass: "mb-[3em] flex justify-between" }, [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")) + " ")])])])]);
+  return t("div", { staticClass: "relative flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-base" }, [e.showActionNav ? t("div", { staticClass: "z-10 flex w-full items-center justify-end px-6 py-4 shadow-sm" }, [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(), e.showLanguageSelect ? t("CDropdown", { attrs: { value: e.document.language }, scopedSlots: e._u([{ key: "trigger", fn: function() {
+    return [t("CButton", { staticStyle: { color: "hsla(0, 0%, 45%, 1)" }, attrs: { "icon-props": { size: 18 }, size: "normal", icon: "globe", circle: "" } })];
+  }, proxy: !0 }], null, !1, 2729689304) }, e._l(e.docLanguages, function(n) {
+    return t("CDropdownItem", { key: n, attrs: { value: n }, on: { click: function(i) {
+      return e.changeLanguage(n);
+    } } }, [e._v(" " + e._s(e.nativeTranslations[n]) + " ")]);
+  }), 1) : e._e(), e.close ? t("CButton", { staticStyle: { "margin-left": "6px", color: "hsla(0, 0%, 45%, 1)" }, attrs: { "icon-props": { size: 18 }, size: "normal", icon: "x", circle: "" }, on: { click: e.close } }) : e._e()], 2) : e._e(), t("div", { staticClass: "d-root h-full min-h-0 flex-1 overflow-auto px-6 py-8 md:px-12 md:py-16" }, [t("div", { staticClass: "mb-[3em] flex justify-between" }, [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(n, i) {
+    return t("PublicRecipientItem", { key: n._uniqueId + i, attrs: { recipient: n } });
+  })], 2), t("PublicDocumentEvents", { attrs: { document: e.document }, scopedSlots: e._u([{ key: "default", fn: function({ events: n }) {
+    return [n && n.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(n, function(i, r) {
+      return t("div", { key: r, staticClass: "e-item" }, [t("div", { staticClass: "e-data" }, [t("div", { staticClass: "e-text" }, [e._v(e._s(i.text))]), t("div", { staticClass: "e-timestamp" }, [t("div", { staticClass: "e-date" }, [e._v(e._s(e.$formatDate(i.time, "P")))]), t("div", { staticClass: "e-time", staticStyle: { "padding-left": "0.5ch" } }, [e._v(" " + e._s(e.$formatDate(i.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 = [], O = /* @__PURE__ */ c(
@@ -220,7 +224,7 @@ var q = function() {
   N,
   !1,
   null,
-  "96a06d9f"
+  "7630b08d"
 );
 const V = O.exports, E = {
   components: {