@cling-se/widget 0.14.4 → 0.14.5

package/dist/DocFormSend-LawcXcM2.js

@@ -0,0 +1,143 @@
+import { i as s, S as l } from "./formComponentsInstall-UG7a9vjZ.js";
+import { V as n, m as r, a as i, g as u, C as c, n as m } from "./main-B9t0ybqW.js";
+n.use(s);
+const a = n.observable({
+  canEdit: !1,
+  isForm: !0,
+  setFormValue: null,
+  removeFormValue: null
+}), d = {
+  name: "DocFormSend",
+  components: {
+    SendForm: l
+  },
+  provide: () => ({ viewSettings: a, allowSenderSign: !1 }),
+  // TODO maybe not needed
+  props: {
+    // consumer options
+    showName: {
+      type: Boolean,
+      default: !0
+    },
+    showSave: {
+      type: Boolean,
+      default: !0
+    },
+    showSchedule: {
+      type: Boolean,
+      default: !0
+    },
+    allowManualDelivery: {
+      type: Boolean,
+      default: !1
+    },
+    allowEditClients: {
+      type: Boolean,
+      default: !0
+    },
+    contentSlot: {
+      type: String,
+      default: null
+    },
+    footerSlot: {
+      type: String,
+      default: null
+    },
+    // widget internals
+    setFormValue: {
+      type: Function,
+      default: null
+    },
+    removeFormValue: {
+      type: Function,
+      default: null
+    },
+    closeFunc: {
+      type: Function,
+      default: null
+    },
+    beforeSave: {
+      type: Function,
+      default: null
+    },
+    beforeSend: {
+      type: Function,
+      default: null
+    }
+  },
+  data() {
+    return {
+      document: null
+    };
+  },
+  computed: {
+    ...r({
+      company: "application/company",
+      can: "application/can",
+      rawDoc: "forms/document",
+      isPosting: "documents2/isPosting"
+    })
+  },
+  watch: {
+    rawDoc: {
+      immediate: !0,
+      handler() {
+        this.initDoc();
+      }
+    }
+  },
+  async created() {
+    this.setDocValue && (a.setFormValue = this.setDocValue), this.removeDocValue && (a.removeFormValue = this.removeDocValue);
+  },
+  methods: {
+    ...i({
+      saveDocument: u.SAVE_DYNDOC_FORM
+      // loadCompanyUser: global.LOAD_COMPANY_USER,
+    }),
+    async initDoc() {
+      if (!this.rawDoc)
+        throw new Error("Missing initiated form document");
+      this.document = new c({
+        data: this.rawDoc,
+        can: this.can,
+        getters: this.$store.getters,
+        updateSender: !0
+      });
+    },
+    setDocValue({ key: t, value: e }) {
+      return this.setFormValue({ key: t, value: e });
+    },
+    removeDocValue(t) {
+      return this.removeFormValue(t);
+    },
+    async onSaveDocument({ doSend: t = !1 } = {}) {
+      let e = !1;
+      typeof this.beforeSave == "function" && (e = await this.beforeSave(this.document)), t && typeof this.beforeSend == "function" && (e = await this.beforeSend(this.document)), !(e || !await this.saveDocument({ doSend: t })) && this.close();
+    },
+    close() {
+      this.closeFunc();
+    }
+  }
+};
+var f = function() {
+  var e = this, o = e._self._c;
+  return e.document ? o("SendForm", { staticClass: "h-full w-full", attrs: { _document: e.document, _value: {
+    expiresAt: "data.expiresAt",
+    personalMessage: "data.personalMessage",
+    defaultAnswerMethod: "data.defaultAnswerMethod",
+    clients: "clients",
+    reminders: "data.reminders",
+    name: "data.name"
+  }, "show-name": e.showName, "show-save": e.showSave, "show-schedule": e.showSchedule, "allow-edit-clients": e.allowEditClients, "allow-manual-delivery": e.allowManualDelivery, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "on-save-document": e.onSaveDocument, "use-scroll": "" } }, [e.contentSlot ? o("div", { attrs: { slot: "content" }, domProps: { innerHTML: e._s(e.contentSlot) }, slot: "content" }) : e._e(), e.footerSlot ? o("div", { attrs: { slot: "footer" }, domProps: { innerHTML: e._s(e.footerSlot) }, slot: "footer" }) : e._e()]) : o("div", { staticClass: "grid h-full w-full place-items-center" }, [o("CIcon", { staticClass: "animate-spin text-gray-400", attrs: { type: "loader", size: 28 } })], 1);
+}, p = [], h = /* @__PURE__ */ m(
+  d,
+  f,
+  p,
+  !1,
+  null,
+  null
+);
+const S = h.exports;
+export {
+  S as default
+};

package/dist/DocLinks-pJT9HpjR.js

@@ -0,0 +1,38 @@
+import { C as o } from "./index-CJ9AvuZH.js";
+import { n as s } from "./main-B9t0ybqW.js";
+const t = {
+  name: "DocLinks",
+  components: {
+    ClientLinks: o
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    closeFunc: {
+      type: Function,
+      default: null
+    }
+  },
+  methods: {
+    close() {
+      this.closeFunc && this.closeFunc();
+    }
+  }
+};
+var c = function() {
+  var e = this, n = e._self._c;
+  return n("div", { staticClass: "h-full w-full overflow-auto" }, [n("ClientLinks", { attrs: { id: e.document.id }, on: { close: e.close } })], 1);
+}, l = [], r = /* @__PURE__ */ s(
+  t,
+  c,
+  l,
+  !1,
+  null,
+  null
+);
+const f = r.exports;
+export {
+  f as default
+};

package/dist/DocModalBase-xUoskL63.js

@@ -0,0 +1,28 @@
+import { n as o } from "./main-B9t0ybqW.js";
+const s = {
+  name: "DocModalBase",
+  components: {},
+  props: {
+    showClose: {
+      type: Boolean,
+      default: !1
+    }
+  }
+};
+var a = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "doc-modal-base" }, [e.showClose ? t("CButton", { staticClass: "absolute right-4 top-4 text-gray-500", attrs: { circle: "", icon: "x" }, on: { click: function(l) {
+    return e.$parent.$emit("close");
+  } } }) : e._e(), e._t("default")], 2);
+}, n = [], r = /* @__PURE__ */ o(
+  s,
+  a,
+  n,
+  !1,
+  null,
+  "14171006"
+);
+const i = r.exports;
+export {
+  i as D
+};

package/dist/DocPrint-ClEJBiAg.js

@@ -0,0 +1,240 @@
+import { n as d, J as h, c, I as l, K as p, L as a, M as m } from "./main-B9t0ybqW.js";
+const u = {
+  i18nOptions: {
+    namespaces: "documentPrint",
+    messages: {
+      en: {
+        title: "Print options",
+        appendAttachments: "Append attachments",
+        appendAttachmentsSub: "Append attachments",
+        hideDocumentAttachmentBlocks: "Hide document attachment blocks",
+        hideDocumentAttachmentBlocksTooltip: "Hide blocks with the type of attachments.",
+        showVerification: "Include verification",
+        showVerificationSub: "Signature verification.",
+        showLast4ssn: "Include the last 4 digits of the personal identification number from the BankID signature.",
+        showEvents: "Show events",
+        buttonText: "Download PDF",
+        preparingPdf: "Preparing PDF...",
+        preparingPdfDone: "PDF is complete",
+        preparingPdfError: "Could not create PDF. Try again."
+      },
+      sv: {
+        title: "Utskriftsinställningar",
+        appendAttachments: "Bifoga bilagor",
+        appendAttachmentsSub: "Inkludera bilagor i slutet av PDF:en.",
+        hideDocumentAttachmentBlocks: "Göm dokumentblock som är bilagor",
+        hideDocumentAttachmentBlocksTooltip: "Dölj blocken av typen bilagor.",
+        showVerification: "Inkludera verifikat",
+        showVerificationSub: "Signaturverifikat.",
+        showLast4ssn: "Inkludera de sista 4-siffrorna i personnummret från BankID-signaturen",
+        showEvents: "Visa händelser",
+        buttonText: "Ladda ner PDF",
+        preparingPdf: "Förbereder PDF...",
+        preparingPdfDone: "PDF är redo",
+        preparingPdfError: "Kunde inte skapa PDF. Pröva igen."
+      }
+    }
+  },
+  name: "DocumentPrint",
+  components: {
+    CCheckbox: h
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    isSuperUser: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  data() {
+    return {
+      options: {
+        appendAttachments: !0,
+        hideDocumentAttachmentBlocks: !1,
+        showVerification: !0,
+        showEvents: !0,
+        showLast4ssn: !0,
+        forceDoCreatePdf: !1,
+        // Only for superuser
+        compressImages: !1,
+        // Only for superuser
+        debugPage: !1,
+        // Only for superuser
+        extraTimeout: 0
+        // Only for superuser
+      },
+      showMoreOptions: !1,
+      omitAttachmentBlockTooltip: {
+        content: '<svg style="margin-top: 2px;" width="193" height="122" viewBox="0 0 193 122" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="193" height="122" rx="5" fill="white"/><text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" font-weight="bold" letter-spacing="0em"><tspan x="13" y="25.5">' + this.$t("_common:attachment_plural").capitalize() + `</tspan></text><path d="M14 33H25.2941L30 38.225V52H14V33Z" fill="#FFC4C4"/><path opacity="0.34" d="M14 60H25.5L30 64.5V79H14V60Z" fill="#42A4FF"/><text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" letter-spacing="0em"><tspan x="41" y="46.5">${this.$t("_common:file").capitalize()} #1</tspan></text><text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" letter-spacing="0em"><tspan x="41" y="73.5">${this.$t("_common:file").capitalize()} #2</tspan></text><rect x="13" y="87" width="61" height="12" fill="#E2E2E2"/><rect x="13" y="103" width="168" height="6" fill="#E2E2E2"/><rect x="13" y="112" width="151" height="6" fill="#E2E2E2"/><rect x="13" y="3" width="97" height="6" fill="#E2E2E2"/><rect x="14" y="47" width="16" height="5" fill="#FF1515"/><rect x="14" y="74" width="16" height="5" fill="#42A4FF"/></svg><div style="max-width: 193px; padding: 2px 0 8px 0;">
+            ${this.$t("hideDocumentAttachmentBlocksTooltip")}
+          </div>`,
+        placement: "left",
+        boundariesElement() {
+          return this.$parent.$el;
+        },
+        html: !0
+      }
+    };
+  },
+  computed: {
+    extraTimeout: {
+      get() {
+        return this.options.extraTimeout || null;
+      },
+      set(s) {
+        s ? this.options.extraTimeout = parseInt(s, 10) : this.options.extraTimeout = 0;
+      }
+    },
+    allowVerification() {
+      return this.document && this.document.allowVerification;
+    },
+    showAdminOptions() {
+      return c.showAdminSettings || this.isSuperUser;
+    },
+    hasBankIdSignatures() {
+      var e;
+      const { clients: s, senderClient: t } = this.document;
+      return t != null && t.socialNo && ((e = t.answerMethod) == null ? void 0 : e.accept) === "bankId" ? !0 : s.some(
+        (i) => {
+          var n;
+          return i.socialNo && ((n = i.answerMethod) == null ? void 0 : n.accept) === "bankId";
+        }
+      );
+    }
+  },
+  created() {
+    Object.assign(
+      this.options,
+      JSON.parse(l.getItem("print-settings"))
+    ), this.allowVerification || (this.options.showVerification = !1), this.$watch("options", {
+      deep: !0,
+      handler(s) {
+        l.setItem("print-settings", JSON.stringify(s)), !s.showVerification && !s.showEvents && (this.options.showEvents = !0), !s.showVerification && !s.showLast4ssn && (this.options.showLast4ssn = !0);
+      }
+    });
+  },
+  methods: {
+    async generatePdf() {
+      if (!this.document || !this.document.publicId)
+        return;
+      const { data: s } = await p.addDocument(this.document.publicId, {
+        ...this.options,
+        brand: c.brand
+        // this.$brand not defined on init
+        // locale: this.$i18n.locale,
+        // timeZone: this.$get(Intl.DateTimeFormat().resolvedOptions(), 'timeZone') || '',
+      });
+      let t, e;
+      const i = async () => {
+        const { data: o } = await p.get(s) || {};
+        ({ status: t, url: e } = o);
+      }, n = async () => {
+        try {
+          if (await i(), t === "canceled")
+            throw new Error(
+              `Canceled preparing document pdf for publicId: ${this.document.publicId}`
+            );
+          if (t === "completed" && e) {
+            const o = () => {
+              const r = window.open(e, "_blank");
+              return r ? (r.focus(), !0) : !1;
+            };
+            return o() || a({
+              type: "success",
+              message: this.$t("preparingPdfDone"),
+              time: null,
+              // won't close notification after default 6 sec
+              closeButton: !0,
+              actions: {
+                submit: {
+                  text: this.$t("_common:download"),
+                  callback: o
+                }
+              }
+            }), "close";
+          }
+          return await m(3e3), n();
+        } catch (o) {
+          return a({
+            type: "error",
+            message: this.$t("preparingPdfError")
+          }), this.$error(o, { showMessage: !1 }), "close";
+        }
+      };
+      await a({
+        type: "spinner",
+        message: this.$t("preparingPdf"),
+        time: n,
+        closeButton: !0
+      }), this.$emit("close");
+    }
+  }
+};
+var f = function() {
+  var t = this, e = t._self._c;
+  return e("div", [e("div", { staticClass: "options-wrapper" }, [e("div", { staticClass: "pb-4 text-lg font-semibold" }, [t._v(t._s(t.$t("title")))]), e("div", { staticClass: "print-options" }, [e("div", { staticClass: "select-none pb-1 text-sm font-medium text-gray-800" }, [t._v(" " + t._s(t.$t("_common:document")) + " ")]), e("div", { staticClass: "option-item" }, [e("div", { staticClass: "option-item__inner bg-gray-100 hover:bg-gray-200", class: { disabled: !t.document.attachedFiles.length }, on: { click: function(i) {
+    t.options.appendAttachments = !t.options.appendAttachments;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.document.attachedFiles.length ? t.options.appendAttachments : !1, type: "secondary", size: "small" } }), e("div", [e("div", [t._v(t._s(t.$t("appendAttachments")))]), e("div", { staticClass: "has-text-grey-dark", staticStyle: { "font-size": "13px" } }, [t._v(" " + t._s(t.$tc("_common:attachment", { count: t.document.attachedFiles.length })) + " ")])])], 1), e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.omitAttachmentBlockTooltip, expression: "omitAttachmentBlockTooltip" }] }, [e("div", { staticClass: "option-item__inner border-t-2 border-white bg-gray-100 hover:bg-gray-200", class: {
+    disabled: !t.document.getAllNodesWithType("attachments").length
+  }, on: { click: function(i) {
+    t.options.hideDocumentAttachmentBlocks = !t.options.hideDocumentAttachmentBlocks;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.document.getAllNodesWithType("attachments").length ? t.options.hideDocumentAttachmentBlocks : !1, type: "secondary", size: "small" } }), e("div", [e("div", [t._v(t._s(t.$t("hideDocumentAttachmentBlocks")))]), e("div", { staticClass: "has-text-grey-dark", staticStyle: { "font-size": "13px" } }, [t._v(" " + t._s(t.$tc("_common:block", { count: t.document.getAllNodesWithType("attachments").length })) + " ")])])], 1)])]), e("div", { staticStyle: { height: "1.25rem" } }), e("div", { staticClass: "select-none pb-1 text-sm font-medium text-gray-800" }, [t._v(" " + t._s(t.$t("_common:verification").capitalize()) + " ")]), e("div", { staticClass: "option-item", class: { disabled: !t.allowVerification } }, [e("div", { staticClass: "option-item__inner bg-gray-100 hover:bg-gray-200", on: { click: function(i) {
+    t.options.showVerification = !t.options.showVerification;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.options.showVerification, type: "secondary", size: "small" } }), e("div", [e("div", [t._v(t._s(t.$t("showVerification")))]), e("div", { staticClass: "has-text-grey-dark", staticStyle: { "font-size": "13px" } }, [t._v(" " + t._s(t.$t("showVerificationSub")) + " ")])])], 1), t.options.showVerification ? e("div", { staticClass: "option-item__inner border-t-2 border-white bg-gray-100 pl-8 hover:bg-gray-200", on: { click: function(i) {
+    t.options.showEvents = !t.options.showEvents;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.options.showEvents, type: "secondary", size: "small" } }), e("div", [e("div", [t._v(t._s(t.$t("showEvents")))])])], 1) : t._e(), t.options.showVerification && t.hasBankIdSignatures ? e("div", [e("div", { staticClass: "mb-1 mt-3 inline-flex cursor-pointer select-none items-center rounded p-2 text-xs font-medium leading-none text-gray-500 hover:bg-gray-100", on: { click: function(i) {
+    t.showMoreOptions = !t.showMoreOptions;
+  } } }, [t._v(" " + t._s(t.$t("_common:more").capitalize()) + " "), e("CIcon", { staticClass: "ml-0.5 transition-transform", class: { "rotate-90": t.showMoreOptions }, attrs: { type: "chevron-right", "stroke-width": "2.25", size: "12" } })], 1), e("Animation", [t.showMoreOptions ? e("div", { staticClass: "option-item__inner bg-gray-100 hover:bg-gray-200", on: { click: function(i) {
+    t.options.showLast4ssn = !t.options.showLast4ssn;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.options.showLast4ssn, type: "secondary", size: "small" } }), e("div", [e("div", [t._v(t._s(t.$t("showLast4ssn")))])])], 1) : t._e()])], 1) : t._e()]), t.showAdminOptions ? e("div", [e("div", { staticStyle: { height: "1.25rem" } }), e("div", { staticClass: "select-none pb-1 text-sm font-medium text-gray-800" }, [t._v(" Superuser + VPN ")]), e("div", { staticClass: "option-item__inner border-t-2 border-white bg-gray-100 text-xs opacity-80 hover:bg-gray-200", on: { click: function(i) {
+    t.options.forceDoCreatePdf = !t.options.forceDoCreatePdf;
+  } } }, [e("CCheckbox", { staticClass: "py-2", attrs: { value: t.options.forceDoCreatePdf, size: "small" } }, [t._v(" Force re-create PDF ")])], 1), e("div", { staticClass: "option-item__inner border-t-2 border-white bg-gray-100 text-xs opacity-80 hover:bg-gray-200", on: { click: function(i) {
+    t.options.compressImages = !t.options.compressImages;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.options.compressImages, type: "secondary", size: "small" } }), t._m(0)], 1), e("div", { staticClass: "option-item__inner border-t-2 border-white bg-gray-100 text-xs opacity-80 hover:bg-gray-200", on: { click: function(i) {
+    t.options.debugPage = !t.options.debugPage;
+  } } }, [e("CCheckbox", { staticClass: "py-2", attrs: { value: t.options.debugPage, size: "small" } }, [t._v(" Debug page output ")])], 1), e("div", { staticClass: "border-t-2 border-white bg-gray-100 text-xs opacity-80 hover:bg-gray-200" }, [e("CInput", { attrs: { type: "number", filled: "", size: "small", placeholder: "Optional extra timeout (ms)" }, model: { value: t.extraTimeout, callback: function(i) {
+    t.extraTimeout = t._n(i);
+  }, expression: "extraTimeout" } })], 1)]) : t._e()])]), e("CButton", { attrs: { type: "secondary", size: "medium", wide: "" }, on: { click: t.generatePdf } }, [t._v(" " + t._s(t.$t("buttonText")) + " ")])], 1);
+}, g = [function() {
+  var s = this, t = s._self._c;
+  return t("div", [t("div", [s._v("Compress images")])]);
+}], v = /* @__PURE__ */ d(
+  u,
+  f,
+  g,
+  !1,
+  null,
+  "c95522c4"
+);
+const b = v.exports, w = {
+  name: "DocPrint",
+  components: {
+    DocumentPrint: b
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  }
+};
+var y = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "h-full w-full overflow-auto px-8 py-12" }, [e("DocumentPrint", { attrs: { document: t.document }, on: { close: function(i) {
+    return t.$router.push("/");
+  } } })], 1);
+}, _ = [], x = /* @__PURE__ */ d(
+  w,
+  y,
+  _,
+  !1,
+  null,
+  null
+);
+const C = x.exports;
+export {
+  C as default
+};

package/dist/DocReceipt-x_YsXPnG.js

@@ -0,0 +1,210 @@
+import { g as p, n as u } from "./main-B9t0ybqW.js";
+import { m as g, a as _ } from "./vuex.esm-DKGl8mcw.js";
+const f = {
+  sv: {
+    title: "Verifikat på signering",
+    waitingForSign: "Väntar på signatur",
+    signMethod: "Signeringsmetod",
+    remaining: "{{count}} st signaturer kvarstår innan dokumentet är helt signerat.",
+    confirmChangeMessage: "Vill du verkligen byta signeringsmetod för {{- name}}?",
+    bankIdHint: "Identifiering och signering säkerställd med BankID."
+  },
+  en: {
+    title: "Signature verification",
+    waitingForSign: "Waiting for signature",
+    signMethod: "Sign method",
+    remaining: "{{count}} signatures are remaining before the document is completely signed.",
+    confirmChangeMessage: "Do you really want to change sign method for {{- name}}?",
+    bankIdHint: "Identity and signature confirmed with BankID"
+  }
+}, x = {
+  name: "DocumentReceipt",
+  i18nOptions: {
+    namespaces: "documentReceipt",
+    messages: f
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    allowSignMethodUpdate: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  computed: {
+    ...g({
+      feature: "application/feature"
+    }),
+    signees() {
+      const { senderClient: a, clients: t } = this.document;
+      return [
+        ...a ? [a] : [],
+        ...(t || []).map((n, s) => ({ ...n, index: s }))
+      ].filter(
+        (n) => {
+          var s;
+          return ["signee", "approver"].includes(n.documentRole) || ((s = n.answer) == null ? void 0 : s.didAccept);
+        }
+      ).map(
+        ({
+          name: n = "",
+          companyName: s,
+          email: o,
+          socialNo: c = null,
+          answerMethod: i,
+          answer: d,
+          documentRole: m,
+          index: l
+        }) => ({
+          name: n || s || o,
+          socialNo: c,
+          method: (i == null ? void 0 : i.accept) || "",
+          documentRole: m,
+          ...d,
+          index: l
+        })
+      );
+    },
+    waitingFor() {
+      return this.document.recipients.reduce(
+        (a, t) => {
+          var e;
+          return t.answer || !["signee", "approver"].includes(t.documentRole) || ((e = t.answerMethod) == null ? void 0 : e.accept) === "inPerson" ? a : [...a, t];
+        },
+        []
+      );
+    },
+    documentName() {
+      return this.document.name || "";
+    },
+    sentByName() {
+      var a, t;
+      return ((t = (a = this.document.sender) == null ? void 0 : a.user) == null ? void 0 : t.name) || "";
+    },
+    signOptions() {
+      var a;
+      return ((a = this.document) == null ? void 0 : a.signOptions) || [];
+    }
+  },
+  methods: {
+    ..._({
+      showMessage: p.SHOW_MESSAGE,
+      updateDocument: p.UPDATE_DOCUMENT2
+    }),
+    getIconType(a) {
+      return a === "signee" ? "pen-tool" : a === "recipient" ? "eye" : a === "approver" ? "check" : "shield";
+    },
+    getBrowserString({ browser: a, os: t, device: e }) {
+      return [a == null ? void 0 : a.name, t == null ? void 0 : t.name, e == null ? void 0 : e.model].filter((n) => !!n).join(", ");
+    },
+    onUpdate(a, t) {
+      this.showMessage({
+        displayType: "dialog",
+        type: "secondary",
+        title: this.$t("_common:change", {
+          thing: this.$t("_common:signMethod.title").toLowerCase()
+        }),
+        message: this.$t("confirmChangeMessage", { name: a.name }),
+        actions: {
+          cancel: {
+            text: this.$t("_common:cancel"),
+            callback: "cancel"
+          },
+          submit: {
+            text: this.$t("actions:updateDocumentDialog.submit"),
+            callback: () => this.updateSignMethod(a.index, t)
+          }
+        }
+      });
+    },
+    async updateSignMethod(a, t) {
+      const { id: e } = this.document || {}, n = { [`clients.${a}.answerMethod.accept`]: t };
+      await this.updateDocument({
+        id: e,
+        body: n,
+        params: { type: "paths" }
+      });
+    }
+  }
+};
+var h = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "rounded-lg border border-gray-200 bg-gray-100 px-1 pb-1 pt-4 text-gray-600" }, [e("div", { staticClass: "relative mb-1 leading-5" }, [e("div", { staticClass: "pb-1 pl-4" }, [e("div", { staticClass: "font-medium text-black" }, [t._v(t._s(t.$t("title")))]), e("div", { staticClass: "data-label" }, [t._v(t._s(t.documentName))]), e("div", { staticClass: "grid grid-cols-3 gap-2 pb-1 pt-4", staticStyle: { "grid-template-columns": "repeat(auto-fit, minmax(200px, 1fr))" } }, [t._l([
+    [t.$t("_common:sentByName"), t.sentByName],
+    [
+      t.$t("_components:status.sent"),
+      t.$formatDate(t.document.sentAt, "Pp")
+    ],
+    [
+      t.$t("_components:replyBy"),
+      t.document.status === "sent" && t.$formatDate(t.document.expiresAt)
+    ],
+    [
+      t.$t("_components:status.accepted"),
+      t.$formatDate(t.document.acceptedAt, "Pp")
+    ]
+  ], function([n, s], o) {
+    return [s ? e("div", { key: o }, [e("div", { staticClass: "text-xs text-gray-900", domProps: { textContent: t._s(n) } }), e("div", { staticClass: "mr-1.5 text-gray-600", domProps: { textContent: t._s(s) } })]) : t._e()];
+  })], 2)]), t.waitingFor.length ? e("div", { staticClass: "ml-3 mt-2 inline-flex items-center rounded-full border border-orange-200/90 bg-orange-50 px-1 py-0.5 text-xs font-medium text-black/80" }, [e("CIcon", { staticClass: "text-orange-500/80", attrs: { type: "info", size: "14" } }), e("div", { staticClass: "px-1.5" }, [t._v(" " + t._s(t.$t("remaining", { count: t.waitingFor.length })) + " ")])], 1) : t._e(), e("CIcon", { staticClass: "absolute right-5 top-1 text-gray-500", attrs: { type: "lock", size: "18" } })], 1), e("div", { staticClass: "flex flex-col gap-2 p-2" }, t._l(t.signees, function(n, s) {
+    var o, c;
+    return e("div", { key: s, staticClass: "relative rounded-md border border-gray-200 bg-white text-gray-700" }, [e("div", { staticClass: "px-4 py-3" }, [n.didAccept && n.method === "bankId" ? e("CIcon", { staticClass: "absolute right-4 top-3", attrs: { type: "bankIdColor", size: "22" } }) : n.didAccept ? e("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t(`_common:documentRole.${n.documentRole}.label`), expression: "$t(`_common:documentRole.${signee.documentRole}.label`)" }], staticClass: "lock-icon absolute right-6 top-4 opacity-70", attrs: { size: 18, type: t.getIconType(n.documentRole) } }) : t._e(), n.didAccept === !1 ? e("div", { staticClass: "absolute right-3 top-3 inline-flex rounded-full border border-red-400/50 bg-red-200 px-2 py-0.5 text-xs font-medium text-red-700" }, [t._v(" " + t._s(t.$t("_common:denied").capitalize()) + " ")]) : !n.didAccept && n.method !== "inPerson" ? e("div", { staticClass: "absolute right-3 top-3 inline-flex rounded-full border border-orange-200/70 bg-orange-50 px-2 py-0.5 text-xs font-medium text-black/80" }, [t._v(" " + t._s(t.$t("waitingForSign")) + " ")]) : t._e(), e("div", { staticClass: "pb-1 text-[15px] font-medium text-black" }, [t._v(" " + t._s(((o = n.response) == null ? void 0 : o.name) || n.name) + " ")]), e("div", { staticClass: "grid grid-cols-3 gap-2 py-1", staticStyle: { "grid-template-columns": "repeat(auto-fit, minmax(190px, 1fr))" } }, [t._l([
+      [t.$t("_common:socialNo").capitalize(), n.socialNo],
+      [
+        t.$t("signMethod"),
+        t.$t(`_common:signMethod.${n.method}`),
+        "signMethod"
+      ],
+      [
+        `${t.$t("_common:date").capitalize()} & ${t.$t("_common:time")}`,
+        t.$formatDate(n.didAnswerAt, "Pp")
+      ],
+      ["IP-" + t.$t("_common:address"), n.ip],
+      [
+        `${t.$t("_common:browser")}, OS & ${t.$t("_common:device")}`,
+        t.getBrowserString(n)
+      ]
+    ], function([i, d, m], l) {
+      return [d ? e("div", { key: l, staticClass: "text-[13px]" }, [e("div", { staticClass: "text-gray-900", domProps: { textContent: t._s(i) } }), e("div", { staticClass: "flex items-center" }, [e("div", { staticClass: "mr-1.5 text-gray-500", domProps: { textContent: t._s(d) } }), m === "signMethod" && n.method && t.allowSignMethodUpdate && t.signOptions.length > 1 && t.document.status !== "accepted" && n.didAccept === void 0 ? e("CDropdown", { attrs: { "append-to-body": !0, "menu-styling": { width: "180px" } } }, [e("div", { staticClass: "text-primary-500 text-xs font-medium underline", attrs: { slot: "trigger" }, domProps: { textContent: t._s(t.$t("_common:change")) }, slot: "trigger" }), t._l(t.signOptions, function(r) {
+        return e("CDropdownItem", { key: r, attrs: { "icon-right": n.method === r ? "check" : "" }, on: { click: function(D) {
+          n.method !== r && t.onUpdate(n, r);
+        } } }, [t._v(" " + t._s(t.$t(`_common:signMethod.${r}`)) + " ")]);
+      })], 2) : t._e()], 1)]) : t._e()];
+    })], 2)], 1), n.signatureDataURL ? e("div", { staticClass: "mx-4 h-20 border-t border-gray-100 py-6" }, [e("img", { staticClass: "h-full", attrs: { src: n.signatureDataURL } })]) : n.didAccept && n.method === "bankId" ? e("div", { staticClass: "mx-4 mb-4 flex items-center rounded-md bg-gray-300 p-1.5 text-white/90", staticStyle: { border: "1px solid #35677e" }, style: "background: linear-gradient(45deg,hsl(200deg 35% 17%),hsl(199deg 25% 30%));" }, [e("div", { staticClass: "ml-0.5 mr-2 flex h-9 w-9 items-center justify-center rounded-md border border-[#275369] bg-[#183e4f]" }, [e("CIcon", { attrs: { type: "bankId", size: "22" } })], 1), e("div", [e("div", { staticClass: "text-xs font-medium", domProps: { textContent: t._s(t.$t("bankIdHint")) } }), e("div", { staticClass: "text-xs opacity-70" }, [t._v(" " + t._s(((c = n.response) == null ? void 0 : c.name) || n.name) + " · " + t._s(n.socialNo) + " ")])])]) : t._e()]);
+  }), 0)]);
+}, y = [], b = /* @__PURE__ */ u(
+  x,
+  h,
+  y,
+  !1,
+  null,
+  null
+);
+const v = b.exports, C = {
+  name: "DocReceipt",
+  components: {
+    DocumentReceipt: v
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  }
+};
+var $ = function() {
+  var t = this, e = t._self._c;
+  return e("div", [e("DocumentReceipt", { attrs: { document: t.document, "allow-sign-method-update": !1 } })], 1);
+}, k = [], w = /* @__PURE__ */ u(
+  C,
+  $,
+  k,
+  !1,
+  null,
+  null
+);
+const M = w.exports;
+export {
+  M as default
+};