@cling-se/widget 0.17.0 → 1.0.0-beta.2

package/dist/DocFormSend-CQIf-HJY.js

@@ -0,0 +1,171 @@
+import { S as f } from "./SendForm-BcD0xSvB.js";
+import { _ as h, r as v, m as w, a as y, g as S, C as p, b as c, o as a, c as D, w as u, d as l, e as _, f as i } from "./main-Cb-nyil1.js";
+const s = v({
+  canEdit: !1,
+  isForm: !0,
+  setFormValue: null,
+  removeFormValue: null
+}), F = {
+  name: "DocFormSend",
+  components: {
+    SendForm: f
+  },
+  provide: () => ({ viewSettings: s, allowSenderSign: !1 }),
+  // TODO maybe not needed
+  props: {
+    // consumer options
+    showName: {
+      type: Boolean,
+      default: !0
+    },
+    showSave: {
+      type: Boolean,
+      default: !0
+    },
+    showSchedule: {
+      type: Boolean,
+      default: !0
+    },
+    allowManualDelivery: {
+      type: Boolean,
+      default: !1
+    },
+    allowEditClients: {
+      type: Boolean,
+      default: !0
+    },
+    contentSlot: {
+      type: String,
+      default: null
+    },
+    footerSlot: {
+      type: String,
+      default: null
+    },
+    // widget internals
+    setFormValue: {
+      type: Function,
+      default: null
+    },
+    removeFormValue: {
+      type: Function,
+      default: null
+    },
+    closeFunc: {
+      type: Function,
+      default: null
+    },
+    beforeSave: {
+      type: Function,
+      default: null
+    },
+    beforeSend: {
+      type: Function,
+      default: null
+    }
+  },
+  data() {
+    return {
+      document: null
+    };
+  },
+  computed: {
+    ...w({
+      company: "application/company",
+      can: "application/can",
+      rawDoc: "forms/document",
+      isPosting: "documents2/isPosting"
+    })
+  },
+  watch: {
+    rawDoc: {
+      immediate: !0,
+      handler() {
+        this.initDoc();
+      }
+    }
+  },
+  async created() {
+    this.setDocValue && (s.setFormValue = this.setDocValue), this.removeDocValue && (s.removeFormValue = this.removeDocValue);
+  },
+  methods: {
+    ...y({
+      saveDocument: S.SAVE_DYNDOC_FORM
+      // loadCompanyUser: global.LOAD_COMPANY_USER,
+    }),
+    async initDoc() {
+      if (!this.rawDoc) throw new Error("Missing initiated form document");
+      this.document = new p({
+        data: this.rawDoc,
+        can: this.can,
+        getters: this.$store.getters,
+        updateSender: !0
+      });
+    },
+    setDocValue({ key: t, value: o }) {
+      return this.setFormValue({ key: t, value: o });
+    },
+    removeDocValue(t) {
+      return this.removeFormValue(t);
+    },
+    async onSaveDocument({ doSend: t = !1 } = {}) {
+      let o = !1;
+      typeof this.beforeSave == "function" && (o = await this.beforeSave(this.document)), t && typeof this.beforeSend == "function" && (o = await this.beforeSend(this.document)), !(o || !await this.saveDocument({ doSend: t })) && this.close();
+    },
+    close() {
+      this.closeFunc();
+    }
+  }
+}, V = ["innerHTML"], g = ["innerHTML"], M = {
+  key: 1,
+  class: "grid h-full w-full place-items-center"
+};
+function C(t, o, e, b, r, n) {
+  const m = c("SendForm"), d = c("CIcon");
+  return r.document ? (a(), D(m, {
+    key: 0,
+    _document: r.document,
+    _value: {
+      expiresAt: "data.expiresAt",
+      personalMessage: "data.personalMessage",
+      defaultAnswerMethod: "data.defaultAnswerMethod",
+      clients: "clients",
+      reminders: "data.reminders",
+      name: "data.name"
+    },
+    "show-name": e.showName,
+    "show-save": e.showSave,
+    "show-schedule": e.showSchedule,
+    "allow-edit-clients": e.allowEditClients,
+    "allow-manual-delivery": e.allowManualDelivery,
+    "set-form-value": n.setDocValue,
+    "remove-form-value": n.removeDocValue,
+    "on-save-document": n.onSaveDocument,
+    "use-scroll": "",
+    class: "h-full w-full"
+  }, {
+    content: u(() => [
+      e.contentSlot ? (a(), l("div", {
+        key: 0,
+        innerHTML: e.contentSlot
+      }, null, 8, V)) : i("", !0)
+    ]),
+    footer: u(() => [
+      e.footerSlot ? (a(), l("div", {
+        key: 0,
+        innerHTML: e.footerSlot
+      }, null, 8, g)) : i("", !0)
+    ]),
+    _: 1
+  }, 8, ["_document", "show-name", "show-save", "show-schedule", "allow-edit-clients", "allow-manual-delivery", "set-form-value", "remove-form-value", "on-save-document"])) : (a(), l("div", M, [
+    _(d, {
+      type: "loader",
+      class: "animate-spin text-gray-400",
+      size: 28
+    })
+  ]));
+}
+const x = /* @__PURE__ */ h(F, [["render", C]]);
+export {
+  x as default
+};

package/dist/DocLinks-BRX5QzNe.js

@@ -0,0 +1,36 @@
+import { C as s } from "./index-CFNv6OvX.js";
+import { _ as t, b as c, o as l, d as i, e as r } from "./main-Cb-nyil1.js";
+const a = {
+  name: "DocLinks",
+  components: {
+    ClientLinks: s
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    closeFunc: {
+      type: Function,
+      default: null
+    }
+  },
+  methods: {
+    close() {
+      this.closeFunc && this.closeFunc();
+    }
+  }
+}, u = { class: "h-full w-full overflow-auto" };
+function d(m, p, e, _, f, o) {
+  const n = c("ClientLinks");
+  return l(), i("div", u, [
+    r(n, {
+      id: e.document.id,
+      onClose: o.close
+    }, null, 8, ["id", "onClose"])
+  ]);
+}
+const h = /* @__PURE__ */ t(a, [["render", d]]);
+export {
+  h as default
+};

package/dist/DocModalBase-D72yWj-x.js

@@ -0,0 +1,29 @@
+import { _ as n, b as c, o as s, d as l, c as r, f as d, S as p } from "./main-Cb-nyil1.js";
+const i = {
+  name: "DocModalBase",
+  components: {},
+  emits: ["close"],
+  props: {
+    showClose: {
+      type: Boolean,
+      default: !1
+    }
+  }
+}, m = { class: "doc-modal-base" };
+function u(e, o, t, _, f, B) {
+  const a = c("CButton");
+  return s(), l("div", m, [
+    t.showClose ? (s(), r(a, {
+      key: 0,
+      class: "absolute right-4 top-4 text-gray-500",
+      circle: "",
+      icon: "x",
+      onClick: o[0] || (o[0] = (C) => e.$emit("close"))
+    })) : d("", !0),
+    p(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const k = /* @__PURE__ */ n(i, [["render", u], ["__scopeId", "data-v-722dcbc7"]]);
+export {
+  k as D
+};

package/dist/DocPrint-BI1LXUPE.js

@@ -0,0 +1,399 @@
+import { _ as C, a8 as I, p as D, a5 as P, aw as _, ax as k, b as h, a3 as V, o as p, d as m, s as o, v as l, n as y, e as r, E as B, f as w, B as b, w as x, ay as E } from "./main-Cb-nyil1.js";
+const z = {
+  i18nOptions: {
+    namespaces: "documentPrint",
+    messages: {
+      en: {
+        title: "Print options",
+        appendAttachments: "Append attachments",
+        appendAttachmentsSub: "Append attachments",
+        hideDocumentAttachmentBlocks: "Hide document attachment blocks",
+        hideDocumentAttachmentBlocksTooltip: "Hide blocks with the type of attachments.",
+        showVerification: "Include verification",
+        showVerificationSub: "Signature verification.",
+        showLast4ssn: "Include the last 4 digits of the personal identification number from the BankID signature.",
+        showEvents: "Show events",
+        buttonText: "Download PDF",
+        preparingPdf: "Preparing PDF...",
+        preparingPdfDone: "PDF is complete",
+        preparingPdfError: "Could not create PDF. Try again."
+      },
+      sv: {
+        title: "Utskriftsinställningar",
+        appendAttachments: "Bifoga bilagor",
+        appendAttachmentsSub: "Inkludera bilagor i slutet av PDF:en.",
+        hideDocumentAttachmentBlocks: "Göm dokumentblock som är bilagor",
+        hideDocumentAttachmentBlocksTooltip: "Dölj blocken av typen bilagor.",
+        showVerification: "Inkludera verifikat",
+        showVerificationSub: "Signaturverifikat.",
+        showLast4ssn: "Inkludera de sista 4-siffrorna i personnummret från BankID-signaturen",
+        showEvents: "Visa händelser",
+        buttonText: "Ladda ner PDF",
+        preparingPdf: "Förbereder PDF...",
+        preparingPdfDone: "PDF är redo",
+        preparingPdfError: "Kunde inte skapa PDF. Pröva igen."
+      }
+    }
+  },
+  name: "DocumentPrint",
+  components: {
+    CCheckbox: I
+  },
+  emits: ["close"],
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    isSuperUser: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  data() {
+    return {
+      options: {
+        appendAttachments: !0,
+        hideDocumentAttachmentBlocks: !1,
+        showVerification: !0,
+        showEvents: !0,
+        showLast4ssn: !0,
+        forceDoCreatePdf: !1,
+        // Only for superuser
+        compressImages: !1,
+        // Only for superuser
+        debugPage: !1,
+        // Only for superuser
+        extraTimeout: 0
+        // Only for superuser
+      },
+      showMoreOptions: !1,
+      omitAttachmentBlockTooltip: {
+        content: '<svg style="margin-top: 2px;" width="193" height="122" viewBox="0 0 193 122" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="193" height="122" rx="5" fill="white"/><text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" font-weight="bold" letter-spacing="0em"><tspan x="13" y="25.5">' + this.$t("_common:attachment_plural").capitalize() + `</tspan></text><path d="M14 33H25.2941L30 38.225V52H14V33Z" fill="#FFC4C4"/><path opacity="0.34" d="M14 60H25.5L30 64.5V79H14V60Z" fill="#42A4FF"/><text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" letter-spacing="0em"><tspan x="41" y="46.5">${this.$t("_common:file").capitalize()} #1</tspan></text><text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" letter-spacing="0em"><tspan x="41" y="73.5">${this.$t("_common:file").capitalize()} #2</tspan></text><rect x="13" y="87" width="61" height="12" fill="#E2E2E2"/><rect x="13" y="103" width="168" height="6" fill="#E2E2E2"/><rect x="13" y="112" width="151" height="6" fill="#E2E2E2"/><rect x="13" y="3" width="97" height="6" fill="#E2E2E2"/><rect x="14" y="47" width="16" height="5" fill="#FF1515"/><rect x="14" y="74" width="16" height="5" fill="#42A4FF"/></svg><div style="max-width: 193px; padding: 2px 0 8px 0;">
+            ${this.$t("hideDocumentAttachmentBlocksTooltip")}
+          </div>`,
+        placement: "left",
+        html: !0
+      }
+    };
+  },
+  computed: {
+    extraTimeout: {
+      get() {
+        return this.options.extraTimeout || null;
+      },
+      set(s) {
+        s ? this.options.extraTimeout = parseInt(s, 10) : this.options.extraTimeout = 0;
+      }
+    },
+    allowVerification() {
+      return this.document && this.document.allowVerification;
+    },
+    showAdminOptions() {
+      return D.showAdminSettings || this.isSuperUser;
+    },
+    hasBankIdSignatures() {
+      var i;
+      const { clients: s, senderClient: e } = this.document;
+      return e != null && e.socialNo && ((i = e.answerMethod) == null ? void 0 : i.accept) === "bankId" ? !0 : s.some(
+        (u) => {
+          var t;
+          return u.socialNo && ((t = u.answerMethod) == null ? void 0 : t.accept) === "bankId";
+        }
+      );
+    }
+  },
+  created() {
+    Object.assign(
+      this.options,
+      JSON.parse(P.getItem("print-settings"))
+    ), this.allowVerification || (this.options.showVerification = !1), this.$watch("options", {
+      deep: !0,
+      handler(s) {
+        P.setItem("print-settings", JSON.stringify(s)), !s.showVerification && !s.showEvents && (this.options.showEvents = !0), !s.showVerification && !s.showLast4ssn && (this.options.showLast4ssn = !0);
+      }
+    });
+  },
+  methods: {
+    async generatePdf() {
+      if (!this.document || !this.document.publicId) return;
+      const s = this.$t("preparingPdfDone"), e = this.$t("preparingPdfError"), i = this.$t("preparingPdf"), u = this.$t("_common:download"), { data: t } = await _.addDocument(this.document.publicId, {
+        ...this.options,
+        brand: D.brand
+        // this.$brand not defined on init
+        // locale: this.$i18n.locale,
+        // timeZone: get(Intl.DateTimeFormat().resolvedOptions(), 'timeZone') || '',
+      });
+      let a, n;
+      const f = async () => {
+        const { data: d } = await _.get(t) || {};
+        ({ status: a, url: n } = d);
+      }, g = async () => {
+        try {
+          if (await f(), a === "canceled")
+            throw new Error(
+              `Canceled preparing document pdf for publicId: ${this.document.publicId}`
+            );
+          if (a === "completed" && n) {
+            const d = () => {
+              const v = window.open(n, "_blank");
+              return v ? (v.focus(), !0) : !1;
+            };
+            return d() || k({
+              type: "success",
+              message: s,
+              time: null,
+              // won't close notification after default 6 sec
+              closeButton: !0,
+              actions: {
+                submit: {
+                  text: u,
+                  callback: d
+                }
+              }
+            }), "close";
+          }
+          return await E(3e3), g();
+        } catch (d) {
+          return k({
+            type: "error",
+            message: e
+          }), this.$error(d, { showMessage: !1 }), "close";
+        }
+      };
+      await k({
+        type: "spinner",
+        message: i,
+        time: g,
+        closeButton: !0
+      }), this.$emit("close");
+    }
+  }
+}, F = { class: "options-wrapper" }, T = { class: "pb-4 text-lg font-semibold" }, S = { class: "print-options" }, M = { class: "select-none pb-1 text-sm font-medium text-gray-800" }, O = { class: "option-item" }, L = {
+  class: "has-text-grey-dark",
+  style: { "font-size": "13px" }
+}, N = {
+  class: "has-text-grey-dark",
+  style: { "font-size": "13px" }
+}, H = { class: "select-none pb-1 text-sm font-medium text-gray-800" }, $ = {
+  class: "has-text-grey-dark",
+  style: { "font-size": "13px" }
+}, j = { key: 1 }, U = { key: 0 }, q = { class: "border-t-2 border-white bg-gray-100 text-xs opacity-80 hover:bg-gray-200" };
+function J(s, e, i, u, t, a) {
+  const n = h("CCheckbox"), f = h("CIcon"), g = h("Animation"), d = h("CInput"), v = h("CButton"), A = V("tooltip");
+  return p(), m("div", null, [
+    o("div", F, [
+      o("div", T, l(s.$t("title")), 1),
+      o("div", S, [
+        o("div", M, l(s.$t("_common:document")), 1),
+        o("div", O, [
+          o("div", {
+            class: y([{ disabled: !i.document.attachedFiles.length }, "option-item__inner bg-gray-100 hover:bg-gray-200"]),
+            onClick: e[0] || (e[0] = (c) => t.options.appendAttachments = !t.options.appendAttachments)
+          }, [
+            r(n, {
+              "model-value": i.document.attachedFiles.length ? t.options.appendAttachments : !1,
+              type: "secondary",
+              size: "small",
+              style: { flex: "0 0 30px" }
+            }, null, 8, ["model-value"]),
+            o("div", null, [
+              o("div", null, l(s.$t("appendAttachments")), 1),
+              o("div", L, l(s.$tc("_common:attachment", {
+                count: i.document.attachedFiles.length
+              })), 1)
+            ])
+          ], 2),
+          B((p(), m("div", null, [
+            o("div", {
+              class: y([{
+                disabled: !i.document.getAllNodesWithType("attachments").length
+              }, "option-item__inner border-t-2 border-white bg-gray-100 hover:bg-gray-200"]),
+              onClick: e[1] || (e[1] = (c) => t.options.hideDocumentAttachmentBlocks = !t.options.hideDocumentAttachmentBlocks)
+            }, [
+              r(n, {
+                "model-value": i.document.getAllNodesWithType("attachments").length ? t.options.hideDocumentAttachmentBlocks : !1,
+                type: "secondary",
+                size: "small",
+                style: { flex: "0 0 30px" }
+              }, null, 8, ["model-value"]),
+              o("div", null, [
+                o("div", null, l(s.$t("hideDocumentAttachmentBlocks")), 1),
+                o("div", N, l(s.$tc("_common:block", {
+                  count: i.document.getAllNodesWithType("attachments").length
+                })), 1)
+              ])
+            ], 2)
+          ])), [
+            [A, t.omitAttachmentBlockTooltip]
+          ])
+        ]),
+        e[15] || (e[15] = o("div", { style: { height: "1.25rem" } }, null, -1)),
+        o("div", H, l(s.$t("_common:verification").capitalize()), 1),
+        o("div", {
+          class: y([{ disabled: !a.allowVerification }, "option-item"])
+        }, [
+          o("div", {
+            class: "option-item__inner bg-gray-100 hover:bg-gray-200",
+            onClick: e[2] || (e[2] = (c) => t.options.showVerification = !t.options.showVerification)
+          }, [
+            r(n, {
+              "model-value": t.options.showVerification,
+              type: "secondary",
+              size: "small",
+              style: { flex: "0 0 30px" }
+            }, null, 8, ["model-value"]),
+            o("div", null, [
+              o("div", null, l(s.$t("showVerification")), 1),
+              o("div", $, l(s.$t("showVerificationSub")), 1)
+            ])
+          ]),
+          t.options.showVerification ? (p(), m("div", {
+            key: 0,
+            class: "option-item__inner border-t-2 border-white bg-gray-100 pl-8 hover:bg-gray-200",
+            onClick: e[3] || (e[3] = (c) => t.options.showEvents = !t.options.showEvents)
+          }, [
+            r(n, {
+              "model-value": t.options.showEvents,
+              type: "secondary",
+              size: "small",
+              style: { flex: "0 0 30px" }
+            }, null, 8, ["model-value"]),
+            o("div", null, [
+              o("div", null, l(s.$t("showEvents")), 1)
+            ])
+          ])) : w("", !0),
+          t.options.showVerification && a.hasBankIdSignatures ? (p(), m("div", j, [
+            o("div", {
+              class: "mb-1 mt-3 inline-flex cursor-pointer select-none items-center rounded p-2 text-xs font-medium leading-none text-gray-500 hover:bg-gray-100",
+              onClick: e[4] || (e[4] = (c) => t.showMoreOptions = !t.showMoreOptions)
+            }, [
+              b(l(s.$t("_common:more").capitalize()) + " ", 1),
+              r(f, {
+                type: "chevron-right",
+                class: y([{ "rotate-90": t.showMoreOptions }, "ml-0.5 transition-transform"]),
+                "stroke-width": "2.25",
+                size: "12"
+              }, null, 8, ["class"])
+            ]),
+            r(g, null, {
+              default: x(() => [
+                t.showMoreOptions ? (p(), m("div", {
+                  key: 0,
+                  class: "option-item__inner bg-gray-100 hover:bg-gray-200",
+                  onClick: e[5] || (e[5] = (c) => t.options.showLast4ssn = !t.options.showLast4ssn)
+                }, [
+                  r(n, {
+                    "model-value": t.options.showLast4ssn,
+                    type: "secondary",
+                    size: "small",
+                    style: { flex: "0 0 30px" }
+                  }, null, 8, ["model-value"]),
+                  o("div", null, [
+                    o("div", null, l(s.$t("showLast4ssn")), 1)
+                  ])
+                ])) : w("", !0)
+              ]),
+              _: 1
+            })
+          ])) : w("", !0)
+        ], 2),
+        a.showAdminOptions ? (p(), m("div", U, [
+          e[13] || (e[13] = o("div", { style: { height: "1.25rem" } }, null, -1)),
+          e[14] || (e[14] = o("div", { class: "select-none pb-1 text-sm font-medium text-gray-800" }, " Superuser + VPN ", -1)),
+          o("div", {
+            class: "option-item__inner border-t-2 border-white bg-gray-100 text-xs opacity-80 hover:bg-gray-200",
+            onClick: e[6] || (e[6] = (c) => t.options.forceDoCreatePdf = !t.options.forceDoCreatePdf)
+          }, [
+            r(n, {
+              "model-value": t.options.forceDoCreatePdf,
+              size: "small",
+              class: "py-2"
+            }, {
+              default: x(() => e[10] || (e[10] = [
+                b(" Force re-create PDF ")
+              ])),
+              _: 1
+            }, 8, ["model-value"])
+          ]),
+          o("div", {
+            class: "option-item__inner border-t-2 border-white bg-gray-100 text-xs opacity-80 hover:bg-gray-200",
+            onClick: e[7] || (e[7] = (c) => t.options.compressImages = !t.options.compressImages)
+          }, [
+            r(n, {
+              "model-value": t.options.compressImages,
+              type: "secondary",
+              size: "small",
+              style: { flex: "0 0 30px" }
+            }, null, 8, ["model-value"]),
+            e[11] || (e[11] = o("div", null, [
+              o("div", null, "Compress images")
+            ], -1))
+          ]),
+          o("div", {
+            class: "option-item__inner border-t-2 border-white bg-gray-100 text-xs opacity-80 hover:bg-gray-200",
+            onClick: e[8] || (e[8] = (c) => t.options.debugPage = !t.options.debugPage)
+          }, [
+            r(n, {
+              "model-value": t.options.debugPage,
+              size: "small",
+              class: "py-2"
+            }, {
+              default: x(() => e[12] || (e[12] = [
+                b(" Debug page output ")
+              ])),
+              _: 1
+            }, 8, ["model-value"])
+          ]),
+          o("div", q, [
+            r(d, {
+              modelValue: a.extraTimeout,
+              "onUpdate:modelValue": e[9] || (e[9] = (c) => a.extraTimeout = c),
+              modelModifiers: { number: !0 },
+              type: "number",
+              filled: "",
+              size: "small",
+              placeholder: "Optional extra timeout (ms)"
+            }, null, 8, ["modelValue"])
+          ])
+        ])) : w("", !0)
+      ])
+    ]),
+    r(v, {
+      type: "secondary",
+      size: "medium",
+      wide: "",
+      onClick: a.generatePdf
+    }, {
+      default: x(() => [
+        b(l(s.$t("buttonText")), 1)
+      ]),
+      _: 1
+    }, 8, ["onClick"])
+  ]);
+}
+const W = /* @__PURE__ */ C(z, [["render", J], ["__scopeId", "data-v-d1c9dab3"]]), Z = {
+  name: "DocPrint",
+  components: {
+    DocumentPrint: W
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  }
+}, G = { class: "h-full w-full overflow-auto px-8 py-12" };
+function K(s, e, i, u, t, a) {
+  const n = h("DocumentPrint");
+  return p(), m("div", G, [
+    r(n, {
+      document: i.document,
+      onClose: e[0] || (e[0] = (f) => s.$router.push("/"))
+    }, null, 8, ["document"])
+  ]);
+}
+const R = /* @__PURE__ */ C(Z, [["render", K]]);
+export {
+  R as default
+};