@cling-se/widget 0.17.3 → 0.18.0

package/dist/DocAnswer-Bu09V33D.js

@@ -0,0 +1,33 @@
+import n from "./AnswerModal-a2cyKFbt.js";
+import { _ as t, c, e as r, o as s } from "./main-Bn5XkQPb.js";
+const u = {
+  components: {
+    AnswerModal: n
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    answerType: {
+      type: String,
+      required: !0
+    },
+    closeFunc: {
+      type: Function,
+      default: null
+    }
+  }
+};
+function a(d, l, e, m, p, _) {
+  const o = r("AnswerModal");
+  return s(), c(o, {
+    mode: e.answerType,
+    _document: e.document,
+    onClose: e.closeFunc
+  }, null, 8, ["mode", "_document", "onClose"]);
+}
+const w = /* @__PURE__ */ t(u, [["render", a]]);
+export {
+  w as default
+};

package/dist/DocDetails-B6-2LKsO.js

@@ -0,0 +1,452 @@
+import { D as F } from "./DocumentVoided-CWr5WMUv.js";
+import { C as L, a as A, w as I } from "./CDropdownItem-DMUAJ90n.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-Bn5XkQPb.js";
+import { C as O } from "./CPhoneFormat-Dnn_cKk7.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
+};