@cling-se/widget 0.18.1 → 0.18.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cling-se/widget",
-  "version": "0.18.1",
+  "version": "0.18.3",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",

package/dist/DocDetails-B_LWVHGt.js

@@ -1,452 +0,0 @@
-import { D as F } from "./DocumentVoided-B5_MSBbC.js";
-import { C as L, a as A, w as I } from "./CDropdownItem-BUNVCpSR.js";
-import { _ as $, b6 as B, S as z, a9 as N, e as p, o as t, b as s, s as o, F as g, k as C, l as S, v as i, f as d, c as y, w as v, d as D, B as k, b7 as V, b8 as R, aB as j, b9 as q } from "./main-DI0diChK.js";
-import { C as O } from "./CPhoneFormat-DmN5r9Ci.js";
-const E = {
-  name: "PublicDocumentEvents",
-  props: {
-    document: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  computed: {
-    events() {
-      const n = [], { acceptedAt: l } = this.document;
-      return this.document.events.filter(({ createdAt: e }) => l ? B(l, e) : !0).forEach((e) => {
-        const { code: f, createdAt: u, children: m = [] } = e;
-        let { data: h = {} } = e;
-        h === null && (h = {});
-        const { client: r = {}, clients: b = [], status: _, counter: w } = h, x = {
-          sent: () => b.map((c) => {
-            const a = this.getClientName(c.id);
-            return {
-              text: this.document.$t("event.sent", {
-                to: `${a ? a + ", " : ""}`
-              }),
-              email: c.email,
-              cellphone: c.cellphone,
-              region: c.cellphoneRegion,
-              time: u
-            };
-          }),
-          viewed: () => {
-            const c = w || m.length + 1;
-            return [
-              {
-                text: `${this.document.$t(
-                  `event.${r.name ? "viewedName" : "viewed"}`,
-                  { name: r.name }
-                )} ${c ? this.document.$tc("times", { count: c }) : ""}.`,
-                time: u
-              }
-            ];
-          },
-          accepted: () => [
-            {
-              text: this.document.$t("event.accepted", {
-                by: r.name || r.email || r.cellphone
-              }),
-              time: u
-            }
-          ],
-          denied: () => [
-            {
-              text: this.document.$t("event.denied", {
-                by: r.name || r.email || r.cellphone
-              }),
-              time: u
-            }
-          ],
-          statusChanged: () => [
-            {
-              text: this.document.$t("event.statusChanged", {
-                status: this.document.$t(`status.${_}`).toLowerCase()
-              }),
-              time: u
-            }
-          ],
-          requestChange: () => [
-            {
-              text: this.document.$t("event.requestChange", {
-                status: this.document.$t(`status.${_}`).toLowerCase()
-              }),
-              time: u
-            }
-          ],
-          expired: () => [
-            {
-              text: this.document.$t("event.expired"),
-              time: u
-            }
-          ]
-        };
-        x[f] && n.push(...x[f]());
-      }), n;
-    }
-  },
-  methods: {
-    getClientName(n) {
-      const l = this.document.clients.find(({ id: e }) => e === n);
-      return l ? l.name : "";
-    }
-  }
-};
-function T(n, l, e, f, u, m) {
-  return z(n.$slots, "default", { events: m.events });
-}
-const M = /* @__PURE__ */ $(E, [["render", T]]), U = {
-  name: "PublicRecipientItem",
-  i18nOptions: {
-    namespaces: "components",
-    keyPrefix: "document.myPagesDrawer"
-  },
-  components: {
-    CPhoneFormat: O
-  },
-  props: {
-    recipient: {
-      type: Object,
-      required: !0
-    }
-  },
-  methods: {
-    get: N,
-    getBrowserString({ browser: n, os: l, device: e }) {
-      return [n && n.name, l && l.name, e && e.model].filter((f) => !!f).join(", ");
-    }
-  }
-}, W = { style: { border: "1px solid hsl(0, 0%, 84%)", "border-radius": "3px", "margin-bottom": "1em" } }, G = { style: { padding: "0.5em 0.75em" } }, H = {
-  class: "flex w-full flex-col",
-  style: { "font-size": "14px", "align-items": "baseline" }
-}, J = ["href"], K = ["href"], Q = { 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" } }, X = { style: { position: "absolute", right: "1em", top: "0px", transform: "translate(0, -50%)" } }, Y = {
-  key: 0,
-  style: { 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" }
-}, Z = { style: { padding: "0" } }, ee = { style: { padding: "1em 1.5em" } }, te = {
-  key: 0,
-  style: { "padding-bottom": "0.5em" }
-}, ne = {
-  class: "has-text-grey",
-  style: { "padding-bottom": "1em" }
-}, ie = ["src"], oe = {
-  key: 1,
-  style: { "font-size": "13px", "padding-top": "3px" }
-}, se = { style: { "font-weight": "500" } }, ce = {
-  key: 1,
-  style: { "font-weight": "500" }
-}, ae = { key: 1 }, de = { key: 2 }, le = {
-  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" }
-}, re = { key: 0 }, ue = { key: 1 }, me = { key: 2 };
-function he(n, l, e, f, u, m) {
-  const h = p("CPhoneFormat"), r = p("CIcon"), b = p("VDropdown");
-  return t(), s("div", W, [
-    o("div", G, [
-      (t(!0), s(g, null, C([
-        e.recipient.name,
-        e.recipient.companyName,
-        e.recipient.orgNo
-      ], (_, w) => (t(), s("span", {
-        key: `${_}-${w}`,
-        style: S(w === 0 ? { fontWeight: 500 } : { opacity: 0.65 })
-      }, i(_ && w > 0 ? "·" : "") + " " + i(_), 5))), 128)),
-      o("div", H, [
-        e.recipient.email ? (t(), s("a", {
-          key: 0,
-          href: `mailto:${e.recipient.email}`,
-          target: "_blank"
-        }, i(e.recipient.email), 9, J)) : d("", !0),
-        e.recipient.cellphone ? (t(), y(h, {
-          key: 1,
-          phone: e.recipient.cellphone,
-          region: e.recipient.cellphoneRegion
-        }, {
-          default: v(({ formattedValue: _ }) => [
-            o("a", {
-              href: `tel:${e.recipient.cellphone}`
-            }, i(_), 9, K)
-          ]),
-          _: 1
-        }, 8, ["phone", "region"])) : d("", !0)
-      ])
-    ]),
-    o("div", Q, [
-      o("div", null, i(n.$t(`_common:documentRole.${e.recipient.documentRole}.label`)), 1),
-      o("div", X, [
-        D(b, {
-          "popper-class": "signee-popover",
-          triggers: ["hover"],
-          placement: "bottom-end"
-        }, {
-          popper: v(() => [
-            o("div", Z, [
-              o("div", ee, [
-                e.recipient.answer && e.recipient.answer.didAccept ? (t(), s(g, { key: 0 }, [
-                  e.recipient.answer.signatureDataURL ? (t(), s("div", te, [
-                    o("div", ne, i(n.$t("_common:signature").capitalize()), 1),
-                    o("img", {
-                      src: e.recipient.answer.signatureDataURL,
-                      style: { width: "80%" }
-                    }, null, 8, ie)
-                  ])) : (t(), s("div", oe, [
-                    m.get(e.recipient, "answerMethod.accept") === "bankId" ? (t(), s(g, { key: 0 }, [
-                      o("div", se, i(n.$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)) : m.get(e.recipient, "answerMethod.accept") === "login" ? (t(), s("div", ce, i(n.$t(
-                      "views:publicDocument.pdfVerification.recipient.verifiedLogin"
-                    )), 1)) : d("", !0)
-                  ]))
-                ], 64)) : e.recipient.answer ? (t(), s("div", ae, i(n.$t("_common:denied").capitalize()), 1)) : (t(), s("div", de, i(n.$t("pendingAnswer")), 1))
-              ]),
-              e.recipient.answer ? (t(), s("div", le, [
-                e.recipient.answer.didAnswerAt ? (t(), s("div", re, [
-                  o("div", null, i(n.$t("_common:date").capitalize()) + ": " + i(n.$formatDate(e.recipient.answer.didAnswerAt, "P")), 1),
-                  o("div", null, i(n.$t("_common:time").capitalize()) + ": " + i(n.$formatDate(e.recipient.answer.didAnswerAt, "p")), 1)
-                ])) : d("", !0),
-                e.recipient.answer.ip ? (t(), s("div", ue, " IP: " + i(e.recipient.answer.ip), 1)) : d("", !0),
-                e.recipient.answer.browser ? (t(), s("div", me, " Browser: " + i(m.getBrowserString(e.recipient.answer)), 1)) : d("", !0)
-              ])) : d("", !0)
-            ])
-          ]),
-          default: v(() => [
-            e.recipient.documentRole === "signee" ? (t(), s("div", Y, [
-              D(r, {
-                size: 15,
-                type: "info",
-                style: { "margin-right": "0.5ch" },
-                "stroke-width": "2"
-              }),
-              e.recipient.answer && e.recipient.answer.didAccept ? (t(), s(g, { key: 0 }, [
-                k(i(n.$t("_common:approved").capitalize()), 1)
-              ], 64)) : e.recipient.answer ? (t(), s(g, { key: 1 }, [
-                k(i(n.$t("_common:denied").capitalize()), 1)
-              ], 64)) : (t(), s(g, { key: 2 }, [
-                k(i(n.$t("views:publicDocument.pdfVerification.waitingForAnswer")), 1)
-              ], 64))
-            ])) : d("", !0)
-          ]),
-          _: 1
-        })
-      ])
-    ])
-  ]);
-}
-const pe = /* @__PURE__ */ $(U, [["render", he], ["__scopeId", "data-v-f0bf3dd6"]]), _e = {
-  name: "DocumentDetails",
-  components: {
-    PublicDocumentEvents: M,
-    PublicRecipientItem: pe,
-    CDropdown: L,
-    CDropdownItem: A
-  },
-  mixins: [I],
-  props: {
-    document: {
-      type: Object,
-      required: !0
-    },
-    openPrintFunc: {
-      type: Function,
-      default: null
-    },
-    showLanguageSelect: {
-      type: Boolean,
-      default: !0
-    },
-    close: {
-      type: Function,
-      default: null
-    }
-  },
-  data() {
-    return {
-      docLanguages: V,
-      nativeTranslations: R
-    };
-  },
-  computed: {
-    viewer() {
-      return this.document.viewer;
-    },
-    showActionNav() {
-      return !!(this.openPrintFunc || this.showLanguageSelect || this.close);
-    }
-  },
-  methods: {
-    changeLanguage(n) {
-      this.document.language = n, j.changeLanguage(q.includes(n) ? n : "en");
-    }
-  }
-}, ge = { class: "relative flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-base" }, fe = {
-  key: 0,
-  class: "z-10 flex w-full items-center justify-end px-6 py-4 shadow-sm"
-}, ye = { class: "d-root h-full min-h-0 flex-1 overflow-auto px-6 py-8 md:px-12 md:py-16" }, ve = { class: "mb-[3em] flex justify-between" }, we = { style: { "font-size": "18px", "font-weight": "600" } }, ke = {
-  class: "has-text-grey",
-  style: { "font-size": "14px" }
-}, be = {
-  class: "d-option",
-  style: { "margin-bottom": "3em" }
-}, De = {
-  class: "d-option-title",
-  style: { "padding-bottom": "0.5rem" }
-}, xe = {
-  key: 0,
-  class: "d-option"
-}, Ce = { class: "d-option-title" }, $e = { id: "timeline" }, ze = { class: "e-data" }, Pe = { class: "e-text" }, Fe = { key: 0 }, Le = { class: "e-timestamp" }, Ae = { class: "e-date" }, Ie = {
-  class: "e-time",
-  style: { "padding-left": "0.5ch" }
-}, Be = { key: 0 }, Ne = { key: 1 };
-function Se(n, l, e, f, u, m) {
-  const h = p("CButton"), r = p("CDropdownItem"), b = p("CDropdown"), _ = p("PublicRecipientItem"), w = p("CPhoneFormat"), x = p("PublicDocumentEvents");
-  return t(), s("div", ge, [
-    m.showActionNav ? (t(), s("div", fe, [
-      e.openPrintFunc ? (t(), s(g, { key: 0 }, [
-        D(h, {
-          "icon-left": "print",
-          type: "none",
-          pattern: "tertiary",
-          taller: "",
-          size: "small",
-          style: { "padding-left": "1em", "padding-right": "1em" },
-          onClick: e.openPrintFunc
-        }, {
-          default: v(() => [
-            k(i(e.document.$t("download", { thing: "PDF" })), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"]),
-        l[0] || (l[0] = o("div", { style: { height: "2rem", width: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "0 6px" } }, null, -1))
-      ], 64)) : d("", !0),
-      e.showLanguageSelect ? (t(), y(b, {
-        key: 1,
-        "model-value": e.document.language
-      }, {
-        trigger: v(() => [
-          D(h, {
-            "icon-props": { size: 18 },
-            size: "normal",
-            icon: "globe",
-            circle: "",
-            style: { color: "hsla(0, 0%, 45%, 1)" }
-          })
-        ]),
-        default: v(() => [
-          (t(!0), s(g, null, C(u.docLanguages, (c) => (t(), y(r, {
-            key: c,
-            value: c,
-            onClick: (a) => m.changeLanguage(c)
-          }, {
-            default: v(() => [
-              k(i(u.nativeTranslations[c]), 1)
-            ]),
-            _: 2
-          }, 1032, ["value", "onClick"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["model-value"])) : d("", !0),
-      e.close ? (t(), y(h, {
-        key: 2,
-        "icon-props": { size: 18 },
-        size: "normal",
-        icon: "x",
-        circle: "",
-        style: { "margin-left": "6px", color: "hsla(0, 0%, 45%, 1)" },
-        onClick: e.close
-      }, null, 8, ["onClick"])) : d("", !0)
-    ])) : d("", !0),
-    o("div", ye, [
-      o("div", ve, [
-        o("div", null, [
-          o("div", we, i(e.document.$t("detail_plural").capitalize()), 1),
-          o("div", ke, i(e.document.$t("documentDetails.subTitle")), 1)
-        ])
-      ]),
-      o("div", be, [
-        o("div", De, i(e.document.$t("participant_plural").capitalize()), 1),
-        (t(!0), s(g, null, C(e.document.recipients, (c, a) => (t(), y(_, {
-          key: c._uniqueId + a,
-          recipient: c
-        }, null, 8, ["recipient"]))), 128))
-      ]),
-      D(x, { document: e.document }, {
-        default: v(({ events: c }) => [
-          c && c.length ? (t(), s("div", xe, [
-            o("div", Ce, i(e.document.$t("event.event_plural").capitalize()), 1),
-            o("div", $e, [
-              o("div", null, [
-                (t(!0), s(g, null, C(c, (a, P) => (t(), s("div", {
-                  key: P,
-                  class: "e-item"
-                }, [
-                  o("div", ze, [
-                    o("div", Pe, [
-                      k(i(a.text) + " ", 1),
-                      a.email || a.cellphone ? (t(), s("span", Fe, [
-                        k(i(a.email) + " " + i(a.email && a.cellphone && n.$t("_common:and")) + " ", 1),
-                        a.cellphone ? (t(), y(w, {
-                          key: 0,
-                          phone: a.cellphone,
-                          region: a.region
-                        }, null, 8, ["phone", "region"])) : d("", !0)
-                      ])) : d("", !0)
-                    ]),
-                    o("div", Le, [
-                      o("div", Ae, i(n.$formatDate(a.time, "P")), 1),
-                      o("div", Ie, i(n.$formatDate(a.time, "p")), 1)
-                    ])
-                  ])
-                ]))), 128))
-              ])
-            ])
-          ])) : d("", !0)
-        ]),
-        _: 1
-      }, 8, ["document"]),
-      n.mq === "sm" ? (t(), s("div", Be, [
-        z(n.$slots, "footer", {}, void 0, !0)
-      ])) : d("", !0)
-    ]),
-    n.mq !== "sm" ? (t(), s("div", Ne, [
-      z(n.$slots, "footer", {}, void 0, !0)
-    ])) : d("", !0)
-  ]);
-}
-const Ve = /* @__PURE__ */ $(_e, [["render", Se], ["__scopeId", "data-v-b7526cd5"]]), Re = {
-  components: {
-    DocumentDetails: Ve,
-    DocumentVoided: F
-  },
-  props: {
-    document: {
-      type: Object,
-      required: !0
-    },
-    closeFunc: {
-      type: Function,
-      default: null
-    },
-    showLanguageSelect: {
-      type: Boolean,
-      default: !0
-    }
-  }
-};
-function je(n, l, e, f, u, m) {
-  const h = p("DocumentVoided"), r = p("DocumentDetails");
-  return e.document && e.document.status === "voided" ? (t(), y(h, {
-    key: 0,
-    document: e.document
-  }, null, 8, ["document"])) : (t(), y(r, {
-    key: 1,
-    document: e.document,
-    "show-language-select": e.showLanguageSelect,
-    close: e.closeFunc
-  }, null, 8, ["document", "show-language-select", "close"]));
-}
-const Me = /* @__PURE__ */ $(Re, [["render", je]]);
-export {
-  Me as default
-};

package/dist/Index-lbWFEELM.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./Index.vue_vue_type_script_lang-CriDqp1F.js";
-export {
-  f as default
-};