@cling-se/widget 0.14.4 → 0.14.5

package/dist/DocDetails-CoLL_tHs.js

@@ -0,0 +1,246 @@
+import { D as f } from "./DocumentVoided-BOjiWBK6.js";
+import { C as g, a as h, w } from "./CDropdownItem-BjYnhZJr.js";
+import { n as r, ag as $, b as x, ah as y, ai as b, aj as C } from "./main-B9t0ybqW.js";
+import { C as S } from "./CPhoneFormat-BZnmeEeW.js";
+const D = {
+  name: "PublicDocumentEvents",
+  props: {
+    document: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    events() {
+      const s = [], { acceptedAt: e } = this.document;
+      return this.document.events.filter(({ createdAt: t }) => e ? $(e, t) : !0).forEach((t) => {
+        const { code: i, createdAt: n, children: c = [] } = t;
+        let { data: l = {} } = t;
+        l === null && (l = {});
+        const { client: a = {}, clients: u = [], status: p, counter: _ } = l, m = {
+          sent: () => u.map((o) => {
+            const d = this.getClientName(o.id), v = this.filteredOxfordComma([
+              o.email,
+              o.cellphone
+            ]);
+            return {
+              text: this.document.$t("event.sent", {
+                to: `${d ? d + ", " : ""}${v}`
+              }),
+              time: n
+            };
+          }),
+          viewed: () => {
+            const o = _ || c.length + 1;
+            return [
+              {
+                text: `${this.document.$t(
+                  `event.${a.name ? "viewedName" : "viewed"}`,
+                  { name: a.name }
+                )} ${o ? this.document.$tc("times", { count: o }) : ""}.`,
+                time: n
+              }
+            ];
+          },
+          accepted: () => [
+            {
+              text: this.document.$t("event.accepted", {
+                by: a.name || a.email || a.cellphone
+              }),
+              time: n
+            }
+          ],
+          denied: () => [
+            {
+              text: this.document.$t("event.denied", {
+                by: a.name || a.email || a.cellphone
+              }),
+              time: n
+            }
+          ],
+          statusChanged: () => [
+            {
+              text: this.document.$t("event.statusChanged", {
+                status: this.document.$t(`status.${p}`).toLowerCase()
+              }),
+              time: n
+            }
+          ],
+          requestChange: () => [
+            {
+              text: this.document.$t("event.requestChange", {
+                status: this.document.$t(`status.${p}`).toLowerCase()
+              }),
+              time: n
+            }
+          ],
+          expired: () => [
+            {
+              text: this.document.$t("event.expired"),
+              time: n
+            }
+          ]
+        };
+        m[i] && s.push(...m[i]());
+      }), s;
+    }
+  },
+  methods: {
+    filteredOxfordComma(s = []) {
+      const e = s.filter((i) => !!i), t = e.length;
+      return t ? t < 2 ? e[0] : `${e.slice(0, -1).join(", ")} ${this.document.$t("and")} ${e.slice(
+        -1
+      )}` : "";
+    },
+    getClientName(s) {
+      const e = this.document.clients.find(({ id: t }) => t === s);
+      return e ? e.name : "";
+    }
+  },
+  render() {
+    return this.$scopedSlots.default({
+      events: this.events
+    });
+  }
+}, z = null, k = null;
+var P = /* @__PURE__ */ r(
+  D,
+  z,
+  k,
+  !1,
+  null,
+  null
+);
+const F = P.exports, A = {
+  name: "PublicRecipientItem",
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "document.myPagesDrawer"
+  },
+  components: {
+    CPhoneFormat: S
+  },
+  props: {
+    recipient: {
+      type: Object,
+      required: !0
+    }
+  },
+  methods: {
+    get: x,
+    getBrowserString({ browser: s, os: e, device: t }) {
+      return [s && s.name, e && e.name, t && t.model].filter((i) => !!i).join(", ");
+    }
+  }
+};
+var R = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticStyle: { border: "1px solid hsl(0, 0%, 84%)", "border-radius": "3px", "margin-bottom": "1em" } }, [t("div", { staticStyle: { padding: "0.5em 0.75em" } }, [e._l([
+    e.recipient.name,
+    e.recipient.companyName,
+    e.recipient.orgNo
+  ], function(i, n) {
+    return t("span", { key: `${i}-${n}`, style: n === 0 ? { fontWeight: 500 } : { opacity: 0.65 } }, [e._v(" " + e._s(i && n > 0 ? "·" : "") + " " + e._s(i) + " ")]);
+  }), t("div", { staticClass: "flex w-full flex-col", staticStyle: { "font-size": "14px", "align-items": "baseline" } }, [e.recipient.email ? t("a", { attrs: { href: `mailto:${e.recipient.email}`, target: "_blank" } }, [e._v(" " + e._s(e.recipient.email) + " ")]) : e._e(), e.recipient.cellphone ? t("CPhoneFormat", { attrs: { phone: e.recipient.cellphone, region: e.recipient.cellphoneRegion }, scopedSlots: e._u([{ key: "default", fn: function({ formattedValue: i }) {
+    return t("a", { attrs: { href: `tel:${e.recipient.cellphone}` } }, [e._v(" " + e._s(i) + " ")]);
+  } }], null, !1, 2469850174) }) : e._e()], 1)], 2), t("div", { staticStyle: { "background-color": "hsl(0, 0%, 94%)", padding: "0.75em 0.75em", "font-weight": "500", "font-size": "13px", "line-height": "1", color: "hsl(0, 0%, 40%)", position: "relative" } }, [t("div", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.recipient.documentRole}.label`)) + " ")]), t("div", { staticStyle: { position: "absolute", right: "1em", top: "0px", transform: "translate(0, -50%)" } }, [t("v-popover", { attrs: { "popover-inner-class": "signee-popover", trigger: "hover", placement: "bottom-end" } }, [e.recipient.documentRole === "signee" ? t("div", { staticStyle: { padding: "5px 0.75em", background: "hsl(0, 0%, 60%)", "border-radius": "4px", "font-size": "13px", color: "hsl(0, 0%, 100%)", cursor: "default", display: "inline-flex", "align-items": "center" } }, [t("CIcon", { staticStyle: { "margin-right": "0.5ch" }, attrs: { size: 15, type: "info", "stroke-width": "2" } }), e.recipient.answer && e.recipient.answer.didAccept ? [e._v(" " + e._s(e.$t("_common:approved").capitalize()) + " ")] : e.recipient.answer ? [e._v(" " + e._s(e.$t("_common:denied").capitalize()) + " ")] : [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.waitingForAnswer")) + " ")]], 2) : e._e(), t("div", { staticStyle: { padding: "0" }, attrs: { slot: "popover" }, slot: "popover" }, [t("div", { staticStyle: { padding: "1em 1.5em" } }, [e.recipient.answer && e.recipient.answer.didAccept ? [e.recipient.answer.signatureDataURL ? t("div", { staticStyle: { "padding-bottom": "0.5em" } }, [t("div", { staticClass: "has-text-grey", staticStyle: { "padding-bottom": "1em" } }, [e._v(" " + e._s(e.$t("_common:signature").capitalize()) + " ")]), t("img", { staticStyle: { width: "80%" }, attrs: { src: e.recipient.answer.signatureDataURL } })]) : t("div", { staticStyle: { "font-size": "13px", "padding-top": "3px" } }, [e.get(e.recipient, "answerMethod.accept") === "bankId" ? [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.recipient.signedBankId")) + " ")]), t("div", [e._v(e._s(e.recipient.answer.response.name))]), t("div", [e._v(e._s(e.recipient.socialNo))])] : e.get(e.recipient, "answerMethod.accept") === "login" ? t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.recipient.verifiedLogin")) + " ")]) : e._e()], 2)] : e.recipient.answer ? t("div", [e._v(" " + e._s(e.$t("_common:denied").capitalize()) + " ")]) : t("div", [e._v(" " + e._s(e.$t("pendingAnswer")) + " ")])], 2), e.recipient.answer ? t("div", { staticStyle: { padding: "8px 1.5em", "border-top": "1px solid hsl(0deg 0% 88%)", "background-color": "hsl(0deg 0% 95%)", "font-size": "13px", color: "hsl(0, 0%, 35%)", "font-weight": "500" } }, [e.recipient.answer.didAnswerAt ? t("div", [t("div", [e._v(" " + e._s(e.$t("_common:date").capitalize()) + ": " + e._s(e.$formatDate(e.recipient.answer.didAnswerAt, "P")) + " ")]), t("div", [e._v(" " + e._s(e.$t("_common:time").capitalize()) + ": " + e._s(e.$formatDate(e.recipient.answer.didAnswerAt, "p")) + " ")])]) : e._e(), e.recipient.answer.ip ? t("div", [e._v(" IP: " + e._s(e.recipient.answer.ip) + " ")]) : e._e(), e.recipient.answer.browser ? t("div", [e._v(" Browser: " + e._s(e.getBrowserString(e.recipient.answer)) + " ")]) : e._e()]) : e._e()])])], 1)])]);
+}, L = [], j = /* @__PURE__ */ r(
+  A,
+  R,
+  L,
+  !1,
+  null,
+  "eee5c92d"
+);
+const I = j.exports, q = {
+  name: "DocumentDetails",
+  components: {
+    PublicDocumentEvents: F,
+    PublicRecipientItem: I,
+    CDropdown: g,
+    CDropdownItem: h
+  },
+  mixins: [w],
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    openPrintFunc: {
+      type: Function,
+      default: null
+    }
+  },
+  data() {
+    return {
+      docLanguages: y,
+      nativeTranslations: b
+    };
+  },
+  computed: {
+    viewer() {
+      return this.document.viewer;
+    }
+  },
+  methods: {
+    changeLanguage(s) {
+      this.document.language = s, this.$root.$i18n.i18next.changeLanguage(
+        C.includes(s) ? s : "en"
+      );
+    }
+  }
+};
+var O = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "relative flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-base shadow-md" }, [t("div", { staticClass: "z-10 flex w-full items-center justify-end px-6 py-4 shadow-sm" }, [e.openPrintFunc ? [t("CButton", { staticStyle: { "padding-left": "1em", "padding-right": "1em" }, attrs: { "icon-left": "print", type: "none", pattern: "tertiary", taller: "", size: "small" }, on: { click: e.openPrintFunc } }, [e._v(" " + e._s(e.document.$t("download", { thing: "PDF" })) + " ")]), t("div", { staticStyle: { height: "2rem", width: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "0 6px" } })] : e._e(), t("CDropdown", { attrs: { value: e.document.language } }, [t("CButton", { staticStyle: { color: "hsla(0, 0%, 45%, 1)" }, attrs: { slot: "trigger", "icon-props": { size: 18 }, size: "normal", icon: "globe", circle: "" }, slot: "trigger" }), e._l(e.docLanguages, function(i) {
+    return t("CDropdownItem", { key: i, attrs: { value: i }, on: { click: function(n) {
+      return e.changeLanguage(i);
+    } } }, [e._v(" " + e._s(e.nativeTranslations[i]) + " ")]);
+  })], 2), t("CButton", { staticStyle: { "margin-left": "6px", color: "hsla(0, 0%, 45%, 1)" }, attrs: { "icon-props": { size: 18 }, size: "normal", icon: "x", circle: "" }, on: { click: function(i) {
+    return e.$emit("close");
+  } } })], 2), t("div", { staticClass: "d-root h-full min-h-0 flex-1 overflow-auto px-6 py-8 md:px-12 md:py-16" }, [t("div", { staticClass: "mb-[3em] flex justify-between" }, [t("div", [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600" } }, [e._v(" " + e._s(e.document.$t("detail_plural").capitalize()) + " ")]), t("div", { staticClass: "has-text-grey", staticStyle: { "font-size": "14px" } }, [e._v(" " + e._s(e.document.$t("documentDetails.subTitle")) + " ")])])]), t("div", { staticClass: "d-option", staticStyle: { "margin-bottom": "3em" } }, [t("div", { staticClass: "d-option-title", staticStyle: { "padding-bottom": "0.5rem" } }, [e._v(" " + e._s(e.document.$t("participant_plural").capitalize()) + " ")]), e._l(e.document.recipients, function(i, n) {
+    return t("PublicRecipientItem", { key: i._uniqueId + n, attrs: { recipient: i } });
+  })], 2), t("PublicDocumentEvents", { attrs: { document: e.document }, scopedSlots: e._u([{ key: "default", fn: function({ events: i }) {
+    return [i && i.length ? t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [e._v(" " + e._s(e.document.$t("event.event_plural").capitalize()) + " ")]), t("div", { attrs: { id: "timeline" } }, [t("div", e._l(i, function(n, c) {
+      return t("div", { key: c, staticClass: "e-item" }, [t("div", { staticClass: "e-data" }, [t("div", { staticClass: "e-text" }, [e._v(e._s(n.text))]), t("div", { staticClass: "e-timestamp" }, [t("div", { staticClass: "e-date" }, [e._v(e._s(e.$formatDate(n.time, "P")))]), t("div", { staticClass: "e-time", staticStyle: { "padding-left": "0.5ch" } }, [e._v(" " + e._s(e.$formatDate(n.time, "p")) + " ")])])])]);
+    }), 0)])]) : e._e()];
+  } }]) }), e.mq === "sm" ? t("div", [e._t("footer")], 2) : e._e()], 1), e.mq !== "sm" ? t("div", [e._t("footer")], 2) : e._e()]);
+}, B = [], N = /* @__PURE__ */ r(
+  q,
+  O,
+  B,
+  !1,
+  null,
+  "44b21eff"
+);
+const V = N.exports, E = {
+  components: {
+    DocumentDetails: V,
+    DocumentVoided: f
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    closeFunc: {
+      type: Function,
+      default: null
+    }
+  }
+};
+var T = function() {
+  var e = this, t = e._self._c;
+  return e.document && e.document.status === "voided" ? t("DocumentVoided", { attrs: { document: e.document } }) : t("DocumentDetails", { attrs: { document: e.document }, on: { close: e.closeFunc } });
+}, M = [], U = /* @__PURE__ */ r(
+  E,
+  T,
+  M,
+  !1,
+  null,
+  "d1c20fce"
+);
+const K = U.exports;
+export {
+  K as default
+};