@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/Index-CbZ65-O3.js

@@ -0,0 +1,629 @@
+import { P as x, aJ as A, z, a as P, g as V, y as T, _ as D, b as y, o as r, c as p, w as g, f as c, s as i, d, l as k, v as o, e as w, B as l, n as B, aa as E, q as N, a3 as O, aq as M, E as b, aj as S } from "./main-C4OdoeS2.js";
+import "./template-m1V22cUt.js";
+import { s as q, i as L } from "./dom-CkTGWrfu.js";
+import { v as $ } from "./validation-C-dQpENM.js";
+import { i as R } from "./DocumentLayout-BRfEjoYq.js";
+import { w as I } from "./CDropdownItem-DvaU14-V.js";
+import { D as j } from "./DocModalBase-DtPJK9sp.js";
+import { _ as U } from "./CFormField.vue_vue_type_script_setup_true_lang-B4s_Zfsp.js";
+import { u as F } from "./index-8g2jwLJx.js";
+import { a as H, m as W, b as J } from "./index-FRHGChx1.js";
+function K(e) {
+  const { isValid: t } = x($, null) || {}, { show: n, getOpenInstances: v } = A();
+  function s() {
+    var m;
+    return (m = v()) == null ? void 0 : m.some(
+      (u) => {
+        var h;
+        return ((h = u.modalAttrs) == null ? void 0 : h.name) === "AnswerModal";
+      }
+    );
+  }
+  async function a(m = "accept", u = {}) {
+    if (!s() && !(e != null && e.isPreview)) {
+      if (typeof t != "function")
+        throw new Error("isValid is not a function");
+      m === "accept" && !await t() || n(
+        z(
+          () => import(
+            // @ts-ignore
+            "./AnswerModal-Dc3cgkap.js"
+          )
+        ),
+        {
+          mode: m,
+          _document: e,
+          fullScreen: R.value,
+          calcHeight: !!u.calcHeight
+        },
+        {
+          name: "AnswerModal",
+          adaptive: !0,
+          height: "auto",
+          width: "90%",
+          maxWidth: 420,
+          classes: "overflow-visible",
+          transition: "modal-soft",
+          clickToClose: !1
+        }
+      );
+    }
+  }
+  return {
+    answer: a
+  };
+}
+const G = {
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "document.propertyDesignationModal"
+  },
+  components: {
+    DocModalBase: j,
+    CField: U
+  },
+  emits: ["close"],
+  mixins: [I],
+  props: {
+    senderName: {
+      type: String,
+      required: !0
+    },
+    propertyDesignation: {
+      type: Object,
+      default: null
+    },
+    fullScreen: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    return {
+      v$: F()
+    };
+  },
+  data() {
+    return {
+      cornerRadius: 0,
+      spacing: 0,
+      view: "start",
+      form: "",
+      realEstateId: "",
+      condominiumId: null,
+      condominiumOrgNo: null
+    };
+  },
+  validations() {
+    return {
+      condominiumId: {
+        required: H(this.form === "condominium"),
+        minLength: W(4),
+        maxLength: J(4)
+      },
+      condominiumOrgNo: {
+        required: H(this.form === "condominium")
+      },
+      realEstateId: {
+        required: H(this.form === "realEstate")
+      }
+    };
+  },
+  computed: {
+    messages() {
+      const e = (t) => this.$t(`validations.${t}`);
+      return {
+        condominiumId: {
+          required: e("condominiumId.required"),
+          minLength: e("condominiumId.minLength"),
+          maxLength: e("condominiumId.maxLength")
+        },
+        condominiumOrgNo: {
+          required: e("condominiumOrgNo.required")
+        },
+        realEstateId: {
+          required: e("realEstateId.required")
+        }
+      };
+    }
+  },
+  created() {
+    if (this.propertyDesignation) {
+      const {
+        propertyType: e = "",
+        propertyId: t = "",
+        condominiumOrgNo: n = null
+      } = this.propertyDesignation;
+      this.form = e, e === "realEstate" ? this.realEstateId = t : this.condominiumId = t, this.condominiumOrgNo = n;
+    }
+  },
+  mounted() {
+    this.spacing = window.getComputedStyle(this.$refs.root.$el).paddingTop, this.cornerRadius = window.getComputedStyle(
+      this.$refs.root.$el
+    ).borderRadius;
+  },
+  methods: {
+    ...P({
+      putCurrentDoc: V.PUT_CURRENT_PUBLIC_DOCUMENT,
+      reloadCurrentDocument: V.RELOAD_CURRENT_DOCUMENT
+    }),
+    async updateClientPropertyDesignation() {
+      if (this.v$.$touch(), this.v$.$invalid) return;
+      const e = {
+        propertyType: this.form,
+        propertyId: this.form === "realEstate" ? this.realEstateId : this.condominiumId,
+        ...this.form === "condominium" && {
+          condominiumOrgNo: this.condominiumOrgNo
+        }
+      };
+      try {
+        await this.putCurrentDoc({
+          body: {
+            ["clients[0].region.propertyDesignation"]: e
+          }
+        }), this.reloadCurrentDocument(), this.view = "complete";
+      } catch (t) {
+        T(t);
+      }
+    }
+  }
+}, 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 = {
+  href: "https://www.lantmateriet.se/",
+  target: "_blank",
+  rel: "noopener",
+  style: { "text-decoration": "underline" }
+}, ie = {
+  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, {
+    ref: "root",
+    class: B([{ "full-screen": e.mq === "sm" }]),
+    onClose: t[8] || (t[8] = (f) => e.$emit("close"))
+  }, {
+    default: g(() => [
+      n.fullScreen ? (r(), p(m, {
+        key: 0,
+        class: "absolute right-4 top-4 z-50",
+        icon: "x",
+        circle: "",
+        onClick: t[0] || (t[0] = (f) => e.$emit("close"))
+      })) : c("", !0),
+      i("div", null, [
+        s.view !== "complete" ? (r(), d("div", {
+          key: 0,
+          style: k({
+            paddingTop: s.spacing,
+            marginTop: `-${s.spacing}`,
+            borderRadius: `${s.cornerRadius} ${s.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, {
+              circle: "",
+              class: "absolute left-4 top-4",
+              icon: "arrow-left",
+              onClick: t[1] || (t[1] = (f) => s.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)
+            ])
+          ])) : 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, [
+              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";
+                })
+              }, t[9] || (t[9] = [
+                i("svg", {
+                  class: "text-gray-400",
+                  width: "59",
+                  height: "41",
+                  viewBox: "0 0 59 59",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  i("g", {
+                    fill: "currentColor",
+                    "fill-rule": "evenodd"
+                  }, [
+                    i("path", { d: "M6 28h47v29H6V28zm6 7.998101V40.0019C12 41.113294 12.89458 42 13.998101 42H18.0019C19.113294 42 20 41.10542 20 40.001899V35.9981C20 34.886706 19.10542 34 18.001899 34H13.9981C12.886706 34 12 34.89458 12 35.998101zm22-.007306V54h11V35.990795C45 34.898212 44.108144 34 43.007983 34h-7.015966C34.900177 34 34 34.89131 34 35.990795zM27.189354 1.837583C28.46549.536998 30.53366.53613 31.813677 1.840673L56.5 27h-54l9.85551-10.044348V7.141778h6.733007v2.95186l8.100837-8.256055zM25.5 15.861211v4.003797c0 1.111395.89458 1.998102 1.998101 1.998102H31.5019c1.111395 0 1.998101-.89458 1.998101-1.998102v-4.003797c0-1.111395-.89458-1.998101-1.998101-1.998101H27.4981c-1.111395 0-1.998101.89458-1.998101 1.998101z" }),
+                    i("path", { d: "M0 56.004882C0 54.897616.90314 54 1.996843 54h55.006314C58.105983 54 59 54.8939 59 56.004882V59H0v-2.995118z" })
+                  ])
+                ], -1)
+              ])),
+              i("div", ae, [
+                l(o(e.$t("house")), 1),
+                t[10] || (t[10] = i("br", null, null, -1)),
+                l("/ " + o(e.$t("realEstate")), 1)
+              ])
+            ]),
+            i("div", de, [
+              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";
+                })
+              }, t[11] || (t[11] = [
+                i("svg", {
+                  class: "text-gray-400",
+                  width: "59",
+                  height: "50",
+                  viewBox: "0 0 59 73",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  i("g", {
+                    fill: "currentColor",
+                    "fill-rule": "evenodd"
+                  }, [
+                    i("path", { d: "M6 9.004723C6 7.34526 7.343394 6 8.993614 6h41.012771C51.659714 6 53 7.342697 53 9.004723V71H6V9.004723zm5 4.993378V18.0019C11 19.113294 11.89458 20 12.998101 20H17.0019C18.113294 20 19 19.10542 19 18.001899V13.9981C19 12.886706 18.10542 12 17.001899 12H12.9981C11.886706 12 11 12.89458 11 13.998101zm14.5 0V18.0019C25.5 19.113294 26.39458 20 27.498101 20H31.5019C32.613294 20 33.5 19.10542 33.5 18.001899V13.9981C33.5 12.886706 32.60542 12 31.501899 12H27.4981C26.386706 12 25.5 12.89458 25.5 13.998101zm14.5 0V18.0019C40 19.113294 40.89458 20 41.998101 20H46.0019C47.113294 20 48 19.10542 48 18.001899V13.9981C48 12.886706 47.10542 12 46.001899 12H41.9981C40.886706 12 40 12.89458 40 13.998101zm-29 12V30.0019C11 31.113294 11.89458 32 12.998101 32H17.0019C18.113294 32 19 31.10542 19 30.001899V25.9981C19 24.886706 18.10542 24 17.001899 24H12.9981C11.886706 24 11 24.89458 11 25.998101zm14.5 0V30.0019C25.5 31.113294 26.39458 32 27.498101 32H31.5019C32.613294 32 33.5 31.10542 33.5 30.001899V25.9981C33.5 24.886706 32.60542 24 31.501899 24H27.4981C26.386706 24 25.5 24.89458 25.5 25.998101zm14.5 0V30.0019C40 31.113294 40.89458 32 41.998101 32H46.0019C47.113294 32 48 31.10542 48 30.001899V25.9981C48 24.886706 47.10542 24 46.001899 24H41.9981C40.886706 24 40 24.89458 40 25.998101zm-29 12V42.0019C11 43.113294 11.89458 44 12.998101 44H17.0019C18.113294 44 19 43.10542 19 42.001899V37.9981C19 36.886706 18.10542 36 17.001899 36H12.9981C11.886706 36 11 36.89458 11 37.998101zm14.5 0V42.0019C25.5 43.113294 26.39458 44 27.498101 44H31.5019C32.613294 44 33.5 43.10542 33.5 42.001899V37.9981C33.5 36.886706 32.60542 36 31.501899 36H27.4981C26.386706 36 25.5 36.89458 25.5 37.998101zm14.5 0V42.0019C40 43.113294 40.89458 44 41.998101 44H46.0019C47.113294 44 48 43.10542 48 42.001899V37.9981C48 36.886706 47.10542 36 46.001899 36H41.9981C40.886706 36 40 36.89458 40 37.998101zm-29 12V54.0019C11 55.113294 11.89458 56 12.998101 56H17.0019C18.113294 56 19 55.10542 19 54.001899V49.9981C19 48.886706 18.10542 48 17.001899 48H12.9981C11.886706 48 11 48.89458 11 49.998101zm14.5 0V54.0019C25.5 55.113294 26.39458 56 27.498101 56H31.5019C32.613294 56 33.5 55.10542 33.5 54.001899V49.9981C33.5 48.886706 32.60542 48 31.501899 48H27.4981C26.386706 48 25.5 48.89458 25.5 49.998101zM21 60.997391V68h17v-7.002608C38 59.895858 37.104522 59 35.999894 59H23.000106C21.890058 59 21 59.894263 21 60.997392zm19-10.99929V54.0019C40 55.113294 40.89458 56 41.998101 56H46.0019C47.113294 56 48 55.10542 48 54.001899V49.9981C48 48.886706 47.10542 48 46.001899 48H41.9981C40.886706 48 40 48.89458 40 49.998101zM10 2.5C10 1.119288 11.125134 0 12.498953 0h34.002094C47.88118 0 49 1.109662 49 2.5V5H10V2.5z" }),
+                    i("path", { d: "M0 70.004881C0 68.897616.90314 68 1.996843 68h55.006314C58.105983 68 59 68.8939 59 70.004881V73H0v-2.995119z" })
+                  ])
+                ], -1)
+              ])),
+              i("div", le, [
+                l(o(e.$t("condominium")), 1),
+                t[12] || (t[12] = i("br", null, null, -1)),
+                l("/ " + o(e.$t("apartment")), 1)
+              ])
+            ])
+          ])
+        ])) : c("", !0),
+        s.view === "form" ? (r(), d("div", me, [
+          i("div", ce, [
+            s.form === "realEstate" ? (r(), p(h, {
+              key: 0,
+              vuelidate: v.v$.realEstateId,
+              "vuelidate-messages": a.messages.realEstateId,
+              label: e.$t("propertyDesignation")
+            }, {
+              default: g(() => [
+                w(u, {
+                  modelValue: s.realEstateId,
+                  "onUpdate:modelValue": t[4] || (t[4] = (f) => s.realEstateId = f),
+                  placeholder: e.$t("propertyDesignationPlaceholder")
+                }, null, 8, ["modelValue", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["vuelidate", "vuelidate-messages", "label"])) : c("", !0),
+            s.form === "condominium" ? (r(), p(h, {
+              key: 1,
+              vuelidate: v.v$.condominiumId,
+              "vuelidate-messages": a.messages.condominiumId,
+              label: e.$t("condominiumId")
+            }, {
+              default: g(() => [
+                w(u, {
+                  modelValue: s.condominiumId,
+                  "onUpdate:modelValue": t[5] || (t[5] = (f) => s.condominiumId = f),
+                  placeholder: e.$t("condominiumIdPlaceholder"),
+                  type: "number"
+                }, null, 8, ["modelValue", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["vuelidate", "vuelidate-messages", "label"])) : c("", !0),
+            s.form === "condominium" ? (r(), p(h, {
+              key: 2,
+              vuelidate: v.v$.condominiumOrgNo,
+              "vuelidate-messages": a.messages.condominiumOrgNo,
+              label: e.$t("condominiumOrgNo")
+            }, {
+              default: g(() => [
+                w(u, {
+                  modelValue: s.condominiumOrgNo,
+                  "onUpdate:modelValue": t[6] || (t[6] = (f) => s.condominiumOrgNo = f),
+                  placeholder: e.$t("condominiumOrgNoPlaceholder"),
+                  type: "number",
+                  class: "mt-3"
+                }, null, 8, ["modelValue", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["vuelidate", "vuelidate-messages", "label"])) : c("", !0),
+            i("div", null, [
+              w(m, {
+                type: "secondary",
+                wide: "",
+                onClick: a.updateClientPropertyDesignation
+              }, {
+                default: g(() => [
+                  l(o(e.$t("_common:save")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ])
+          ])
+        ])) : c("", !0),
+        s.view === "complete" ? (r(), d("div", ue, [
+          i("div", he, [
+            i("div", ve, [
+              w(_, {
+                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, {
+                type: "secondary",
+                wide: "",
+                onClick: t[7] || (t[7] = (f) => e.$emit("close"))
+              }, {
+                default: g(() => [
+                  l(o(e.$t("_common:close")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ])) : c("", !0)
+      ])
+    ]),
+    _: 1
+  }, 8, ["class"]);
+}
+const ye = /* @__PURE__ */ D(G, [["render", pe]]), Ce = {
+  i18nOptions: {
+    namespaces: "docAnswer",
+    messages: {
+      en: {
+        previewTooltip: "Only your clients can answer"
+      },
+      sv: {
+        previewTooltip: "Enbart din mottagare kan besvara"
+      }
+    }
+  },
+  name: "DocumentAnswerRead",
+  mixins: [I],
+  inject: {
+    isPdf: {
+      default: !1
+    },
+    customHtmlAccept: {
+      default: ""
+    },
+    customHtmlDeny: {
+      default: ""
+    }
+  },
+  props: {
+    _document: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const { answer: t } = K(e._document);
+    return { onAnswer: t };
+  },
+  data() {
+    return {
+      isInViewport: !1,
+      scrollToElement: q
+    };
+  },
+  computed: {
+    viewerId() {
+      var e;
+      return ((e = this._document._doc) == null ? void 0 : e.viewerId) || null;
+    },
+    isPreview() {
+      return this._document.isPreview;
+    },
+    modalHeight() {
+      return this.mq === "sm" ? "100%" : "auto";
+    },
+    allowPropertyDesignation() {
+      const { prices: e } = this._document;
+      if (!e || !e.region) return !1;
+      const { houseWorkType: t } = e.region;
+      return ["rot", "greenRot15", "greenRot20", "greenRot50"].includes(
+        t
+      );
+    },
+    propertyDesignation() {
+      return E(this._document, "clients[0].region.propertyDesignation", null);
+    }
+  },
+  watch: {
+    $route: {
+      immediate: !0,
+      handler(e) {
+        e != null && e.hash && this.onAnswer("accept", { calcHeight: !0 });
+      }
+    },
+    isInViewport: {
+      immediate: !0,
+      handler(e, t) {
+        e !== t && N.trigger("ui:document.block.answer.visible", e);
+      }
+    }
+  },
+  mounted() {
+    window.addEventListener("scroll", this.scrollHandler, {
+      capture: !0,
+      passive: !0
+    }), this.$route.name === "docPropertyDesignation" && this.showPropertyDesignation();
+  },
+  unmounted() {
+    window.removeEventListener("scroll", this.scrollHandler);
+  },
+  methods: {
+    scrollHandler() {
+      this.$refs.answerButtons && (this.isInViewport = L(this.$refs.answerButtons));
+    },
+    showPropertyDesignation() {
+      this.$modal.show(
+        ye,
+        {
+          senderName: this._document.sender.user.name,
+          propertyDesignation: this.propertyDesignation,
+          fullScreen: this.modalHeight === "100%"
+        },
+        {
+          adaptive: !0,
+          height: this.modalHeight,
+          width: "100%",
+          maxWidth: this.modalHeight === "100%" ? 999 : 400,
+          classes: "overflow-visible",
+          transition: "fade-in-slide-up"
+        }
+      );
+    }
+  }
+}, _e = {
+  key: 0,
+  style: { padding: "calc(3 * var(--rem)) 0" }
+}, be = {
+  ref: "answerButtons",
+  class: "flex w-full justify-center"
+}, He = {
+  key: 1,
+  class: "flex w-full justify-center"
+}, Ve = ["innerHTML"], De = ["innerHTML"], ke = {
+  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 = {
+  key: 4,
+  class: "callout denied"
+}, Be = { class: "title" }, Ee = {
+  key: 5,
+  class: "callout expired"
+}, Ne = { class: "title" }, Oe = {
+  key: 0,
+  class: "flex justify-center"
+};
+function Me(e, t, n, v, s, a) {
+  const m = y("CButton"), u = O("tooltip");
+  return n._document.answerActions.showActions && !a.isPdf ? (r(), d("div", _e, [
+    i("div", be, [
+      w(S, {
+        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", {
+              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(M(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")]
+              ]),
+              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)
+              ]),
+              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", {
+                sender: n._document.sender.company.name || n._document.$t("theSender")
+              })), 1)
+            ])) : c("", !0)
+          ];
+        }),
+        _: 1
+      })
+    ], 512),
+    n._document.status === "accepted" && a.allowPropertyDesignation && n._document.answerActions.hasAnswered ? (r(), d("div", Oe, [
+      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"}`
+      )), 1)
+    ])) : c("", !0)
+  ])) : c("", !0);
+}
+const Ke = /* @__PURE__ */ D(Ce, [["render", Me], ["__scopeId", "data-v-7c150031"]]);
+export {
+  Ke as default
+};