@cling-se/widget 0.5.3 → 0.6.0

package/dist/{DocReceipt.7b70887a.js → DocReceipt.a6684947.js}

@@ -1,26 +1,26 @@
-import { f as g, h as p, n as u } from "./main.21e6cfa7.js";
+import { f as g, h as p, n as u } from "./main.44d450fa.js";
 const _ = {
+  sv: {
+    title: "Verifikat p\xE5 signering",
+    waitingForSign: "V\xE4ntar p\xE5 signatur",
+    signMethod: "Signeringsmetod",
+    remaining: "{{count}} st signaturer kvarst\xE5r innan dokumentet \xE4r helt signerat.",
+    confirmChangeMessage: "Vill du verkligen byta signeringsmetod f\xF6r {{- name}}?",
+    bankIdHint: "Identifiering och signering s\xE4kerst\xE4lld 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"
+  }
+}, f = {
   name: "DocumentReceipt",
   i18nOptions: {
-    namespaces: "DocumentReceipt",
-    messages: {
-      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"
-      },
-      sv: {
-        title: "Verifikat p\xE5 signering",
-        waitingForSign: "V\xE4ntar p\xE5 signatur",
-        signMethod: "Signeringsmetod",
-        remaining: "{{count}} st signaturer kvarst\xE5r innan dokumentet \xE4r helt signerat.",
-        confirmChangeMessage: "Vill du verkligen byta signeringsmetod f\xF6r {{- name}}?",
-        bankIdHint: "Identifiering och signering s\xE4kerst\xE4lld med BankID."
-      }
-    }
+    namespaces: "documentReceipt",
+    messages: _
   },
   props: {
     document: {
@@ -119,7 +119,7 @@ const _ = {
     }
   }
 };
-var f = function() {
+var x = function() {
   var t = this, e = t._self._c;
   return e("div", { staticClass: "rounded-lg text-gray-600 pt-4 px-1 pb-1 bg-gray-100 border border-gray-200" }, [e("div", { staticClass: "mb-1 relative leading-5" }, [e("div", { staticClass: "pl-4 pb-1" }, [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],
@@ -142,23 +142,23 @@ var f = function() {
         "signature",
         "inPerson"
       ], function(r) {
-        return e("CDropdownItem", { key: r, attrs: { "icon-right": n.method === r ? "check" : "" }, on: { click: function(k) {
+        return e("CDropdownItem", { key: r, attrs: { "icon-right": n.method === r ? "check" : "" }, on: { click: function(w) {
           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: "h-20 mx-4 border-t border-gray-100" }, [e("img", { staticClass: "h-full", attrs: { src: n.signatureDataURL } })]) : n.didAccept && n.method === "bankId" ? e("div", { staticClass: "bg-gray-300 mx-4 mb-4 text-white/90 flex items-center p-1.5 rounded-md", staticStyle: { background: "linear-gradient(45deg, hsl(200deg 35% 17%), hsl(199deg 25% 30%))", border: "1px solid #35677e" } }, [e("div", { staticClass: "rounded-md w-9 h-9 flex items-center justify-center mr-2 ml-0.5 bg-[#183e4f] border border-[#275369]" }, [e("BaseIcon", { 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) + " \xB7 " + t._s(n.socialNo))])])]) : t._e()]);
+    })], 2)], 1), n.signatureDataURL ? e("div", { staticClass: "h-20 mx-4 py-6 border-t border-gray-100" }, [e("img", { staticClass: "h-full", attrs: { src: n.signatureDataURL } })]) : n.didAccept && n.method === "bankId" ? e("div", { staticClass: "bg-gray-300 mx-4 mb-4 text-white/90 flex items-center p-1.5 rounded-md", staticStyle: { background: "linear-gradient(45deg, hsl(200deg 35% 17%), hsl(199deg 25% 30%))", border: "1px solid #35677e" } }, [e("div", { staticClass: "rounded-md w-9 h-9 flex items-center justify-center mr-2 ml-0.5 bg-[#183e4f] border border-[#275369]" }, [e("BaseIcon", { 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) + " \xB7 " + t._s(n.socialNo))])])]) : t._e()]);
   }), 0)]);
-}, x = [], h = /* @__PURE__ */ u(
-  _,
+}, h = [], y = /* @__PURE__ */ u(
   f,
   x,
+  h,
   !1,
   null,
   null,
   null,
   null
 );
-const b = h.exports, y = {
+const b = y.exports, v = {
   name: "DocReceipt",
   components: {
     DocumentReceipt: b
@@ -170,20 +170,20 @@ const b = h.exports, y = {
     }
   }
 };
-var v = function() {
+var C = function() {
   var t = this, e = t._self._c;
   return e("div", [e("DocumentReceipt", { attrs: { document: t.document, "allow-sign-method-update": !1 } })], 1);
-}, C = [], $ = /* @__PURE__ */ u(
-  y,
+}, $ = [], k = /* @__PURE__ */ u(
   v,
   C,
+  $,
   !1,
   null,
   null,
   null,
   null
 );
-const w = $.exports;
+const I = k.exports;
 export {
-  w as default
+  I as default
 };

package/dist/DocSendReminder.06ea8eec.js

@@ -0,0 +1,115 @@
+import { d as m, f as c, h as d, n as a } from "./main.44d450fa.js";
+const l = {
+  name: "DocumentSendReminderModal",
+  i18nOptions: {
+    namespaces: "documentSendReminderModal",
+    messages: {
+      en: {
+        alreadySigned: "already signed",
+        cannotSign: "can't sign"
+      },
+      sv: {
+        alreadySigned: "har signerat",
+        cannotSign: "kan ej signera"
+      }
+    }
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      clientsToSend: []
+    };
+  },
+  computed: {
+    ...m({
+      feature: "application/feature"
+    })
+  },
+  created() {
+    const { events: s = [], clients: e = [] } = this.document || {}, n = s.reduce((t, { code: i, data: o }) => i === "sent" && o && o.clients && o.clients.length ? [...t, ...o.clients.map(({ id: r }) => r)] : t, []);
+    this.clientsToSend = e.filter(({ id: t }) => n.includes(t)), this.feature("sms") || this.clientsToSend.forEach((t, i) => {
+      this.isTypeActive("sms", t) && this.setDeliveryMethod("sms", i);
+    }), this.clientsToSend.forEach((t, i) => {
+      (!!t.answer || t.documentRole === "recipient") && ["sms", "email"].forEach((o) => {
+        this.isTypeActive(o, t) && this.setDeliveryMethod(o, i);
+      });
+    });
+  },
+  methods: {
+    ...c({
+      sendDocumentReminder: d.SEND_REMINDER_DOCUMENT2
+    }),
+    async submit() {
+      await this.sendDocumentReminder({
+        id: this.document.id,
+        body: {
+          clients: this.clientsToSend
+        }
+      }), this.$emit("close");
+    },
+    canSendType(s, e) {
+      return !!e[s === "sms" ? "cellphone" : "email"];
+    },
+    isTypeActive(s, e) {
+      return e.deliveryTypes.includes(s) && this.canSendType(s, e);
+    },
+    setDeliveryMethod(s, e) {
+      const n = this.clientsToSend[e].deliveryTypes.findIndex((t) => t === s);
+      n > -1 ? this.clientsToSend[e].deliveryTypes.splice(n, 1) : this.clientsToSend[e].deliveryTypes.push(s);
+    }
+  }
+};
+var u = function() {
+  var e = this, n = e._self._c;
+  return n("div", { staticClass: "bg-white rounded-xl p-8" }, [n("div", { staticClass: "mb-6 text-lg font-semibold", domProps: { textContent: e._s(e.$t("_common:send", { thing: e.$t("_common:reminder") })) } }), e._l(e.clientsToSend, function(t, i) {
+    return n("div", { key: i, staticClass: "border border-gray-200 p-2 rounded-lg mb-3" }, [n("div", { staticClass: "mb-2 pl-1" }, [n("div", { staticClass: "font-medium text-sm" }, [e._v(e._s(t.name || t.companyName))]), t.answer ? n("div", { staticClass: "text-gray-500 text-xs", domProps: { textContent: e._s(e.$t("alreadySigned").capitalize()) } }) : t.documentRole === "recipient" ? n("div", { staticClass: "text-gray-500 text-xs", domProps: { textContent: e._s(e.$t("cannotSign").capitalize()) } }) : e._e()]), n("div", { staticClass: "flex" }, [n("div", { staticClass: "py-1.5 pl-1.5 rounded-md bg-gray-100 border border-gray-200 items-center flex mr-2" }, [n("CCheckbox", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: { ...!e.canSendType("sms", t) && { content: e.$t("_common:missing", { thing: e.$t("_common:phoneNumber") }) } }, expression: "{ ...(!canSendType('sms', client) && { content: $t('_common:missing', { thing: $t('_common:phoneNumber') }) }) }" }], staticClass: "font-medium mr-2", attrs: { value: e.isTypeActive("sms", t), size: "tiny", disabled: !e.feature("sms") || !e.canSendType("sms", t) }, on: { input: function(o) {
+      return e.setDeliveryMethod("sms", i);
+    } } }, [e._v(" " + e._s(e.$t("_common:sms")) + " ")])], 1), n("div", { staticClass: "py-1.5 pl-1.5 pr-2.5 rounded-md bg-gray-100 border border-gray-200 items-center flex" }, [n("CCheckbox", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: { ...!e.canSendType("email", t) && { content: e.$t("_common:missing", { thing: e.$t("_common:email") }) } }, expression: "{ ...(!canSendType('email', client) && { content: $t('_common:missing', { thing: $t('_common:email') }) }) }" }], staticClass: "font-medium", attrs: { value: e.isTypeActive("email", t), size: "tiny", disabled: !e.canSendType("email", t) }, on: { input: function(o) {
+      return e.setDeliveryMethod("email", i);
+    } } }, [e._v(" " + e._s(e.$t("_common:email").capitalize()) + " ")])], 1)])]);
+  }), n("CButton", { staticClass: "font-semibold mt-8", attrs: { type: "secondary", size: "small", taller: "", icon: "send", wide: "" }, on: { click: e.submit } }, [e._v(" " + e._s(e.$t("_common:send", { thing: e.$t("_common:reminder") })) + " ")])], 2);
+}, p = [], _ = /* @__PURE__ */ a(
+  l,
+  u,
+  p,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const v = _.exports, y = {
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  },
+  components: {
+    DocumentSendReminderModal: v
+  }
+};
+var h = function() {
+  var e = this, n = e._self._c;
+  return n("DocumentSendReminderModal", { attrs: { document: e.document }, on: { close: function(t) {
+    return e.$router.push("/");
+  } } });
+}, f = [], g = /* @__PURE__ */ a(
+  y,
+  h,
+  f,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const T = g.exports;
+export {
+  T as default
+};

package/dist/{DocTimeline.359dea4f.js → DocTimeline.90191a9e.js}

@@ -1,4 +1,4 @@
-import { n as p, i as g, J as f, d as x } from "./main.21e6cfa7.js";
+import { n as p, i as g, J as f, d as x } from "./main.44d450fa.js";
 const $ = {
   name: "DynamicLink",
   props: {
@@ -14,8 +14,8 @@ const $ = {
   }
 };
 var v = function() {
-  var e = this, t = e._self._c;
-  return t(e.transformed, { tag: "component" });
+  var t = this, e = t._self._c;
+  return e(t.transformed, { tag: "component" });
 }, b = [], C = /* @__PURE__ */ p(
   $,
   v,
@@ -109,8 +109,8 @@ const k = C.exports, S = {
   }
 };
 var D = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex flex-nowrap relative text-primary-500 cursor-default pb-5 ml-4 event before:content-[''] before:absolute before:w-px before:h-full before:bg-gray-300 before:-left-px before:top-4 last:before:hidden" }, [t("div", { staticClass: "m-0 h-[23px] relative", staticStyle: { "--bg": "#fff" } }, [t("div", { staticClass: "rounded-full absolute left-1/2 top-1/2 z-[1] w-7 h-7 flex items-center justify-center border-none bg-gray-100", class: e.iconClasses, staticStyle: { transform: "translate(-50%, calc(-50% + 8px))", "box-shadow": "0 0 0 2px var(--bg)" } }, [e.loading ? e._e() : t("BaseIcon", { attrs: { type: e.icon, size: "14" } })], 1)]), t("div", { staticClass: "ml-7 min-w-0 flex-grow flex flex-col pt-1" }, [e.loading ? [t("CSkeleton", { staticClass: "max-w-md text-gray-900 font-medium", class: e.titleSize, attrs: { width: "80%" } }), t("CSkeleton", { staticClass: "text-gray-600", class: e.textSize, attrs: { width: "40%" } }), t("CSkeleton", { staticClass: "text-center text-gray-500 text-xs inline-flex pt-0.5", class: e.dateSize, attrs: { hidden: "" } })] : e._e(), t("div", { staticClass: "max-w-md font-medium", class: [e.isFuture ? "text-gray-500" : "text-gray-700", e.titleSize] }, [e.template ? t("DynamicLink", { attrs: { template: e.template } }) : [e._v(e._s(e.title))]], 2), e.content ? t("div", { class: [e.isFuture ? "text-gray-400" : "text-gray-600", e.textSize] }, [t("div", { domProps: { innerHTML: e._s(e.content) } })]) : e._e(), t("div", { staticClass: "text-center text-gray-500 inline-flex pt-1", class: e.dateSize }, [t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.date, expression: "date" }] }, [e._v(e._s(e.dayOfMonth) + " " + e._s(e.month))])])], 2)]);
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "flex flex-nowrap relative text-primary-500 cursor-default pb-5 ml-4 event before:content-[''] before:absolute before:w-px before:h-full before:bg-gray-300 before:-left-px before:top-4 last:before:hidden" }, [e("div", { staticClass: "m-0 h-[23px] relative", staticStyle: { "--bg": "#fff" } }, [e("div", { staticClass: "rounded-full absolute left-1/2 top-1/2 z-[1] w-7 h-7 flex items-center justify-center border-none bg-gray-100", class: t.iconClasses, staticStyle: { transform: "translate(-50%, calc(-50% + 8px))", "box-shadow": "0 0 0 2px var(--bg)" } }, [t.loading ? t._e() : e("BaseIcon", { attrs: { type: t.icon, size: "14" } })], 1)]), e("div", { staticClass: "ml-7 min-w-0 flex-grow flex flex-col pt-1" }, [t.loading ? [e("CSkeleton", { staticClass: "max-w-md text-gray-900 font-medium", class: t.titleSize, attrs: { width: "80%" } }), e("CSkeleton", { staticClass: "text-gray-600", class: t.textSize, attrs: { width: "40%" } }), e("CSkeleton", { staticClass: "text-center text-gray-500 text-xs inline-flex pt-0.5", class: t.dateSize, attrs: { hidden: "" } })] : t._e(), e("div", { staticClass: "max-w-md font-medium", class: [t.isFuture ? "text-gray-500" : "text-gray-700", t.titleSize] }, [t.template ? e("DynamicLink", { attrs: { template: t.template } }) : [t._v(t._s(t.title))]], 2), t.content ? e("div", { class: [t.isFuture ? "text-gray-400" : "text-gray-600", t.textSize] }, [e("div", { domProps: { innerHTML: t._s(t.content) } })]) : t._e(), e("div", { staticClass: "text-center text-gray-500 inline-flex pt-1", class: t.dateSize }, [e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.date, expression: "date" }] }, [t._v(t._s(t.dayOfMonth) + " " + t._s(t.month))])])], 2)]);
 }, w = [], z = /* @__PURE__ */ p(
   S,
   D,
@@ -122,49 +122,49 @@ var D = function() {
   null
 );
 const I = z.exports, M = {
+  sv: {
+    clientName: "Kunden",
+    byName: "Av {{- name}}",
+    withBankId: "med BankID",
+    propertyDesignation: "Beg\xE4ran om fastighetsbeteckning",
+    viewed: "Granskat",
+    viewedContent: "{{- name}} har visat dokumentet",
+    signed: "Signerat",
+    denied: "Nekat",
+    accepted: "godk\xE4nt",
+    statusChanged: "Dokumentet blev",
+    requestChange: "Markerades manuellt som",
+    mailOpened: "Mail visat",
+    mailOpenedContent: "{{email}} visat",
+    mailDropped: "E-post kunde inte skickas",
+    smsDropped: "SMS kunde inte skickas",
+    expired: "Upph\xF6rde att g\xE4lla",
+    expiredContent: "Markerades som nekat f\xF6r att giltighetstiden har passerat"
+  },
+  en: {
+    clientName: "Client",
+    byName: "By {{- name}}",
+    withBankId: "with BankID",
+    propertyDesignation: "Request for property designation",
+    viewed: "Viewed",
+    viewedContent: "{{- name}} has viewed the document",
+    signed: "Signed",
+    denied: "denied",
+    accepted: "accepted",
+    statusChanged: "Document was",
+    requestChange: "Manually marked as",
+    mailOpened: "Email opened",
+    mailOpenedContent: "{{email}} viewed",
+    mailDropped: "Could not send email",
+    smsDropped: "Could not send SMS",
+    expired: "Expired",
+    expiredContent: "Marked as declined - expiration date has passed"
+  }
+}, B = {
   name: "DocumentTimeline",
   i18nOptions: {
-    namespaces: "DocumentTimeline",
-    messages: {
-      en: {
-        clientName: "Client",
-        byName: "By {{- name}}",
-        withBankId: "with BankID",
-        propertyDesignation: "Request for property designation",
-        viewed: "Viewed",
-        viewedContent: "{{- name}} has viewed the document",
-        signed: "Signed",
-        denied: "denied",
-        accepted: "accepted",
-        statusChanged: "Document was",
-        requestChange: "Manually marked as",
-        mailOpened: "Email opened",
-        mailOpenedContent: "{{email}} viewed",
-        mailDropped: "Could not send email",
-        smsDropped: "Could not send SMS",
-        expired: "Expired",
-        expiredContent: "Marked as declined - expiration date has passed"
-      },
-      sv: {
-        clientName: "Kunden",
-        byName: "Av {{- name}}",
-        withBankId: "med BankID",
-        propertyDesignation: "Beg\xE4ran om fastighetsbeteckning",
-        viewed: "Granskat",
-        viewedContent: "{{- name}} har visat dokumentet",
-        signed: "Signerat",
-        denied: "Nekat",
-        accepted: "godk\xE4nt",
-        statusChanged: "Dokumentet blev",
-        requestChange: "Markerades manuellt som",
-        mailOpened: "Mail visat",
-        mailOpenedContent: "{{email}} visat",
-        mailDropped: "E-post kunde inte skickas",
-        smsDropped: "SMS kunde inte skickas",
-        expired: "Upph\xF6rde att g\xE4lla",
-        expiredContent: "Markerades som nekat f\xF6r att giltighetstiden har passerat"
-      }
-    }
+    namespaces: "documentTimeline",
+    messages: M
   },
   components: {
     EventItem: I
@@ -190,9 +190,9 @@ const I = z.exports, M = {
           code: "created",
           createdAt: (i = this.document) == null ? void 0 : i.createdAt
         })
-      ], { events: e, scheduledFirstDelivery: t } = this.document || {};
-      if ((t == null ? void 0 : t.status) === "active") {
-        const r = t.deliveryTypes.join(
+      ], { events: t, scheduledFirstDelivery: e } = this.document || {};
+      if ((e == null ? void 0 : e.status) === "active") {
+        const r = e.deliveryTypes.join(
           ` ${this.$t("_common:and")} `
         );
         n.push({
@@ -200,18 +200,18 @@ const I = z.exports, M = {
           content: `${this.$t(
             "_common:via"
           )} ${r}, ${this.$formatDate(
-            t.sendAt
+            e.sendAt
           )}`,
           isFuture: !0,
           icon: "calendar",
           color: "primary"
         });
       }
-      return e == null || e.forEach((r) => n.push(this.formatEvent(r))), n;
+      return t == null || t.forEach((r) => n.push(this.formatEvent(r))), n;
     }
   },
   methods: {
-    formatEvent({ code: n, data: e, createdAt: t, children: i = [] }) {
+    formatEvent({ code: n, data: t, createdAt: e, children: i = [] }) {
       const {
         client: r = {},
         clients: u,
@@ -220,18 +220,18 @@ const I = z.exports, M = {
         counter: _,
         sendSource: h,
         companyUserId: y
-      } = e || {}, m = _ || i.length + 1, o = r.name;
+      } = t || {}, m = _ || i.length + 1, o = r.name;
       return {
         created: () => ({
           title: this.$t("_common:created"),
-          createdAt: t,
+          createdAt: e,
           icon: "folder",
           color: "primary"
         }),
         viewed: () => ({
           title: this.$t("viewed"),
           content: (o ? this.$t("viewedContent", { name: o }) : "") + (m ? ` ${this.$tc("_common:times", { count: m })}` : ""),
-          createdAt: t,
+          createdAt: e,
           icon: "eye",
           color: "primary"
         }),
@@ -240,16 +240,16 @@ const I = z.exports, M = {
           const s = {
             title: this.$t("_common:status.signed"),
             content: o ? this.$t("byName", { name: o }) : "",
-            createdAt: t,
+            createdAt: e,
             icon: "check",
             color: "primary"
           };
-          return s.content && ((a = r.answerMethod) == null ? void 0 : a.accept) === "bankId" && (s.content += this.$t("withBankId")), s;
+          return s.content && ((a = r.answerMethod) == null ? void 0 : a.accept) === "bankId" && (s.content += ` ${this.$t("withBankId")}`), s;
         },
         denied: () => ({
           title: this.$t("_common:status.denied"),
           content: o ? this.$t("byName", { name: o }) : "",
-          createdAt: t,
+          createdAt: e,
           icon: "x",
           color: "primary"
         }),
@@ -265,7 +265,7 @@ const I = z.exports, M = {
               (a, l) => a ? `${a}<div>${l}</div>` : `${this.$t("_common:to")}: ${l}`.capitalize(),
               ""
             ),
-            createdAt: t,
+            createdAt: e,
             icon: h === "reminder" ? "bell" : "send",
             color: "primary"
           };
@@ -274,7 +274,7 @@ const I = z.exports, M = {
           title: `${this.$t("statusChanged")} ${this.$t(
             `_common:status.${d}`
           )}`,
-          createdAt: t,
+          createdAt: e,
           icon: d === "accepted" ? "check" : "x",
           color: d === "accepted" ? "green" : "red"
         } : null,
@@ -286,7 +286,7 @@ const I = z.exports, M = {
               `_common:status.${d}`
             )}`,
             content: s && this.$t("byName", { name: s }),
-            createdAt: t,
+            createdAt: e,
             icon: "tool",
             color: "primary"
           };
@@ -296,35 +296,35 @@ const I = z.exports, M = {
             thing: this.$t("_common:email").capitalize()
           }),
           content: c ? `${this.$t("_common:to")}: ${c}`.capitalize() : "",
-          createdAt: t,
+          createdAt: e,
           icon: "inbox",
           color: "primary"
         }),
         mailOpened: () => ({
           title: this.$t("mailOpened"),
           content: `${this.$t("mailOpenedContent", { email: c })} ${m ? this.$tc("_common:times", { count: m }) : ""}`,
-          createdAt: t,
+          createdAt: e,
           icon: "email",
           color: "primary"
         }),
         mailDropped: () => ({
           title: this.$t("mailDropped"),
           content: c ? this.$t("toEmail", { email: c }) : null,
-          createdAt: t,
+          createdAt: e,
           icon: "alert-triangle",
           color: "orange"
         }),
         smsDropped: () => ({
           title: this.$t("smsDropped"),
-          content: e ? `${this.$t("_common:to")}: ${e}`.capitalize() : "",
-          createdAt: t,
+          content: t ? `${this.$t("_common:to")}: ${t}`.capitalize() : "",
+          createdAt: e,
           icon: "alert-triangle",
           color: "orange"
         }),
         expired: () => ({
           title: this.$t("expired"),
           content: this.$t("expiredContent"),
-          createdAt: t,
+          createdAt: e,
           icon: "x",
           color: "red"
         })
@@ -332,25 +332,25 @@ const I = z.exports, M = {
     }
   }
 };
-var B = function() {
-  var e = this, t = e._self._c;
-  return t("div", [t("div", { staticClass: "border-b mb-4 pb-4" }, [t("div", { staticClass: "mb-2" }, [t("div", { staticClass: "text-xs text-gray-600", domProps: { textContent: e._s(e.$t("_common:document").capitalize()) } }), t("div", { staticClass: "font-semibold text-lg" }, [e._v(e._s(e.document.name))])]), t("div", { staticClass: "inline-flex items-center rounded-full bg-gray-100 border-gray-200 -ml-2" }, [t("div", { staticClass: "text-xs text-gray-600 mr-1 py-1 pl-2", domProps: { textContent: e._s(e.$t("_common:status.status")) } }), t("div", { staticClass: "text-xs font-semibold py-1 px-2 bg-gray-300 rounded-r-full", domProps: { textContent: e._s(e.$t(`_common:status.${e.document.status}`)) } })])]), e._l(e.events, function(i, r) {
-    return t("EventItem", { key: r, attrs: { title: i.title, content: i.content, createdAt: i.createdAt, icon: i.icon, color: i.color, "is-future": i.isFuture, size: "large" } });
+var O = function() {
+  var t = this, e = t._self._c;
+  return e("div", [e("div", { staticClass: "border-b mb-4 pb-4" }, [e("div", { staticClass: "mb-2" }, [e("div", { staticClass: "text-xs text-gray-600", domProps: { textContent: t._s(t.$t("_common:document").capitalize()) } }), e("div", { staticClass: "font-semibold text-lg" }, [t._v(t._s(t.document.name))])]), e("div", { staticClass: "inline-flex items-center rounded-full bg-gray-100 border-gray-200 -ml-2" }, [e("div", { staticClass: "text-xs text-gray-600 mr-1 py-1 pl-2", domProps: { textContent: t._s(t.$t("_common:status.status")) } }), e("div", { staticClass: "text-xs font-semibold py-1 px-2 bg-gray-300 rounded-r-full", domProps: { textContent: t._s(t.$t(`_common:status.${t.document.status}`)) } })])]), t._l(t.events, function(i, r) {
+    return e("EventItem", { key: r, attrs: { title: i.title, content: i.content, createdAt: i.createdAt, icon: i.icon, color: i.color, "is-future": i.isFuture, size: "large" } });
   })], 2);
-}, O = [], E = /* @__PURE__ */ p(
-  M,
+}, E = [], N = /* @__PURE__ */ p(
   B,
   O,
+  E,
   !1,
   null,
   null,
   null,
   null
 );
-const N = E.exports, T = {
+const T = N.exports, q = {
   name: "DocTimeline",
   components: {
-    DocumentTimeline: N
+    DocumentTimeline: T
   },
   props: {
     id: {
@@ -359,20 +359,20 @@ const N = E.exports, T = {
     }
   }
 };
-var q = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "p-8" }, [t("DocumentTimeline", { attrs: { id: e.id } })], 1);
-}, F = [], P = /* @__PURE__ */ p(
-  T,
+var F = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "p-8" }, [e("DocumentTimeline", { attrs: { id: t.id } })], 1);
+}, P = [], R = /* @__PURE__ */ p(
   q,
   F,
+  P,
   !1,
   null,
   null,
   null,
   null
 );
-const j = P.exports;
+const A = R.exports;
 export {
-  j as default
+  A as default
 };