@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/DocReceipt-BbXoCmpz.js

@@ -0,0 +1,341 @@
+import { C as R, a as N } from "./CDropdownItem-DvaU14-V.js";
+import { m as O, a as z, g as I, _ as S, b as x, a3 as F, o, d as i, s as n, v as d, F as p, k as f, e as k, f as u, c as b, E as U, w as $, B as P, l as V } from "./main-C4OdoeS2.js";
+const E = {
+  sv: {
+    title: "Verifikat på signering",
+    waitingForSign: "Väntar på signatur",
+    signMethod: "Signeringsmetod",
+    remaining: "{{count}} st signaturer kvarstår innan dokumentet är helt signerat.",
+    confirmChangeMessage: "Vill du verkligen byta signeringsmetod för {{- name}}?",
+    bankIdHint: "Identifiering och signering säkerställd med BankID."
+  },
+  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"
+  }
+}, T = {
+  name: "DocumentReceipt",
+  i18nOptions: {
+    namespaces: "documentReceipt",
+    messages: E
+  },
+  components: {
+    CDropdown: R,
+    CDropdownItem: N
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    allowSignMethodUpdate: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  computed: {
+    ...O({
+      feature: "application/feature"
+    }),
+    signees() {
+      const { senderClient: t, clients: s } = this.document;
+      return [
+        ...t ? [t] : [],
+        ...(s || []).map((c, m) => ({ ...c, index: m }))
+      ].filter(
+        (c) => {
+          var m;
+          return ["signee", "approver"].includes(c.documentRole) || ((m = c.answer) == null ? void 0 : m.didAccept);
+        }
+      ).map(
+        ({
+          name: c = "",
+          companyName: m,
+          email: r,
+          socialNo: l = null,
+          answerMethod: g,
+          answer: v,
+          documentRole: C,
+          index: e
+        }) => ({
+          name: c || m || r,
+          socialNo: l,
+          method: (g == null ? void 0 : g.accept) || "",
+          documentRole: C,
+          ...v,
+          index: e
+        })
+      );
+    },
+    waitingFor() {
+      return this.document.recipients.reduce(
+        (t, s) => {
+          var a;
+          return s.answer || !["signee", "approver"].includes(s.documentRole) || ((a = s.answerMethod) == null ? void 0 : a.accept) === "inPerson" ? t : [...t, s];
+        },
+        []
+      );
+    },
+    documentName() {
+      return this.document.name || "";
+    },
+    sentByName() {
+      var t, s;
+      return ((s = (t = this.document.sender) == null ? void 0 : t.user) == null ? void 0 : s.name) || "";
+    },
+    signOptions() {
+      var t;
+      return ((t = this.document) == null ? void 0 : t.signOptions) || [];
+    }
+  },
+  methods: {
+    ...z({
+      showMessage: I.SHOW_MESSAGE,
+      updateDocument: I.UPDATE_DOCUMENT2
+    }),
+    getIconType(t) {
+      return t === "signee" ? "pen-tool" : t === "recipient" ? "eye" : t === "approver" ? "check" : "shield";
+    },
+    getBrowserString({ browser: t, os: s, device: a }) {
+      return [t == null ? void 0 : t.name, s == null ? void 0 : s.name, a == null ? void 0 : a.model].filter((c) => !!c).join(", ");
+    },
+    onUpdate(t, s) {
+      this.showMessage({
+        displayType: "dialog",
+        type: "secondary",
+        title: this.$t("_common:change", {
+          thing: this.$t("_common:signMethod.title").toLowerCase()
+        }),
+        message: this.$t("confirmChangeMessage", { name: t.name }),
+        actions: {
+          cancel: {
+            text: this.$t("_common:cancel"),
+            callback: "cancel"
+          },
+          submit: {
+            text: this.$t("actions:updateDocumentDialog.submit"),
+            callback: () => this.updateSignMethod(t.index, s)
+          }
+        }
+      });
+    },
+    async updateSignMethod(t, s) {
+      const { id: a } = this.document || {}, c = { [`clients.${t}.answerMethod.accept`]: s };
+      await this.updateDocument({
+        id: a,
+        body: c,
+        params: { type: "paths" }
+      });
+    }
+  }
+}, j = { class: "rounded-lg border border-gray-200 bg-gray-100 px-1 pb-1 pt-4 text-gray-600" }, H = { class: "relative mb-1 leading-5" }, L = { class: "pb-1 pl-4" }, q = { class: "font-medium text-black" }, G = { class: "data-label" }, W = {
+  class: "grid grid-cols-3 gap-2 pb-1 pt-4",
+  style: { "grid-template-columns": "repeat(auto-fit, minmax(200px, 1fr))" }
+}, J = ["textContent"], K = ["textContent"], Q = {
+  key: 0,
+  class: "ml-3 mt-2 inline-flex items-center rounded-full border border-orange-200/90 bg-orange-50 px-1 py-0.5 text-xs font-medium text-black/80"
+}, X = { class: "px-1.5" }, Y = { class: "flex flex-col gap-2 p-2" }, Z = { class: "px-4 py-3" }, tt = {
+  key: 2,
+  class: "absolute right-3 top-3 inline-flex rounded-full border border-red-400/50 bg-red-200 px-2 py-0.5 text-xs font-medium text-red-700"
+}, et = {
+  key: 3,
+  class: "absolute right-3 top-3 inline-flex rounded-full border border-orange-200/70 bg-orange-50 px-2 py-0.5 text-xs font-medium text-black/80"
+}, nt = { class: "pb-1 text-[15px] font-medium text-black" }, ot = {
+  class: "grid grid-cols-3 gap-2 py-1",
+  style: { "grid-template-columns": "repeat(auto-fit, minmax(190px, 1fr))" }
+}, st = ["textContent"], at = { class: "flex items-center" }, it = ["textContent"], dt = ["textContent"], rt = {
+  key: 0,
+  class: "mx-4 h-20 border-t border-gray-100 py-6"
+}, ct = ["src"], lt = { class: "ml-0.5 mr-2 flex h-9 w-9 items-center justify-center rounded-md border border-[#275369] bg-[#183e4f]" }, mt = ["textContent"], ut = { class: "text-xs opacity-70" };
+function pt(t, s, a, c, m, r) {
+  const l = x("CIcon"), g = x("CDropdownItem"), v = x("CDropdown"), C = F("tooltip");
+  return o(), i("div", j, [
+    n("div", H, [
+      n("div", L, [
+        n("div", q, d(t.$t("title")), 1),
+        n("div", G, d(r.documentName), 1),
+        n("div", W, [
+          (o(!0), i(p, null, f([
+            [t.$t("_common:sentByName"), r.sentByName],
+            [
+              t.$t("_components:status.sent"),
+              t.$formatDate(a.document.sentAt, "Pp")
+            ],
+            [
+              t.$t("_components:replyBy"),
+              a.document.status === "sent" && t.$formatDate(a.document.expiresAt)
+            ],
+            [
+              t.$t("_components:status.accepted"),
+              t.$formatDate(a.document.acceptedAt, "Pp")
+            ]
+          ], ([e, _], y) => (o(), i(p, null, [
+            _ ? (o(), i("div", { key: y }, [
+              n("div", {
+                class: "text-xs text-gray-900",
+                textContent: d(e)
+              }, null, 8, J),
+              n("div", {
+                class: "mr-1.5 text-gray-600",
+                textContent: d(_)
+              }, null, 8, K)
+            ])) : u("", !0)
+          ], 64))), 256))
+        ])
+      ]),
+      r.waitingFor.length ? (o(), i("div", Q, [
+        k(l, {
+          type: "info",
+          size: "14",
+          class: "text-orange-500/80"
+        }),
+        n("div", X, d(t.$t("remaining", { count: r.waitingFor.length })), 1)
+      ])) : u("", !0),
+      k(l, {
+        class: "absolute right-5 top-1 text-gray-500",
+        type: "lock",
+        size: "18"
+      })
+    ]),
+    n("div", Y, [
+      (o(!0), i(p, null, f(r.signees, (e, _) => {
+        var y, D;
+        return o(), i("div", {
+          key: _,
+          class: "relative rounded-md border border-gray-200 bg-white text-gray-700"
+        }, [
+          n("div", Z, [
+            e.didAccept && e.method === "bankId" ? (o(), b(l, {
+              key: 0,
+              type: "bankIdColor",
+              size: "22",
+              class: "absolute right-4 top-3"
+            })) : e.didAccept ? U((o(), b(l, {
+              key: 1,
+              size: 18,
+              type: r.getIconType(e.documentRole),
+              class: "lock-icon absolute right-6 top-4 opacity-70"
+            }, null, 8, ["type"])), [
+              [C, t.$t(`_common:documentRole.${e.documentRole}.label`)]
+            ]) : u("", !0),
+            e.didAccept === !1 ? (o(), i("div", tt, d(t.$t("_common:denied").capitalize()), 1)) : !e.didAccept && e.method !== "inPerson" ? (o(), i("div", et, d(t.$t("waitingForSign")), 1)) : u("", !0),
+            n("div", nt, d(((y = e.response) == null ? void 0 : y.name) || e.name), 1),
+            n("div", ot, [
+              (o(!0), i(p, null, f([
+                [t.$t("_common:socialNo").capitalize(), e.socialNo],
+                [
+                  t.$t("signMethod"),
+                  t.$t(`_common:signMethod.${e.method}`),
+                  "signMethod"
+                ],
+                [
+                  `${t.$t("_common:date").capitalize()} & ${t.$t("_common:time")}`,
+                  t.$formatDate(e.didAnswerAt, "Pp")
+                ],
+                ["IP-" + t.$t("_common:address"), e.ip],
+                [
+                  `${t.$t("_common:browser")}, OS & ${t.$t("_common:device")}`,
+                  r.getBrowserString(e)
+                ]
+              ], ([M, w, A], B) => (o(), i(p, null, [
+                w ? (o(), i("div", {
+                  key: B,
+                  class: "text-[13px]"
+                }, [
+                  n("div", {
+                    class: "text-gray-900",
+                    textContent: d(M)
+                  }, null, 8, st),
+                  n("div", at, [
+                    n("div", {
+                      class: "mr-1.5 text-gray-500",
+                      textContent: d(w)
+                    }, null, 8, it),
+                    A === "signMethod" && e.method && a.allowSignMethodUpdate && r.signOptions.length > 1 && a.document.status !== "accepted" && e.didAccept === void 0 ? (o(), b(v, {
+                      key: 0,
+                      "append-to-body": !0,
+                      "menu-styling": { width: "180px" }
+                    }, {
+                      trigger: $(() => [
+                        n("div", {
+                          class: "text-primary-500 text-xs font-medium underline",
+                          textContent: d(t.$t("_common:change"))
+                        }, null, 8, dt)
+                      ]),
+                      default: $(() => [
+                        (o(!0), i(p, null, f(r.signOptions, (h) => (o(), b(g, {
+                          key: h,
+                          "icon-right": e.method === h ? "check" : "",
+                          onClick: (yt) => e.method !== h ? r.onUpdate(e, h) : null
+                        }, {
+                          default: $(() => [
+                            P(d(t.$t(`_common:signMethod.${h}`)), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["icon-right", "onClick"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1024)) : u("", !0)
+                  ])
+                ])) : u("", !0)
+              ], 64))), 256))
+            ])
+          ]),
+          e.signatureDataURL ? (o(), i("div", rt, [
+            n("img", {
+              src: e.signatureDataURL,
+              class: "h-full"
+            }, null, 8, ct)
+          ])) : e.didAccept && e.method === "bankId" ? (o(), i("div", {
+            key: 1,
+            class: "mx-4 mb-4 flex items-center rounded-md bg-gray-300 p-1.5 text-white/90",
+            style: V([{ border: "1px solid #35677e" }, "background: linear-gradient(45deg,hsl(200deg 35% 17%),hsl(199deg 25% 30%));"])
+          }, [
+            n("div", lt, [
+              k(l, {
+                type: "bankId",
+                size: "22"
+              })
+            ]),
+            n("div", null, [
+              n("div", {
+                class: "text-xs font-medium",
+                textContent: d(t.$t("bankIdHint"))
+              }, null, 8, mt),
+              n("div", ut, d(((D = e.response) == null ? void 0 : D.name) || e.name) + " · " + d(e.socialNo), 1)
+            ])
+          ])) : u("", !0)
+        ]);
+      }), 128))
+    ])
+  ]);
+}
+const gt = /* @__PURE__ */ S(T, [["render", pt]]), ht = {
+  name: "DocReceipt",
+  components: {
+    DocumentReceipt: gt
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  }
+};
+function _t(t, s, a, c, m, r) {
+  const l = x("DocumentReceipt");
+  return o(), i("div", null, [
+    k(l, {
+      document: a.document,
+      "allow-sign-method-update": !1
+    }, null, 8, ["document"])
+  ]);
+}
+const xt = /* @__PURE__ */ S(ht, [["render", _t]]);
+export {
+  xt as default
+};

package/dist/DocSendReminder-DZqOkd63.js

@@ -0,0 +1,181 @@
+import { a8 as T, m as C, a as D, g as $, _ as b, b as y, a3 as k, o as a, d as l, s as r, v as c, F as x, k as M, e as R, w as p, B as h, f as E, E as g, c as _ } from "./main-C4OdoeS2.js";
+const N = {
+  name: "DocumentSendReminderModal",
+  i18nOptions: {
+    namespaces: "documentSendReminderModal",
+    messages: {
+      en: {
+        alreadySigned: "already signed",
+        cannotSign: "can't sign"
+      },
+      sv: {
+        alreadySigned: "har signerat",
+        cannotSign: "kan ej signera"
+      }
+    }
+  },
+  components: {
+    CCheckbox: T
+  },
+  emits: ["close"],
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      clientsToSend: []
+    };
+  },
+  computed: {
+    ...C({
+      feature: "application/feature"
+    })
+  },
+  created() {
+    const { events: e = [], clients: n = [] } = this.document || {}, d = e.reduce(
+      (s, { code: i, data: t }) => i === "sent" && t && t.clients && t.clients.length ? [...s, ...t.clients.map(({ id: m }) => m)] : s,
+      []
+    );
+    this.clientsToSend = n.filter(({ id: s }) => d.includes(s)), this.feature("sms") || this.clientsToSend.forEach((s, i) => {
+      this.isTypeActive("sms", s) && this.setDeliveryMethod("sms", i);
+    }), this.clientsToSend.forEach((s, i) => {
+      (s.answer || s.documentRole === "recipient") && ["sms", "email"].forEach((t) => {
+        this.isTypeActive(t, s) && this.setDeliveryMethod(t, i);
+      });
+    });
+  },
+  methods: {
+    ...D({
+      sendDocumentReminder: $.SEND_REMINDER_DOCUMENT2
+    }),
+    async submit() {
+      await this.sendDocumentReminder({
+        id: this.document.id,
+        body: {
+          clients: this.clientsToSend
+        }
+      }), this.$emit("close");
+    },
+    canSendType(e, n) {
+      return !!n[e === "sms" ? "cellphone" : "email"];
+    },
+    isTypeActive(e, n) {
+      return n.deliveryTypes.includes(e) && this.canSendType(e, n);
+    },
+    setDeliveryMethod(e, n) {
+      const d = this.clientsToSend[n].deliveryTypes.findIndex(
+        (s) => s === e
+      );
+      d > -1 ? this.clientsToSend[n].deliveryTypes.splice(d, 1) : this.clientsToSend[n].deliveryTypes.push(e);
+    }
+  }
+}, w = { class: "rounded-xl bg-white p-8" }, V = ["textContent"], B = { class: "mb-2 pl-1" }, z = { class: "text-sm font-medium" }, A = ["textContent"], U = ["textContent"], I = { class: "flex" }, O = { class: "mr-2 flex items-center rounded-md border border-gray-200 bg-gray-100 py-1.5 pl-1.5" }, j = { class: "flex items-center rounded-md border border-gray-200 bg-gray-100 py-1.5 pl-1.5 pr-2.5" };
+function q(e, n, d, s, i, t) {
+  const m = y("CCheckbox"), v = y("CButton"), f = k("tooltip");
+  return a(), l("div", w, [
+    r("div", {
+      class: "mb-6 text-lg font-semibold",
+      textContent: c(e.$t("_common:send", { thing: e.$t("_common:reminder") }))
+    }, null, 8, V),
+    (a(!0), l(x, null, M(i.clientsToSend, (o, u) => (a(), l("div", {
+      key: u,
+      class: "mb-3 rounded-lg border border-gray-200 p-2"
+    }, [
+      r("div", B, [
+        r("div", z, c(o.name || o.companyName), 1),
+        o.answer ? (a(), l("div", {
+          key: 0,
+          class: "text-xs text-gray-500",
+          textContent: c(e.$t("alreadySigned").capitalize())
+        }, null, 8, A)) : o.documentRole === "recipient" ? (a(), l("div", {
+          key: 1,
+          class: "text-xs text-gray-500",
+          textContent: c(e.$t("cannotSign").capitalize())
+        }, null, 8, U)) : E("", !0)
+      ]),
+      r("div", I, [
+        r("div", O, [
+          g((a(), _(m, {
+            "model-value": t.isTypeActive("sms", o),
+            size: "tiny",
+            disabled: !e.feature("sms") || !t.canSendType("sms", o),
+            class: "mr-2 font-medium",
+            "onUpdate:modelValue": (S) => t.setDeliveryMethod("sms", u)
+          }, {
+            default: p(() => [
+              h(c(e.$t("_common:sms")), 1)
+            ]),
+            _: 2
+          }, 1032, ["model-value", "disabled", "onUpdate:modelValue"])), [
+            [f, {
+              ...!t.canSendType("sms", o) && {
+                content: e.$t("_common:missing", {
+                  thing: e.$t("_common:phoneNumber")
+                })
+              }
+            }]
+          ])
+        ]),
+        r("div", j, [
+          g((a(), _(m, {
+            "model-value": t.isTypeActive("email", o),
+            size: "tiny",
+            disabled: !t.canSendType("email", o),
+            class: "font-medium",
+            "onUpdate:modelValue": (S) => t.setDeliveryMethod("email", u)
+          }, {
+            default: p(() => [
+              h(c(e.$t("_common:email").capitalize()), 1)
+            ]),
+            _: 2
+          }, 1032, ["model-value", "disabled", "onUpdate:modelValue"])), [
+            [f, {
+              ...!t.canSendType("email", o) && {
+                content: e.$t("_common:missing", { thing: e.$t("_common:email") })
+              }
+            }]
+          ])
+        ])
+      ])
+    ]))), 128)),
+    R(v, {
+      type: "secondary",
+      size: "small",
+      taller: "",
+      icon: "send",
+      wide: "",
+      class: "mt-8 font-semibold",
+      onClick: t.submit
+    }, {
+      default: p(() => [
+        h(c(e.$t("_common:send", { thing: e.$t("_common:reminder") })), 1)
+      ]),
+      _: 1
+    }, 8, ["onClick"])
+  ]);
+}
+const F = /* @__PURE__ */ b(N, [["render", q]]), G = {
+  components: {
+    DocumentSendReminderModal: F
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  }
+};
+function L(e, n, d, s, i, t) {
+  const m = y("DocumentSendReminderModal");
+  return a(), _(m, {
+    document: d.document,
+    onClose: n[0] || (n[0] = (v) => e.$router.push("/"))
+  }, null, 8, ["document"]);
+}
+const J = /* @__PURE__ */ b(G, [["render", L]]);
+export {
+  J as default
+};