@cling-se/widget 0.5.3 → 0.7.0

package/dist/{DocReceipt.7b70887a.js → DocReceipt.f295022f.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.e2cbf475.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.400202d0.js

@@ -0,0 +1,115 @@
+import { d as m, f as c, h as d, n as a } from "./main.e2cbf475.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.3faeb01a.js

@@ -0,0 +1,455 @@
+import { n as m, J as v, g as $, i as _, K as f, d as C } from "./main.e2cbf475.js";
+const g = {
+  new: {
+    statusClass: "draft",
+    icon: "statusDraft"
+  },
+  draft: {
+    statusClass: "draft",
+    icon: "statusDraft"
+  },
+  scheduled: {
+    statusClass: "scheduled",
+    icon: "statusScheduled"
+  },
+  sent: {
+    statusClass: "sent",
+    icon: "statusSent"
+  },
+  denied: {
+    statusClass: "denied",
+    icon: "statusDenied"
+  },
+  accepted: {
+    statusClass: "accepted",
+    icon: "statusAccepted"
+  },
+  signed: {
+    statusClass: "accepted",
+    icon: "statusAccepted"
+  },
+  semiSigned: {
+    statusClass: "accepted",
+    icon: "statusSemiSigned"
+  },
+  active: {
+    statusClass: "active",
+    icon: "statusActive"
+  },
+  completed: {
+    statusClass: "completed",
+    icon: "statusCompleted"
+  },
+  archived: {
+    statusClass: "archived",
+    icon: "statusArchive"
+  }
+}, b = {
+  props: {
+    status: {
+      type: String,
+      default: ""
+    },
+    split: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    text() {
+      return this.status ? v.t(`_common:status.${this.status}`) : "";
+    },
+    className() {
+      const { statusClass: s = "" } = g[this.status] || {};
+      return s;
+    },
+    icon() {
+      return $(g, `${this.status}.icon`);
+    }
+  }
+};
+var S = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "inline-flex items-center h-6 pl-1 pr-2 text-xs font-medium leading-none rounded-full c-badge_status", class: t.className }, [t.icon ? e("BaseIcon", { staticClass: "mr-1 status-icon", attrs: { type: t.icon, size: "16" } }) : t._e(), e("span", [t._v(t._s(t.text))])], 1);
+}, D = [], k = /* @__PURE__ */ m(
+  b,
+  S,
+  D,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const w = k.exports, z = {
+  name: "DynamicLink",
+  props: {
+    template: {
+      type: String,
+      required: !0
+    }
+  },
+  computed: {
+    transformed() {
+      return { template: this.template };
+    }
+  }
+};
+var B = function() {
+  var t = this, e = t._self._c;
+  return e(t.transformed, { tag: "component" });
+}, I = [], M = /* @__PURE__ */ m(
+  z,
+  B,
+  I,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const T = M.exports, N = {
+  name: "EventItem",
+  components: {
+    DynamicLink: T
+  },
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    template: {
+      type: String,
+      default: ""
+    },
+    content: {
+      type: [String, Array],
+      default: ""
+    },
+    createdAt: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: "square"
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    color: {
+      type: String,
+      default: "gray",
+      validator: (s) => ["blue", "teal", "orange", "green", "red", "purple", "gray", "primary"].indexOf(s) !== -1
+    },
+    isFuture: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    date() {
+      return _(f(this.createdAt)) ? this.$formatDate(this.createdAt, "Pp") : null;
+    },
+    dayOfMonth() {
+      return _(f(this.createdAt)) ? this.$formatDate(this.createdAt, "d") : null;
+    },
+    month() {
+      return _(f(this.createdAt)) ? this.$formatDate(this.createdAt, "MMM") : null;
+    },
+    iconClasses() {
+      const s = {
+        blue: "text-blue-600 bg-blue-50",
+        teal: "text-cyan-600 bg-cyan-50",
+        orange: "text-orange-600 bg-orange-50",
+        green: "text-green-600 bg-green-50",
+        red: "text-red-600 bg-red-50",
+        purple: "text-purple-600 bg-purple-50",
+        gray: "text-gray-500 bg-gray-100",
+        primary: "text-primary-500 bg-primary-50"
+      };
+      return this.isFuture ? "bg-purple-100 text-purple-500" : s[this.color] || s.gray;
+    },
+    titleSize() {
+      return this.size === "large" ? "text-base" : "text-sm";
+    },
+    textSize() {
+      return this.size === "large" ? "text-[15px]" : "text-[13px]";
+    },
+    dateSize() {
+      return this.size === "large" ? "text-sm" : "text-xs";
+    }
+  }
+};
+var O = function() {
+  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)]);
+}, E = [], A = /* @__PURE__ */ m(
+  N,
+  O,
+  E,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const F = A.exports, q = {
+  sv: {
+    clientName: "Kunden",
+    byName: "Av {{- name}}",
+    withBankId: "med BankID",
+    propertyDesignation: "Beg\xE4ran om fastighetsbeteckning",
+    viewed: "Granskat",
+    viewedContent: "{{- name}} har visat dokumentet",
+    statusChangedAccepted: "Dokumentet har blivit signerat",
+    statusChangedDenied: "Dokumentet har blivit nekat",
+    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",
+    statusChangedAccepted: "The document has been signed",
+    statusChangedDenied: "The document has been denied",
+    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"
+  }
+}, R = {
+  name: "DocumentTimeline",
+  i18nOptions: {
+    namespaces: "documentTimeline",
+    messages: q
+  },
+  components: {
+    StatusBadge: w,
+    EventItem: F
+  },
+  props: {
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  computed: {
+    ...C({
+      docById: "documents2/byId",
+      userById: "companyUsers/byId"
+    }),
+    document() {
+      return this.docById(this.id);
+    },
+    events() {
+      var n;
+      const s = [
+        this.formatEvent({
+          code: "created",
+          createdAt: (n = this.document) == null ? void 0 : n.createdAt
+        })
+      ], { events: t, scheduledFirstDelivery: e } = this.document || {};
+      if ((e == null ? void 0 : e.status) === "active") {
+        const r = e.deliveryTypes.join(
+          ` ${this.$t("_common:and")} `
+        );
+        s.push({
+          title: this.$t("_common:scheduledDelivery"),
+          content: `${this.$t(
+            "_common:via"
+          )} ${r}, ${this.$formatDate(
+            e.sendAt
+          )}`,
+          isFuture: !0,
+          icon: "calendar",
+          color: "primary"
+        });
+      }
+      return t == null || t.forEach((r) => s.push(this.formatEvent(r))), s;
+    }
+  },
+  methods: {
+    formatEvent({ code: s, data: t, createdAt: e, children: n = [] }) {
+      const {
+        client: r = {},
+        clients: p,
+        email: c,
+        status: d,
+        counter: x,
+        sendSource: h,
+        companyUserId: y
+      } = t || {}, u = x || n.length + 1, o = r.name;
+      return {
+        created: () => ({
+          title: this.$t("_common:created"),
+          createdAt: e,
+          icon: "folder",
+          color: "primary"
+        }),
+        viewed: () => ({
+          title: this.$t("viewed"),
+          content: (o ? this.$t("viewedContent", { name: o }) : "") + (u ? ` ${this.$tc("_common:times", { count: u })}` : ""),
+          createdAt: e,
+          icon: "eye",
+          color: "primary"
+        }),
+        accepted: () => {
+          var a;
+          const i = {
+            title: this.$t("_common:status.signed"),
+            content: o ? this.$t("byName", { name: o }) : "",
+            createdAt: e,
+            icon: "check",
+            color: "primary"
+          };
+          return i.content && ((a = r.answerMethod) == null ? void 0 : a.accept) === "bankId" && (i.content += ` ${this.$t("withBankId")}`), i;
+        },
+        denied: () => ({
+          title: this.$t("_common:status.denied"),
+          content: o ? this.$t("byName", { name: o }) : "",
+          createdAt: e,
+          icon: "x",
+          color: "primary"
+        }),
+        sent: () => {
+          let i = this.$t("_common:sent");
+          return ["reminder", "propertyDesignation"].includes(h) && (i = this.$t("_common:sentThing", {
+            thing: h === "reminder" ? this.$t("_common:reminder") : this.$t("propertyDesignation")
+          })), {
+            title: i,
+            content: p == null ? void 0 : p.map(
+              (a) => ["email", "cellphone"].filter((l) => !!a[l]).map((l) => a[l]).join(` ${this.$t("_common:and")} `)
+            ).reduce(
+              (a, l) => a ? `${a}<div>${l}</div>` : `${this.$t("_common:to")}: ${l}`.capitalize(),
+              ""
+            ),
+            createdAt: e,
+            icon: h === "reminder" ? "bell" : "send",
+            color: "primary"
+          };
+        },
+        statusChanged: () => ["accepted", "denied"].includes(d) ? {
+          title: d === "accepted" ? this.$t("statusChangedAccepted") : this.$t("statusChangedDenied"),
+          createdAt: e,
+          icon: d === "accepted" ? "check" : "x",
+          color: d === "accepted" ? "green" : "red"
+        } : null,
+        requestChange: () => {
+          var a;
+          const i = ((a = this.userById(y)) == null ? void 0 : a.fullName) || "";
+          return {
+            title: `${this.$t("requestChange")} ${this.$t(
+              `_common:status.${d}`
+            )}`,
+            content: i && this.$t("byName", { name: i }),
+            createdAt: e,
+            icon: "tool",
+            color: "primary"
+          };
+        },
+        mailDelivered: () => ({
+          title: this.$t("_common:sentThing", {
+            thing: this.$t("_common:email").capitalize()
+          }),
+          content: c ? `${this.$t("_common:to")}: ${c}`.capitalize() : "",
+          createdAt: e,
+          icon: "inbox",
+          color: "primary"
+        }),
+        mailOpened: () => ({
+          title: this.$t("mailOpened"),
+          content: `${this.$t("mailOpenedContent", { email: c })} ${u ? this.$tc("_common:times", { count: u }) : ""}`,
+          createdAt: e,
+          icon: "email",
+          color: "primary"
+        }),
+        mailDropped: () => ({
+          title: this.$t("mailDropped"),
+          content: c ? this.$t("toEmail", { email: c }) : null,
+          createdAt: e,
+          icon: "alert-triangle",
+          color: "orange"
+        }),
+        smsDropped: () => ({
+          title: this.$t("smsDropped"),
+          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: e,
+          icon: "x",
+          color: "red"
+        })
+      }[s]();
+    }
+  }
+};
+var L = 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 -ml-2" }, [e("div", { staticClass: "text-xs text-gray-600 mr-1.5 py-1 pl-2", domProps: { textContent: t._s(t.$t("_common:status.status")) } }), e("StatusBadge", { attrs: { status: t.document.status } })], 1)]), t._l(t.events, function(n, r) {
+    return e("EventItem", { key: r, attrs: { title: n.title, content: n.content, createdAt: n.createdAt, icon: n.icon, color: n.color, "is-future": n.isFuture, size: "large" } });
+  })], 2);
+}, P = [], j = /* @__PURE__ */ m(
+  R,
+  L,
+  P,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const U = j.exports, G = {
+  name: "DocTimeline",
+  components: {
+    DocumentTimeline: U
+  },
+  props: {
+    id: {
+      type: String,
+      required: !0
+    }
+  }
+};
+var K = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "p-8" }, [e("DocumentTimeline", { attrs: { id: t.id } })], 1);
+}, V = [], H = /* @__PURE__ */ m(
+  G,
+  K,
+  V,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const W = H.exports;
+export {
+  W as default
+};