@cling-se/widget 0.3.3 → 0.5.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.63e8ebfd.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.819722de.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/DocReceipt.087edc6c.js

@@ -0,0 +1,189 @@
+import { f as g, h as p, n as u } from "./main.819722de.js";
+const _ = {
+  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."
+      }
+    }
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    allowSignMethodUpdate: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  computed: {
+    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: l,
+          index: m
+        }) => ({
+          name: n || s || o,
+          socialNo: c,
+          method: (i == null ? void 0 : i.accept) || "",
+          documentRole: l,
+          ...d,
+          index: m
+        })
+      );
+    },
+    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) || "";
+    }
+  },
+  methods: {
+    ...g({
+      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 f = 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],
+    [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-gray-900 text-xs", domProps: { textContent: t._s(n) } }), e("div", { staticClass: "text-gray-600 mr-1.5", domProps: { textContent: t._s(s) } })]) : t._e()];
+  })], 2)]), t.waitingFor.length ? e("div", { staticClass: "mt-2 inline-flex items-center text-xs font-medium bg-orange-50 border border-orange-200/90 px-1 py-0.5 rounded-full ml-3 text-black/80" }, [e("BaseIcon", { 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("BaseIcon", { staticClass: "absolute top-1 right-5 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: "bg-white relative text-gray-700 border border-gray-200 rounded-md" }, [e("div", { staticClass: "px-4 py-3" }, [n.didAccept && n.method === "bankId" ? e("BaseIcon", { staticClass: "absolute top-3 right-4", attrs: { type: "bankIdColor", size: "22" } }) : n.didAccept ? e("BaseIcon", { 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 bg-red-200 border border-red-400/50 rounded-full text-xs py-0.5 px-2 inline-flex 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 bg-orange-50 border border-orange-200/70 rounded-full text-xs py-0.5 px-2 inline-flex font-medium text-black/80" }, [t._v(" " + t._s(t.$t("waitingForSign")) + " ")]) : t._e(), e("div", { staticClass: "font-medium text-[15px] text-black pb-1" }, [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.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, l], m) {
+      return [d ? e("div", { key: m, staticClass: "text-[13px]" }, [e("div", { staticClass: "text-gray-900", domProps: { textContent: t._s(i) } }), e("div", { staticClass: "flex items-center" }, [e("div", { staticClass: "text-gray-500 mr-1.5", domProps: { textContent: t._s(d) } }), l === "signMethod" && n.method && t.allowSignMethodUpdate && t.document.status !== "accepted" && n.didAccept === void 0 ? e("CDropdown", { attrs: { "append-to-body": !0, "menu-styling": { width: "180px" } } }, [e("div", { staticClass: "underline text-primary-500 font-medium text-xs", attrs: { slot: "trigger" }, domProps: { textContent: t._s(t.$t("_common:change")) }, slot: "trigger" }), t._l([
+        ...t.$feature("bankId") ? ["bankId"] : [],
+        "signature",
+        "inPerson"
+      ], function(r) {
+        return e("CDropdownItem", { key: r, attrs: { "icon-right": n.method === r ? "check" : "" }, on: { click: function(k) {
+          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()]);
+  }), 0)]);
+}, x = [], h = /* @__PURE__ */ u(
+  _,
+  f,
+  x,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const b = h.exports, y = {
+  name: "DocReceipt",
+  components: {
+    DocumentReceipt: b
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  }
+};
+var v = 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,
+  v,
+  C,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const w = $.exports;
+export {
+  w as default
+};

package/dist/{DocSendReminder.d98e3f1e.js → DocSendReminder.0da038c3.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.819722de.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.c75aca03.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.819722de.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
 };