@cling-se/widget 0.13.1 → 0.13.3

package/dist/{DocDetails-6522bb1b.js → DocDetails-CQokGcQU.js}

@@ -1,8 +1,8 @@
-import { D as f } from "./DocumentVoided-fe1bd505.js";
-import { n as c, ac as g, b as h, ad as w, ae as y, af as $ } from "./main-b9ea9725.js";
-import { C as x } from "./CPhoneFormat-54baa501.js";
-import { w as b, C, a as D } from "./CDropdownItem-7e71da85.js";
-const S = {
+import { D as f } from "./DocumentVoided-D5t8akG5.js";
+import { C as g, a as h, w } from "./CDropdownItem-CsY-c0bJ.js";
+import { n as r, a3 as $, b as x, a4 as y, a5 as b, a6 as C } from "./main-DdTHuJSP.js";
+import { C as S } from "./CPhoneFormat-CWaOjZ6c.js";
+const D = {
   name: "PublicDocumentEvents",
   props: {
     document: {
@@ -13,18 +13,17 @@ const S = {
   computed: {
     events() {
       const s = [], { acceptedAt: e } = this.document;
-      return this.document.events.filter(({ createdAt: t }) => e ? g(e, t) : !0).forEach((t) => {
-        const { code: i, createdAt: n, children: r = [] } = t;
+      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: o = {}, clients: u = [], status: p, counter: _ } = l, m = {
-          sent: () => u.map((a) => {
-            const d = this.getClientName(a.id), v = this.filteredOxfordComma([
-              a.email,
-              a.cellphone
+        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 {
-              // eslint-disable-next-line prefer-template
               text: this.document.$t("event.sent", {
                 to: `${d ? d + ", " : ""}${v}`
               }),
@@ -32,13 +31,13 @@ const S = {
             };
           }),
           viewed: () => {
-            const a = _ || r.length + 1;
+            const o = _ || c.length + 1;
             return [
               {
                 text: `${this.document.$t(
-                  `event.${o.name ? "viewedName" : "viewed"}`,
-                  { name: o.name }
-                )} ${a ? this.document.$tc("times", { count: a }) : ""}.`,
+                  `event.${a.name ? "viewedName" : "viewed"}`,
+                  { name: a.name }
+                )} ${o ? this.document.$tc("times", { count: o }) : ""}.`,
                 time: n
               }
             ];
@@ -46,7 +45,7 @@ const S = {
           accepted: () => [
             {
               text: this.document.$t("event.accepted", {
-                by: o.name || o.email || o.cellphone
+                by: a.name || a.email || a.cellphone
               }),
               time: n
             }
@@ -54,7 +53,7 @@ const S = {
           denied: () => [
             {
               text: this.document.$t("event.denied", {
-                by: o.name || o.email || o.cellphone
+                by: a.name || a.email || a.cellphone
               }),
               time: n
             }
@@ -103,26 +102,23 @@ const S = {
       events: this.events
     });
   }
-}, z = null, P = null;
-var k = /* @__PURE__ */ c(
-  S,
+}, z = null, k = null;
+var P = /* @__PURE__ */ r(
+  D,
   z,
-  P,
+  k,
   !1,
   null,
-  null,
-  null,
   null
 );
-const F = k.exports;
-const R = {
+const F = P.exports, A = {
   name: "PublicRecipientItem",
   i18nOptions: {
     namespaces: "components",
     keyPrefix: "document.myPagesDrawer"
   },
   components: {
-    CPhoneFormat: x
+    CPhoneFormat: S
   },
   props: {
     recipient: {
@@ -131,13 +127,13 @@ const R = {
     }
   },
   methods: {
-    get: h,
+    get: x,
     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 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,
@@ -147,27 +143,24 @@ var A = function() {
     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("BaseIcon", { 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)])]);
-}, I = [], L = /* @__PURE__ */ c(
-  R,
+  } }], 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 = [], I = /* @__PURE__ */ r(
   A,
-  I,
+  R,
+  L,
   !1,
   null,
-  "567d3ede",
-  null,
-  null
+  "eee5c92d"
 );
-const j = L.exports;
-const q = {
+const j = I.exports, q = {
   name: "DocumentDetails",
-  mixins: [b],
   components: {
     PublicDocumentEvents: F,
     PublicRecipientItem: j,
-    CDropdown: C,
-    CDropdownItem: D
+    CDropdown: g,
+    CDropdownItem: h
   },
+  mixins: [w],
   props: {
     document: {
       type: Object,
@@ -180,8 +173,8 @@ const q = {
   },
   data() {
     return {
-      docLanguages: w,
-      nativeTranslations: y
+      docLanguages: y,
+      nativeTranslations: b
     };
   },
   computed: {
@@ -192,12 +185,12 @@ const q = {
   methods: {
     changeLanguage(s) {
       this.document.language = s, this.$root.$i18n.i18next.changeLanguage(
-        $.includes(s) ? s : "en"
+        C.includes(s) ? s : "en"
       );
     }
   }
 };
-var B = function() {
+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) {
@@ -208,22 +201,19 @@ var B = function() {
   } } })], 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, 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")) + " ")])])])]);
+    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()]);
-}, O = [], N = /* @__PURE__ */ c(
+}, B = [], N = /* @__PURE__ */ r(
   q,
-  B,
   O,
+  B,
   !1,
   null,
-  "76dfbb14",
-  null,
-  null
+  "44b21eff"
 );
-const V = N.exports;
-const E = {
+const V = N.exports, E = {
   components: {
     DocumentDetails: V,
     DocumentVoided: f
@@ -242,15 +232,13 @@ const E = {
 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__ */ c(
+}, M = [], U = /* @__PURE__ */ r(
   E,
   T,
   M,
   !1,
   null,
-  "d1c20fce",
-  null,
-  null
+  "d1c20fce"
 );
 const K = U.exports;
 export {