@cling-se/widget 0.3.3 → 0.4.0

package/.env

@@ -1,7 +1,7 @@
 VITE_APP_ROOT_STYLE_ID=CLING_WIDGET_STYLE
-VITE_APP_WEB_BASEURL=https://app.dev2.cling.se
-VITE_APP_CLINGAPI_BASEURL=https://api.dev.cling.se
-VITE_APP_CLINGAPI_SOCKET_ROOT=https://api.dev.cling.se
+VITE_APP_WEB_BASEURL=https://app.cling.se
+VITE_APP_CLINGAPI_BASEURL=https://api.cling.se
+VITE_APP_CLINGAPI_SOCKET_ROOT=https://api.cling.se
 VITE_APP_ROLLBAR_CLIENT_TOKEN=cf75726b70174d4097505ae18d5f9600
 VITE_APP_ROLLBAR_ENV=production
 VITE_APP_STRIPE_PUBLISHABLE_KEY=pk_live_srt9FB7WkzNiQGIP46ISVpag00bGlEZBT8
@@ -11,4 +11,4 @@ VITE_APP_WEB_BASEURL_DEV=https://app.dev2.cling.se
 VITE_APP_CLINGAPI_BASEURL_DEV=https://api.dev.cling.se
 VITE_APP_CLINGAPI_SOCKET_ROOT_DEV=https://api.dev.cling.se
 VITE_APP_ROLLBAR_CLIENT_TOKEN_DEV=cf75726b70174d4097505ae18d5f9600
-VITE_APP_ROLLBAR_ENV_DEV=staging
+VITE_APP_ROLLBAR_ENV_DEV=staging

package/dist/{DocFormSend.8754868e.js → DocFormSend.06af8a6b.js}

@@ -1,5 +1,4 @@
-import { g as Se, n as N, C as Ya, s as jf, e as Wf, i as Yf, r as Tc, a as Xs, m as Rc, b as Lt, c as mn, d as nt, _ as Vf, f as Ic, h as Uf, p as Hf, j as Gf, k as qf, l as Pc, V as Va, o as Ac, A as Kf, q as Xf, t as Zf, u as Jf, v as Qf, F as Fc, w as Nc, x as Ua, y as eh, z as th, B as Zs, D as rh, E as nh, G as ih } from "./main.837b42e2.js";
-import { c as se, b as ah } from "./init.1c637e98.js";
+import { c as se, g as Se, a as jf, n as N, C as Ya, s as Wf, e as Yf, i as Vf, r as Tc, b as Xs, m as Rc, d as Lt, f as mn, h as nt, _ as Uf, j as Ic, k as Hf, p as Gf, l as qf, o as Kf, q as Pc, V as Va, t as Ac, A as Xf, u as Zf, v as Jf, w as Qf, x as eh, F as Fc, y as Nc, z as Ua, B as th, D as rh, E as Zs, G as nh, H as ih, I as ah } from "./main.5aaccd3f.js";
 const fe = {
   AD: {
     name: "Andorra",
@@ -6153,7 +6152,7 @@ y.HTML5_FMT = {
 const sk = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: y
-}, Symbol.toStringTag, { value: "Module" })), ok = /* @__PURE__ */ ah(sk);
+}, Symbol.toStringTag, { value: "Module" })), ok = /* @__PURE__ */ jf(sk);
 /*!
  * Pikaday
  *
@@ -6642,7 +6641,7 @@ const ck = {
     change(t) {
       if (t) {
         let e = new Date(t);
-        this.direction === "start" && (e = jf(e)), this.direction === "end" && (e = Wf(e)), e = e.toISOString(), this.$emit("input", e);
+        this.direction === "start" && (e = Wf(e)), this.direction === "end" && (e = Yf(e)), e = e.toISOString(), this.$emit("input", e);
       }
     },
     onSelect() {
@@ -6653,7 +6652,7 @@ const ck = {
       this.visible = !0, this.overflowCheck();
     },
     onClose() {
-      Yf(new Date(this.value)) || (this.pikaday.setDate(null, !0), this.change(null)), this.visible = !1;
+      Vf(new Date(this.value)) || (this.pikaday.setDate(null, !0), this.change(null)), this.visible = !1;
     },
     show() {
       this.pikaday.show(), this.$emit("focus");
@@ -6963,7 +6962,7 @@ var Mk = function() {
   null
 );
 const Rk = Tk.exports;
-var Ik = Vf, Pk = function() {
+var Ik = Uf, Pk = function() {
   return Ik.Date.now();
 }, Ak = Pk, Fk = /\s/;
 function Nk(t) {
@@ -6975,7 +6974,7 @@ var Lk = Nk, Bk = Lk, zk = /^\s+/;
 function jk(t) {
   return t && t.slice(0, Bk(t) + 1).replace(zk, "");
 }
-var Wk = jk, Yk = Wk, sc = Ic, Vk = Uf, oc = 0 / 0, Uk = /^[-+]0x[0-9a-f]+$/i, Hk = /^0b[01]+$/i, Gk = /^0o[0-7]+$/i, qk = parseInt;
+var Wk = jk, Yk = Wk, sc = Ic, Vk = Hf, oc = 0 / 0, Uk = /^[-+]0x[0-9a-f]+$/i, Hk = /^0b[01]+$/i, Gk = /^0o[0-7]+$/i, qk = parseInt;
 function Kk(t) {
   if (typeof t == "number")
     return t;
@@ -7104,7 +7103,7 @@ const nD = {
     async fetchType(t, e, r, n) {
       if (!this.canFetchType(t))
         return [];
-      const { data: i } = await Hf("search", {
+      const { data: i } = await Gf("search", {
         type: t,
         query: e,
         ...r !== null && n !== null && { start: r, end: n }
@@ -7129,7 +7128,7 @@ const nD = {
             }
           }
         ]
-      }, { data: a } = await Gf("/document", {
+      }, { data: a } = await qf("/document", {
         params: {
           lean: !0,
           filter: encodeURIComponent(JSON.stringify(i)),
@@ -7147,7 +7146,7 @@ const nD = {
             this.hasSearchedAll = !1;
             return;
           }
-          const { data: a } = await qf.search(i, { query: t, type: "article" });
+          const { data: a } = await Kf.search(i, { query: t, type: "article" });
           a && Array.isArray(a) && n.push(...a);
         } catch {
         }
@@ -7864,7 +7863,7 @@ const { mapFields: iM } = Ac({
   name: "FormClient",
   components: {
     ClientAutocomplete: Df,
-    Animation: Kf
+    Animation: Xf
   },
   mixins: [nM],
   props: {
@@ -8155,7 +8154,7 @@ const cM = lM.exports, { mapFields: uM } = Ac({
       showMessage: nt.SHOW_MESSAGE
     }),
     loadForm(t = {}) {
-      this.storedNewClient = Object.assign(this.storedNewClient, t), this.endCustomer = Xf({
+      this.storedNewClient = Object.assign(this.storedNewClient, t), this.endCustomer = Zf({
         type: this.$brand === "cling" ? "individual" : "company",
         ...t
       });
@@ -8339,7 +8338,7 @@ const bM = {
     generateSenderClient() {
       const { company: t, user: e } = this._document.sender || {}, r = Se(this._document, "data.defaultAnswerMethod");
       this.senderClientData = {
-        ...Zf(),
+        ...Jf(),
         documentRole: "recipient",
         ...r && { answerMethod: r },
         ...this.senderClient,
@@ -8445,7 +8444,7 @@ const xM = {
   },
   methods: {
     onMoveRecipient({ index: t, direction: e }) {
-      this.clients = Jf(this.clients).set(
+      this.clients = Qf(this.clients).set(
         {
           ...this.clients[t],
           signOrder: Math.max(this.clients[t].signOrder + e, 0)
@@ -8475,7 +8474,7 @@ const xM = {
         {
           documentClientIndex: t,
           ...this.useSignOrder && {
-            signOrder: Qf(e) === "number" ? e : this.maxSignOrder + 1
+            signOrder: eh(e) === "number" ? e : this.maxSignOrder + 1
           },
           isPublicForm: this.isPublicForm
         }
@@ -8566,10 +8565,6 @@ const EM = {
       type: Boolean,
       default: !1
     },
-    addMissingAnswerMethod: {
-      type: Boolean,
-      default: !1
-    },
     onSaveDocument: {
       type: Function,
       default: null
@@ -8649,7 +8644,7 @@ const EM = {
         });
       }
     }
-    this.addMissingAnswerMethod && !this.defaultAnswerMethod && (this.defaultAnswerMethod = { accept: "signature", deny: "button" }), ((t = this.defaultAnswerMethod) == null ? void 0 : t.accept) === "button" && this.setAnswerMethod("signature", { ignoreChanges: !0 });
+    ((t = this.defaultAnswerMethod) == null ? void 0 : t.accept) === "button" && this.setAnswerMethod("signature", { ignoreChanges: !0 });
   },
   validations: {
     clients: {
@@ -8671,7 +8666,7 @@ const EM = {
     },
     async doSendDocument() {
       var t;
-      this.$v.$touch(), ((t = this._document) == null ? void 0 : t.status) === "denied" && this.resetDeniedDocument(), await this.doSaveDocument({ doSend: !0 });
+      this.$v.$touch(), !this.$v.$invalid && (((t = this._document) == null ? void 0 : t.status) === "denied" && this.resetDeniedDocument(), await this.doSaveDocument({ doSend: !0 }));
     },
     setDeliveryMethod(t, e) {
       const r = this.deliveryTypes;
@@ -8775,7 +8770,7 @@ var TM = function() {
   RM,
   !1,
   null,
-  "6ed08d50",
+  "ccf0eb53",
   null,
   null
 );
@@ -10203,7 +10198,7 @@ const If = zE.exports, jE = {
   components: {
     CField: If
   },
-  extends: eh,
+  extends: th,
   computed: {
     type() {
       return this.hasErrors ? "is-danger" : this.isValid ? "is-success" : null;
@@ -10347,7 +10342,7 @@ const eT = QE.exports, tT = {
       return this.items.filter((t) => typeof t == "object" ? Object.keys(t).some((e) => String(t[e]).toLowerCase().includes(this.query.toLowerCase())) : String(t).toLowerCase().includes(this.query.toLowerCase()));
     },
     sortedItems() {
-      return this.searchedItems.slice().sort((t, e) => (typeof t == "object" && typeof e == "object" && (t = t[this.sortBy], e = e[this.sortBy]), (t === e ? 0 : th(t, e)) * this.sortOrder));
+      return this.searchedItems.slice().sort((t, e) => (typeof t == "object" && typeof e == "object" && (t = t[this.sortBy], e = e[this.sortBy]), (t === e ? 0 : rh(t, e)) * this.sortOrder));
     }
   },
   created() {
@@ -10880,7 +10875,7 @@ const Ec = Va.observable({
     };
   },
   computed: {
-    ...rh({
+    ...nh({
       company: "application/company",
       can: "application/can",
       rawDoc: "forms/document",
@@ -10900,14 +10895,14 @@ const Ec = Va.observable({
     this.setFormValue && (Ec.setFormValue = this.setDocValue);
   },
   methods: {
-    ...nh({
+    ...ih({
       setFormValue: nt.SET_FORM_VALUE,
       removeFormValue: nt.REMOVE_FORM_VALUE
     }),
     async initDoc() {
       if (!this.rawDoc)
         throw new Error("Missing initiated form document");
-      this.document = new ih({
+      this.document = new ah({
         data: this.rawDoc,
         can: this.can,
         getters: this.$store.getters,
@@ -10931,7 +10926,7 @@ var OT = function() {
     clients: "clients",
     reminders: "data.reminders",
     name: "data.name"
-  }, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "add-missing-answer-method": "", "use-scroll": "" } }) : r("div", { staticClass: "w-full h-full grid place-items-center" }, [r("BaseIcon", { staticClass: "animate-spin text-gray-400", attrs: { type: "loader", size: 28 } })], 1);
+  }, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "use-scroll": "" } }) : r("div", { staticClass: "w-full h-full grid place-items-center" }, [r("BaseIcon", { staticClass: "animate-spin text-gray-400", attrs: { type: "loader", size: 28 } })], 1);
 }, kT = [], DT = /* @__PURE__ */ N(
   xT,
   OT,
@@ -10942,7 +10937,7 @@ var OT = function() {
   null,
   null
 );
-const TT = DT.exports;
+const ET = DT.exports;
 export {
-  TT as default
+  ET as default
 };

package/dist/{DocSendReminder.d98e3f1e.js → DocSendReminder.526624ad.js}

@@ -1,5 +1,4 @@
-import { b as d, c, d as l, n as r } from "./main.837b42e2.js";
-import "./init.1c637e98.js";
+import { d, f as c, h as l, n as r } from "./main.5aaccd3f.js";
 const m = {
   name: "DocumentSendReminderModal",
   props: {
@@ -87,7 +86,7 @@ var _ = function() {
   return s("DocumentSendReminderModal", { attrs: { document: e.document }, on: { close: function(t) {
     return e.$router.push("/");
   } } });
-}, f = [], b = /* @__PURE__ */ r(
+}, f = [], T = /* @__PURE__ */ r(
   h,
   _,
   f,
@@ -97,7 +96,7 @@ var _ = function() {
   null,
   null
 );
-const $ = b.exports;
+const g = T.exports;
 export {
-  $ as default
+  g as default
 };

package/dist/{DocTimeline.281a4dbc.js → DocTimeline.fbf264f2.js}

@@ -1,5 +1,4 @@
-import { n as p, i as g, H as f, b as x } from "./main.837b42e2.js";
-import "./init.1c637e98.js";
+import { n as p, i as g, J as f, d as x } from "./main.5aaccd3f.js";
 const $ = {
   name: "DynamicLink",
   props: {
@@ -15,8 +14,8 @@ const $ = {
   }
 };
 var v = function() {
-  var t = this, e = t._self._c;
-  return e(t.transformed, { tag: "component" });
+  var e = this, t = e._self._c;
+  return t(e.transformed, { tag: "component" });
 }, b = [], C = /* @__PURE__ */ p(
   $,
   v,
@@ -110,8 +109,8 @@ const k = C.exports, S = {
   }
 };
 var D = 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)]);
+  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)]);
 }, w = [], z = /* @__PURE__ */ p(
   S,
   D,
@@ -191,9 +190,9 @@ const I = z.exports, M = {
           code: "created",
           createdAt: (i = this.document) == null ? void 0 : i.createdAt
         })
-      ], { events: t, scheduledFirstDelivery: e } = this.document || {};
-      if ((e == null ? void 0 : e.status) === "active") {
-        const r = e.deliveryTypes.join(
+      ], { events: e, scheduledFirstDelivery: t } = this.document || {};
+      if ((t == null ? void 0 : t.status) === "active") {
+        const r = t.deliveryTypes.join(
           ` ${this.$t("_common:and")} `
         );
         n.push({
@@ -201,18 +200,18 @@ const I = z.exports, M = {
           content: `${this.$t(
             "_common:via"
           )} ${r}, ${this.$formatDate(
-            e.sendAt
+            t.sendAt
           )}`,
           isFuture: !0,
           icon: "calendar",
           color: "primary"
         });
       }
-      return t == null || t.forEach((r) => n.push(this.formatEvent(r))), n;
+      return e == null || e.forEach((r) => n.push(this.formatEvent(r))), n;
     }
   },
   methods: {
-    formatEvent({ code: n, data: t, createdAt: e, children: i = [] }) {
+    formatEvent({ code: n, data: e, createdAt: t, children: i = [] }) {
       const {
         client: r = {},
         clients: u,
@@ -221,18 +220,18 @@ const I = z.exports, M = {
         counter: _,
         sendSource: h,
         companyUserId: y
-      } = t || {}, m = _ || i.length + 1, o = r.name;
+      } = e || {}, m = _ || i.length + 1, o = r.name;
       return {
         created: () => ({
           title: this.$t("_common:created"),
-          createdAt: e,
+          createdAt: t,
           icon: "folder",
           color: "primary"
         }),
         viewed: () => ({
           title: this.$t("viewed"),
           content: (o ? this.$t("viewedContent", { name: o }) : "") + (m ? ` ${this.$tc("_common:times", { count: m })}` : ""),
-          createdAt: e,
+          createdAt: t,
           icon: "eye",
           color: "primary"
         }),
@@ -241,7 +240,7 @@ const I = z.exports, M = {
           const s = {
             title: this.$t("_common:status.signed"),
             content: o ? this.$t("byName", { name: o }) : "",
-            createdAt: e,
+            createdAt: t,
             icon: "check",
             color: "primary"
           };
@@ -250,7 +249,7 @@ const I = z.exports, M = {
         denied: () => ({
           title: this.$t("_common:status.denied"),
           content: o ? this.$t("byName", { name: o }) : "",
-          createdAt: e,
+          createdAt: t,
           icon: "x",
           color: "primary"
         }),
@@ -266,7 +265,7 @@ const I = z.exports, M = {
               (a, l) => a ? `${a}<div>${l}</div>` : `${this.$t("_common:to")}: ${l}`.capitalize(),
               ""
             ),
-            createdAt: e,
+            createdAt: t,
             icon: h === "reminder" ? "bell" : "send",
             color: "primary"
           };
@@ -275,7 +274,7 @@ const I = z.exports, M = {
           title: `${this.$t("statusChanged")} ${this.$t(
             `_common:status.${d}`
           )}`,
-          createdAt: e,
+          createdAt: t,
           icon: d === "accepted" ? "check" : "x",
           color: d === "accepted" ? "green" : "red"
         } : null,
@@ -287,7 +286,7 @@ const I = z.exports, M = {
               `_common:status.${d}`
             )}`,
             content: s && this.$t("byName", { name: s }),
-            createdAt: e,
+            createdAt: t,
             icon: "tool",
             color: "primary"
           };
@@ -297,35 +296,35 @@ const I = z.exports, M = {
             thing: this.$t("_common:email").capitalize()
           }),
           content: c ? `${this.$t("_common:to")}: ${c}`.capitalize() : "",
-          createdAt: e,
+          createdAt: t,
           icon: "inbox",
           color: "primary"
         }),
         mailOpened: () => ({
           title: this.$t("mailOpened"),
           content: `${this.$t("mailOpenedContent", { email: c })} ${m ? this.$tc("_common:times", { count: m }) : ""}`,
-          createdAt: e,
+          createdAt: t,
           icon: "email",
           color: "primary"
         }),
         mailDropped: () => ({
           title: this.$t("mailDropped"),
           content: c ? this.$t("toEmail", { email: c }) : null,
-          createdAt: e,
+          createdAt: t,
           icon: "alert-triangle",
           color: "orange"
         }),
         smsDropped: () => ({
           title: this.$t("smsDropped"),
-          content: t ? `${this.$t("_common:to")}: ${t}`.capitalize() : "",
-          createdAt: e,
+          content: e ? `${this.$t("_common:to")}: ${e}`.capitalize() : "",
+          createdAt: t,
           icon: "alert-triangle",
           color: "orange"
         }),
         expired: () => ({
           title: this.$t("expired"),
           content: this.$t("expiredContent"),
-          createdAt: e,
+          createdAt: t,
           icon: "x",
           color: "red"
         })
@@ -334,9 +333,9 @@ const I = z.exports, M = {
   }
 };
 var B = 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" } });
+  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" } });
   })], 2);
 }, O = [], E = /* @__PURE__ */ p(
   M,
@@ -361,8 +360,8 @@ const N = E.exports, T = {
   }
 };
 var q = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "p-8" }, [e("DocumentTimeline", { attrs: { id: t.id } })], 1);
+  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,
   q,
@@ -373,7 +372,7 @@ var q = function() {
   null,
   null
 );
-const A = P.exports;
+const j = P.exports;
 export {
-  A as default
+  j as default
 };