@cling-se/widget 0.21.4 → 0.22.2

package/dist/{DocDetails-BKudQ3RU.js → DocDetails-Cg1EQ2xc.js}

@@ -1,8 +1,8 @@
-import { D as A } from "./DocumentVoided--b4zfli2.js";
-import { w as F, C as I, a as B } from "./CDropdownItem-llOP71-u.js";
-import { a7 as V, d as s, o as n, j as o, T as P, F as _, n as N, e as d, c as y, t as i, w as v, I as S, x as z, _ as $, b9 as j, af as q, b as p, f as b, q as w, aD as O, ba as E, bb as T, bc as M } from "./main-CCA1EgK_.js";
-import { C as U } from "./CPhoneFormat-BqLsCDaG.js";
-const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)", "border-radius": "3px" } }, H = { class: "flex items-center p-4" }, J = { class: "mb-1" }, K = { class: "flex flex-col space-y-1 text-sm" }, Q = ["href"], W = ["href"], R = /* @__PURE__ */ V({
+import { D as L } from "./DocumentVoided-AL_vXoWD.js";
+import { w as A, C as I, a as V } from "./CDropdownItem-BU65rYaX.js";
+import { a7 as B, d as s, o as n, j as o, U as P, F as _, q as N, e as d, c as y, t as i, w as v, J as j, y as x, _ as $, ba as S, af as q, b as p, f as b, s as w, aE as E, bb as O, bc as T, bd as M } from "./main-BI2UvBxx.js";
+import { C as U } from "./CPhoneFormat-CSys3pPM.js";
+const J = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)", "border-radius": "3px" } }, G = { class: "flex items-center p-4" }, H = { class: "mb-1" }, K = { class: "flex flex-col space-y-1 text-sm" }, Q = ["href"], W = ["href"], R = /* @__PURE__ */ B({
   __name: "PublicContactDetails",
   props: {
     name: {},
@@ -14,29 +14,29 @@ const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)"
     region: {}
   },
   setup(t) {
-    return (a, e) => (n(), s("div", G, [
-      o("div", H, [
+    return (c, e) => (n(), s("div", J, [
+      o("div", G, [
         o("div", null, [
-          o("div", J, [
-            (n(!0), s(_, null, N([a.name, a.companyName, a.orgNo], (m, l) => (n(), s("span", {
+          o("div", H, [
+            (n(!0), s(_, null, N([c.name, c.companyName, c.orgNo], (m, l) => (n(), s("span", {
               key: `${m}-${l}`,
-              class: z([l === 0 ? "font-medium" : "text-gray-600", "mr-1 inline-block"])
+              class: x([l === 0 ? "font-medium" : "text-gray-600", "mr-1 inline-block"])
             }, i(m && l > 0 ? "·" : "") + " " + i(m), 3))), 128))
           ]),
           o("div", K, [
-            a.email ? (n(), s("a", {
+            c.email ? (n(), s("a", {
               key: 0,
-              href: `mailto:${a.email}`,
+              href: `mailto:${c.email}`,
               target: "_blank"
-            }, i(a.email), 9, Q)) : d("", !0),
-            a.cellphone ? (n(), y(S(U), {
+            }, i(c.email), 9, Q)) : d("", !0),
+            c.cellphone ? (n(), y(j(U), {
               key: 1,
-              phone: a.cellphone,
-              region: a.cellphoneRegion ? a.cellphoneRegion : a.region
+              phone: c.cellphone,
+              region: c.cellphoneRegion ? c.cellphoneRegion : c.region
             }, {
               default: v(({ formattedValue: m }) => [
                 o("a", {
-                  href: `tel:${a.cellphone}`
+                  href: `tel:${c.cellphone}`
                 }, i(m), 9, W)
               ]),
               _: 1
@@ -44,7 +44,7 @@ const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)"
           ])
         ])
       ]),
-      P(a.$slots, "default")
+      P(c.$slots, "default")
     ]));
   }
 }), X = {
@@ -57,12 +57,12 @@ const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)"
   },
   computed: {
     events() {
-      const t = [], { acceptedAt: a } = this.document;
-      return this.document.events.filter(({ createdAt: e }) => a ? j(a, e) : !0).forEach((e) => {
-        const { code: m, createdAt: l, children: c = [] } = e;
+      const t = [], { acceptedAt: c } = this.document;
+      return this.document.events.filter(({ createdAt: e }) => c ? S(c, e) : !0).forEach((e) => {
+        const { code: m, createdAt: l, children: a = [] } = e;
         let { data: g = {} } = e;
         g === null && (g = {});
-        const { client: u = {}, clients: D = [], status: k, counter: x } = g, C = {
+        const { client: u = {}, clients: D = [], status: k, counter: z } = g, C = {
           sent: () => D.map((f) => {
             const r = this.getClientName(f.id);
             return {
@@ -76,7 +76,7 @@ const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)"
             };
           }),
           viewed: () => {
-            const f = x || c.length + 1;
+            const f = z || a.length + 1;
             return [
               {
                 text: `${this.document.$t(
@@ -132,13 +132,13 @@ const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)"
   },
   methods: {
     getClientName(t) {
-      const a = this.document.clients.find(({ id: e }) => e === t);
-      return a ? a.name : "";
+      const c = this.document.clients.find(({ id: e }) => e === t);
+      return c ? c.name : "";
     }
   }
 };
-function Y(t, a, e, m, l, c) {
-  return P(t.$slots, "default", { events: c.events });
+function Y(t, c, e, m, l, a) {
+  return P(t.$slots, "default", { events: a.events });
 }
 const Z = /* @__PURE__ */ $(X, [["render", Y]]), ee = {
   name: "PublicRecipientItem",
@@ -157,27 +157,27 @@ const Z = /* @__PURE__ */ $(X, [["render", Y]]), ee = {
   },
   methods: {
     get: q,
-    getBrowserString({ browser: t, os: a, device: e }) {
-      return [t && t.name, a && a.name, e && e.model].filter((m) => !!m).join(", ");
+    getBrowserString({ browser: t, os: c, device: e }) {
+      return [t && t.name, c && c.name, e && e.model].filter((m) => !!m).join(", ");
     }
   }
 }, te = { style: { "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" } }, ne = { style: { position: "absolute", right: "1em", top: "0px", transform: "translate(0, -50%)" } }, oe = { style: { padding: "0" } }, ie = { style: { padding: "1em 1.5em" } }, se = {
   key: 0,
   style: { "padding-bottom": "0.5em" }
-}, ae = {
+}, ce = {
   class: "has-text-grey",
   style: { "padding-bottom": "1em" }
-}, ce = ["src"], le = {
+}, ae = ["src"], le = {
   key: 1,
   style: { "font-size": "13px", "padding-top": "3px" }
-}, de = { style: { "font-weight": "500" } }, re = {
-  key: 1,
+}, de = { style: { "font-weight": "500" } }, re = { style: { "font-weight": "500" } }, me = {
+  key: 2,
   style: { "font-weight": "500" }
-}, me = { key: 1 }, ue = { key: 2 }, he = {
+}, ue = { key: 1 }, he = { key: 2 }, pe = {
   key: 0,
   style: { 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" }
-}, pe = { key: 0 }, ge = { key: 1 }, _e = { key: 2 };
-function fe(t, a, e, m, l, c) {
+}, ge = { key: 0 }, _e = { key: 1 }, fe = { key: 2 };
+function ye(t, c, e, m, l, a) {
   const g = p("CIcon"), u = p("VDropdown"), D = p("PublicContactDetails");
   return n(), y(D, {
     name: e.recipient.name,
@@ -201,31 +201,37 @@ function fe(t, a, e, m, l, c) {
                 o("div", ie, [
                   e.recipient.answer && e.recipient.answer.didAccept ? (n(), s(_, { key: 0 }, [
                     e.recipient.answer.signatureDataURL ? (n(), s("div", se, [
-                      o("div", ae, i(t.$t("_common:signature").capitalize()), 1),
+                      o("div", ce, i(t.$t("_common:signature").capitalize()), 1),
                       o("img", {
                         src: e.recipient.answer.signatureDataURL,
                         style: { width: "80%" }
-                      }, null, 8, ce)
+                      }, null, 8, ae)
                     ])) : (n(), s("div", le, [
-                      c.get(e.recipient, "answerMethod.accept") === "bankId" ? (n(), s(_, { key: 0 }, [
+                      a.get(e.recipient, "answerMethod.accept") === "bankId" ? (n(), s(_, { key: 0 }, [
                         o("div", de, i(t.$t(
                           "views:publicDocument.pdfVerification.recipient.signedBankId"
                         )), 1),
                         o("div", null, i(e.recipient.answer.response.name), 1),
                         o("div", null, i(e.recipient.socialNo), 1)
-                      ], 64)) : c.get(e.recipient, "answerMethod.accept") === "login" ? (n(), s("div", re, i(t.$t(
+                      ], 64)) : a.get(e.recipient, "answerMethod.accept") === "freja" ? (n(), s(_, { key: 1 }, [
+                        o("div", re, i(t.$t(
+                          "views:publicDocument.pdfVerification.recipient.signedFreja"
+                        )), 1),
+                        o("div", null, i(e.recipient.answer.response.name), 1),
+                        o("div", null, i(e.recipient.socialNo), 1)
+                      ], 64)) : a.get(e.recipient, "answerMethod.accept") === "login" ? (n(), s("div", me, i(t.$t(
                         "views:publicDocument.pdfVerification.recipient.verifiedLogin"
                       )), 1)) : d("", !0)
                     ]))
-                  ], 64)) : e.recipient.answer ? (n(), s("div", me, i(t.$t("_common:denied").capitalize()), 1)) : (n(), s("div", ue, i(t.$t("pendingAnswer")), 1))
+                  ], 64)) : e.recipient.answer ? (n(), s("div", ue, i(t.$t("_common:denied").capitalize()), 1)) : (n(), s("div", he, i(t.$t("pendingAnswer")), 1))
                 ]),
-                e.recipient.answer ? (n(), s("div", he, [
-                  e.recipient.answer.didAnswerAt ? (n(), s("div", pe, [
+                e.recipient.answer ? (n(), s("div", pe, [
+                  e.recipient.answer.didAnswerAt ? (n(), s("div", ge, [
                     o("div", null, i(t.$t("_common:date").capitalize()) + ": " + i(t.$formatDate(e.recipient.answer.didAnswerAt, "P")), 1),
                     o("div", null, i(t.$t("_common:time").capitalize()) + ": " + i(t.$formatDate(e.recipient.answer.didAnswerAt, "p")), 1)
                   ])) : d("", !0),
-                  e.recipient.answer.ip ? (n(), s("div", ge, " IP: " + i(e.recipient.answer.ip), 1)) : d("", !0),
-                  e.recipient.answer.browser ? (n(), s("div", _e, " Browser: " + i(c.getBrowserString(e.recipient.answer)), 1)) : d("", !0)
+                  e.recipient.answer.ip ? (n(), s("div", _e, " IP: " + i(e.recipient.answer.ip), 1)) : d("", !0),
+                  e.recipient.answer.browser ? (n(), s("div", fe, " Browser: " + i(a.getBrowserString(e.recipient.answer)), 1)) : d("", !0)
                 ])) : d("", !0)
               ])
             ]),
@@ -233,7 +239,7 @@ function fe(t, a, e, m, l, c) {
               e.recipient.documentRole === "signee" ? (n(), s("div", {
                 key: 0,
                 style: { padding: "5px 0.75em", "border-radius": "4px", "font-size": "13px", color: "hsl(0, 0%, 100%)", cursor: "default", display: "inline-flex", "align-items": "center" },
-                class: z(
+                class: x(
                   e.recipient.answer ? e.recipient.answer.didAccept ? "bg-green-600" : "bg-red-600" : "bg-neutral-400"
                 )
               }, [
@@ -260,16 +266,16 @@ function fe(t, a, e, m, l, c) {
     _: 1
   }, 8, ["name", "email", "cellphone", "cellphoneRegion", "companyName", "orgNo"]);
 }
-const ye = /* @__PURE__ */ $(ee, [["render", fe], ["__scopeId", "data-v-30f85ec8"]]), ve = {
+const ve = /* @__PURE__ */ $(ee, [["render", ye], ["__scopeId", "data-v-3ca68597"]]), we = {
   name: "DocumentDetails",
   components: {
     PublicDocumentEvents: Z,
-    PublicRecipientItem: ye,
+    PublicRecipientItem: ve,
     PublicContactDetails: R,
-    CDropdown: B,
+    CDropdown: V,
     CDropdownItem: I
   },
-  mixins: [F],
+  mixins: [A],
   props: {
     document: {
       type: Object,
@@ -316,38 +322,38 @@ const ye = /* @__PURE__ */ $(ee, [["render", fe], ["__scopeId", "data-v-30f85ec8
   },
   methods: {
     changeLanguage(t) {
-      this.document.language = t, O.changeLanguage(E.includes(t) ? t : "en");
+      this.document.language = t, E.changeLanguage(O.includes(t) ? t : "en");
     }
   }
-}, we = { class: "relative flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-base" }, be = {
+}, be = { class: "relative flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-base" }, De = {
   key: 0,
   class: "z-10 flex w-full items-center justify-end px-6 py-4 shadow-sm"
-}, De = { class: "d-root h-full min-h-0 flex-1 overflow-auto px-6 py-8 md:px-12 md:py-16" }, ke = { class: "mb-[3em] flex justify-between" }, Ce = { style: { "font-size": "18px", "font-weight": "600" } }, Ne = {
+}, ke = { class: "d-root h-full min-h-0 flex-1 overflow-auto px-6 py-8 md:px-12 md:py-16" }, Ce = { class: "mb-[3em] flex justify-between" }, Ne = { style: { "font-size": "18px", "font-weight": "600" } }, Pe = {
   class: "has-text-grey",
   style: { "font-size": "14px" }
-}, Pe = {
+}, $e = {
   class: "d-option",
   style: { "margin-bottom": "3em" }
-}, $e = {
+}, ze = {
   class: "d-option-title",
   style: { "padding-bottom": "0.5rem" }
 }, xe = {
   class: "d-option",
   style: { "margin-bottom": "3em" }
-}, ze = {
+}, Re = {
   class: "d-option-title",
   style: { "padding-bottom": "0.5rem" }
-}, Re = {
+}, Fe = {
   key: 0,
   class: "d-option"
-}, Le = { class: "d-option-title" }, Ae = { id: "timeline" }, Fe = { class: "e-data" }, Ie = { class: "e-text" }, Be = { key: 0 }, Ve = { class: "e-timestamp" }, Se = { class: "e-date" }, je = {
+}, Le = { class: "d-option-title" }, Ae = { id: "timeline" }, Ie = { class: "e-data" }, Ve = { class: "e-text" }, Be = { key: 0 }, je = { class: "e-timestamp" }, Se = { class: "e-date" }, qe = {
   class: "e-time",
   style: { "padding-left": "0.5ch" }
-}, qe = { key: 0 }, Oe = { key: 1 };
-function Ee(t, a, e, m, l, c) {
-  const g = p("CButton"), u = p("CDropdownItem"), D = p("CDropdown"), k = p("PublicContactDetails"), x = p("PublicRecipientItem"), C = p("CPhoneFormat"), f = p("PublicDocumentEvents");
-  return n(), s("div", we, [
-    c.showActionNav ? (n(), s("div", be, [
+}, Ee = { key: 0 }, Oe = { key: 1 };
+function Te(t, c, e, m, l, a) {
+  const g = p("CButton"), u = p("CDropdownItem"), D = p("CDropdown"), k = p("PublicContactDetails"), z = p("PublicRecipientItem"), C = p("CPhoneFormat"), f = p("PublicDocumentEvents");
+  return n(), s("div", be, [
+    a.showActionNav ? (n(), s("div", De, [
       e.openPrintFunc ? (n(), s(_, { key: 0 }, [
         b(g, {
           "icon-left": "print",
@@ -363,7 +369,7 @@ function Ee(t, a, e, m, l, c) {
           ]),
           _: 1
         }, 8, ["onClick"]),
-        a[0] || (a[0] = o("div", { style: { height: "2rem", width: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "0 6px" } }, null, -1))
+        c[0] || (c[0] = o("div", { style: { height: "2rem", width: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "0 6px" } }, null, -1))
       ], 64)) : d("", !0),
       e.showLanguageSelect ? (n(), y(D, {
         key: 1,
@@ -382,7 +388,7 @@ function Ee(t, a, e, m, l, c) {
           (n(!0), s(_, null, N(l.docLanguages, (r) => (n(), y(u, {
             key: r,
             value: r,
-            onClick: (h) => c.changeLanguage(r)
+            onClick: (h) => a.changeLanguage(r)
           }, {
             default: v(() => [
               w(i(l.nativeTranslations[r]), 1)
@@ -402,44 +408,44 @@ function Ee(t, a, e, m, l, c) {
         onClick: e.close
       }, null, 8, ["onClick"])) : d("", !0)
     ])) : d("", !0),
-    o("div", De, [
-      o("div", ke, [
+    o("div", ke, [
+      o("div", Ce, [
         o("div", null, [
-          o("div", Ce, i(e.document.$t("detail_other").capitalize()), 1),
-          o("div", Ne, i(e.document.$t("documentDetails.subTitle")), 1)
+          o("div", Ne, i(e.document.$t("detail_other").capitalize()), 1),
+          o("div", Pe, i(e.document.$t("documentDetails.subTitle")), 1)
         ])
       ]),
-      o("div", Pe, [
-        o("div", $e, i(e.document.$t("sender").capitalize()), 1),
+      o("div", $e, [
+        o("div", ze, i(e.document.$t("sender").capitalize()), 1),
         b(k, {
-          name: c.senderContactDetails.name,
-          email: c.senderContactDetails.email,
-          cellphone: c.senderContactDetails.cellphone,
-          cellphoneRegion: c.senderContactDetails.cellphoneRegion,
-          companyName: c.senderContactDetails.companyName,
-          orgNo: c.senderContactDetails.orgNo,
-          region: c.senderContactDetails.region
+          name: a.senderContactDetails.name,
+          email: a.senderContactDetails.email,
+          cellphone: a.senderContactDetails.cellphone,
+          cellphoneRegion: a.senderContactDetails.cellphoneRegion,
+          companyName: a.senderContactDetails.companyName,
+          orgNo: a.senderContactDetails.orgNo,
+          region: a.senderContactDetails.region
         }, null, 8, ["name", "email", "cellphone", "cellphoneRegion", "companyName", "orgNo", "region"])
       ]),
       o("div", xe, [
-        o("div", ze, i(e.document.$t("participant_other").capitalize()), 1),
-        (n(!0), s(_, null, N(e.document.recipients, (r, h) => (n(), y(x, {
+        o("div", Re, i(e.document.$t("participant_other").capitalize()), 1),
+        (n(!0), s(_, null, N(e.document.recipients, (r, h) => (n(), y(z, {
           key: r._uniqueId + h,
           recipient: r
         }, null, 8, ["recipient"]))), 128))
       ]),
       b(f, { document: e.document }, {
         default: v(({ events: r }) => [
-          r && r.length ? (n(), s("div", Re, [
+          r && r.length ? (n(), s("div", Fe, [
             o("div", Le, i(e.document.$t("event.event_other").capitalize()), 1),
             o("div", Ae, [
               o("div", null, [
-                (n(!0), s(_, null, N(r, (h, L) => (n(), s("div", {
-                  key: L,
+                (n(!0), s(_, null, N(r, (h, F) => (n(), s("div", {
+                  key: F,
                   class: "e-item"
                 }, [
-                  o("div", Fe, [
-                    o("div", Ie, [
+                  o("div", Ie, [
+                    o("div", Ve, [
                       w(i(h.text) + " ", 1),
                       h.email || h.cellphone ? (n(), s("span", Be, [
                         w(i(h.email) + " " + i(h.email && h.cellphone && t.$t("_common:and")) + " ", 1),
@@ -450,9 +456,9 @@ function Ee(t, a, e, m, l, c) {
                         }, null, 8, ["phone", "region"])) : d("", !0)
                       ])) : d("", !0)
                     ]),
-                    o("div", Ve, [
+                    o("div", je, [
                       o("div", Se, i(t.$formatDate(h.time, "P")), 1),
-                      o("div", je, i(t.$formatDate(h.time, "p")), 1)
+                      o("div", qe, i(t.$formatDate(h.time, "p")), 1)
                     ])
                   ])
                 ]))), 128))
@@ -462,7 +468,7 @@ function Ee(t, a, e, m, l, c) {
         ]),
         _: 1
       }, 8, ["document"]),
-      t.mq === "sm" ? (n(), s("div", qe, [
+      t.mq === "sm" ? (n(), s("div", Ee, [
         P(t.$slots, "footer", {}, void 0, !0)
       ])) : d("", !0)
     ]),
@@ -471,10 +477,10 @@ function Ee(t, a, e, m, l, c) {
     ])) : d("", !0)
   ]);
 }
-const Te = /* @__PURE__ */ $(ve, [["render", Ee], ["__scopeId", "data-v-45f33117"]]), Me = {
+const Me = /* @__PURE__ */ $(we, [["render", Te], ["__scopeId", "data-v-45f33117"]]), Ue = {
   components: {
-    DocumentDetails: Te,
-    DocumentVoided: A
+    DocumentDetails: Me,
+    DocumentVoided: L
   },
   props: {
     document: {
@@ -491,7 +497,7 @@ const Te = /* @__PURE__ */ $(ve, [["render", Ee], ["__scopeId", "data-v-45f33117
     }
   }
 };
-function Ue(t, a, e, m, l, c) {
+function Je(t, c, e, m, l, a) {
   const g = p("DocumentVoided"), u = p("DocumentDetails");
   return e.document && e.document.status === "voided" ? (n(), y(g, {
     key: 0,
@@ -503,7 +509,7 @@ function Ue(t, a, e, m, l, c) {
     close: e.closeFunc
   }, null, 8, ["document", "show-language-select", "close"]));
 }
-const Qe = /* @__PURE__ */ $(Me, [["render", Ue]]);
+const We = /* @__PURE__ */ $(Ue, [["render", Je]]);
 export {
-  Qe as default
+  We as default
 };