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

package/dist/DocDetails-D1qbCbps.js

@@ -1,259 +0,0 @@
-import { D as f } from "./DocumentVoided-TahdTSMn.js";
-import { C as g, a as h, w } from "./CDropdownItem-BE8BAMD1.js";
-import { n as c, ag as $, b as y, ah as x, ai as b, aj as C } from "./main-WKzC-Dnu.js";
-import { C as S } from "./CPhoneFormat-CfQayFxw.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: r = [] } = 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 = _ || r.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__ */ c(
-  D,
-  z,
-  k,
-  !1,
-  null,
-  null
-);
-const F = P.exports, L = {
-  name: "PublicRecipientItem",
-  i18nOptions: {
-    namespaces: "components",
-    keyPrefix: "document.myPagesDrawer"
-  },
-  components: {
-    CPhoneFormat: S
-  },
-  props: {
-    recipient: {
-      type: Object,
-      required: !0
-    }
-  },
-  methods: {
-    get: y,
-    getBrowserString({ browser: s, os: e, device: t }) {
-      return [s && s.name, e && e.name, t && t.model].filter((i) => !!i).join(", ");
-    }
-  }
-};
-var A = 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)])]);
-}, R = [], j = /* @__PURE__ */ c(
-  L,
-  A,
-  R,
-  !1,
-  null,
-  "eee5c92d"
-);
-const I = j.exports, B = {
-  name: "DocumentDetails",
-  components: {
-    PublicDocumentEvents: F,
-    PublicRecipientItem: I,
-    CDropdown: g,
-    CDropdownItem: h
-  },
-  mixins: [w],
-  props: {
-    document: {
-      type: Object,
-      required: !0
-    },
-    openPrintFunc: {
-      type: Function,
-      default: null
-    },
-    showLanguageSelect: {
-      type: Boolean,
-      default: !0
-    },
-    close: {
-      type: Function,
-      default: null
-    }
-  },
-  data() {
-    return {
-      docLanguages: x,
-      nativeTranslations: b
-    };
-  },
-  computed: {
-    viewer() {
-      return this.document.viewer;
-    },
-    showActionNav() {
-      return !!(this.openPrintFunc || this.showLanguageSelect || this.close);
-    }
-  },
-  methods: {
-    changeLanguage(s) {
-      this.document.language = s, this.$root.$i18n.i18next.changeLanguage(
-        C.includes(s) ? s : "en"
-      );
-    }
-  }
-};
-var q = 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" }, [e.showActionNav ? 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(), e.showLanguageSelect ? 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) : e._e(), e.close ? t("CButton", { staticStyle: { "margin-left": "6px", color: "hsla(0, 0%, 45%, 1)" }, attrs: { "icon-props": { size: 18 }, size: "normal", icon: "x", circle: "" }, on: { click: e.close } }) : e._e()], 2) : e._e(), 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, r) {
-      return t("div", { key: r, 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()]);
-}, N = [], O = /* @__PURE__ */ c(
-  B,
-  q,
-  N,
-  !1,
-  null,
-  "96a06d9f"
-);
-const V = O.exports, E = {
-  components: {
-    DocumentDetails: V,
-    DocumentVoided: f
-  },
-  props: {
-    document: {
-      type: Object,
-      required: !0
-    },
-    closeFunc: {
-      type: Function,
-      default: null
-    },
-    showLanguageSelect: {
-      type: Boolean,
-      default: !0
-    }
-  }
-};
-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, "show-language-select": e.showLanguageSelect, close: e.closeFunc } });
-}, M = [], U = /* @__PURE__ */ c(
-  E,
-  T,
-  M,
-  !1,
-  null,
-  "f3d78687"
-);
-const K = U.exports;
-export {
-  K as default
-};