@cling-se/widget 0.19.13 → 0.20.1

package/dist/{Index-Ch2Y3XbD.js → Index-Ckr5i1Li.js}

@@ -1,40 +1,41 @@
-import { J as x, aJ as A, l as z, _ as D, m as P, b as y, c as p, o as r, w as g, e as c, j as i, d, W as k, t as o, f as w, q as l, x as T, k as B, g as V, a4 as E, ap as N, u as b, al as O, h as M, af as S } from "./main-C18owm58.js";
-import "./template-Y3wS95il.js";
-import { i as L, s as $ } from "./dom-DOcGU3-g.js";
-import { v as q } from "./validation-b_jF-CIN.js";
-import { i as R } from "./DocumentLayout-DbXHslTY.js";
-import { w as I } from "./CDropdownItem-rpcdHW76.js";
-import { D as j } from "./DocModalBase-D_LZXbIj.js";
-import { _ as U } from "./CFormField.vue_vue_type_script_setup_true_lang-vyObNdUP.js";
-import { u as F } from "./index-DWwjiiMe.js";
-import { a as H, m as W, b as J } from "./index-DINik6UH.js";
-function K(e) {
-  const { isValid: t } = x(q, null) || {}, { show: n, getOpenInstances: v } = A();
-  function s() {
-    var m;
-    return (m = v()) == null ? void 0 : m.some(
-      (u) => {
+import { J as x, aJ as A, l as T, _ as H, m as P, b as y, c as f, o as a, w as v, e as u, j as i, d, W as V, t as s, f as p, q as l, x as z, k as B, g as b, a4 as E, ap as N, u as C, al as O, h as M, af as S } from "./main-DAjWLLG0.js";
+import "./template-CHAQR6C-.js";
+import { i as L, s as q } from "./dom-DOcGU3-g.js";
+import { i as $ } from "./DocumentLayout-B2vKSnWD.js";
+import { v as R } from "./validation-BRPTZqtn.js";
+import { i as j } from "./fortnoxTheme-B0DA1l7P.js";
+import { w as D } from "./CDropdownItem-CZO28TQW.js";
+import { D as U } from "./DocModalBase-Cf-C2hVQ.js";
+import { _ as F } from "./CFormField.vue_vue_type_script_setup_true_lang-DoO3uBt-.js";
+import { u as W } from "./index-D-NDkjvk.js";
+import { a as _, m as J, b as K } from "./index-Bw8qzZRS.js";
+function G(e) {
+  const { isValid: t } = x(R, null) || {}, { show: n, getOpenInstances: w } = A();
+  function o() {
+    var c;
+    return (c = w()) == null ? void 0 : c.some(
+      (m) => {
         var h;
-        return ((h = u.modalAttrs) == null ? void 0 : h.name) === "AnswerModal";
+        return ((h = m.modalAttrs) == null ? void 0 : h.name) === "AnswerModal";
       }
     );
   }
-  async function a(m = "accept", u = {}) {
-    if (!s() && !(e != null && e.isPreview)) {
+  async function r(c = "accept", m = {}) {
+    if (!o() && !(e != null && e.isPreview)) {
       if (typeof t != "function")
         throw new Error("isValid is not a function");
-      m === "accept" && !await t() || n(
-        z(
+      c === "accept" && !await t() || n(
+        T(
           () => import(
             // @ts-ignore
-            "./AnswerModal-B2ApEIfo.js"
+            "./AnswerModal-aoQoCe3o.js"
           )
         ),
         {
-          mode: m,
+          mode: c,
           _document: e,
-          fullScreen: R.value,
-          calcHeight: !!u.calcHeight
+          fullScreen: $.value,
+          calcHeight: !!m.calcHeight
         },
         {
           name: "AnswerModal",
@@ -45,25 +46,28 @@ function K(e) {
           classes: "overflow-visible",
           transition: "modal-soft",
           clickToClose: !1
+        },
+        m.onClose && {
+          closed: m.onClose
         }
       );
     }
   }
   return {
-    answer: a
+    answer: r
   };
 }
-const G = {
+const Q = {
   i18nOptions: {
     namespaces: "components",
     keyPrefix: "document.propertyDesignationModal"
   },
   components: {
-    DocModalBase: j,
-    CField: U
+    DocModalBase: U,
+    CField: F
   },
   emits: ["close"],
-  mixins: [I],
+  mixins: [D],
   props: {
     senderName: {
       type: String,
@@ -80,7 +84,7 @@ const G = {
   },
   setup() {
     return {
-      v$: F()
+      v$: W()
     };
   },
   data() {
@@ -97,15 +101,15 @@ const G = {
   validations() {
     return {
       condominiumId: {
-        required: H(this.form === "condominium"),
-        minLength: J(4),
-        maxLength: W(4)
+        required: _(this.form === "condominium"),
+        minLength: K(4),
+        maxLength: J(4)
       },
       condominiumOrgNo: {
-        required: H(this.form === "condominium")
+        required: _(this.form === "condominium")
       },
       realEstateId: {
-        required: H(this.form === "realEstate")
+        required: _(this.form === "realEstate")
       }
     };
   },
@@ -144,8 +148,8 @@ const G = {
   },
   methods: {
     ...P({
-      putCurrentDoc: V.PUT_CURRENT_PUBLIC_DOCUMENT,
-      reloadCurrentDocument: V.RELOAD_CURRENT_DOCUMENT
+      putCurrentDoc: b.PUT_CURRENT_PUBLIC_DOCUMENT,
+      reloadCurrentDocument: b.RELOAD_CURRENT_DOCUMENT
     }),
     async updateClientPropertyDesignation() {
       if (this.v$.$touch(), this.v$.$invalid) return;
@@ -167,67 +171,67 @@ const G = {
       }
     }
   }
-}, Q = { key: 1 }, X = { class: "mb-2 text-lg font-semibold" }, Y = { class: "text-gray-700" }, Z = { key: 2 }, ee = { class: "mb-2 text-lg font-semibold" }, te = { class: "text-gray-700" }, ne = {
+}, X = { key: 1 }, Y = { class: "mb-2 text-lg font-semibold" }, Z = { class: "text-gray-700" }, ee = { key: 2 }, te = { class: "mb-2 text-lg font-semibold" }, ne = { class: "text-gray-700" }, ie = {
   href: "https://www.lantmateriet.se/",
   target: "_blank",
   rel: "noopener",
   style: { "text-decoration": "underline" }
-}, ie = {
+}, se = {
   key: 1,
   class: "mb-12 text-center"
-}, oe = { class: "mb-4 text-base font-medium" }, se = { class: "flex justify-center" }, re = { class: "mx-4" }, ae = { class: "text-sm leading-tight text-gray-700" }, de = { class: "mx-4" }, le = { class: "text-sm leading-tight text-gray-700" }, me = { key: 2 }, ce = { class: "space-y-6" }, ue = { key: 3 }, he = { class: "flex flex-col items-center justify-center text-center" }, ve = { class: "bg-primary-50 mb-4 flex h-12 w-12 items-center justify-center rounded-full" }, ge = { class: "mb-1 text-base font-semibold" }, fe = { class: "mb-6 text-base text-gray-700" }, we = { class: "mt-4 w-full" };
-function pe(e, t, n, v, s, a) {
-  const m = y("CButton"), u = y("CInput"), h = y("CField"), _ = y("CIcon"), C = y("DocModalBase");
-  return r(), p(C, {
+}, oe = { class: "mb-4 text-base font-medium" }, re = { class: "flex justify-center" }, ae = { class: "mx-4" }, de = { class: "text-sm leading-tight text-gray-700" }, le = { class: "mx-4" }, ce = { class: "text-sm leading-tight text-gray-700" }, me = { key: 2 }, ue = { class: "space-y-6" }, he = { key: 3 }, ve = { class: "flex flex-col items-center justify-center text-center" }, ge = { class: "bg-primary-50 mb-4 flex h-12 w-12 items-center justify-center rounded-full" }, we = { class: "mb-1 text-base font-semibold" }, pe = { class: "mb-6 text-base text-gray-700" }, fe = { class: "mt-4 w-full" };
+function ye(e, t, n, w, o, r) {
+  const c = y("CButton"), m = y("CInput"), h = y("CField"), k = y("CIcon"), I = y("DocModalBase");
+  return a(), f(I, {
     ref: "root",
-    class: T([{ "full-screen": e.mq === "sm" }]),
-    onClose: t[8] || (t[8] = (f) => e.$emit("close"))
+    class: z([{ "full-screen": e.mq === "sm" }]),
+    onClose: t[8] || (t[8] = (g) => e.$emit("close"))
   }, {
-    default: g(() => [
-      n.fullScreen ? (r(), p(m, {
+    default: v(() => [
+      n.fullScreen ? (a(), f(c, {
         key: 0,
         class: "absolute right-4 top-4 z-50",
         icon: "x",
         circle: "",
-        onClick: t[0] || (t[0] = (f) => e.$emit("close"))
-      })) : c("", !0),
+        onClick: t[0] || (t[0] = (g) => e.$emit("close"))
+      })) : u("", !0),
       i("div", null, [
-        s.view !== "complete" ? (r(), d("div", {
+        o.view !== "complete" ? (a(), d("div", {
           key: 0,
-          style: k({
-            paddingTop: s.spacing,
-            marginTop: `-${s.spacing}`,
-            borderRadius: `${s.cornerRadius} ${s.cornerRadius} 0 0`
+          style: V({
+            paddingTop: o.spacing,
+            marginTop: `-${o.spacing}`,
+            borderRadius: `${o.cornerRadius} ${o.cornerRadius} 0 0`
           }),
           class: "negate-padding relative mb-8 border-b border-gray-100 bg-gray-50 pb-8 text-center"
         }, [
-          s.view === "start" ? (r(), d("div", Q, [
-            i("div", X, o(e.$t("title")), 1),
-            i("div", Y, o(e.$t("subTitle", { senderName: n.senderName })), 1)
-          ])) : c("", !0),
-          s.view === "form" ? (r(), d("div", Z, [
-            w(m, {
+          o.view === "start" ? (a(), d("div", X, [
+            i("div", Y, s(e.$t("title")), 1),
+            i("div", Z, s(e.$t("subTitle", { senderName: n.senderName })), 1)
+          ])) : u("", !0),
+          o.view === "form" ? (a(), d("div", ee, [
+            p(c, {
               circle: "",
               class: "absolute left-4 top-4",
               icon: "arrow-left",
-              onClick: t[1] || (t[1] = (f) => s.view = "start")
+              onClick: t[1] || (t[1] = (g) => o.view = "start")
             }),
-            i("div", ee, o(e.$t("howToFind")), 1),
-            i("div", te, [
-              l(o(e.$t("goto1")) + " ", 1),
-              i("a", ne, o(e.$t("goto2")), 1),
-              l(" " + o(e.$t("goto3")), 1)
+            i("div", te, s(e.$t("howToFind")), 1),
+            i("div", ne, [
+              l(s(e.$t("goto1")) + " ", 1),
+              i("a", ie, s(e.$t("goto2")), 1),
+              l(" " + s(e.$t("goto3")), 1)
             ])
-          ])) : c("", !0)
-        ], 4)) : c("", !0),
-        s.view === "start" ? (r(), d("div", ie, [
-          i("div", oe, o(e.$t("whereTitle")), 1),
-          i("div", se, [
-            i("div", re, [
+          ])) : u("", !0)
+        ], 4)) : u("", !0),
+        o.view === "start" ? (a(), d("div", se, [
+          i("div", oe, s(e.$t("whereTitle")), 1),
+          i("div", re, [
+            i("div", ae, [
               i("div", {
                 class: "mb-2 flex h-24 w-24 cursor-pointer items-center justify-center rounded-xl border border-gray-300 bg-gray-50 hover:bg-gray-100 active:bg-gray-200",
                 onClick: t[2] || (t[2] = () => {
-                  s.view = "form", s.form = "realEstate";
+                  o.view = "form", o.form = "realEstate";
                 })
               }, t[9] || (t[9] = [
                 i("svg", {
@@ -246,17 +250,17 @@ function pe(e, t, n, v, s, a) {
                   ])
                 ], -1)
               ])),
-              i("div", ae, [
-                l(o(e.$t("house")), 1),
+              i("div", de, [
+                l(s(e.$t("house")), 1),
                 t[10] || (t[10] = i("br", null, null, -1)),
-                l("/ " + o(e.$t("realEstate")), 1)
+                l("/ " + s(e.$t("realEstate")), 1)
               ])
             ]),
-            i("div", de, [
+            i("div", le, [
               i("div", {
                 class: "mb-2 flex h-24 w-24 cursor-pointer items-center justify-center rounded-xl border border-gray-300 bg-gray-50 hover:bg-gray-100 active:bg-gray-200",
                 onClick: t[3] || (t[3] = () => {
-                  s.view = "form", s.form = "condominium";
+                  o.view = "form", o.form = "condominium";
                 })
               }, t[11] || (t[11] = [
                 i("svg", {
@@ -275,108 +279,108 @@ function pe(e, t, n, v, s, a) {
                   ])
                 ], -1)
               ])),
-              i("div", le, [
-                l(o(e.$t("condominium")), 1),
+              i("div", ce, [
+                l(s(e.$t("condominium")), 1),
                 t[12] || (t[12] = i("br", null, null, -1)),
-                l("/ " + o(e.$t("apartment")), 1)
+                l("/ " + s(e.$t("apartment")), 1)
               ])
             ])
           ])
-        ])) : c("", !0),
-        s.view === "form" ? (r(), d("div", me, [
-          i("div", ce, [
-            s.form === "realEstate" ? (r(), p(h, {
+        ])) : u("", !0),
+        o.view === "form" ? (a(), d("div", me, [
+          i("div", ue, [
+            o.form === "realEstate" ? (a(), f(h, {
               key: 0,
-              vuelidate: v.v$.realEstateId,
-              "vuelidate-messages": a.messages.realEstateId,
+              vuelidate: w.v$.realEstateId,
+              "vuelidate-messages": r.messages.realEstateId,
               label: e.$t("propertyDesignation")
             }, {
-              default: g(() => [
-                w(u, {
-                  modelValue: s.realEstateId,
-                  "onUpdate:modelValue": t[4] || (t[4] = (f) => s.realEstateId = f),
+              default: v(() => [
+                p(m, {
+                  modelValue: o.realEstateId,
+                  "onUpdate:modelValue": t[4] || (t[4] = (g) => o.realEstateId = g),
                   placeholder: e.$t("propertyDesignationPlaceholder")
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
               _: 1
-            }, 8, ["vuelidate", "vuelidate-messages", "label"])) : c("", !0),
-            s.form === "condominium" ? (r(), p(h, {
+            }, 8, ["vuelidate", "vuelidate-messages", "label"])) : u("", !0),
+            o.form === "condominium" ? (a(), f(h, {
               key: 1,
-              vuelidate: v.v$.condominiumId,
-              "vuelidate-messages": a.messages.condominiumId,
+              vuelidate: w.v$.condominiumId,
+              "vuelidate-messages": r.messages.condominiumId,
               label: e.$t("condominiumId")
             }, {
-              default: g(() => [
-                w(u, {
-                  modelValue: s.condominiumId,
-                  "onUpdate:modelValue": t[5] || (t[5] = (f) => s.condominiumId = f),
+              default: v(() => [
+                p(m, {
+                  modelValue: o.condominiumId,
+                  "onUpdate:modelValue": t[5] || (t[5] = (g) => o.condominiumId = g),
                   placeholder: e.$t("condominiumIdPlaceholder"),
                   type: "number"
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
               _: 1
-            }, 8, ["vuelidate", "vuelidate-messages", "label"])) : c("", !0),
-            s.form === "condominium" ? (r(), p(h, {
+            }, 8, ["vuelidate", "vuelidate-messages", "label"])) : u("", !0),
+            o.form === "condominium" ? (a(), f(h, {
               key: 2,
-              vuelidate: v.v$.condominiumOrgNo,
-              "vuelidate-messages": a.messages.condominiumOrgNo,
+              vuelidate: w.v$.condominiumOrgNo,
+              "vuelidate-messages": r.messages.condominiumOrgNo,
               label: e.$t("condominiumOrgNo")
             }, {
-              default: g(() => [
-                w(u, {
-                  modelValue: s.condominiumOrgNo,
-                  "onUpdate:modelValue": t[6] || (t[6] = (f) => s.condominiumOrgNo = f),
+              default: v(() => [
+                p(m, {
+                  modelValue: o.condominiumOrgNo,
+                  "onUpdate:modelValue": t[6] || (t[6] = (g) => o.condominiumOrgNo = g),
                   placeholder: e.$t("condominiumOrgNoPlaceholder"),
                   type: "number",
                   class: "mt-3"
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
               _: 1
-            }, 8, ["vuelidate", "vuelidate-messages", "label"])) : c("", !0),
+            }, 8, ["vuelidate", "vuelidate-messages", "label"])) : u("", !0),
             i("div", null, [
-              w(m, {
+              p(c, {
                 type: "secondary",
                 wide: "",
-                onClick: a.updateClientPropertyDesignation
+                onClick: r.updateClientPropertyDesignation
               }, {
-                default: g(() => [
-                  l(o(e.$t("_common:save")), 1)
+                default: v(() => [
+                  l(s(e.$t("_common:save")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])
             ])
           ])
-        ])) : c("", !0),
-        s.view === "complete" ? (r(), d("div", ue, [
-          i("div", he, [
-            i("div", ve, [
-              w(_, {
+        ])) : u("", !0),
+        o.view === "complete" ? (a(), d("div", he, [
+          i("div", ve, [
+            i("div", ge, [
+              p(k, {
                 type: "check",
                 class: "text-primary-500"
               })
             ]),
-            i("div", ge, o(e.$t("savedTitle")), 1),
-            i("div", fe, o(e.$t("savedSubTitle", { senderName: n.senderName })), 1),
-            i("div", we, [
-              w(m, {
+            i("div", we, s(e.$t("savedTitle")), 1),
+            i("div", pe, s(e.$t("savedSubTitle", { senderName: n.senderName })), 1),
+            i("div", fe, [
+              p(c, {
                 type: "secondary",
                 wide: "",
-                onClick: t[7] || (t[7] = (f) => e.$emit("close"))
+                onClick: t[7] || (t[7] = (g) => e.$emit("close"))
               }, {
-                default: g(() => [
-                  l(o(e.$t("_common:close")), 1)
+                default: v(() => [
+                  l(s(e.$t("_common:close")), 1)
                 ]),
                 _: 1
               })
             ])
           ])
-        ])) : c("", !0)
+        ])) : u("", !0)
       ])
     ]),
     _: 1
   }, 8, ["class"]);
 }
-const ye = /* @__PURE__ */ D(G, [["render", pe]]), Ce = {
+const Ce = /* @__PURE__ */ H(Q, [["render", ye]]), _e = {
   i18nOptions: {
     namespaces: "docAnswer",
     messages: {
@@ -389,7 +393,7 @@ const ye = /* @__PURE__ */ D(G, [["render", pe]]), Ce = {
     }
   },
   name: "DocumentAnswerRead",
-  mixins: [I],
+  mixins: [D],
   inject: {
     isPdf: {
       default: !1
@@ -408,16 +412,21 @@ const ye = /* @__PURE__ */ D(G, [["render", pe]]), Ce = {
     }
   },
   setup(e) {
-    const { answer: t } = K(e._document);
-    return { onAnswer: t };
+    const { answer: t } = G(e._document);
+    return {
+      answer: (n, w) => t(n, { onClose: w })
+    };
   },
   data() {
     return {
       isInViewport: !1,
-      scrollToElement: $
+      scrollToElement: q
     };
   },
   computed: {
+    acceptIcon() {
+      return j && this.viewerAcceptType === "bankId" ? "bankId" : "check";
+    },
     viewerId() {
       var e;
       return ((e = this._document._doc) == null ? void 0 : e.viewerId) || null;
@@ -425,6 +434,10 @@ const ye = /* @__PURE__ */ D(G, [["render", pe]]), Ce = {
     isPreview() {
       return this._document.isPreview;
     },
+    viewerAcceptType() {
+      var e, t;
+      return (t = (e = this._document.viewer) == null ? void 0 : e.answerMethod) == null ? void 0 : t.accept;
+    },
     modalHeight() {
       return this.mq === "sm" ? "100%" : "auto";
     },
@@ -469,7 +482,7 @@ const ye = /* @__PURE__ */ D(G, [["render", pe]]), Ce = {
     },
     showPropertyDesignation() {
       this.$modal.show(
-        ye,
+        Ce,
         {
           senderName: this._document.sender.user.name,
           propertyDesignation: this.propertyDesignation,
@@ -484,146 +497,151 @@ const ye = /* @__PURE__ */ D(G, [["render", pe]]), Ce = {
           transition: "fade-in-slide-up"
         }
       );
+    },
+    onAnswer(e) {
+      e === "accept" && this.allowPropertyDesignation && !this.propertyDesignation ? this.answer(e, () => {
+        var t;
+        (t = this._document.viewer.answer) != null && t.didAccept && this.showPropertyDesignation();
+      }) : this.answer(e);
     }
   }
-}, _e = {
+}, be = {
   key: 0,
   style: { padding: "calc(3 * var(--rem)) 0" }
-}, be = {
+}, He = {
   ref: "answerButtons",
   class: "flex w-full justify-center"
-}, He = {
+}, Ve = {
   key: 1,
   class: "flex w-full justify-center"
-}, Ve = ["innerHTML"], De = ["innerHTML"], ke = {
+}, De = ["innerHTML"], ke = ["innerHTML"], Ie = {
   key: 2,
   class: "text-center"
-}, Ie = { style: { "font-weight": "600", "font-size": "calc(calc(1 * var(--rem)) + 2px)", "margin-bottom": "calc(0.5 * var(--rem))" } }, xe = { style: { "text-decoration": "underline" } }, Ae = { key: 3 }, ze = { class: "callout accepted" }, Pe = { class: "title" }, Te = {
+}, xe = { style: { "font-weight": "600", "font-size": "calc(calc(1 * var(--rem)) + 2px)", "margin-bottom": "calc(0.5 * var(--rem))" } }, Ae = { style: { "text-decoration": "underline" } }, Te = { key: 3 }, Pe = { class: "callout accepted" }, ze = { class: "title" }, Be = {
   key: 4,
   class: "callout denied"
-}, Be = { class: "title" }, Ee = {
+}, Ee = { class: "title" }, Ne = {
   key: 5,
   class: "callout expired"
-}, Ne = { class: "title" }, Oe = {
+}, Oe = { class: "title" }, Me = {
   key: 0,
   class: "flex justify-center"
 };
-function Me(e, t, n, v, s, a) {
-  const m = y("CButton"), u = E("tooltip");
-  return n._document.answerActions.showActions && !a.isPdf ? (r(), d("div", _e, [
-    i("div", be, [
-      w(O, {
+function Se(e, t, n, w, o, r) {
+  const c = y("CButton"), m = E("tooltip");
+  return n._document.answerActions.showActions && !r.isPdf ? (a(), d("div", be, [
+    i("div", He, [
+      p(O, {
         name: "fade",
         mode: "out-in"
       }, {
-        default: g(() => {
-          var h, _;
-          return [
-            ((_ = (h = n._document.viewer) == null ? void 0 : h.answerMethod) == null ? void 0 : _.accept) === "inPerson" ? (r(), d("div", {
+        default: v(() => [
+          r.viewerAcceptType === "inPerson" ? (a(), d("div", {
+            key: 0,
+            style: V([{ "max-width": "720px", margin: "0 auto", padding: "0 calc(3 * var(--rem))" }, e.mq === "sm" ? { padding: "0 calc(1.5 * var(--rem))" } : null])
+          }, [
+            l(s(n._document.$t("chapters.answerButtons.inPersonSignatureHint")) + " ", 1),
+            (a(), f(N(n._document.sender.user.email ? "a" : "span"), {
+              href: `mailto:${n._document.sender.user.email}`
+            }, {
+              default: v(() => [
+                l(s(n._document.sender.company.name || n._document.$t("theSender")), 1)
+              ]),
+              _: 1
+            }, 8, ["href"]))
+          ], 4)) : (n._document.answerActions.canAnswer || r.isPreview) && n._document.answerActions.showActions ? (a(), d("div", Ve, [
+            r.customHtmlDeny ? (a(), d("div", {
               key: 0,
-              style: k([{ "max-width": "720px", margin: "0 auto", padding: "0 calc(3 * var(--rem))" }, e.mq === "sm" ? { padding: "0 calc(1.5 * var(--rem))" } : null])
-            }, [
-              l(o(n._document.$t("chapters.answerButtons.inPersonSignatureHint")) + " ", 1),
-              (r(), p(N(n._document.sender.user.email ? "a" : "span"), {
-                href: `mailto:${n._document.sender.user.email}`
-              }, {
-                default: g(() => [
-                  l(o(n._document.sender.company.name || n._document.$t("theSender")), 1)
-                ]),
-                _: 1
-              }, 8, ["href"]))
-            ], 4)) : (n._document.answerActions.canAnswer || a.isPreview) && n._document.answerActions.showActions ? (r(), d("div", He, [
-              a.customHtmlDeny ? (r(), d("div", {
-                key: 0,
-                onClick: t[0] || (t[0] = (C) => v.onAnswer("decline")),
-                innerHTML: a.customHtmlDeny
-              }, null, 8, Ve)) : b((r(), p(m, {
-                key: 1,
-                disabled: a.isPreview,
-                size: "medium",
-                class: "text-gray-400",
-                onClick: t[1] || (t[1] = (C) => v.onAnswer("decline"))
-              }, {
-                default: g(() => [
-                  l(o(n._document.$t("deny").capitalize()), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"])), [
-                [u, a.isPreview && e.$t("previewTooltip")]
+              onClick: t[0] || (t[0] = (h) => r.onAnswer("decline")),
+              innerHTML: r.customHtmlDeny
+            }, null, 8, De)) : C((a(), f(c, {
+              key: 1,
+              disabled: r.isPreview,
+              size: "medium",
+              class: "text-gray-400",
+              "data-doc-answer-action": "deny",
+              onClick: t[1] || (t[1] = (h) => r.onAnswer("decline"))
+            }, {
+              default: v(() => [
+                l(s(n._document.$t("deny").capitalize()), 1)
               ]),
-              a.customHtmlAccept ? (r(), d("div", {
-                key: 2,
-                onClick: t[2] || (t[2] = (C) => v.onAnswer("accept")),
-                innerHTML: a.customHtmlAccept
-              }, null, 8, De)) : b((r(), p(m, {
-                key: 3,
-                "icon-props": { strokeWidth: 2.5 },
-                disabled: a.isPreview,
-                type: "success",
-                size: "medium",
-                "icon-left": "check",
-                raised: "",
-                style: { "margin-left": "1em", "padding-left": "1.5em", "padding-right": "1.5em", background: "var(--block-answer-accept-bg, hsl(114deg, 75%, 43%))" },
-                onClick: t[3] || (t[3] = (C) => v.onAnswer("accept"))
-              }, {
-                default: g(() => [
-                  l(o(n._document.$t("sign").capitalize()), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"])), [
-                [u, a.isPreview && e.$t("previewTooltip")]
-              ])
-            ])) : n._document.answerActions.hasAnswered && n._document.answerActions.waitingForOthers ? (r(), d("div", ke, [
-              i("div", Ie, [
-                l(o(n._document.$t("chapters.answerButtons.youHave")) + " ", 1),
-                b((r(), d("span", xe, [
-                  l(o(n._document.viewer.answer.didAccept ? n._document.$t("approved") : n._document.$t("denied")), 1)
-                ])), [
-                  [
-                    u,
-                    `${e.$formatDate(n._document.viewer.answer.didAnswerAt, "Pp")}`
-                  ]
-                ]),
-                l(" " + o(" " + n._document.$t("theDocument")) + ". ", 1)
+              _: 1
+            }, 8, ["disabled"])), [
+              [m, r.isPreview && e.$t("previewTooltip")]
+            ]),
+            r.customHtmlAccept ? (a(), d("div", {
+              key: 2,
+              onClick: t[2] || (t[2] = (h) => r.onAnswer("accept")),
+              innerHTML: r.customHtmlAccept
+            }, null, 8, ke)) : C((a(), f(c, {
+              key: 3,
+              "icon-props": { strokeWidth: 2.5 },
+              disabled: r.isPreview,
+              type: "success",
+              size: "medium",
+              "icon-left": r.acceptIcon,
+              raised: "",
+              style: { "margin-left": "1em", "padding-left": "1.5em", "padding-right": "1.5em", background: "var(--block-answer-accept-bg, hsl(114deg, 75%, 43%))" },
+              "data-doc-answer-action": "accept",
+              onClick: t[3] || (t[3] = (h) => r.onAnswer("accept"))
+            }, {
+              default: v(() => [
+                l(s(n._document.$t("sign").capitalize()), 1)
               ]),
-              i("div", null, o(n._document.$t("chapters.answerButtons.waitingDescription", {
-                remaining: n._document.remainingSignatures
-              })), 1)
-            ])) : n._document.status === "accepted" ? (r(), d("div", Ae, [
-              i("div", ze, [
-                i("div", Pe, o(n._document.$t("chapters.answerButtons.approveTitle")), 1),
-                i("div", null, o(n._document.$t("chapters.answerButtons.approveDescription", {
-                  sender: n._document.sender.company.name || n._document.$t("theSender")
-                })), 1)
-              ])
-            ])) : n._document.status === "denied" ? (r(), d("div", Te, [
-              i("div", Be, o(n._document.$t("chapters.answerButtons.denyTitle")), 1),
-              i("div", null, o(n._document.$t("chapters.answerButtons.denyDescription", {
-                sender: n._document.sender.company.name || n._document.$t("theSender")
-              })), 1)
-            ])) : n._document.status === "expired" ? (r(), d("div", Ee, [
-              i("div", Ne, o(n._document.$t("chapters.answerButtons.expiredTitle")), 1),
-              i("div", null, o(n._document.$t("chapters.answerButtons.expiredDescription", {
+              _: 1
+            }, 8, ["disabled", "icon-left"])), [
+              [m, r.isPreview && e.$t("previewTooltip")]
+            ])
+          ])) : n._document.answerActions.hasAnswered && n._document.answerActions.waitingForOthers ? (a(), d("div", Ie, [
+            i("div", xe, [
+              l(s(n._document.$t("chapters.answerButtons.youHave")) + " ", 1),
+              C((a(), d("span", Ae, [
+                l(s(n._document.viewer.answer.didAccept ? n._document.$t("approved") : n._document.$t("denied")), 1)
+              ])), [
+                [
+                  m,
+                  `${e.$formatDate(n._document.viewer.answer.didAnswerAt, "Pp")}`
+                ]
+              ]),
+              l(" " + s(" " + n._document.$t("theDocument")) + ". ", 1)
+            ]),
+            i("div", null, s(n._document.$t("chapters.answerButtons.waitingDescription", {
+              remaining: n._document.remainingSignatures
+            })), 1)
+          ])) : n._document.status === "accepted" ? (a(), d("div", Te, [
+            i("div", Pe, [
+              i("div", ze, s(n._document.$t("chapters.answerButtons.approveTitle")), 1),
+              i("div", null, s(n._document.$t("chapters.answerButtons.approveDescription", {
                 sender: n._document.sender.company.name || n._document.$t("theSender")
               })), 1)
-            ])) : c("", !0)
-          ];
-        }),
+            ])
+          ])) : n._document.status === "denied" ? (a(), d("div", Be, [
+            i("div", Ee, s(n._document.$t("chapters.answerButtons.denyTitle")), 1),
+            i("div", null, s(n._document.$t("chapters.answerButtons.denyDescription", {
+              sender: n._document.sender.company.name || n._document.$t("theSender")
+            })), 1)
+          ])) : n._document.status === "expired" ? (a(), d("div", Ne, [
+            i("div", Oe, s(n._document.$t("chapters.answerButtons.expiredTitle")), 1),
+            i("div", null, s(n._document.$t("chapters.answerButtons.expiredDescription", {
+              sender: n._document.sender.company.name || n._document.$t("theSender")
+            })), 1)
+          ])) : u("", !0)
+        ]),
         _: 1
       })
     ], 512),
-    n._document.status === "accepted" && a.allowPropertyDesignation && n._document.answerActions.hasAnswered ? (r(), d("div", Oe, [
+    n._document.status === "accepted" && r.allowPropertyDesignation && n._document.answerActions.hasAnswered ? (a(), d("div", Me, [
       i("div", {
         class: "answer button accept",
         style: { "padding-left": "calc(1.5 * var(--rem))", "padding-right": "calc(1.5 * var(--rem))" },
-        onClick: t[4] || (t[4] = (h) => a.showPropertyDesignation())
-      }, o(n._document.$t(
-        `chapters.answerButtons.${a.propertyDesignation ? "editPropDes" : "enterPropDes"}`
+        onClick: t[4] || (t[4] = (h) => r.showPropertyDesignation())
+      }, s(n._document.$t(
+        `chapters.answerButtons.${r.propertyDesignation ? "editPropDes" : "enterPropDes"}`
       )), 1)
-    ])) : c("", !0)
-  ])) : c("", !0);
+    ])) : u("", !0)
+  ])) : u("", !0);
 }
-const Ke = /* @__PURE__ */ D(Ce, [["render", Me], ["__scopeId", "data-v-4b4d7eb6"]]);
+const Qe = /* @__PURE__ */ H(_e, [["render", Se], ["__scopeId", "data-v-8defa929"]]);
 export {
-  Ke as default
+  Qe as default
 };