@cling-se/widget 0.4.0 → 0.5.0

package/dist/{DocFormSend.06af8a6b.js → DocFormSend.63e8ebfd.js}

@@ -1,4 +1,4 @@
-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";
+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",

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.526624ad.js → DocSendReminder.0da038c3.js}

@@ -1,4 +1,4 @@
-import { d, f as c, h as l, n as r } from "./main.5aaccd3f.js";
+import { d, f as c, h as l, n as r } from "./main.819722de.js";
 const m = {
   name: "DocumentSendReminderModal",
   props: {

package/dist/{DocTimeline.fbf264f2.js → DocTimeline.c75aca03.js}

@@ -1,4 +1,4 @@
-import { n as p, i as g, J as f, d as x } from "./main.5aaccd3f.js";
+import { n as p, i as g, J as f, d as x } from "./main.819722de.js";
 const $ = {
   name: "DynamicLink",
   props: {