@cling-se/widget 0.6.0 → 0.7.0

package/dist/{DocReceipt.a6684947.js → DocReceipt.f295022f.js}

@@ -1,4 +1,4 @@
-import { f as g, h as p, n as u } from "./main.44d450fa.js";
+import { f as g, h as p, n as u } from "./main.e2cbf475.js";
 const _ = {
   sv: {
     title: "Verifikat p\xE5 signering",

package/dist/{DocSendReminder.06ea8eec.js → DocSendReminder.400202d0.js}

@@ -1,4 +1,4 @@
-import { d as m, f as c, h as d, n as a } from "./main.44d450fa.js";
+import { d as m, f as c, h as d, n as a } from "./main.e2cbf475.js";
 const l = {
   name: "DocumentSendReminderModal",
   i18nOptions: {

package/dist/{DocTimeline.90191a9e.js → DocTimeline.3faeb01a.js}

@@ -1,5 +1,87 @@
-import { n as p, i as g, J as f, d as x } from "./main.44d450fa.js";
-const $ = {
+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: {
@@ -13,23 +95,23 @@ const $ = {
     }
   }
 };
-var v = function() {
+var B = function() {
   var t = this, e = t._self._c;
   return e(t.transformed, { tag: "component" });
-}, b = [], C = /* @__PURE__ */ p(
-  $,
-  v,
-  b,
+}, I = [], M = /* @__PURE__ */ m(
+  z,
+  B,
+  I,
   !1,
   null,
   null,
   null,
   null
 );
-const k = C.exports, S = {
+const T = M.exports, N = {
   name: "EventItem",
   components: {
-    DynamicLink: k
+    DynamicLink: T
   },
   props: {
     title: {
@@ -63,7 +145,7 @@ const k = C.exports, S = {
     color: {
       type: String,
       default: "gray",
-      validator: (n) => ["blue", "teal", "orange", "green", "red", "purple", "gray", "primary"].indexOf(n) !== -1
+      validator: (s) => ["blue", "teal", "orange", "green", "red", "purple", "gray", "primary"].indexOf(s) !== -1
     },
     isFuture: {
       type: Boolean,
@@ -76,16 +158,16 @@ const k = C.exports, S = {
   },
   computed: {
     date() {
-      return g(f(this.createdAt)) ? this.$formatDate(this.createdAt, "Pp") : null;
+      return _(f(this.createdAt)) ? this.$formatDate(this.createdAt, "Pp") : null;
     },
     dayOfMonth() {
-      return g(f(this.createdAt)) ? this.$formatDate(this.createdAt, "d") : null;
+      return _(f(this.createdAt)) ? this.$formatDate(this.createdAt, "d") : null;
     },
     month() {
-      return g(f(this.createdAt)) ? this.$formatDate(this.createdAt, "MMM") : null;
+      return _(f(this.createdAt)) ? this.$formatDate(this.createdAt, "MMM") : null;
     },
     iconClasses() {
-      const n = {
+      const s = {
         blue: "text-blue-600 bg-blue-50",
         teal: "text-cyan-600 bg-cyan-50",
         orange: "text-orange-600 bg-orange-50",
@@ -95,7 +177,7 @@ const k = C.exports, S = {
         gray: "text-gray-500 bg-gray-100",
         primary: "text-primary-500 bg-primary-50"
       };
-      return this.isFuture ? "bg-purple-100 text-purple-500" : n[this.color] || n.gray;
+      return this.isFuture ? "bg-purple-100 text-purple-500" : s[this.color] || s.gray;
     },
     titleSize() {
       return this.size === "large" ? "text-base" : "text-sm";
@@ -108,20 +190,20 @@ const k = C.exports, S = {
     }
   }
 };
-var D = function() {
+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)]);
-}, w = [], z = /* @__PURE__ */ p(
-  S,
-  D,
-  w,
+}, E = [], A = /* @__PURE__ */ m(
+  N,
+  O,
+  E,
   !1,
   null,
   null,
   null,
   null
 );
-const I = z.exports, M = {
+const F = A.exports, q = {
   sv: {
     clientName: "Kunden",
     byName: "Av {{- name}}",
@@ -129,10 +211,8 @@ const I = z.exports, M = {
     propertyDesignation: "Beg\xE4ran om fastighetsbeteckning",
     viewed: "Granskat",
     viewedContent: "{{- name}} har visat dokumentet",
-    signed: "Signerat",
-    denied: "Nekat",
-    accepted: "godk\xE4nt",
-    statusChanged: "Dokumentet blev",
+    statusChangedAccepted: "Dokumentet har blivit signerat",
+    statusChangedDenied: "Dokumentet har blivit nekat",
     requestChange: "Markerades manuellt som",
     mailOpened: "Mail visat",
     mailOpenedContent: "{{email}} visat",
@@ -148,10 +228,8 @@ const I = z.exports, M = {
     propertyDesignation: "Request for property designation",
     viewed: "Viewed",
     viewedContent: "{{- name}} has viewed the document",
-    signed: "Signed",
-    denied: "denied",
-    accepted: "accepted",
-    statusChanged: "Document was",
+    statusChangedAccepted: "The document has been signed",
+    statusChangedDenied: "The document has been denied",
     requestChange: "Manually marked as",
     mailOpened: "Email opened",
     mailOpenedContent: "{{email}} viewed",
@@ -160,14 +238,15 @@ const I = z.exports, M = {
     expired: "Expired",
     expiredContent: "Marked as declined - expiration date has passed"
   }
-}, B = {
+}, R = {
   name: "DocumentTimeline",
   i18nOptions: {
     namespaces: "documentTimeline",
-    messages: M
+    messages: q
   },
   components: {
-    EventItem: I
+    StatusBadge: w,
+    EventItem: F
   },
   props: {
     id: {
@@ -176,7 +255,7 @@ const I = z.exports, M = {
     }
   },
   computed: {
-    ...x({
+    ...C({
       docById: "documents2/byId",
       userById: "companyUsers/byId"
     }),
@@ -184,18 +263,18 @@ const I = z.exports, M = {
       return this.docById(this.id);
     },
     events() {
-      var i;
-      const n = [
+      var n;
+      const s = [
         this.formatEvent({
           code: "created",
-          createdAt: (i = this.document) == null ? void 0 : i.createdAt
+          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")} `
         );
-        n.push({
+        s.push({
           title: this.$t("_common:scheduledDelivery"),
           content: `${this.$t(
             "_common:via"
@@ -207,20 +286,20 @@ const I = z.exports, M = {
           color: "primary"
         });
       }
-      return t == null || t.forEach((r) => n.push(this.formatEvent(r))), n;
+      return t == null || t.forEach((r) => s.push(this.formatEvent(r))), s;
     }
   },
   methods: {
-    formatEvent({ code: n, data: t, createdAt: e, children: i = [] }) {
+    formatEvent({ code: s, data: t, createdAt: e, children: n = [] }) {
       const {
         client: r = {},
-        clients: u,
+        clients: p,
         email: c,
         status: d,
-        counter: _,
+        counter: x,
         sendSource: h,
         companyUserId: y
-      } = t || {}, m = _ || i.length + 1, o = r.name;
+      } = t || {}, u = x || n.length + 1, o = r.name;
       return {
         created: () => ({
           title: this.$t("_common:created"),
@@ -230,21 +309,21 @@ const I = z.exports, M = {
         }),
         viewed: () => ({
           title: this.$t("viewed"),
-          content: (o ? this.$t("viewedContent", { name: o }) : "") + (m ? ` ${this.$tc("_common:times", { count: m })}` : ""),
+          content: (o ? this.$t("viewedContent", { name: o }) : "") + (u ? ` ${this.$tc("_common:times", { count: u })}` : ""),
           createdAt: e,
           icon: "eye",
           color: "primary"
         }),
         accepted: () => {
           var a;
-          const s = {
+          const i = {
             title: this.$t("_common:status.signed"),
             content: o ? this.$t("byName", { name: o }) : "",
             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 i.content && ((a = r.answerMethod) == null ? void 0 : a.accept) === "bankId" && (i.content += ` ${this.$t("withBankId")}`), i;
         },
         denied: () => ({
           title: this.$t("_common:status.denied"),
@@ -254,12 +333,12 @@ const I = z.exports, M = {
           color: "primary"
         }),
         sent: () => {
-          let s = this.$t("_common:sent");
-          return ["reminder", "propertyDesignation"].includes(h) && (s = this.$t("_common:sentThing", {
+          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: s,
-            content: u == null ? void 0 : u.map(
+            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(),
@@ -271,21 +350,19 @@ const I = z.exports, M = {
           };
         },
         statusChanged: () => ["accepted", "denied"].includes(d) ? {
-          title: `${this.$t("statusChanged")} ${this.$t(
-            `_common:status.${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 s = ((a = this.userById(y)) == null ? void 0 : a.fullName) || "";
+          const i = ((a = this.userById(y)) == null ? void 0 : a.fullName) || "";
           return {
             title: `${this.$t("requestChange")} ${this.$t(
               `_common:status.${d}`
             )}`,
-            content: s && this.$t("byName", { name: s }),
+            content: i && this.$t("byName", { name: i }),
             createdAt: e,
             icon: "tool",
             color: "primary"
@@ -302,7 +379,7 @@ const I = z.exports, M = {
         }),
         mailOpened: () => ({
           title: this.$t("mailOpened"),
-          content: `${this.$t("mailOpenedContent", { email: c })} ${m ? this.$tc("_common:times", { count: m }) : ""}`,
+          content: `${this.$t("mailOpenedContent", { email: c })} ${u ? this.$tc("_common:times", { count: u }) : ""}`,
           createdAt: e,
           icon: "email",
           color: "primary"
@@ -328,29 +405,29 @@ const I = z.exports, M = {
           icon: "x",
           color: "red"
         })
-      }[n]();
+      }[s]();
     }
   }
 };
-var O = function() {
+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 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" } });
+  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);
-}, E = [], N = /* @__PURE__ */ p(
-  B,
-  O,
-  E,
+}, P = [], j = /* @__PURE__ */ m(
+  R,
+  L,
+  P,
   !1,
   null,
   null,
   null,
   null
 );
-const T = N.exports, q = {
+const U = j.exports, G = {
   name: "DocTimeline",
   components: {
-    DocumentTimeline: T
+    DocumentTimeline: U
   },
   props: {
     id: {
@@ -359,20 +436,20 @@ const T = N.exports, q = {
     }
   }
 };
-var F = function() {
+var K = 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,
+}, V = [], H = /* @__PURE__ */ m(
+  G,
+  K,
+  V,
   !1,
   null,
   null,
   null,
   null
 );
-const A = R.exports;
+const W = H.exports;
 export {
-  A as default
+  W as default
 };