@cling-se/widget 0.4.0 → 0.5.1

package/dist/{DocFormSend.06af8a6b.js → DocFormSend.a52a2a07.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.ed2b323d.js";
 const fe = {
   AD: {
     name: "Andorra",
@@ -8553,6 +8553,14 @@ const EM = {
     )
   ],
   props: {
+    showSave: {
+      type: Boolean,
+      default: !0
+    },
+    showSchedule: {
+      type: Boolean,
+      default: !0
+    },
     setFormValue: {
       type: Function,
       required: !0
@@ -8754,9 +8762,9 @@ var TM = function() {
   } } })], 1), !e.useSignOrder && !e.isManualDelivery ? r("div", { staticClass: "psuedo-input relative", attrs: { tabindex: "0" }, on: { click: e.openReminders } }, [r("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("_common:reminder_plural").capitalize()))]), r("div", [e._v(" " + e._s(e.noOfReminders ? `${e.noOfReminders} ${e.$i18n.lang === "sv" ? e.$t("_common:unitType.unit") : ""}` : e.$t("_common:disabled").capitalize()) + " ")]), e.noOfReminders ? r("CButton", { staticClass: "absolute right-3 top-3", attrs: { icon: "x", size: "small", type: "none", pattern: "secondary" }, on: { click: function(n) {
     n.preventDefault(), n.stopPropagation(), e.reminders = [];
   } } }) : e._e()], 1) : e._e()], 1), e.clientsAreMissingContactInfo && !e.isManualDelivery ? r("ErrorCallout", { attrs: { message: e.$t("clientsAreMissingContactInfo"), size: "small" } }) : e._e()], 2)]), r("div", { staticClass: "px-4 pb-4 @md:px-8 @xl:px-16" }, [e._t("send", function() {
-    return [r("div", { staticClass: "flex" }, [r("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("_common:save", { thing: e.$t("_common:document").toLowerCase() }), expression: "$t('_common:save', { thing: $t('_common:document').toLowerCase() })" }], staticClass: "mr-2 w-12", attrs: { loading: e.isPosting, type: "none", icon: "save", pattern: "secondary" }, on: { click: function(n) {
+    return [r("div", { staticClass: "flex" }, [e.showSave ? r("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("_common:save", { thing: e.$t("_common:document").toLowerCase() }), expression: "$t('_common:save', { thing: $t('_common:document').toLowerCase() })" }], staticClass: "mr-2 w-12", attrs: { loading: e.isPosting, type: "none", icon: "save", pattern: "secondary" }, on: { click: function(n) {
       return e.doSaveDocument();
-    } } }), !e.useSignOrder && !e.isManualDelivery ? r("CButton", { staticClass: "mr-2 w-12 @md:w-auto", staticStyle: { padding: "14px 16px", "border-radius": "8px", height: "initial", "font-size": "14px", "font-weight": "600" }, attrs: { disabled: e.isPosting || !e.clients.length, type: "none", pattern: "secondary" }, on: { click: e.openSendLater } }, [r("span", { staticClass: "!hidden @md:!block", domProps: { textContent: e._s(e.$t("scheduledTooltip")) } }), r("BaseIcon", { staticClass: "@md:!hidden", attrs: { type: "calendar", size: "16" } })], 1) : e._e(), r("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+    } } }) : e._e(), e.showSchedule && !e.useSignOrder && !e.isManualDelivery ? r("CButton", { staticClass: "mr-2 w-12 @md:w-auto", staticStyle: { padding: "14px 16px", "border-radius": "8px", height: "initial", "font-size": "14px", "font-weight": "600" }, attrs: { disabled: e.isPosting || !e.clients.length, type: "none", pattern: "secondary" }, on: { click: e.openSendLater } }, [r("span", { staticClass: "!hidden @md:!block", domProps: { textContent: e._s(e.$t("scheduledTooltip")) } }), r("BaseIcon", { staticClass: "@md:!hidden", attrs: { type: "calendar", size: "16" } })], 1) : e._e(), r("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
       content: e.clients.length ? "" : e.$t("components:account.documentForm.clients.errorMessage")
     }, expression: `{
             content: clients.length ? '' : $t('components:account.documentForm.clients.errorMessage'),
@@ -8770,7 +8778,7 @@ var TM = function() {
   RM,
   !1,
   null,
-  "ccf0eb53",
+  "433b8516",
   null,
   null
 );
@@ -10869,6 +10877,16 @@ const Ec = Va.observable({
     SendForm: PM
   },
   provide: () => ({ viewSettings: Ec }),
+  props: {
+    showSave: {
+      type: Boolean,
+      default: !0
+    },
+    showSchedule: {
+      type: Boolean,
+      default: !0
+    }
+  },
   data() {
     return {
       document: null
@@ -10926,7 +10944,7 @@ var OT = function() {
     clients: "clients",
     reminders: "data.reminders",
     name: "data.name"
-  }, "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);
+  }, "show-save": e.showSave, "show-schedule": e.showSchedule, "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,

package/dist/DocReceipt.411ff862.js

@@ -0,0 +1,189 @@
+import { f as g, h as p, n as u } from "./main.ed2b323d.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.0551a8af.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.ed2b323d.js";
 const m = {
   name: "DocumentSendReminderModal",
   props: {

package/dist/{DocTimeline.fbf264f2.js → DocTimeline.47057965.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.ed2b323d.js";
 const $ = {
   name: "DynamicLink",
   props: {