@cling-se/widget 0.12.1 → 0.12.3

package/dist/{DocDetails-60cd0e54.js → DocDetails-a06afb2b.js}

@@ -1,7 +1,7 @@
-import { n as c, ac as f, b as g, ad as h, ae as y, af as $ } from "./main-83016097.js";
-import { C as x } from "./CPhoneFormat-c0be2b4f.js";
-import { w, C as b, a as C } from "./CDropdownItem-4e64b91f.js";
-import { D } from "./DocumentVoided-0b031bd6.js";
+import { n as c, ac as f, b as g, ad as h, ae as w, af as y } from "./main-1ef64f74.js";
+import { C as $ } from "./CPhoneFormat-195e1576.js";
+import { w as x, C as b, a as C } from "./CDropdownItem-46ef817a.js";
+import { D } from "./DocumentVoided-e99fe2b3.js";
 const S = {
   name: "PublicDocumentEvents",
   props: {
@@ -17,11 +17,11 @@ const S = {
         const { code: i, createdAt: n, children: r = [] } = t;
         let { data: l = {} } = t;
         l === null && (l = {});
-        const { client: o = {}, clients: m = [], status: p, counter: _ } = l, u = {
-          sent: () => m.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
@@ -32,13 +32,13 @@ const S = {
             };
           }),
           viewed: () => {
-            const a = _ || r.length + 1;
+            const o = _ || r.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 +46,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 +54,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
             }
@@ -82,7 +82,7 @@ const S = {
             }
           ]
         };
-        u[i] && s.push(...u[i]());
+        m[i] && s.push(...m[i]());
       }), s;
     }
   },
@@ -103,18 +103,18 @@ const S = {
       events: this.events
     });
   }
-}, z = null, k = null;
-var P = /* @__PURE__ */ c(
+}, z = null, P = null;
+var k = /* @__PURE__ */ c(
   S,
   z,
-  k,
+  P,
   !1,
   null,
   null,
   null,
   null
 );
-const F = P.exports;
+const F = k.exports;
 const R = {
   name: "PublicRecipientItem",
   i18nOptions: {
@@ -122,7 +122,7 @@ const R = {
     keyPrefix: "document.myPagesDrawer"
   },
   components: {
-    CPhoneFormat: x
+    CPhoneFormat: $
   },
   props: {
     recipient: {
@@ -145,7 +145,7 @@ var A = function() {
     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 flex-col w-full", 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 }) {
+  }), 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.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(
@@ -154,14 +154,14 @@ var A = function() {
   I,
   !1,
   null,
-  "7bf07f05",
+  "ea517a30",
   null,
   null
 );
 const j = L.exports;
 const q = {
   name: "DocumentDetails",
-  mixins: [w],
+  mixins: [x],
   components: {
     PublicDocumentEvents: F,
     PublicRecipientItem: j,
@@ -181,7 +181,7 @@ const q = {
   data() {
     return {
       docLanguages: h,
-      nativeTranslations: y
+      nativeTranslations: w
     };
   },
   computed: {
@@ -192,20 +192,20 @@ const q = {
   methods: {
     changeLanguage(s) {
       this.document.language = s, this.$root.$i18n.i18next.changeLanguage(
-        $.includes(s) ? s : "en"
+        y.includes(s) ? s : "en"
       );
     }
   }
 };
 var B = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { width: "100%", height: "100%", display: "flex", "flex-direction": "column", "font-size": "16px", background: "hsl(0, 0%, 100%)", "border-radius": "10px", overflow: "hidden", "box-shadow": "0 10px 20px rgba(0, 0, 0, 0.2)", position: "relative" } }, [t("div", { staticClass: "flex w-full justify-end items-center", staticStyle: { position: "absolute", top: "20px", right: "20px", "z-index": "2" } }, [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("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" }, [t("div", { staticClass: "flex justify-between", staticStyle: { "margin-bottom": "3em" } }, [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) {
+  } } })], 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) {
@@ -218,7 +218,7 @@ var B = function() {
   O,
   !1,
   null,
-  "0d868038",
+  "76dfbb14",
   null,
   null
 );